@datability/8ui 0.1.5

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

@@ -0,0 +1,16 @@
+// Lib
+import React from 'react';
+import { getIn, useFormikContext } from 'formik';
+// Images
+// Include in project
+import './index.scss';
+import InputBase from '../InputBase';
+var Input = function (_a) {
+    var name = _a.name, label = _a.label, _b = _a.type, type = _b === void 0 ? 'text' : _b, placeholder = _a.placeholder, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.require, require = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e;
+    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("input", { className: "DBui-inputBasic", type: type, placeholder: placeholder, disabled: disabled, value: getIn(values, name), onChange: handleChange, name: name, "aria-invalid": isInvalid })));
+};
+export default Input;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/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,KAAK,GAA8B,UAAC,EAQzC;QAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,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;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,+BACE,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,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,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

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

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

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

@@ -0,0 +1,9 @@
+export type PropsInputBasic = {
+    name: string;
+    label?: string;
+    type?: 'date' | 'text';
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+// Lib
+import React from 'react';
+import { getIn, useFormikContext } from 'formik';
+// Images
+// Include in project
+import './index.scss';
+import InputBase from '../InputBase';
+var InputCheckbox = 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;
+    var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, handleChange = _e.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-wrapInputCheckboxList" }, options.map(function (data, index) { return (React.createElement("div", { key: index, className: "DBui-wrapInputCheckbox" },
+            React.createElement("input", { className: "DBui-inputCheckbox", type: "checkbox", disabled: disabled, value: data.value, onChange: handleChange, name: name, checked: getIn(values, name).includes(data.value) }),
+            React.createElement("p", { className: "DBui-labelCheckbox", "aria-invalid": isInvalid },
+                React.createElement("small", null, data.label)))); }))));
+};
+export default InputCheckbox;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputCheckbox/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,aAAa,GAAiC,UAAC,EAOpD;QANC,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,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,4BAA4B,IACxC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC5B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,wBAAwB;YACjD,+BACE,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,UAAU,EACf,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,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GACjD;YACF,2BAAG,SAAS,EAAC,oBAAoB,kBAAe,SAAS;gBACvD,mCAAQ,IAAI,CAAC,KAAK,CAAS,CACzB,CACA,CACP,EAf6B,CAe7B,CAAC,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,30 @@
+@import '../extend.scss';
+
+.DBui-wrapInputCheckboxList {
+    display: flex;
+    width: 100%;
+    gap: 1em;
+
+    .DBui-wrapInputCheckbox {
+        display: flex;
+        align-items: center;
+        gap: 0.3em;
+
+        .DBui-labelCheckbox {
+            &[aria-invalid='true'] {
+                color: #EB5757;
+            }
+        }
+
+        .DBui-inputCheckbox {
+            width: 100%;
+            border-radius: 0.3em;
+            width: 18px;
+            height: 18px;
+
+            &:disabled {
+                @extend .DBui-disabled;
+            }
+        }
+    }
+}

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'react-datepicker/dist/react-datepicker.css';
+import './index.scss';
+import type { PropsInputDateRangePicker } from './index.type';
+declare const InputDateRangePicker: React.FC<PropsInputDateRangePicker>;
+export default InputDateRangePicker;

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

@@ -0,0 +1,22 @@
+// Lib
+import React from 'react';
+import { getIn, useFormikContext } from 'formik';
+import DatePicker from 'react-datepicker';
+import 'react-datepicker/dist/react-datepicker.css';
+// Images
+// Include in project
+import InputBase from '../InputBase';
+import './index.scss';
+var InputDateRangePicker = 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, placeholder = _a.placeholder;
+    var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, setFieldValue = _e.setFieldValue;
+    var _f = getIn(values, name), startDate = _f[0], endDate = _f[1];
+    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: "react-datepicler-custom", "aria-invalid": isInvalid },
+            React.createElement(DatePicker, { selectsRange: true, startDate: startDate, endDate: endDate, onChange: function (update) {
+                    setFieldValue(name, update);
+                }, disabled: disabled, placeholderText: placeholder }))));
+};
+export default InputDateRangePicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAChD,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,4CAA4C,CAAA;AAEnD,SAAS;AAET,qBAAqB;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,cAAc,CAAA;AAGrB,IAAM,oBAAoB,GAAwC,UAAC,EAOlE;QANC,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,WAAW,iBAAA;IAEL,IAAA,KAA6C,gBAAgB,EAAE,EAA7D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IAC/D,IAAA,KAAuB,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,OAAO,QAAuB,CAAA;IAEhD,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,kBAAe,SAAS;YAC9D,oBAAC,UAAU,IACT,YAAY,QACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,MAAuB;oBAChC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;gBAC7B,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,WAAW,GAC5B,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

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

@@ -0,0 +1,31 @@
+@import '../extend.scss';
+
+// Custom CSS of Lib react-datepicker
+.react-datepicker__current-month {
+    font-size: 1.3rem;
+}
+
+.react-datepicker__day,
+.react-datepicker__day-name {
+    font-size: 1.1rem;
+}
+
+.react-datepicker__input-container {
+    
+    input {
+        @extend .DBui-input;
+    
+        &:disabled {
+            @extend .DBui-disabled;
+        }
+    }
+}
+
+.react-datepicler-custom {
+    &[aria-invalid='true'] {
+
+        input {
+            border: 1px solid #EB5757;
+        }
+    }
+}

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

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

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+// Lib
+import React, { useState } from 'react';
+import { getIn, useFormikContext } from 'formik';
+// Images
+// Include in project
+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;
+    var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, setFieldValue = _f.setFieldValue;
+    var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
+    var _g = useState(getIn(values, name)), showValue = _g[0], setShowValue = _g[1];
+    var handleChange = function (event) {
+        var value = event.target.value;
+        if (value === '') {
+            if (isPhoneNumber) {
+                setFieldValue(name, '');
+                setShowValue('');
+            }
+            else {
+                setFieldValue(name, 0);
+                setShowValue('0');
+            }
+        }
+        else if (isPhoneNumber) {
+            setFieldValue(name, value);
+            setShowValue(value);
+        }
+        else {
+            var rawValue = value.split(',').join('');
+            var regex = /^[0-9]*\.?[0-9]*$/;
+            if (regex.test(rawValue)) {
+                if (rawValue.search('0') === 0) {
+                    var subFirstString = rawValue.substring(1);
+                    setFieldValue(name, Number(subFirstString));
+                    setShowValue(subFirstString);
+                }
+                else {
+                    setFieldValue(name, Number(rawValue));
+                    setShowValue(rawValue);
+                }
+            }
+        }
+    };
+    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]*", "aria-invalid": isInvalid })));
+};
+export default InputNumber;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputNumber/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;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,WAAW,GAA+B,UAAC,EAQhD;QAPC,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,EACjB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA;IAEf,IAAA,KAA6C,gBAAgB,EAAE,EAA7D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IACrE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEhE,IAAA,KAA4B,QAAQ,CAAkB,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAzE,SAAS,QAAA,EAAE,YAAY,QAAkD,CAAA;IAEhF,IAAM,YAAY,GAAG,UAAC,KAA0C;QACtD,IAAA,KAAK,GAAK,KAAK,CAAC,MAAM,MAAjB,CAAiB;QAE9B,IAAI,KAAK,KAAK,EAAE,EAAE;YAChB,IAAI,aAAa,EAAE;gBACjB,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;gBACvB,YAAY,CAAC,EAAE,CAAC,CAAA;aACjB;iBAAM;gBACL,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;gBACtB,YAAY,CAAC,GAAG,CAAC,CAAA;aAClB;SACF;aAAM,IAAI,aAAa,EAAE;YACxB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YAC1B,YAAY,CAAC,KAAK,CAAC,CAAA;SACpB;aAAM;YACL,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAC1C,IAAM,KAAK,GAAG,mBAAmB,CAAA;YAEjC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;gBACxB,IAAI,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBAC9B,IAAM,cAAc,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;oBAC5C,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;oBAC3C,YAAY,CAAC,cAAc,CAAC,CAAA;iBAC7B;qBAAM;oBACL,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;oBACrC,YAAY,CAAC,QAAQ,CAAC,CAAA;iBACvB;aACF;SACF;IACH,CAAC,CAAA;IAED,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,+BACE,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,kBAAiB,kBACX,SAAS,GACvB,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+// 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, "aria-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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+// 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, options = _a.options;
+    var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, handleChange = _e.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" }, 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", "aria-invalid": isInvalid },
+                React.createElement("small", null, data.label)))); }))));
+};
+export default InputRadio;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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,EAO9C;QANC,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,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,IACrC,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

@@ -0,0 +1,30 @@
+@import '../extend.scss';
+
+.DBui-wrapInputRadioList {
+    display: flex;
+    width: 100%;
+    gap: 1em;
+
+    .DBui-wrapInputRadio {
+        display: flex;
+        align-items: center;
+        gap: 0.3em;
+
+        .DBui-labelRadio {
+            &[aria-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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+// 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, notShowClearValue = _a.notShowClearValue, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.isHideClearIcon, isHideClearIcon = _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 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) {
+        setFieldValue(name, value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    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, { disabled: disabled, trigger: function (_a) {
+                var isOpen = _a.isOpen;
+                return (React.createElement("div", { className: "DBui-wrapperInputSelect", "aria-invalid": isInvalid, "aria-disabled": disabled },
+                    React.createElement("div", { className: "DBui-wrapperLabelInputSelect" },
+                        React.createElement("p", null,
+                            React.createElement("small", null, selected === null || selected === void 0 ? void 0 : selected.label)),
+                        React.createElement("img", { src: closedSVG, className: "DBui-clearIconInputSelect", onClick: handleCleaState, "aria-hidden": !Boolean(getIn(values, name)) || disabled || notShowClearValue || isHideClearIcon })),
+                    React.createElement("img", { src: expandArrowSVG, className: "DBui-arrowIconInputSelect", "aria-checked": disabled ? true : !isOpen })));
+            } }, options.map(function (data, index) {
+            return (React.createElement("p", { key: index, className: "DBui-menuItemInputSelect", onClick: function () { return handleClick(data.value); }, "aria-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

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

@@ -0,0 +1,69 @@
+@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;
+
+  &[aria-invalid='true'] {
+    border: 1px solid #EB5757;
+  }
+
+  &[aria-disabled='true'] {
+    @extend .DBui-disabled;
+  }
+
+  .DBui-wrapperLabelInputSelect {
+    display: flex;
+    gap: 0.3em;
+    align-items: center;
+
+    .DBui-clearIconInputSelect {
+      width: 20px;
+
+      &[aria-hidden='true'] {
+        display: none !important;
+      }
+
+      &:hover {
+        opacity: 0.8;
+      }
+
+    }
+  }
+
+  .DBui-arrowIconInputSelect {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+    transition: transform 0.2s;
+
+    &[aria-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;
+  }
+
+  &[aria-checked='true'] {
+    background-color: #6F5EE0;
+    color: #FFFFFF;
+  }
+}

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

@@ -0,0 +1,14 @@
+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;
+    notShowClearValue?: boolean;
+    value?: string;
+    isHideClearIcon?: boolean;
+};

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

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

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

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