@jigowatts/jigowatts-ui 1.1.7 → 1.1.9

package/dist/index-CCbJ_2yU.cjs

@@ -0,0 +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

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

@@ -1 +1 @@
-{"version":3,"file":"index-CC8i8yVF.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":"0TAoBaA,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,kBAAAA,KAAA,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAACC,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWD,EAAO,cACrB,SAAAD,EAAA,kBAAA,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,kBAAAA,IAAC,UAAO,MAAM,GAAG,SAAQ,GAAC,UAAWD,EAAO,YACzC,SACHR,CAAA,CAAA,EAEDH,EAAO,IAAKS,GACVG,EAAAA,kBAAAA,IAAA,SAAA,CAAO,MAAOH,EAAM,MAClB,SAAAA,EAAM,KADwB,EAAAA,EAAM,KAEvC,CACD,CAAA,CAAA,CAAA,EAEL,EACCP,GACEU,EAAAA,kBAAAA,IAAA,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAaT,CAAA,CAAA,CAAA,EAEzD,CAEJ"}
+{"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"}

package/dist/index-CSiE_l9r.js

@@ -0,0 +1,51 @@
+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 = {
+  inputContainer: j,
+  selectWrapper: v,
+  select: C,
+  placeholder: N,
+  error: f,
+  errorMessage: M
+}, S = (d) => {
+  const {
+    id: i,
+    name: p,
+    values: l,
+    register: _,
+    errorMessage: a,
+    placeholder: t,
+    defaultValue: h,
+    onChange: n
+  } = d, u = (s) => {
+    const o = l.find(
+      (m) => m.value == s.target.value
+    );
+    n && o && n(o);
+  };
+  return /* @__PURE__ */ c("div", { className: e.inputContainer, children: [
+    /* @__PURE__ */ r("div", { className: e.selectWrapper, children: /* @__PURE__ */ c(
+      "select",
+      {
+        id: i,
+        name: p,
+        className: g(e.select, {
+          [e.error]: a
+        }),
+        ..._,
+        onChange: u,
+        value: h,
+        children: [
+          t && /* @__PURE__ */ r("option", { value: "", selected: !0, className: e.placeholder, children: t }),
+          l.map((s) => /* @__PURE__ */ r("option", { value: s.value, children: s.label }, s.value))
+        ]
+      }
+    ) }),
+    a && /* @__PURE__ */ r("small", { className: e.errorMessage, children: a })
+  ] });
+};
+export {
+  S,
+  e as s
+};
+//# sourceMappingURL=index-CSiE_l9r.js.map

package/dist/{index-BFpfBoIf.js.map → index-CSiE_l9r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BFpfBoIf.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,SACGE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWD,EAAO,eACrB,UAAAD,gBAAAA,EAAA;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,KAAAS,gBAAAA,EAAAA,IAAC,YAAO,OAAM,IAAG,UAAQ,IAAC,WAAWD,EAAO,aACzC,UACHR,EAAA,CAAA;AAAA,UAEDH,EAAO,IAAI,CAACS,MACVG,gBAAAA,EAAAA,IAAA,UAAA,EAAO,OAAOH,EAAM,OAClB,UAAAA,EAAM,MADwB,GAAAA,EAAM,KAEvC,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACCP,KACEU,gBAAAA,EAAAA,IAAA,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;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;"}

package/dist/{index-Cm_1lb-3.js → index-D5b3AasF.js}

@@ -1,4 +1,4 @@
-import { g as H } from "./react.esm-BL1KU4o5.js";
+import { g as H } from "./react.esm-2FJSSo-S.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-Cm_1lb-3.js.map
+//# sourceMappingURL=index-D5b3AasF.js.map