linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

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

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

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

@@ -0,0 +1 @@
+{"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,6 +1,12 @@
-import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import o from "../base/InputTextBase.js";
-const x = (t) => /* @__PURE__ */ e.jsx(o, { ...t });
+import { jsx as r } from "react/jsx-runtime";
+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(i, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
+};
 export {
-  x as default
+  l as default
 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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,18 +1,17 @@
-import { j as r } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { jsx as i } from "react/jsx-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
 import x from "../base/InputTextBase.js";
-const c = (t) => {
-  const { rows: s, cols: e, customClass: a, type: o = "textarea" } = t;
-  return /* @__PURE__ */ r.jsx(
-    x,
-    {
-      ...t,
-      rows: s,
-      type: o,
-      cols: e,
-      customClass: `textarea-container ${a}`
-    }
-  );
+const d = (e) => {
+  const t = l.c(6), {
+    rows: s,
+    cols: r,
+    customClass: n,
+    type: m
+  } = e, a = m === void 0 ? "textarea" : m, c = `textarea-container ${n}`;
+  let 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 {
-  c as default
+  d as default
 };
+//# sourceMappingURL=index.js.map

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

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