@jigowatts/jigowatts-ui 1.2.2 → 2.1.0

package/dist/{index-CCbJ_2yU.cjs → index-SHLzSoKB.cjs}

@@ -1,2 +1,2 @@
-"use strict";require('./assets/index29.css');const s=require("react/jsx-runtime"),j=require("classnames"),g="_inputContainer_1sj6d_2",m="_selectWrapper_1sj6d_9",x="_select_1sj6d_9",v="_placeholder_1sj6d_36",C="_error_1sj6d_40",N="_errorMessage_1sj6d_44",e={inputContainer:g,selectWrapper:m,select:x,placeholder:v,error:C,errorMessage:N},M=o=>{const{id:i,name:d,values:a,register:p,errorMessage:l,placeholder:t,defaultValue:u,onChange:c}=o,_=r=>{const n=a.find(h=>h.value==r.target.value);c&&n&&c(n)};return s.jsxs("div",{className:e.inputContainer,children:[s.jsx("div",{className:e.selectWrapper,children:s.jsxs("select",{id:i,name:d,className:j(e.select,{[e.error]:l}),...p,onChange:_,value:u,children:[t&&s.jsx("option",{value:"",selected:!0,className:e.placeholder,children:t}),a.map(r=>s.jsx("option",{value:r.value,children:r.label},r.value))]})}),l&&s.jsx("small",{className:e.errorMessage,children:l})]})};exports.SelectBox=M;exports.styles=e;
-//# sourceMappingURL=index-CCbJ_2yU.cjs.map
+"use strict";require('./assets/index28.css');const s=require("react/jsx-runtime"),j=require("classnames"),g="_inputContainer_1sj6d_2",m="_selectWrapper_1sj6d_9",x="_select_1sj6d_9",v="_placeholder_1sj6d_36",C="_error_1sj6d_40",N="_errorMessage_1sj6d_44",e={inputContainer:g,selectWrapper:m,select:x,placeholder:v,error:C,errorMessage:N},M=o=>{const{id:i,name:d,values:a,register:p,errorMessage:l,placeholder:t,defaultValue:u,onChange:c}=o,_=r=>{const n=a.find(h=>h.value==r.target.value);c&&n&&c(n)};return s.jsxs("div",{className:e.inputContainer,children:[s.jsx("div",{className:e.selectWrapper,children:s.jsxs("select",{id:i,name:d,className:j(e.select,{[e.error]:l}),...p,onChange:_,value:u,children:[t&&s.jsx("option",{value:"",selected:!0,className:e.placeholder,children:t}),a.map(r=>s.jsx("option",{value:r.value,children:r.label},r.value))]})}),l&&s.jsx("small",{className:e.errorMessage,children:l})]})};exports.SelectBox=M;exports.styles=e;
+//# sourceMappingURL=index-SHLzSoKB.cjs.map

package/dist/{index-CCbJ_2yU.cjs.map → index-SHLzSoKB.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CCbJ_2yU.cjs","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":"iTAoBaA,EAAaC,GAAiB,CACnC,KAAA,CACJ,GAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,CAAA,EACER,EAEES,EAAkBC,GAAgD,CACtE,MAAMC,EAAgBR,EAAO,KAC1BS,GAAUA,EAAM,OAASF,EAAM,OAAO,KACzC,EAEIF,GAAYG,GACdH,EAASG,CAAa,CAE1B,EAEA,OACGE,EAAAA,KAAA,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAACC,EAAA,IAAA,MAAA,CAAI,UAAWD,EAAO,cACrB,SAAAD,EAAA,KAAC,SAAA,CACC,GAAAZ,EACA,KAAAC,EACA,UAAWc,EAAWF,EAAO,OAAQ,CACnC,CAACA,EAAO,KAAK,EAAGT,CAAA,CACjB,EACA,GAAGD,EACJ,SAAUK,EACV,MAAOF,EAEN,SAAA,CACCD,GAAAS,EAAAA,IAAC,UAAO,MAAM,GAAG,SAAQ,GAAC,UAAWD,EAAO,YACzC,SACHR,CAAA,CAAA,EAEDH,EAAO,IAAKS,GACVG,EAAAA,IAAA,SAAA,CAAO,MAAOH,EAAM,MAClB,SAAAA,EAAM,KADwB,EAAAA,EAAM,KAEvC,CACD,CAAA,CAAA,CAAA,EAEL,EACCP,GACEU,EAAAA,IAAA,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAaT,CAAA,CAAA,CAAA,EAEzD,CAEJ"}
+{"version":3,"file":"index-SHLzSoKB.cjs","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":"iTAoBaA,EAAaC,GAAiB,CACzC,KAAM,CACJ,GAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,CAAA,EACER,EAEES,EAAkBC,GAAgD,CACtE,MAAMC,EAAgBR,EAAO,KAC1BS,GAAUA,EAAM,OAASF,EAAM,OAAO,KAAA,EAGrCF,GAAYG,GACdH,EAASG,CAAa,CAE1B,EAEA,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,cACrB,SAAAD,EAAAA,KAAC,SAAA,CACC,GAAAZ,EACA,KAAAC,EACA,UAAWc,EAAWF,EAAO,OAAQ,CACnC,CAACA,EAAO,KAAK,EAAGT,CAAA,CACjB,EACA,GAAGD,EACJ,SAAUK,EACV,MAAOF,EAEN,SAAA,CAAAD,GACCS,EAAAA,IAAC,UAAO,MAAM,GAAG,SAAQ,GAAC,UAAWD,EAAO,YACzC,SAAAR,CAAA,CACH,EAEDH,EAAO,IAAKS,GACXG,EAAAA,IAAC,SAAA,CAAO,MAAOH,EAAM,MAClB,SAAAA,EAAM,KAAA,EADwBA,EAAM,KAEvC,CACD,CAAA,CAAA,CAAA,EAEL,EACCP,GACCU,EAAAA,IAAC,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAAT,CAAA,CAAa,CAAA,EAEzD,CAEJ"}

package/dist/{index-D5b3AasF.js → index-sarAILcU.js}

@@ -1,4 +1,4 @@
-import { g as H } from "./react.esm-2FJSSo-S.js";
+import { d as H } from "./react.esm-BBESb8eI.js";
 function a(e, t, n) {
   return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
     t
@@ -3096,4 +3096,4 @@ const gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 export {
   Lr as u
 };
-//# sourceMappingURL=index-D5b3AasF.js.map
+//# sourceMappingURL=index-sarAILcU.js.map