@banyan_cloud/roots 2.0.5 → 2.0.6

package/dist/esm/src/components/input/textField/TextField.js

@@ -0,0 +1,212 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../node_modules/prop-types/index.js';
+import { forwardRef, useRef, useState, createElement } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { mergeRefs as o } from '../../../../node_modules/react-merge-refs/dist/index.js';
+import { classes, inputHelper } from '../../../utils/utils.js';
+import { BaseCell } from '../../cell/BaseCell.js';
+import '../../cell/BaseCell.types.js';
+import ErrorBoundaryWrapper from '../../errorBoundary/ErrorBoundaryWrapper.js';
+import Popover from '../../popover/Popover.js';
+import modules_c1d23762 from './TextField.module.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { exports as propTypesExports } from '../../../../_virtual/index.js';
+
+var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
+  var _inputValue$length;
+  var id = props.id,
+    name = props.name,
+    label = props.label,
+    placeholder = props.placeholder,
+    type = props.type,
+    value = props.value,
+    required = props.required,
+    defaultValue = props.defaultValue,
+    _onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
+    size = props.size,
+    border = props.border,
+    theme = props.theme,
+    LeftComponent = props.LeftComponent,
+    RightComponent = props.RightComponent,
+    className = props.className,
+    disabled = props.disabled,
+    inputProps = props.inputProps,
+    feedback = props.feedback,
+    count = props.count,
+    feedbackAndCount = props.feedbackAndCount,
+    maxLength = props.maxLength,
+    onKeyDown = props.onKeyDown,
+    autocomplete = props.autocomplete,
+    autocompleteOptions = props.autocompleteOptions,
+    custom = props.custom;
+  var _useRef = useRef(value !== undefined),
+    isControlled = _useRef.current;
+
+  // for uncontrolled input
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledValue = _useState2[0],
+    setUncontrolledValue = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+  var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
+    if (autocomplete) {
+      var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
+      autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$ = autocompleteOptions.setOpen) === null || _autocompleteOptions$ === void 0 || _autocompleteOptions$.call(autocompleteOptions, (_autocompleteOptions$2 = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.predicate) === null || _autocompleteOptions$3 === void 0 ? void 0 : _autocompleteOptions$3.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$2 !== void 0 ? _autocompleteOptions$2 : (inputString === null || inputString === void 0 ? void 0 : inputString.length) > 0);
+    }
+  };
+  var handleChange = function handleChange(event) {
+    var _inputHelper = inputHelper(event),
+      fieldValue = _inputHelper.fieldValue;
+    checkAndOpenAutocomplete(fieldValue);
+    if (isControlled) {
+      onChange(event, fieldValue);
+    } else {
+      setUncontrolledValue(fieldValue);
+    }
+  };
+  var inputValue = isControlled ? value !== null && value !== void 0 ? value : '' : uncontrolledValue;
+  var Input = /*#__PURE__*/createElement(type === 'textarea' ? 'textarea' : 'input', _objectSpread2(_objectSpread2({
+    id: id,
+    name: name,
+    disabled: disabled,
+    type: type,
+    defaultValue: defaultValue,
+    placeholder: placeholder
+  }, maxLength !== null && {
+    maxLength: maxLength
+  }), {}, {
+    onFocus: function onFocus() {
+      checkAndOpenAutocomplete(inputValue);
+      _onFocus === null || _onFocus === void 0 || _onFocus();
+    },
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    required: required,
+    'data-elem': 'input',
+    ref: o([inputRef]),
+    value: inputValue,
+    onChange: handleChange,
+    className: classes(modules_c1d23762[size], modules_c1d23762.input)
+  }, inputProps));
+  var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent(args) {
+      return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
+        className: modules_c1d23762['error-boundary'],
+        custom: custom
+      }));
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes(modules_c1d23762.root, className),
+      children: [/*#__PURE__*/jsxs("label", {
+        children: [/*#__PURE__*/jsx("span", {
+          className: required ? modules_c1d23762.required : '',
+          children: label
+        }), /*#__PURE__*/jsx(BaseCell, {
+          ref: setAnchorEl,
+          className: classes(modules_c1d23762['input-wrapper'], modules_c1d23762["border-".concat(border)], modules_c1d23762["type-".concat(type)], feedback != null ? modules_c1d23762["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
+          component1: LeftComponent && /*#__PURE__*/jsx(LeftComponent, {}),
+          component2: Input,
+          component3: RightComponent && /*#__PURE__*/jsx(RightComponent, {})
+        })]
+      }), feedbackAndCount && /*#__PURE__*/jsxs("div", {
+        className: modules_c1d23762.bottom,
+        children: [feedback != null && /*#__PURE__*/jsx("div", {
+          "data-elem": "feedback",
+          className: classes(modules_c1d23762.feedback, modules_c1d23762["feedback-".concat(feedback.type)]),
+          children: feedback.text
+        }), (count === null || count === void 0 ? void 0 : count.limit) != null && /*#__PURE__*/jsxs("div", {
+          "data-elem": "count",
+          className: classes(modules_c1d23762.count, (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > count.limit ? modules_c1d23762.exceeded : ''),
+          children: [(_inputValue$length = inputValue.length) !== null && _inputValue$length !== void 0 ? _inputValue$length : 0, "/", count.limit]
+        })]
+      }), autocomplete && /*#__PURE__*/jsx(Popover, {
+        anchorEl: anchorEl,
+        open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
+        setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
+        theme: theme,
+        placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
+        middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
+        children: AutocompletePopover && /*#__PURE__*/jsx(AutocompletePopover, {
+          name: name,
+          value: value
+        })
+      })]
+    })
+  });
+});
+TextField.propTypes = {
+  id: propTypesExports.string,
+  name: propTypesExports.string,
+  disabled: propTypesExports.bool,
+  label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  placeholder: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  type: propTypesExports.oneOf(['text', 'email', 'password', 'number', 'textarea']),
+  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  defaultValue: propTypesExports.string,
+  onChange: propTypesExports.func,
+  size: propTypesExports.oneOf(['sm', 'md', 'lg']),
+  border: propTypesExports.oneOf(['default', 'bottom', 'none']),
+  LeftComponent: propTypesExports.node,
+  RightComponent: propTypesExports.node,
+  // eslint-disable-next-line react/forbid-prop-types
+  inputProps: propTypesExports.object,
+  count: propTypesExports.shape({
+    limit: propTypesExports.number
+  }),
+  feedback: propTypesExports.shape({
+    text: propTypesExports.node,
+    type: propTypesExports.oneOf(['error', 'success', 'default'])
+  }),
+  feedbackAndCount: propTypesExports.bool,
+  maxLength: propTypesExports.number,
+  onKeyDown: propTypesExports.func,
+  autocomplete: propTypesExports.bool,
+  autocompleteOptions: propTypesExports.shape({
+    open: propTypesExports.bool,
+    setOpen: propTypesExports.func,
+    render: propTypesExports.func,
+    predicate: propTypesExports.func,
+    placement: propTypesExports.string,
+    middlewareOptions: propTypesExports.shape({
+      offset: propTypesExports.object,
+      shift: propTypesExports.object,
+      flip: propTypesExports.object
+    })
+  }),
+  theme: propTypesExports.oneOf(['light', 'dark']),
+  required: propTypesExports.bool
+};
+TextField.defaultProps = {
+  id: null,
+  name: null,
+  disabled: false,
+  label: '',
+  placeholder: '',
+  type: 'text',
+  value: undefined,
+  defaultValue: '',
+  onChange: function onChange() {},
+  size: 'md',
+  border: 'default',
+  LeftComponent: null,
+  RightComponent: null,
+  inputProps: {},
+  count: null,
+  feedback: null,
+  feedbackAndCount: false,
+  maxLength: null,
+  onKeyDown: function onKeyDown() {},
+  autocomplete: false,
+  autocompleteOptions: {},
+  theme: 'light',
+  required: false
+};
+
+export { TextField as default };
+//# sourceMappingURL=TextField.js.map

package/dist/esm/src/components/input/textField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sources":["../../../../../../src/components/input/textField/TextField.jsx"],"sourcesContent":["/* eslint-disable react/forbid-prop-types */\nimport PropTypes from 'prop-types';\nimport React, { createElement, forwardRef, useRef, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { mergeRefs } from 'react-merge-refs';\nimport { classes, inputHelper } from '../../../utils/utils';\nimport { BaseCell } from '../../cell';\nimport { ErrorBoundaryWrapper } from '../../errorBoundary';\nimport { Popover } from '../../popover';\nimport styles from './TextField.module.css';\n\n/**\n * TextField is a functional component that renders a text input field with customizable options.\n * It handles both controlled and uncontrolled input values\n * and provides a way to open an autocomplete popover.\n *\n * @param {object} - An object containing various properties to configure the TextField component.\n * @param {string} id - The id of the input field.\n * @param {string} name - The name of the input field.\n * @param {string|number} label - The label text for the input field.\n * @param {string|number} placeholder - The placeholder text for the input field.\n * @param {string} type - The type of the input field (text, email, password, number, textarea).\n * @param {string|number} value - The value of the input field.\n * @param {boolean} required - Whether the input field is required.\n * @param {string} defaultValue - The default value for the input field.\n * @param {function} onFocus - The event handler for the input field's focus event.\n * @param {function} onBlur - The event handler for the input field's blur event.\n * @param {function} onChange - The event handler for the input field's change event.\n * @param {string} size - The size of the input field (sm, md, lg).\n * @param {string} border - The border style of the input field (default, bottom, none).\n * @param {string} theme - The theme of the input field (light, dark).\n * @param {ReactNode} LeftComponent - The component to render on the left side of the input field.\n * @param {ReactNode} RightComponent - The component to render on the right side of the input field.\n * @param {string} className - The CSS class name for the input field.\n * @param {boolean} disabled - Whether the input field is disabled.\n * @param {object} input- Additional to pass to the input field.\n * @param {object} feedback - The feedback message for the input field.\n * @param {object} count - The character count configuration for the input field.\n * @param {boolean} feedbackAndCount - Whether to display both feedback and character count.\n * @param {number} maxLength - The maximum length of the input field.\n * @param {function} onKeyDown - The event handler for the input field's key down event.\n * @param {boolean} autocomplete - Whether to enable autocomplete for the input field.\n * @param {object} autocompleteOptions - The options for the autocomplete feature.\n * @param {boolean} custom - Whether to use custom styling for the input field.\n * @returns {ReactNode} The rendered TextField component.\n */\nconst TextField = forwardRef((props, inputRef) => {\n\tconst {\n\t\tid,\n\t\tname,\n\t\tlabel,\n\t\tplaceholder,\n\t\ttype,\n\t\tvalue,\n\t\trequired,\n\t\tdefaultValue,\n\t\tonFocus,\n\t\tonBlur,\n\t\tonChange,\n\t\tsize,\n\t\tborder,\n\t\ttheme,\n\t\tLeftComponent,\n\t\tRightComponent,\n\t\tclassName,\n\t\tdisabled,\n\t\tinputProps,\n\t\tfeedback,\n\t\tcount,\n\t\tfeedbackAndCount,\n\t\tmaxLength,\n\t\tonKeyDown,\n\t\tautocomplete,\n\t\tautocompleteOptions,\n\t\tcustom,\n\t} = props;\n\n\tconst { current: isControlled } = useRef(value !== undefined);\n\n\t// for uncontrolled input\n\tconst [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n\n\tconst [anchorEl, setAnchorEl] = useState(null);\n\n\tconst checkAndOpenAutocomplete = (inputString) => {\n\t\tif (autocomplete) {\n\t\t\tautocompleteOptions?.setOpen?.(\n\t\t\t\tautocompleteOptions?.predicate?.(inputString) ?? inputString?.length > 0\n\t\t\t);\n\t\t}\n\t};\n\n\tconst handleChange = (event) => {\n\t\tconst { fieldValue } = inputHelper(event);\n\n\t\tcheckAndOpenAutocomplete(fieldValue);\n\n\t\tif (isControlled) {\n\t\t\tonChange(event, fieldValue);\n\t\t} else {\n\t\t\tsetUncontrolledValue(fieldValue);\n\t\t}\n\t};\n\n\tconst inputValue = isControlled ? value ?? '' : uncontrolledValue;\n\n\tconst Input = createElement(type === 'textarea' ? 'textarea' : 'input', {\n\t\tid,\n\t\tname,\n\t\tdisabled,\n\t\ttype,\n\t\tdefaultValue,\n\t\tplaceholder,\n\t\t...(maxLength !== null && {\n\t\t\tmaxLength,\n\t\t}),\n\t\tonFocus: () => {\n\t\t\tcheckAndOpenAutocomplete(inputValue);\n\t\t\tonFocus?.();\n\t\t},\n\t\tonBlur,\n\t\tonKeyDown,\n\t\trequired,\n\t\t'data-elem': 'input',\n\t\tref: mergeRefs([inputRef]),\n\t\tvalue: inputValue,\n\t\tonChange: handleChange,\n\t\tclassName: classes(styles[size], styles.input),\n\t\t...inputProps,\n\t});\n\n\tconst AutocompletePopover = autocompleteOptions?.render;\n\n\treturn (\n\t\t<ErrorBoundary\n\t\t\tFallbackComponent={(args) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ErrorBoundaryWrapper\n\t\t\t\t\t\t{...args}\n\t\t\t\t\t\tclassName={styles['error-boundary']}\n\t\t\t\t\t\tcustom={custom}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}}>\n\t\t\t<div className={classes(styles.root, className)}>\n\t\t\t\t<label>\n\t\t\t\t\t<span className={required ? styles.required : ''}>{label}</span>\n\t\t\t\t\t<BaseCell\n\t\t\t\t\t\tref={setAnchorEl}\n\t\t\t\t\t\tclassName={classes(\n\t\t\t\t\t\t\tstyles['input-wrapper'],\n\t\t\t\t\t\t\tstyles[`border-${border}`],\n\t\t\t\t\t\t\tstyles[`type-${type}`],\n\t\t\t\t\t\t\tfeedback != null ? styles[`feedback-${feedback?.type}`] : ''\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tcomponent1={LeftComponent && <LeftComponent />}\n\t\t\t\t\t\tcomponent2={Input}\n\t\t\t\t\t\tcomponent3={RightComponent && <RightComponent />}\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t\t{feedbackAndCount && (\n\t\t\t\t\t<div className={styles.bottom}>\n\t\t\t\t\t\t{feedback != null && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tdata-elem='feedback'\n\t\t\t\t\t\t\t\tclassName={classes(\n\t\t\t\t\t\t\t\t\tstyles.feedback,\n\t\t\t\t\t\t\t\t\tstyles[`feedback-${feedback.type}`]\n\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t{feedback.text}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{count?.limit != null && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tdata-elem='count'\n\t\t\t\t\t\t\t\tclassName={classes(\n\t\t\t\t\t\t\t\t\tstyles.count,\n\t\t\t\t\t\t\t\t\tinputValue?.length > count.limit ? styles.exceeded : ''\n\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t{inputValue.length ?? 0}/{count.limit}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{autocomplete && (\n\t\t\t\t\t<Popover\n\t\t\t\t\t\tanchorEl={anchorEl}\n\t\t\t\t\t\topen={autocompleteOptions?.open}\n\t\t\t\t\t\tsetOpen={autocompleteOptions?.setOpen}\n\t\t\t\t\t\ttheme={theme}\n\t\t\t\t\t\tplacement={autocompleteOptions?.placement}\n\t\t\t\t\t\tmiddlewareOptions={autocompleteOptions?.middlewareOptions}>\n\t\t\t\t\t\t{AutocompletePopover && <AutocompletePopover name={name} value={value} />}\n\t\t\t\t\t</Popover>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</ErrorBoundary>\n\t);\n});\n\nTextField.propTypes = {\n\tid: PropTypes.string,\n\tname: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tlabel: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\tplaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\ttype: PropTypes.oneOf(['text', 'email', 'password', 'number', 'textarea']),\n\tvalue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\tdefaultValue: PropTypes.string,\n\tonChange: PropTypes.func,\n\tsize: PropTypes.oneOf(['sm', 'md', 'lg']),\n\tborder: PropTypes.oneOf(['default', 'bottom', 'none']),\n\tLeftComponent: PropTypes.node,\n\tRightComponent: PropTypes.node,\n\t// eslint-disable-next-line react/forbid-prop-types\n\tinputProps: PropTypes.object,\n\tcount: PropTypes.shape({\n\t\tlimit: PropTypes.number,\n\t}),\n\tfeedback: PropTypes.shape({\n\t\ttext: PropTypes.node,\n\t\ttype: PropTypes.oneOf(['error', 'success', 'default']),\n\t}),\n\tfeedbackAndCount: PropTypes.bool,\n\tmaxLength: PropTypes.number,\n\tonKeyDown: PropTypes.func,\n\tautocomplete: PropTypes.bool,\n\tautocompleteOptions: PropTypes.shape({\n\t\topen: PropTypes.bool,\n\t\tsetOpen: PropTypes.func,\n\t\trender: PropTypes.func,\n\t\tpredicate: PropTypes.func,\n\t\tplacement: PropTypes.string,\n\t\tmiddlewareOptions: PropTypes.shape({\n\t\t\toffset: PropTypes.object,\n\t\t\tshift: PropTypes.object,\n\t\t\tflip: PropTypes.object,\n\t\t}),\n\t}),\n\ttheme: PropTypes.oneOf(['light', 'dark']),\n\trequired: PropTypes.bool,\n};\n\nTextField.defaultProps = {\n\tid: null,\n\tname: null,\n\tdisabled: false,\n\tlabel: '',\n\tplaceholder: '',\n\ttype: 'text',\n\tvalue: undefined,\n\tdefaultValue: '',\n\tonChange: () => {},\n\tsize: 'md',\n\tborder: 'default',\n\tLeftComponent: null,\n\tRightComponent: null,\n\tinputProps: {},\n\tcount: null,\n\tfeedback: null,\n\tfeedbackAndCount: false,\n\tmaxLength: null,\n\tonKeyDown: () => {},\n\tautocomplete: false,\n\tautocompleteOptions: {},\n\ttheme: 'light',\n\trequired: false,\n};\n\nexport default TextField;\n"],"names":["TextField","forwardRef","props","inputRef","_inputValue$length","id","name","label","placeholder","type","value","required","defaultValue","onFocus","onBlur","onChange","size","border","theme","LeftComponent","RightComponent","className","disabled","inputProps","feedback","count","feedbackAndCount","maxLength","onKeyDown","autocomplete","autocompleteOptions","custom","_useRef","useRef","undefined","isControlled","current","_useState","useState","_useState2","_slicedToArray","uncontrolledValue","setUncontrolledValue","_useState3","_useState4","anchorEl","setAnchorEl","checkAndOpenAutocomplete","inputString","_autocompleteOptions$","_autocompleteOptions$2","_autocompleteOptions$3","setOpen","call","predicate","length","handleChange","event","_inputHelper","inputHelper","fieldValue","inputValue","Input","createElement","_objectSpread","ref","mergeRefs","classes","styles","input","AutocompletePopover","render","_jsx","ErrorBoundary","FallbackComponent","args","ErrorBoundaryWrapper","children","_jsxs","root","BaseCell","concat","component1","component2","component3","bottom","text","limit","exceeded","Popover","open","placement","middlewareOptions","propTypes","PropTypes","string","bool","oneOfType","number","oneOf","func","node","object","shape","offset","shift","flip","defaultProps"],"mappings":";;;;;;;;;;;;;;AA8CMA,IAAAA,SAAS,gBAAGC,UAAU,CAAC,UAACC,KAAK,EAAEC,QAAQ,EAAK;AAAA,EAAA,IAAAC,kBAAA,CAAA;AACjD,EAAA,IACCC,EAAE,GA2BCH,KAAK,CA3BRG,EAAE;IACFC,IAAI,GA0BDJ,KAAK,CA1BRI,IAAI;IACJC,KAAK,GAyBFL,KAAK,CAzBRK,KAAK;IACLC,WAAW,GAwBRN,KAAK,CAxBRM,WAAW;IACXC,IAAI,GAuBDP,KAAK,CAvBRO,IAAI;IACJC,KAAK,GAsBFR,KAAK,CAtBRQ,KAAK;IACLC,QAAQ,GAqBLT,KAAK,CArBRS,QAAQ;IACRC,YAAY,GAoBTV,KAAK,CApBRU,YAAY;IACZC,QAAO,GAmBJX,KAAK,CAnBRW,OAAO;IACPC,MAAM,GAkBHZ,KAAK,CAlBRY,MAAM;IACNC,QAAQ,GAiBLb,KAAK,CAjBRa,QAAQ;IACRC,IAAI,GAgBDd,KAAK,CAhBRc,IAAI;IACJC,MAAM,GAeHf,KAAK,CAfRe,MAAM;IACNC,KAAK,GAcFhB,KAAK,CAdRgB,KAAK;IACLC,aAAa,GAaVjB,KAAK,CAbRiB,aAAa;IACbC,cAAc,GAYXlB,KAAK,CAZRkB,cAAc;IACdC,SAAS,GAWNnB,KAAK,CAXRmB,SAAS;IACTC,QAAQ,GAULpB,KAAK,CAVRoB,QAAQ;IACRC,UAAU,GASPrB,KAAK,CATRqB,UAAU;IACVC,QAAQ,GAQLtB,KAAK,CARRsB,QAAQ;IACRC,KAAK,GAOFvB,KAAK,CAPRuB,KAAK;IACLC,gBAAgB,GAMbxB,KAAK,CANRwB,gBAAgB;IAChBC,SAAS,GAKNzB,KAAK,CALRyB,SAAS;IACTC,SAAS,GAIN1B,KAAK,CAJR0B,SAAS;IACTC,YAAY,GAGT3B,KAAK,CAHR2B,YAAY;IACZC,mBAAmB,GAEhB5B,KAAK,CAFR4B,mBAAmB;IACnBC,MAAM,GACH7B,KAAK,CADR6B,MAAM,CAAA;AAGP,EAAA,IAAAC,OAAA,GAAkCC,MAAM,CAACvB,KAAK,KAAKwB,SAAS,CAAC;IAA5CC,YAAY,GAAAH,OAAA,CAArBI,OAAO,CAAA;;AAEf;AACA,EAAA,IAAAC,SAAA,GAAkDC,QAAQ,CAAC1B,YAAY,CAAC;IAAA2B,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjEI,IAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,oBAAoB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9C,EAAA,IAAAI,UAAA,GAAgCL,QAAQ,CAAC,IAAI,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAvCE,IAAAA,QAAQ,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAE5B,EAAA,IAAMG,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,WAAW,EAAK;AACjD,IAAA,IAAInB,YAAY,EAAE;AAAA,MAAA,IAAAoB,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,CAAA;MACjBrB,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAA,KAAA,CAAA,IAAA,CAAAmB,qBAAA,GAAnBnB,mBAAmB,CAAEsB,OAAO,MAAAH,IAAAA,IAAAA,qBAAA,KAA5BA,KAAAA,CAAAA,IAAAA,qBAAA,CAAAI,IAAA,CAAAvB,mBAAmB,EAAA,CAAAoB,sBAAA,GAClBpB,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAA,KAAA,CAAA,IAAA,CAAAqB,sBAAA,GAAnBrB,mBAAmB,CAAEwB,SAAS,MAAAH,IAAAA,IAAAA,sBAAA,KAA9BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAAE,IAAA,CAAAvB,mBAAmB,EAAckB,WAAW,CAAC,MAAAE,IAAAA,IAAAA,sBAAA,cAAAA,sBAAA,GAAI,CAAAF,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAEO,MAAM,IAAG,CACxE,CAAC,CAAA;AACF,KAAA;GACA,CAAA;AAED,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAK,EAAK;AAC/B,IAAA,IAAAC,YAAA,GAAuBC,WAAW,CAACF,KAAK,CAAC;MAAjCG,UAAU,GAAAF,YAAA,CAAVE,UAAU,CAAA;IAElBb,wBAAwB,CAACa,UAAU,CAAC,CAAA;AAEpC,IAAA,IAAIzB,YAAY,EAAE;AACjBpB,MAAAA,QAAQ,CAAC0C,KAAK,EAAEG,UAAU,CAAC,CAAA;AAC5B,KAAC,MAAM;MACNlB,oBAAoB,CAACkB,UAAU,CAAC,CAAA;AACjC,KAAA;GACA,CAAA;AAED,EAAA,IAAMC,UAAU,GAAG1B,YAAY,GAAGzB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAI,EAAE,GAAG+B,iBAAiB,CAAA;AAEjE,EAAA,IAAMqB,KAAK,gBAAGC,aAAa,CAACtD,IAAI,KAAK,UAAU,GAAG,UAAU,GAAG,OAAO,EAAAuD,cAAA,CAAAA,cAAA,CAAA;AACrE3D,IAAAA,EAAE,EAAFA,EAAE;AACFC,IAAAA,IAAI,EAAJA,IAAI;AACJgB,IAAAA,QAAQ,EAARA,QAAQ;AACRb,IAAAA,IAAI,EAAJA,IAAI;AACJG,IAAAA,YAAY,EAAZA,YAAY;AACZJ,IAAAA,WAAW,EAAXA,WAAAA;GACImB,EAAAA,SAAS,KAAK,IAAI,IAAI;AACzBA,IAAAA,SAAS,EAATA,SAAAA;GACA,CAAA,EAAA,EAAA,EAAA;AACDd,IAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;MACdkC,wBAAwB,CAACc,UAAU,CAAC,CAAA;AACpChD,MAAAA,QAAO,KAAPA,IAAAA,IAAAA,QAAO,KAAPA,KAAAA,CAAAA,IAAAA,QAAO,EAAI,CAAA;KACX;AACDC,IAAAA,MAAM,EAANA,MAAM;AACNc,IAAAA,SAAS,EAATA,SAAS;AACTjB,IAAAA,QAAQ,EAARA,QAAQ;AACR,IAAA,WAAW,EAAE,OAAO;AACpBsD,IAAAA,GAAG,EAAEC,CAAS,CAAC,CAAC/D,QAAQ,CAAC,CAAC;AAC1BO,IAAAA,KAAK,EAAEmD,UAAU;AACjB9C,IAAAA,QAAQ,EAAEyC,YAAY;IACtBnC,SAAS,EAAE8C,OAAO,CAACC,gBAAM,CAACpD,IAAI,CAAC,EAAEoD,gBAAM,CAACC,KAAK,CAAA;GAC1C9C,EAAAA,UAAU,CACb,CAAC,CAAA;EAEF,IAAM+C,mBAAmB,GAAGxC,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAEyC,MAAM,CAAA;EAEvD,oBACCC,GAAA,CAACC,aAAa,EAAA;AACbC,IAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,IAAI,EAAK;MAC5B,oBACCH,GAAA,CAACI,oBAAoB,EAAAZ,cAAA,CAAAA,cAAA,KAChBW,IAAI,CAAA,EAAA,EAAA,EAAA;AACRtD,QAAAA,SAAS,EAAE+C,gBAAM,CAAC,gBAAgB,CAAE;AACpCrC,QAAAA,MAAM,EAAEA,MAAAA;AAAO,OAAA,CACf,CAAC,CAAA;KAEF;AAAA8C,IAAAA,QAAA,eACFC,IAAA,CAAA,KAAA,EAAA;MAAKzD,SAAS,EAAE8C,OAAO,CAACC,gBAAM,CAACW,IAAI,EAAE1D,SAAS,CAAE;AAAAwD,MAAAA,QAAA,gBAC/CC,IAAA,CAAA,OAAA,EAAA;AAAAD,QAAAA,QAAA,gBACCL,GAAA,CAAA,MAAA,EAAA;AAAMnD,UAAAA,SAAS,EAAEV,QAAQ,GAAGyD,gBAAM,CAACzD,QAAQ,GAAG,EAAG;AAAAkE,UAAAA,QAAA,EAAEtE,KAAAA;AAAK,SAAO,CAAC,eAChEiE,GAAA,CAACQ,QAAQ,EAAA;AACRf,UAAAA,GAAG,EAAEnB,WAAY;AACjBzB,UAAAA,SAAS,EAAE8C,OAAO,CACjBC,gBAAM,CAAC,eAAe,CAAC,EACvBA,gBAAM,CAAAa,SAAAA,CAAAA,MAAA,CAAWhE,MAAM,CAAA,CAAG,EAC1BmD,gBAAM,CAAA,OAAA,CAAAa,MAAA,CAASxE,IAAI,CAAG,CAAA,EACtBe,QAAQ,IAAI,IAAI,GAAG4C,gBAAM,CAAA,WAAA,CAAAa,MAAA,CAAazD,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,uBAARA,QAAQ,CAAEf,IAAI,CAAG,CAAA,GAAG,EAC3D,CAAE;AACFyE,UAAAA,UAAU,EAAE/D,aAAa,iBAAIqD,GAAA,CAACrD,aAAa,IAAE,CAAE;AAC/CgE,UAAAA,UAAU,EAAErB,KAAM;AAClBsB,UAAAA,UAAU,EAAEhE,cAAc,iBAAIoD,GAAA,CAACpD,cAAc,EAAE,EAAA,CAAA;AAAE,SACjD,CAAC,CAAA;AAAA,OACI,CAAC,EACPM,gBAAgB,iBAChBoD,IAAA,CAAA,KAAA,EAAA;QAAKzD,SAAS,EAAE+C,gBAAM,CAACiB,MAAO;AAAAR,QAAAA,QAAA,EAC5BrD,CAAAA,QAAQ,IAAI,IAAI,iBAChBgD,GAAA,CAAA,KAAA,EAAA;AACC,UAAA,WAAA,EAAU,UAAU;AACpBnD,UAAAA,SAAS,EAAE8C,OAAO,CACjBC,gBAAM,CAAC5C,QAAQ,EACf4C,gBAAM,CAAA,WAAA,CAAAa,MAAA,CAAazD,QAAQ,CAACf,IAAI,EACjC,CAAE;UAAAoE,QAAA,EACDrD,QAAQ,CAAC8D,IAAAA;AAAI,SACV,CACL,EACA,CAAA7D,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAE8D,KAAK,KAAI,IAAI,iBACpBT,IAAA,CAAA,KAAA,EAAA;AACC,UAAA,WAAA,EAAU,OAAO;UACjBzD,SAAS,EAAE8C,OAAO,CACjBC,gBAAM,CAAC3C,KAAK,EACZ,CAAAoC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEN,MAAM,IAAG9B,KAAK,CAAC8D,KAAK,GAAGnB,gBAAM,CAACoB,QAAQ,GAAG,EACtD,CAAE;AAAAX,UAAAA,QAAA,IAAAzE,kBAAA,GACDyD,UAAU,CAACN,MAAM,MAAAnD,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,GAAAA,kBAAA,GAAI,CAAC,EAAC,GAAC,EAACqB,KAAK,CAAC8D,KAAK,CAAA;AAAA,SACjC,CACL,CAAA;AAAA,OACG,CACL,EACA1D,YAAY,iBACZ2C,GAAA,CAACiB,OAAO,EAAA;AACP5C,QAAAA,QAAQ,EAAEA,QAAS;AACnB6C,QAAAA,IAAI,EAAE5D,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAE4D,IAAK;AAChCtC,QAAAA,OAAO,EAAEtB,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAEsB,OAAQ;AACtClC,QAAAA,KAAK,EAAEA,KAAM;AACbyE,QAAAA,SAAS,EAAE7D,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAE6D,SAAU;AAC1CC,QAAAA,iBAAiB,EAAE9D,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAE8D,iBAAkB;AAAAf,QAAAA,QAAA,EACzDP,mBAAmB,iBAAIE,GAAA,CAACF,mBAAmB,EAAA;AAAChE,UAAAA,IAAI,EAAEA,IAAK;AAACI,UAAAA,KAAK,EAAEA,KAAAA;SAAQ,CAAA;AAAC,OACjE,CACT,CAAA;KACG,CAAA;AAAC,GACQ,CAAC,CAAA;AAElB,CAAC,EAAC;AAEFV,SAAS,CAAC6F,SAAS,GAAG;EACrBxF,EAAE,EAAEyF,gBAAS,CAACC,MAAM;EACpBzF,IAAI,EAAEwF,gBAAS,CAACC,MAAM;EACtBzE,QAAQ,EAAEwE,gBAAS,CAACE,IAAI;AACxBzF,EAAAA,KAAK,EAAEuF,gBAAS,CAACG,SAAS,CAAC,CAACH,gBAAS,CAACC,MAAM,EAAED,gBAAS,CAACI,MAAM,CAAC,CAAC;AAChE1F,EAAAA,WAAW,EAAEsF,gBAAS,CAACG,SAAS,CAAC,CAACH,gBAAS,CAACC,MAAM,EAAED,gBAAS,CAACI,MAAM,CAAC,CAAC;AACtEzF,EAAAA,IAAI,EAAEqF,gBAAS,CAACK,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AAC1EzF,EAAAA,KAAK,EAAEoF,gBAAS,CAACG,SAAS,CAAC,CAACH,gBAAS,CAACC,MAAM,EAAED,gBAAS,CAACI,MAAM,CAAC,CAAC;EAChEtF,YAAY,EAAEkF,gBAAS,CAACC,MAAM;EAC9BhF,QAAQ,EAAE+E,gBAAS,CAACM,IAAI;AACxBpF,EAAAA,IAAI,EAAE8E,gBAAS,CAACK,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACzClF,EAAAA,MAAM,EAAE6E,gBAAS,CAACK,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;EACtDhF,aAAa,EAAE2E,gBAAS,CAACO,IAAI;EAC7BjF,cAAc,EAAE0E,gBAAS,CAACO,IAAI;AAC9B;EACA9E,UAAU,EAAEuE,gBAAS,CAACQ,MAAM;AAC5B7E,EAAAA,KAAK,EAAEqE,gBAAS,CAACS,KAAK,CAAC;IACtBhB,KAAK,EAAEO,gBAAS,CAACI,MAAAA;AAClB,GAAC,CAAC;AACF1E,EAAAA,QAAQ,EAAEsE,gBAAS,CAACS,KAAK,CAAC;IACzBjB,IAAI,EAAEQ,gBAAS,CAACO,IAAI;IACpB5F,IAAI,EAAEqF,gBAAS,CAACK,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACtD,GAAC,CAAC;EACFzE,gBAAgB,EAAEoE,gBAAS,CAACE,IAAI;EAChCrE,SAAS,EAAEmE,gBAAS,CAACI,MAAM;EAC3BtE,SAAS,EAAEkE,gBAAS,CAACM,IAAI;EACzBvE,YAAY,EAAEiE,gBAAS,CAACE,IAAI;AAC5BlE,EAAAA,mBAAmB,EAAEgE,gBAAS,CAACS,KAAK,CAAC;IACpCb,IAAI,EAAEI,gBAAS,CAACE,IAAI;IACpB5C,OAAO,EAAE0C,gBAAS,CAACM,IAAI;IACvB7B,MAAM,EAAEuB,gBAAS,CAACM,IAAI;IACtB9C,SAAS,EAAEwC,gBAAS,CAACM,IAAI;IACzBT,SAAS,EAAEG,gBAAS,CAACC,MAAM;AAC3BH,IAAAA,iBAAiB,EAAEE,gBAAS,CAACS,KAAK,CAAC;MAClCC,MAAM,EAAEV,gBAAS,CAACQ,MAAM;MACxBG,KAAK,EAAEX,gBAAS,CAACQ,MAAM;MACvBI,IAAI,EAAEZ,gBAAS,CAACQ,MAAAA;KAChB,CAAA;AACF,GAAC,CAAC;EACFpF,KAAK,EAAE4E,gBAAS,CAACK,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EACzCxF,QAAQ,EAAEmF,gBAAS,CAACE,IAAAA;AACrB,CAAC,CAAA;AAEDhG,SAAS,CAAC2G,YAAY,GAAG;AACxBtG,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,IAAI,EAAE,IAAI;AACVgB,EAAAA,QAAQ,EAAE,KAAK;AACff,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,WAAW,EAAE,EAAE;AACfC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,KAAK,EAAEwB,SAAS;AAChBtB,EAAAA,YAAY,EAAE,EAAE;AAChBG,EAAAA,QAAQ,EAAE,SAAVA,QAAQA,GAAQ,EAAE;AAClBC,EAAAA,IAAI,EAAE,IAAI;AACVC,EAAAA,MAAM,EAAE,SAAS;AACjBE,EAAAA,aAAa,EAAE,IAAI;AACnBC,EAAAA,cAAc,EAAE,IAAI;EACpBG,UAAU,EAAE,EAAE;AACdE,EAAAA,KAAK,EAAE,IAAI;AACXD,EAAAA,QAAQ,EAAE,IAAI;AACdE,EAAAA,gBAAgB,EAAE,KAAK;AACvBC,EAAAA,SAAS,EAAE,IAAI;AACfC,EAAAA,SAAS,EAAE,SAAXA,SAASA,GAAQ,EAAE;AACnBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,mBAAmB,EAAE,EAAE;AACvBZ,EAAAA,KAAK,EAAE,OAAO;AACdP,EAAAA,QAAQ,EAAE,KAAA;AACX,CAAC;;;;"}

package/dist/esm/src/components/input/textField/TextField.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".TextField_module_root__c4f1e326 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextField_module_root__c4f1e326 label {\n  width: 100%;\n  max-width: 100%;\n  font-weight: 400;\n  font-size: 0.75rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.32px;\n  color: var(--grey);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.3125rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_required__c4f1e326::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0rem 0.5rem;\n  max-width: 100%;\n  width: 100%;\n  border-color: var(--grey4);\n  border-style: solid;\n  border-radius: 0.25rem;\n  height: 100%;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 .TextField_module_icon__c4f1e326 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] {\n  flex: 1;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326 {\n  -moz-appearance: textfield;\n  flex: 1;\n  background-color: transparent;\n  border: none;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.16px;\n  color: var(--text-color);\n  width: 100%;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326::-webkit-outer-spin-button, .TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326:focus {\n  outline: none;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326:disabled {\n  background: var(--grey9);\n  color: var(--grey3);\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_sm__c4f1e326 {\n  padding: 0.5rem 0rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_md__c4f1e326 {\n  padding: 0.688rem 0rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_lg__c4f1e326 {\n  padding: 1rem 0rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_typeTextarea__c4f1e326 {\n  padding: 0;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_typeTextarea__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326 {\n  resize: vertical;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_typeTextarea__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_md__c4f1e326 {\n  padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_typeTextarea__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_lg__c4f1e326 {\n  padding: 0.5rem 1rem;\n  font-size: 1rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326:focus-within {\n  border: 0.063rem solid var(--primary-color4);\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326:focus-within.TextField_module_feedbackError__c4f1e326 {\n  border-color: var(--primary-color1);\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_borderDefault__c4f1e326 {\n  border-width: 0.063rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_borderBottom__c4f1e326 {\n  border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_borderNone__c4f1e326 {\n  border-width: 0rem;\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  min-height: 2rem;\n  width: 100%;\n  gap: 1rem;\n  color: var(--grey3);\n  font-size: 0.75rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_feedback__c4f1e326 {\n  flex: 1;\n  margin-right: auto;\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_feedback__c4f1e326.TextField_module_feedbackError__c4f1e326 {\n  color: var(--primary-color1);\n  fill: var(--primary-color1);\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_feedback__c4f1e326.TextField_module_feedbackSuccess__c4f1e326 {\n  color: var(--primary-color2);\n  fill: var(--primary-color2);\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_count__c4f1e326 {\n  text-align: right;\n  margin-left: auto;\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_count__c4f1e326.TextField_module_exceeded__c4f1e326 {\n  color: var(--primary-color1);\n}";
+var modules_c1d23762 = {"root":"TextField_module_root__c4f1e326","required":"TextField_module_required__c4f1e326","input-wrapper":"TextField_module_inputWrapper__c4f1e326","icon":"TextField_module_icon__c4f1e326","input":"TextField_module_input__c4f1e326","sm":"TextField_module_sm__c4f1e326","md":"TextField_module_md__c4f1e326","lg":"TextField_module_lg__c4f1e326","type-textarea":"TextField_module_typeTextarea__c4f1e326","feedback-error":"TextField_module_feedbackError__c4f1e326","border-default":"TextField_module_borderDefault__c4f1e326","border-bottom":"TextField_module_borderBottom__c4f1e326","border-none":"TextField_module_borderNone__c4f1e326","bottom":"TextField_module_bottom__c4f1e326","feedback":"TextField_module_feedback__c4f1e326","feedback-success":"TextField_module_feedbackSuccess__c4f1e326","count":"TextField_module_count__c4f1e326","exceeded":"TextField_module_exceeded__c4f1e326"};
+n(css,{});
+
+export { css, modules_c1d23762 as default };
+//# sourceMappingURL=TextField.module.css.js.map

package/dist/esm/src/components/input/textField/TextField.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/src/components/input/textFieldv2/TextFieldv2.js

@@ -0,0 +1,300 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../node_modules/prop-types/index.js';
+import { forwardRef, useRef, useState, createElement } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { mergeRefs as o } from '../../../../node_modules/react-merge-refs/dist/index.js';
+import { classes, inputHelper } from '../../../utils/utils.js';
+import '../../buttons/baseButton/BaseButton.js';
+import Button from '../../buttons/button/Button.js';
+import '../../buttons/chip/Chip.js';
+import { BaseCell } from '../../cell/BaseCell.js';
+import '../../cell/BaseCell.types.js';
+import ErrorBoundaryWrapper from '../../errorBoundary/ErrorBoundaryWrapper.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '../../icons/AngleDouble/AngleDouble.js';
+import '../../icons/Arrow/Arrow.js';
+import '../../icons/BreadcrumbSeperator/BreadcrumbSeperator.js';
+import '../../icons/Calender/Calender.js';
+import '../../icons/CheckboxIcon/CheckboxIcon.js';
+import '../../icons/Chevron/Chevron.js';
+import '../../icons/ColumnFilter/ColumnFilter.js';
+import '../../icons/Columns/Columns.js';
+import '../../icons/Copy/Copy.js';
+import '../../icons/Cross/Cross.js';
+import '../../icons/Delete/Delete.js';
+import '../../icons/Download/Download.js';
+import '../../icons/Dropdown/DropdownIcon.js';
+import '../../icons/Edit/Edit.js';
+import Email from '../../icons/Email/Email.js';
+import '../../icons/Filter/Filter.js';
+import '../../icons/FlowChart/FlowChart.js';
+import '../../icons/fullScreen/FullScreen.js';
+import '../../icons/HalfShade/HalfShade.js';
+import HidePassword from '../../icons/HidePassword/HidePassword.js';
+import '../../icons/Home/Home.js';
+import Info from '../../icons/Info/Info.js';
+import '../../icons/MagnifyingGlass/MagnifyingGlass.js';
+import '../../icons/Nut/Nut.js';
+import Password from '../../icons/Password/Password.js';
+import '../../icons/Plus/Plus.js';
+import '../../icons/RadioIcon/RadioIcon.js';
+import '../../icons/Refresh/Refresh.js';
+import '../../icons/Reset/Reset.js';
+import '../../icons/Server/Server.js';
+import '../../icons/Tick/Tick.js';
+import UnlockPassword from '../../icons/UnlockPassword/UnlockPassword.js';
+import '../../icons/View/View.js';
+import ViewPasswordIcon from '../../icons/ViewPassword/ViewPassword.js';
+import Popover from '../../popover/Popover.js';
+import Tooltip from '../../tooltip/Tooltip.js';
+import modules_6d3d1b60 from './TextFieldv2.module.css.js';
+import { exports as propTypesExports } from '../../../../_virtual/index.js';
+
+var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
+  var id = props.id,
+    name = props.name,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'text' : _props$type,
+    value = props.value,
+    required = props.required,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
+    _onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    _props$border = props.border,
+    border = _props$border === void 0 ? 'default' : _props$border,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'light' : _props$theme,
+    LeftComponent = props.LeftComponent,
+    RightComponent = props.RightComponent,
+    className = props.className,
+    disabled = props.disabled,
+    _props$inputProps = props.inputProps,
+    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
+    feedback = props.feedback,
+    maxLength = props.maxLength,
+    _props$onKeyDown = props.onKeyDown,
+    onKeyDown = _props$onKeyDown === void 0 ? function () {} : _props$onKeyDown,
+    autocomplete = props.autocomplete,
+    _props$autocompleteOp = props.autocompleteOptions,
+    autocompleteOptions = _props$autocompleteOp === void 0 ? {} : _props$autocompleteOp,
+    custom = props.custom;
+  var _useRef = useRef(value !== undefined),
+    isControlled = _useRef.current;
+
+  // for uncontrolled input
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledValue = _useState2[0],
+    setUncontrolledValue = _useState2[1];
+  var _useState3 = useState(type !== null && type !== void 0 ? type : 'textarea'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputType = _useState4[0],
+    setInputType = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    anchorEl = _useState6[0],
+    setAnchorEl = _useState6[1];
+  var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
+    if (autocomplete) {
+      var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
+      autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$ = autocompleteOptions.setOpen) === null || _autocompleteOptions$ === void 0 || _autocompleteOptions$.call(autocompleteOptions, (_autocompleteOptions$2 = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.predicate) === null || _autocompleteOptions$3 === void 0 ? void 0 : _autocompleteOptions$3.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$2 !== void 0 ? _autocompleteOptions$2 : (inputString === null || inputString === void 0 ? void 0 : inputString.length) > 0);
+    }
+  };
+  var handleChange = function handleChange(event) {
+    var _inputHelper = inputHelper(event),
+      fieldValue = _inputHelper.fieldValue;
+    checkAndOpenAutocomplete(fieldValue);
+    if (isControlled) {
+      onChange(event, fieldValue);
+    } else {
+      setUncontrolledValue(fieldValue);
+    }
+  };
+  var getLeftComponent = function getLeftComponent() {
+    if (type === 'email') {
+      return /*#__PURE__*/jsx(Email, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    if (type === 'password' && inputType === 'password') {
+      return /*#__PURE__*/jsx(Password, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    if (type === 'password' && inputType === 'text') {
+      return /*#__PURE__*/jsx(UnlockPassword, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    return /*#__PURE__*/jsx(LeftComponent, {
+      className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+    });
+  };
+  var getRightComponent = function getRightComponent() {
+    if (type === 'password') {
+      var _ref, _feedback$info;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Button, {
+          className: classes(modules_6d3d1b60.button, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+          title: "",
+          variant: "contained",
+          type: "button",
+          leftComponent: function leftComponent() {
+            return inputType === 'password' ? /*#__PURE__*/jsx(HidePassword, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+              position: "left"
+            }) : /*#__PURE__*/jsx(ViewPasswordIcon, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+              position: "left"
+            });
+          },
+          onClick: function onClick() {
+            if (inputType === 'password') {
+              setInputType('text');
+              return;
+            }
+            setInputType('password');
+          }
+        }), feedback && /*#__PURE__*/jsx(Tooltip, {
+          content: (_ref = (_feedback$info = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info !== void 0 ? _feedback$info : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref !== void 0 ? _ref : '',
+          position: "right",
+          className: modules_6d3d1b60.tooltip,
+          variant: "light",
+          children: /*#__PURE__*/jsx("span", {
+            className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+            children: /*#__PURE__*/jsx(Info, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+            })
+          })
+        })]
+      });
+    }
+    if (feedback) {
+      var _ref2, _feedback$info2;
+      return /*#__PURE__*/jsx(Tooltip, {
+        content: (_ref2 = (_feedback$info2 = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info2 !== void 0 ? _feedback$info2 : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref2 !== void 0 ? _ref2 : '',
+        position: "right",
+        className: modules_6d3d1b60.tooltip,
+        variant: "light",
+        children: /*#__PURE__*/jsx("span", {
+          className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+          children: /*#__PURE__*/jsx(Info, {
+            className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+          })
+        })
+      });
+    }
+    return /*#__PURE__*/jsx(RightComponent, {});
+  };
+  var inputValue = isControlled ? value !== null && value !== void 0 ? value : '' : uncontrolledValue;
+  var Input = /*#__PURE__*/createElement(type === 'textarea' ? 'textarea' : 'input', _objectSpread2(_objectSpread2({
+    id: id,
+    name: name,
+    disabled: disabled,
+    type: inputType,
+    defaultValue: defaultValue,
+    placeholder: placeholder
+  }, maxLength !== null && maxLength), {}, {
+    onFocus: function onFocus() {
+      checkAndOpenAutocomplete(inputValue);
+      _onFocus === null || _onFocus === void 0 || _onFocus();
+    },
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    required: required,
+    'data-elem': 'input',
+    ref: o([inputRef]),
+    value: inputValue,
+    onChange: handleChange,
+    className: classes(modules_6d3d1b60[size], modules_6d3d1b60.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+  }, inputProps));
+  var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent(args) {
+      return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
+        className: modules_6d3d1b60['error-boundary'],
+        custom: custom
+      }));
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes(modules_6d3d1b60.root, className),
+      children: [/*#__PURE__*/jsxs("label", {
+        children: [label && /*#__PURE__*/jsx("span", {
+          className: required ? modules_6d3d1b60.required : '',
+          children: label
+        }), /*#__PURE__*/jsx(BaseCell, {
+          ref: setAnchorEl,
+          className: classes(modules_6d3d1b60['input-wrapper'], modules_6d3d1b60["border-".concat(border)], modules_6d3d1b60["type-".concat(type)], feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60['feedback-error'] : ''),
+          component1: (LeftComponent || type === 'password' || type === 'email') && getLeftComponent(),
+          component2: Input,
+          component3: (RightComponent || type === 'password' || feedback) && getRightComponent()
+        })]
+      }), autocomplete && /*#__PURE__*/jsx(Popover, {
+        anchorEl: anchorEl,
+        open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
+        setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
+        theme: theme,
+        placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
+        middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
+        children: AutocompletePopover && /*#__PURE__*/jsx(AutocompletePopover, {
+          name: name,
+          value: value
+        })
+      })]
+    })
+  });
+});
+TextField.propTypes = {
+  id: propTypesExports.string,
+  name: propTypesExports.string,
+  disabled: propTypesExports.bool,
+  label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  placeholder: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  type: propTypesExports.oneOf(['text', 'email', 'password', 'number', 'textarea']),
+  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  defaultValue: propTypesExports.string,
+  onChange: propTypesExports.func,
+  size: propTypesExports.oneOf(['sm', 'md', 'lg']),
+  border: propTypesExports.oneOf(['default', 'bottom', 'none']),
+  LeftComponent: propTypesExports.node,
+  RightComponent: propTypesExports.node,
+  // eslint-disable-next-line react/forbid-prop-types
+  inputProps: propTypesExports.object,
+  count: propTypesExports.shape({
+    limit: propTypesExports.number
+  }),
+  feedback: propTypesExports.shape({
+    text: propTypesExports.node,
+    type: propTypesExports.oneOf(['error', 'success', 'default'])
+  }),
+  feedbackAndCount: propTypesExports.bool,
+  maxLength: propTypesExports.number,
+  onKeyDown: propTypesExports.func,
+  autocomplete: propTypesExports.bool,
+  autocompleteOptions: propTypesExports.shape({
+    open: propTypesExports.bool,
+    setOpen: propTypesExports.func,
+    render: propTypesExports.func,
+    predicate: propTypesExports.func,
+    placement: propTypesExports.string,
+    middlewareOptions: propTypesExports.shape({
+      offset: propTypesExports.object,
+      shift: propTypesExports.object,
+      flip: propTypesExports.object
+    })
+  }),
+  theme: propTypesExports.oneOf(['light', 'dark']),
+  required: propTypesExports.bool
+};
+
+export { TextField as default };
+//# sourceMappingURL=TextFieldv2.js.map