@jigowatts/jigowatts-ui 2.1.0 → 2.1.2

package/dist/components/LoadingOverlay/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index21.css');const e=require("react/jsx-runtime"),o=require("react-spinners/RingLoader"),t="_overlay_igez4_1",a={overlay:t},r=()=>e.jsx("div",{className:a.overlay,children:e.jsx(o,{color:"#071d2e","data-testid":"loader"})});exports.LoadingOverLay=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index21.css');const e=require("react/jsx-runtime"),o=require("react-spinners"),t="_overlay_igez4_1",a={overlay:t},r=()=>e.jsx("div",{className:a.overlay,children:e.jsx(o.RingLoader,{color:"#071d2e","data-testid":"loader"})});exports.LoadingOverLay=r;exports.default=r;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/LoadingOverlay/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/LoadingOverlay/index.tsx"],"sourcesContent":["import RingLoader from \"react-spinners/RingLoader\";\n\nimport styles from \"./index.module.scss\";\n\nexport const LoadingOverLay = () => {\n  return (\n    <div className={styles.overlay}>\n      <RingLoader color=\"#071d2e\" data-testid=\"loader\" />\n    </div>\n  );\n};\n\nexport default LoadingOverLay;\n"],"names":["LoadingOverLay","jsx","styles","RingLoader"],"mappings":"2NAIaA,EAAiB,IAE1BC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,QACrB,SAAAD,EAAAA,IAACE,EAAA,CAAW,MAAM,UAAU,cAAY,QAAA,CAAS,EACnD"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/LoadingOverlay/index.tsx"],"sourcesContent":["import { RingLoader } from \"react-spinners\";\n\nimport styles from \"./index.module.scss\";\n\nexport const LoadingOverLay = () => {\n  return (\n    <div className={styles.overlay}>\n      <RingLoader color=\"#071d2e\" data-testid=\"loader\" />\n    </div>\n  );\n};\n\nexport default LoadingOverLay;\n"],"names":["LoadingOverLay","jsx","styles","RingLoader"],"mappings":"gNAIaA,EAAiB,IAE1BC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,QACrB,SAAAD,EAAAA,IAACE,EAAAA,WAAA,CAAW,MAAM,UAAU,cAAY,QAAA,CAAS,EACnD"}

package/dist/components/LoadingOverlay/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import e from "react-spinners/RingLoader";
+import { RingLoader as e } from "react-spinners";
 import '../../assets/index21.css';const r = "_overlay_igez4_1", a = {
   overlay: r
 }, s = () => /* @__PURE__ */ o("div", { className: a.overlay, children: /* @__PURE__ */ o(e, { color: "#071d2e", "data-testid": "loader" }) });

package/dist/components/LoadingOverlay/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/LoadingOverlay/index.tsx"],"sourcesContent":["import RingLoader from \"react-spinners/RingLoader\";\n\nimport styles from \"./index.module.scss\";\n\nexport const LoadingOverLay = () => {\n  return (\n    <div className={styles.overlay}>\n      <RingLoader color=\"#071d2e\" data-testid=\"loader\" />\n    </div>\n  );\n};\n\nexport default LoadingOverLay;\n"],"names":["LoadingOverLay","jsx","styles","RingLoader"],"mappings":";;;;GAIaA,IAAiB,MAE1B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA,gBAAAD,EAACE,GAAA,EAAW,OAAM,WAAU,eAAY,SAAA,CAAS,GACnD;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/LoadingOverlay/index.tsx"],"sourcesContent":["import { RingLoader } from \"react-spinners\";\n\nimport styles from \"./index.module.scss\";\n\nexport const LoadingOverLay = () => {\n  return (\n    <div className={styles.overlay}>\n      <RingLoader color=\"#071d2e\" data-testid=\"loader\" />\n    </div>\n  );\n};\n\nexport default LoadingOverLay;\n"],"names":["LoadingOverLay","jsx","styles","RingLoader"],"mappings":";;;;GAIaA,IAAiB,MAE1B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA,gBAAAD,EAACE,GAAA,EAAW,OAAM,WAAU,eAAY,SAAA,CAAS,GACnD;"}

package/dist/components/NumericFieldController/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),v=require("react"),C=require("@mui/icons-material"),m=require("@mui/material"),h=require("react-hook-form"),x=require("react-number-format"),F=v.forwardRef(function(a,s){const{valueType:u,defaultValue:p,onChange:o,allowLeadingZeros:i,...l}=a;return n.jsx(x.NumericFormat,{...l,getInputRef:s,allowLeadingZeros:u==="STRING"||i,onValueChange:(e,t)=>{if(!o||!t.event)return;let r;switch(u){case"STRING":r=e.value;break;case"FORMATTED_STRING":r=e.formattedValue;break;default:r=e.floatValue??void 0}const c={...t.event,target:{...t.event.target,name:a.name,value:r}};o(c)}})}),g=d=>{const{inputProps:a,config:s,defaultValue:u,emptyValue:p,...o}=d,{textFieldProps:i}=a??{},l=e=>e==null||e==="";return n.jsx(h.Controller,{control:o.control,defaultValue:u,name:o.name,render:({field:e,fieldState:t})=>{var r;return n.jsx(m.TextField,{...i,name:e.name,value:l(e.value)?"":e.value,onChange:c=>{e.onChange(c)},error:!!t.error,helperText:(r=t.error)==null?void 0:r.message,onBlur:e.onBlur,InputProps:{inputComponent:F,endAdornment:l(e.value)?void 0:n.jsx(m.InputAdornment,{position:"end",children:n.jsx(m.IconButton,{onClick:()=>{e.onChange(p)},edge:"end",children:n.jsx(C.Clear,{})})}),inputProps:{...s}}})}})};exports.NumericFieldController=g;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),h=require("react"),F=require("@mui/icons-material"),d=require("@mui/material"),x=require("react-hook-form"),N=require("react-number-format"),T=h.forwardRef(function(u,c){const{valueType:l,defaultValue:g,onChange:a,allowLeadingZeros:i,formEmptyValue:s,...m}=u,e=s??null;return o.jsx(N.NumericFormat,{...m,getInputRef:c,allowLeadingZeros:l==="STRING"||i,onValueChange:(r,t)=>{if(!a||!t.event)return;let n;switch(l){case"STRING":n=r.value;break;case"FORMATTED_STRING":n=r.formattedValue;break;default:n=r.floatValue??e}const C={...t.event,target:{...t.event.target,name:u.name,value:n}};a(C)}})}),v=p=>{const{inputProps:u,config:c,defaultValue:l,emptyValue:g,...a}=p,{textFieldProps:i}=u??{},s=g??null,m=e=>e==null||e==="";return o.jsx(x.Controller,{control:a.control,defaultValue:l,name:a.name,render:({field:e,fieldState:r})=>{var t;return o.jsx(d.TextField,{...i,name:e.name,value:m(e.value)?"":e.value,onChange:n=>{e.onChange(n)},error:!!r.error,helperText:(t=r.error)==null?void 0:t.message,onBlur:e.onBlur,InputProps:{inputComponent:T,endAdornment:m(e.value)?void 0:o.jsx(d.InputAdornment,{position:"end",children:o.jsx(d.IconButton,{onClick:()=>{e.onChange(s)},edge:"end",children:o.jsx(F.Clear,{})})}),inputProps:{...c,formEmptyValue:s}}})}})};exports.NumericFieldController=v;exports.default=v;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/NumericFieldController/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NumericFieldController/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef, type JSX } from \"react\";\nimport { Clear } from \"@mui/icons-material\";\nimport {\n  IconButton,\n  InputAdornment,\n  InputBaseComponentProps,\n  TextField,\n  TextFieldProps,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n  UseControllerProps,\n} from \"react-hook-form\";\nimport { NumericFormat } from \"react-number-format\";\n\ntype MuiNumericFieldConfig = {\n  displayErrorMessage?: boolean;\n  /**\n   *\n   * @exmaple\n   * - FLOAT: `1000`\n   * - STRING: `'1000'`\n   * - FORMATTED_STRING: `'1,000'`\n   * @defaultValue `'FLOAT'`\n   */\n  valueType?: \"FLOAT\" | \"STRING\" | \"FORMATTED_STRING\";\n  thousandSeparator?: boolean | string;\n  decimalSeparator?: string;\n  allowedDecimalSeparators?: Array<string>;\n  thousandsGroupStyle?: \"thousand\" | \"lakh\" | \"wan\" | \"none\";\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n  allowNegative?: boolean;\n  allowLeadingZeros?: boolean;\n  suffix?: string;\n  prefix?: string;\n};\n\ntype MuiNumericFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  /** Additional settings */\n  config?: MuiNumericFieldConfig;\n  /** Settings for MUI elements */\n  inputProps?: {\n    /**\n     * Settings for TextField inside MuiTextField\n     *\n     * API: {@link https://mui.com/material-ui/api/text-field/}\n     */\n    textFieldProps?: TextFieldProps;\n  };\n  defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;\n  emptyValue?: 0 | \"\" | null | undefined;\n};\n\n/**\n * 数値入力の表示フォーマット\n */\nconst NumberFormatCustom = forwardRef<\n  HTMLInputElement,\n  InputBaseComponentProps & MuiNumericFieldConfig\n>(function NumberFormatBase(props, ref) {\n  // 不要なプロパティを除くためdestructureする\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { valueType, defaultValue, onChange, allowLeadingZeros, ...others } =\n    props;\n\n  return (\n    <NumericFormat\n      {...others}\n      getInputRef={ref}\n      allowLeadingZeros={valueType === \"STRING\" || allowLeadingZeros}\n      onValueChange={(values, sourceInfo) => {\n        if (!onChange || !sourceInfo.event) return;\n        let value: string | number | undefined | null;\n        switch (valueType) {\n          case \"STRING\":\n            value = values.value;\n            break;\n          case \"FORMATTED_STRING\":\n            value = values.formattedValue;\n            break;\n          default:\n            value = values.floatValue ?? undefined;\n        }\n        const event = {\n          ...(sourceInfo.event as React.SyntheticEvent<HTMLInputElement>),\n          target: {\n            ...sourceInfo.event.target,\n            name: props.name,\n            value,\n          },\n        };\n        onChange(event);\n      }}\n    />\n  );\n});\n\n/**\n * React hook formとreact-number-formatで管理される数値入力コンポーネントです。\n * @typeParam TFieldValues - Type of the form.\n * @typeParam TName - Field name.\n * @example\n * ```\n *\n * <MuiNumericField<FormData, \"assets\">\n *   name=\"assets\"\n *   control={control}\n *   defaultValue={undefined}\n *   muiProps={{\n *     textFieldProps: {\n *       label: 'Assets',\n *       fullWidth: true\n *     }\n *   }}\n * />\n * ```\n */\nexport const NumericFieldController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: MuiNumericFieldProps<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    inputProps: muiProps,\n    config,\n    defaultValue,\n    emptyValue,\n    ...others\n  } = props;\n  const { textFieldProps } = muiProps ?? {};\n\n  const isEmptyValue = (value: string | number | undefined | null) => {\n    return value === null || value === undefined || value === \"\";\n  };\n  return (\n    <Controller\n      control={others.control}\n      defaultValue={defaultValue}\n      name={others.name}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...textFieldProps}\n          name={field.name}\n          value={isEmptyValue(field.value) ? \"\" : field.value}\n          onChange={(e) => {\n            field.onChange(e);\n          }}\n          error={!!fieldState.error}\n          helperText={fieldState.error?.message}\n          onBlur={field.onBlur}\n          InputProps={{\n            inputComponent: NumberFormatCustom,\n            endAdornment: !isEmptyValue(field.value) ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  onClick={() => {\n                    field.onChange(emptyValue);\n                  }}\n                  edge=\"end\"\n                >\n                  <Clear />\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            inputProps: {\n              ...config,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumericFieldController;\n"],"names":["NumberFormatCustom","forwardRef","props","ref","valueType","defaultValue","onChange","allowLeadingZeros","others","jsx","NumericFormat","values","sourceInfo","value","event","NumericFieldController","muiProps","config","emptyValue","textFieldProps","isEmptyValue","Controller","field","fieldState","TextField","e","_a","InputAdornment","IconButton","Clear"],"mappings":"8RAgEMA,EAAqBC,EAAAA,WAGzB,SAA0BC,EAAOC,EAAK,CAGtC,KAAM,CAAE,UAAAC,EAAW,aAAAC,EAAc,SAAAC,EAAU,kBAAAC,EAAmB,GAAGC,GAC/DN,EAEF,OACEO,EAAAA,IAACC,EAAAA,cAAA,CACE,GAAGF,EACJ,YAAaL,EACb,kBAAmBC,IAAc,UAAYG,EAC7C,cAAe,CAACI,EAAQC,IAAe,CACrC,GAAI,CAACN,GAAY,CAACM,EAAW,MAAO,OACpC,IAAIC,EACJ,OAAQT,EAAA,CACN,IAAK,SACHS,EAAQF,EAAO,MACf,MACF,IAAK,mBACHE,EAAQF,EAAO,eACf,MACF,QACEE,EAAQF,EAAO,YAAc,MAAA,CAEjC,MAAMG,EAAQ,CACZ,GAAIF,EAAW,MACf,OAAQ,CACN,GAAGA,EAAW,MAAM,OACpB,KAAMV,EAAM,KACZ,MAAAW,CAAA,CACF,EAEFP,EAASQ,CAAK,CAChB,CAAA,CAAA,CAGN,CAAC,EAsBYC,EAKOb,GAAU,CAC5B,KAAM,CACJ,WAAYc,EACZ,OAAAC,EACA,aAAAZ,EACA,WAAAa,EACA,GAAGV,CAAA,EACDN,EACE,CAAE,eAAAiB,GAAmBH,GAAY,CAAA,EAEjCI,EAAgBP,GACbA,GAAU,MAA+BA,IAAU,GAE5D,OACEJ,EAAAA,IAACY,EAAAA,WAAA,CACC,QAASb,EAAO,QAChB,aAAAH,EACA,KAAMG,EAAO,KACb,OAAQ,CAAC,CAAE,MAAAc,EAAO,WAAAC,KAAW,OAC3Bd,OAAAA,EAAAA,IAACe,EAAAA,UAAA,CACE,GAAGL,EACJ,KAAMG,EAAM,KACZ,MAAOF,EAAaE,EAAM,KAAK,EAAI,GAAKA,EAAM,MAC9C,SAAWG,GAAM,CACfH,EAAM,SAASG,CAAC,CAClB,EACA,MAAO,CAAC,CAACF,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,QAC9B,OAAQJ,EAAM,OACd,WAAY,CACV,eAAgBtB,EAChB,aAAeoB,EAAaE,EAAM,KAAK,EAWnC,OAVFb,MAACkB,EAAAA,eAAA,CAAe,SAAS,MACvB,SAAAlB,EAAAA,IAACmB,EAAAA,WAAA,CACC,QAAS,IAAM,CACbN,EAAM,SAASJ,CAAU,CAC3B,EACA,KAAK,MAEL,eAACW,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,EAEF,WAAY,CACV,GAAGZ,CAAA,CACL,CACF,CAAA,EACF,CAAA,CAIR"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NumericFieldController/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef, type JSX } from \"react\";\nimport { Clear } from \"@mui/icons-material\";\nimport {\n  IconButton,\n  InputAdornment,\n  InputBaseComponentProps,\n  TextField,\n  TextFieldProps,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n  UseControllerProps,\n} from \"react-hook-form\";\nimport { NumericFormat } from \"react-number-format\";\n\n/** NumericFormat に渡さない（DOM にも出さない）内部用 */\ntype NumericFormatEmptyProps = {\n  /** 数値が無いときに RHF に渡す値（undefined だとクリアが効かないことがあるため null 等に揃える） */\n  formEmptyValue?: number | string | null;\n};\n\ntype MuiNumericFieldConfig = {\n  displayErrorMessage?: boolean;\n  /**\n   *\n   * @exmaple\n   * - FLOAT: `1000`\n   * - STRING: `'1000'`\n   * - FORMATTED_STRING: `'1,000'`\n   * @defaultValue `'FLOAT'`\n   */\n  valueType?: \"FLOAT\" | \"STRING\" | \"FORMATTED_STRING\";\n  thousandSeparator?: boolean | string;\n  decimalSeparator?: string;\n  allowedDecimalSeparators?: Array<string>;\n  thousandsGroupStyle?: \"thousand\" | \"lakh\" | \"wan\" | \"none\";\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n  allowNegative?: boolean;\n  allowLeadingZeros?: boolean;\n  suffix?: string;\n  prefix?: string;\n};\n\ntype MuiNumericFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  /** Additional settings */\n  config?: MuiNumericFieldConfig;\n  /** Settings for MUI elements */\n  inputProps?: {\n    /**\n     * Settings for TextField inside MuiTextField\n     *\n     * API: {@link https://mui.com/material-ui/api/text-field/}\n     */\n    textFieldProps?: TextFieldProps;\n  };\n  defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;\n  emptyValue?: 0 | \"\" | null | undefined;\n};\n\n/**\n * 数値入力の表示フォーマット\n */\nconst NumberFormatCustom = forwardRef<\n  HTMLInputElement,\n  InputBaseComponentProps & MuiNumericFieldConfig & NumericFormatEmptyProps\n>(function NumberFormatBase(props, ref) {\n  // 不要なプロパティを除くためdestructureする\n  /* eslint-disable @typescript-eslint/no-unused-vars -- NumericFormat に渡さない */\n  const {\n    valueType,\n    defaultValue,\n    onChange,\n    allowLeadingZeros,\n    formEmptyValue,\n    ...others\n  } = props;\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n\n  const resolvedFormEmpty = formEmptyValue ?? null;\n\n  return (\n    <NumericFormat\n      {...others}\n      getInputRef={ref}\n      allowLeadingZeros={valueType === \"STRING\" || allowLeadingZeros}\n      onValueChange={(values, sourceInfo) => {\n        if (!onChange || !sourceInfo.event) return;\n        let value: string | number | undefined | null;\n        switch (valueType) {\n          case \"STRING\":\n            value = values.value;\n            break;\n          case \"FORMATTED_STRING\":\n            value = values.formattedValue;\n            break;\n          default:\n            value = values.floatValue ?? resolvedFormEmpty;\n        }\n        const event = {\n          ...(sourceInfo.event as React.SyntheticEvent<HTMLInputElement>),\n          target: {\n            ...sourceInfo.event.target,\n            name: props.name,\n            value,\n          },\n        };\n        onChange(event);\n      }}\n    />\n  );\n});\n\n/**\n * React hook formとreact-number-formatで管理される数値入力コンポーネントです。\n * @typeParam TFieldValues - Type of the form.\n * @typeParam TName - Field name.\n * @example\n * ```\n *\n * <MuiNumericField<FormData, \"assets\">\n *   name=\"assets\"\n *   control={control}\n *   defaultValue={undefined}\n *   muiProps={{\n *     textFieldProps: {\n *       label: 'Assets',\n *       fullWidth: true\n *     }\n *   }}\n * />\n * ```\n */\nexport const NumericFieldController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: MuiNumericFieldProps<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    inputProps: muiProps,\n    config,\n    defaultValue,\n    emptyValue,\n    ...others\n  } = props;\n  const { textFieldProps } = muiProps ?? {};\n  const formEmptyValue = emptyValue ?? null;\n\n  const isEmptyValue = (value: string | number | undefined | null) => {\n    return value === null || value === undefined || value === \"\";\n  };\n  return (\n    <Controller\n      control={others.control}\n      defaultValue={defaultValue}\n      name={others.name}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...textFieldProps}\n          name={field.name}\n          value={isEmptyValue(field.value) ? \"\" : field.value}\n          onChange={(e) => {\n            field.onChange(e);\n          }}\n          error={!!fieldState.error}\n          helperText={fieldState.error?.message}\n          onBlur={field.onBlur}\n          InputProps={{\n            inputComponent: NumberFormatCustom,\n            endAdornment: !isEmptyValue(field.value) ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  onClick={() => {\n                    field.onChange(formEmptyValue);\n                  }}\n                  edge=\"end\"\n                >\n                  <Clear />\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            inputProps: {\n              ...config,\n              formEmptyValue,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumericFieldController;\n"],"names":["NumberFormatCustom","forwardRef","props","ref","valueType","defaultValue","onChange","allowLeadingZeros","formEmptyValue","others","resolvedFormEmpty","jsx","NumericFormat","values","sourceInfo","value","event","NumericFieldController","muiProps","config","emptyValue","textFieldProps","isEmptyValue","Controller","field","fieldState","TextField","e","_a","InputAdornment","IconButton","Clear"],"mappings":"8RAsEMA,EAAqBC,EAAAA,WAGzB,SAA0BC,EAAOC,EAAK,CAGtC,KAAM,CACJ,UAAAC,EACA,aAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDP,EAGEQ,EAAoBF,GAAkB,KAE5C,OACEG,EAAAA,IAACC,EAAAA,cAAA,CACE,GAAGH,EACJ,YAAaN,EACb,kBAAmBC,IAAc,UAAYG,EAC7C,cAAe,CAACM,EAAQC,IAAe,CACrC,GAAI,CAACR,GAAY,CAACQ,EAAW,MAAO,OACpC,IAAIC,EACJ,OAAQX,EAAA,CACN,IAAK,SACHW,EAAQF,EAAO,MACf,MACF,IAAK,mBACHE,EAAQF,EAAO,eACf,MACF,QACEE,EAAQF,EAAO,YAAcH,CAAA,CAEjC,MAAMM,EAAQ,CACZ,GAAIF,EAAW,MACf,OAAQ,CACN,GAAGA,EAAW,MAAM,OACpB,KAAMZ,EAAM,KACZ,MAAAa,CAAA,CACF,EAEFT,EAASU,CAAK,CAChB,CAAA,CAAA,CAGN,CAAC,EAsBYC,EAKOf,GAAU,CAC5B,KAAM,CACJ,WAAYgB,EACZ,OAAAC,EACA,aAAAd,EACA,WAAAe,EACA,GAAGX,CAAA,EACDP,EACE,CAAE,eAAAmB,GAAmBH,GAAY,CAAA,EACjCV,EAAiBY,GAAc,KAE/BE,EAAgBP,GACbA,GAAU,MAA+BA,IAAU,GAE5D,OACEJ,EAAAA,IAACY,EAAAA,WAAA,CACC,QAASd,EAAO,QAChB,aAAAJ,EACA,KAAMI,EAAO,KACb,OAAQ,CAAC,CAAE,MAAAe,EAAO,WAAAC,KAAW,OAC3Bd,OAAAA,EAAAA,IAACe,EAAAA,UAAA,CACE,GAAGL,EACJ,KAAMG,EAAM,KACZ,MAAOF,EAAaE,EAAM,KAAK,EAAI,GAAKA,EAAM,MAC9C,SAAWG,GAAM,CACfH,EAAM,SAASG,CAAC,CAClB,EACA,MAAO,CAAC,CAACF,EAAW,MACpB,YAAYG,EAAAH,EAAW,QAAX,YAAAG,EAAkB,QAC9B,OAAQJ,EAAM,OACd,WAAY,CACV,eAAgBxB,EAChB,aAAesB,EAAaE,EAAM,KAAK,EAWnC,OAVFb,MAACkB,EAAAA,eAAA,CAAe,SAAS,MACvB,SAAAlB,EAAAA,IAACmB,EAAAA,WAAA,CACC,QAAS,IAAM,CACbN,EAAM,SAAShB,CAAc,CAC/B,EACA,KAAK,MAEL,eAACuB,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,EAEF,WAAY,CACV,GAAGZ,EACH,eAAAX,CAAA,CACF,CACF,CAAA,EACF,CAAA,CAIR"}

package/dist/components/NumericFieldController/index.es.js

@@ -1,84 +1,92 @@
 import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { Clear as g } from "@mui/icons-material";
-import { TextField as h, InputAdornment as C, IconButton as v } from "@mui/material";
-import { Controller as f } from "react-hook-form";
+import { forwardRef as f } from "react";
+import { Clear as h } from "@mui/icons-material";
+import { TextField as C, InputAdornment as v, IconButton as V } from "@mui/material";
+import { Controller as F } from "react-hook-form";
 import { NumericFormat as T } from "react-number-format";
-const F = d(function(a, l) {
-  const { valueType: m, defaultValue: c, onChange: t, allowLeadingZeros: i, ...u } = a;
+const N = f(function(m, s) {
+  const {
+    valueType: l,
+    defaultValue: d,
+    onChange: a,
+    allowLeadingZeros: i,
+    formEmptyValue: u,
+    ...p
+  } = m, e = u ?? null;
   return /* @__PURE__ */ n(
     T,
     {
-      ...u,
-      getInputRef: l,
-      allowLeadingZeros: m === "STRING" || i,
-      onValueChange: (e, o) => {
-        if (!t || !o.event) return;
-        let r;
-        switch (m) {
+      ...p,
+      getInputRef: s,
+      allowLeadingZeros: l === "STRING" || i,
+      onValueChange: (o, r) => {
+        if (!a || !r.event) return;
+        let t;
+        switch (l) {
           case "STRING":
-            r = e.value;
+            t = o.value;
             break;
           case "FORMATTED_STRING":
-            r = e.formattedValue;
+            t = o.formattedValue;
             break;
           default:
-            r = e.floatValue ?? void 0;
+            t = o.floatValue ?? e;
         }
-        const p = {
-          ...o.event,
+        const g = {
+          ...r.event,
           target: {
-            ...o.event.target,
-            name: a.name,
-            value: r
+            ...r.event.target,
+            name: m.name,
+            value: t
           }
         };
-        t(p);
+        a(g);
       }
     }
   );
-}), b = (s) => {
+}), b = (c) => {
   const {
-    inputProps: a,
-    config: l,
-    defaultValue: m,
-    emptyValue: c,
-    ...t
-  } = s, { textFieldProps: i } = a ?? {}, u = (e) => e == null || e === "";
+    inputProps: m,
+    config: s,
+    defaultValue: l,
+    emptyValue: d,
+    ...a
+  } = c, { textFieldProps: i } = m ?? {}, u = d ?? null, p = (e) => e == null || e === "";
   return /* @__PURE__ */ n(
-    f,
+    F,
     {
-      control: t.control,
-      defaultValue: m,
-      name: t.name,
+      control: a.control,
+      defaultValue: l,
+      name: a.name,
       render: ({ field: e, fieldState: o }) => {
         var r;
         return /* @__PURE__ */ n(
-          h,
+          C,
           {
             ...i,
             name: e.name,
-            value: u(e.value) ? "" : e.value,
-            onChange: (p) => {
-              e.onChange(p);
+            value: p(e.value) ? "" : e.value,
+            onChange: (t) => {
+              e.onChange(t);
             },
             error: !!o.error,
             helperText: (r = o.error) == null ? void 0 : r.message,
             onBlur: e.onBlur,
             InputProps: {
-              inputComponent: F,
-              endAdornment: u(e.value) ? void 0 : /* @__PURE__ */ n(C, { position: "end", children: /* @__PURE__ */ n(
-                v,
+              inputComponent: N,
+              endAdornment: p(e.value) ? void 0 : /* @__PURE__ */ n(v, { position: "end", children: /* @__PURE__ */ n(
+                V,
                 {
                   onClick: () => {
-                    e.onChange(c);
+                    e.onChange(u);
                   },
                   edge: "end",
-                  children: /* @__PURE__ */ n(g, {})
+                  children: /* @__PURE__ */ n(h, {})
                 }
               ) }),
               inputProps: {
-                ...l
+                ...s,
+                formEmptyValue: u
               }
             }
           }

package/dist/components/NumericFieldController/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/NumericFieldController/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef, type JSX } from \"react\";\nimport { Clear } from \"@mui/icons-material\";\nimport {\n  IconButton,\n  InputAdornment,\n  InputBaseComponentProps,\n  TextField,\n  TextFieldProps,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n  UseControllerProps,\n} from \"react-hook-form\";\nimport { NumericFormat } from \"react-number-format\";\n\ntype MuiNumericFieldConfig = {\n  displayErrorMessage?: boolean;\n  /**\n   *\n   * @exmaple\n   * - FLOAT: `1000`\n   * - STRING: `'1000'`\n   * - FORMATTED_STRING: `'1,000'`\n   * @defaultValue `'FLOAT'`\n   */\n  valueType?: \"FLOAT\" | \"STRING\" | \"FORMATTED_STRING\";\n  thousandSeparator?: boolean | string;\n  decimalSeparator?: string;\n  allowedDecimalSeparators?: Array<string>;\n  thousandsGroupStyle?: \"thousand\" | \"lakh\" | \"wan\" | \"none\";\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n  allowNegative?: boolean;\n  allowLeadingZeros?: boolean;\n  suffix?: string;\n  prefix?: string;\n};\n\ntype MuiNumericFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  /** Additional settings */\n  config?: MuiNumericFieldConfig;\n  /** Settings for MUI elements */\n  inputProps?: {\n    /**\n     * Settings for TextField inside MuiTextField\n     *\n     * API: {@link https://mui.com/material-ui/api/text-field/}\n     */\n    textFieldProps?: TextFieldProps;\n  };\n  defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;\n  emptyValue?: 0 | \"\" | null | undefined;\n};\n\n/**\n * 数値入力の表示フォーマット\n */\nconst NumberFormatCustom = forwardRef<\n  HTMLInputElement,\n  InputBaseComponentProps & MuiNumericFieldConfig\n>(function NumberFormatBase(props, ref) {\n  // 不要なプロパティを除くためdestructureする\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { valueType, defaultValue, onChange, allowLeadingZeros, ...others } =\n    props;\n\n  return (\n    <NumericFormat\n      {...others}\n      getInputRef={ref}\n      allowLeadingZeros={valueType === \"STRING\" || allowLeadingZeros}\n      onValueChange={(values, sourceInfo) => {\n        if (!onChange || !sourceInfo.event) return;\n        let value: string | number | undefined | null;\n        switch (valueType) {\n          case \"STRING\":\n            value = values.value;\n            break;\n          case \"FORMATTED_STRING\":\n            value = values.formattedValue;\n            break;\n          default:\n            value = values.floatValue ?? undefined;\n        }\n        const event = {\n          ...(sourceInfo.event as React.SyntheticEvent<HTMLInputElement>),\n          target: {\n            ...sourceInfo.event.target,\n            name: props.name,\n            value,\n          },\n        };\n        onChange(event);\n      }}\n    />\n  );\n});\n\n/**\n * React hook formとreact-number-formatで管理される数値入力コンポーネントです。\n * @typeParam TFieldValues - Type of the form.\n * @typeParam TName - Field name.\n * @example\n * ```\n *\n * <MuiNumericField<FormData, \"assets\">\n *   name=\"assets\"\n *   control={control}\n *   defaultValue={undefined}\n *   muiProps={{\n *     textFieldProps: {\n *       label: 'Assets',\n *       fullWidth: true\n *     }\n *   }}\n * />\n * ```\n */\nexport const NumericFieldController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: MuiNumericFieldProps<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    inputProps: muiProps,\n    config,\n    defaultValue,\n    emptyValue,\n    ...others\n  } = props;\n  const { textFieldProps } = muiProps ?? {};\n\n  const isEmptyValue = (value: string | number | undefined | null) => {\n    return value === null || value === undefined || value === \"\";\n  };\n  return (\n    <Controller\n      control={others.control}\n      defaultValue={defaultValue}\n      name={others.name}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...textFieldProps}\n          name={field.name}\n          value={isEmptyValue(field.value) ? \"\" : field.value}\n          onChange={(e) => {\n            field.onChange(e);\n          }}\n          error={!!fieldState.error}\n          helperText={fieldState.error?.message}\n          onBlur={field.onBlur}\n          InputProps={{\n            inputComponent: NumberFormatCustom,\n            endAdornment: !isEmptyValue(field.value) ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  onClick={() => {\n                    field.onChange(emptyValue);\n                  }}\n                  edge=\"end\"\n                >\n                  <Clear />\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            inputProps: {\n              ...config,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumericFieldController;\n"],"names":["NumberFormatCustom","forwardRef","props","ref","valueType","defaultValue","onChange","allowLeadingZeros","others","jsx","NumericFormat","values","sourceInfo","value","event","NumericFieldController","muiProps","config","emptyValue","textFieldProps","isEmptyValue","Controller","field","fieldState","TextField","e","_a","InputAdornment","IconButton","Clear"],"mappings":";;;;;;AAgEA,MAAMA,IAAqBC,EAGzB,SAA0BC,GAAOC,GAAK;AAGtC,QAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,UAAAC,GAAU,mBAAAC,GAAmB,GAAGC,MAC/DN;AAEF,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,aAAaL;AAAA,MACb,mBAAmBC,MAAc,YAAYG;AAAA,MAC7C,eAAe,CAACI,GAAQC,MAAe;AACrC,YAAI,CAACN,KAAY,CAACM,EAAW,MAAO;AACpC,YAAIC;AACJ,gBAAQT,GAAA;AAAA,UACN,KAAK;AACH,YAAAS,IAAQF,EAAO;AACf;AAAA,UACF,KAAK;AACH,YAAAE,IAAQF,EAAO;AACf;AAAA,UACF;AACE,YAAAE,IAAQF,EAAO,cAAc;AAAA,QAAA;AAEjC,cAAMG,IAAQ;AAAA,UACZ,GAAIF,EAAW;AAAA,UACf,QAAQ;AAAA,YACN,GAAGA,EAAW,MAAM;AAAA,YACpB,MAAMV,EAAM;AAAA,YACZ,OAAAW;AAAA,UAAA;AAAA,QACF;AAEF,QAAAP,EAASQ,CAAK;AAAA,MAChB;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC,GAsBYC,IAKM,CAACb,MAAU;AAC5B,QAAM;AAAA,IACJ,YAAYc;AAAA,IACZ,QAAAC;AAAA,IACA,cAAAZ;AAAA,IACA,YAAAa;AAAA,IACA,GAAGV;AAAA,EAAA,IACDN,GACE,EAAE,gBAAAiB,MAAmBH,KAAY,CAAA,GAEjCI,IAAe,CAACP,MACbA,KAAU,QAA+BA,MAAU;AAE5D,SACE,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAASb,EAAO;AAAA,MAChB,cAAAH;AAAA,MACA,MAAMG,EAAO;AAAA,MACb,QAAQ,CAAC,EAAE,OAAAc,GAAO,YAAAC,QAAW;;AAC3B,+BAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,MAAMG,EAAM;AAAA,YACZ,OAAOF,EAAaE,EAAM,KAAK,IAAI,KAAKA,EAAM;AAAA,YAC9C,UAAU,CAACG,MAAM;AACf,cAAAH,EAAM,SAASG,CAAC;AAAA,YAClB;AAAA,YACA,OAAO,CAAC,CAACF,EAAW;AAAA,YACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,YAC9B,QAAQJ,EAAM;AAAA,YACd,YAAY;AAAA,cACV,gBAAgBtB;AAAA,cAChB,cAAeoB,EAAaE,EAAM,KAAK,IAWnC,SAVF,gBAAAb,EAACkB,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAlB;AAAA,gBAACmB;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAAN,EAAM,SAASJ,CAAU;AAAA,kBAC3B;AAAA,kBACA,MAAK;AAAA,kBAEL,4BAACW,GAAA,CAAA,CAAM;AAAA,gBAAA;AAAA,cAAA,GAEX;AAAA,cAEF,YAAY;AAAA,gBACV,GAAGZ;AAAA,cAAA;AAAA,YACL;AAAA,UACF;AAAA,QAAA;AAAA;AAAA,IACF;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/NumericFieldController/index.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { forwardRef, type JSX } from \"react\";\nimport { Clear } from \"@mui/icons-material\";\nimport {\n  IconButton,\n  InputAdornment,\n  InputBaseComponentProps,\n  TextField,\n  TextFieldProps,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  FieldValues,\n  PathValue,\n  UseControllerProps,\n} from \"react-hook-form\";\nimport { NumericFormat } from \"react-number-format\";\n\n/** NumericFormat に渡さない（DOM にも出さない）内部用 */\ntype NumericFormatEmptyProps = {\n  /** 数値が無いときに RHF に渡す値（undefined だとクリアが効かないことがあるため null 等に揃える） */\n  formEmptyValue?: number | string | null;\n};\n\ntype MuiNumericFieldConfig = {\n  displayErrorMessage?: boolean;\n  /**\n   *\n   * @exmaple\n   * - FLOAT: `1000`\n   * - STRING: `'1000'`\n   * - FORMATTED_STRING: `'1,000'`\n   * @defaultValue `'FLOAT'`\n   */\n  valueType?: \"FLOAT\" | \"STRING\" | \"FORMATTED_STRING\";\n  thousandSeparator?: boolean | string;\n  decimalSeparator?: string;\n  allowedDecimalSeparators?: Array<string>;\n  thousandsGroupStyle?: \"thousand\" | \"lakh\" | \"wan\" | \"none\";\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n  allowNegative?: boolean;\n  allowLeadingZeros?: boolean;\n  suffix?: string;\n  prefix?: string;\n};\n\ntype MuiNumericFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n  /** Additional settings */\n  config?: MuiNumericFieldConfig;\n  /** Settings for MUI elements */\n  inputProps?: {\n    /**\n     * Settings for TextField inside MuiTextField\n     *\n     * API: {@link https://mui.com/material-ui/api/text-field/}\n     */\n    textFieldProps?: TextFieldProps;\n  };\n  defaultValue: PathValue<FieldValues, FieldPath<FieldValues>>;\n  emptyValue?: 0 | \"\" | null | undefined;\n};\n\n/**\n * 数値入力の表示フォーマット\n */\nconst NumberFormatCustom = forwardRef<\n  HTMLInputElement,\n  InputBaseComponentProps & MuiNumericFieldConfig & NumericFormatEmptyProps\n>(function NumberFormatBase(props, ref) {\n  // 不要なプロパティを除くためdestructureする\n  /* eslint-disable @typescript-eslint/no-unused-vars -- NumericFormat に渡さない */\n  const {\n    valueType,\n    defaultValue,\n    onChange,\n    allowLeadingZeros,\n    formEmptyValue,\n    ...others\n  } = props;\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n\n  const resolvedFormEmpty = formEmptyValue ?? null;\n\n  return (\n    <NumericFormat\n      {...others}\n      getInputRef={ref}\n      allowLeadingZeros={valueType === \"STRING\" || allowLeadingZeros}\n      onValueChange={(values, sourceInfo) => {\n        if (!onChange || !sourceInfo.event) return;\n        let value: string | number | undefined | null;\n        switch (valueType) {\n          case \"STRING\":\n            value = values.value;\n            break;\n          case \"FORMATTED_STRING\":\n            value = values.formattedValue;\n            break;\n          default:\n            value = values.floatValue ?? resolvedFormEmpty;\n        }\n        const event = {\n          ...(sourceInfo.event as React.SyntheticEvent<HTMLInputElement>),\n          target: {\n            ...sourceInfo.event.target,\n            name: props.name,\n            value,\n          },\n        };\n        onChange(event);\n      }}\n    />\n  );\n});\n\n/**\n * React hook formとreact-number-formatで管理される数値入力コンポーネントです。\n * @typeParam TFieldValues - Type of the form.\n * @typeParam TName - Field name.\n * @example\n * ```\n *\n * <MuiNumericField<FormData, \"assets\">\n *   name=\"assets\"\n *   control={control}\n *   defaultValue={undefined}\n *   muiProps={{\n *     textFieldProps: {\n *       label: 'Assets',\n *       fullWidth: true\n *     }\n *   }}\n * />\n * ```\n */\nexport const NumericFieldController: <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: MuiNumericFieldProps<TFieldValues, TName>,\n) => JSX.Element = (props) => {\n  const {\n    inputProps: muiProps,\n    config,\n    defaultValue,\n    emptyValue,\n    ...others\n  } = props;\n  const { textFieldProps } = muiProps ?? {};\n  const formEmptyValue = emptyValue ?? null;\n\n  const isEmptyValue = (value: string | number | undefined | null) => {\n    return value === null || value === undefined || value === \"\";\n  };\n  return (\n    <Controller\n      control={others.control}\n      defaultValue={defaultValue}\n      name={others.name}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...textFieldProps}\n          name={field.name}\n          value={isEmptyValue(field.value) ? \"\" : field.value}\n          onChange={(e) => {\n            field.onChange(e);\n          }}\n          error={!!fieldState.error}\n          helperText={fieldState.error?.message}\n          onBlur={field.onBlur}\n          InputProps={{\n            inputComponent: NumberFormatCustom,\n            endAdornment: !isEmptyValue(field.value) ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  onClick={() => {\n                    field.onChange(formEmptyValue);\n                  }}\n                  edge=\"end\"\n                >\n                  <Clear />\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            inputProps: {\n              ...config,\n              formEmptyValue,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default NumericFieldController;\n"],"names":["NumberFormatCustom","forwardRef","props","ref","valueType","defaultValue","onChange","allowLeadingZeros","formEmptyValue","others","resolvedFormEmpty","jsx","NumericFormat","values","sourceInfo","value","event","NumericFieldController","muiProps","config","emptyValue","textFieldProps","isEmptyValue","Controller","field","fieldState","TextField","e","_a","InputAdornment","IconButton","Clear"],"mappings":";;;;;;AAsEA,MAAMA,IAAqBC,EAGzB,SAA0BC,GAAOC,GAAK;AAGtC,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GAGEQ,IAAoBF,KAAkB;AAE5C,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,aAAaN;AAAA,MACb,mBAAmBC,MAAc,YAAYG;AAAA,MAC7C,eAAe,CAACM,GAAQC,MAAe;AACrC,YAAI,CAACR,KAAY,CAACQ,EAAW,MAAO;AACpC,YAAIC;AACJ,gBAAQX,GAAA;AAAA,UACN,KAAK;AACH,YAAAW,IAAQF,EAAO;AACf;AAAA,UACF,KAAK;AACH,YAAAE,IAAQF,EAAO;AACf;AAAA,UACF;AACE,YAAAE,IAAQF,EAAO,cAAcH;AAAA,QAAA;AAEjC,cAAMM,IAAQ;AAAA,UACZ,GAAIF,EAAW;AAAA,UACf,QAAQ;AAAA,YACN,GAAGA,EAAW,MAAM;AAAA,YACpB,MAAMZ,EAAM;AAAA,YACZ,OAAAa;AAAA,UAAA;AAAA,QACF;AAEF,QAAAT,EAASU,CAAK;AAAA,MAChB;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC,GAsBYC,IAKM,CAACf,MAAU;AAC5B,QAAM;AAAA,IACJ,YAAYgB;AAAA,IACZ,QAAAC;AAAA,IACA,cAAAd;AAAA,IACA,YAAAe;AAAA,IACA,GAAGX;AAAA,EAAA,IACDP,GACE,EAAE,gBAAAmB,MAAmBH,KAAY,CAAA,GACjCV,IAAiBY,KAAc,MAE/BE,IAAe,CAACP,MACbA,KAAU,QAA+BA,MAAU;AAE5D,SACE,gBAAAJ;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAASd,EAAO;AAAA,MAChB,cAAAJ;AAAA,MACA,MAAMI,EAAO;AAAA,MACb,QAAQ,CAAC,EAAE,OAAAe,GAAO,YAAAC,QAAW;;AAC3B,+BAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,MAAMG,EAAM;AAAA,YACZ,OAAOF,EAAaE,EAAM,KAAK,IAAI,KAAKA,EAAM;AAAA,YAC9C,UAAU,CAACG,MAAM;AACf,cAAAH,EAAM,SAASG,CAAC;AAAA,YAClB;AAAA,YACA,OAAO,CAAC,CAACF,EAAW;AAAA,YACpB,aAAYG,IAAAH,EAAW,UAAX,gBAAAG,EAAkB;AAAA,YAC9B,QAAQJ,EAAM;AAAA,YACd,YAAY;AAAA,cACV,gBAAgBxB;AAAA,cAChB,cAAesB,EAAaE,EAAM,KAAK,IAWnC,SAVF,gBAAAb,EAACkB,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAlB;AAAA,gBAACmB;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAAN,EAAM,SAAShB,CAAc;AAAA,kBAC/B;AAAA,kBACA,MAAK;AAAA,kBAEL,4BAACuB,GAAA,CAAA,CAAM;AAAA,gBAAA;AAAA,cAAA,GAEX;AAAA,cAEF,YAAY;AAAA,gBACV,GAAGZ;AAAA,gBACH,gBAAAX;AAAA,cAAA;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA;AAAA,IACF;AAAA,EAAA;AAIR;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jigowatts/jigowatts-ui",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "",
   "type": "module",
   "main": "dist/index.cjs.js",