linear-react-components-ui 1.1.26-beta.13 → 1.1.26-beta.14

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

@@ -1,126 +1,127 @@
-import { j as C } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
+import { jsxs as fe, jsx as v } from "react/jsx-runtime";
 import { useState as u, useRef as R, useEffect as F } from "react";
-import { _ as I } from "../../../chunks/lodash.CIAK_hAg.js";
-import fe from "../Dropdown.js";
-import me from "../ActionButtons.js";
-import he from "./Selecteds.js";
-import { keyCodes as p } from "../../../internals/constants.js";
-import Ce from "../../base/InputTextBase.js";
+import x from "../../../_virtual/lodash.js";
+import me from "../Dropdown.js";
+import he from "../ActionButtons.js";
+import Ce from "./Selecteds.js";
+import { keyCodes as C } from "../../../internals/constants.js";
+import pe from "../../base/InputTextBase.js";
 import { getFilteredMultipleDataCombo as J } from "../helper.js";
-import pe from "../../../hint/index.js";
-import { v as ge } from "../../../chunks/v1.Ds1rkxUj.js";
-const Be = (n) => {
+import ge from "../../../hint/index.js";
+import Se from "../../../node_modules/uuid/dist/v1.js";
+const Ie = (n) => {
   const {
     idKey: d,
     dataSource: i = [],
     handlerClear: Q,
-    value: g = [],
+    value: p = [],
     remoteSearch: L = !1,
     descriptionKey: f,
     showClearButton: X,
     rightElements: Y = [],
-    hint: j,
+    hint: K,
     hintPosition: Z = "below",
     customClassForLabel: V,
     customClassForWrapper: _,
     customClassForInputContent: ee,
     customClassForSideButtons: te
-  } = n, [r, D] = u(i), [s, S] = u([]), [w, m] = u(), [b, y] = u([]), [O, c] = u(!1), [K, W] = u(0), [ne, oe] = u(!1), [v, re] = u(), [ie, le] = u([]), A = `select-component${ge()}`, T = R(null), h = R(null), l = R(null), E = R(null), a = R(null), N = typeof f == "string", se = ["item", "menubutton", "filterinput", "filtercontainer", "label", "actionbutton"], P = () => {
+  } = n, [r, D] = u(i), [c, g] = u([]), [S, m] = u(), [b, w] = u([]), [y, s] = u(!1), [A, W] = u(0), [ne, oe] = u(!1), [O, re] = u(), [ie, le] = u([]), T = `select-component${Se()}`, N = R(null), h = R(null), l = R(null), E = R(null), a = R(null), P = typeof f == "string", ce = ["item", "menubutton", "filterinput", "filtercontainer", "label", "actionbutton"], $ = () => {
     l.current && W(l.current.clientWidth);
-  }, $ = (e) => {
+  }, M = (e) => {
     const {
       target: t
     } = e;
-    !se.includes(t.className) && t !== l.current && l.current && !l.current.contains(t) && h.current && !h.current.contains(t) && c(!1);
-  }, M = (e) => {
+    !ce.includes(t.className) && t !== l.current && l.current && !l.current.contains(t) && h.current && !h.current.contains(t) && s(!1);
+  }, z = (e) => {
     const t = e.target, o = h.current?.parentElement?.id || "", ae = !!document.getElementById(o)?.contains(t);
     oe(ae);
-  }, z = () => {
-    m(void 0), S([]), n.onSelect && n.onSelect();
-  }, U = (e) => {
+  }, U = () => {
+    m(void 0), g([]), n.onSelect && n.onSelect();
+  }, j = (e) => {
     let t = null;
     if (L)
-      n.onSearch && n.onSearch(e), c(!0), y([e]);
+      n.onSearch && n.onSearch(e), s(!0), w([e]);
     else {
       let o = i;
       e.length > 0 && (o = J({
         inputText: [e],
         dataSource: i,
         descriptionKey: f,
-        currents: s
-      })), o && o.length > 0 && (t = o[0]), D(o), c(!0), t && m(t), y([e]);
+        currents: c
+      })), o && o.length > 0 && (t = o[0]), D(o), s(!0), t && m(t), w([e]);
     }
-  }, x = () => {
-    const e = l.current ? l.current.clientWidth : K;
-    c(!0), W(e);
+  }, B = () => {
+    const e = l.current ? l.current.clientWidth : A;
+    s(!0), W(e);
   }, q = (e) => {
     if (e === null) return;
-    const t = [...s, e];
-    S(t), D(i), y([]), a && a.current && a.current.focus(), n.onSelect && m(n.onSelect(t.map((o) => o[d]))), h.current?.focus();
-  }, ce = (e) => {
-    if (s) {
-      const t = s.filter((o) => o[d] !== e);
-      S(t), a && a.current && a.current.focus(), c(!1), n.onSelect && m(n.onSelect(t.map((o) => o[d]))), h.current?.focus();
+    const t = [...c, e];
+    g(t), D(i), w([]), a && a.current && a.current.focus(), n.onSelect && m(n.onSelect(t.map((o) => o[d]))), h.current?.focus();
+  }, se = (e) => {
+    if (c) {
+      const t = c.filter((o) => o[d] !== e);
+      g(t), a && a.current && a.current.focus(), s(!1), n.onSelect && m(n.onSelect(t.map((o) => o[d]))), h.current?.focus();
     }
   }, ue = () => {
-    c((e) => !e), l.current && W(l.current.clientWidth);
+    s((e) => !e), l.current && W(l.current.clientWidth);
   }, H = (e) => {
-    n.onBlur && n.onBlur(e), ne || (c(!1), D(i));
+    n.onBlur && n.onBlur(e), ne || (s(!1), D(i));
   }, G = (e) => {
     if (e.keyCode)
-      if (e.keyCode === p.ENTER && w && O)
-        e.preventDefault?.(), s.some((t) => t[d] === w[d]) || (e.preventDefault?.(), q(w));
-      else if ([p.ARROW_UP, p.ARROW_DOWN].includes(e.keyCode)) {
-        O || c(!0);
-        let t = r ? r.findIndex((o) => o === w) : 0;
-        e.keyCode === p.ARROW_DOWN ? t = r && t === r.length - 1 ? 0 : t + 1 : t = r && t === 0 ? r.length - 1 : t - 1, r && r.length && (N && r[t][f] ? y(r[t][f]) : N || y([f(r[t])])), r && m(r[t]);
-      } else if (e.keyCode === p.BACKSPACE) {
+      if (e.keyCode === C.ENTER && S && y)
+        e.preventDefault?.(), c.some((t) => t[d] === S[d]) || (e.preventDefault?.(), q(S));
+      else if ([C.ARROW_UP, C.ARROW_DOWN].includes(e.keyCode)) {
+        y || s(!0);
+        let t = r ? r.findIndex((o) => o === S) : 0;
+        e.keyCode === C.ARROW_DOWN ? t = r && t === r.length - 1 ? 0 : t + 1 : t = r && t === 0 ? r.length - 1 : t - 1, r && r.length && (P && r[t][f] ? w(r[t][f]) : P || w([f(r[t])])), r && m(r[t]);
+      } else if (e.keyCode === C.BACKSPACE) {
         if (b.length === 0) {
-          const t = I.dropRight(s);
-          S(t), n.onSelect && n.onSelect(t.map((o) => o[d]));
+          const t = x.dropRight(c);
+          g(t), n.onSelect && n.onSelect(t.map((o) => o[d]));
         }
-      } else e.keyCode === p.TAB && c(!1);
+      } else e.keyCode === C.TAB && s(!1);
   }, de = (e) => {
     re(e);
-  }, B = () => n.disabled || v && (v.disabled || v.hideContent), k = () => n.readOnly || v && v.readOnly;
-  return F(() => (window.addEventListener("resize", P), document.addEventListener("click", $), document.addEventListener("mousemove", M), Q && z(), () => {
-    window.removeEventListener("resize", P), document.removeEventListener("click", $), document.removeEventListener("mousemove", M);
+  }, k = () => n.disabled || O && (O.disabled || O.hideContent), I = () => n.readOnly || O && O.readOnly;
+  return F(() => (window.addEventListener("resize", $), document.addEventListener("click", M), document.addEventListener("mousemove", z), Q && U(), () => {
+    window.removeEventListener("resize", $), document.removeEventListener("click", M), document.removeEventListener("mousemove", z);
   }), []), F(() => {
     if (n.gridLayout) {
-      const e = document.querySelector(`#${A}>.-withinput.grid-container`);
+      const e = document.querySelector(`#${T}>.-withinput.grid-container`);
       E.current !== e && e && (E.current = e);
     }
   }, []), F(() => {
-    if (g.length > 0 && g !== ie && i.length > 0) {
-      const e = i.filter((t) => g.includes(t[d]));
-      le(g), S(e);
+    if (p.length > 0 && p !== ie && i.length > 0) {
+      const e = i.filter((t) => p.includes(t[d]));
+      le(p), g(e);
     }
-  }, [i.length, g.length]), F(() => {
-    if (!I.isEqual(i, r)) {
+  }, [i.length, p.length]), F(() => {
+    if (!x.isEqual(i, r)) {
       const e = L ? i : J({
-        currents: s,
+        currents: c,
         dataSource: i,
         descriptionKey: f,
         inputText: b
       });
       D(e), m(e.length > 0 ? r[0] : null);
     }
-  }, [i]), /* @__PURE__ */ C.jsxs("span", { id: A, ref: T, className: "select-component", children: [
-    /* @__PURE__ */ C.jsx(Ce, { ...n, inputRef: (e) => {
-      n.inputRef && (I.isFunction(n.inputRef) ? n.inputRef(e) : n.inputRef.current = e), a.current = e;
-    }, autoComplete: "off", value: b.toString(), readOnly: k(), onFocus: () => {
-      x();
+  }, [i]), /* @__PURE__ */ fe("span", { id: T, ref: N, className: "select-component", children: [
+    /* @__PURE__ */ v(pe, { ...n, inputRef: (e) => {
+      n.inputRef && (x.isFunction(n.inputRef) ? n.inputRef(e) : n.inputRef.current = e), a.current = e;
+    }, autoComplete: "off", value: b.toString(), readOnly: I(), onFocus: () => {
+      B();
     }, onBlur: (e) => {
       H(e);
     }, onChange: (e) => {
-      e && U(e.target.value);
-    }, onClick: x, onKeyDown: G, customClassForLabel: V, customClassForWrapper: `selectwrapper ${(n.readOnly || B() || k()) && " -undigitable"} ${_}`, customClassForInputContent: `multiselect ${ee}`, inputBaseRef: (e) => {
+      e && j(e.target.value);
+    }, onClick: B, onKeyDown: G, customClassForLabel: V, customClassForWrapper: `selectwrapper ${(n.readOnly || k() || I()) && " -undigitable"} ${_}`, customClassForInputContent: `multiselect ${ee}`, inputBaseRef: (e) => {
       l.current = e;
-    }, handlerSetOnDenied: de, rightElements: [...Y, /* @__PURE__ */ C.jsx(me, { showClearButton: X, disabled: B() || k(), dropDownOpened: O, handlerClear: () => B() ? null : z(), handlerOpenClose: ue, customClassForSideButtons: te }, "action-buttons-multiselect")], children: /* @__PURE__ */ C.jsx(he, { ...n, currents: s, handlerOnUnselect: ce }) }),
-    O && /* @__PURE__ */ C.jsx(fe, { ...n, selected: w, selectFieldRef: T, dropdownRef: h, gridWrapperStyle: n.gridLayout && E.current ? window.getComputedStyle(E.current) : void 0, handleOnSelect: q, handleOnFilter: U, handleOnKeydown: G, handleOnBlur: () => H, handleOnFocus: x, opened: O, dataCombo: r, currents: s, dropdownWidth: K || 0 }),
-    /* @__PURE__ */ C.jsx(pe, { visible: !!j && Z === "below", customClass: "hint", description: j })
+    }, handlerSetOnDenied: de, rightElements: [...Y, /* @__PURE__ */ v(he, { showClearButton: X, disabled: k() || I(), dropDownOpened: y, handlerClear: () => k() ? null : U(), handlerOpenClose: ue, customClassForSideButtons: te }, "action-buttons-multiselect")], children: /* @__PURE__ */ v(Ce, { ...n, currents: c, handlerOnUnselect: se }) }),
+    y && /* @__PURE__ */ v(me, { ...n, selected: S, selectFieldRef: N, dropdownRef: h, gridWrapperStyle: n.gridLayout && E.current ? window.getComputedStyle(E.current) : void 0, handleOnSelect: q, handleOnFilter: j, handleOnKeydown: G, handleOnBlur: () => H, handleOnFocus: B, opened: y, dataCombo: r, currents: c, dropdownWidth: A || 0 }),
+    /* @__PURE__ */ v(ge, { visible: !!K && Z === "below", customClass: "hint", description: K })
   ] });
 };
 export {
-  Be as default
+  Ie as default
 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/multiple/index.tsx"],"sourcesContent":["import React, { KeyboardEvent, useEffect, useRef, useState } from 'react';\nimport _ from 'lodash';\nimport * as uuid from 'uuid';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport Selecteds from './Selecteds';\nimport * as constants from '../../../internals/constants';\nimport InputTextBase from '../../base/InputTextBase';\nimport { getFilteredMultipleDataCombo } from '../helper';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { IMultipleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\nimport Hint from '../../../hint';\n\nconst MultipleSelect = (props: IMultipleSelectProps) => {\n  const {\n    idKey, dataSource = [], handlerClear, value = [], remoteSearch = false, descriptionKey,\n    showClearButton, rightElements = [], hint, hintPosition = 'below', customClassForLabel, \n    customClassForWrapper, customClassForInputContent, customClassForSideButtons,\n  } = props;\n  const [dataCombo, setDataCombo] = useState(dataSource);\n  const [currents, setCurrents] = useState<DataCombo[]>([]);\n  const [selected, setSelected] = useState<DataCombo>();\n  const [inputValue, setInputValue] = useState<string[] | number[]>([]);\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 [valueFromProps, setValueFromProps] = useState<string[] | number[]>([]);\n\n  const componentId = `select-component${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const dropdownRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement | HTMLTextAreaElement>(null);\n  const gridElRef = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const insideComponents =\n    ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label', 'actionbutton'];\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 (!insideComponents.includes((target as Element).className) &&\n      target !== selectWrapper.current && selectWrapper.current &&\n      !selectWrapper.current.contains(target as Node) &&\n      dropdownRef.current && !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 onClearClick = () => {\n    setSelected(undefined);\n    setCurrents([]);\n    if (props.onSelect) props.onSelect();\n  };\n\n  const onFilter = (filteredValue: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (props.onSearch) props.onSearch(filteredValue);\n      setOpened(true);\n      setInputValue([filteredValue]);\n    } else {\n      let dataComboFilter = dataSource;\n      if (filteredValue.length > 0) {\n        dataComboFilter = getFilteredMultipleDataCombo({\n          inputText: [filteredValue],\n          dataSource,\n          descriptionKey,\n          currents,\n        });\n      }\n      if (dataComboFilter && dataComboFilter.length > 0) selectedFilter = dataComboFilter[0];\n      setDataCombo(dataComboFilter);\n      setOpened(true);\n      if (selectedFilter) setSelected(selectedFilter);\n      setInputValue([filteredValue]);\n    }\n  };\n\n  const onFocus = () => {\n    const dropdownWidthFocus =\n      selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;\n    setOpened(true);\n    setDropdownWidth(dropdownWidthFocus);\n  };\n\n  const onSelect = (select: DataCombo) => {\n    if (select === null) return;\n    const currentsSelect = [...currents, select];\n\n    setCurrents(currentsSelect);\n    setDataCombo(dataSource);\n    setInputValue([]);\n    if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n    if (props.onSelect) setSelected(props.onSelect(currentsSelect.map(i => i[idKey])));\n    dropdownRef.current?.focus();\n  };\n\n  const onUnselect = (id: string) => {\n    if (currents) {\n      const result = currents.filter(item => item[idKey] !== id);\n      setCurrents(result);\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n      if (props.onSelect) setSelected(props.onSelect(result.map(i => i[idKey])));\n      dropdownRef.current?.focus();\n    }\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n    if (!insideComponent) {\n      setOpened(false);\n      setDataCombo(dataSource);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEvent) => {\n    if (e.keyCode) {\n      if (e.keyCode === constants.keyCodes.ENTER && selected && opened) {\n        e.preventDefault?.();\n        if (!currents.some(current => current[idKey] === selected[idKey])) {\n          e.preventDefault?.();\n          onSelect(selected);\n        }\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo ? dataCombo.findIndex(d => d === selected) : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo && index === dataCombo.length - 1 ? 0 : index + 1);\n        } else {\n          index = (dataCombo && index === 0 ? dataCombo.length - 1 : index - 1);\n        }\n        if (dataCombo && dataCombo.length) {\n          if (descriptionKeyIsString && dataCombo[index][descriptionKey]) {\n            setInputValue(dataCombo[index][descriptionKey]);\n          } else if (!descriptionKeyIsString) setInputValue([descriptionKey(dataCombo[index])]);\n        }\n        if (dataCombo) setSelected(dataCombo[index]);\n      } else if (e.keyCode === constants.keyCodes.BACKSPACE) {\n        if (inputValue.length === 0) {\n          const currentsKeyDown = _.dropRight(currents);\n          setCurrents(currentsKeyDown);\n          if (props.onSelect) props.onSelect(currentsKeyDown.map(i => i[idKey]));\n        }\n      } else if (e.keyCode === constants.keyCodes.TAB) {\n        setOpened(false);\n      }\n    }\n  };\n\n  const setOnDenied = (denied: OnDenied) => {\n    setOnDeniedSelect(denied);\n  };\n\n  const shouldDisable = () =>\n    props.disabled ||\n    (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => props.readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n    if (handlerClear) onClearClick();\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 (props.gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElRef.current !== gridEl && gridEl) gridElRef.current = gridEl;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (value.length > 0 && value !== valueFromProps && dataSource.length > 0) {\n      const newCurrents = dataSource.filter((item: { [id: string]: string }) =>\n        value.includes(item[idKey] as never));\n\n      setValueFromProps(value);\n      setCurrents(newCurrents);\n    }\n  }, [dataSource.length, value.length]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataSource, dataCombo)) {\n      const filteredDataCombo = remoteSearch\n        ? dataSource\n        : getFilteredMultipleDataCombo({\n            currents, dataSource, descriptionKey, inputText: inputValue,\n          });\n\n      setDataCombo(filteredDataCombo);\n      setSelected(filteredDataCombo.length > 0 ? dataCombo[0] : null);\n    }\n  }, [dataSource]);\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        value={inputValue.toString()}\n        readOnly={shouldBeReadOnly()}\n        onFocus={() => { onFocus(); }}\n        onBlur={(e: CustomInputEvent) => { onBlur(e); }}\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 ${(props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement | HTMLTextAreaElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={setOnDenied}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-multiselect\"\n            showClearButton={showClearButton}\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]}>\n        <Selecteds\n          {...props}\n          currents={currents}\n          handlerOnUnselect={onUnselect} />\n      </InputTextBase>\n      {opened &&\n        <Dropdown\n          {...props}\n          selected={selected}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          gridWrapperStyle={props.gridLayout && gridElRef.current\n            ? window.getComputedStyle(gridElRef.current)\n            : undefined}\n          handleOnSelect={onSelect}\n          handleOnFilter={onFilter}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          opened={opened}\n          dataCombo={dataCombo}\n          currents={currents}\n          dropdownWidth={dropdownWidth || 0} />\n      }\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n    </span>\n  );\n};\n\nexport default MultipleSelect;\n"],"names":["MultipleSelect","props","idKey","dataSource","handlerClear","value","remoteSearch","descriptionKey","showClearButton","rightElements","hint","hintPosition","customClassForLabel","customClassForWrapper","customClassForInputContent","customClassForSideButtons","dataCombo","setDataCombo","useState","currents","setCurrents","selected","setSelected","inputValue","setInputValue","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","valueFromProps","setValueFromProps","componentId","uuid","v1","componentRef","useRef","dropdownRef","selectWrapper","gridElRef","inputTextRef","descriptionKeyIsString","insideComponents","onScreenResize","current","clientWidth","onClickOutside","event","target","includes","className","contains","onMouseMove","idDropdown","parentElement","id","keepDropdownOpen","Boolean","document","getElementById","onClearClick","undefined","onSelect","onFilter","filteredValue","selectedFilter","onSearch","dataComboFilter","length","getFilteredMultipleDataCombo","inputText","onFocus","dropdownWidthFocus","select","currentsSelect","focus","map","i","onUnselect","result","filter","item","onOpenClose","prevState","onBlur","e","onInputKeyDown","keyCode","constants","ENTER","preventDefault","some","ARROW_UP","ARROW_DOWN","index","findIndex","d","BACKSPACE","currentsKeyDown","_","dropRight","TAB","setOnDenied","denied","shouldDisable","disabled","hideContent","shouldBeReadOnly","readOnly","useEffect","window","addEventListener","removeEventListener","gridLayout","gridEl","querySelector","newCurrents","isEqual","filteredDataCombo","jsx","InputTextBase","ref","inputRef","isFunction","toString","r","ActionButtons","Selecteds","Dropdown","getComputedStyle","Hint"],"mappings":"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"}

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

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

package/lib/inputs/text/index.js

@@ -1,11 +1,12 @@
-import { j as r } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import s from "../base/InputTextBase.js";
-const a = (o) => {
-  const t = m.c(2);
+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);
   let e;
-  return t[0] !== o ? (e = /* @__PURE__ */ r.jsx(s, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
+  return t[0] !== o ? (e = /* @__PURE__ */ r(f, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
 };
 export {
-  a as default
+  s 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 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;"}

package/lib/inputs/textarea/index.js

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

package/lib/internals/colorStyles.js

@@ -8,3 +8,4 @@ const r = {
 export {
   r as default
 };
+//# sourceMappingURL=colorStyles.js.map

package/lib/internals/colorStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorStyles.js","sources":["../../src/lib/internals/colorStyles.ts"],"sourcesContent":["const ColorStyles = {\n  PRIMARY: 'primary',\n  SUCCESS: 'success',\n  DANGER: 'danger',\n  INFO: 'info',\n  WARNING: 'warning',\n};\n\nexport default ColorStyles;\n"],"names":["ColorStyles","PRIMARY","SUCCESS","DANGER","INFO","WARNING"],"mappings":"AAAA,MAAMA,IAAc;AAAA,EAClBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,SAAS;AACX;"}

package/lib/internals/constants.js

@@ -10,3 +10,4 @@ export {
   _ as PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE,
   A as keyCodes
 };
+//# sourceMappingURL=constants.js.map

package/lib/internals/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/lib/internals/constants.ts"],"sourcesContent":["export const keyCodes = {\n  TAB: 9,\n  ENTER: 13,\n  ARROW_UP: 38,\n  ARROW_DOWN: 40,\n  BACKSPACE: 8,\n  F: 70,\n};\n\nexport const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;\n"],"names":["keyCodes","TAB","ENTER","ARROW_UP","ARROW_DOWN","BACKSPACE","F","PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE"],"mappings":"AAAO,MAAMA,IAAW;AAAA,EACtBC,KAAK;AAAA,EACLC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,YAAY;AAAA,EACZC,WAAW;AAAA,EACXC,GAAG;AACL,GAEaC,IAAsD;"}