@jigowatts/jigowatts-ui 1.2.2 → 2.1.0

package/dist/{index-pr0ncuNy.js → index-CogWL0bN.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import l from "classnames";
-import './assets/index28.css';const c = "_inputContainer_18h3l_1", d = "_radioGroup_18h3l_8", p = "_radio_18h3l_8", _ = "_input_18h3l_1", u = "_error_18h3l_36", m = "_errorMessage_18h3l_40", r = {
+import './assets/index25.css';const c = "_inputContainer_18h3l_1", d = "_radioGroup_18h3l_8", p = "_radio_18h3l_8", _ = "_input_18h3l_1", u = "_error_18h3l_36", m = "_errorMessage_18h3l_40", r = {
   inputContainer: c,
   radioGroup: d,
   radio: p,
@@ -32,4 +32,4 @@ export {
   N as R,
   r as s
 };
-//# sourceMappingURL=index-pr0ncuNy.js.map
+//# sourceMappingURL=index-CogWL0bN.js.map

package/dist/{index-pr0ncuNy.js.map → index-CogWL0bN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-pr0ncuNy.js","sources":["../src/components/RadioButton/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Value = {\n  label: string;\n  value: string;\n};\ntype Props = {\n  values: Value[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n};\n\nexport const RadioButton = (props: Props) => {\n  const { values, register, errorMessage } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.radioGroup}>\n        {values.map((value) => (\n          <div className={styles.radio} key={value.value}>\n            <input\n              type=\"radio\"\n              value={value.value}\n              id={value.value}\n              className={classnames(styles.input, {\n                [styles.error]: errorMessage,\n              })}\n              {...register}\n            />\n            <label htmlFor={value.value}>{value.label}</label>\n          </div>\n        ))}\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","props","values","register","errorMessage","jsxs","styles","jsx","value","classnames"],"mappings":";;;;;;;;;GAeaA,IAAc,CAACC,MAAiB;AAC3C,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,cAAAC,EAAiB,IAAAH;AAE3C,SACG,gBAAAI,EAAA,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWD,EAAO,YACpB,UAAOJ,EAAA,IAAI,CAACM,MACV,gBAAAH,EAAA,OAAA,EAAI,WAAWC,EAAO,OACrB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOC,EAAM;AAAA,UACb,IAAIA,EAAM;AAAA,UACV,WAAWC,EAAWH,EAAO,OAAO;AAAA,YAClC,CAACA,EAAO,KAAK,GAAGF;AAAA,UAAA,CACjB;AAAA,UACA,GAAGD;AAAA,QAAA;AAAA,MACN;AAAA,wBACC,SAAM,EAAA,SAASK,EAAM,OAAQ,YAAM,MAAM,CAAA;AAAA,IAVT,EAAA,GAAAA,EAAM,KAWzC,CACD,GACH;AAAA,IACCJ,KACE,gBAAAG,EAAA,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAaF,EAAA,CAAA;AAAA,EAAA,GAEzD;AAEJ;"}
+{"version":3,"file":"index-CogWL0bN.js","sources":["../src/components/RadioButton/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Value = {\n  label: string;\n  value: string;\n};\ntype Props = {\n  values: Value[];\n  register?: UseFormRegisterReturn;\n  errorMessage?: string;\n};\n\nexport const RadioButton = (props: Props) => {\n  const { values, register, errorMessage } = props;\n\n  return (\n    <div className={styles.inputContainer}>\n      <div className={styles.radioGroup}>\n        {values.map((value) => (\n          <div className={styles.radio} key={value.value}>\n            <input\n              type=\"radio\"\n              value={value.value}\n              id={value.value}\n              className={classnames(styles.input, {\n                [styles.error]: errorMessage,\n              })}\n              {...register}\n            />\n            <label htmlFor={value.value}>{value.label}</label>\n          </div>\n        ))}\n      </div>\n      {errorMessage && (\n        <small className={styles.errorMessage}>{errorMessage}</small>\n      )}\n    </div>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","props","values","register","errorMessage","jsxs","styles","jsx","value","classnames"],"mappings":";;;;;;;;;GAeaA,IAAc,CAACC,MAAiB;AAC3C,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,cAAAC,EAAA,IAAiBH;AAE3C,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,YACpB,UAAAJ,EAAO,IAAI,CAACM,MACX,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAO,OACrB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOC,EAAM;AAAA,UACb,IAAIA,EAAM;AAAA,UACV,WAAWC,EAAWH,EAAO,OAAO;AAAA,YAClC,CAACA,EAAO,KAAK,GAAGF;AAAA,UAAA,CACjB;AAAA,UACA,GAAGD;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEL,SAAA,EAAM,SAASK,EAAM,OAAQ,YAAM,MAAA,CAAM;AAAA,IAAA,EAAA,GAVTA,EAAM,KAWzC,CACD,GACH;AAAA,IACCJ,KACC,gBAAAG,EAAC,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAAF,EAAA,CAAa;AAAA,EAAA,GAEzD;AAEJ;"}

package/dist/{index-CSiE_l9r.js → index-D7VNQwOv.js}

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import g from "classnames";
-import './assets/index29.css';const j = "_inputContainer_1sj6d_2", v = "_selectWrapper_1sj6d_9", C = "_select_1sj6d_9", N = "_placeholder_1sj6d_36", f = "_error_1sj6d_40", M = "_errorMessage_1sj6d_44", e = {
+import './assets/index28.css';const j = "_inputContainer_1sj6d_2", v = "_selectWrapper_1sj6d_9", C = "_select_1sj6d_9", N = "_placeholder_1sj6d_36", f = "_error_1sj6d_40", M = "_errorMessage_1sj6d_44", e = {
   inputContainer: j,
   selectWrapper: v,
   select: C,
@@ -48,4 +48,4 @@ export {
   S,
   e as s
 };
-//# sourceMappingURL=index-CSiE_l9r.js.map
+//# sourceMappingURL=index-D7VNQwOv.js.map

package/dist/{index-CSiE_l9r.js.map → index-D7VNQwOv.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-D7VNQwOv.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;"}