linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.3

package/lib/inputs2/selectfield/index.js

@@ -0,0 +1,57 @@
+import { jsx as b } from "react/jsx-runtime";
+import { c as S } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/selectfield.css';/* empty css                                   */
+import h from "react";
+import B from "../../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as g } from "../../permissionValidations.js";
+import { LeftSlot as k, RightSlot as q } from "../slot/index.js";
+import { Options as H } from "./options.js";
+import { Item as K } from "./item.js";
+import { options as A } from "./helpers.js";
+import { InputBase as R } from "./base.js";
+import { Simple as Q } from "./simple.js";
+const C = h.forwardRef((u, o) => {
+  const e = S.c(23);
+  let p, t, i, l, r, m;
+  e[0] !== u ? ({
+    onDeniedActions: i,
+    permissionAttr: l,
+    gridLayout: t,
+    disabled: p,
+    readOnly: m,
+    ...r
+  } = u, e[0] = u, e[1] = p, e[2] = t, e[3] = i, e[4] = l, e[5] = r, e[6] = m) : (p = e[1], t = e[2], i = e[3], l = e[4], r = e[5], m = e[6]);
+  let d;
+  e[7] !== i || e[8] !== l ? (d = i || g(A, l), e[7] = i, e[8] = l, e[9] = d) : d = e[9];
+  const x = d, {
+    hideContent: D,
+    unvisible: I
+  } = x, y = !!(m || x.readOnly), O = !!(p || x.disabled);
+  let a;
+  e[10] !== O || e[11] !== y || e[12] !== r ? (a = {
+    readOnly: y,
+    disabled: O,
+    ...r
+  }, e[10] = O, e[11] = y, e[12] = r, e[13] = a) : a = e[13];
+  const n = a;
+  if (D || I)
+    return null;
+  if (t) {
+    let s;
+    e[14] !== n || e[15] !== o ? (s = /* @__PURE__ */ b(R, { ref: o, ...n }), e[14] = n, e[15] = o, e[16] = s) : s = e[16];
+    let c;
+    return e[17] !== t || e[18] !== s ? (c = /* @__PURE__ */ b(B, { cols: t, children: s }), e[17] = t, e[18] = s, e[19] = c) : c = e[19], c;
+  }
+  let f;
+  return e[20] !== n || e[21] !== o ? (f = /* @__PURE__ */ b(R, { ref: o, ...n }), e[20] = n, e[21] = o, e[22] = f) : f = e[22], f;
+});
+C.displayName = "SelectFieldInput";
+export {
+  C as Input,
+  K as Item,
+  k as LeftSlot,
+  H as Options,
+  q as RightSlot,
+  Q as Simple
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/selectfield/index.tsx"],"sourcesContent":["import '../../assets/styles/selectfield.scss';\n\nimport React from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied } from '../../permissionValidations';\nimport { LeftSlot, RightSlot } from '../slot';\nimport { Options } from './options';\nimport { Item } from './item';\nimport { SelectFieldInputBaseProps, type SelectFieldInputProps } from './types';\nimport { options } from './helpers';\nimport { InputBase } from './base';\nimport { Simple } from './simple';\n\nconst Input = React.forwardRef<HTMLInputElement, SelectFieldInputProps>((\n  {  onDeniedActions, permissionAttr, gridLayout, disabled, readOnly, ...props },\n  ref,\n) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies SelectFieldInputBaseProps;\n\n  if (hideContent || unvisible) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'SelectFieldInput';\nexport { Input, Item, Simple, Options, LeftSlot, RightSlot };\nexport type { SelectFieldInputProps };\n"],"names":["Input","React","forwardRef","t0","ref","$","_c","disabled","gridLayout","onDeniedActions","permissionAttr","props","readOnly","t1","actionsOnPermissionDenied","options","onDenied","hideContent","unvisible","isReadOnly","Boolean","isDisabled","t2","inputProps","t3","jsx","InputBase","t4","GridCol","displayName"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAQC,EAAMC,WAAoD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAP,SAAAF,KACtE;AAAA,IAAAM,iBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAF,YAAAA;AAAAA,IAAAD,UAAAA;AAAAA,IAAAK,UAAAA;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAAR,GAA8EE,OAAAF,GAAAE,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,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAIrEG,IAAAJ,KAAmBK,EAA0BC,GAASL,CAAc,GAACL,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAD9E,QAAAW,IACEH,GAEF;AAAA,IAAAI,aAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAmCF,GACnCG,IAAmBC,GAAQR,KAAYI,EAAQJ,WAC/CS,IAAmBD,GAAQb,KAAYS,EAAQT;AAAW,MAAAe;AAAA,EAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAc,KAAAd,EAAA,EAAA,MAAAM,KACvCW,IAAA;AAAA,IAAAV,UACPO;AAAAA,IAAUZ,UAAYc;AAAAA,IAAU,GAAKV;AAAAA,EAAAA,GAChDN,QAAAgB,GAAAhB,QAAAc,GAAAd,QAAAM,GAAAN,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA;AAFD,QAAAkB,IAAmBD;AAInB,MAAIL,KAAAC;AAAwB,WAAS;AAErC,MAAIV,GAAU;AAAA,QAAAgB;AAAA,IAAAnB,EAAA,EAAA,MAAAkB,KAAAlB,UAAAD,KAGRoB,IAAA,gBAAAC,EAACC,GAAA,EAAetB,KAAAA,GAAG,GAAMmB,EAAAA,CAAU,GAAIlB,QAAAkB,GAAAlB,QAAAD,GAAAC,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA;AAAA,QAAAsB;AAAA,WAAAtB,EAAA,EAAA,MAAAG,KAAAH,UAAAmB,KADzCG,IAAA,gBAAAF,EAACG,GAAA,EAAcpB,MAAAA,GACbgB,UAAAA,GACF,GAAUnB,QAAAG,GAAAH,QAAAmB,GAAAnB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GAFVsB;AAAAA,EAEU;AAEb,MAAAH;AAAA,SAAAnB,EAAA,EAAA,MAAAkB,KAAAlB,UAAAD,KAGCoB,IAAA,gBAAAC,EAACC,GAAA,EAAetB,KAAAA,GAAG,GAAMmB,EAAAA,CAAU,GAAIlB,QAAAkB,GAAAlB,QAAAD,GAAAC,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GAAvCmB;AAAuC,CAE1C;AAEDxB,EAAM6B,cAAc;"}

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

@@ -0,0 +1,11 @@
+import { ComponentProps, ReactNode } from 'react';
+interface SelectFieldItemProps extends ComponentProps<'li'> {
+    value: any;
+    label: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    children: ReactNode;
+}
+declare const Item: import('react').ForwardRefExoticComponent<Omit<SelectFieldItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+export { Item };
+export type { SelectFieldItemProps };

package/lib/inputs2/selectfield/item.js

@@ -0,0 +1,57 @@
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+import { c as j } from "../../_virtual/compiler-runtime.js";
+import T from "../../_virtual/lodash.js";
+import { forwardRef as _ } from "react";
+import { Input as z } from "../checkboxfield/index.js";
+import { useSelectFieldContext as E } from "./context.js";
+const N = _((t, a) => {
+  const e = j.c(43), {
+    disabled: i,
+    readOnly: g,
+    children: C
+  } = t, {
+    striped: w,
+    filterValue: k,
+    valueSelect: v,
+    activeDescendant: B,
+    handleOnChange: D,
+    handleChangeLiSelected: I,
+    isMultipleSelect: m,
+    isMultipleDefault: n,
+    isMultipleWithCheckboxes: d
+  } = E();
+  let b;
+  e[0] !== t.value ? (b = T.toString(t.value), e[0] = t.value, e[1] = b) : b = e[1];
+  const c = B === b;
+  let h;
+  e[2] !== m || e[3] !== t.value || e[4] !== v ? (h = m ? [...v].includes(t.value) : t.value === v, e[2] = m, e[3] = t.value, e[4] = v, e[5] = h) : h = e[5];
+  const l = h, O = m ? l : void 0;
+  let r;
+  e[6] !== k || e[7] !== t.label ? (r = String(t.label).toLowerCase().includes(k?.toString().toLowerCase() ?? ""), e[6] = k, e[7] = t.label, e[8] = r) : r = e[8];
+  const s = !!r;
+  let S;
+  e[9] !== O || e[10] !== l || e[11] !== D || e[12] !== n || e[13] !== t.label || e[14] !== t.value ? (S = (f) => {
+    n && l ? f.preventDefault() : D?.(t.value, t.label, O);
+  }, e[9] = O, e[10] = l, e[11] = D, e[12] = n, e[13] = t.label, e[14] = t.value, e[15] = S) : S = e[15];
+  const y = S;
+  let u;
+  e[16] !== l || e[17] !== I || e[18] !== a ? (u = (f) => {
+    f && (l && I(f), typeof a == "function" ? a(f) : a && (a.current = f));
+  }, e[16] = l, e[17] = I, e[18] = a, e[19] = u) : u = e[19];
+  const F = t.hidden || !s, M = t["aria-hidden"] || !s;
+  let o;
+  e[20] !== l || e[21] !== i || e[22] !== c || e[23] !== d || e[24] !== t.label || e[25] !== t.value || e[26] !== g ? (o = d && /* @__PURE__ */ L(z, { rounded: !0, disabled: i, readOnly: g, checked: l, size: "default", variant: "secondary", "data-state-in-focus-select-field": c, name: String(t.label).concat("-").concat(t.value) }), e[20] = l, e[21] = i, e[22] = c, e[23] = d, e[24] = t.label, e[25] = t.value, e[26] = g, e[27] = o) : o = e[27];
+  let x;
+  return e[28] !== l || e[29] !== C || e[30] !== i || e[31] !== y || e[32] !== c || e[33] !== s || e[34] !== n || e[35] !== d || e[36] !== t || e[37] !== w || e[38] !== u || e[39] !== F || e[40] !== M || e[41] !== o ? (x = /* @__PURE__ */ R("li", { ref: u, id: t.value, hidden: F, tabIndex: -1, title: t.label, "aria-label": t.label, "aria-selected": l, "aria-hidden": M, "aria-disabled": i, "data-content-value": t.value, "data-content-label": t.label, "data-state-striped": w, "data-state-in-focus": c, "data-state-filtered": s, "data-state-multiple-with-default": n, "data-state-multiple-with-checkboxes": d, "data-testid": "test-select-field-listbox-item", role: "option", onClick: y, onMouseDown: P, ...t, children: [
+    o,
+    C
+  ] }, t.value), e[28] = l, e[29] = C, e[30] = i, e[31] = y, e[32] = c, e[33] = s, e[34] = n, e[35] = d, e[36] = t, e[37] = w, e[38] = u, e[39] = F, e[40] = M, e[41] = o, e[42] = x) : x = e[42], x;
+});
+N.displayName = "SelectFieldItem";
+function P(t) {
+  t.preventDefault();
+}
+export {
+  N as Item
+};
+//# sourceMappingURL=item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":["../../../src/lib/inputs2/selectfield/item.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { ComponentProps, forwardRef, MouseEvent, ReactNode } from 'react';\nimport * as Checkbox from '../checkboxfield';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldItemProps extends ComponentProps<'li'> {\n  value: any;\n  label: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  children: ReactNode;\n}\n\nconst Item = forwardRef<HTMLLIElement, SelectFieldItemProps>(\n  (props, ref) => {\n    const { disabled, readOnly, children } = props;\n    const {\n      striped, filterValue, valueSelect, activeDescendant, handleOnChange, handleChangeLiSelected,\n      isMultipleSelect, isMultipleDefault, isMultipleWithCheckboxes,\n    } = useSelectFieldContext();\n\n    const valueToString = _.toString(props.value);\n    const hasFocus = Boolean(activeDescendant === valueToString);\n    const ariaSelected = !isMultipleSelect ?\n        Boolean(props.value === valueSelect)\n      : [...valueSelect].includes(props.value);\n    const addOrRemove = !isMultipleSelect ? undefined : ariaSelected;\n    const hasPartOfFilter = Boolean(\n      String(props.label)\n        .toLowerCase()\n        .includes(filterValue?.toString().toLowerCase() ?? ''),\n    );\n\n    const handleOnClickItem = (event: MouseEvent<HTMLLIElement>) => {\n      if (isMultipleDefault && ariaSelected) event.preventDefault();\n      else { handleOnChange?.(props.value, props.label, addOrRemove); }\n    };\n\n    return (\n      <li\n        ref={(el) => {\n          if (el) {\n            if (ariaSelected) { handleChangeLiSelected(el); }\n            if (typeof ref === 'function') {\n              ref(el);\n            } else if (ref) {\n              ref.current = el;\n            }\n          }\n        }}\n        key={props.value}\n        id={props.value}\n        hidden={props.hidden || !hasPartOfFilter}\n        tabIndex={-1}\n        title={props.label}\n        aria-label={props.label}\n        aria-selected={ariaSelected}\n        aria-hidden={props['aria-hidden'] || !hasPartOfFilter}\n        aria-disabled={disabled}\n        data-content-value={props.value}\n        data-content-label={props.label}\n        data-state-striped={striped}\n        data-state-in-focus={hasFocus}\n        data-state-filtered={hasPartOfFilter}\n        data-state-multiple-with-default={isMultipleDefault}\n        data-state-multiple-with-checkboxes={isMultipleWithCheckboxes}\n        data-testid=\"test-select-field-listbox-item\"\n        role=\"option\"\n        onClick={handleOnClickItem}\n        onMouseDown={(event) => { event.preventDefault(); }}\n        {...props}>\n        {isMultipleWithCheckboxes && (\n          <Checkbox.Input\n            rounded\n            disabled={disabled}\n            readOnly={readOnly}\n            checked={ariaSelected}\n            size=\"default\"\n            variant=\"secondary\"\n            data-state-in-focus-select-field={hasFocus}\n            name={String(props.label).concat('-').concat(props.value)} />\n        )}\n        {children}\n      </li>\n    );\n  },\n);\n\nItem.displayName = 'SelectFieldItem';\nexport { Item };\nexport type { SelectFieldItemProps };\n"],"names":["Item","forwardRef","props","ref","$","_c","disabled","readOnly","children","striped","filterValue","valueSelect","activeDescendant","handleOnChange","handleChangeLiSelected","isMultipleSelect","isMultipleDefault","isMultipleWithCheckboxes","useSelectFieldContext","t0","value","_","toString","hasFocus","t1","includes","ariaSelected","addOrRemove","undefined","t2","label","String","toLowerCase","hasPartOfFilter","Boolean","t3","event","preventDefault","handleOnClickItem","t4","el","current","t5","hidden","t6","t7","jsx","Checkbox.Input","concat","t8","jsxs","_temp","displayName","event_0"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+interface SelectFieldListBoxProps extends ComponentProps<'div'> {
+    dropdownMaxWidth?: number;
+}
+declare const ListBox: import('react').ForwardRefExoticComponent<Omit<SelectFieldListBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { ListBox };
+export type { SelectFieldListBoxProps };

package/lib/inputs2/selectfield/listbox.js

@@ -0,0 +1,73 @@
+import { jsxs as p, jsx as f } from "react/jsx-runtime";
+import h from "../../_virtual/lodash.js";
+import { forwardRef as D, useState as w, useRef as N, useEffect as O } from "react";
+import { Search as W } from "./search.js";
+import { useSelectFieldContext as j } from "./context.js";
+const r = 406, k = D((x, v) => {
+  const {
+    children: E,
+    dropdownMaxWidth: d,
+    ...b
+  } = x, {
+    listBoxOpen: i,
+    valueSelect: y,
+    selectFieldId: S,
+    selectContainerRef: a,
+    notFoundFilterLabel: c,
+    searchOnDropdown: B,
+    isMultipleWithCheckboxes: L
+  } = j(), [I, g] = w({}), [F, R] = w(!1), n = N(null), C = B || L;
+  return requestAnimationFrame(() => {
+    const e = n.current?.childNodes, s = n.current?.querySelectorAll('li[data-state-filtered="true"]') ?? [], t = !h.isEmpty(e) && h.isEmpty(s);
+    R(t);
+  }), O(() => {
+    const e = () => {
+      const s = a.current?.getBoundingClientRect();
+      if (s) {
+        const {
+          top: t,
+          left: H,
+          width: M,
+          height: u
+        } = s, l = window.innerHeight - (t + u), m = t, A = l < r && m > l, o = {
+          left: H + window.scrollX,
+          position: "absolute",
+          minWidth: d ?? M
+        };
+        A ? (o.bottom = window.innerHeight - t - window.scrollY, o.maxHeight = Math.min(r, m)) : (o.top = t + u + 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, y, a]), /* @__PURE__ */ p("div", { ref: v, style: I, "aria-expanded": i, className: "select-field-listbox", "data-testid": "test-select-field-listbox", "data-dropdown-max-width": d, ...b, children: [
+    C && /* @__PURE__ */ f(W, {}),
+    /* @__PURE__ */ p("ul", { id: S, role: "listbox", ref: n, children: [
+      E,
+      F && /* @__PURE__ */ f(
+        "li",
+        {
+          tabIndex: -1,
+          "aria-disabled": !0,
+          "aria-label": c,
+          role: "option",
+          id: "not-found-values",
+          className: "not-found-values",
+          onClick: (e) => {
+            e.preventDefault();
+          },
+          onMouseDown: (e) => {
+            e.preventDefault();
+          },
+          children: c
+        },
+        "not-found-values"
+      )
+    ] })
+  ] });
+});
+k.displayName = "SelectListBox";
+export {
+  k 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  dropdownMaxWidth?: number;\n}\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, dropdownMaxWidth, ...rest } = props;\n  const {\n    listBoxOpen, valueSelect, selectFieldId, selectContainerRef, notFoundFilterLabel,\n    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    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: dropdownMaxWidth ?? 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      data-dropdown-max-width={dropdownMaxWidth}\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","dropdownMaxWidth","rest","listBoxOpen","valueSelect","selectFieldId","selectContainerRef","notFoundFilterLabel","searchOnDropdown","isMultipleWithCheckboxes","useSelectFieldContext","listBoxStyles","setListBoxStyles","useState","filterResultIsEmpty","setFilterResultIsEmpty","listBoxRef","useRef","shouldBeShowSearchInput","requestAnimationFrame","hasChildrenElementsInUL","current","childNodes","liElementsFiltered","querySelectorAll","filterIsEmpty","_","isEmpty","useEffect","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":"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"}

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

@@ -0,0 +1,9 @@
+import { SelectFieldInputProps } from './types';
+interface SimpleSelectFieldProps extends SelectFieldInputProps {
+    dataSource: Array<Record<string, any>>;
+    idKey: string;
+    descriptionKey: string;
+}
+declare const Simple: import('react').ForwardRefExoticComponent<SimpleSelectFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Simple };
+export type { SimpleSelectFieldProps };

package/lib/inputs2/selectfield/simple.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import { forwardRef as d } from "react";
+import { Input as f } from "./index.js";
+import { Item as u } from "./item.js";
+const S = d((c, a) => {
+  const e = s.c(13);
+  let r, t, l, i;
+  e[0] !== c ? ({
+    idKey: l,
+    descriptionKey: t,
+    dataSource: r,
+    ...i
+  } = c, e[0] = c, e[1] = r, e[2] = t, e[3] = l, e[4] = i) : (r = e[1], t = e[2], l = e[3], i = e[4]);
+  let o;
+  e[5] !== r || e[6] !== t || e[7] !== l ? (o = r?.map((p) => /* @__PURE__ */ n(u, { value: p[l], label: p[t], children: p[t] }, p[l])), e[5] = r, e[6] = t, e[7] = l, e[8] = o) : o = e[8];
+  let m;
+  return e[9] !== a || e[10] !== i || e[11] !== o ? (m = /* @__PURE__ */ n(f, { ...i, ref: a, children: o }), e[9] = a, e[10] = i, e[11] = o, e[12] = m) : m = e[12], m;
+});
+S.displayName = "SimpleSelectFieldInput";
+export {
+  S as Simple
+};
+//# sourceMappingURL=simple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"simple.js","sources":["../../../src/lib/inputs2/selectfield/simple.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Input, Item } from \".\";\nimport type { SelectFieldInputProps } from \"./types\";\n\ninterface SimpleSelectFieldProps extends SelectFieldInputProps {\n  dataSource: Array<Record<string, any>>;\n  idKey: string;\n  descriptionKey: string;\n}\n\nconst Simple = forwardRef<HTMLInputElement, SimpleSelectFieldProps>(\n  (props, ref) => {\n    const { idKey, descriptionKey, dataSource, ...rest } = props;\n\n    return (\n      <Input {...rest} ref={ref}>\n        {dataSource?.map(item => (\n          <Item key={item[idKey]} value={item[idKey]} label={item[descriptionKey]}>\n            {item[descriptionKey]}\n          </Item>\n        ))}\n      </Input>\n    );\n  },\n);\n\nSimple.displayName = 'SimpleSelectFieldInput';\nexport { Simple };\nexport type { SimpleSelectFieldProps };\n"],"names":["Simple","forwardRef","props","ref","$","_c","dataSource","descriptionKey","idKey","rest","t0","map","item","Item","t1","jsx","Input","displayName"],"mappings":";;;;;AAUA,MAAMA,IAASC,EACb,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAF,KACE;AAAA,IAAAM,OAAAA;AAAAA,IAAAD,gBAAAA;AAAAA,IAAAD,YAAAA;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAAuDP,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAAAH,EAAA,CAAA,MAAAI,KAIxDE,IAAAJ,GAAUK,IAAMC,CAAAA,wBACdC,GAAA,EAA8B,OAAAD,EAAKJ,CAAK,GAAU,OAAAI,EAAKL,CAAc,GACnEK,UAAAA,EAAKL,CAAc,KADXK,EAAKJ,CAAK,CAErB,CACD,GAACJ,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,EAAA,CAAA,MAAAD,KAAAC,UAAAK,KAAAL,EAAA,EAAA,MAAAM,KALJI,IAAA,gBAAAC,EAACC,GAAA,EAAK,GAAKP,GAAWN,KAAAA,GACnBO,UAAAA,GAKH,GAAQN,OAAAD,GAAAC,QAAAK,GAAAL,QAAAM,GAAAN,QAAAU,KAAAA,IAAAV,EAAA,EAAA,GANRU;AAMQ,CAGd;AAEAd,EAAOiB,cAAc;"}

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