@jigowatts/jigowatts-ui 1.2.1 → 2.0.0

package/dist/index-CSiE_l9r.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-CSiE_l9r.js","sources":["../src/components/SelectBox/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\nexport type SelectBoxValue = {\n  label: string;\n  value: string | number;\n};\ntype Props = {\n  id?: string;\n  name?: string;\n  values: SelectBoxValue[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n  placeholder?: string;\n  defaultValue?: SelectBoxValue[\"value\"];\n  onChange?: (selectedOption: SelectBoxValue) => void;\n};\n\nexport const SelectBox = (props: Props) => {\n  const {\n    id,\n    name,\n    values,\n    register,\n    errorMessage,\n    placeholder,\n    defaultValue,\n    onChange,\n  } = props;\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = values.find(\n      (value) => value.value == event.target.value,\n    );\n\n    if (onChange && selectedValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.selectWrapper}>\n        <select\n          id={id}\n          name={name}\n          className={classnames(styles.select, {\n            [styles.error]: errorMessage,\n          })}\n          {...register}\n          onChange={handleOnChange}\n          value={defaultValue}\n        >\n          {placeholder && (\n            <option value=\"\" selected className={styles.placeholder}>\n              {placeholder}\n            </option>\n          )}\n          {values.map((value) => (\n            <option value={value.value} key={value.value}>\n              {value.label}\n            </option>\n          ))}\n        </select>\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default SelectBox;\n"],"names":["SelectBox","props","id","name","values","register","errorMessage","placeholder","defaultValue","onChange","handleOnChange","event","selectedValue","value","jsxs","styles","jsx","classnames"],"mappings":";;;;;;;;;GAoBaA,IAAY,CAACC,MAAiB;AACnC,QAAA;AAAA,IACJ,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACER,GAEES,IAAiB,CAACC,MAAgD;AACtE,UAAMC,IAAgBR,EAAO;AAAA,MAC3B,CAACS,MAAUA,EAAM,SAASF,EAAM,OAAO;AAAA,IACzC;AAEA,IAAIF,KAAYG,KACdH,EAASG,CAAa;AAAA,EAE1B;AAEA,SACG,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAWD,EAAO,eACrB,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,MAAAC;AAAA,QACA,WAAWc,EAAWF,EAAO,QAAQ;AAAA,UACnC,CAACA,EAAO,KAAK,GAAGT;AAAA,QAAA,CACjB;AAAA,QACA,GAAGD;AAAA,QACJ,UAAUK;AAAA,QACV,OAAOF;AAAA,QAEN,UAAA;AAAA,UACCD,KAAA,gBAAAS,EAAC,YAAO,OAAM,IAAG,UAAQ,IAAC,WAAWD,EAAO,aACzC,UACHR,EAAA,CAAA;AAAA,UAEDH,EAAO,IAAI,CAACS,MACV,gBAAAG,EAAA,UAAA,EAAO,OAAOH,EAAM,OAClB,UAAAA,EAAM,MADwB,GAAAA,EAAM,KAEvC,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCP,KACE,gBAAAU,EAAA,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAaT,EAAA,CAAA;AAAA,EAAA,GAEzD;AAEJ;"}
+{"version":3,"file":"index-CSiE_l9r.js","sources":["../src/components/SelectBox/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\nexport type SelectBoxValue = {\n  label: string;\n  value: string | number;\n};\ntype Props = {\n  id?: string;\n  name?: string;\n  values: SelectBoxValue[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n  placeholder?: string;\n  defaultValue?: SelectBoxValue[\"value\"];\n  onChange?: (selectedOption: SelectBoxValue) => void;\n};\n\nexport const SelectBox = (props: Props) => {\n  const {\n    id,\n    name,\n    values,\n    register,\n    errorMessage,\n    placeholder,\n    defaultValue,\n    onChange,\n  } = props;\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const selectedValue = values.find(\n      (value) => value.value == event.target.value,\n    );\n\n    if (onChange && selectedValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.selectWrapper}>\n        <select\n          id={id}\n          name={name}\n          className={classnames(styles.select, {\n            [styles.error]: errorMessage,\n          })}\n          {...register}\n          onChange={handleOnChange}\n          value={defaultValue}\n        >\n          {placeholder && (\n            <option value=\"\" selected className={styles.placeholder}>\n              {placeholder}\n            </option>\n          )}\n          {values.map((value) => (\n            <option value={value.value} key={value.value}>\n              {value.label}\n            </option>\n          ))}\n        </select>\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default SelectBox;\n"],"names":["SelectBox","props","id","name","values","register","errorMessage","placeholder","defaultValue","onChange","handleOnChange","event","selectedValue","value","jsxs","styles","jsx","classnames"],"mappings":";;;;;;;;;GAoBaA,IAAY,CAACC,MAAiB;AACzC,QAAM;AAAA,IACJ,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACER,GAEES,IAAiB,CAACC,MAAgD;AACtE,UAAMC,IAAgBR,EAAO;AAAA,MAC3B,CAACS,MAAUA,EAAM,SAASF,EAAM,OAAO;AAAA,IAAA;AAGzC,IAAIF,KAAYG,KACdH,EAASG,CAAa;AAAA,EAE1B;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,eACrB,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,MAAAC;AAAA,QACA,WAAWc,EAAWF,EAAO,QAAQ;AAAA,UACnC,CAACA,EAAO,KAAK,GAAGT;AAAA,QAAA,CACjB;AAAA,QACA,GAAGD;AAAA,QACJ,UAAUK;AAAA,QACV,OAAOF;AAAA,QAEN,UAAA;AAAA,UAAAD,KACC,gBAAAS,EAAC,YAAO,OAAM,IAAG,UAAQ,IAAC,WAAWD,EAAO,aACzC,UAAAR,EAAA,CACH;AAAA,UAEDH,EAAO,IAAI,CAACS,MACX,gBAAAG,EAAC,UAAA,EAAO,OAAOH,EAAM,OAClB,UAAAA,EAAM,MAAA,GADwBA,EAAM,KAEvC,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCP,KACC,gBAAAU,EAAC,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAAT,EAAA,CAAa;AAAA,EAAA,GAEzD;AAEJ;"}