linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/inputs/select/simple/index.js

@@ -1,63 +1,64 @@
-import { jsxs as we, jsx as K } from "react/jsx-runtime";
-import { useState as m, useRef as R, useEffect as W } from "react";
+import { jsxs as we, jsx as N } from "react/jsx-runtime";
+import { useState as m, useRef as E, useEffect as F } from "react";
 import Y from "../../../_virtual/lodash.js";
-import ye from "../Dropdown.js";
-import Se from "../ActionButtons.js";
-import { keyCodes as F } from "../../../internals/constants.js";
+import Se from "../Dropdown.js";
+import Ee from "../ActionButtons.js";
+import { keyCodes as R, keys as Re } from "../../../internals/constants.js";
 import { getFilteredSimpleDataCombo as Z } from "../helper.js";
-import Re from "../../base/InputTextBase.js";
-import ve from "../../../node_modules/uuid/dist/v1.js";
-const Te = (i) => {
+import ve from "../../base/InputTextBase.js";
+import We from "../../../node_modules/uuid/dist/v1.js";
+const Ae = (i) => {
   const {
-    value: C,
+    value: g,
     descriptionKey: t,
     dataSource: D = [],
-    gridLayout: B,
-    onSearch: N,
+    gridLayout: k,
+    onSearch: A,
     disabled: ee,
     readOnly: ne,
     openDropdownOnFocus: te = !0,
     selectFirstOnEnter: oe = !1,
-    idKey: g,
-    remoteSearch: k = !1,
-    name: _ = "",
+    idKey: y,
+    remoteSearch: B = !1,
+    name: K = "",
     undigitable: x,
-    searchOnDropdown: $ = !1,
-    allOptions: a = void 0,
+    searchOnDropdown: _ = !1,
+    allOptions: d = void 0,
     showClearButton: ie = !1,
     searchNotFoundText: re,
     rightElements: se = [],
     customClassForWrapper: le,
     customClassForInputContent: ce,
     customClassForLabel: ue,
-    customClassForSideButtons: ae
-  } = i, s = typeof t == "string", o = a ? [{
-    [g]: a.idValue,
-    [s ? t : t(a.label)]: a.label
-  }, ...D] : D, [r, v] = m(o), [c, p] = m(null), [O, u] = m(""), [y, d] = m(!1), [de, I] = m(0), [fe, me] = m(!1), [S, pe] = m(), [A, P] = m(!1), E = R(null), z = `select-component-${_}-${ve()}`, V = R(null), l = R(null), b = R(null), h = R(null), j = () => {
-    l.current && I(l.current.clientWidth);
-  }, q = (e) => {
+    customClassForSideButtons: de,
+    dropdownMaxWidth: ae = void 0
+  } = i, s = typeof t == "string", o = d ? [{
+    [y]: d.idValue,
+    [s ? t : t(d.label)]: d.label
+  }, ...D] : D, [r, v] = m(o), [u, p] = m(null), [h, l] = m(""), [w, a] = m(!1), [fe, I] = m(0), [me, pe] = m(!1), [S, he] = m(), [$, P] = m(!1), W = E(null), z = `select-component-${K}-${We()}`, M = E(null), c = E(null), b = E(null), C = E(null), V = () => {
+    c.current && I(c.current.clientWidth);
+  }, j = (e) => {
     const {
       target: n
     } = e;
-    n !== l.current && !l.current?.contains(n) && !E.current?.contains(n) && d(!1);
-  }, M = (e) => {
-    const n = e.target, f = E.current?.parentElement?.id || "", Oe = !!document.getElementById(f)?.contains(n);
-    me(Oe);
+    n !== c.current && !c.current?.contains(n) && !W.current?.contains(n) && a(!1);
+  }, q = (e) => {
+    const n = e.target, f = W.current?.parentElement?.id || "", Oe = !!document.getElementById(f)?.contains(n);
+    pe(Oe);
   }, J = (e) => ({
     target: {
-      value: e ? e[g] : void 0,
-      name: _
+      value: e ? e[y] : void 0,
+      name: K
     }
-  }), w = (e) => {
+  }), O = (e) => {
     if (i.onChange) {
       const n = J(e);
       i.onChange(n);
     }
   }, U = (e) => {
     let n = null;
-    if (k)
-      N && N(e);
+    if (B)
+      A && A(e);
     else {
       const f = Z({
         inputText: e,
@@ -66,92 +67,93 @@ const Te = (i) => {
       });
       f && f.length > 0 && (n = f[0], p(n)), v(f);
     }
-    d(!0), u(e), n && (s && e === n[t] || !s && e === t(n)) && w(n);
+    a(!0), l(e), n && (s && e === n[t] || !s && e === t(n)) && O(n);
   }, G = (e) => {
-    e && (p(e), u(s ? e[t] : t(e)), new Promise((n) => {
-      n(w(e));
+    e && (p(e), l(s ? e[t] : t(e)), new Promise((n) => {
+      n(O(e));
     }).finally(() => {
-      h && h.current && h.current.focus(), d(!1);
-    }), E.current?.focus());
-  }, he = () => {
-    d((e) => !e), l.current && I(l.current.clientWidth);
-  }, L = () => {
-    if (te && d(!0), l) {
-      const e = l.current ? l.current.clientWidth : 0;
+      C && C.current && C.current.focus(), a(!1);
+    }), W.current?.focus());
+  }, Ce = () => {
+    a((e) => !e), c.current && I(c.current.clientWidth);
+  }, T = () => {
+    if (te && a(!0), c) {
+      const e = c.current ? c.current.clientWidth : 0;
       I(e);
     }
   }, H = () => {
     if (i.onBlur) {
-      const e = J(c);
-      i.onBlur(e), (c && s && O !== c[t] || !s && O !== t(c)) && (p(null), u(O), new Promise((n) => {
-        n(w(null));
+      const e = J(u);
+      i.onBlur(e), (u && s && h !== u[t] || !s && h !== t(u)) && (p(null), l(h), new Promise((n) => {
+        n(O(null));
       }).finally(() => {
-        w();
+        O();
       }));
     }
-    fe || (d(!1), P(!1), v(o));
+    me || (a(!1), P(!1), v(o));
   }, Q = (e) => {
     if (e.keyCode) {
-      if (e.keyCode === F.ENTER && c && y)
-        e.preventDefault?.(), G(c);
-      else if ([F.ARROW_UP, F.ARROW_DOWN].includes(e.keyCode)) {
-        y || d(!0);
-        let n = r.length > 0 ? r.findIndex((f) => c && f[g] === c[g]) : 0;
-        e.keyCode === F.ARROW_DOWN ? n = r && n === r.length - 1 ? 0 : n + 1 : n = r && n === 0 ? r?.length - 1 : n - 1, p(r[n]), s && u(r[n][t]), s || u(t(r[n]));
+      if ((e.keyCode === R.ENTER || e.key === Re.TAB) && u && w)
+        e.keyCode === R.ENTER && e.preventDefault?.(), G(u);
+      else if ([R.ARROW_UP, R.ARROW_DOWN].includes(e.keyCode)) {
+        w || a(!0);
+        let n = r.length > 0 ? r.findIndex((f) => u && f[y] === u[y]) : 0;
+        e.keyCode === R.ARROW_DOWN ? n = r && n === r.length - 1 ? 0 : n + 1 : n = r && n === 0 ? r?.length - 1 : n - 1, p(r[n]), s && l(r[n][t]), s || l(t(r[n]));
       }
     }
-    A || P(!0);
-  }, Ce = () => {
+    $ || P(!0);
+  }, ge = () => {
     new Promise((e) => {
-      e(w(null));
+      e(O(null));
     }).finally(() => {
-      p(null), u(""), w(), h && h.current && h.current.focus(), d(!1);
+      p(null), l(""), O(), C && C.current && C.current.focus(), a(!1);
     });
-  }, ge = (e) => {
-    pe(e);
-  }, X = () => ee || S && (S.disabled || S.hideContent), T = () => ne || S && S.readOnly;
-  return W(() => (window.addEventListener("resize", j), document.addEventListener("click", q), document.addEventListener("mousemove", M), () => {
-    window.removeEventListener("resize", j), document.removeEventListener("click", q), document.removeEventListener("mousemove", M);
-  }), []), W(() => {
-    if (B) {
+  }, ye = (e) => {
+    he(e);
+  }, X = () => ee || S && (S.disabled || S.hideContent), L = () => ne || S && S.readOnly;
+  return F(() => (window.addEventListener("resize", V), document.addEventListener("click", j), document.addEventListener("mousemove", q), () => {
+    window.removeEventListener("resize", V), document.removeEventListener("click", j), document.removeEventListener("mousemove", q);
+  }), []), F(() => {
+    if (k) {
       const e = document.querySelector(`#${z}>.-withinput.grid-container`);
       b.current !== e && e && (b.current = e);
     }
-  }, [B]), W(() => {
+  }, [k]), F(() => {
     if (o.length > 0) {
       let e = null;
-      C || C === 0 ? e = o.find((n) => (C || C === 0) && n[g]?.toString().toLowerCase() === C?.toString().toLowerCase()) : o.length > 0 && oe && (e = o[0]), p(e), u(s ? e ? e[t] : "" : e ? t(e) : "");
+      g || g === 0 ? e = o.find((n) => (g || g === 0) && n[y]?.toString().toLowerCase() === g?.toString().toLowerCase()) : o.length > 0 && oe && (e = o[0]), p(e), l(s ? e ? e[t] : "" : e ? t(e) : "");
     }
-  }, [o.length, C]), W(() => {
+    o.length === 0 && h && l("");
+  }, [o.length, g]), F(() => {
     if (!Y.isEqual(r, o)) {
-      const e = x || k || !A ? o : Z({
-        inputText: O,
+      const e = x || B || !$ ? o : Z({
+        inputText: h,
         dataSource: o,
         descriptionKey: t
       });
-      if (v(e), o.length > 0 && k) {
+      if (v(e), o.length > 0 && B) {
         const n = o[0];
         p(n);
       }
     }
-    a && v([{
-      [g]: a.idValue,
-      [s ? t : t(a.label)]: a.label
+    d && v([{
+      [y]: d.idValue,
+      [s ? t : t(d.label)]: d.label
     }, ...D]);
-  }, [JSON.stringify(o)]), /* @__PURE__ */ we("span", { id: z, ref: V, className: "select-component", children: [
-    /* @__PURE__ */ K(Re, { ...i, inputRef: (e) => {
-      i.inputRef && (Y.isFunction(i.inputRef) ? i.inputRef(e) : i.inputRef.current = e), h.current = e;
-    }, autoComplete: "off", readOnly: x || T(), value: O, onFocus: L, onBlur: H, onChange: (e) => {
+  }, [JSON.stringify(o)]), /* @__PURE__ */ we("span", { id: z, ref: M, className: "select-component", children: [
+    /* @__PURE__ */ N(ve, { ...i, inputRef: (e) => {
+      i.inputRef && (Y.isFunction(i.inputRef) ? i.inputRef(e) : i.inputRef.current = e), C.current = e;
+    }, autoComplete: "off", readOnly: x || L(), value: h, onFocus: T, onBlur: H, onChange: (e) => {
       e && U(e.target.value);
-    }, onClick: L, onKeyDown: Q, customClassForLabel: ue, customClassForWrapper: `selectwrapper ${(x || $ || T()) && " -undigitable"} ${le}`, customClassForInputContent: `multiselect ${ce}`, inputBaseRef: (e) => {
-      l.current = e;
-    }, handlerSetOnDenied: (e) => ge(e), rightElements: [...se, /* @__PURE__ */ K(Se, { disabled: X() || T(), showClearButton: ie, dropDownOpened: y, handlerClear: () => X() ? null : Ce(), handlerOpenClose: he, customClassForSideButtons: ae }, "action-buttons-simpleselect")] }),
-    y && /* @__PURE__ */ K(ye, { ...i, opened: y, selected: c, inputValue: O, selectFieldRef: V, dropdownRef: E, searchOnDropdown: $, gridWrapperStyle: B && b.current ? window.getComputedStyle(b.current) : void 0, handleOnSelect: (e) => {
+    }, onClick: T, onKeyDown: Q, customClassForLabel: ue, customClassForWrapper: `selectwrapper ${(x || _ || L()) && " -undigitable"} ${le}`, customClassForInputContent: `multiselect ${ce}`, inputBaseRef: (e) => {
+      c.current = e;
+    }, handlerSetOnDenied: (e) => ye(e), rightElements: [...se, /* @__PURE__ */ N(Ee, { disabled: X() || L(), showClearButton: ie, dropDownOpened: w, handlerClear: () => X() ? null : ge(), handlerOpenClose: Ce, customClassForSideButtons: de }, "action-buttons-simpleselect")] }),
+    w && /* @__PURE__ */ N(Se, { ...i, opened: w, selected: u, inputValue: h, selectFieldRef: M, dropdownRef: W, searchOnDropdown: _, gridWrapperStyle: k && b.current ? window.getComputedStyle(b.current) : void 0, handleOnSelect: (e) => {
       e && G(e);
-    }, handleOnFilter: (e) => U(e), handleOnKeydown: Q, handleOnBlur: () => H, handleOnFocus: L, dataCombo: r, dropdownWidth: de || 0, searchNotFoundText: re })
+    }, handleOnFilter: (e) => U(e), handleOnKeydown: Q, handleOnBlur: () => H, handleOnFocus: T, dataCombo: r, searchNotFoundText: re, dropdownWidth: ae || fe || 0 })
   ] });
 };
 export {
-  Te as default
+  Ae as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/select/simple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/simple/index.tsx"],"sourcesContent":["import React, { KeyboardEvent as KeyboardEventReact, useEffect, useRef, useState } from 'react';\nimport * as uuid from 'uuid';\nimport _ from 'lodash';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport * as constants from '../../../internals/constants';\nimport { getFilteredSimpleDataCombo } from '../helper';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport InputTextBase from '../../base/InputTextBase';\nimport { ISimpleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\nimport Hint from '../../../hint';\n\nconst SimpleSelect = (props: ISimpleSelectProps) => {\n  const {\n    value, descriptionKey, dataSource = [], gridLayout, onSearch, disabled, readOnly,\n    openDropdownOnFocus = true, selectFirstOnEnter = false, idKey, remoteSearch = false, name = '',\n    undigitable, searchOnDropdown = false, allOptions = undefined, showClearButton = false,\n    searchNotFoundText, rightElements = [],  customClassForWrapper, customClassForInputContent, \n    customClassForLabel, customClassForSideButtons,\n  } = props;\n\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const dataSourceWithAllOptions = allOptions\n    ? [{\n        [idKey]: allOptions.idValue,\n        [descriptionKeyIsString ?\n          descriptionKey :\n            descriptionKey(allOptions.label)]: allOptions.label,\n      }, ...dataSource]\n    : dataSource;\n  const [dataCombo, setDataCombo] = useState<DataCombo[]>(dataSourceWithAllOptions);\n  const [selected, setSelected] = useState<DataCombo | null>(null);\n  const [inputText, setInputText] = useState('');\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [isTyping, setIsTyping] = useState(false);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const componentId = `select-component-${name}-${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement>(null);\n  const gridElement = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (target !== selectWrapper.current && !selectWrapper.current?.contains(target as Node) &&\n      !dropdownRef.current?.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const getSelectEvent = (selectedEvent?: DataCombo) => (\n    {\n      target: {\n        value: selectedEvent ? selectedEvent[idKey] : undefined,\n        name,\n      },\n    }\n  );\n\n  const onChange = (selectedChange?: DataCombo) => {\n    if (props.onChange) {\n      const event = getSelectEvent(selectedChange);\n      props.onChange(event);\n    }\n  };\n\n  const onFilter = (valueFilter: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (onSearch) onSearch(valueFilter);\n    } else {\n      const dataComboFilter = getFilteredSimpleDataCombo({\n        inputText: valueFilter,\n        descriptionKey,\n        dataSource: dataSourceWithAllOptions,\n      });\n\n      if (dataComboFilter && dataComboFilter.length > 0) {\n        selectedFilter = dataComboFilter[0];\n        setSelected(selectedFilter);\n      }\n      setDataCombo(dataComboFilter);\n    }\n    setOpened(true);\n    setInputText(valueFilter);\n    if (selectedFilter) {\n      if ((descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey])\n        || (!descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter))) {\n        onChange(selectedFilter);\n      }\n    }\n  };\n\n  const onSelect = (selectedDropdown: DataCombo) => {\n    if (!selectedDropdown) return;\n    setSelected(selectedDropdown);\n\n    if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);\n    else setInputText(descriptionKey(selectedDropdown));\n    new Promise((resolve) => {\n      resolve(onChange(selectedDropdown));\n    }).finally(() => {\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n    dropdownRef.current?.focus();\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onFocus = () => {\n    if (openDropdownOnFocus) setOpened(true);\n    if (selectWrapper) {\n      const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;\n      setDropdownWidth(dropdownWidthFocus);\n    }\n  };\n\n  const onBlur = () => {\n    if (props.onBlur) {\n      const event = getSelectEvent(selected);\n      props.onBlur(event);\n      if (selected && (descriptionKeyIsString && inputText !== selected[descriptionKey])\n        || (!descriptionKeyIsString && inputText !== descriptionKey(selected))) {\n        setSelected(null);\n        setInputText(inputText);\n        new Promise((resolve) => {\n          resolve(onChange(null));\n        }).finally(() => {\n          onChange();\n        });\n      }\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setIsTyping(false);\n      setDataCombo(dataSourceWithAllOptions);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEventReact) => {\n    if (e.keyCode) {\n      if (e.keyCode === constants.keyCodes.ENTER && selected && opened) {\n        e.preventDefault?.();\n        onSelect(selected);\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo.length > 0\n          ? dataCombo.findIndex(d => selected &&\n            d[idKey] === selected[idKey])\n          : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo\n            && index === dataCombo.length - 1\n            ? 0\n            : index + 1);\n        } else {\n          index = (dataCombo\n            && index === 0\n            ? dataCombo?.length - 1\n            : index - 1);\n        }\n        setSelected(dataCombo[index]);\n        if (descriptionKeyIsString) setInputText(dataCombo[index][descriptionKey]);\n        if (!descriptionKeyIsString) setInputText(descriptionKey(dataCombo[index]));\n      }\n    }\n    if (!isTyping) setIsTyping(true);\n  };\n\n  const onClearClick = () => {\n    new Promise((resolve) => {\n      resolve(onChange(null));\n    }).finally(() => {\n      setSelected(null);\n      setInputText('');\n      onChange();\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n  };\n\n  const setOnDenied = (onDeniedSelect: OnDenied) => {\n    setOnDeniedSelect(onDeniedSelect);\n  };\n\n  const shouldDisable = () =>\n    disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;\n    }\n  }, [gridLayout]);\n\n  useEffect(() => {\n    if (dataSourceWithAllOptions.length > 0) {\n      let newCurrent = null;\n      if (value || value === 0) {\n        newCurrent = dataSourceWithAllOptions.find(i => (value || value === 0)\n          && i[idKey]?.toString().toLowerCase() === value?.toString().toLowerCase());\n      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {\n        newCurrent = dataSourceWithAllOptions[0];\n      }\n\n      setSelected(newCurrent);\n      if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');\n      else setInputText(newCurrent ? descriptionKey(newCurrent) : '');\n    }\n  }, [dataSourceWithAllOptions.length, value]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataCombo, dataSourceWithAllOptions)) {\n      const dataComboFilteredSimple = (undigitable || remoteSearch || !isTyping) ?\n        dataSourceWithAllOptions\n        : getFilteredSimpleDataCombo({\n            inputText, dataSource: dataSourceWithAllOptions, descriptionKey,\n          });\n      setDataCombo(dataComboFilteredSimple);\n      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {\n        const data = dataSourceWithAllOptions[0];\n        setSelected(data);\n      }\n    }\n\n    if (allOptions) {\n      setDataCombo([\n        {\n          [idKey]: allOptions.idValue,\n          [descriptionKeyIsString ?\n            descriptionKey :\n              descriptionKey(allOptions.label)]: allOptions.label,\n        },\n        ...dataSource,\n      ]);\n    }\n  }, [JSON.stringify(dataSourceWithAllOptions)]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        readOnly={undigitable || shouldBeReadOnly()}\n        value={inputText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={(inputOnDenied: OnDenied) => setOnDenied(inputOnDenied)}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-simpleselect\"\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            showClearButton={showClearButton}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]} />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          selected={selected}\n          inputValue={inputText}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          searchOnDropdown={searchOnDropdown}\n          gridWrapperStyle={gridLayout && gridElement.current ?\n              window.getComputedStyle(gridElement.current)\n            : undefined}\n          handleOnSelect={(dataSelected?: DataCombo) => {\n            if (dataSelected) onSelect(dataSelected);\n          }}\n          handleOnFilter={(valueFilter: string) => onFilter(valueFilter)}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          dataCombo={dataCombo}\n          dropdownWidth={dropdownWidth || 0}\n          searchNotFoundText={searchNotFoundText} />\n      }\n    </span>\n  );\n};\nexport default SimpleSelect;\n"],"names":["SimpleSelect","props","value","descriptionKey","dataSource","gridLayout","onSearch","disabled","readOnly","openDropdownOnFocus","selectFirstOnEnter","idKey","remoteSearch","name","undigitable","searchOnDropdown","allOptions","undefined","showClearButton","searchNotFoundText","rightElements","customClassForWrapper","customClassForInputContent","customClassForLabel","customClassForSideButtons","descriptionKeyIsString","dataSourceWithAllOptions","idValue","label","dataCombo","setDataCombo","useState","selected","setSelected","inputText","setInputText","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","isTyping","setIsTyping","dropdownRef","useRef","componentId","uuid","componentRef","selectWrapper","gridElement","inputTextRef","onScreenResize","current","clientWidth","onClickOutside","event","target","contains","onMouseMove","idDropdown","parentElement","id","keepDropdownOpen","Boolean","document","getElementById","getSelectEvent","selectedEvent","onChange","selectedChange","onFilter","valueFilter","selectedFilter","dataComboFilter","getFilteredSimpleDataCombo","length","onSelect","selectedDropdown","Promise","resolve","finally","focus","onOpenClose","prevState","onFocus","dropdownWidthFocus","onBlur","onInputKeyDown","e","keyCode","constants","ENTER","preventDefault","ARROW_UP","ARROW_DOWN","includes","index","findIndex","d","onClearClick","setOnDenied","onDeniedSelect","shouldDisable","hideContent","shouldBeReadOnly","useEffect","window","addEventListener","removeEventListener","gridEl","querySelector","newCurrent","find","i","toString","toLowerCase","_","isEqual","dataComboFilteredSimple","data","JSON","stringify","jsx","InputTextBase","ref","inputRef","isFunction","r","inputOnDenied","ActionButtons","Dropdown","getComputedStyle","dataSelected"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/simple/index.tsx"],"sourcesContent":["import { KeyboardEvent as KeyboardEventReact, useEffect, useRef, useState } from 'react';\nimport * as uuid from 'uuid';\nimport _ from 'lodash';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport * as constants from '../../../internals/constants';\nimport { getFilteredSimpleDataCombo } from '../helper';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport InputTextBase from '../../base/InputTextBase';\nimport { ISimpleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\n\nconst SimpleSelect = (props: ISimpleSelectProps) => {\n  const {\n    value, descriptionKey, dataSource = [], gridLayout, onSearch, disabled, readOnly,\n    openDropdownOnFocus = true, selectFirstOnEnter = false, idKey, remoteSearch = false, name = '',\n    undigitable, searchOnDropdown = false, allOptions = undefined, showClearButton = false,\n    searchNotFoundText, rightElements = [], customClassForWrapper, customClassForInputContent, \n    customClassForLabel, customClassForSideButtons, dropdownMaxWidth = undefined,\n  } = props;\n\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const dataSourceWithAllOptions = allOptions\n    ? [{\n        [idKey]: allOptions.idValue,\n        [descriptionKeyIsString ?\n          descriptionKey :\n            descriptionKey(allOptions.label)]: allOptions.label,\n      }, ...dataSource]\n    : dataSource;\n  const [dataCombo, setDataCombo] = useState<DataCombo[]>(dataSourceWithAllOptions);\n  const [selected, setSelected] = useState<DataCombo | null>(null);\n  const [inputText, setInputText] = useState('');\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [isTyping, setIsTyping] = useState(false);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const componentId = `select-component-${name}-${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement>(null);\n  const gridElement = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (target !== selectWrapper.current && !selectWrapper.current?.contains(target as Node) &&\n      !dropdownRef.current?.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const getSelectEvent = (selectedEvent?: DataCombo) => (\n    {\n      target: {\n        value: selectedEvent ? selectedEvent[idKey] : undefined,\n        name,\n      },\n    }\n  );\n\n  const onChange = (selectedChange?: DataCombo) => {\n    if (props.onChange) {\n      const event = getSelectEvent(selectedChange);\n      props.onChange(event);\n    }\n  };\n\n  const onFilter = (valueFilter: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (onSearch) onSearch(valueFilter);\n    } else {\n      const dataComboFilter = getFilteredSimpleDataCombo({\n        inputText: valueFilter,\n        descriptionKey,\n        dataSource: dataSourceWithAllOptions,\n      });\n\n      if (dataComboFilter && dataComboFilter.length > 0) {\n        selectedFilter = dataComboFilter[0];\n        setSelected(selectedFilter);\n      }\n      setDataCombo(dataComboFilter);\n    }\n    setOpened(true);\n    setInputText(valueFilter);\n    if (selectedFilter) {\n      if ((descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey])\n        || (!descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter))) {\n        onChange(selectedFilter);\n      }\n    }\n  };\n\n  const onSelect = (selectedDropdown: DataCombo) => {\n    if (!selectedDropdown) return;\n    setSelected(selectedDropdown);\n\n    if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);\n    else setInputText(descriptionKey(selectedDropdown));\n    new Promise((resolve) => {\n      resolve(onChange(selectedDropdown));\n    }).finally(() => {\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n    dropdownRef.current?.focus();\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onFocus = () => {\n    if (openDropdownOnFocus) setOpened(true);\n    if (selectWrapper) {\n      const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;\n      setDropdownWidth(dropdownWidthFocus);\n    }\n  };\n\n  const onBlur = () => {\n    if (props.onBlur) {\n      const event = getSelectEvent(selected);\n      props.onBlur(event);\n      if (selected && (descriptionKeyIsString && inputText !== selected[descriptionKey])\n        || (!descriptionKeyIsString && inputText !== descriptionKey(selected))) {\n        setSelected(null);\n        setInputText(inputText);\n        new Promise((resolve) => {\n          resolve(onChange(null));\n        }).finally(() => {\n          onChange();\n        });\n      }\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setIsTyping(false);\n      setDataCombo(dataSourceWithAllOptions);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEventReact) => {\n    if (e.keyCode) {\n      if ((e.keyCode === constants.keyCodes.ENTER || e.key === constants.keys.TAB) && \n            selected && opened) {\n        if (e.keyCode === constants.keyCodes.ENTER) e.preventDefault?.();\n        onSelect(selected);\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo.length > 0\n          ? dataCombo.findIndex(d => selected &&\n            d[idKey] === selected[idKey])\n          : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo\n            && index === dataCombo.length - 1\n            ? 0\n            : index + 1);\n        } else {\n          index = (dataCombo\n            && index === 0\n            ? dataCombo?.length - 1\n            : index - 1);\n        }\n        setSelected(dataCombo[index]);\n        if (descriptionKeyIsString) setInputText(dataCombo[index][descriptionKey]);\n        if (!descriptionKeyIsString) setInputText(descriptionKey(dataCombo[index]));\n      }\n    }\n    if (!isTyping) setIsTyping(true);\n  };\n\n  const onClearClick = () => {\n    new Promise((resolve) => {\n      resolve(onChange(null));\n    }).finally(() => {\n      setSelected(null);\n      setInputText('');\n      onChange();\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n  };\n\n  const setOnDenied = (onDeniedSelect: OnDenied) => {\n    setOnDeniedSelect(onDeniedSelect);\n  };\n\n  const shouldDisable = () =>\n    disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;\n    }\n  }, [gridLayout]);\n\n  useEffect(() => {\n    if (dataSourceWithAllOptions.length > 0) {\n      let newCurrent = null;\n      if (value || value === 0) {\n        newCurrent = dataSourceWithAllOptions.find(i => (value || value === 0)\n          && i[idKey]?.toString().toLowerCase() === value?.toString().toLowerCase());\n      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {\n        newCurrent = dataSourceWithAllOptions[0];\n      }\n\n      setSelected(newCurrent);\n      if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');\n      else setInputText(newCurrent ? descriptionKey(newCurrent) : '');\n    }\n\n    if (dataSourceWithAllOptions.length === 0 && inputText) {\n      setInputText('');\n    }\n  }, [dataSourceWithAllOptions.length, value]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataCombo, dataSourceWithAllOptions)) {\n      const dataComboFilteredSimple = (undigitable || remoteSearch || !isTyping) ?\n        dataSourceWithAllOptions\n        : getFilteredSimpleDataCombo({\n            inputText, dataSource: dataSourceWithAllOptions, descriptionKey,\n          });\n      setDataCombo(dataComboFilteredSimple);\n      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {\n        const data = dataSourceWithAllOptions[0];\n        setSelected(data);\n      }\n    }\n\n    if (allOptions) {\n      setDataCombo([\n        {\n          [idKey]: allOptions.idValue,\n          [descriptionKeyIsString ?\n            descriptionKey :\n              descriptionKey(allOptions.label)]: allOptions.label,\n        },\n        ...dataSource,\n      ]);\n    }\n  }, [JSON.stringify(dataSourceWithAllOptions)]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        readOnly={undigitable || shouldBeReadOnly()}\n        value={inputText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={(inputOnDenied: OnDenied) => setOnDenied(inputOnDenied)}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-simpleselect\"\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            showClearButton={showClearButton}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]} />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          selected={selected}\n          inputValue={inputText}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          searchOnDropdown={searchOnDropdown}\n          gridWrapperStyle={gridLayout && gridElement.current ?\n              window.getComputedStyle(gridElement.current)\n            : undefined}\n          handleOnSelect={(dataSelected?: DataCombo) => {\n            if (dataSelected) onSelect(dataSelected);\n          }}\n          handleOnFilter={(valueFilter: string) => onFilter(valueFilter)}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          dataCombo={dataCombo}\n          searchNotFoundText={searchNotFoundText}\n          dropdownWidth={dropdownMaxWidth || dropdownWidth || 0} />\n      }\n    </span>\n  );\n};\nexport default SimpleSelect;\n"],"names":["SimpleSelect","props","value","descriptionKey","dataSource","gridLayout","onSearch","disabled","readOnly","openDropdownOnFocus","selectFirstOnEnter","idKey","remoteSearch","name","undigitable","searchOnDropdown","allOptions","undefined","showClearButton","searchNotFoundText","rightElements","customClassForWrapper","customClassForInputContent","customClassForLabel","customClassForSideButtons","dropdownMaxWidth","descriptionKeyIsString","dataSourceWithAllOptions","idValue","label","dataCombo","setDataCombo","useState","selected","setSelected","inputText","setInputText","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","isTyping","setIsTyping","dropdownRef","useRef","componentId","uuid","componentRef","selectWrapper","gridElement","inputTextRef","onScreenResize","current","clientWidth","onClickOutside","event","target","contains","onMouseMove","idDropdown","parentElement","id","keepDropdownOpen","Boolean","document","getElementById","getSelectEvent","selectedEvent","onChange","selectedChange","onFilter","valueFilter","selectedFilter","dataComboFilter","getFilteredSimpleDataCombo","length","onSelect","selectedDropdown","Promise","resolve","finally","focus","onOpenClose","prevState","onFocus","dropdownWidthFocus","onBlur","onInputKeyDown","e","keyCode","constants","ENTER","key","TAB","preventDefault","ARROW_UP","ARROW_DOWN","includes","index","findIndex","d","onClearClick","setOnDenied","onDeniedSelect","shouldDisable","hideContent","shouldBeReadOnly","useEffect","window","addEventListener","removeEventListener","gridEl","querySelector","newCurrent","find","i","toString","toLowerCase","_","isEqual","dataComboFilteredSimple","data","JSON","stringify","jsx","InputTextBase","ref","inputRef","isFunction","r","inputOnDenied","ActionButtons","Dropdown","getComputedStyle","dataSelected"],"mappings":"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"}

package/lib/inputs/select/types.d.ts

@@ -54,6 +54,7 @@ export interface ISimpleSelectProps {
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    dropdownMaxWidth?: number;
 }
 export interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
     multiple?: boolean;
@@ -99,6 +100,7 @@ export interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' |
     popoverAlign?: 'right' | 'left';
 }
 export interface ISelectedsMultipleProps {
+    disabled?: boolean;
     idKey: string;
     descriptionKey: DescriptionKey;
     currents: DataCombo[];

package/lib/inputs/text/index.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as m } from "react/compiler-runtime";
-import f from "../base/InputTextBase.js";
-const s = (o) => {
-  const t = m(2);
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import i from "../base/InputTextBase.js";
+const l = (o) => {
+  const t = m.c(2);
   let e;
-  return t[0] !== o ? (e = /* @__PURE__ */ r(f, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
+  return t[0] !== o ? (e = /* @__PURE__ */ r(i, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
 };
 export {
-  s as default
+  l as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/text/index.tsx"],"sourcesContent":["import React from 'react';\nimport InputTextBase from '../base/InputTextBase';\nimport { ITextField } from './types';\n\nconst TextField = (props: ITextField) => <InputTextBase {...props} />;\nexport default TextField;\n"],"names":["TextField","props","$","_c","t0","jsx","InputTextBase"],"mappings":";;;AAIA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAuBG,IAAA,gBAAAC,EAACC,GAAA,EAAa,GAAKL,EAAAA,CAAK,GAAIC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAA5BE;AAA4B;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/text/index.tsx"],"sourcesContent":["import InputTextBase from '../base/InputTextBase';\nimport { ITextField } from './types';\n\nconst TextField = (props: ITextField) => <InputTextBase {...props} />;\nexport default TextField;\n"],"names":["TextField","props","$","_c","t0","jsx","InputTextBase"],"mappings":";;;AAGA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAuBG,IAAA,gBAAAC,EAACC,GAAA,EAAa,GAAKL,EAAAA,CAAK,GAAIC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAA5BE;AAA4B;"}

package/lib/inputs/text/types.d.ts

@@ -2,9 +2,7 @@ import { JSX } from 'react';
 import { Period } from '../../@types/Period';
 import { PermissionAttr } from '../../@types/PermissionAttr';
 import { CustomInputEvent, IBaseProps } from '../base/types';
-import { WithTooltipProps } from '../../internals/types';
-type CommonProperties = Pick<WithTooltipProps, 'tooltip' | 'tooltipPosition' | 'tooltipWidth'>;
-export interface ITextField extends IBaseProps, CommonProperties {
+export interface ITextField extends IBaseProps {
     value?: string | string[];
     required?: boolean;
     name?: string;
@@ -18,4 +16,3 @@ export interface ITextField extends IBaseProps, CommonProperties {
     permissionAttr?: PermissionAttr;
     gridLayout?: string;
 }
-export {};

package/lib/inputs/textarea/index.js

@@ -1,17 +1,17 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
 import x from "../base/InputTextBase.js";
-const y = (e) => {
-  const t = l(6), {
+const d = (e) => {
+  const t = l.c(6), {
     rows: s,
-    cols: a,
-    customClass: m,
-    type: n
-  } = e, r = n === void 0 ? "textarea" : n, c = `textarea-container ${m}`;
+    cols: r,
+    customClass: n,
+    type: m
+  } = e, a = m === void 0 ? "textarea" : m, c = `textarea-container ${n}`;
   let o;
-  return t[0] !== a || t[1] !== e || t[2] !== s || t[3] !== c || t[4] !== r ? (o = /* @__PURE__ */ i(x, { ...e, rows: s, type: r, cols: a, customClass: c }), t[0] = a, t[1] = e, t[2] = s, t[3] = c, t[4] = r, t[5] = o) : o = t[5], o;
+  return t[0] !== r || t[1] !== e || t[2] !== s || t[3] !== c || t[4] !== a ? (o = /* @__PURE__ */ i(x, { ...e, rows: s, type: a, cols: r, customClass: c }), t[0] = r, t[1] = e, t[2] = s, t[3] = c, t[4] = a, t[5] = o) : o = t[5], o;
 };
 export {
-  y as default
+  d as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/textarea/index.tsx"],"sourcesContent":["import React from 'react';\nimport InputTextBase from '../base/InputTextBase';\nimport { ITextAreaProps } from './types';\n\nconst TextArea = (props: ITextAreaProps) => {\n  const { rows, cols, customClass, type = 'textarea' } = props;\n  return (\n    <InputTextBase\n      {...props}\n      rows={rows}\n      type={type}\n      cols={cols}\n      customClass={`textarea-container ${customClass}`} />\n  );\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","$","_c","rows","cols","customClass","type","t0","undefined","t1","t2","jsx","InputTextBase"],"mappings":";;;AAIA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GACf;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,MAAAC;AAAAA,EAAAA,IAAuDP,GAAtBM,IAAAC,MAAAC,SAAA,aAAAD,GAOhBE,IAAA,sBAAsBJ,CAAW;AAAE,MAAAK;AAAA,SAAAT,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAQ,KAAAR,SAAAK,KALlDI,IAAA,gBAAAC,EAACC,KAAa,GACRZ,GACEG,MAAAA,GACAG,MAAAA,GACAF,MAAAA,GACO,aAAAK,GAAmC,GAAIR,OAAAG,GAAAH,OAAAD,GAAAC,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAK,GAAAL,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GALtDS;AAKsD;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/textarea/index.tsx"],"sourcesContent":["import InputTextBase from '../base/InputTextBase';\nimport { ITextAreaProps } from './types';\n\nconst TextArea = (props: ITextAreaProps) => {\n  const { rows, cols, customClass, type = 'textarea' } = props;\n  return (\n    <InputTextBase\n      {...props}\n      rows={rows}\n      type={type}\n      cols={cols}\n      customClass={`textarea-container ${customClass}`} />\n  );\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","$","_c","rows","cols","customClass","type","t0","undefined","t1","t2","jsx","InputTextBase"],"mappings":";;;AAGA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACf;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,MAAAC;AAAAA,EAAAA,IAAuDP,GAAtBM,IAAAC,MAAAC,SAAA,aAAAD,GAOhBE,IAAA,sBAAsBJ,CAAW;AAAE,MAAAK;AAAA,SAAAT,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAQ,KAAAR,SAAAK,KALlDI,IAAA,gBAAAC,EAACC,KAAa,GACRZ,GACEG,MAAAA,GACAG,MAAAA,GACAF,MAAAA,GACO,aAAAK,GAAmC,GAAIR,OAAAG,GAAAH,OAAAD,GAAAC,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAK,GAAAL,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GALtDS;AAKsD;"}

package/lib/inputs/types.d.ts

@@ -25,6 +25,7 @@ export interface ISearchProps extends IBaseProps {
     rounded?: boolean;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
     style?: CSSProperties;
+    drawerFilterIsOpened?: boolean;
 }
 export interface IDropdownProps {
     children: ReactNode | ReactNode[];
@@ -44,7 +45,7 @@ export interface IInputHOCProps {
 }
 export interface IMaskHOCProps {
     label?: string;
-    value?: string;
+    value?: string | number;
     unmask?: boolean;
     name?: string;
     commit?: () => void;
@@ -145,7 +146,7 @@ export interface IButtonsProps {
 }
 export interface ErrorProps {
     customClass?: string;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     messages?: string | string[];
 }
 export {};

package/lib/inputs2/checkboxfield/index.d.ts

@@ -0,0 +1,32 @@
+import { ComponentProps } from 'react';
+import { Size } from '../../@types/Size';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { ITooltipCommonProps } from '../../tooltip/types';
+import { Position, HintPosition } from '../../@types/Position';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+type InputHTMLProps = Omit<ComponentProps<'input'>, 'size' | 'type'>;
+interface CheckboxFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    size?: Exclude<Size, 'mini'>;
+    variant?: 'default' | 'secondary';
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+    tabIndex?: number;
+}
+declare const Input: import('react').ForwardRefExoticComponent<Omit<CheckboxFieldInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { CheckboxFieldInputProps };