UNPKG

react-components-design-system

Version:

React UI component for design system FIS ES PB5

fis-pb5-fe.github.io/new-components-demo

19 lines • 1.78 MB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("antd"),n=require("antd/lib"),o=require("antd/es/locale/vi_VN"),i=require("axios");require("antd/lib/tabs/TabPane");var a=require("react-dom");function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=c(t),s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function p(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function u(e){if(e.__esModule)return e;var t=e.default;if("function"==typeof t){var r=function e(){if(this instanceof e){var r=[null];return r.push.apply(r,arguments),new(Function.bind.apply(t,r))}return t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach(function(t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}),r}var h,d={exports:{}}; /*! Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */h=d,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(e=n(e,r(o)))}return e}function r(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var i in r)e.call(r,i)&&r[i]&&(o=n(o,i));return o}function n(e,t){return t?e?e+" "+t:e+t:e}h.exports?(t.default=t,h.exports=t):window.classNames=t}();var f=d.exports,v=p(f);function m(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}function w(t){const{width:r=16,height:n=16,fillColor:o="#DA3E33",onClick:i}=t;return e.jsx("svg",{width:r,height:n,onClick:i,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8 14.5C5.84375 14.5 3.875 13.375 2.79688 11.5C1.71875 9.64844 1.71875 7.375 2.79688 5.5C3.875 3.64844 5.84375 2.5 8 2.5C10.1328 2.5 12.1016 3.64844 13.1797 5.5C14.2578 7.375 14.2578 9.64844 13.1797 11.5C12.1016 13.375 10.1328 14.5 8 14.5ZM8 5.5C7.67188 5.5 7.4375 5.75781 7.4375 6.0625V8.6875C7.4375 9.01562 7.67188 9.25 8 9.25C8.30469 9.25 8.5625 9.01562 8.5625 8.6875V6.0625C8.5625 5.75781 8.30469 5.5 8 5.5ZM7.25 10.75C7.25 11.1719 7.57812 11.5 8 11.5C8.39844 11.5 8.75 11.1719 8.75 10.75C8.75 10.3516 8.39844 10 8 10C7.57812 10 7.25 10.3516 7.25 10.75Z",fill:o})})}m("/* Style for FormValidation.tsx */\n.form-item__container {\n position: relative;\n width: 100%;\n}\n.form-item__container .form-item__content {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n.form-item__container .form-item__content .form-item__item {\n width: 100%;\n}\n.form-item__container .form-item__message {\n line-height: 16px;\n font-size: 12px;\n color: #8c9093;\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.form-item__container .form-item__message .icon_error {\n display: flex;\n align-items: center;\n}\n.form-item__container .form-item__message.is-table-cell {\n display: none;\n}\n.form-item__container .form-item__icon {\n height: auto;\n width: 1.5rem;\n font-size: 1.2rem;\n color: var(--color-white);\n display: flex;\n align-items: center;\n align-content: center;\n justify-content: center;\n margin-left: 2px;\n}\n.form-item__container.form-item__container--error .component__title {\n color: var(--palette-gray-70) !important;\n}\n.form-item__container.form-item__container--error .form-item__content .form-item__icon,\n.form-item__container.form-item__container--error .form-item__content i.input-icon {\n color: #8c9093;\n}\n.form-item__container.form-item__container--error .form-item__content .component__input,\n.form-item__container.form-item__container--error .form-item__content textarea,\n.form-item__container.form-item__container--error .form-item__content .input-tag__container,\n.form-item__container.form-item__container--error .form-item__content .upload-dropzone,\n.form-item__container.form-item__container--error .form-item__content .ant-picker {\n outline-color: var(--color-critical) !important;\n border-color: var(--color-critical) !important;\n}\n.form-item__container.form-item__container--error .form-item__content .upload-dropzone svg path {\n fill: var(--color-critical) !important;\n}\n.form-item__container.form-item__container--error .form-item__message {\n color: var(--color-critical) !important;\n}\n.form-item__container.form-item__container--warning .component__title {\n color: var(--palette-gray-70) !important;\n}\n.form-item__container.form-item__container--warning .form-item__content .form-item__icon,\n.form-item__container.form-item__container--warning .form-item__content i.input-icon {\n color: #8c9093;\n}\n.form-item__container.form-item__container--warning .form-item__message {\n color: var(--palette-base-orange-6) !important;\n}\n.form-item__container.form-item__container--warning .form-item__message svg path {\n fill: var(--palette-base-orange-6) !important;\n}\n.form-item__container.form-item__container--success .component__title {\n color: var(--color-success-high) !important;\n}\n.form-item__container.form-item__container--success .form-item__content .form-item__icon,\n.form-item__container.form-item__container--success .form-item__content i.input-icon {\n color: var(--color-success-high) !important;\n}\n.form-item__container.form-item__container--success .form-item__content .component__input,\n.form-item__container.form-item__container--success .form-item__content textarea,\n.form-item__container.form-item__container--success .form-item__content .input-tag__container,\n.form-item__container.form-item__container--success .form-item__content .ant-picker {\n outline-color: var(--color-success-high) !important;\n border-color: var(--color-success-high) !important;\n}\n.form-item__container.form-item__container--success .form-item__message {\n color: var(--color-success-high) !important;\n}\n.form-item__container:has(.form-item__message) .message-validation {\n display: none;\n}\n\nbody:has(.form-item__content-error:hover) .input-error__tooltip {\n display: none !important;\n}");var g,_,x,E,b,y,V,H,M;function z(t){const{width:r=16,height:n=16,onClick:o}=t;return e.jsx("svg",{width:r,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:o,children:e.jsx("path",{d:"M6 9L11.2929 14.2929C11.6262 14.6262 11.7929 14.7929 12 14.7929C12.2071 14.7929 12.3738 14.6262 12.7071 14.2929L18 9",stroke:"#7A869A",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function A(t){const{width:r=20,height:n=20,fillColor:o="blue",onClick:i}=t;return e.jsx("svg",{width:r,height:n,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i,children:e.jsx("path",{d:"M16.7812 5.21875C17.0625 5.53125 17.0625 6 16.7812 6.28125L8.53125 14.5312C8.21875 14.8438 7.75 14.8438 7.46875 14.5312L3.21875 10.2812C2.90625 10 2.90625 9.53125 3.21875 9.25C3.5 8.9375 3.96875 8.9375 4.25 9.25L7.96875 12.9688L15.7188 5.21875C16 4.9375 16.4688 4.9375 16.75 5.21875H16.7812Z",fill:o})})}function N(t){const{width:r=16,height:n=16,style:o={}}=t;return e.jsxs("svg",{width:r,height:n,viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:Object.assign({},o),children:[e.jsx("path",{d:"M11.6666 12.1007L14.6666 15.1007",stroke:"#7A869A",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M13.3333 7.76741C13.3333 4.4537 10.647 1.76741 7.33325 1.76741C4.01954 1.76741 1.33325 4.4537 1.33325 7.76741C1.33325 11.0811 4.01954 13.7674 7.33325 13.7674C10.647 13.7674 13.3333 11.0811 13.3333 7.76741Z",stroke:"#7A869A",strokeWidth:"1.5",strokeLinejoin:"round"})]})}function O(t){const{width:r=16,height:n=16,fillColor:o="#7A869A",onClick:i}=t;return e.jsx("svg",{width:r,height:n,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i,children:e.jsx("path",{d:"M12.6671 3.33325L3.33374 12.6666M3.33374 3.33325L12.6671 12.6666",stroke:o,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function C(t){const{width:r=18,height:n=13,fillColor:o="#7A869A",onClick:i}=t;return e.jsxs("svg",{width:r,height:n,viewBox:"0 0 18 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i,children:[e.jsx("path",{d:"M2 6.63648L17 6.63623",stroke:o,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M6 1.63623L1.70711 5.92912C1.37377 6.26246 1.20711 6.42912 1.20711 6.63623C1.20711 6.84334 1.37377 7.01 1.70711 7.34334L6 11.6362",stroke:o,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function L(t){const{width:r=40,height:n=41,onClick:o}=t;return e.jsx("svg",{width:r,height:n,viewBox:"0 0 40 41",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:o,children:e.jsx("path",{d:"M22.125 12.3525C20.75 10.79 18.75 9.72754 16.5 9.72754C12.3125 9.72754 9 13.1025 9 17.2275V17.29C9 18.54 8.1875 19.665 7 20.1025C4.625 20.915 3 23.165 3 25.7275C3 29.04 5.6875 31.7275 9 31.7275H31.5H31.6875C31.6875 31.7275 31.75 31.7275 31.8125 31.7275C34.6875 31.6025 37 29.165 37 26.2275C37 23.9775 35.625 22.04 33.6875 21.2275C32.4375 20.665 31.6875 19.3525 31.9375 17.9775C31.9375 17.7275 32 17.4775 32 17.2275C32 14.79 29.9375 12.7275 27.5 12.7275C26.8125 12.7275 26.1875 12.915 25.625 13.165C24.4375 13.665 23 13.3525 22.125 12.3525ZM32 34.7275H31.5H29H9C4 34.7275 0 30.7275 0 25.7275C0 21.8525 2.5 18.4775 6 17.29V17.2275C6 11.4775 10.6875 6.72754 16.5 6.72754C19.625 6.72754 22.5 8.16504 24.4375 10.415C25.375 9.97754 26.375 9.72754 27.5 9.72754C31.625 9.72754 35 13.1025 35 17.2275C35 17.665 34.9375 18.04 34.875 18.4775C37.875 19.79 40 22.79 40 26.2275C40 30.79 36.4375 34.4775 32 34.7275ZM13.9375 20.665H13.875L18.875 15.665C19.5 15.1025 20.4375 15.1025 21 15.665L26 20.665C26.625 21.29 26.625 22.2275 26 22.79C25.4375 23.415 24.5 23.415 23.875 22.79L21.4375 20.3525V28.7275C21.4375 29.6025 20.8125 30.2275 19.9375 30.2275C19.125 30.2275 18.4375 29.6025 18.4375 28.7275V20.3525L16 22.79C15.4375 23.415 14.5 23.415 13.9375 22.79C13.3125 22.2275 13.3125 21.29 13.9375 20.665Z"})})}function k(t){const{width:r=24,height:n=24,fillColor:o="#0830BC",onClick:i}=t;return e.jsx("svg",{width:r,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i,children:e.jsx("path",{d:"M8.5625 9H10.25C10.6562 9 11 9.34375 11 9.75V13.5H13V9.75C13 9.34375 13.3125 9 13.75 9H15.4062L12 5.5625L8.5625 9ZM12 4C12.3438 4 12.6875 4.15625 12.9375 4.40625L16.5625 8.03125C16.8438 8.3125 17 8.6875 17 9.0625C17 9.875 16.3438 10.5 15.5312 10.5H14.5V13.5C14.5 14.3438 13.8125 15 13 15H11C10.1562 15 9.5 14.3438 9.5 13.5V10.5H8.4375C7.625 10.5 7 9.875 7 9.0625C7 8.6875 7.125 8.3125 7.40625 8.03125L11.0312 4.40625C11.2812 4.15625 11.625 4 12 4ZM6.5 14.75V17.25C6.5 17.9688 7.03125 18.5 7.75 18.5H16.25C16.9375 18.5 17.5 17.9688 17.5 17.25V14.75C17.5 14.3438 17.8125 14 18.25 14C18.6562 14 19 14.3438 19 14.75V17.25C19 18.7812 17.75 20 16.25 20H7.75C6.21875 20 5 18.7812 5 17.25V14.75C5 14.3438 5.3125 14 5.75 14C6.15625 14 6.5 14.3438 6.5 14.75Z",fill:o})})}function T(t){const{width:r=25,height:n=24,fillColor:o="#0263D1",onClick:i}=t;return e.jsxs("svg",{width:r,height:n,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i,children:[e.jsx("path",{d:"M6.89751 0H14.9277L21.7252 7.09195V20.8779C21.7252 22.6023 20.3276 24 18.6031 24H6.89751C5.17305 24 3.77539 22.6023 3.77539 20.8779V3.12212C3.77539 1.39769 5.17305 0 6.89751 0Z",fill:o}),e.jsx("path",{opacity:"0.302",fillRule:"evenodd",clipRule:"evenodd",d:"M14.918 0V7.0337H21.7252L14.918 0Z",fill:"white"}),e.jsx("path",{d:"M6.67383 17.1249V13.1518H8.08122C8.36269 13.1518 8.62478 13.1939 8.86743 13.2715C9.11008 13.3524 9.33008 13.4689 9.52746 13.6242C9.72481 13.7795 9.88013 13.9866 9.99336 14.2454C10.1066 14.5042 10.1648 14.8019 10.1648 15.1383C10.1648 15.4748 10.1066 15.7725 9.99336 16.0313C9.88013 16.2901 9.72481 16.4972 9.52746 16.6525C9.33011 16.8078 9.11008 16.9242 8.86743 17.0051C8.62478 17.0828 8.36272 17.1249 8.08122 17.1249H6.67383ZM7.66709 16.261H7.9615C8.12004 16.261 8.26887 16.2416 8.4015 16.206C8.53739 16.1672 8.66032 16.1057 8.77679 16.0248C8.89327 15.9439 8.98384 15.8275 9.04856 15.6754C9.11651 15.5266 9.14884 15.3454 9.14884 15.1383C9.14884 14.9313 9.11648 14.7501 9.04856 14.598C8.98384 14.4492 8.89327 14.3327 8.77679 14.2518C8.66032 14.1677 8.53739 14.1095 8.4015 14.0707C8.26887 14.0351 8.12004 14.0156 7.9615 14.0156H7.66709V16.261ZM12.5752 17.1702C11.9766 17.1702 11.4816 16.976 11.0901 16.591C10.6987 16.206 10.5045 15.7207 10.5045 15.1384C10.5045 14.556 10.6987 14.0707 11.0901 13.6857C11.4816 13.3007 11.9766 13.1066 12.5752 13.1066C13.164 13.1066 13.6525 13.3007 14.044 13.6857C14.4323 14.0707 14.6264 14.556 14.6264 15.1384C14.6264 15.7207 14.4323 16.206 14.044 16.591C13.6525 16.976 13.164 17.1702 12.5752 17.1702ZM11.8116 15.9763C12.009 16.1963 12.2613 16.3063 12.5687 16.3063C12.876 16.3063 13.1252 16.1963 13.3225 15.9763C13.5199 15.7531 13.6169 15.4748 13.6169 15.1383C13.6169 14.8019 13.5199 14.5236 13.3225 14.3004C13.1252 14.0804 12.876 13.9703 12.5687 13.9703C12.2613 13.9703 12.009 14.0804 11.8116 14.3004C11.6143 14.5236 11.514 14.8019 11.514 15.1383C11.514 15.4748 11.6143 15.7531 11.8116 15.9763ZM16.9882 17.1702C16.4091 17.1702 15.927 16.989 15.5452 16.6331C15.1602 16.274 14.9694 15.7757 14.9694 15.1383C14.9694 14.5042 15.1635 14.0059 15.5517 13.6468C15.9432 13.2877 16.4188 13.1065 16.9882 13.1065C17.5027 13.1065 17.9232 13.2327 18.2565 13.4883C18.5865 13.7406 18.7774 14.0771 18.8259 14.4977L17.823 14.7015C17.7809 14.4815 17.6806 14.3036 17.5253 14.1709C17.37 14.0383 17.1888 13.9703 16.9818 13.9703C16.697 13.9703 16.4608 14.0707 16.27 14.2745C16.0791 14.4815 15.982 14.7662 15.982 15.1383C15.982 15.5104 16.0791 15.7951 16.2667 15.9989C16.4576 16.206 16.6938 16.3063 16.9817 16.3063C17.1888 16.3063 17.3667 16.2481 17.5123 16.1316C17.6579 16.0151 17.7485 15.8598 17.7873 15.6657L18.813 15.8986C18.7191 16.2998 18.512 16.6104 18.1885 16.8337C17.8682 17.0569 17.4671 17.1702 16.9882 17.1702Z",fill:"white"})]})}function D(t){const{width:r=6,height:n=6,fillColor:o="#219342",onClick:i}=t;return e.jsx("svg",{width:r,height:n,viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("circle",{cx:"3",cy:"3",r:"3",fill:o})})}m("/* Style for InputText.tsx */\n.input-text__wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n.input-text__wrapper .input-text__label {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.input-text__wrapper .input-text__label label {\n font-size: 14px;\n white-space: nowrap;\n color: var(--color-text-label);\n line-height: 20px;\n}\n.input-text__wrapper .input-text__label .label__right {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.input-text__wrapper .input-text__label .label__right span.input-text__count {\n color: var(--palette-base-blue-5);\n}\n.input-text__wrapper .input-text__hidden {\n width: auto;\n display: inline-block;\n visibility: hidden;\n position: fixed;\n overflow: auto;\n font-family: inherit;\n font-size: 14px;\n}\n.input-text__wrapper .input-text__container {\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n border: 1px solid var(--palette-base-neutral-4);\n background-color: #f4f4f4;\n color: var(--color-text);\n height: 40px;\n}\n.input-text__wrapper .input-text__container input {\n text-overflow: ellipsis;\n}\n.input-text__wrapper .input-text__container.input-text--bordered {\n border-radius: 2px;\n}\n.input-text__wrapper .input-text__container.input-text__container--white {\n background-color: var(--color-white);\n}\n.input-text__wrapper .input-text__container.input-text__container--sm {\n height: 32px !important;\n}\n.input-text__wrapper .input-text__container:hover {\n border-color: var(--palette-base-neutral-4);\n}\n.input-text__wrapper .input-text__container:focus-within {\n border: 1.5px solid var(--color-primary);\n box-shadow: 0px 0px 0px 4px var(--color-primary-blur);\n}\n.input-text__wrapper .input-text__container.input-text--disabled {\n border-color: var(--palette-base-neutral-4);\n background-color: var(--palette-base-neutral-3);\n}\n.input-text__wrapper .input-text__container.input-text--disabled:hover {\n cursor: not-allowed;\n}\n.input-text__wrapper .input-text__container.input-text--disabled span {\n color: var(--palette-base-neutral-6);\n}\n.input-text__wrapper .input-text__container.input-text--disabled input {\n color: var(--palette-base-neutral-6) !important;\n}\n.input-text__wrapper .input-text__container.input-text--readOnly {\n background-color: var(--palette-base-neutral-2);\n border-color: var(--palette-base-neutral-3) !important;\n}\n.input-text__wrapper .input-text__container.input-text--float:hover:not(.input-text--disabled):not(:focus-within) {\n border-color: var(--palette-base-neutral-black);\n}\n.input-text__wrapper .input-text__container.input-text--float:focus-within {\n box-shadow: none;\n border: 2px solid var(--color-primary);\n}\n.input-text__wrapper .input-text__container.input-text--float:focus-within .component__title {\n color: var(--color-primary);\n}\n.input-text__wrapper .input-text__container.input-text--material {\n border: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n box-shadow: inset 0px -1px 0px var(--palette-gray-50);\n margin-bottom: -1px;\n}\n.input-text__wrapper .input-text__container.input-text--material:hover {\n background-color: var(--palette-grayHover-10);\n}\n.input-text__wrapper .input-text__container.input-text--material:hover .component__input {\n background-color: var(--palette-grayHover-10);\n}\n.input-text__wrapper .input-text__container.input-text--material:hover .component__input.disabled-field {\n background-color: var(--palette-gray-10);\n}\n.input-text__wrapper .input-text__container.input-text--material:focus-within {\n border: 2px solid var(--color-primary);\n box-shadow: none;\n}\n.input-text__wrapper .input-text__container.input-text--material.input-text--disabled {\n box-shadow: none;\n background-color: var(--palette-gray-10);\n}\n.input-text__wrapper .input-text__container.input-text--material.input-text--float:focus-within {\n box-shadow: none;\n border-width: 2px;\n}\n.input-text__wrapper .input-text__container .component__title {\n position: absolute;\n color: var(--color-text-label);\n transition: all 0.1s ease-out;\n padding: 0 4px;\n z-index: 200;\n top: 9px;\n font-size: 14px;\n}\n.input-text__wrapper .input-text__container .component__title.component__title--normal {\n left: 8px;\n}\n.input-text__wrapper .input-text__container .component__title.component__title--sm {\n top: 5px;\n}\n.input-text__wrapper .input-text__container .component__title.component__title--prefix {\n left: 41px;\n}\n.input-text__wrapper .input-text__container .input-text__icon {\n display: flex;\n align-items: center;\n color: var(--palette-base-neutral-6);\n}\n.input-text__wrapper .input-text__container .input-text__string {\n white-space: nowrap;\n color: var(--palette-base-neutral-6);\n}\n.input-text__wrapper .input-text__container .input-text__icon {\n color: var(--palette-base-neutral-6);\n}\n.input-text__wrapper .input-text__container span {\n font-size: 14px;\n line-height: 1rem;\n color: var(--palette-base-neutral-10);\n}\n.input-text__wrapper .input-text__container input {\n font-family: inherit;\n padding: 0;\n outline: none;\n border: none;\n width: 100%;\n font-size: 14px;\n line-height: 1rem;\n color: var(--color-text);\n background-color: transparent;\n}\n.input-text__wrapper .input-text__container input::placeholder {\n color: var(--palette-base-neutral-6);\n}\n.input-text__wrapper .input-text__container input:disabled::placeholder {\n color: var(--palette-base-neutral-6);\n}\n.input-text__wrapper .input-text__container input:disabled:hover {\n cursor: not-allowed;\n}\n.input-text__wrapper .input-text__container input:not(:placeholder-shown) + .component__title {\n top: 0;\n left: 8px;\n background-color: var(--color-white);\n transform: translateY(-50%) scale(0.9);\n}\n.input-text__wrapper .input-text__container input:focus + .component__title {\n top: 0;\n left: 8px;\n background-color: var(--color-white);\n transform: translateY(-50%) scale(0.9);\n}\n.input-text__wrapper .input-text__container input:focus::placeholder {\n color: transparent;\n}\n.input-text__wrapper .input-text__container .input-icon__clear {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.input-text__wrapper .input-text__container .input-icon__clear svg {\n color: var(--palette-base-neutral-6);\n}\n.input-text__wrapper .input-text__container .input-icon__clear svg:hover {\n cursor: pointer;\n color: var(--palette-base-neutral-6);\n}\n.input-text__wrapper:has(.message-validation) .input-text__container {\n border-color: var(--color-critical) !important;\n}\n.input-text__wrapper:has(.message-validation) .input-text__container:focus-within {\n box-shadow: 0px 0px 0px 4px var(--color-primary-blur);\n}\n.input-text__wrapper .message-validation {\n display: flex;\n align-items: center;\n margin-top: 4px;\n color: var(--color-critical);\n line-height: 16px;\n font-size: 12px;\n}\n.input-text__wrapper .message-validation.is-table-cell {\n display: none;\n}\n.input-text__wrapper .message-validation span {\n height: 16px;\n}\n\n.form-item__container.form-item__container--error .form-item__content .component__input.input-text--material {\n border: 1px solid;\n box-shadow: none !important;\n}\n.form-item__container.form-item__container--error .form-item__content .component__input.input-text--material:focus-within {\n border-color: var(--color-primary) !important;\n border-width: 2px;\n}"),exports.BORDER_TYPE=void 0,(g=exports.BORDER_TYPE||(exports.BORDER_TYPE={}))[g.MATERIAL=0]="MATERIAL",g[g.BORDERED=1]="BORDERED",g[g.FLOAT_LABEL=2]="FLOAT_LABEL",g[g.NOT_BORDERED=3]="NOT_BORDERED",exports.ValidateStatus=void 0,(_=exports.ValidateStatus||(exports.ValidateStatus={})).success="success",_.warning="warning",_.error="error",_.validating="validating",exports.NUMBER_BUTTON=void 0,(x=exports.NUMBER_BUTTON||(exports.NUMBER_BUTTON={})).THREE="three",x.TWO="two",exports.ADVANCE_DATE_RANGE_TYPE=void 0,(E=exports.ADVANCE_DATE_RANGE_TYPE||(exports.ADVANCE_DATE_RANGE_TYPE={}))[E.SHORT=0]="SHORT",E[E.INPUT=1]="INPUT",exports.ActionFilterEnum=void 0,(b=exports.ActionFilterEnum||(exports.ActionFilterEnum={}))[b.ChangeAllField=0]="ChangeAllField",b[b.ChangeOneField=1]="ChangeOneField",b[b.ChangePageIndexPageSize=2]="ChangePageIndexPageSize",b[b.ChangeOrderType=3]="ChangeOrderType",exports.UPLOADTYPE_IMAGE=void 0,(y=exports.UPLOADTYPE_IMAGE||(exports.UPLOADTYPE_IMAGE={}))[y.IMAGE=0]="IMAGE",y[y.AVATAR=1]="AVATAR",exports.MODAL_SIZE=void 0,(V=exports.MODAL_SIZE||(exports.MODAL_SIZE={}))[V.SIZE_400=400]="SIZE_400",V[V.SIZE_600=600]="SIZE_600",V[V.SIZE_800=800]="SIZE_800",V[V.SIZE_1000=1e3]="SIZE_1000",exports.NUMBER_TYPE=void 0,(H=exports.NUMBER_TYPE||(exports.NUMBER_TYPE={})).DECIMAL="DECIMAL",H.LONG="LONG",exports.TAG_STATUS=void 0,(M=exports.TAG_STATUS||(exports.TAG_STATUS={})).SUCCESS="SUCCESS",M.ERROR="ERROR",M.INFO="INFO",M.IN_PROGRESS="IN_PROGRESS",M.DEFAULT="DEFAULT",M.CLOSE="CLOSE";const R=t.forwardRef((n,o)=>{const{action:i,label:a,isRequired:c=!1,type:l=exports.BORDER_TYPE.BORDERED,prefix:s,suffix:p,showCount:u,maxLength:h=0,value:d,disabled:f=!1,readOnly:m=!1,placeHolder:g,className:_,isSmall:x=!0,bgColor:E="white",typeInput:b="text",onChange:y,onEnter:V,onBlur:H,onKeyDown:M,onFocus:z,onKeyUp:A,nameAttr:N,autoFocusInput:C,regexInput:L,translate:k,regexErrorDescription:T,allowClear:D=!0,isByteCheck:R=!1,isTableCell:Z=!1,isShowTooltip:j=!0}=n,[S,B]=t.useState(""),[P,I]=t.useState(null),F=t.useRef(!1),W=t.useRef(null),Y=t.useRef(null),U=t.useCallback(e=>{h&&(R&&new Blob([e]).size>h||!R&&(null==e?void 0:e.length)>h)&&k?I(`${k("CM.input_length_validation",{maxLength:h})}`):c&&!(null==e?void 0:e.length)&&k?I(`${k("CM.input_require_validation")}`):L&&!L.test(e)&&k?I(T?`${T}`:`${k("CM.input_regex_validation")}`):I(null)},[R,c,h,T,L,k]),$=t.useCallback(e=>{B(e.target.value),"function"==typeof y&&y(e.target.value)},[y]),q=t.useCallback(()=>{I(c&&k?`${k("CM.input_require_validation")}`:null),B(""),W&&W.current&&W.current.focus(),"function"!=typeof y||y(void 0)},[c,y,k]),G=t.useCallback(e=>{"Enter"===e.key&&"function"==typeof V&&V(e.currentTarget.value)},[V]),K=t.useCallback(e=>{"function"==typeof M&&M(e)},[M]),X=t.useCallback(e=>{"function"==typeof H&&H(e.currentTarget.value)},[H]);return t.useEffect(()=>{d?(B(d),U(d)):(B(""),!0===F.current&&U("")),F.current=!0},[U,d]),t.useEffect(()=>{C&&W.current.focus()},[C]),e.jsxs("div",{className:v("input-text__wrapper",_),children:[(a||u||(null==i?void 0:i.name))&&e.jsxs("div",{className:"input-text__label m-b--3xs p-l--3xs",children:[l!==exports.BORDER_TYPE.FLOAT_LABEL&&a&&e.jsxs("label",{className:v("component__title",{"component__title--disabled":f}),children:[a,c&&e.jsx("span",{className:"text-danger",children:" *"})]}),e.jsxs("div",{className:"label__right",children:[u&&h>0&&e.jsxs("span",{className:"input-text__count p-l--xs body-text--xs",children:[S.length,"/",h]}),i&&e.jsx("span",{className:"m-l--3xs body-text--md color-link",style:{cursor:"pointer"},onClick:null==i?void 0:i.action,children:null==i?void 0:i.name})]})]}),e.jsxs("div",{className:v("component__input input-text__container",{"input-text__container--sm":x,"input-text__container--white":"white"===E,"p--2xs":x,"p--xs":!x,"input-text--material":l===exports.BORDER_TYPE.MATERIAL,"input-text--bordered":l===exports.BORDER_TYPE.BORDERED,"input-text--disabled ":f,"input-text--float":l===exports.BORDER_TYPE.FLOAT_LABEL,"input-text--readOnly":m}),ref:o,onClick:()=>{W.current.focus()},children:[s&&e.jsx(e.Fragment,{children:"string"==typeof s?e.jsx("span",{className:"p-r--2xs input-text__string",children:s}):e.jsx("div",{className:"m-r--xs input-text__icon",children:s})}),e.jsx(r.Tooltip,{color:Z&&P?"red":"black",overlayClassName:"input-error__tooltip",title:Z&&P||(j?S:void 0),placement:"topLeft",children:e.jsx("div",{style:{flexGrow:1},children:e.jsx("input",{type:b,value:S,onChange:$,onKeyPress:G,onKeyDown:K,onBlur:X,onFocus:z,onKeyUp:A,placeholder:l===exports.BORDER_TYPE.FLOAT_LABEL&&a?" ":g,ref:W,disabled:f,className:v("component__input",{"disabled-field":f}),autoComplete:"new-password",name:N,readOnly:m})})}),l===exports.BORDER_TYPE.FLOAT_LABEL&&a&&e.jsxs("label",{className:v("component__title",{"component__title--normal":!s,"component__title--prefix":s,"component__title--sm":x}),children:[a,c&&e.jsx("span",{className:"text-danger",children:" *"})]}),D&&S&&!f&&!m&&e.jsx("div",{className:v("input-icon__clear","m-l--2xs"),children:e.jsx(O,{onClick:q})}),p&&e.jsx(e.Fragment,{children:"string"==typeof p?e.jsx("span",{className:"m-l--2xs input-text__string",children:p}):e.jsx("div",{className:"m-l--2xs input-text__icon",children:p})})]}),P?e.jsxs("div",{className:v("message-validation",{"is-table-cell":Z}),children:[e.jsx(w,{}),e.jsx("span",{className:"m-l--3xs",children:P})]}):e.jsx(e.Fragment,{}),e.jsx("div",{className:"input-text__hidden",ref:Y,children:S})]})});R.displayName="InputText";function Z(e){return!("number"!=typeof e||!isFinite(e))||"string"==typeof e&&""!==e.trim()&&!isNaN(Number(e))}function j(n){const{label:o="",type:i=exports.BORDER_TYPE.BORDERED,isSmall:a=!0,isRequired:c=!1,allowNegative:l=!1,isReverseSymb:s=!0,numberType:p=exports.NUMBER_TYPE.LONG,decimalDigit:u=4,disabled:h=!1,readOnly:d=!1,prefix:f="",bgColor:m="white",action:g,suffix:_,value:x,placeHolder:E,className:b,min:y,max:V,onChange:H,onEnter:M,onBlur:z,allowClear:A=!0,translate:N,isTableCell:C=!1,isShowTooltip:L=!0,isInputRight:k=!1}=n,[T,D]=t.useState(""),R=t.useRef(!1),j=t.useRef(null),S=t.useRef({selectionStart:0,selectionEnd:0}),[B,P]=t.useState(null),I=t.useCallback(()=>{let e="",t="";for(let t=1;t<=u;t++)e+="\\d";return t=s?"(\\d)(?=(?:\\d{3})+(?:,|$))|(,"+e+"?)\\d*$":"(\\d)(?=(?:\\d{3})+(?:\\.|$))|(\\."+e+"?)\\d*$",new RegExp(t,"g")},[u,s]),F=t.useCallback(e=>{const t=I();return s?p===exports.NUMBER_TYPE.DECIMAL?(e=l?e.replace(/^(-00)/gm,"-0").replace(/^(-0[1-9])/gm,e=>e.slice(0,1)+e.slice(2)).replace(/^(00)/gm,"0").replace(/^(0[1-9])/gm,e=>e.slice(1)).replace(/[^0-9,-]/g,"").replace(",","x").replace(/,/g,"").replace("x",",").replace(/(?!^)-/g,""):e.replace(/^(00)/gm,"0").replace(/^(0[1-9])/gm,e=>e.slice(1)).replace(/[^0-9,]/g,"").replace(",","x").replace(/,/g,"").replace("x",",")).replace(t,(e,t,r)=>r||t+"."):(e=l?e.replace(/^(-00)/gm,"-0").replace(/^(-0[1-9])/gm,e=>e.slice(0,1)+e.slice(2)).replace(/^(00)/gm,"0").replace(/^(0[1-9])/gm,e=>e.slice(1)).replace(/[^0-9-]/g,"").replace(/(?!^)-/g,""):e.replace(/^(00)/gm,"0").replace(/^(0[1-9])/gm,e=>e.slice(1)).replace(/[^0-9]/g,"")).replace(/\B(?=(\d{3})+(?!\d))/g,"."):p===exports.NUMBER_TYPE.DECIMAL?(e=l?e.replace(/^(-00)/gm,"-0").replace(/^(-0[1-9])/gm,e=>e.slice(0,1)+e.slice(2)).replace(/^(00)/gm,"0").replace(/^(0[1-9])/gm,e=>e.slice(1)).replace(/[^0-9.-]/g,"").replace(".","x").replace(/\./g,"").replace("x",".").replace(/(?!^)-/g,""):e.replace(/^(00)/gm,"0").replace(/^(0[1-9])/gm,e=>e.slice(1)).replace(/[^0-9.]/g,"").replace(".","x").replace(/\./g,"").replace("x",".")).replace(t,(e,t,r)=>r||t+","):(e=l?e.replace(/^(-00)/gm,"-0").replace(/^(-0[1-9])/gm,e=>e.slice(0,1)+e.slice(2)).replace(/^(00)/gm,"0").replace(/^(0[1-9])/gm,e=>e.slice(1)).replace(/[^0-9-]/g,"").replace(/(?!^)-/g,""):e.replace(/^(00)/gm,"0").replace(/^(0[1-9])/gm,e=>e.slice(1)).replace(/[^0-9]/g,"")).replace(/\B(?=(\d{3})+(?!\d))/g,",")},[s,p,I,l]),W=t.useCallback(e=>{let t,r,n;return e?(s?(n=e.replace(/[,.]/g,e=>"."===e?",":"."),n=n.replace(/,/g,"")):n=e.replace(/,/g,""),p===exports.NUMBER_TYPE.DECIMAL?(r=parseFloat(n),t="number"==typeof V&&r>V||"number"==typeof y&&r<y,[r,t]):(r=parseInt(n),t="number"==typeof V&&r>V||"number"==typeof y&&r<y,[r,t])):[void 0,!1]},[p,s,y,V]),Y=s?",":".",U=s?".":",",$=t.useCallback(e=>{var t,r,n,o;const{selectionEnd:i,selectionStart:a}=e.target,l=F(e.target.value);if(c&&!e.target.value.length&&N)P(`${N("CM.input_require_validation")}`);else{if("DECIMAL"===p&&(e.target.value.includes(Y)&&(null===(r=null===(t=e.target.value.split(Y))||void 0===t?void 0:t[1])||void 0===r?void 0:r.length)<=u&&e.target.value.replaceAll(U,"").replace("-","").length>16||!e.target.value.includes(Y)&&e.target.value.replaceAll(U,"").replace("-","").length>=16))return null;if("LONG"===p&&(null===(o=null===(n=e.target.value.replaceAll(U,""))||void 0===n?void 0:n.replace("-",""))||void 0===o?void 0:o.length)>15)return null;P(null)}const[s,h]=W(l);if(!h){if("function"==typeof H){/[-,.]/g.test(Array.from(l)[0])&&1===l.length||/^(-0.?)/g.test(l)&&l.length<=3||H(s)}D(l)}e.target.value.length<l.length?(S.current.selectionStart=a+1,S.current.selectionEnd=i+1):(S.current.selectionStart=a,S.current.selectionEnd=i)},[F,W,H]),q=t.useCallback(()=>{P(c&&N?`${N("CM.input_require_validation")}`:null),D(""),j.current.focus(),"function"!=typeof H?"function"!=typeof z?"function"!=typeof M||M(void 0):z(void 0):H(void 0)},[z,H,M]),G=t.useCallback(e=>{"Enter"===e.key&&"function"==typeof M&&M(W(e.currentTarget.value)[0])},[M,W]),K=t.useCallback(e=>{const t=W(e.currentTarget.value)[0];0===t&&H(0),"function"==typeof z&&z(t)},[z,W,H]);return t.useEffect(()=>{if(null!=x){let e=""+x;p!==exports.NUMBER_TYPE.DECIMAL&&(e=""+Math.round(x)),s&&(e=e.replace(/\./g,",")),D(F(e))}else D("");R.current&&P(Z(x)||h?null:`${N&&c?N("CM.input_require_validation"):""}`),Z(x)&&(R.current=!0),j.current.selectionStart=S.current.selectionStart,j.current.selectionEnd=S.current.selectionEnd},[x,F,s]),e.jsxs("div",{className:v("input-number__wrapper",b),children:[(o||(null==g?void 0:g.name))&&e.jsxs("div",{className:"input-number__label m-b--3xs p-l--3xs",children:[i!==exports.BORDER_TYPE.FLOAT_LABEL&&o&&e.jsxs("label",{className:v("component__title",{"component__title--disabled":h}),children:[o,c&&e.jsx("span",{className:"text-danger",children:" *"})]}),g&&e.jsx("span",{className:"m-l--3xs body-text--md color-link",style:{cursor:"pointer"},onClick:g.action,children:g.name})]}),e.jsxs("div",{className:v("component__input input-number__container",{"input-number__container--sm":a,"input-number__container--white":"white"===m,"p--2xs":a,"p--xs":!a,"input-number--material":i===exports.BORDER_TYPE.MATERIAL,"input-number--bordered":i===exports.BORDER_TYPE.BORDERED,"input-number--disabled ":h,"input-number--float":i===exports.BORDER_TYPE.FLOAT_LABEL,"input-number--readOnly":d}),onClick:()=>{j.current.focus()},children:[f&&e.jsx(e.Fragment,{children:"string"==typeof f?e.jsx("span",{className:"p-r--2xs input-text__string",children:f}):e.jsx("div",{className:"m-r--xs input-number__icon",children:f})}),e.jsx(r.Tooltip,{color:C&&B?"red":"black",overlayClassName:"input-error__tooltip",title:C&&B||(L?T:void 0),placement:k?"topRight":"topLeft",children:e.jsx("input",{type:"text",value:T,onChange:$,onKeyDown:G,onBlur:K,placeholder:i===exports.BORDER_TYPE.FLOAT_LABEL&&o?" ":E,ref:j,disabled:h,className:v("component__input",{"disabled-field":h,"input-right":k}),readOnly:d})}),i===exports.BORDER_TYPE.FLOAT_LABEL&&o&&e.jsxs("label",{className:v("component__title",{"component__title--normal":!f,"component__title--prefix":f,"component__title--sm":a}),children:[o,c&&e.jsx("span",{className:"text-danger",children:" *"})]}),A&&T&&!h&&!d&&e.jsx("div",{className:v("input-icon__clear","m-l--2xs"),children:e.jsx(O,{onClick:q})}),_&&e.jsx(e.Fragment,{children:"string"==typeof _?e.jsx("span",{className:"body-text--md m-l--2xs input-text__string",children:_}):e.jsx("div",{className:"m-l--2xs input-text__icon",children:_})})]}),B?e.jsxs("div",{className:v("message-validation",{"is-table-cell":C}),children:[e.jsx(w,{}),e.jsx("span",{className:"m-l--3xs",children:B})]}):e.jsx(e.Fragment,{})]})}function S(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function B(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?B(Object(r),!0).forEach(function(t){S(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function I(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}m("/* Style for InputNumber.tsx */\n.input-number__wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n.input-number__wrapper .input-number__label {\n width: 100%;\n display: flex;\n justify-content: space-between;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n white-space: nowrap;\n color: var(--color-text);\n}\n.input-number__wrapper .input-number__label label {\n font-size: 14px;\n white-space: nowrap;\n color: var(--color-text-label);\n}\n.input-number__wrapper .input-number__container {\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n border: 1px solid var(--palette-base-neutral-4);\n background-color: #f4f4f4;\n height: 40px;\n}\n.input-number__wrapper .input-number__container input {\n text-overflow: ellipsis;\n color: var(--color-text);\n}\n.input-number__wrapper .input-number__container.input-number--bordered {\n border-radius: 2px;\n}\n.input-number__wrapper .input-number__container.input-number__container--sm {\n height: 32px !important;\n}\n.input-number__wrapper .input-number__container.input-number__container--white {\n background-color: var(--color-white);\n}\n.input-number__wrapper .input-number__container:hover {\n border-color: var(--palette-base-neutral-4);\n}\n.input-number__wrapper .input-number__container:focus-within {\n border: 1px solid var(--color-primary);\n box-shadow: 0px 0px 0px 4px var(--color-primary-blur);\n}\n.input-number__wrapper .input-number__container.input-number--disabled {\n border-color: var(--palette-base-neutral-4);\n background-color: var(--palette-base-neutral-3);\n}\n.input-number__wrapper .input-number__container.input-number--disabled span {\n color: var(--palette-base-neutral-6);\n}\n.input-number__wrapper .input-number__container.input-number--disabled input {\n color: var(--palette-base-neutral-6) !important;\n}\n.input-number__wrapper .input-number__container.input-number--disabled:hover {\n cursor: not-allowed;\n}\n.input-number__wrapper .input-number__container.input-number--readOnly {\n background-color: var(--palette-base-neutral-2);\n border-color: var(--palette-base-neutral-3) !important;\n}\n.input-number__wrapper .input-number__container.input-number--float:hover:not(.input-number--disabled):not(:focus-within) {\n border-color: var(--palette-gray-100);\n}\n.input-number__wrapper .input-number__container.input-number--float:focus-within {\n box-shadow: none;\n border: 2px solid var(--color-primary);\n}\n.input-number__wrapper .input-number__container.input-number--float:focus-within .component__title {\n color: var(--color-primary);\n}\n.input-number__wrapper .input-number__container.input-number--material {\n border: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n box-shadow: inset 0px -1px 0px var(--palette-gray-50);\n margin-bottom: -1px;\n}\n.input-number__wrapper .input-number__container.input-number--material:hover {\n background-color: var(--palette-grayHover-10);\n}\n.input-number__wrapper .input-number__container.input-number--material:hover .component__input {\n background-color: var(--palette-grayHover-10);\n}\n.input-number__wrapper .input-number__container.input-number--material:hover .component__input.disabled-field {\n background-color: var(--palette-gray-10);\n}\n.input-number__wrapper .input-number__container.input-number--material:focus-within {\n border: 2px solid var(--color-primary);\n box-shadow: none;\n}\n.input-number__wrapper .input-number__container.input-number--material.input-number--disabled {\n box-shadow: none;\n background-color: var(--palette-gray-10);\n}\n.input-number__wrapper .input-number__container.input-number--material.input-number--float:focus-within {\n box-shadow: none;\n border-width: 2px;\n}\n.input-number__wrapper .input-number__container .component__title {\n position: absolute;\n color: var(--palette-gray-60);\n transition: all 0.1s ease-out;\n padding: 0 4px;\n z-index: 200;\n top: 9px;\n font-size: 14px;\n}\n.input-number__wrapper .input-number__container .component__title.component__title--normal {\n left: 8px;\n}\n.input-number__wrapper .input-number__container .component__title.component__title--sm {\n top: 5px;\n}\n.input-number__wrapper .input-number__container .component__title.component__title--prefix {\n left: 41px;\n}\n.input-number__wrapper .input-number__container .input-number__icon {\n display: flex;\n align-items: center;\n color: var(--palette-base-neutral-6);\n}\n.input-number__wrapper .input-number__container .input-text__string {\n white-space: nowrap;\n color: var(--palette-base-neutral-6);\n}\n.input-number__wrapper .input-number__container span {\n font-size: 14px;\n line-height: 1rem;\n color: var(--palette-base-neutral-10);\n}\n.input-number__wrapper .input-number__container input {\n font-family: inherit;\n padding: 0;\n outline: none;\n border: none;\n width: 100%;\n border-radius: 4px;\n font-size: 14px;\n line-height: 1rem;\n background-color: transparent;\n}\n.input-number__wrapper .input-number__container input::placeholder {\n color: var(--palette-base-neutral-6);\n}\n.input-number__wrapper .input-number__container input:disabled::placeholder {\n color: var(--palette-base-neutral-6);\n}\n.input-number__wrapper .input-number__container input:disabled:hover {\n cursor: not-allowed;\n}\n.input-number__wrapper .input-number__container input:not(:placeholder-shown) + .component__title {\n top: 0;\n left: 8px;\n background-color: var(--color-white);\n transform: translateY(-50%) scale(0.9);\n}\n.input-number__wrapper .input-number__container input:focus + .component__title {\n top: 0;\n left: 8px;\n background-color: var(--color-white);\n transform: translateY(-50%) scale(0.9);\n}\n.input-number__wrapper .input-number__container input:focus::placeholder {\n color: transparent;\n}\n.input-number__wrapper .input-number__container .input-icon__clear {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.input-number__wrapper .input-number__container .input-icon__clear svg {\n color: var(--palette-base-neutral-6);\n}\n.input-number__wrapper .input-number__container .input-icon__clear svg:hover {\n cursor: pointer;\n color: var(--palette-base-neutral-6);\n}\n.input-number__wrapper:has(.message-validation) .input-number__container {\n border-color: var(--color-critical) !important;\n}\n.input-number__wrapper:has(.message-validation) .input-number__container:focus-within {\n box-shadow: 0px 0px 0px 4px var(--color-primary-blur);\n}\n.input-number__wrapper .message-validation {\n display: flex;\n align-items: center;\n margin-top: 4px;\n color: var(--color-critical);\n line-height: 16px;\n font-size: 12px;\n}\n.input-number__wrapper .message-validation.is-table-cell {\n display: none;\n}\n.input-number__wrapper .message-validation span {\n height: 16px;\n}\n.input-number__wrapper .component__input.input-right {\n text-align: right;\n}\n\n.form-item__container.form-item__container--error .form-item__content .component__input.input-number--material {\n border: 1px solid;\n box-shadow: none !important;\n}\n.form-item__container.form-item__container--error .form-item__content .component__input.input-number--material:focus-within {\n border-color: var(--color-primary) !important;\n border-width: 2px;\n}");var F=["width","height","viewBox"],W=["tabindex"],Y={focusable:"false",preserveAspectRatio:"xMidYMid meet"};var U,$={exports:{}},q={exports:{}},G={};var K,X,J,Q,ee,te,re,ne,oe,ie,ae,ce,le,se,pe={}; /** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */function ue(){return X||(X=1,"production"===process.env.NODE_ENV?q.exports=function(){if(U)return G;U=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,h=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,f=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,m=e?Symbol.for("react.fundamental"):60117,w=e?Symbol.for("react.responder"):60118,g=e?Symbol.for("react.scope"):60119;function _(e){if("object"==typeof e&&null!==e){var h=e.$$typeof;switch(h){case t:switch(e=e.type){case l:case s:case n:case i:case o:case u:return e;default:switch(e=e&&e.$$typeof){case c:case p:case f:case d:case a:return e;default:return h}}case r:return h}}}function x(e){return _(e)===s}return G.AsyncMode=l,G.ConcurrentMode=s,G.ContextConsumer=c,G.ContextProvider=a,G.Element=t,G.ForwardRef=p,G.Fragment=n,G.Lazy=f,G.Memo=d,G.Portal=r,G.Profiler=i,G.StrictMode=o,G.Suspense=u,G.isAsyncMode=function(e){return x(e)||_(e)===l},G.isConcurrentMode=x,G.isContextConsumer=function(e){return _(e)===c},G.isContextProvider=function(e){return _(e)===a},G.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},G.isForwardRef=function(e){return _(e)===p},G.isFragment=function(e){return _(e)===n},G.isLazy=function(e){return _(e)===f},G.isMemo=function(e){return _(e)===d},G.isPortal=function(e){return _(e)===r},G.isProfiler=function(e){return _(e)===i},G.isStrictMode=function(e){return _(e)===o},G.isSuspense=function(e){return _(e)===u},G.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===s||e===i||e===o||e===u||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===f||e.$$typeof===d||e.$$typeof===a||e.$$typeof===c||e.$$typeof===p||e.$$typeof===m||e.$$typeof===w||e.$$typeof===g||e.$$typeof===v)},G.typeOf=_,G}():q.exports=(K||(K=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,h=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,f=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,m=e?Symbol.for("react.fundamental"):60117,w=e?Symbol.for("react.responder"):60118,g=e?Symbol.for("react.scope"):60119;function _(e){if("object"==typeof e&&null!==e){var h=e.$$typeof;switch(h){case t:var v=e.type;switch(v){case l:case s:case n:case i:case o:case u:return v;default:var m=v&&v.$$typeof;switch(m){case c:case p:case f:case d:case a:return m;default:return h}}case r:return h}}}var x=l,E=s,b=c,y=a,V=t,H=p,M=n,z=f,A=d,N=r,O=i,C=o,L=u,k=!1;function T(e){return _(e)===s}pe.AsyncMode=x,pe.ConcurrentMode=E,pe.ContextConsumer=b,pe.ContextProvider=y,pe.Element=V,pe.ForwardRef=H,pe.Fragment=M,pe.Lazy=z,pe.Memo=A,pe.Portal=N,pe.Profiler=O,pe.StrictMode=C,pe.Suspense=L,pe.isAsyncMode=function(e){return k||(k=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),T(e)||_(e)===l},pe.isConcurrentMode=T,pe.isContextConsumer=function(e){return _(e)===c},pe.isContextProvider=function(e){return _(e)===a},pe.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},pe.isForwardRef=function(e){return _(e)===p},pe.isFragment=function(e){return _(e)===n},pe.isLazy=function(e){return _(e)===f},pe.isMemo=function(e){return _(e)===d},pe.isPortal=function(e){return _(e)===r},pe.isProfiler=function(e){return _(e)===i},pe.isStrictMode=function(e){return _(e)===o},pe.isSuspense=function(e){return _(e)===u},pe.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===s||e===i||e===o||e===u||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===f||e.$$typeof===d||e.$$typeof===a||e.$$typeof===c||e.$$typeof===p||e.$$typeof===m||e.$$typeof===w||e.$$typeof===g||e.$$typeof===v)},pe.typeOf=_}()),pe)),q.exports} /* object-assign (c) Sindre Sorhus @license MIT */function he(){if(Q)return J;Q=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;return J=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(n,o){for(var i,a,c=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(n),l=1;l<arguments.length;l++){for(var s in i=Object(arguments[l]))t.call(i,s)&&(c[s]=i[s]);if(e){a=e(i);for(var p=0;p<a.length;p++)r.call(i,a[p])&&(c[a[p]]=i[a[p]])}}return c},J}function de(){if(te)return ee;te=1;return ee="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function fe(){return ne?re:(ne=1,re=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var ve=ue();$.exports=function(){if(ce)return ae;ce=1;var e=ue(),t=he(),r=de(),n=fe