period-ui 0.3.0 → 0.3.1

package/dist/components/atoms/base-input/base-input.d.ts

@@ -0,0 +1,8 @@
+import { ChangeEvent, ComponentProps } from 'react';
+export type BaseInputProps = Omit<ComponentProps<'input'>, 'onChange'> & {
+    mask?: string;
+    onValueChange?: (value: string) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare const BaseInput: import("react").ForwardRefExoticComponent<Omit<BaseInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=base-input.d.ts.map

package/dist/components/atoms/base-input/base-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAA4B,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,SAAS,0HAyCpB,CAAC"}

package/dist/components/atoms/base-input/base-input.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_imask_1 = require("react-imask");
+exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ mask, onValueChange, onChange, value = '', name, ...rest }, ref) {
+    if (mask) {
+        return ((0, jsx_runtime_1.jsx)(react_imask_1.IMaskInput, { ...rest, inputRef: ref, mask: mask, name: name, value: String(value), autoComplete: "off", onAccept: (acceptedValue) => {
+                if (acceptedValue === String(value))
+                    return;
+                onValueChange?.(acceptedValue);
+                onChange?.({
+                    target: { value: acceptedValue, name },
+                });
+            } }));
+    }
+    return ((0, jsx_runtime_1.jsx)("input", { ...rest, ref: ref, name: name, value: value, autoComplete: "off", onChange: (event) => {
+            const capturedValue = event.target.value;
+            onValueChange?.(capturedValue);
+            onChange?.({
+                target: { value: capturedValue, name },
+            });
+        } }));
+});
+//# sourceMappingURL=base-input.js.map

package/dist/components/atoms/base-input/base-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8E;AAC9E,6CAAyC;AAQ5B,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAkB,EAC5E,GAAmC;IAEnC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,uBAAC,wBAAU,OACL,IAAI,EACR,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,aAAqB,EAAE,EAAE;gBAClC,IAAI,aAAa,KAAK,MAAM,CAAC,KAAK,CAAC;oBAAE,OAAO;gBAC5C,aAAa,EAAE,CAAC,aAAa,CAAC,CAAC;gBAC/B,QAAQ,EAAE,CAAC;oBACT,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAoC;iBACxC,CAAC,CAAC;YACtC,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,qCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YAEzC,aAAa,EAAE,CAAC,aAAa,CAAC,CAAC;YAC/B,QAAQ,EAAE,CAAC;gBACT,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAoC;aACxC,CAAC,CAAC;QACtC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/atoms/base-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './base-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/base-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/atoms/base-input/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./base-input"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/base-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './atoms/base-input';
 export * from './atoms/billo-icon';
 export * from './atoms/button';
 export * from './atoms/check-box';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}

package/dist/components/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms/base-input"), exports);
 __exportStar(require("./atoms/billo-icon"), exports);
 __exportStar(require("./atoms/button"), exports);
 __exportStar(require("./atoms/check-box"), exports);

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AAGrC,uDAAqC;AACrC,2DAAyC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AAGrC,uDAAqC;AACrC,2DAAyC"}

package/dist/components/molecules/form/form-select/form-select.d.ts

@@ -2,6 +2,7 @@ import { SelectProps } from '../../../../components';
 import { FormControlProps } from '../../../../containers';
 export type FormSelectProps = FormControlProps & SelectProps & {
     formControlClassName?: string;
+    syncTypingToField?: boolean;
 };
-export declare function FormSelect({ formControlClassName, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormSelect({ formControlClassName, syncTypingToField, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=form-select.d.ts.map

package/dist/components/molecules/form/form-select/form-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA6D7E"}
+{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,eAAe,2CA6DjB"}

package/dist/components/molecules/form/form-select/form-select.js

@@ -4,35 +4,36 @@ exports.FormSelect = FormSelect;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../../components");
 const containers_1 = require("../../../../containers");
-function FormSelect({ formControlClassName, ...props }) {
-    async function handleValueChange(value) {
-        const { formProps, formName, isWritable, onChangeText } = props;
-        if (onChangeText) {
-            onChangeText(value);
-        }
-        if (!isWritable) {
+function FormSelect({ formControlClassName, syncTypingToField = false, ...props }) {
+    async function handleValueChange(typedText) {
+        const { formProps, formName, onChangeText } = props;
+        onChangeText?.(typedText);
+        if (!syncTypingToField)
             return;
-        }
-        await formProps?.setFieldValue(formName, value || '');
+        await formProps?.setFieldValue(formName, { value: undefined, label: typedText });
     }
     async function handleChange(selectedValues) {
-        const { formProps, formName, onOptionChange, options } = props;
-        const [selectedValue] = selectedValues;
-        const newOption = options.find((option) => option.value === selectedValue);
-        if (!newOption) {
-            return;
+        const { formProps, formName, onOptionChange, options, isMultiSelect } = props;
+        if (isMultiSelect) {
+            const selectedOptions = options
+                .filter((option) => selectedValues.includes(option.value))
+                .map((option) => ({ value: option.value, label: option.label }));
+            await formProps?.setFieldValue(formName, selectedOptions);
         }
-        await formProps?.setFieldValue(formName, newOption.value || '');
-        if (onOptionChange) {
-            onOptionChange(selectedValues);
+        else {
+            const [firstValue] = selectedValues;
+            const matched = options.find((option) => option.value === firstValue);
+            if (!matched) {
+                return;
+            }
+            await formProps?.setFieldValue(formName, { value: matched.value, label: matched.label });
         }
+        onOptionChange?.(selectedValues);
     }
     async function handleOnBlur() {
         const { onBlur, formProps, formName } = props;
         await formProps?.setFieldTouched(formName ?? '', true, true);
-        if (onBlur) {
-            onBlur();
-        }
+        onBlur?.();
     }
     return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props.formProps?.errors[props.formName], inputWidth: props.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.Select, { ...props, isErrorVisible: isErrorVisible, onOptionChange: handleChange, onChangeText: handleValueChange, onBlur: handleOnBlur })) }));
 }

package/dist/components/molecules/form/form-select/form-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAQA,gCA6DC;;AArED,uDAA6D;AAC7D,uDAAuF;AAOvF,SAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAmB;IAC5E,KAAK,UAAU,iBAAiB,CAAC,KAAa;QAC5C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEhE,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAC/D,MAAM,CAAC,aAAa,CAAC,GAAG,cAAc,CAAC;QACvC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC;QAE3E,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAEjE,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAE7D,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS,IAAK,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAErF,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,mBAAM,OACD,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EAAE,YAAY,GACpB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAUA,gCAiEC;;AA1ED,uDAA6D;AAC7D,uDAAuF;AAQvF,SAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACQ;IAChB,KAAK,UAAU,iBAAiB,CAAC,SAAiB;QAChD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEpD,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC;QAE1B,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAE9E,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,eAAe,GAAmB,OAAO;iBAC5C,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACzD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAEnE,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC;YACpC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC;YAEtE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5F,CAAC;QAED,cAAc,EAAE,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS,IAAK,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAErF,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,mBAAM,OACD,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EAAE,YAAY,GACpB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

package/dist/components/molecules/select/components/select-input.d.ts

@@ -1,10 +1,11 @@
+import { FocusEvent } from 'react';
 export type SelectInputProps = {
     mask?: string;
     isDisabled?: boolean;
     className?: string;
     inputValue: string;
-    onBlur?: () => void;
-    handleInputChange: (value: string) => void;
+    onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
+    onInputChange: (value: string) => void;
 };
 export declare const SelectInput: import("react").ForwardRefExoticComponent<SelectInputProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=select-input.d.ts.map

package/dist/components/molecules/select/components/select-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AA4DF,eAAO,MAAM,WAAW,+GAStB,CAAC"}
+{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,+GAqBtB,CAAC"}

package/dist/components/molecules/select/components/select-input.js

@@ -2,25 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_imask_1 = require("react-imask");
 const react_1 = require("react");
 const components_1 = require("../../../../components");
+const components_2 = require("../../../../components");
 const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
-function getSelectInputClassName(className) {
-    return (0, tailwind_utils_1.tailwind)('w-full bg-transparent outline-none cursor-pointer', 'text-gray-01', 'disabled:text-gray-03 disabled:cursor-not-allowed', `${components_1.TextStyle[components_1.TextVariant.BODY]}`, className);
-}
-const MaskedSelectInput = (0, react_1.forwardRef)(function MaskedSelectInput({ mask, className, inputValue = '', isDisabled = false, onBlur, handleInputChange }, ref) {
-    return ((0, jsx_runtime_1.jsx)(react_imask_1.IMaskInput, { inputRef: ref, mask: mask, disabled: isDisabled, value: inputValue, autoComplete: "off", className: getSelectInputClassName(className), onBlur: onBlur, onAccept: (value) => {
-            if (value === inputValue) {
-                return;
-            }
-            handleInputChange(value);
-        } }));
-});
-const PlainSelectInput = (0, react_1.forwardRef)(function PlainSelectInput({ className, inputValue = '', isDisabled = false, onBlur, handleInputChange, }, ref) {
-    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, disabled: isDisabled, value: inputValue, autoComplete: "off", className: getSelectInputClassName(className), onBlur: onBlur, onChange: (e) => handleInputChange(e.target.value) }));
-});
-exports.SelectInput = (0, react_1.forwardRef)(function SelectInput(props, ref) {
-    return props.mask ? ((0, jsx_runtime_1.jsx)(MaskedSelectInput, { ...props, ref: ref })) : ((0, jsx_runtime_1.jsx)(PlainSelectInput, { ...props, ref: ref }));
+exports.SelectInput = (0, react_1.forwardRef)(function SelectInput({ mask, className, inputValue = '', isDisabled = false, onBlur, onInputChange }, ref) {
+    return ((0, jsx_runtime_1.jsx)(components_1.BaseInput, { ref: ref, mask: mask, value: inputValue, disabled: isDisabled, onBlur: onBlur, className: (0, tailwind_utils_1.tailwind)('w-full bg-transparent outline-none cursor-pointer', 'text-gray-01', 'disabled:text-gray-03 disabled:cursor-not-allowed', components_2.TextStyle[components_2.TextVariant.BODY], className), onValueChange: onInputChange }));
 });
 //# sourceMappingURL=select-input.js.map

package/dist/components/molecules/select/components/select-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyC;AACzC,iCAA8D;AAC9D,uDAAgE;AAChE,qEAA4D;AAW5D,SAAS,uBAAuB,CAAC,SAAkB;IACjD,OAAO,IAAA,yBAAQ,EACb,mDAAmD,EACnD,cAAc,EACd,mDAAmD,EACnD,GAAG,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,SAAS,CACV,CAAC;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,SAAS,iBAAiB,CAC7D,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,GAAG,EAAE,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAoB,EACrG,GAAmC;IAEnC,OAAO,CACL,uBAAC,wBAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,uBAAuB,CAAC,SAAS,CAAC,EAC7C,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;YAE1B,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YAED,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EAAC,SAAS,gBAAgB,CAC3D,EACE,SAAS,EACT,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,EACN,iBAAiB,GACc,EACjC,GAAmC;IAEnC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,uBAAuB,CAAC,SAAS,CAAC,EAC7C,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACjF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAC,SAAS,WAAW,CACxD,KAAuB,EACvB,GAAmC;IAEnC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,uBAAC,iBAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAgB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC1C,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,uDAAmD;AACnD,uDAAgE;AAChE,qEAA4D;AAW/C,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAC,SAAS,WAAW,CACxD,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,GAAG,EAAE,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,aAAa,EAAoB,EACjG,GAAmC;IAEnC,OAAO,CACL,uBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAA,yBAAQ,EACjB,mDAAmD,EACnD,cAAc,EACd,mDAAmD,EACnD,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAC3B,SAAS,CACV,EACD,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/molecules/select/select.d.ts

@@ -3,10 +3,8 @@ import { DropDownMenuOptionProps } from '../../../components';
 export type SelectProps = {
     mask?: string;
     isFixed?: boolean;
-    isWritable?: boolean;
     isDisabled?: boolean;
     isMultiSelect?: boolean;
-    removeOnSelect?: boolean;
     isErrorVisible?: boolean;
     className?: string;
     emptyLabel?: ReactElement | string;
@@ -19,5 +17,5 @@ export type SelectProps = {
     onChangeText?: (value: string) => void;
     onOptionChange?: (options: string[]) => void;
 };
-export declare function Select({ mask, isFixed, isWritable, isDisabled, isMultiSelect, removeOnSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ mask, isFixed, isDisabled, isMultiSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=select.d.ts.map

package/dist/components/molecules/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAIL,uBAAuB,EAMxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAkFF,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,aAAqB,EACrB,cAAsB,EACtB,cAAc,EACd,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAkB,GACnB,EAAE,WAAW,2CAyDb"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAIL,uBAAuB,EAMxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAc,EACd,UAAkB,EAClB,aAAqB,EACrB,cAAc,EACd,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAO,GACR,EAAE,WAAW,2CAgHb"}

package/dist/components/molecules/select/select.js

@@ -6,32 +6,28 @@ const components_1 = require("../../../components");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
 const select_input_1 = require("./components/select-input");
 const use_select_1 = require("./use-select");
-function SelectDropDownComponent({ mask, isDisabled = false, isMultiSelect = false, isErrorVisible, className, onBlur, onClick = () => { }, selectHook, }) {
-    const { openDropdownMenu, inputValue, chipsData, inputRef, handleInputChange } = selectHook;
-    return ((0, jsx_runtime_1.jsxs)("div", { role: "button", "data-testid": "select-trigger", tabIndex: 0, onClick: (e) => {
-            const target = e.target;
-            const isClickInsideChip = target.closest('[data-chip]');
-            if (isClickInsideChip || isDisabled) {
-                return;
-            }
-            onClick();
-        }, className: (0, tailwind_utils_1.tailwind)('flex flex-none w-full p-4 justify-start items-center rounded-lg', 'border border-gray-04 bg-white', 'overflow-hidden cursor-pointer', 'hover:border-blue-02', isDisabled
-            ? 'outline-none'
-            : 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-blue-01', { 'cursor-not-allowed bg-gray-05 border-gray-04 hover:border-gray-04': isDisabled }, { 'border-red-01': isErrorVisible }, { 'p-0 pr-4 pl-2 py-2': isMultiSelect }, className), children: [isMultiSelect ? ((0, jsx_runtime_1.jsx)(components_1.ChipList, { data: chipsData, className: "mr-1 w-full max-h-[138px]", lasItemComponent: (0, jsx_runtime_1.jsx)("div", { className: "flex-grow min-w-[20px] basis-[150px]", children: (0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { mask: mask, ref: inputRef, onBlur: onBlur, isDisabled: isDisabled, inputValue: inputValue, className: "h-fit md:h-10 w-full", handleInputChange: handleInputChange }) }) })) : ((0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { mask: mask, ref: inputRef, onBlur: onBlur, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('h-fit md:h-6 w-full'), inputValue: inputValue, handleInputChange: handleInputChange })), (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: openDropdownMenu ? components_1.IconSymbol.CARET_UP : components_1.IconSymbol.CARET_DOWN, size: components_1.IconSize.SM, color: isDisabled ? components_1.IconColor.BLUE_03 : components_1.IconColor.BLUE_01, className: (0, tailwind_utils_1.tailwind)('ml-2') })] }));
-}
-function Select({ mask, isFixed = true, isWritable = false, isDisabled = false, isMultiSelect = false, removeOnSelect = false, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick = () => { }, }) {
-    const selectHook = (0, use_select_1.useSelect)({
+function Select({ mask, isFixed = true, isDisabled = false, isMultiSelect = false, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }) {
+    const { isOpen, inputValue, selectedValues, chipsData, filteredOptions, inputRef, handleSearchChange, setIsOpen, } = (0, use_select_1.useSelect)({
         options,
-        isWritable,
-        initialValues,
         isMultiSelect,
-        removeOnSelect,
+        initialValues,
         initialInputValue,
         debounceDelay,
         onChangeText,
         onOptionChange,
     });
-    const { openDropdownMenu, selectedValues: selectedIDs, searchedOptions, setOpenDropdownMenu, } = selectHook;
-    return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { isFixed: isFixed, isDisabled: isDisabled, onClose: setOpenDropdownMenu, isOpen: openDropdownMenu, selectedIDs: selectedIDs, options: searchedOptions, emptyElement: typeof emptyLabel === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex whitespace-normal bg-white py-2 px-4'), children: emptyLabel })) : (emptyLabel), dropDownClassName: "left-0", className: (0, tailwind_utils_1.tailwind)('w-full'), children: (0, jsx_runtime_1.jsx)(SelectDropDownComponent, { mask: mask, isDisabled: isDisabled, isMultiSelect: isMultiSelect, isErrorVisible: isErrorVisible, className: className, onBlur: onBlur, onClick: onClick, selectHook: selectHook }) }));
+    function handleTriggerClick(event) {
+        if (isDisabled) {
+            return;
+        }
+        if (event.target.closest('[data-chip]')) {
+            return;
+        }
+        onClick?.();
+    }
+    const trigger = ((0, jsx_runtime_1.jsxs)("div", { role: "button", "data-testid": "select-trigger", tabIndex: isDisabled ? -1 : 0, onClick: handleTriggerClick, className: (0, tailwind_utils_1.tailwind)('flex flex-none w-full p-4 justify-start items-center rounded-lg', 'border border-gray-04 bg-white', 'overflow-hidden cursor-pointer', 'hover:border-blue-02', isDisabled
+            ? 'outline-none cursor-not-allowed bg-gray-05 border-gray-04 hover:border-gray-04'
+            : 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-blue-01', isErrorVisible && 'border-red-01', isMultiSelect && 'p-0 pr-4 pl-2 py-2', className), children: [isMultiSelect ? ((0, jsx_runtime_1.jsx)(components_1.ChipList, { data: chipsData, className: "mr-1 w-full max-h-[138px] overflow-y-auto md:overflow-y-auto", lasItemComponent: (0, jsx_runtime_1.jsx)("div", { className: "flex-grow min-w-[20px] basis-[150px]", children: (0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { mask: mask, ref: inputRef, onBlur: onBlur, isDisabled: isDisabled, inputValue: inputValue, className: "h-fit md:h-10 w-full", onInputChange: handleSearchChange }) }) })) : ((0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { mask: mask, ref: inputRef, onBlur: onBlur, isDisabled: isDisabled, className: "h-fit md:h-6 w-full", inputValue: inputValue, onInputChange: handleSearchChange })), (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: isOpen ? components_1.IconSymbol.CARET_UP : components_1.IconSymbol.CARET_DOWN, size: components_1.IconSize.SM, color: isDisabled ? components_1.IconColor.BLUE_03 : components_1.IconColor.BLUE_01, className: "ml-2" })] }));
+    return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { isFixed: isFixed, isDisabled: isDisabled, onClose: setIsOpen, isOpen: isOpen, selectedIDs: selectedValues, options: filteredOptions, emptyElement: typeof emptyLabel === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: "flex whitespace-normal bg-white py-2 px-4", children: emptyLabel })) : (emptyLabel), dropDownClassName: "left-0", className: "w-full", children: trigger }));
 }
 //# sourceMappingURL=select.js.map

package/dist/components/molecules/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/select/use-select.d.ts

@@ -1,24 +1,22 @@
 import { ChipOptionsProps, DropDownMenuOptionProps } from '../../../components';
-export type UseSelectHook = {
-    openDropdownMenu: boolean;
-    inputValue: string;
-    selectedValues: string[];
-    chipsData: ChipOptionsProps[];
-    searchedOptions: DropDownMenuOptionProps[];
-    inputRef: React.RefObject<HTMLInputElement>;
-    handleInputChange: (value: string) => void;
-    setOpenDropdownMenu: (value: boolean) => void;
-};
 export type UseSelectProps = {
-    isMultiSelect: boolean;
-    isWritable: boolean;
-    removeOnSelect: boolean;
-    initialInputValue?: string;
     options: DropDownMenuOptionProps[];
+    isMultiSelect: boolean;
     initialValues?: string[] | string;
+    initialInputValue?: string;
     debounceDelay?: number;
     onChangeText?: (value: string) => void;
-    onOptionChange?: (options: string[]) => void;
+    onOptionChange?: (values: string[]) => void;
+};
+export type UseSelectResult = {
+    isOpen: boolean;
+    inputValue: string;
+    selectedValues: string[];
+    chipsData: ChipOptionsProps[];
+    filteredOptions: DropDownMenuOptionProps[];
+    inputRef: React.RefObject<HTMLInputElement>;
+    handleSearchChange: (text: string) => void;
+    setIsOpen: (open: boolean) => void;
 };
-export declare function useSelect({ isMultiSelect, isWritable, removeOnSelect, initialInputValue, options, initialValues, debounceDelay, onChangeText, onOptionChange, }: UseSelectProps): UseSelectHook;
+export declare function useSelect({ options, isMultiSelect, initialValues, initialInputValue, debounceDelay, onChangeText, onOptionChange, }: UseSelectProps): UseSelectResult;
 //# sourceMappingURL=use-select.d.ts.map

package/dist/components/molecules/select/use-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAmB,MAAM,cAAc,CAAC;AAK1F,MAAM,MAAM,aAAa,GAAG;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,eAAe,EAAE,uBAAuB,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mBAAmB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,aAAa,EACb,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,aAAa,EACb,YAAuB,EACvB,cAAyB,GAC1B,EAAE,cAAc,GAAG,aAAa,CA0NhC"}
+{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAmB,MAAM,cAAc,CAAC;AAM1F,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,eAAe,EAAE,uBAAuB,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,aAAiB,EACjB,YAAY,EACZ,cAAc,GACf,EAAE,cAAc,GAAG,eAAe,CA0KlC"}

package/dist/components/molecules/select/use-select.js

@@ -3,170 +3,135 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelect = useSelect;
 const react_1 = require("react");
 const components_1 = require("../../../components");
+const use_debounce_1 = require("../../../utils/use-debounce");
+const use_focus_on_open_1 = require("../../../utils/use-focus-on-open");
 const string_utils_1 = require("../../../utils/string-utils/string-utils");
-const use_select_input_focus_1 = require("./use-select-input-focus");
-const use_select_search_1 = require("./use-select-search");
-function useSelect({ isMultiSelect, isWritable, removeOnSelect, initialInputValue, options, initialValues, debounceDelay, onChangeText = () => { }, onOptionChange = () => { }, }) {
+function useSelect({ options, isMultiSelect, initialValues, initialInputValue, debounceDelay = 0, onChangeText, onOptionChange, }) {
     const { normalize } = (0, string_utils_1.useStringUtils)();
-    const { debouncedSearch, setSearchValue, resetSearch } = (0, use_select_search_1.useSelectSearch)(debounceDelay);
-    const [chipsData, setChipsData] = (0, react_1.useState)([]);
-    const [openDropdownMenu, setOpenDropdownMenu] = (0, react_1.useState)(false);
-    const [searchedOptions, setSearchedOptions] = (0, react_1.useState)([]);
-    const [selectedValues, setSelectedValues] = (0, react_1.useState)([]);
-    const [inputValue, setInputValue] = (0, react_1.useState)('');
-    const [lastCommittedLabel, setLastCommittedLabel] = (0, react_1.useState)('');
-    const { inputRef } = (0, use_select_input_focus_1.useSelectInputFocus)(openDropdownMenu);
-    const memoOptions = (0, react_1.useMemo)(() => options || [], [options]);
-    (0, react_1.useEffect)(() => {
-        const dropDownMenuOption = handleMapOptions();
-        const removedOptions = removeOnSelect
-            ? dropDownMenuOption.filter((option) => !selectedValues.includes(option.value))
-            : dropDownMenuOption;
-        const normalizedValue = normalize(debouncedSearch).toLowerCase();
-        const filteredOptions = removedOptions.filter((currentOption) => {
-            const hasMatchingHelper = currentOption.helperLabel &&
-                normalize(currentOption.helperLabel).toLowerCase().includes(normalizedValue);
-            const hasMatchingValue = normalize(currentOption.label)
-                .toLowerCase()
-                .includes(normalizedValue);
-            return (hasMatchingValue || hasMatchingHelper || currentOption.variant !== components_1.MenuItemVariant.DEFAULT);
-        });
-        setSearchedOptions(filteredOptions);
-    }, [debouncedSearch, removeOnSelect, selectedValues, options]);
-    (0, react_1.useEffect)(() => {
-        if (openDropdownMenu || isWritable) {
+    const inputRef = (0, react_1.useRef)(null);
+    const [isOpen, setIsOpenState] = (0, react_1.useState)(false);
+    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const [selected, setSelected] = (0, react_1.useState)([]);
+    const [prefilledText, setPrefilledText] = (0, react_1.useState)(initialInputValue ?? '');
+    const debouncedSearch = (0, use_debounce_1.useDebounce)(searchText, debounceDelay);
+    (0, use_focus_on_open_1.useFocusOnOpen)(inputRef, isOpen);
+    const handleOptionSelect = (0, react_1.useCallback)((option) => {
+        if (option.variant !== components_1.MenuItemVariant.DEFAULT)
             return;
-        }
-        if (!isMultiSelect) {
-            setInputValue(lastCommittedLabel ?? '');
+        const newOption = { value: option.value, label: option.label };
+        if (isMultiSelect) {
+            if (selected.some((s) => s.value === option.value))
+                return;
+            const newSelected = [...selected, newOption];
+            setSelected(newSelected);
+            setSearchText('');
+            onChangeText?.('');
+            onOptionChange?.(newSelected.map((s) => s.value));
         }
         else {
-            setInputValue('');
-        }
-        resetSearch();
-    }, [openDropdownMenu, isMultiSelect, lastCommittedLabel]);
-    function handleUnSelect(optionValue) {
-        const mappedOptions = handleMapOptions();
-        const filteredOptions = mappedOptions.filter((option) => {
-            return !selectedValues.includes(option.value) || option.value === optionValue;
-        });
-        setSearchedOptions(filteredOptions);
-        setSelectedValues((current) => current.filter((value) => value !== optionValue));
-        setChipsData((current) => current.filter((chip) => chip.value !== optionValue));
-    }
-    function handleMapChipsData(option) {
-        if (!isMultiSelect) {
-            return;
-        }
-        const newChip = {
-            label: option.label,
-            value: option.value,
-            onClear: () => handleUnSelect(option.value),
-        };
-        setChipsData((current) => [...current, { ...newChip }]);
-    }
-    async function handleGetSelectedValues(newSelected) {
-        if (!isMultiSelect) {
-            const label = newSelected?.label ?? '';
-            onChangeText(label);
-            setInputValue(label);
-            resetSearch();
-            setLastCommittedLabel(label);
-            return [newSelected.value];
-        }
-        setInputValue('');
-        onChangeText('');
-        resetSearch();
-        handleMapChipsData(newSelected);
-        return [...(selectedValues || []), newSelected.value];
-    }
-    async function handleSelectOption(selectedValues) {
-        if (selectedValues.variant !== components_1.MenuItemVariant.DEFAULT) {
-            return;
+            setSelected([newOption]);
+            setSearchText('');
+            setIsOpenState(false);
+            setPrefilledText('');
+            onChangeText?.(option.label);
+            onOptionChange?.([option.value]);
         }
-        const newSelectedValues = await handleGetSelectedValues(selectedValues);
-        setSelectedValues(newSelectedValues);
-        onOptionChange?.(newSelectedValues);
-    }
-    function handleMapOptions() {
-        if (!options) {
-            return [];
+    }, [isMultiSelect, selected, onChangeText, onOptionChange]);
+    const handleDeselect = (0, react_1.useCallback)((value) => {
+        const newSelected = selected.filter((s) => s.value !== value);
+        setSelected(newSelected);
+        onOptionChange?.(newSelected.map((s) => s.value));
+    }, [selected, onOptionChange]);
+    const handleSearchChange = (0, react_1.useCallback)((text) => {
+        setSearchText(text);
+        onChangeText?.(text);
+    }, [onChangeText]);
+    const setIsOpen = (0, react_1.useCallback)((open) => {
+        if (!open) {
+            setSearchText('');
         }
-        const mapOptions = options.map((option) => {
-            const newOption = {
-                ...option,
-                variant: option.variant ?? components_1.MenuItemVariant.DEFAULT,
-            };
+        setIsOpenState(open);
+    }, []);
+    const chipsData = (0, react_1.useMemo)(() => selected.map((opt) => ({
+        label: opt.label,
+        value: opt.value,
+        onClear: () => handleDeselect(opt.value),
+    })), [selected, handleDeselect]);
+    const filteredOptions = (0, react_1.useMemo)(() => {
+        const selectedSet = new Set(selected.map((select) => select.value));
+        const searchQuery = normalize(debouncedSearch).toLowerCase();
+        return options
+            .filter((option) => !isMultiSelect || !selectedSet.has(option.value))
+            .filter((option) => {
+            if (!searchQuery) {
+                return true;
+            }
+            if (option.variant && option.variant !== components_1.MenuItemVariant.DEFAULT) {
+                return true;
+            }
+            const labelMatch = normalize(option.label).toLowerCase().includes(searchQuery);
+            const helperMatch = option.helperLabel
+                ? normalize(option.helperLabel).toLowerCase().includes(searchQuery)
+                : false;
+            return labelMatch || helperMatch;
+        })
+            .map((option) => {
+            const withDefaults = { ...option, variant: option.variant ?? components_1.MenuItemVariant.DEFAULT };
             return {
-                ...newOption,
+                ...withDefaults,
                 onClick: () => {
-                    if (newOption?.onClick) {
-                        newOption.onClick();
-                    }
-                    handleSelectOption(newOption);
+                    option.onClick?.();
+                    handleOptionSelect(withDefaults);
                 },
             };
         });
-        return mapOptions;
-    }
-    function handleInputChange(value) {
-        onChangeText(value);
-        setInputValue(value);
-        setSearchValue(value);
-    }
-    function initializeValues() {
+    }, [options, selected, isMultiSelect, debouncedSearch, handleOptionSelect]);
+    const inputValue = (0, react_1.useMemo)(() => {
+        if (isOpen) {
+            return searchText;
+        }
+        if (isMultiSelect) {
+            return '';
+        }
+        return selected[0]?.label ?? prefilledText;
+    }, [isOpen, searchText, isMultiSelect, selected, prefilledText]);
+    const selectedValues = (0, react_1.useMemo)(() => selected.map((s) => s.value), [selected]);
+    (0, react_1.useEffect)(() => {
+        if (initialValues === undefined || initialValues === null) {
+            return;
+        }
         const values = Array.isArray(initialValues) ? initialValues : [initialValues];
-        const chipInitialValue = options
-            .filter((option) => values.includes(option.value))
-            .map((option) => ({
-            label: option.label,
-            value: option.value,
-            onClear: () => handleUnSelect(option.value),
-        }));
-        const initialSelectValues = options
-            .filter((option) => values.includes(option.value))
-            .map((option) => option.value);
-        const [initial] = options
+        const matched = options
             .filter((option) => values.includes(option.value))
-            .map((option) => option.label);
-        setChipsData(chipInitialValue);
-        setSelectedValues(initialSelectValues);
-        setInputValue(!isMultiSelect ? initial : '');
-        setLastCommittedLabel(!isMultiSelect ? (initial ?? '') : '');
-    }
-    (0, react_1.useEffect)(() => {
-        initializeValues();
-    }, [memoOptions, initialValues]);
-    (0, react_1.useEffect)(() => {
-        const dropDownMenuOption = handleMapOptions();
-        const removedOptions = removeOnSelect
-            ? dropDownMenuOption.filter((option) => !selectedValues.includes(option.value))
-            : dropDownMenuOption;
-        setSearchedOptions(removedOptions);
-    }, [memoOptions, selectedValues]);
+            .map((option) => ({ value: option.value, label: option.label }));
+        setSelected(matched);
+    }, [options, initialValues]);
     (0, react_1.useEffect)(() => {
         if (initialInputValue === undefined) {
             return;
         }
-        const selectedOption = options.find((option) => option.label === initialInputValue || option.value === initialInputValue);
-        if (!selectedOption) {
-            setInputValue(initialInputValue ?? '');
+        if (initialValues !== undefined && initialValues !== null) {
             return;
         }
-        setSelectedValues([selectedOption.value]);
-        setSearchedOptions([selectedOption]);
-        setInputValue(initialInputValue ?? '');
-        setLastCommittedLabel(initialInputValue ?? '');
-    }, [initialInputValue]);
+        const matched = options.find((option) => option.label === initialInputValue || option.value === initialInputValue);
+        if (matched) {
+            setSelected([{ value: matched.value, label: matched.label }]);
+            setPrefilledText('');
+        }
+        else {
+            setPrefilledText(initialInputValue);
+            setSelected([]);
+        }
+    }, [initialInputValue, options, initialValues]);
     return {
-        openDropdownMenu,
+        isOpen,
         inputValue,
         selectedValues,
         chipsData,
-        searchedOptions,
+        filteredOptions,
         inputRef,
-        handleInputChange,
-        setOpenDropdownMenu,
+        handleSearchChange,
+        setIsOpen,
     };
 }
 //# sourceMappingURL=use-select.js.map

package/dist/components/molecules/select/use-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":";;AA4BA,8BAkLC;AA9MD,iCAA0E;AAC1E,6CAA0F;AAE1F,uDAAmD;AACnD,iEAA2D;AAC3D,oEAAmE;AAuBnE,SAAgB,SAAS,CAAC,EACxB,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,aAAa,GAAG,CAAC,EACjB,YAAY,EACZ,cAAc,GACC;IACf,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,6BAAc,GAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAGhD,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAiB,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;IAG5E,MAAM,eAAe,GAAG,IAAA,0BAAW,EAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAE/D,IAAA,kCAAc,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAGjC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,MAA+B,EAAE,EAAE;QAClC,IAAI,MAAM,CAAC,OAAO,KAAK,4BAAe,CAAC,OAAO;YAAE,OAAO;QAEvD,MAAM,SAAS,GAAiB,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;QAE7E,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;gBAAE,OAAO;YAE3D,MAAM,WAAW,GAAG,CAAC,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC7C,WAAW,CAAC,WAAW,CAAC,CAAC;YACzB,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC;YACnB,cAAc,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YACzB,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,gBAAgB,CAAC,EAAE,CAAC,CAAC;YACrB,YAAY,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC7B,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EACD,CAAC,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,CAAC,CACxD,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAC9D,WAAW,CAAC,WAAW,CAAC,CAAC;QACzB,cAAc,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,IAAY,EAAE,EAAE;QACf,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAa,EAAE,EAAE;QAC9C,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CACH,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACrB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;KACzC,CAAC,CAAC,EACL,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAA4B,GAAG,EAAE;QAC9D,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACpE,MAAM,WAAW,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,CAAC;QAE7D,OAAO,OAAO;aACX,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,aAAa,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACpE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YACjB,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAO,IAAI,CAAC;YACd,CAAC;YACD,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,KAAK,4BAAe,CAAC,OAAO,EAAE,CAAC;gBACjE,OAAO,IAAI,CAAC;YACd,CAAC;YAED,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;YAC/E,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW;gBACpC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;gBACnE,CAAC,CAAC,KAAK,CAAC;YAEV,OAAO,UAAU,IAAI,WAAW,CAAC;QACnC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACd,MAAM,YAAY,GAAG,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,4BAAe,CAAC,OAAO,EAAE,CAAC;YACvF,OAAO;gBACL,GAAG,YAAY;gBACf,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;oBACnB,kBAAkB,CAAC,YAAY,CAAC,CAAC;gBACnC,CAAC;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,UAAU,CAAC;QACpB,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,aAAa,CAAC;IAC7C,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAG/E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAC9E,MAAM,OAAO,GAAG,OAAO;aACpB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACjD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAEnE,WAAW,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,KAAK,SAAS,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,iBAAiB,IAAI,MAAM,CAAC,KAAK,KAAK,iBAAiB,CACrF,CAAC;QAEF,IAAI,OAAO,EAAE,CAAC;YACZ,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC9D,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;YACpC,WAAW,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhD,OAAO;QACL,MAAM;QACN,UAAU;QACV,cAAc;QACd,SAAS;QACT,eAAe;QACf,QAAQ;QACR,kBAAkB;QAClB,SAAS;KACV,CAAC;AACJ,CAAC"}

package/dist/components/molecules/text-field/components/text-field-input.d.ts

@@ -5,7 +5,7 @@ export type TextFieldInputProps = Omit<ComponentProps<'input'>, 'disabled' | 're
     isDisabled?: boolean;
     onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
 };
-export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "onBlur" | "disabled" | "required"> & {
+export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "disabled" | "required" | "onBlur"> & {
     mask?: string;
     isRequired?: boolean;
     isDisabled?: boolean;

package/dist/components/molecules/text-field/components/text-field-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,cAAc,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAK1F,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAC3C,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAwDF,eAAO,MAAM,cAAc;WA5DlB,MAAM;iBACA,OAAO;iBACP,OAAO;aACX,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;oDAkEvD,CAAC"}
+{"version":3,"file":"text-field-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAK7E,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAC3C,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,cAAc;WANlB,MAAM;iBACA,OAAO;iBACP,OAAO;aACX,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;oDAuBvD,CAAC"}

package/dist/components/molecules/text-field/components/text-field-input.js

@@ -3,23 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextFieldInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_imask_1 = require("react-imask");
-const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
 const components_1 = require("../../../../components");
-function getTextFieldInputClassName(className) {
-    return (0, tailwind_utils_1.tailwind)('flex-grow py-4 px-4 bg-transparent text-gray-01', 'focus:outline-none', components_1.TextStyle[components_1.TextVariant.BODY], className);
-}
-const MaskedTextFieldInput = (0, react_1.forwardRef)(function MaskedTextFieldInput({ mask, isRequired, isDisabled, className, name, value = '', onChange, ...rest }, ref) {
-    return ((0, jsx_runtime_1.jsx)(react_imask_1.IMaskInput, { inputRef: ref, mask: mask, required: isRequired, disabled: isDisabled, name: name, value: String(value), autoComplete: "off", className: getTextFieldInputClassName(className), onAccept: (maskedValue) => {
-            onChange?.({ target: { name, value: maskedValue } });
-        }, ...rest }));
-});
-const PlainTextFieldInput = (0, react_1.forwardRef)(function PlainTextFieldInput({ isRequired, isDisabled, className, name, value = '', onChange, ...rest }, ref) {
-    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, required: isRequired, disabled: isDisabled, name: name, value: value, className: getTextFieldInputClassName(className), onChange: (event) => {
-            onChange?.({ target: { name, value: event.target.value } });
-        }, ...rest }));
-});
-exports.TextFieldInput = (0, react_1.forwardRef)(function TextFieldInput(props, ref) {
-    return props.mask ? ((0, jsx_runtime_1.jsx)(MaskedTextFieldInput, { ...props, ref: ref })) : ((0, jsx_runtime_1.jsx)(PlainTextFieldInput, { ...props, ref: ref }));
+const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
+const components_2 = require("../../../../components");
+exports.TextFieldInput = (0, react_1.forwardRef)(function TextFieldInput({ mask, isRequired, isDisabled, className, onBlur, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)(components_1.BaseInput, { ref: ref, mask: mask, required: isRequired, disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex-grow py-4 px-4 bg-transparent text-gray-01', 'focus:outline-none', components_2.TextStyle[components_2.TextVariant.BODY], className), onBlur: onBlur, ...rest }));
 });
 //# sourceMappingURL=text-field-input.js.map

package/dist/components/molecules/text-field/components/text-field-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0F;AAC1F,6CAAyC;AACzC,qEAA4D;AAC5D,uDAAgE;AAYhE,SAAS,0BAA0B,CAAC,SAAkB;IACpD,OAAO,IAAA,yBAAQ,EACb,iDAAiD,EACjD,oBAAoB,EACpB,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAC3B,SAAS,CACV,CAAC;AACJ,CAAC;AAED,MAAM,oBAAoB,GAAG,IAAA,kBAAU,EAAC,SAAS,oBAAoB,CACnE,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAuB,EACrG,GAAmC;IAEnC,OAAO,CACL,uBAAC,wBAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,0BAA0B,CAAC,SAAS,CAAC,EAChD,QAAQ,EAAE,CAAC,WAAmB,EAAE,EAAE;YAChC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,EAAmC,CAAC,CAAC;QACxF,CAAC,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAAC,SAAS,mBAAmB,CACjE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAGvE,EACD,GAAmC;IAEnC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,0BAA0B,CAAC,SAAS,CAAC,EAChD,QAAQ,EAAE,CAAC,KAAoC,EAAE,EAAE;YACjD,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAmC,CAAC,CAAC;QAC/F,CAAC,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,SAAS,cAAc,CAC9D,KAA0B,EAC1B,GAAmC;IAEnC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,uBAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,uBAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC7C,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"text-field-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6E;AAC7E,uDAAmD;AACnD,qEAA4D;AAC5D,uDAAgE;AAYnD,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,SAAS,cAAc,CAC9D,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAuB,EACjF,GAAmC;IAEnC,OAAO,CACL,uBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,iDAAiD,EACjD,oBAAoB,EACpB,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAC3B,SAAS,CACV,EACD,MAAM,EAAE,MAA2C,KAC/C,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/molecules/text-field/text-field.d.ts

@@ -9,7 +9,7 @@ type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'cl
     inputClassName?: string;
     onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
 };
-export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "className" | "ref" | "onBlur" | "disabled" | "required"> & {
+export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "disabled" | "required" | "className" | "onBlur"> & {
     isRequired?: boolean;
     isDisabled?: boolean;
     mask?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "period-ui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/index.css",

package/dist/components/molecules/select/use-select-input-focus.d.ts

@@ -1,5 +0,0 @@
-export type UseSelectInputFocusHook = {
-    inputRef: React.RefObject<HTMLInputElement>;
-};
-export declare function useSelectInputFocus(openDropdownMenu: boolean): UseSelectInputFocusHook;
-//# sourceMappingURL=use-select-input-focus.d.ts.map

package/dist/components/molecules/select/use-select-input-focus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-select-input-focus.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select-input-focus.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAC7C,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,gBAAgB,EAAE,OAAO,GAAG,uBAAuB,CAMtF"}

package/dist/components/molecules/select/use-select-input-focus.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelectInputFocus = useSelectInputFocus;
-const react_1 = require("react");
-const use_focus_on_open_1 = require("../../../utils/use-focus-on-open");
-function useSelectInputFocus(openDropdownMenu) {
-    const inputRef = (0, react_1.useRef)(null);
-    (0, use_focus_on_open_1.useFocusOnOpen)(inputRef, openDropdownMenu);
-    return { inputRef };
-}
-//# sourceMappingURL=use-select-input-focus.js.map

package/dist/components/molecules/select/use-select-input-focus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-select-input-focus.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select-input-focus.ts"],"names":[],"mappings":";;AAOA,kDAMC;AAbD,iCAA+B;AAC/B,iEAA2D;AAM3D,SAAgB,mBAAmB,CAAC,gBAAyB;IAC3D,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,IAAA,kCAAc,EAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IAE3C,OAAO,EAAE,QAAQ,EAAE,CAAC;AACtB,CAAC"}

package/dist/components/molecules/select/use-select-search.d.ts

@@ -1,8 +0,0 @@
-export type UseSelectSearchHook = {
-    searchValue: string;
-    debouncedSearch: string;
-    setSearchValue: (value: string) => void;
-    resetSearch: () => void;
-};
-export declare function useSelectSearch(debounceDelay?: number): UseSelectSearchHook;
-//# sourceMappingURL=use-select-search.d.ts.map

package/dist/components/molecules/select/use-select-search.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-select-search.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select-search.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,eAAe,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAS3E"}

package/dist/components/molecules/select/use-select-search.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelectSearch = useSelectSearch;
-const react_1 = require("react");
-const use_debounce_1 = require("../../../utils/use-debounce");
-function useSelectSearch(debounceDelay) {
-    const [searchValue, setSearchValue] = (0, react_1.useState)('');
-    const debouncedSearch = (0, use_debounce_1.useDebounce)(searchValue, debounceDelay ?? 0);
-    function resetSearch() {
-        setSearchValue('');
-    }
-    return { searchValue, debouncedSearch, setSearchValue, resetSearch };
-}
-//# sourceMappingURL=use-select-search.js.map

package/dist/components/molecules/select/use-select-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-select-search.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select-search.ts"],"names":[],"mappings":";;AAUA,0CASC;AAnBD,iCAAiC;AACjC,uDAAmD;AASnD,SAAgB,eAAe,CAAC,aAAsB;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,eAAe,GAAG,IAAA,0BAAW,EAAC,WAAW,EAAE,aAAa,IAAI,CAAC,CAAC,CAAC;IAErE,SAAS,WAAW;QAClB,cAAc,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC;IAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC;AACvE,CAAC"}