@datability/8ui 0.1.68 → 1.0.0

package/dist/components/Input/InputDateTime/index.scss

@@ -1,179 +0,0 @@
-@import '../extend.scss';
-
-.DBui-inputDateTime {
-  @extend .DBui-input;
-  height: 35px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-
-  &[data-disabled='true'] {
-    @extend .DBui-disabled;
-  }
-
-  .DBui-clearIconInputDateTime {
-    width: 20px;
-
-    &[data-hidden='true'] {
-      display: none !important;
-    }
-
-    &:hover {
-      opacity: 0.8;
-    }
-  }
-}
-
-.DBui-inputDateTimeWrapperCalendar {
-  display: flex;
-  flex-direction: column;
-  padding: 3em 1em;
-  gap: 0.8em;
-
-  @media (max-width: 425px) {
-    padding: 2.5em 0;
-    width: 99vw;
-  }
-
-  .DBui-inputDateTimeWrapperYearMonthDayTime {
-    display: flex;
-    flex-direction: row;
-    gap: 0.3em;
-    justify-content: center;
-    align-items: center;
-
-    @media (max-width: 425px) {
-      gap: 0.2em;
-    }
-
-    .DBui-inputDateTimeWrapperYearMonthDay {
-      display: flex;
-      flex-direction: column;
-      gap: 0.3em;
-      justify-content: center;
-      align-items: center;
-      border-right: 1px solid gray;
-      padding-right: 0.5em;
-
-
-      .DBui-inputDateTimeRowMonthYear,
-      .DBui-inputDateTimeRowHeaderDay,
-      .DBui-inputDateTimeRowDay {
-        display: flex;
-        flex-direction: row;
-        gap: 0.8em;
-
-        @media (max-width: 425px) {
-          gap: 0.2em;
-        }
-      }
-
-      .DBui-inputDateTimeRowMonthYear {
-        gap: 0.5em;
-        margin-left: 0.5em;
-        align-items: center;
-      }
-
-      .DBui-inputDateTimeRowHeaderDay,
-      .DBui-inputDateTimeRowDay {
-
-        .DBui-inputDateTimeHeader,
-        .DBui-inputDateTimeDay {
-          width: 30px;
-          height: 30px;
-          text-align: center;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-
-        .DBui-inputDateTimeDay {
-
-          cursor: not-allowed;
-
-          &[data-hidden-hover='false'] {
-            cursor: pointer;
-
-            &:hover {
-              background-color: #03287E;
-              border-radius: 100%;
-              color: #FFFFFF;
-            }
-          }
-
-          &[data-checked='true'] {
-            background-color: #03287E;
-            color: #FFFFFF;
-            border-radius: 100%;
-          }
-        }
-      }
-    }
-
-    .DBui-inputDateTimeWrapperHourMin {
-      padding: 0 0.3em;
-      align-self: flex-end;
-      flex-direction: column;
-      display: flex;
-
-      @media (max-width: 425px) {
-        padding: 0 0.2em;
-      }
-
-      .DBui-inputDateTimeWrapperHourMinOptions {
-        max-height: 200px;
-        overflow-y: scroll;
-        -ms-overflow-style: none;
-        /* IE and Edge */
-        scrollbar-width: none;
-        /* Firefox */
-
-        /* Hide scrollbar for Chrome, Safari and Opera */
-        &::-webkit-scrollbar {
-          display: none;
-        }
-
-        p {
-          padding: 0.5em;
-          cursor: pointer;
-
-          &:hover {
-            background-color: #03287E;
-            color: #FFFFFF;
-          }
-
-          &[data-checked='true'] {
-            background-color: #03287E;
-            color: #FFFFFF;
-          }
-        }
-      }
-    }
-  }
-
-  .DBui-inputDateTimeWrapperButton {
-    display: flex;
-    gap: 0.5em;
-    justify-content: flex-end;
-  }
-}
-
-.DBui-inputDateTimeRowMonthYearSelected {
-  cursor: pointer;
-  text-align: center;
-}
-
-.DBui-inputDateTimeRowMonthYearOption {
-  cursor: pointer;
-  padding: 0.5em 1em;
-
-  &:hover {
-    background-color: #03287E;
-    color: #FFFFFF;
-  }
-
-  &[data-checked='true'] {
-    background-color: #03287E;
-    color: #FFFFFF;
-  }
-}

package/dist/components/Input/InputDateTime/index.type.d.ts

@@ -1,11 +0,0 @@
-export type PropsInputDateTime = {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    require?: boolean;
-    fullWidth?: boolean;
-    isHideClearIcon?: boolean;
-    minYear?: number;
-    maxYear?: number;
-};

package/dist/components/Input/InputDateTime/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Input/InputDateTime/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDateTime/index.type.tsx"],"names":[],"mappings":""}

package/dist/components/Input/InputNumber/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import type { PropsInputNumber } from './index.type';
-declare const InputNumber: React.FC<PropsInputNumber>;
-export default InputNumber;

package/dist/components/Input/InputNumber/index.js

@@ -1,78 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { getIn, useFormikContext } from 'formik';
-import './index.scss';
-import InputBase from '../InputBase';
-var InputNumber = function (_a) {
-    var name = _a.name, label = _a.label, placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, _e = _a.isPhoneNumber, isPhoneNumber = _e === void 0 ? false : _e, _f = _a.isAvailableMinus, isAvailableMinus = _f === void 0 ? false : _f;
-    var _g = useFormikContext(), values = _g.values, touched = _g.touched, errors = _g.errors, setFieldValue = _g.setFieldValue;
-    var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
-    var _h = useState(''), showValue = _h[0], setShowValue = _h[1];
-    useEffect(function () {
-        var formValue = getIn(values, name);
-        if (!isPhoneNumber && typeof formValue === 'number' && !isNaN(formValue)) {
-            setShowValue(formValue.toLocaleString('en-US'));
-        }
-        else if (typeof formValue === 'string') {
-            setShowValue(formValue);
-        }
-        else {
-            setShowValue(formValue !== null && formValue !== void 0 ? formValue : '');
-        }
-    }, [getIn(values, name)]);
-    var handleChange = function (event) {
-        var value = event.target.value;
-        // กรณีล้างช่อง
-        if (value === '') {
-            if (isPhoneNumber) {
-                setFieldValue(name, '');
-                setShowValue('');
-            }
-            else {
-                setFieldValue(name, 0);
-                setShowValue('0');
-            }
-            return;
-        }
-        // เบอร์โทร: ไม่แปลง comma
-        if (isPhoneNumber) {
-            setFieldValue(name, value);
-            setShowValue(value);
-            return;
-        }
-        // ตัด comma ออกก่อน parse
-        var rawValue = value.replace(/,/g, '');
-        // ✅ regex: ตัวเลข ทศนิยม และอาจมีลบ (ถ้าเปิด)
-        var regex = isAvailableMinus ? /^-?[0-9]*\.?[0-9]*$/ : /^[0-9]*\.?[0-9]*$/;
-        if (!regex.test(rawValue))
-            return;
-        // ✅ ถ้ายังพิมพ์ "." ค้างไว้ เช่น "1234."
-        if (rawValue.endsWith('.')) {
-            setShowValue(formatWithComma(rawValue));
-            setFieldValue(name, rawValue);
-            return;
-        }
-        // ✅ ถ้ายังพิมพ์ "-" ค้างไว้
-        if (rawValue === '-') {
-            setShowValue(rawValue);
-            setFieldValue(name, rawValue);
-            return;
-        }
-        var numericValue = Number(rawValue);
-        if (isNaN(numericValue))
-            return;
-        setFieldValue(name, numericValue);
-        setShowValue(formatWithComma(rawValue));
-    };
-    // 🧠 helper: ใส่ comma แต่อย่าทำให้จุดหาย
-    var formatWithComma = function (val) {
-        if (val === '' || val === '-' || val === '.' || val === '-.')
-            return val;
-        var _a = val.split('.'), intPart = _a[0], decPart = _a[1];
-        var formattedInt = intPart ? Number(intPart).toLocaleString('en-US') : '';
-        return decPart !== undefined ? "".concat(formattedInt, ".").concat(decPart) : formattedInt;
-    };
-    return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
-        React.createElement("input", { className: "DBui-inputNumber", type: "text", placeholder: placeholder, disabled: disabled, value: showValue, onChange: handleChange, name: name, pattern: "-?[0-9,]*\\.?[0-9]*", inputMode: "decimal", "data-invalid": isInvalid })));
-};
-export default InputNumber;
-//# sourceMappingURL=index.js.map

package/dist/components/Input/InputNumber/index.js.map

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

package/dist/components/Input/InputNumber/index.scss

@@ -1,9 +0,0 @@
-@import '../extend.scss';
-
-.DBui-inputNumber {
-    @extend .DBui-input;
-
-    &:disabled {
-        @extend .DBui-disabled;
-    }
-}

package/dist/components/Input/InputNumber/index.type.d.ts

@@ -1,10 +0,0 @@
-export type PropsInputNumber = {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    require?: boolean;
-    fullWidth?: boolean;
-    isPhoneNumber?: boolean;
-    isAvailableMinus?: boolean;
-};

package/dist/components/Input/InputNumber/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Input/InputNumber/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputNumber/index.type.tsx"],"names":[],"mappings":""}

package/dist/components/Input/InputPassword/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import type { PropsInputPassword } from './index.type';
-declare const InputPassword: React.FC<PropsInputPassword>;
-export default InputPassword;

package/dist/components/Input/InputPassword/index.js

@@ -1,21 +0,0 @@
-// Lib
-import React, { useState } from 'react';
-import { getIn, useFormikContext } from 'formik';
-// Images
-import visibilitySVG from '../../assets/visibility.svg';
-import visibilityOffSVG from '../../assets/visibilityOff.svg';
-// Include in project
-import './index.scss';
-import InputBase from '../InputBase';
-var InputPassword = function (_a) {
-    var name = _a.name, label = _a.label, placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d;
-    var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, handleChange = _e.handleChange;
-    var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
-    var _f = useState(false), isShow = _f[0], setIsShow = _f[1];
-    return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
-        React.createElement("div", { className: "DBui-wrapInputPassword" },
-            React.createElement("input", { className: "DBui-inputPassword", type: isShow ? 'text' : 'password', placeholder: placeholder, disabled: disabled, value: getIn(values, name), onChange: handleChange, name: name, "data-invalid": isInvalid }),
-            React.createElement("img", { className: "DBui-inputPasswordIcon", src: isShow ? visibilitySVG : visibilityOffSVG, onClick: function () { return setIsShow(!isShow); } }))));
-};
-export default InputPassword;
-//# sourceMappingURL=index.js.map

package/dist/components/Input/InputPassword/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputPassword/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AACT,OAAO,aAAa,MAAM,6BAA6B,CAAA;AACvD,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAE7D,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,aAAa,GAAiC,UAAC,EAOpD;QANC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEX,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEhE,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BACE,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAClC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,kBACI,SAAS,GACvB;YACF,6BACE,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAC9C,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,GACjC,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/Input/InputPassword/index.scss

@@ -1,22 +0,0 @@
-@import '../extend.scss';
-
-.DBui-wrapInputPassword {
-    width: 100%;
-    position: relative;
-    
-    .DBui-inputPassword {
-        @extend .DBui-input;
-
-        padding-right: 1em;
-    }
-
-    .DBui-inputPasswordIcon {
-        position: absolute;
-        right: 5px;
-        top: 50%;
-        transform: translateY(-50%);
-        cursor: pointer;
-        width: 1.5em;
-        height: 1.5em;
-    }
-}

package/dist/components/Input/InputPassword/index.type.d.ts

@@ -1,8 +0,0 @@
-export type PropsInputPassword = {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    require?: boolean;
-    fullWidth?: boolean;
-};

package/dist/components/Input/InputPassword/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Input/InputPassword/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputPassword/index.type.tsx"],"names":[],"mappings":""}

package/dist/components/Input/InputRadio/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import type { PropsInputRadio } from './index.type';
-declare const InputRadio: React.FC<PropsInputRadio>;
-export default InputRadio;

package/dist/components/Input/InputRadio/index.js

@@ -1,19 +0,0 @@
-// Lib
-import React from 'react';
-import { getIn, useFormikContext } from 'formik';
-// Images
-// Include in project
-import './index.scss';
-import InputBase from '../InputBase';
-var InputRadio = function (_a) {
-    var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, _e = _a.isVertical, isVertical = _e === void 0 ? false : _e, options = _a.options;
-    var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, handleChange = _f.handleChange;
-    var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
-    return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
-        React.createElement("div", { className: "DBui-wrapInputRadioList", "data-vertical": isVertical }, options.map(function (data, index) { return (React.createElement("div", { key: index, className: "DBui-wrapInputRadio" },
-            React.createElement("input", { className: "DBui-inputRadio", type: "radio", disabled: disabled, value: data.value, onChange: handleChange, name: name, checked: getIn(values, name) === data.value }),
-            React.createElement("p", { className: "DBui-labelRadio", "data-invalid": isInvalid },
-                React.createElement("small", null, data.label)))); }))));
-};
-export default InputRadio;
-//# sourceMappingURL=index.js.map

package/dist/components/Input/InputRadio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputRadio/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,UAAU,GAA8B,UAAC,EAQ9C;QAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,OAAO,aAAA;IAED,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,6BAAK,SAAS,EAAC,yBAAyB,mBAAgB,UAAU,IAC/D,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC5B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,qBAAqB;YAC9C,+BACE,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,GAC3C;YACF,2BAAG,SAAS,EAAC,iBAAiB,kBAAe,SAAS;gBACpD,mCAAQ,IAAI,CAAC,KAAK,CAAS,CACzB,CACA,CACP,EAf6B,CAe7B,CAAC,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/Input/InputRadio/index.scss

@@ -1,35 +0,0 @@
-@import '../extend.scss';
-
-.DBui-wrapInputRadioList {
-    display: flex;
-    width: 100%;
-    gap: 1em;
-
-    &[data-vertical='true'] {
-        flex-direction: column;
-        gap: 0.5em;
-    }
-
-    .DBui-wrapInputRadio {
-        display: flex;
-        align-items: center;
-        gap: 0.3em;
-
-        .DBui-labelRadio {
-            &[data-invalid='true'] {
-                color: #EB5757;
-            }
-        }
-
-        .DBui-inputRadio {
-            border-radius: 0.3em;
-            width: 20px;
-            height: 20px;
-            cursor: pointer;
-
-            &:disabled {
-                @extend .DBui-disabled;
-            }
-        }
-    }
-}

package/dist/components/Input/InputRadio/index.type.d.ts

@@ -1,12 +0,0 @@
-export type PropsInputRadio = {
-    name: string;
-    label?: string;
-    disabled?: boolean;
-    require?: boolean;
-    fullWidth?: boolean;
-    isVertical?: boolean;
-    options: {
-        label: string;
-        value: string | number;
-    }[];
-};

package/dist/components/Input/InputRadio/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Input/InputRadio/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputRadio/index.type.tsx"],"names":[],"mappings":""}

package/dist/components/Input/InputSelect/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { PropsInputSelect } from './index.type';
-declare const InputSelect: React.FC<PropsInputSelect>;
-export default InputSelect;

package/dist/components/Input/InputSelect/index.js

@@ -1,45 +0,0 @@
-// Lib
-import React from 'react';
-import { getIn, useFormikContext } from 'formik';
-// Images
-import expandArrowSVG from '../../assets/expandArrow.svg';
-import closedSVG from '../../assets/closed.svg';
-// Include in project
-import './index.scss';
-import InputBase from '../InputBase';
-import Menu from '../../Menu';
-var InputSelect = function (_a) {
-    var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, options = _a.options, onChange = _a.onChange, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.isHideClearIcon, isHideClearIcon = _f === void 0 ? true : _f, placeholder = _a.placeholder, _g = _a.isInModal, isInModal = _g === void 0 ? false : _g;
-    var _h = useFormikContext(), values = _h.values, touched = _h.touched, errors = _h.errors, setFieldValue = _h.setFieldValue;
-    var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
-    var selected = options === null || options === void 0 ? void 0 : options.find(function (e) { return e.value === (Boolean(value) ? value : getIn(values, name)); });
-    var handleClick = function (value, close) {
-        setFieldValue(name, value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        close();
-    };
-    var handleCleaState = function (e) {
-        e.stopPropagation();
-        setFieldValue(name, null);
-        // Funcntion On top when set formik
-        onChange === null || onChange === void 0 ? void 0 : onChange(null);
-    };
-    return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
-        React.createElement(Menu, { isInModal: isInModal, disabled: disabled, trigger: function (_a) {
-                var isOpen = _a.isOpen;
-                return (React.createElement("div", { className: "DBui-wrapperInputSelect", "data-invalid": isInvalid, "data-disabled": disabled },
-                    React.createElement("div", { className: "DBui-wrapperLabelInputSelect" },
-                        (selected === null || selected === void 0 ? void 0 : selected.label) ? (React.createElement("p", { className: "DBui-wrapperLabel" },
-                            React.createElement("small", null, selected === null || selected === void 0 ? void 0 : selected.label))) : (React.createElement("p", { className: "DBui-placeholder" },
-                            React.createElement("small", null, placeholder))),
-                        React.createElement("img", { src: closedSVG, className: "DBui-clearIconInputSelect", onClick: handleCleaState, "data-hidden": !Boolean(getIn(values, name)) || disabled || isHideClearIcon })),
-                    React.createElement("img", { src: expandArrowSVG, className: "DBui-arrowIconInputSelect", "data-checked": disabled ? true : !isOpen })));
-            } }, function (_a) {
-            var close = _a.close;
-            return options.map(function (data, index) {
-                return (React.createElement("p", { key: index, className: "DBui-menuItemInputSelect", onClick: function () { return handleClick(data.value, close); }, "data-checked": (selected === null || selected === void 0 ? void 0 : selected.value) === data.value }, data.label));
-            });
-        })));
-};
-export default InputSelect;
-//# sourceMappingURL=index.js.map

package/dist/components/Input/InputSelect/index.js.map

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

package/dist/components/Input/InputSelect/index.scss

@@ -1,81 +0,0 @@
-@import '../extend.scss';
-
-.DBui-wrapperInputSelect {
-  cursor: pointer;
-  position: relative;
-  height: 35px;
-  width: 100%;
-  padding: 0.3em 35px 0.3em 0.5em;
-  border-radius: 8px;
-  border: 1px solid #e3e3e8;
-  background-color: #ffffff;
-  color: #000000;
-  display: flex;
-
-  &[data-invalid='true'] {
-    border: 1px solid #eb5757;
-  }
-
-  &[data-disabled='true'] {
-    @extend .DBui-disabled;
-  }
-
-  .DBui-wrapperLabel {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-  }
-
-  .DBui-placeholder {
-    color: #c3c3c3;
-  }
-
-  .DBui-wrapperLabelInputSelect {
-    display: flex;
-    gap: 0.3em;
-    align-items: center;
-    width: 100%;
-
-    .DBui-clearIconInputSelect {
-      width: 20px;
-
-      &[data-hidden='true'] {
-        display: none !important;
-      }
-
-      &:hover {
-        opacity: 0.8;
-      }
-    }
-  }
-
-  .DBui-arrowIconInputSelect {
-    position: absolute;
-    right: 5px;
-    top: 50%;
-    transform: translateY(-50%);
-    transition: transform 0.2s;
-
-    &[data-checked='false'] {
-      transform: rotate(180deg) translateY(50%);
-    }
-  }
-}
-
-.DBui-menuItemInputSelect {
-  background-color: #ffffff;
-  color: #000000;
-  padding: 0.3em 0.5em;
-  cursor: pointer;
-
-  &:hover {
-    background-color: #fafafa;
-  }
-
-  &[data-checked='true'] {
-    background-color: #6f5ee0;
-    color: #ffffff;
-  }
-}

package/dist/components/Input/InputSelect/index.type.d.ts

@@ -1,14 +0,0 @@
-import { TOption, TValueOption } from '../..';
-export type PropsInputSelect = {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    require?: boolean;
-    fullWidth?: boolean;
-    options: TOption[];
-    onChange?: (value: TValueOption | null) => void;
-    value?: string;
-    isHideClearIcon?: boolean;
-    isInModal?: boolean;
-};

package/dist/components/Input/InputSelect/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Input/InputSelect/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputSelect/index.type.tsx"],"names":[],"mappings":""}