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

package/lib/inputs2/selectfield/listbox.js

@@ -0,0 +1,78 @@
+import { jsxs as f, jsx as m } from "react/jsx-runtime";
+import p from "../../_virtual/lodash.js";
+import { forwardRef as N, useState as h, useRef as O, useEffect as w } from "react";
+import { Search as k } from "./search.js";
+import { useSelectFieldContext as j } from "./context.js";
+const r = 406, q = N((x, v) => {
+  const {
+    children: b,
+    ...E
+  } = x, {
+    listBoxOpen: i,
+    valueSelect: S,
+    selectFieldId: y,
+    selectContainerRef: c,
+    notFoundFilterLabel: d,
+    liSelectedRef: B,
+    searchOnDropdown: I,
+    isMultipleWithCheckboxes: L
+  } = j(), [R, g] = h({}), [F, C] = h(!1), n = O(null), H = I || L;
+  return requestAnimationFrame(() => {
+    const e = n.current?.childNodes, s = n.current?.querySelectorAll('li[data-state-filtered="true"]') ?? [], t = !p.isEmpty(e) && p.isEmpty(s);
+    C(t);
+  }), w(() => {
+    B?.current?.scrollIntoView({
+      block: "nearest",
+      behavior: "auto"
+    });
+  }, []), w(() => {
+    const e = () => {
+      const s = c.current?.getBoundingClientRect();
+      if (s) {
+        const {
+          top: t,
+          left: M,
+          width: A,
+          height: a
+        } = s, l = window.innerHeight - (t + a), u = t, D = l < r && u > l, o = {
+          left: M + window.scrollX,
+          position: "absolute",
+          minWidth: A
+        };
+        D ? (o.bottom = window.innerHeight - t - window.scrollY, o.maxHeight = Math.min(r, u)) : (o.top = t + a + window.scrollY, o.maxHeight = Math.min(r, l)), g(o);
+      }
+    };
+    return i && (e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0)), () => {
+      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [i, S, c]), /* @__PURE__ */ f("div", { ref: v, style: R, "aria-expanded": i, className: "select-field-listbox", "data-testid": "test-select-field-listbox", ...E, children: [
+    H && /* @__PURE__ */ m(k, {}),
+    /* @__PURE__ */ f("ul", { id: y, role: "listbox", ref: n, children: [
+      b,
+      F && /* @__PURE__ */ m(
+        "li",
+        {
+          tabIndex: -1,
+          "aria-disabled": !0,
+          "aria-label": d,
+          role: "option",
+          id: "not-found-values",
+          className: "not-found-values",
+          onClick: (e) => {
+            e.preventDefault();
+          },
+          onMouseDown: (e) => {
+            e.preventDefault();
+          },
+          children: d
+        },
+        "not-found-values"
+      )
+    ] })
+  ] });
+});
+q.displayName = "SelectListBox";
+export {
+  q as ListBox
+};
+//# sourceMappingURL=listbox.js.map

package/lib/inputs2/selectfield/listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.js","sources":["../../../src/lib/inputs2/selectfield/listbox.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { ComponentProps, CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { Search } from './search';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldListBoxProps extends ComponentProps<'div'> { }\n\nconst MAX_HEIGHT = ((27 * 15) + 1); // 27px de height do list item * 15 itens máximos na exibição + 1px de borda listbox.\nconst ListBox = forwardRef<HTMLDivElement, SelectFieldListBoxProps>((props, ref) => {\n  const { children, ...rest } = props;\n  const {\n    listBoxOpen, valueSelect, selectFieldId, selectContainerRef, notFoundFilterLabel,\n    liSelectedRef, searchOnDropdown, isMultipleWithCheckboxes,\n  } = useSelectFieldContext();\n\n  const [listBoxStyles, setListBoxStyles] = useState<CSSProperties>({});\n  const [filterResultIsEmpty, setFilterResultIsEmpty] = useState(false);\n  const listBoxRef = useRef<HTMLUListElement>(null);\n  const shouldBeShowSearchInput = searchOnDropdown || isMultipleWithCheckboxes;\n\n  requestAnimationFrame(() => {\n    const hasChildrenElementsInUL = (listBoxRef.current?.childNodes);\n    const liElementsFiltered = (listBoxRef.current?.querySelectorAll(\n      'li[data-state-filtered=\"true\"]',\n    ) ?? []) as HTMLLIElement[];\n    const filterIsEmpty = !_.isEmpty(hasChildrenElementsInUL) && _.isEmpty(liElementsFiltered);\n    setFilterResultIsEmpty(filterIsEmpty);\n  });\n\n  useEffect(() => {\n    liSelectedRef?.current?.scrollIntoView({\n      block: 'nearest',\n      behavior: 'auto',\n    });\n  }, []);\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = selectContainerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        const spaceBelow = window.innerHeight - (top + height);\n        const spaceAbove = top;\n        const shouldOpenUp = spaceBelow < MAX_HEIGHT && spaceAbove > spaceBelow;\n\n        const styles: CSSProperties = {\n          left: left + window.scrollX,\n          position: 'absolute',\n          minWidth: width,\n        };\n\n        if (shouldOpenUp) {\n          styles.bottom = window.innerHeight - top - window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceAbove);\n        } else {\n          styles.top = top + height + window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceBelow);\n        }\n\n        setListBoxStyles(styles);\n      }\n    };\n\n    if (listBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [listBoxOpen, valueSelect, selectContainerRef]);\n\n  return (\n    <div\n      ref={ref}\n      style={listBoxStyles}\n      aria-expanded={listBoxOpen}\n      className=\"select-field-listbox\"\n      data-testid=\"test-select-field-listbox\"\n      {...rest}>\n      {shouldBeShowSearchInput && (<Search />)}\n      <ul\n        id={selectFieldId}\n        role=\"listbox\"\n        ref={listBoxRef}>\n        {children}\n        {filterResultIsEmpty && (\n          <li\n            tabIndex={-1}\n            aria-disabled={true}\n            aria-label={notFoundFilterLabel}\n            key=\"not-found-values\"\n            // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n            role=\"option\"\n            id=\"not-found-values\"\n            className=\"not-found-values\"\n            onClick={(event) => { event.preventDefault(); }}\n            onMouseDown={(event) => { event.preventDefault(); }}>\n            {notFoundFilterLabel}\n          </li>\n        )}\n      </ul>\n    </div>\n  );\n});\n\nListBox.displayName = 'SelectListBox';\nexport { ListBox };\nexport type { SelectFieldListBoxProps };\n"],"names":["MAX_HEIGHT","ListBox","forwardRef","props","ref","children","rest","listBoxOpen","valueSelect","selectFieldId","selectContainerRef","notFoundFilterLabel","liSelectedRef","searchOnDropdown","isMultipleWithCheckboxes","useSelectFieldContext","listBoxStyles","setListBoxStyles","useState","filterResultIsEmpty","setFilterResultIsEmpty","listBoxRef","useRef","shouldBeShowSearchInput","requestAnimationFrame","hasChildrenElementsInUL","current","childNodes","liElementsFiltered","querySelectorAll","filterIsEmpty","_","isEmpty","useEffect","scrollIntoView","block","behavior","updatePosition","selectPositionOnScreen","getBoundingClientRect","top","left","width","height","spaceBelow","window","innerHeight","spaceAbove","shouldOpenUp","styles","scrollX","position","minWidth","bottom","scrollY","maxHeight","Math","min","addEventListener","removeEventListener","jsxs","Search","jsx","event","preventDefault","displayName"],"mappings":"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"}

package/lib/inputs2/selectfield/options.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, ReactNode } from 'react';
+interface OptionsProps extends ComponentProps<'div'> {
+    children: ReactNode;
+    disabled?: boolean;
+}
+declare const Options: import('react').ForwardRefExoticComponent<Omit<OptionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Options };
+export type { OptionsProps };

package/lib/inputs2/selectfield/options.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { forwardRef as r } from "react";
+import '../../assets/styles/slot.css';/* empty css                            */
+const c = r((e, l) => {
+  const t = m.c(9);
+  let i, a;
+  t[0] !== e ? ({
+    children: i,
+    ...a
+  } = e, t[0] = e, t[1] = i, t[2] = a) : (i = t[1], a = t[2]);
+  const s = e["aria-disabled"];
+  let d;
+  return t[3] !== i || t[4] !== e.disabled || t[5] !== l || t[6] !== a || t[7] !== s ? (d = /* @__PURE__ */ o("div", { ref: l, className: "field-slot", "aria-disabled": s, "data-state-disabled": e.disabled, ...a, children: i }), t[3] = i, t[4] = e.disabled, t[5] = l, t[6] = a, t[7] = s, t[8] = d) : d = t[8], d;
+});
+c.displayName = "OptionsSlot";
+export {
+  c as Options
+};
+//# sourceMappingURL=options.js.map

package/lib/inputs2/selectfield/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sources":["../../../src/lib/inputs2/selectfield/options.tsx"],"sourcesContent":["import { ComponentProps, forwardRef, ReactNode } from 'react';\nimport '../../assets/styles/slot.scss';\n\ninterface OptionsProps extends ComponentProps<'div'> {\n  children: ReactNode;\n  disabled?: boolean;\n}\n\nconst Options = forwardRef<HTMLDivElement, OptionsProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      className=\"field-slot\"\n      aria-disabled={props['aria-disabled']}\n      data-state-disabled={props.disabled}\n      {...rest}>\n      {children}\n    </div>\n  );\n});\n\nOptions.displayName = 'OptionsSlot';\n\nexport { Options };\nexport type { OptionsProps };\n"],"names":["Options","forwardRef","props","ref","$","_c","children","rest","t0","t1","disabled","jsx","displayName"],"mappings":";;;;AAQA,MAAMA,IAAUC,EAAyC,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC,GAAAC;AAAA,EAAAH,SAAAF,KACvD;AAAA,IAAAI,UAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAA8BL,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA;AAMjB,QAAAI,IAAAN,EAAM,eAAe;AAAC,MAAAO;AAAA,SAAAL,SAAAE,KAAAF,EAAA,CAAA,MAAAF,EAAAQ,YAAAN,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAHvCC,IAAA,gBAAAE,EAAA,OAAA,EACOR,KAAAA,GACK,WAAA,cACK,iBAAAK,GACM,uBAAAN,EAAKQ,UAAS,GAC/BH,GACHD,UAAAA,EAAAA,CACH,GAAMF,OAAAE,GAAAF,EAAA,CAAA,IAAAF,EAAAQ,UAAAN,OAAAD,GAAAC,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAPNK;AAOM,CAET;AAEDT,EAAQY,cAAc;"}

package/lib/inputs2/selectfield/search.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+interface SelectFieldSearchProps extends ComponentProps<'div'> {
+}
+declare const Search: import('react').ForwardRefExoticComponent<Omit<SelectFieldSearchProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Search };
+export type { SelectFieldSearchProps };

package/lib/inputs2/selectfield/search.js

@@ -0,0 +1,58 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as K } from "../../_virtual/compiler-runtime.js";
+import { forwardRef as k } from "react";
+import B from "../../icons/index.js";
+import { Input as D } from "../textfield/index.js";
+import { RightSlot as E } from "../slot/index.js";
+import { useSelectFieldContext as F } from "./context.js";
+import { setFocusOnOffsetElement as R } from "./helpers.js";
+const N = k((m, h) => {
+  const e = K.c(23);
+  let l;
+  e[0] !== m ? ({
+    ...l
+  } = m, e[0] = m, e[1] = l) : l = e[1];
+  const {
+    nameSelect: w,
+    handleOnSearch: d,
+    handleOnKeyDown: p,
+    selectSearchInputRef: u,
+    selectInputRef: S,
+    handleCloseListBox: x,
+    searchInputPlaceholder: y
+  } = F();
+  let r;
+  e[2] !== d ? (r = (t) => {
+    d?.(t);
+  }, e[2] = d, e[3] = r) : r = e[3];
+  const I = r;
+  let c;
+  e[4] !== x ? (c = () => {
+    x();
+  }, e[4] = x, e[5] = c) : c = e[5];
+  const O = c;
+  let s;
+  e[6] !== p || e[7] !== S ? (s = (t) => {
+    if (t.key && t.key === "Tab") {
+      const g = S.current;
+      t.key === "Tab" && R(g, "next"), t.shiftKey && R(g, "before");
+    }
+    p?.(t);
+  }, e[6] = p, e[7] = S, e[8] = s) : s = e[8];
+  const C = s, b = String(w);
+  let n;
+  e[9] !== b ? (n = b.concat("-select-field-search"), e[9] = b, e[10] = n) : n = e[10];
+  let a;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ f(E, { style: {
+    padding: "0px 6px 0px 3px"
+  }, children: /* @__PURE__ */ f(B, { size: 16, name: "search", colorStyle: "default" }) }), e[11] = a) : a = e[11];
+  let o;
+  e[12] !== O || e[13] !== I || e[14] !== C || e[15] !== y || e[16] !== u || e[17] !== n ? (o = /* @__PURE__ */ f(D, { "data-testid": "test-select-field-search-input", autoComplete: "off", ref: u, name: n, tabIndex: 0, placeholder: y, customClassWrapper: "select-field-search-input", onBlur: O, onChange: I, onKeyDown: C, children: a }), e[12] = O, e[13] = I, e[14] = C, e[15] = y, e[16] = u, e[17] = n, e[18] = o) : o = e[18];
+  let i;
+  return e[19] !== h || e[20] !== l || e[21] !== o ? (i = /* @__PURE__ */ f("div", { ref: h, className: "select-field-search", ...l, children: o }), e[19] = h, e[20] = l, e[21] = o, e[22] = i) : i = e[22], i;
+});
+N.displayName = "SelectFieldSearch";
+export {
+  N as Search
+};
+//# sourceMappingURL=search.js.map

package/lib/inputs2/selectfield/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sources":["../../../src/lib/inputs2/selectfield/search.tsx"],"sourcesContent":["import { ChangeEvent, ComponentProps, forwardRef, KeyboardEvent } from 'react';\nimport Icon from '../../icons';\nimport * as TextField from '../textfield';\nimport { RightSlot } from '../slot';\nimport { useSelectFieldContext } from './context';\nimport { setFocusOnOffsetElement } from './helpers';\n\ninterface SelectFieldSearchProps extends ComponentProps<'div'> { }\n\nconst Search = forwardRef<HTMLDivElement, SelectFieldSearchProps>((props, ref) => {\n  const { ...rest } = props;\n  const {\n    nameSelect, handleOnSearch, handleOnKeyDown, selectSearchInputRef, selectInputRef,\n    handleCloseListBox,\n    searchInputPlaceholder,\n  } = useSelectFieldContext();\n\n  const handleOnChangeSearchInput = (event: ChangeEvent<HTMLInputElement>) => {\n    handleOnSearch?.(event);\n  };\n\n  const handleOnBlur = () => {\n    handleCloseListBox();\n  };\n\n  const handleOnKeyDownSearchInput = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key && event.key === 'Tab') {\n      const inputElement = selectInputRef.current!;\n      if (event.key === 'Tab') {\n        setFocusOnOffsetElement(inputElement, 'next');\n      }\n      if (event.shiftKey) {\n        setFocusOnOffsetElement(inputElement, 'before');\n      }\n    }\n    handleOnKeyDown?.(event);\n  };\n\n  return (\n    <div ref={ref} className=\"select-field-search\" {...rest}>\n      <TextField.Input\n        data-testid=\"test-select-field-search-input\"\n        autoComplete=\"off\"\n        ref={selectSearchInputRef}\n        name={String(nameSelect).concat('-select-field-search')}\n        tabIndex={0}\n        placeholder={searchInputPlaceholder}\n        customClassWrapper=\"select-field-search-input\"\n        onBlur={handleOnBlur}\n        onChange={handleOnChangeSearchInput}\n        onKeyDown={handleOnKeyDownSearchInput}>\n        <RightSlot style={{ padding: '0px 6px 0px 3px' }}>\n          <Icon\n            size={16}\n            name=\"search\"\n            colorStyle=\"default\" />\n        </RightSlot>\n      </TextField.Input>\n    </div>\n  );\n});\n\nSearch.displayName = 'SelectFieldSearch';\nexport { Search };\nexport type { SelectFieldSearchProps };\n"],"names":["Search","forwardRef","props","ref","$","_c","rest","nameSelect","handleOnSearch","handleOnKeyDown","selectSearchInputRef","selectInputRef","handleCloseListBox","searchInputPlaceholder","useSelectFieldContext","t0","event","handleOnChangeSearchInput","t1","handleOnBlur","t2","event_0","key","inputElement","current","setFocusOnOffsetElement","shiftKey","handleOnKeyDownSearchInput","t3","String","t4","concat","t5","Symbol","for","jsx","RightSlot","padding","Icon","t6","TextField.Input","t7","displayName"],"mappings":"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"}

package/lib/inputs2/selectfield/selections.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+interface SelectFieldSelectionsProps extends ComponentProps<'div'> {
+    isDisabled: boolean;
+    isReadOnly: boolean;
+    listOfOptionsToSelect: Map<string, string>;
+}
+declare const Selections: import('react').ForwardRefExoticComponent<Omit<SelectFieldSelectionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Selections };
+export type { SelectFieldSelectionsProps };

package/lib/inputs2/selectfield/selections.js

@@ -0,0 +1,66 @@
+import { jsx as b, jsxs as v } from "react/jsx-runtime";
+import { c as y } from "../../_virtual/compiler-runtime.js";
+import { forwardRef as x } from "react";
+import I from "../../icons/index.js";
+import { useSelectFieldContext as R } from "./context.js";
+const D = (c) => {
+  const t = y.c(22);
+  let e, l, s, a, i, n;
+  t[0] !== c ? ({
+    isDisabled: e,
+    isReadOnly: l,
+    value: n,
+    label: s,
+    removeItemSelected: a,
+    ...i
+  } = c, t[0] = c, t[1] = e, t[2] = l, t[3] = s, t[4] = a, t[5] = i, t[6] = n) : (e = t[1], l = t[2], s = t[3], a = t[4], i = t[5], n = t[6]);
+  let o;
+  t[7] !== s ? (o = /* @__PURE__ */ b("p", { className: "label", children: s }), t[7] = s, t[8] = o) : o = t[8];
+  let r;
+  t[9] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ b(I, { name: "cancel2" }), t[9] = r) : r = t[9];
+  let m;
+  t[10] !== e || t[11] !== l || t[12] !== a ? (m = /* @__PURE__ */ b("button", { type: "button", disabled: e, "data-state-read-only": l, tabIndex: -1, className: "remove", title: "Remover", onClick: a, onMouseDown: O, children: r }), t[10] = e, t[11] = l, t[12] = a, t[13] = m) : m = t[13];
+  let d;
+  return t[14] !== e || t[15] !== l || t[16] !== s || t[17] !== i || t[18] !== o || t[19] !== m || t[20] !== n ? (d = /* @__PURE__ */ v("span", { id: n, title: s, className: "selected", "data-state-disabled": e, "data-state-read-only": l, ...i, children: [
+    o,
+    m
+  ] }), t[14] = e, t[15] = l, t[16] = s, t[17] = i, t[18] = o, t[19] = m, t[20] = n, t[21] = d) : d = t[21], d;
+}, N = x((c, t) => {
+  const e = y.c(20);
+  let l, s, a, i;
+  e[0] !== c ? ({
+    isDisabled: l,
+    isReadOnly: s,
+    listOfOptionsToSelect: a,
+    ...i
+  } = c, e[0] = c, e[1] = l, e[2] = s, e[3] = a, e[4] = i) : (l = e[1], s = e[2], a = e[3], i = e[4]);
+  const {
+    valueSelect: n,
+    isMultipleDefault: o,
+    handleOnChange: r
+  } = R(), m = !![...n].length;
+  let d;
+  e[5] !== r ? (d = (u, p) => {
+    r?.(u, p, !0);
+  }, e[5] = r, e[6] = d) : d = e[6];
+  const h = d;
+  if (!m)
+    return null;
+  let f;
+  e[7] !== h || e[8] !== l || e[9] !== s || e[10] !== a || e[11] !== n ? (f = [...n].map((u) => {
+    const p = a.get(u);
+    return /* @__PURE__ */ b(D, { value: u, label: p, isDisabled: l, isReadOnly: s, removeItemSelected: () => {
+      h(u, p);
+    } }, u);
+  }), e[7] = h, e[8] = l, e[9] = s, e[10] = a, e[11] = n, e[12] = f) : f = e[12];
+  let S;
+  return e[13] !== l || e[14] !== o || e[15] !== s || e[16] !== t || e[17] !== i || e[18] !== f ? (S = /* @__PURE__ */ b("div", { ref: t, className: "selections", "data-testid": "test-select-field-input-selections", "aria-disabled": l, "aria-readonly": s, "data-state-multiple-selections": o, ...i, children: f }), e[13] = l, e[14] = o, e[15] = s, e[16] = t, e[17] = i, e[18] = f, e[19] = S) : S = e[19], S;
+});
+N.displayName = "SelectFieldSelections";
+function O(c) {
+  c.preventDefault();
+}
+export {
+  N as Selections
+};
+//# sourceMappingURL=selections.js.map

package/lib/inputs2/selectfield/selections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selections.js","sources":["../../../src/lib/inputs2/selectfield/selections.tsx"],"sourcesContent":["import { ComponentProps, forwardRef } from 'react';\nimport Icon from '../../icons';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldItemSelectedProps extends ComponentProps<'span'> {\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  value?: any;\n  label?: string;\n  removeItemSelected: () => void;\n}\n\nconst ItemSelected = (props: SelectFieldItemSelectedProps) => {\n  const { isDisabled, isReadOnly, value, label, removeItemSelected, ...rest } = props;\n\n  return (\n    <span\n      id={value}\n      title={label}\n      className=\"selected\"\n      data-state-disabled={isDisabled}\n      data-state-read-only={isReadOnly}\n      {...rest}>\n      <p className=\"label\">{label}</p>\n      <button\n        type=\"button\"\n        disabled={isDisabled}\n        data-state-read-only={isReadOnly}\n        tabIndex={-1}\n        className=\"remove\"\n        title=\"Remover\"\n        onClick={removeItemSelected}\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <Icon name=\"cancel2\" />\n      </button>\n    </span>\n  );\n};\n\ninterface SelectFieldSelectionsProps extends ComponentProps<'div'> {\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  listOfOptionsToSelect: Map<string, string>;\n}\n\nconst Selections = forwardRef<HTMLDivElement, SelectFieldSelectionsProps>((props, ref) => {\n  const { isDisabled, isReadOnly, listOfOptionsToSelect, ...rest } = props;\n  const { valueSelect, isMultipleDefault, handleOnChange } = useSelectFieldContext();\n  const hasValuesSelected = Boolean([...valueSelect]?.length);\n\n  const handleRemoveItemSelected = (value: any, label: string) => {\n    handleOnChange?.(value, label, true);\n  };\n\n  if (!hasValuesSelected) return null;\n  return (\n    <div\n      ref={ref}\n      className=\"selections\"\n      data-testid=\"test-select-field-input-selections\"\n      aria-disabled={isDisabled}\n      aria-readonly={isReadOnly}\n      data-state-multiple-selections={isMultipleDefault}\n      {...rest}>\n      {[...valueSelect].map((value) => {\n        const label = listOfOptionsToSelect.get(value)!;\n        return (\n          <ItemSelected\n            key={value}\n            value={value}\n            label={label}\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            removeItemSelected={() => { handleRemoveItemSelected(value, label); }} />\n        );\n      })}\n    </div>\n  );\n});\n\nSelections.displayName = 'SelectFieldSelections';\nexport { Selections };\nexport type { SelectFieldSelectionsProps };\n"],"names":["ItemSelected","props","$","_c","isDisabled","isReadOnly","label","removeItemSelected","rest","value","t0","jsx","t1","Symbol","for","Icon","t2","_temp","t3","jsxs","Selections","forwardRef","ref","listOfOptionsToSelect","valueSelect","isMultipleDefault","handleOnChange","useSelectFieldContext","hasValuesSelected","Boolean","length","handleRemoveItemSelected","map","value_0","label_0","get","displayName","event","preventDefault"],"mappings":";;;;;AAYA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAP,SAAAD,KACnB;AAAA,IAAAG,YAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAI,OAAAA;AAAAA,IAAAH,OAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAA8EP,GAAMC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,MAAAL,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAI,KAUhFI,IAAA,gBAAAC,EAAA,KAAA,EAAa,WAAA,SAASL,UAAAA,GAAM,GAAIJ,OAAAI,GAAAJ,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,EAAA,CAAA,MAAAW,OAAAC,IAAA,2BAAA,KAU9BF,sBAACG,GAAA,EAAU,MAAA,UAAA,CAAS,GAAGb,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,EAAA,MAAAE,KAAAF,UAAAG,KAAAH,EAAA,EAAA,MAAAK,KATzBS,sBAAA,UAAA,EACO,MAAA,UACKZ,UAAAA,GACYC,2BACZ,UAAA,IACA,WAAA,UACJ,OAAA,WACGE,YACI,aAAAU,GACbL,UAAAA,GACF,GAASV,QAAAE,GAAAF,QAAAG,GAAAH,QAAAK,GAAAL,QAAAc,KAAAA,IAAAd,EAAA,EAAA;AAAA,MAAAgB;AAAA,SAAAhB,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAI,KAAAJ,UAAAM,KAAAN,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAAO,KAlBXS,IAAA,gBAAAC,EAAA,QAAA,EACMV,OACGH,UACG,WAAA,YACWF,uBAAAA,GACCC,wBAAAA,GAAU,GAC5BG,GACJE,UAAAA;AAAAA,IAAAA;AAAAA,IACAM;AAAAA,EAAAA,GAWF,GAAOd,QAAAE,GAAAF,QAAAG,GAAAH,QAAAI,GAAAJ,QAAAM,GAAAN,QAAAQ,GAAAR,QAAAc,GAAAd,QAAAO,GAAAP,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAnBPgB;AAmBO,GAULE,IAAaC,EAAuD,CAAApB,GAAAqB,MAAA;AAAA,QAAApB,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAkB,GAAAf;AAAA,EAAAN,SAAAD,KACxE;AAAA,IAAAG,YAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAkB,uBAAAA;AAAAA,IAAA,GAAAf;AAAAA,EAAAA,IAAmEP,GAAMC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAqB,GAAArB,OAAAM,MAAAJ,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAqB,IAAArB,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA;AACzE,QAAA;AAAA,IAAAsB,aAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,EAAAA,IAA2DC,EAAAA,GAC3DC,IAA0BC,EAAQ,IAAIL,CAAW,EAASM;AAAE,MAAApB;AAAA,EAAAR,SAAAwB,KAE3BhB,IAAAA,CAAAD,GAAAH,MAAA;AAC/BoB,IAAAA,IAAiBjB,GAAOH,GAAO,EAAI;AAAA,EAAC,GACrCJ,OAAAwB,GAAAxB,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAFD,QAAA6B,IAAiCrB;AAIjC,MAAI,CAACkB;AAAiB,WAAS;AAAK,MAAAhB;AAAA,EAAAV,EAAA,CAAA,MAAA6B,KAAA7B,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAqB,KAAArB,UAAAsB,KAU/BZ,QAAIY,CAAW,EAACQ,IAAKC,CAAAA,MAAA;AACpB,UAAAC,IAAcX,EAAqBY,IAAK1B,CAAK;AAAG,WAE9C,gBAAAE,EAACX,KAEQS,OAAAA,GACAH,OAAAA,GACKF,YAAAA,GACAC,YAAAA,GACQ,oBAAA,MAAA;AAAQ0B,MAAAA,EAAyBtB,GAAOH,CAAK;AAAA,IAAC,KAL7DG,CAKgE;AAAA,EAAI,CAE9E,GAACP,OAAA6B,GAAA7B,OAAAE,GAAAF,OAAAG,GAAAH,QAAAqB,GAAArB,QAAAsB,GAAAtB,QAAAU,KAAAA,IAAAV,EAAA,EAAA;AAAA,MAAAc;AAAA,SAAAd,UAAAE,KAAAF,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAoB,KAAApB,UAAAM,KAAAN,EAAA,EAAA,MAAAU,KAnBJI,+BACOM,KAAAA,GACK,WAAA,cACE,eAAA,sCACGlB,iBAAAA,GACAC,iBAAAA,GACiBoB,kCAAAA,GAAiB,GAC7CjB,GACHI,UAAAA,GAYH,GAAMV,QAAAE,GAAAF,QAAAuB,GAAAvB,QAAAG,GAAAH,QAAAoB,GAAApB,QAAAM,GAAAN,QAAAU,GAAAV,QAAAc,KAAAA,IAAAd,EAAA,EAAA,GApBNc;AAoBM,CAET;AAEDI,EAAWgB,cAAc;AApEJ,SAAAnB,EAAAoB,GAAA;AAoBaA,EAAAA,EAAKC,eAAAA;AAAiB;"}

package/lib/inputs2/selectfield/triggers.d.ts

@@ -0,0 +1,8 @@
+interface SelectFieldTriggersProps {
+}
+declare const Triggers: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Triggers };
+export type { SelectFieldTriggersProps };

package/lib/inputs2/selectfield/triggers.js

@@ -0,0 +1,82 @@
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { c as A } from "../../_virtual/compiler-runtime.js";
+import { Fragment as F } from "react";
+import N from "../../icons/index.js";
+import L from "../../buttons/Button.js";
+import '../../assets/styles/button.css';/* empty css                              */
+import j from "../../list/index.js";
+import { useSelectFieldContext as E } from "./context.js";
+import O from "../../list/Item.js";
+const R = () => {
+  const e = A.c(40), {
+    isDisabled: t,
+    selectFieldId: o,
+    listBoxOpen: b,
+    showClearButton: w,
+    dropdownAlignButton: D,
+    handleClearValue: I,
+    handleChangeListBoxState: C,
+    handleCheckMultiple: n,
+    optionItens: S,
+    isMultipleSelect: T,
+    isMultipleWithCheckboxes: l
+  } = E(), B = !!S?.length, k = !T && B || l;
+  let h;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ i(N, { name: "cancel" }), e[0] = h) : h = e[0];
+  let a;
+  e[1] !== I || e[2] !== t || e[3] !== o || e[4] !== w ? (a = /* @__PURE__ */ i("button", { "data-testid": "test-select-field-trigger-clear", className: "clear", type: "button", title: "Limpar", tabIndex: -1, disabled: t, "aria-disabled": t, "aria-label": "Limpar", "aria-controls": o, onClick: I, "data-state-visible": w, onMouseDown: U, children: h }), e[1] = I, e[2] = t, e[3] = o, e[4] = w, e[5] = a) : a = e[5];
+  let s;
+  e[6] !== n ? (s = () => {
+    n(!0);
+  }, e[6] = n, e[7] = s) : s = e[7];
+  let r;
+  e[8] !== l || e[9] !== s ? (r = /* @__PURE__ */ i(O, { visible: l, itemId: "opcao-marcar-todos", leftIconName: "checkboxChecked", text: "Marcar Todos", onMouseDown: W, onClick: s }), e[8] = l, e[9] = s, e[10] = r) : r = e[10];
+  let c;
+  e[11] !== n ? (c = () => {
+    n(!1);
+  }, e[11] = n, e[12] = c) : c = e[12];
+  let d;
+  e[13] !== l || e[14] !== c ? (d = /* @__PURE__ */ i(O, { visible: l, itemId: "opcao-desmarcar-todos", leftIconName: "checkboxUnchecked", text: "Desmarcar Todos", onMouseDown: $, onClick: c }), e[13] = l, e[14] = c, e[15] = d) : d = e[15];
+  const _ = B && S;
+  let m;
+  e[16] !== _ ? (m = /* @__PURE__ */ i(F, { children: _ }), e[16] = _, e[17] = m) : m = e[17];
+  let p;
+  e[18] !== r || e[19] !== d || e[20] !== m ? (p = /* @__PURE__ */ y(j, { children: [
+    r,
+    d,
+    m
+  ] }), e[18] = r, e[19] = d, e[20] = m, e[21] = p) : p = e[21];
+  let f;
+  e[22] !== D || e[23] !== k || e[24] !== t || e[25] !== o || e[26] !== p ? (f = /* @__PURE__ */ i(L, { "data-testid": "test-select-field-trigger-options", dropdown: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, visible: k, type: "button", title: "Opções", tabIndex: -1, disabled: t, "aria-label": "Opções", "aria-controls": o, iconName: "more1", dropdownAlign: D, onMouseDown: V, children: p }), e[22] = D, e[23] = k, e[24] = t, e[25] = o, e[26] = p, e[27] = f) : f = e[27];
+  const v = b ? "Fechar" : "Abrir", M = b ? "Fechar" : "Abrir";
+  let x;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ i(N, { name: "mini_down" }), e[28] = x) : x = e[28];
+  let u;
+  e[29] !== C || e[30] !== t || e[31] !== b || e[32] !== o || e[33] !== v || e[34] !== M ? (u = /* @__PURE__ */ i("button", { "data-testid": "test-select-field-trigger-open-listbox", className: "open-listbox", type: "button", title: v, tabIndex: -1, disabled: t, "aria-disabled": t, "aria-label": M, "aria-expanded": b, "aria-controls": o, onClick: C, onMouseDown: q, children: x }), e[29] = C, e[30] = t, e[31] = b, e[32] = o, e[33] = v, e[34] = M, e[35] = u) : u = e[35];
+  let g;
+  return e[36] !== a || e[37] !== u || e[38] !== f ? (g = /* @__PURE__ */ y(F, { children: [
+    a,
+    f,
+    u
+  ] }), e[36] = a, e[37] = u, e[38] = f, e[39] = g) : g = e[39], g;
+};
+R.displayName = "SelectFieldTriggers";
+function U(e) {
+  e.preventDefault();
+}
+function V(e) {
+  e.preventDefault();
+}
+function W(e) {
+  e?.preventDefault?.();
+}
+function $(e) {
+  e?.preventDefault?.();
+}
+function q(e) {
+  e.preventDefault();
+}
+export {
+  R as Triggers
+};
+//# sourceMappingURL=triggers.js.map

package/lib/inputs2/selectfield/triggers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triggers.js","sources":["../../../src/lib/inputs2/selectfield/triggers.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport Icon from '../../icons';\nimport Button from '../../buttons';\nimport List, { ListItem } from '../../list';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldTriggersProps { }\n\nconst Triggers = () => {\n  const {\n    isDisabled, selectFieldId, listBoxOpen, showClearButton, dropdownAlignButton, handleClearValue,\n    handleChangeListBoxState, handleCheckMultiple, optionItens, isMultipleSelect, \n    isMultipleWithCheckboxes,\n  } = useSelectFieldContext();\n  const hasOptionsItens = Boolean(optionItens?.length);\n  const hasConditionToShowOptionsButton = (!isMultipleSelect && hasOptionsItens) \n    || isMultipleWithCheckboxes;\n\n  return (\n    <Fragment>\n      <button\n        data-testid=\"test-select-field-trigger-clear\"\n        className=\"clear\"\n        type=\"button\"\n        title=\"Limpar\"\n        tabIndex={-1}\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        aria-label=\"Limpar\"\n        aria-controls={selectFieldId}\n        onClick={handleClearValue}\n        data-state-visible={showClearButton}\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <Icon name=\"cancel\" />\n      </button>\n      <Button\n        data-testid=\"test-select-field-trigger-options\"\n        dropdown\n        transparent\n        boxShadow={false}\n        showIconDropdown={false}\n        visible={hasConditionToShowOptionsButton}\n        type=\"button\"\n        title=\"Opções\"\n        tabIndex={-1}\n        disabled={isDisabled}\n        aria-label=\"Opções\"\n        aria-controls={selectFieldId}\n        iconName=\"more1\"\n        dropdownAlign={dropdownAlignButton}\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <List>\n          <ListItem\n            visible={isMultipleWithCheckboxes}\n            itemId=\"opcao-marcar-todos\"\n            leftIconName=\"checkboxChecked\"\n            text=\"Marcar Todos\"\n            onMouseDown={(event) => { event?.preventDefault?.(); }}\n            onClick={() => { handleCheckMultiple(true); }} />\n          <ListItem\n            visible={isMultipleWithCheckboxes}\n            itemId=\"opcao-desmarcar-todos\"\n            leftIconName=\"checkboxUnchecked\"\n            text=\"Desmarcar Todos\"\n            onMouseDown={(event) => { event?.preventDefault?.(); }}\n            onClick={() => { handleCheckMultiple(false); }} />\n          <Fragment>\n            {hasOptionsItens && optionItens}\n          </Fragment>\n        </List>\n      </Button>\n      <button\n        data-testid=\"test-select-field-trigger-open-listbox\"\n        className=\"open-listbox\"\n        type=\"button\"\n        title={!listBoxOpen ? 'Abrir' : 'Fechar'}\n        tabIndex={-1}\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        aria-label={!listBoxOpen ? 'Abrir' : 'Fechar'}\n        aria-expanded={listBoxOpen}\n        aria-controls={selectFieldId}\n        onClick={handleChangeListBoxState}\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <Icon name=\"mini_down\" />\n      </button>\n    </Fragment>\n  );\n};\n\nTriggers.displayName = 'SelectFieldTriggers';\nexport { Triggers };\nexport type { SelectFieldTriggersProps };\n"],"names":["Triggers","$","_c","isDisabled","selectFieldId","listBoxOpen","showClearButton","dropdownAlignButton","handleClearValue","handleChangeListBoxState","handleCheckMultiple","optionItens","isMultipleSelect","isMultipleWithCheckboxes","useSelectFieldContext","hasOptionsItens","Boolean","length","hasConditionToShowOptionsButton","t0","Symbol","for","Icon","t1","jsx","_temp","t2","t3","ListItem","_temp3","t4","t5","_temp4","t6","t7","Fragment","t8","List","t9","Button","_temp2","t10","t11","t12","t13","_temp5","t14","displayName","event","preventDefault","event_0","event_1","event_2","event_3"],"mappings":"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"}

package/lib/inputs2/selectfield/types.d.ts

@@ -0,0 +1,52 @@
+import { ChangeEvent, ComponentProps } from 'react';
+import { TextAlign } from '../../@types/Align';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { ITooltipCommonProps } from '../../tooltip/types';
+import { Position, HintPosition } from '../../@types/Position';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+export declare enum MultipleVariantEnum {
+    default = "default",
+    checkboxes = "checkboxes"
+}
+export declare enum Keys {
+    escape = "Escape",
+    arrowDown = "ArrowDown",
+    arrowUp = "ArrowUp",
+    enter = "Enter",
+    backspace = "Backspace",
+    delete = "Delete",
+    spaceBar = " "
+}
+type InputHTMLProps = Omit<ComponentProps<'input'>, 'multiple' | 'type'>;
+export interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
+    skeletonize?: boolean;
+    undigitable?: boolean;
+    externalSearch?: boolean;
+    showClearButton?: boolean;
+    searchOnDropdown?: boolean;
+    openDropdownOnFocus?: boolean;
+    value?: any;
+    label?: string;
+    errors?: string[];
+    striped?: boolean;
+    hint?: string;
+    gridLayout?: string;
+    notFoundFilterLabel?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    searchInputPlaceholder?: string;
+    customClassInputContainer?: string;
+    multipleInputLabelEmpty?: string;
+    multipleInputLabelManySelection?: string;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+    dropdownAlignButton?: Extract<Position, 'left' | 'right'>;
+    onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;
+    multiple?: keyof typeof MultipleVariantEnum;
+}
+export {};

package/lib/inputs2/selectfield/types.js

@@ -0,0 +1,6 @@
+var r = /* @__PURE__ */ ((e) => (e.default = "default", e.checkboxes = "checkboxes", e))(r || {}), a = /* @__PURE__ */ ((e) => (e.escape = "Escape", e.arrowDown = "ArrowDown", e.arrowUp = "ArrowUp", e.enter = "Enter", e.backspace = "Backspace", e.delete = "Delete", e.spaceBar = " ", e))(a || {});
+export {
+  a as Keys,
+  r as MultipleVariantEnum
+};
+//# sourceMappingURL=types.js.map

package/lib/inputs2/selectfield/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/selectfield/types.ts"],"sourcesContent":["import { ChangeEvent, ComponentProps } from 'react';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { ITooltipCommonProps } from '../../tooltip/types';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\n\nexport enum MultipleVariantEnum { default = 'default', checkboxes = 'checkboxes' }\nexport enum Keys {\n  escape = 'Escape',\n  arrowDown = 'ArrowDown',\n  arrowUp = 'ArrowUp',\n  enter = 'Enter',\n  backspace = 'Backspace',\n  delete = 'Delete',\n  spaceBar = ' '\n}\ntype InputHTMLProps = Omit<ComponentProps<'input'>, 'multiple' | 'type'>;\nexport interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonProps {\n  skeletonize?: boolean;\n  undigitable?: boolean;\n  externalSearch?: boolean;\n  showClearButton?: boolean;\n  searchOnDropdown?: boolean;\n  openDropdownOnFocus?: boolean;\n  value?: any;\n  label?: string;\n  errors?: string[];\n  striped?: boolean;\n  hint?: string;\n  gridLayout?: string;\n  notFoundFilterLabel?: string;\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  searchInputPlaceholder?: string;\n  customClassInputContainer?: string;\n  multipleInputLabelEmpty?: string;\n  multipleInputLabelManySelection?: string;\n  textAlign?: TextAlign;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n  dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n  onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;\n  multiple?: keyof typeof MultipleVariantEnum;\n}\n"],"names":["MultipleVariantEnum","default","checkboxes","Keys","escape","arrowDown","arrowUp","enter","backspace","delete","spaceBar"],"mappings":"AAOO,IAAKA,sBAAAA,OAAsBC,EAAAA,UAAU,WAAWC,EAAAA,aAAa,cAAxDF,IAAAA,KAAAA,CAAAA,CAAAA,GACAG,sBAAAA,OACVC,EAAAA,SAAS,UACTC,EAAAA,YAAY,aACZC,EAAAA,UAAU,WACVC,EAAAA,QAAQ,SACRC,EAAAA,YAAY,aACZC,EAAAA,SAAS,UACTC,EAAAA,WAAW,KAPDP,IAAAA,KAAAA,CAAAA,CAAAA;"}

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

@@ -0,0 +1,17 @@
+import { ComponentProps, ReactNode } from 'react';
+declare enum SlotPosition {
+    left = "left",
+    right = "right"
+}
+interface SlotProps extends ComponentProps<'div'> {
+    children: ReactNode;
+    disabled?: boolean;
+}
+declare const LeftSlot: import('react').ForwardRefExoticComponent<Omit<SlotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const RightSlot: import('react').ForwardRefExoticComponent<Omit<SlotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const getSlotsElements: (children: ReactNode, isDisabled: boolean) => {
+    leftSlotElements: ReactNode[];
+    rightSlotElements: ReactNode[];
+};
+export { LeftSlot, RightSlot, getSlotsElements };
+export type { SlotProps, SlotPosition };

package/lib/inputs2/slot/index.js

@@ -0,0 +1,50 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import { forwardRef as c, Children as m, isValidElement as b, cloneElement as h } from "react";
+import '../../assets/styles/slot.css';/* empty css                            */
+const f = c((a, s) => {
+  const t = n.c(9);
+  let i, e;
+  t[0] !== a ? ({
+    children: i,
+    ...e
+  } = a, t[0] = a, t[1] = i, t[2] = e) : (i = t[1], e = t[2]);
+  const d = a["aria-disabled"];
+  let l;
+  return t[3] !== i || t[4] !== a.disabled || t[5] !== s || t[6] !== e || t[7] !== d ? (l = /* @__PURE__ */ o("div", { ref: s, className: "field-slot", "aria-disabled": d, "data-state-disabled": a.disabled, "data-state-position": "left", ...e, children: i }), t[3] = i, t[4] = a.disabled, t[5] = s, t[6] = e, t[7] = d, t[8] = l) : l = t[8], l;
+});
+f.displayName = "LeftSlot";
+const r = c((a, s) => {
+  const t = n.c(9);
+  let i, e;
+  t[0] !== a ? ({
+    children: i,
+    ...e
+  } = a, t[0] = a, t[1] = i, t[2] = e) : (i = t[1], e = t[2]);
+  const d = a["aria-disabled"];
+  let l;
+  return t[3] !== i || t[4] !== a.disabled || t[5] !== s || t[6] !== e || t[7] !== d ? (l = /* @__PURE__ */ o("div", { ref: s, className: "field-slot", "aria-disabled": d, "data-state-disabled": a.disabled, "data-state-position": "right", ...e, children: i }), t[3] = i, t[4] = a.disabled, t[5] = s, t[6] = e, t[7] = d, t[8] = l) : l = t[8], l;
+});
+r.displayName = "RightSlot";
+const N = (a, s) => {
+  const t = [], i = [];
+  return m.forEach(a, (e, d) => {
+    if (b(e)) {
+      const l = h(e, {
+        key: e.key ?? `slot-${d}`,
+        disabled: s,
+        "aria-disabled": s
+      });
+      e.type === f && t.push(l), e.type === r && i.push(l);
+    }
+  }), {
+    leftSlotElements: t,
+    rightSlotElements: i
+  };
+};
+export {
+  f as LeftSlot,
+  r as RightSlot,
+  N as getSlotsElements
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs2/slot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/slot/index.tsx"],"sourcesContent":["import { Children, cloneElement, ComponentProps, forwardRef, isValidElement, ReactNode } from 'react';\nimport '../../assets/styles/slot.scss';\n\nenum SlotPosition { left = 'left', right = 'right' }\ninterface SlotProps extends ComponentProps<'div'> {\n  children: ReactNode;\n  disabled?: boolean;\n}\n\nconst LeftSlot = forwardRef<HTMLDivElement, SlotProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      className=\"field-slot\"\n      aria-disabled={props['aria-disabled']}\n      data-state-disabled={props.disabled}\n      data-state-position={SlotPosition.left}\n      {...rest}>\n      {children}\n    </div>\n  );\n});\n\nLeftSlot.displayName = 'LeftSlot';\n\nconst RightSlot = forwardRef<HTMLDivElement, SlotProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      className=\"field-slot\"\n      aria-disabled={props['aria-disabled']}\n      data-state-disabled={props.disabled}\n      data-state-position={SlotPosition.right}\n      {...rest}>\n      {children}\n    </div>\n  );\n});\n\nRightSlot.displayName = 'RightSlot';\n\nconst getSlotsElements = (children: ReactNode, isDisabled: boolean) => {\n  const left: ReactNode[] = [];\n  const right: ReactNode[] = [];\n\n  Children.forEach(children, (childElement, index) => {\n    if (isValidElement<SlotProps>(childElement)) {\n      const clonedChild = cloneElement(childElement, {\n        key: childElement.key ?? `slot-${index}`,\n        disabled: isDisabled,\n        'aria-disabled': isDisabled,\n      });\n      if (childElement.type === LeftSlot) left.push(clonedChild);\n      if (childElement.type === RightSlot) right.push(clonedChild);\n    }\n  });\n\n  return { leftSlotElements: left, rightSlotElements: right };\n};\n\nexport { LeftSlot, RightSlot, getSlotsElements };\nexport type { SlotProps, SlotPosition };\n"],"names":["LeftSlot","forwardRef","props","ref","$","_c","children","rest","t0","t1","disabled","SlotPosition","displayName","RightSlot","getSlotsElements","isDisabled","left","right","Children","forEach","childElement","index","isValidElement","clonedChild","cloneElement","key","type","push","leftSlotElements","rightSlotElements"],"mappings":";;;;AASA,MAAMA,IAAWC,EAAsC,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC,GAAAC;AAAA,EAAAH,SAAAF,KACrD;AAAA,IAAAI,UAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAA8BL,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA;AAMjB,QAAAI,IAAAN,EAAM,eAAe;AAAC,MAAAO;AAAA,SAAAL,SAAAE,KAAAF,EAAA,CAAA,MAAAF,EAAAQ,YAAAN,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAHvCC,+BACON,KAAAA,GACK,WAAA,cACK,iBAAAK,GACM,uBAAAN,EAAKQ,UACL,uBAAAC,QAAiB,GAClCJ,GACHD,UAAAA,GACH,GAAMF,OAAAE,GAAAF,EAAA,CAAA,IAAAF,EAAAQ,UAAAN,OAAAD,GAAAC,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GARNK;AAQM,CAET;AAEDT,EAASY,cAAc;AAEvB,MAAMC,IAAYZ,EAAsC,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC,GAAAC;AAAA,EAAAH,SAAAF,KACtD;AAAA,IAAAI,UAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAA8BL,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA;AAMjB,QAAAI,IAAAN,EAAM,eAAe;AAAC,MAAAO;AAAA,SAAAL,SAAAE,KAAAF,EAAA,CAAA,MAAAF,EAAAQ,YAAAN,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAHvCC,+BACON,KAAAA,GACK,WAAA,cACK,iBAAAK,GACM,uBAAAN,EAAKQ,UACL,uBAAAC,SAAkB,GACnCJ,GACHD,UAAAA,GACH,GAAMF,OAAAE,GAAAF,EAAA,CAAA,IAAAF,EAAAQ,UAAAN,OAAAD,GAAAC,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GARNK;AAQM,CAET;AAEDI,EAAUD,cAAc;AAExB,MAAME,IAAmBA,CAACR,GAAqBS,MAAwB;AACrE,QAAMC,IAAoB,CAAA,GACpBC,IAAqB,CAAA;AAE3BC,SAAAA,EAASC,QAAQb,GAAU,CAACc,GAAcC,MAAU;AAClD,QAAIC,EAA0BF,CAAY,GAAG;AAC3C,YAAMG,IAAcC,EAAaJ,GAAc;AAAA,QAC7CK,KAAKL,EAAaK,OAAO,QAAQJ,CAAK;AAAA,QACtCX,UAAUK;AAAAA,QACV,iBAAiBA;AAAAA,MAAAA,CAClB;AACD,MAAIK,EAAaM,SAAS1B,KAAUgB,EAAKW,KAAKJ,CAAW,GACrDH,EAAaM,SAASb,KAAWI,EAAMU,KAAKJ,CAAW;AAAA,IAC7D;AAAA,EACF,CAAC,GAEM;AAAA,IAAEK,kBAAkBZ;AAAAA,IAAMa,mBAAmBZ;AAAAA,EAAAA;AACtD;"}

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

@@ -0,0 +1,30 @@
+import { ITooltipCommonProps } from 'src/lib/tooltip/types';
+import { ComponentPropsWithoutRef } from 'react';
+import { TextAlign } from '../../@types/Align';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { Position, HintPosition } from '../../@types/Position';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+import { LeftSlot, RightSlot } from '../slot';
+interface TextAreaFieldInputProps extends ComponentPropsWithoutRef<'textarea'>, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+declare const Input: import('react').ForwardRefExoticComponent<TextAreaFieldInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export { Input, LeftSlot, RightSlot };
+export type { TextAreaFieldInputProps };