{"version":3,"file":"OutputDbPulldownForm.module-CjRoXv8w.js","sources":["../../../app/javascript/components/templates/output_suggests/DbPulldownSearchForm.tsx","../../../app/javascript/components/common/MultipleSelections.tsx"],"sourcesContent":["// @ts-nocheck\nimport PropTypes from \"prop-types\";\nimport React, { useState, useEffect } from \"react\";\nimport className from \"./PulldownSearchForm.module.scss\";\nimport { getImageUrl } from \"../../../commons/assets_path\";\nimport { useTranslation } from \"react-i18next\";\n\n/**\n * @arg {PropTypes.InferProps.<typeof OutputSuggest.propTypes>} props\n * @return {ReturnType.<React.FC>}\n */\n\nexport const DbPulldownSearchForm = ({ onSearchList, setSelectionSearchingFlg }) => {\n  const { t } = useTranslation();\n  // IME入力中flg\n  const [compFlg, setCompFlg] = useState(false);\n\n  return (\n    <div className={className.searchForm}>\n      <span style={{ padding: \"8px\" }}>\n        <img src={getImageUrl(\"images/icons/search.svg\")} width={20} height={20} />\n      </span>\n      <input\n        type=\"text\"\n        placeholder={t(\"DbPulldownSearchForm.検索\")}\n        className={className.searchInput}\n        onChange={(e) => {\n          if (compFlg) return false;\n          setSelectionSearchingFlg(!!e.target.value);\n          onSearchList(e.target.value);\n        }}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            e.stopPropagation();\n\n            return;\n          }\n        }}\n        onCompositionStart={() => {\n          setCompFlg(true);\n        }}\n        onCompositionEnd={(e) => {\n          setSelectionSearchingFlg(!!e.target.value);\n          onSearchList(e.target.value);\n          setCompFlg(false);\n        }}\n      />\n    </div>\n  );\n};\n\nDbPulldownSearchForm.propTypes = {\n  onSearchList: PropTypes.func,\n  setSelectionSearchingFlg: PropTypes.func,\n};\n","import React from \"react\";\nimport style from \"./MultipleSelections.module.scss\";\nimport { DbPulldownSearchForm } from \"../templates/output_suggests/DbPulldownSearchForm\";\nimport { useTranslation } from \"react-i18next\";\n\ntype Props = {\n  selections: string[];\n  fetchSelections: (value: string) => void;\n  selectedValues: string[];\n  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  isMore?: boolean;\n  fetchMore?: () => void;\n  position?: {\n    top?: number;\n    bottom?: number;\n    left?: number;\n    right?: number;\n  };\n};\n\nconst MultipleSelections = ({\n  selections,\n  fetchSelections,\n  selectedValues,\n  handleChange,\n  isMore = false,\n  fetchMore,\n  position,\n}: Props) => {\n  const { t } = useTranslation();\n\n  return (\n    <div\n      className={style.Container}\n      style={{\n        position: \"absolute\",\n        zIndex: 2,\n        ...(position && {\n          top: position.top ? `${position.top}px` : undefined,\n          bottom: position.bottom ? `${position.bottom}px` : undefined,\n          left: position.left ? `${position.left}px` : undefined,\n          right: position.right ? `${position.right}px` : undefined,\n        }),\n      }}\n    >\n      <DbPulldownSearchForm\n        onSearchList={(value) => fetchSelections(value)}\n        setSelectionSearchingFlg={(value) => value}\n      />\n      <div style={{ maxHeight: 250, overflow: \"auto\" }}>\n        <ul className={style.Selections}>\n          {selections.map((item) => (\n            <li className={style.SelectionsItem} key={item}>\n              <label className={style.SelectionsCheckBox}>\n                <input type=\"checkbox\" checked={selectedValues.includes(item)} onChange={handleChange} value={item} />\n                <div>\n                  <span>{item}</span>\n                </div>\n              </label>\n            </li>\n          ))}\n          {isMore && (\n            <li className={style.SelectionsItemMore} onClick={fetchMore}>\n              {t(\"MultipleSelections.さらに読み込む\")}\n            </li>\n          )}\n        </ul>\n      </div>\n    </div>\n  );\n};\n\nexport default MultipleSelections;\n"],"names":["DbPulldownSearchForm","onSearchList","setSelectionSearchingFlg","t","useTranslation","compFlg","setCompFlg","useState","jsxs","className","jsx","getImageUrl","e","PropTypes","MultipleSelections","selections","fetchSelections","selectedValues","handleChange","isMore","fetchMore","position","style","value","item"],"mappings":"wPAYO,MAAMA,EAAuB,CAAC,CAAE,aAAAC,EAAc,yBAAAC,KAA+B,CAC5E,KAAA,CAAE,EAAAC,CAAE,EAAIC,EAAe,EAEvB,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5C,OACGC,EAAAA,KAAA,MAAA,CAAI,UAAWC,EAAU,WACxB,SAAA,CAAAC,MAAC,QAAK,MAAO,CAAE,QAAS,OACtB,SAACA,MAAA,MAAA,CAAI,IAAKC,EAAY,yBAAyB,EAAG,MAAO,GAAI,OAAQ,EAAI,CAAA,EAC3E,EACAD,EAAA,IAAC,QAAA,CACC,KAAK,OACL,YAAaP,EAAE,yBAAyB,EACxC,UAAWM,EAAU,YACrB,SAAWG,GAAM,CACf,GAAIP,EAAgB,MAAA,GACpBH,EAAyB,CAAC,CAACU,EAAE,OAAO,KAAK,EAC5BX,EAAAW,EAAE,OAAO,KAAK,CAC7B,EACA,UAAYA,GAAM,CACZ,GAAAA,EAAE,MAAQ,QAAS,CACrBA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAElB,MAAA,CAEJ,EACA,mBAAoB,IAAM,CACxBN,EAAW,EAAI,CACjB,EACA,iBAAmBM,GAAM,CACvBV,EAAyB,CAAC,CAACU,EAAE,OAAO,KAAK,EAC5BX,EAAAW,EAAE,OAAO,KAAK,EAC3BN,EAAW,EAAK,CAAA,CAClB,CAAA,CACF,EACF,CAEJ,EAEAN,EAAqB,UAAY,CAC/B,aAAca,EAAU,KACxB,yBAA0BA,EAAU,IACtC,wWCnCMC,EAAqB,CAAC,CAC1B,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,GACT,UAAAC,EACA,SAAAC,CACF,IAAa,CACL,KAAA,CAAE,EAAAlB,CAAE,EAAIC,EAAe,EAG3B,OAAAI,EAAA,KAAC,MAAA,CACC,UAAWc,EAAM,UACjB,MAAO,CACL,SAAU,WACV,OAAQ,EACR,GAAID,GAAY,CACd,IAAKA,EAAS,IAAM,GAAGA,EAAS,GAAG,KAAO,OAC1C,OAAQA,EAAS,OAAS,GAAGA,EAAS,MAAM,KAAO,OACnD,KAAMA,EAAS,KAAO,GAAGA,EAAS,IAAI,KAAO,OAC7C,MAAOA,EAAS,MAAQ,GAAGA,EAAS,KAAK,KAAO,MAAA,CAEpD,EAEA,SAAA,CAAAX,EAAA,IAACV,EAAA,CACC,aAAeuB,GAAUP,EAAgBO,CAAK,EAC9C,yBAA2BA,GAAUA,CAAA,CACvC,EACCb,EAAA,IAAA,MAAA,CAAI,MAAO,CAAE,UAAW,IAAK,SAAU,MACtC,EAAA,SAAAF,EAAA,KAAC,KAAG,CAAA,UAAWc,EAAM,WAClB,SAAA,CAAAP,EAAW,IAAKS,GACfd,EAAA,IAAC,KAAG,CAAA,UAAWY,EAAM,eACnB,SAACd,EAAA,KAAA,QAAA,CAAM,UAAWc,EAAM,mBACtB,SAAA,CAACZ,EAAAA,IAAA,QAAA,CAAM,KAAK,WAAW,QAASO,EAAe,SAASO,CAAI,EAAG,SAAUN,EAAc,MAAOM,CAAM,CAAA,EACnGd,MAAA,MAAA,CACC,SAACA,EAAAA,IAAA,OAAA,CAAM,WAAK,CACd,CAAA,CAAA,EACF,CAAA,EANwCc,CAO1C,CACD,EACAL,GACET,EAAA,IAAA,KAAA,CAAG,UAAWY,EAAM,mBAAoB,QAASF,EAC/C,SAAEjB,EAAA,4BAA4B,CACjC,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,CAAA,CACF,CAEJ"}