linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/inputs2/selectfield/base.js

@@ -0,0 +1,312 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "../../node_modules/uuid/dist/v1.js";
+import { Tooltip as n } from "../../tooltip/index.js";
+import { require_lodash as r } from "../../node_modules/lodash/lodash.js";
+import i from "../../popover/PopoverText.js";
+import a from "../../popover/index.js";
+import o from "../../hint/index.js";
+import { mergeRefs as ee } from "../../form2/helpers.js";
+import { LeftSlot as te, RightSlot as ne } from "../slot/index.js";
+import '../../assets/styles/selectfield.css';/* empty css                              */
+import { Options as re } from "./options.js";
+import { SelectFieldContext as ie } from "./context.js";
+import { Item as ae } from "./item.js";
+import { Keys as s, MultipleVariantEnum as c } from "./types.js";
+import { NAVIGATION_KEYS as l, isTypingKey as oe } from "./helpers.js";
+import { ListBox as se } from "./listbox.js";
+import { Triggers as ce } from "./triggers.js";
+import { Selections as le } from "./selections.js";
+import u, { Fragment as ue } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+//#region src/lib/inputs2/selectfield/base.tsx
+var m = /* @__PURE__ */ e(r(), 1), h = `select-field-controls-${t()}`, g = u.forwardRef((e, t) => {
+	let { name: r, label: g, errors: _, children: v, onChange: y, tooltip: de, tooltipPosition: b, tooltipWidth: fe, hintPosition: x = "below", themePopover: pe = "light", popoverAlign: me = "left", skeletonize: S = !1, striped: he = !1, undigitable: C = !1, externalSearch: ge = !1, openDropdownOnFocus: w = !0, showClearButton: _e = !0, textAlign: ve = "left", searchOnDropdown: ye = !1, onSearch: be = void 0, customClass: xe = "", customClassLabel: Se = "", customClassWrapper: Ce = "", customClassInputContainer: we = "", notFoundFilterLabel: Te = "Nenhuma opção encontrada.", multipleInputLabelEmpty: T = "Nenhum registro selecionado", multipleInputLabelManySelection: E = "Múltiplos registros selecionados", searchInputPlaceholder: D = "Pesquisar registros", dropdownAlignButton: O = "left", dropdownMaxWidth: Ee = void 0, disabled: k, readOnly: A, ...j } = e, [De, M] = u.useState(""), [Oe, N] = u.useState(""), [P, F] = u.useState(!1), [I, L] = u.useState(void 0), R = m.default.isEqual(e?.multiple, c.default), z = m.default.isEqual(e?.multiple, c.checkboxes), B = R || z, V = u.useRef(null), ke = u.useRef(null), H = u.useRef(null), U = u.useRef(null), W = u.useRef(null), G = u.useRef(null), K = u.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		return u.Children.forEach(v, (t) => {
+			u.isValidElement(t) && e.set(t.props.value, t.props.label);
+		}), e;
+	}, [v]);
+	u.useEffect(() => {
+		z && M(T);
+	}, []), u.useEffect(() => {
+		w && P && requestAnimationFrame(() => {
+			z && G.current?.focus?.();
+		});
+	}, [P]), u.useEffect(() => {
+		if (!z && !e?.value && M(""), !e?.value || document.activeElement === H.current) return;
+		let t = K.get(j.value);
+		if (z || M(t ?? ""), z) {
+			let t = K.get(e?.value[0]);
+			switch (m.default.size(e?.value)) {
+				case 0: return M(T);
+				case 1: return M(t ?? "");
+				default: return M(E);
+			}
+		}
+	}, [e?.value, K]);
+	let Ae = !m.default.isEmpty(e?.label), q = !!e.hint?.length, J = !!_?.length, { childrenItems: je } = u.useMemo(() => {
+		let e = [];
+		return u.Children.map(v, (t, n) => {
+			if (u.isValidElement(t)) {
+				let r = u.cloneElement(t, { key: t.key ?? `child-item-${n + 1}` });
+				t.type === ae && e.push(r);
+			}
+		}), { childrenItems: e };
+	}, [v, k]), { leftSlotElements: Y, rightSlotElements: X } = u.useMemo(() => {
+		let e = [], t = [];
+		return u.Children.map(v, (n, r) => {
+			if (u.isValidElement(n)) {
+				let i = u.cloneElement(n, {
+					key: n.key ?? `slot-${r}`,
+					disabled: k,
+					"aria-disabled": k
+				});
+				n.type === te && e.push(i), n.type === ne && t.push(i);
+			}
+		}), {
+			leftSlotElements: e,
+			rightSlotElements: t
+		};
+	}, [v, k]), { optionItens: Me } = u.useMemo(() => {
+		let e = [];
+		return u.Children.map(v, (t, n) => {
+			if (u.isValidElement(t)) {
+				let r = u.cloneElement(t, {
+					key: t.key ?? `option-list-${n}`,
+					disabled: k
+				});
+				t.type === re && e.push(r);
+			}
+		}), { optionItens: e };
+	}, [v, k]), Ne = !!Y?.length, Pe = !!X?.length, Fe = () => {
+		F(!1), N("");
+	}, Z = () => {
+		let t = B ? m.default.orderBy([...e.value], (e) => m.default.toNumber(e), ["asc"])[0] : e?.value;
+		L(m.default.toString(t) ?? void 0);
+	}, Q = () => {
+		F((e) => (e && N(""), H.current !== document.activeElement && H?.current?.focus?.(), !e));
+	}, Ie = (e) => {
+		V.current = e;
+	}, Le = (t, n, i) => {
+		let a = e?.value;
+		i || (a = m.default.union(e.value, [t])), i && (a = m.default.without(e.value, t));
+		let o = { target: {
+			name: r,
+			value: B ? m.default.orderBy(a, (e) => m.default.toNumber(e), ["asc"]) : t
+		} };
+		y?.(o), B || (F(!1), N(""), M(n ?? ""), document.activeElement === G.current && (H?.current?.focus?.(), F(!1)));
+	}, Re = (e) => {
+		let t = !!e, n = [];
+		K.forEach((e, t) => n.push(t)), y?.({ target: {
+			name: r,
+			value: t ? n : []
+		} });
+	}, ze = () => {
+		y?.({ target: {
+			name: r,
+			value: B ? [] : ""
+		} }), F(!1), B || (N(""), M("")), z && M(T);
+	}, Be = (t) => {
+		e?.onBlur?.(t), (!t.relatedTarget || t.relatedTarget !== G.current) && F(!1), N("");
+	}, Ve = (t) => {
+		e?.onFocus?.(t), w && (F(!0), Z());
+	}, He = (e) => {
+		N(e.target.value), M(e.target.value);
+	}, Ue = (t) => {
+		C || z ? t.preventDefault() : e.onPaste?.(t);
+	}, We = (t) => {
+		C || z ? t.preventDefault() : e.onBeforeInput?.(t);
+	}, Ge = (e) => {
+		ge ? be?.(e) : N(e.target.value);
+	}, $ = (t) => {
+		e?.onKeyDown?.(t);
+		let n = [s.backspace, s.delete];
+		if (C && n.includes(t.key)) {
+			t.preventDefault();
+			return;
+		}
+		(oe(t) || t.key === s.arrowDown) && H.current === document.activeElement && (t.key === s.arrowDown && t.preventDefault(), requestAnimationFrame(() => {
+			let n = (U.current?.querySelector("ul[role=\"listbox\"]"))?.querySelectorAll("li[data-state-filtered=\"true\"]") ?? [];
+			if (!P && t.key === s.arrowDown) {
+				let t = B ? m.default.orderBy([...e.value], (e) => m.default.toNumber(e), ["asc"])[0] : e?.value;
+				L(m.default.toString(t) ?? void 0);
+			} else L(n[0]?.id ?? void 0);
+		}), P || (F(!0), Z())), P && l.includes(t.key) && t.preventDefault(), requestAnimationFrame(() => {
+			let e = (U.current?.querySelector("ul[role=\"listbox\"]"))?.querySelectorAll("li[data-state-filtered=\"true\"]") ?? [], n = Array.from(e).findIndex((e) => e.id === I), r = n;
+			if (P) {
+				if (l.includes(t.key)) {
+					switch (t.key) {
+						case s.escape:
+							F(!1), N(""), H.current?.focus(), t.target === G.current && F(!1);
+							break;
+						case s.arrowDown:
+							r = Math.min(n + 1, e.length - 1);
+							break;
+						case s.arrowUp:
+							r = Math.max(n - 1, 0);
+							break;
+						case s.enter:
+							if (I) {
+								let t = e[r];
+								t && t.click();
+							}
+							break;
+						default: break;
+					}
+					let i = e[r];
+					i && (L(i?.id ?? ""), i.scrollIntoView({ block: "nearest" }));
+				}
+			} else return null;
+		});
+	}, Ke = {
+		selectFieldId: h,
+		label: e.label,
+		striped: he,
+		listBoxOpen: P,
+		filterValue: Oe,
+		disabled: k,
+		liSelectedRef: V,
+		selectInputRef: H,
+		selectSearchInputRef: G,
+		handleOnSearch: Ge,
+		searchOnDropdown: ye,
+		nameSelect: String(e.name),
+		valueSelect: e?.value,
+		activeDescendant: I,
+		handleOnChange: Le,
+		handleOnKeyDown: $,
+		selectContainerRef: W,
+		handleCloseListBox: Fe,
+		notFoundFilterLabel: Te,
+		handleChangeLiSelected: Ie,
+		isMultipleSelect: B,
+		isMultipleDefault: R,
+		isMultipleWithCheckboxes: z,
+		searchInputPlaceholder: D,
+		showClearButton: _e,
+		dropdownAlignButton: O,
+		handleClearValue: ze,
+		handleCheckMultiple: Re,
+		handleChangeListBoxState: Q,
+		optionItens: Me
+	};
+	return /* @__PURE__ */ f(ue, { children: [/* @__PURE__ */ d(ie.Provider, {
+		value: Ke,
+		children: /* @__PURE__ */ f("div", {
+			ref: ke,
+			"data-testid": "test-select-field-root",
+			className: `select-field-root ${Ce}`,
+			"data-state-error": J,
+			"data-state-hint-position": x,
+			children: [
+				Ae && /* @__PURE__ */ f("span", {
+					className: `root-label ${Se}`,
+					"data-state-skeletonize": S,
+					children: [/* @__PURE__ */ d("label", {
+						"data-testid": "test-select-field-label",
+						className: "label",
+						title: g,
+						htmlFor: r,
+						"aria-disabled": k,
+						"aria-readonly": A,
+						"data-state-input-required": e.required,
+						children: g
+					}), q && x === "onLabelRight" && !S && /* @__PURE__ */ d(a, {
+						customClass: "label-popover",
+						theme: pe,
+						align: me,
+						iconColor: "#03bde2",
+						children: /* @__PURE__ */ d(i, { text: e?.hint ?? "" })
+					})]
+				}),
+				/* @__PURE__ */ f("div", {
+					ref: W,
+					className: `container ${we}`,
+					"aria-expanded": P,
+					"data-state-skeletonize": S,
+					children: [
+						Ne && !S && Y,
+						/* @__PURE__ */ f("div", {
+							className: "input-root",
+							children: [/* @__PURE__ */ d("input", {
+								...j,
+								ref: ee(t, H),
+								readOnly: e.readOnly || C,
+								className: `input ${xe}`,
+								placeholder: j.placeholder,
+								"data-state-error": J,
+								"data-state-multiple": B,
+								"data-state-read-only": A,
+								"data-state-text-align": ve,
+								"data-state-undigitable": C,
+								"data-state-skeletonize": S,
+								"data-state-multiple-with-checkboxes": z,
+								id: r,
+								type: "text",
+								role: "combobox",
+								multiple: !1,
+								disabled: k,
+								"data-testid": "test-select-field-input",
+								"aria-autocomplete": "list",
+								"aria-expanded": P,
+								"aria-controls": h,
+								"aria-activedescendant": I,
+								tabIndex: !A && !S ? 0 : -1,
+								value: De,
+								onBlur: Be,
+								onFocus: Ve,
+								onKeyDown: $,
+								onChange: He,
+								onPaste: Ue,
+								onBeforeInput: We
+							}), R && /* @__PURE__ */ d(le, {
+								isDisabled: !!k,
+								isReadOnly: !!A,
+								listOfOptionsToSelect: K
+							})]
+						}),
+						Pe && !S && X,
+						/* @__PURE__ */ d("div", {
+							className: "triggers",
+							"data-state-disabled": k,
+							"data-state-read-only": A,
+							"data-state-skeletonize": S,
+							children: /* @__PURE__ */ d(ce, {})
+						}),
+						P && p(/* @__PURE__ */ d(se, {
+							ref: U,
+							dropdownMaxWidth: Ee,
+							children: je
+						}), document.body)
+					]
+				}),
+				x === "below" && /* @__PURE__ */ d(o, {
+					customClass: "hint",
+					skeletonize: S,
+					description: e.hint,
+					disabled: k,
+					visible: q
+				}),
+				J && /* @__PURE__ */ d("span", {
+					"data-testid": "test-select-field-list-errors",
+					className: "error",
+					"data-state-skeletonize": S,
+					"aria-describedby": String(r).concat("-errors"),
+					children: _?.map((e, t) => /* @__PURE__ */ f(u.Fragment, { children: [e, " "] }, `${t + 1}-${e}`))
+				})
+			]
+		})
+	}), /* @__PURE__ */ d(n, {
+		targetRef: H,
+		text: de,
+		position: b,
+		width: fe,
+		space: b === "right" ? 64 : void 0
+	})] });
+});
+g.displayName = "SelectFieldInputBase";
+//#endregion
+export { g as InputBase };
+
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":[],"sources":["../../../src/lib/inputs2/selectfield/base.tsx"],"sourcesContent":["import '../../assets/styles/selectfield.scss';\n\nimport React, { Fragment } from 'react';\nimport _ from 'lodash';\nimport { v1 as uuidV1 } from 'uuid';\nimport { createPortal } from 'react-dom';\nimport Hint from '../../hint';\nimport Popover, { PopoverText } from '../../popover';\nimport { Tooltip } from '../../tooltip';\nimport { mergeRefs } from '../../form2/helpers';\nimport { LeftSlot, RightSlot, type SlotProps } from '../slot';\nimport { ListBox } from './listbox';\nimport { Triggers } from './triggers';\nimport { Selections } from './selections';\nimport { SelectFieldContext } from './context';\nimport { Options, type OptionsProps } from './options';\nimport { Item, type SelectFieldItemProps } from './item';\nimport { Keys, MultipleVariantEnum, SelectFieldInputBaseProps } from './types';\nimport { isTypingKey, NAVIGATION_KEYS } from './helpers';\n\nconst SELECT_FIELD_CONTROLS_ID = `select-field-controls-${uuidV1()}`;\nexport const InputBase = React.forwardRef<HTMLInputElement, SelectFieldInputBaseProps>(\n  (props, ref) => {\n    const {\n      name, label, errors, children, onChange, tooltip, tooltipPosition, tooltipWidth, hintPosition = 'below',\n      themePopover = 'light', popoverAlign = 'left', skeletonize = false, striped = false, undigitable = false, externalSearch = false,\n      openDropdownOnFocus = true, showClearButton = true, textAlign = 'left', searchOnDropdown = false, onSearch = undefined,\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '',\n      notFoundFilterLabel = 'Nenhuma opção encontrada.', multipleInputLabelEmpty = 'Nenhum registro selecionado',\n      multipleInputLabelManySelection = 'Múltiplos registros selecionados', searchInputPlaceholder = 'Pesquisar registros', \n      dropdownAlignButton = 'left', dropdownMaxWidth = undefined, disabled, readOnly, ...rest\n    } = props;\n    const [inputValue, setInputValue] = React.useState('');\n    const [filterValue, setFilterValue] = React.useState('');\n    const [listBoxOpen, setListBoxOpen] = React.useState(false);\n    const [activeDescendant, setActiveDescendant] = React.useState<string | undefined>(undefined);\n    const isMultipleDefault = _.isEqual(props?.multiple, MultipleVariantEnum.default);\n    const isMultipleWithCheckboxes = _.isEqual(props?.multiple, MultipleVariantEnum.checkboxes);\n    const isMultipleSelect = isMultipleDefault || isMultipleWithCheckboxes;\n    const liSelectedRef = React.useRef<HTMLLIElement | null>(null);\n    const selectFieldRoot = React.useRef<HTMLDivElement | null>(null);\n    const selectInputRef = React.useRef<HTMLInputElement | null>(null);\n    const selectListBoxRef = React.useRef<HTMLDivElement | null>(null);\n    const selectContainerRef = React.useRef<HTMLDivElement | null>(null);\n    const selectSearchInputRef = React.useRef<HTMLInputElement | null>(null);\n\n    const listOptionsMap = React.useMemo(() => {\n      const optionsMap = new Map<string, string>();\n      React.Children.forEach(children, (child) => {\n        if (React.isValidElement<SelectFieldItemProps>(child)) {\n          optionsMap.set(child.props.value, child.props.label);\n        }\n      });\n      return optionsMap;\n    }, [children]);\n\n    React.useEffect(() => {\n      if (isMultipleWithCheckboxes) {\n        setInputValue(multipleInputLabelEmpty);\n      }\n    }, []);\n\n    React.useEffect(() => {\n      if (openDropdownOnFocus && listBoxOpen) {\n        requestAnimationFrame(() => {\n          if (isMultipleWithCheckboxes) {\n            selectSearchInputRef.current?.focus?.();\n          }\n        });\n      }\n    }, [listBoxOpen]);\n\n    React.useEffect(() => {\n      if (!isMultipleWithCheckboxes && !props?.value) setInputValue('');\n      if (!props?.value || document.activeElement === selectInputRef.current) return;\n      const lazyInputValue = listOptionsMap.get(rest.value);\n      if (!isMultipleWithCheckboxes) setInputValue(lazyInputValue ?? '');\n      if (isMultipleWithCheckboxes) {\n        const firstSelectionLabel = listOptionsMap.get(props?.value[0]);\n        switch (_.size(props?.value)) {\n          case 0:\n            return setInputValue(multipleInputLabelEmpty);\n          case 1:\n            return setInputValue(firstSelectionLabel ?? '');\n          default:\n            return setInputValue(multipleInputLabelManySelection);\n        }\n      }\n    }, [props?.value, listOptionsMap]);\n\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n\n    const { childrenItems } = React.useMemo(() => {\n      const itens: React.ReactNode[] = [];\n\n      React.Children.map(children, (childElement, index) => {\n        if (React.isValidElement<SelectFieldItemProps>(childElement)) {\n          const clonedChild = React.cloneElement(childElement, {\n            key: childElement.key ?? `child-item-${index + 1}`,\n          });\n          if (childElement.type === Item) itens.push(clonedChild);\n        }\n      });\n\n      return { childrenItems: itens };\n    }, [children, disabled]);   \n\n    const { leftSlotElements, rightSlotElements } = React.useMemo(() => {\n      const left: React.ReactNode[] = [];\n      const right: React.ReactNode[] = [];\n\n      React.Children.map(children, (childElement, index) => {\n        if (React.isValidElement<SlotProps>(childElement)) {\n          const clonedChild = React.cloneElement(childElement, {\n            key: childElement.key ?? `slot-${index}`,\n            disabled: disabled,\n            'aria-disabled': disabled,\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    }, [children, disabled]);\n\n    const { optionItens } = React.useMemo(() => {\n      const itens: React.ReactNode[] = [];\n\n      React.Children.map(children, (childElement, index) => {\n        if (React.isValidElement<OptionsProps>(childElement)) {\n          const clonedChildItem = React.cloneElement(childElement, {\n            key: childElement.key ?? `option-list-${index}`,\n            disabled: disabled,\n          });\n          if (childElement.type === Options) itens.push(clonedChildItem);\n        }\n      });\n\n      return { optionItens: itens };\n    }, [children, disabled]);\n\n    const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n    const hasRightSlotElements = Boolean(rightSlotElements?.length);\n\n    const handleCloseListBox = () => {\n      setListBoxOpen(false);\n      setFilterValue('');\n    };\n\n    const handleOpenListBox = () => {\n      const currentValue = !isMultipleSelect ?\n        props?.value\n        : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n      setActiveDescendant(_.toString(currentValue) ?? undefined);\n    };\n\n    const handleChangeListBoxState = () => {\n      setListBoxOpen((prevState) => {\n        if (prevState) {\n          setFilterValue('');\n        }\n        if (selectInputRef.current !== document.activeElement) {\n          selectInputRef?.current?.focus?.();\n        }\n        return !prevState;\n      });\n    };\n\n    const handleChangeLiSelected = (liElement: HTMLLIElement | null) => {\n      liSelectedRef.current = liElement;\n    };\n\n    const handleOnChange = (value?: any, inputLabel?: string, addOrRemove?: boolean) => {\n      let multipleValue = props?.value;\n      if (!addOrRemove) multipleValue = _.union(props.value, [value]);\n      if (addOrRemove) multipleValue = _.without(props.value, value);\n      const changedValue = !isMultipleSelect ?\n        value\n        : _.orderBy(multipleValue, multiValue => _.toNumber(multiValue), ['asc']);\n      const syntheticEvent = {\n        target: {\n          name,\n          value: changedValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n      if (!isMultipleSelect) {\n        setListBoxOpen(false);\n        setFilterValue('');\n        setInputValue(inputLabel ?? '');\n        if (document.activeElement === selectSearchInputRef.current) {\n          selectInputRef?.current?.focus?.();\n          setListBoxOpen(false);\n        }\n      }\n    };\n\n    const handleCheckMultiple = (checkOrUncheckAll?: boolean) => {\n      const checkAll = Boolean(checkOrUncheckAll);\n      const allValues: any[] = [];\n      listOptionsMap.forEach((__, key) => allValues.push(key));\n      const value: any = checkAll ? allValues : [];\n      const syntheticEvent = {\n        target: {\n          name,\n          value,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n    };\n\n    const handleClearValue = () => {\n      const resetValue = !isMultipleSelect ? '' : [];\n      const syntheticEvent = {\n        target: {\n          name,\n          value: resetValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n      setListBoxOpen(false);\n      if (!isMultipleSelect) {\n        setFilterValue('');\n        setInputValue('');\n      }\n      if (isMultipleWithCheckboxes) {\n        setInputValue(multipleInputLabelEmpty);\n      }\n    };\n\n    const handleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      if (!event.relatedTarget || event.relatedTarget !== selectSearchInputRef.current) {\n        setListBoxOpen(false);\n      }\n      setFilterValue('');\n    };\n\n    const handleOnFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      if (openDropdownOnFocus) {\n        setListBoxOpen(true);\n        handleOpenListBox();\n      }\n    };\n\n    const handleOnChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n      setFilterValue(event.target.value);\n      setInputValue(event.target.value);\n    };\n\n    const handleOnPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable || isMultipleWithCheckboxes) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: React.InputEvent<HTMLInputElement>) => {\n      if (undigitable || isMultipleWithCheckboxes) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (externalSearch) {\n        onSearch?.(event);\n      } else {\n        setFilterValue(event.target.value);\n      }\n    };\n\n    const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      const notUndigitableKeys: string[] = [Keys.backspace, Keys.delete];\n      if ((undigitable) && notUndigitableKeys.includes(event.key)) {\n        event.preventDefault();\n        return;\n      }\n      const shouldOpenByTyping = isTypingKey(event) || event.key === Keys.arrowDown;\n      if (shouldOpenByTyping && selectInputRef.current === document.activeElement) {\n        if (event.key === Keys.arrowDown) {\n          event.preventDefault();\n        }\n        requestAnimationFrame(() => {\n          const ulListElement = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n          const liElementsFiltered = (ulListElement?.querySelectorAll(\n            'li[data-state-filtered=\"true\"]',\n          ) ?? []) as HTMLLIElement[];\n          if (!listBoxOpen && event.key === Keys.arrowDown) {\n            const currentValue = !isMultipleSelect ?\n              props?.value\n              : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n            setActiveDescendant(_.toString(currentValue) ?? undefined);\n          } else {\n            setActiveDescendant(liElementsFiltered[0]?.id ?? undefined);\n          }\n        });\n        if (!listBoxOpen) {\n          setListBoxOpen(true);\n          handleOpenListBox();\n        }\n      }\n      if (listBoxOpen && NAVIGATION_KEYS.includes(event.key)) {\n        event.preventDefault();\n      }\n      requestAnimationFrame(() => {\n        const ulListElement = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n        const liElementsFiltered = (ulListElement?.querySelectorAll(\n          'li[data-state-filtered=\"true\"]',\n        ) ?? []) as HTMLLIElement[];\n        const currentElementIndex = Array.from(liElementsFiltered).findIndex(\n          liElement => liElement.id === activeDescendant,\n        );\n        let nextElementIndex = currentElementIndex;\n        if (listBoxOpen) {\n          if (NAVIGATION_KEYS.includes(event.key)) {\n            switch (event.key) {\n              case Keys.escape:\n                setListBoxOpen(false);\n                setFilterValue('');\n                selectInputRef.current?.focus();\n                if (event.target === selectSearchInputRef.current) {\n                  setListBoxOpen(false);\n                }\n                break;\n              case Keys.arrowDown:\n                nextElementIndex = Math.min(currentElementIndex + 1, liElementsFiltered.length - 1);\n                break;\n              case Keys.arrowUp:\n                nextElementIndex = Math.max(currentElementIndex - 1, 0);\n                break;\n              case Keys.enter:\n                if (activeDescendant) {\n                  const selectedLIOption = liElementsFiltered[nextElementIndex];\n                  if (selectedLIOption) {\n                    selectedLIOption.click();\n                  }\n                }\n                break;\n              default:\n                break;\n            }\n            const nextLIOption = liElementsFiltered[nextElementIndex];\n            if (nextLIOption) {\n              setActiveDescendant(nextLIOption?.id ?? '');\n              nextLIOption.scrollIntoView({ block: 'nearest' });\n            }\n          }\n        } else return null;\n      });\n    };\n\n    const contextValues = ({\n      selectFieldId: SELECT_FIELD_CONTROLS_ID, label: props.label, striped, listBoxOpen, \n      filterValue, disabled, liSelectedRef, selectInputRef, selectSearchInputRef, handleOnSearch, \n      searchOnDropdown, nameSelect: String(props.name), valueSelect: props?.value, \n      activeDescendant, handleOnChange, handleOnKeyDown, selectContainerRef, handleCloseListBox, \n      notFoundFilterLabel, handleChangeLiSelected, isMultipleSelect, isMultipleDefault, \n      isMultipleWithCheckboxes, searchInputPlaceholder, showClearButton, dropdownAlignButton, \n      handleClearValue, handleCheckMultiple, handleChangeListBoxState, optionItens,\n    });\n\n    return (\n      <Fragment>\n        <SelectFieldContext.Provider value={contextValues}>\n          <div\n            ref={selectFieldRoot}\n            data-testid=\"test-select-field-root\"\n            className={`select-field-root ${customClassWrapper}`}\n            data-state-error={hasValidationErrors}\n            data-state-hint-position={hintPosition}>\n            {hasLabel && (\n              <span\n                className={`root-label ${customClassLabel}`}\n                data-state-skeletonize={skeletonize}>\n                <label\n                  data-testid=\"test-select-field-label\"\n                  className=\"label\"\n                  title={label}\n                  htmlFor={name}\n                  aria-disabled={disabled}\n                  aria-readonly={readOnly}\n                  data-state-input-required={props.required}>\n                  {label}\n                </label>\n                {hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && (\n                  <Popover\n                    customClass=\"label-popover\"\n                    theme={themePopover}\n                    align={popoverAlign}\n                    iconColor=\"#03bde2\">\n                    <PopoverText text={props?.hint ?? ''} />\n                  </Popover>\n                )}\n              </span>\n            )}\n            <div\n              ref={selectContainerRef}\n              className={`container ${customClassInputContainer}`}\n              aria-expanded={listBoxOpen}\n              data-state-skeletonize={skeletonize}>\n              {(hasLeftSlotElements && !skeletonize) && leftSlotElements}\n              <div className=\"input-root\">\n                <input\n                  {...rest}\n                  ref={mergeRefs(ref, selectInputRef)}\n                  readOnly={props.readOnly || undigitable}\n                  className={`input ${customClass}`}\n                  placeholder={rest.placeholder}\n                  data-state-error={hasValidationErrors}\n                  data-state-multiple={isMultipleSelect}\n                  data-state-read-only={readOnly}\n                  data-state-text-align={textAlign}\n                  data-state-undigitable={undigitable}\n                  data-state-skeletonize={skeletonize}\n                  data-state-multiple-with-checkboxes={isMultipleWithCheckboxes}\n                  id={name}\n                  type=\"text\"\n                  role=\"combobox\"\n                  multiple={false}\n                  disabled={disabled}\n                  data-testid=\"test-select-field-input\"\n                  aria-autocomplete=\"list\"\n                  aria-expanded={listBoxOpen}\n                  aria-controls={SELECT_FIELD_CONTROLS_ID}\n                  aria-activedescendant={activeDescendant}\n                  tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                  value={inputValue}\n                  onBlur={handleOnBlur}\n                  onFocus={handleOnFocus}\n                  onKeyDown={handleOnKeyDown}\n                  onChange={handleOnChangeInput}\n                  onPaste={handleOnPaste}\n                  onBeforeInput={handleOnBeforeInput} />\n                {isMultipleDefault && (\n                  <Selections\n                    isDisabled={Boolean(disabled)}\n                    isReadOnly={Boolean(readOnly)}\n                    listOfOptionsToSelect={listOptionsMap} />\n                )}\n              </div>\n              {(hasRightSlotElements && !skeletonize) && rightSlotElements}\n              <div\n                className=\"triggers\"\n                data-state-disabled={disabled}\n                data-state-read-only={readOnly}\n                data-state-skeletonize={skeletonize}>\n                <Triggers />\n              </div>\n              {listBoxOpen && createPortal(\n                <ListBox\n                  ref={selectListBoxRef}\n                  dropdownMaxWidth={dropdownMaxWidth}>\n                  {childrenItems}\n                </ListBox>, \n                document.body,\n              )\n              }\n            </div>\n            {hintPosition === 'below' && (\n              <Hint\n                customClass=\"hint\"\n                skeletonize={skeletonize}\n                description={props.hint}\n                disabled={disabled}\n                visible={hasHintMessages} />\n            )}\n            {hasValidationErrors && (\n              <span\n                data-testid=\"test-select-field-list-errors\"\n                className=\"error\"\n                data-state-skeletonize={skeletonize}\n                aria-describedby={String(name).concat('-errors')}>\n                {errors?.map((error, index) => (\n                  <React.Fragment key={`${index + 1}-${error}`}>\n                    {error}\n                    {' '}\n                  </React.Fragment>\n                ))}\n              </span>\n            )}\n          </div>\n        </SelectFieldContext.Provider>\n        <Tooltip\n          targetRef={selectInputRef}\n          text={tooltip}\n          position={tooltipPosition}\n          width={tooltipWidth}\n          space={tooltipPosition === 'right' ? 64 : undefined} />\n      </Fragment>\n    );\n  },\n);\n\nInputBase.displayName = 'SelectFieldInputBase';\n"],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+import { ChangeEvent, ReactNode, RefObject, KeyboardEventHandler } from 'react';
+import { Position } from '../../@types/Position';
+interface SelectFieldContextProps {
+    striped?: boolean;
+    listBoxOpen: boolean;
+    isDisabled?: boolean;
+    showClearButton?: boolean;
+    searchOnDropdown?: boolean;
+    isMultipleSelect?: boolean;
+    isMultipleDefault?: boolean;
+    isMultipleWithCheckboxes?: boolean;
+    label?: string;
+    filterValue?: string;
+    nameSelect?: string;
+    valueSelect?: any;
+    selectFieldId: string;
+    activeDescendant?: string;
+    notFoundFilterLabel: string;
+    searchInputPlaceholder: string;
+    optionItens: ReactNode[] | undefined | null;
+    dropdownAlignButton?: Extract<Position, 'left' | 'right'>;
+    liSelectedRef: RefObject<HTMLLIElement | null>;
+    selectInputRef: RefObject<HTMLInputElement | null>;
+    selectContainerRef: RefObject<HTMLDivElement | null>;
+    selectSearchInputRef: RefObject<HTMLInputElement | null>;
+    handleOnSearch?: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleOnChange?: (value?: string, label?: string, addOrRemove?: boolean) => void;
+    handleOnKeyDown?: KeyboardEventHandler;
+    handleClearValue?: () => void;
+    handleCloseListBox: () => void;
+    handleCheckMultiple: (checkOrUncheckAll?: boolean) => void;
+    handleChangeLiSelected: (liElement: HTMLLIElement | null) => void;
+    handleChangeListBoxState: () => void;
+}
+declare const SelectFieldContext: import('react').Context<SelectFieldContextProps>;
+declare const useSelectFieldContext: () => SelectFieldContextProps;
+export { SelectFieldContext, useSelectFieldContext };
+export type { SelectFieldContextProps };

package/lib/inputs2/selectfield/context.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/inputs2/selectfield/context.tsx
+var n = e({}), r = () => {
+	let e = t(n);
+	if (e === void 0) throw Error("useSelectFieldContext must be used within a SelectFieldProvider");
+	return e;
+};
+//#endregion
+export { n as SelectFieldContext, r as useSelectFieldContext };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/lib/inputs2/selectfield/context.tsx"],"sourcesContent":["import { createContext, ChangeEvent, ReactNode, RefObject, useContext, KeyboardEventHandler } from 'react';\nimport type { Position } from '../../@types/Position';\n\ninterface SelectFieldContextProps {\n  striped?: boolean;\n  listBoxOpen: boolean;\n  isDisabled?: boolean;\n  showClearButton?: boolean;\n  searchOnDropdown?: boolean;\n  isMultipleSelect?: boolean;\n  isMultipleDefault?: boolean;\n  isMultipleWithCheckboxes?: boolean;\n  label?: string;\n  filterValue?: string;\n  nameSelect?: string;\n  valueSelect?: any;\n  selectFieldId: string;\n  activeDescendant?: string;\n  notFoundFilterLabel: string;\n  searchInputPlaceholder: string;\n  optionItens: ReactNode[] | undefined | null;\n  dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n  liSelectedRef: RefObject<HTMLLIElement | null>;\n  selectInputRef: RefObject<HTMLInputElement | null>;\n  selectContainerRef: RefObject<HTMLDivElement | null>;\n  selectSearchInputRef: RefObject<HTMLInputElement | null>;\n  handleOnSearch?: (event: ChangeEvent<HTMLInputElement>) => void;\n  handleOnChange?: (value?: string, label?: string, addOrRemove?: boolean) => void;\n  handleOnKeyDown?: KeyboardEventHandler;\n  handleClearValue?: () => void;\n  handleCloseListBox: () => void;\n  handleCheckMultiple: (checkOrUncheckAll?: boolean) => void;\n  handleChangeLiSelected: (liElement: HTMLLIElement | null) => void;\n  handleChangeListBoxState: () => void;\n}\n\nconst SelectFieldContext = createContext({} as SelectFieldContextProps);\n\nconst useSelectFieldContext = () => {\n  const context = useContext(SelectFieldContext);\n\n  if (context === undefined)\n    throw new Error('useSelectFieldContext must be used within a SelectFieldProvider');\n\n  return context;\n};\n\nexport { SelectFieldContext, useSelectFieldContext };\nexport type { SelectFieldContextProps };\n"],"mappings":";;AAoCA,IAAM,IAAqB,EAAc,EAAE,CAA4B,EAEjE,UAAA;CACJ,IAAA,IAAgB,EAAW,EAAmB;AAE9C,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,kEAAkE;AAAA,QAE7E"}

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

@@ -0,0 +1,5 @@
+import { KeyboardEvent } from 'react';
+export declare const setFocusOnOffsetElement: (current: HTMLElement, nextOrBefore: "next" | "before") => void;
+export declare const options: string[];
+export declare const NAVIGATION_KEYS: string[];
+export declare const isTypingKey: (event: KeyboardEvent) => boolean;

package/lib/inputs2/selectfield/helpers.js

@@ -0,0 +1,36 @@
+import { OPTIONS_ON_DENIED as e } from "../../permissionValidations.js";
+import { Keys as t } from "./types.js";
+//#region src/lib/inputs2/selectfield/helpers.ts
+var n = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(","), r = (e, t) => {
+	let r = Array.from(document.querySelectorAll(n)), i = t === "next" ? 1 : -1, a = r[r.indexOf(e) + i];
+	a && a.focus();
+}, i = [
+	e.disabled,
+	e.unvisible,
+	e.readOnly,
+	e.hideContent
+], a = [
+	t.escape,
+	t.arrowDown,
+	t.arrowUp,
+	t.enter
+], o = (e) => {
+	if (e.ctrlKey || e.metaKey || e.altKey) return !1;
+	let n = [
+		t.backspace,
+		t.delete,
+		t.spaceBar
+	];
+	return e.key.length === 1 || n.includes(e.key);
+};
+//#endregion
+export { a as NAVIGATION_KEYS, o as isTypingKey, i as options, r as setFocusOnOffsetElement };
+
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/lib/inputs2/selectfield/helpers.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport { OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { Keys } from './types';\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\nexport const setFocusOnOffsetElement = (\n  current: HTMLElement, nextOrBefore: 'next' | 'before',\n) => {\n  const elementFocusables = Array.from(document.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR));\n  const offsetElement = nextOrBefore === 'next' ? 1 : -1;\n  const elementIndex = elementFocusables.indexOf(current);\n  const nextElement = elementFocusables[elementIndex + offsetElement];\n  if (nextElement) nextElement.focus();\n};\nexport const options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nexport const NAVIGATION_KEYS: string[] = [Keys.escape, Keys.arrowDown, Keys.arrowUp, Keys.enter];\nexport const isTypingKey = (event: KeyboardEvent) => {\n  if (event.ctrlKey || event.metaKey || event.altKey) return false;\n  const validKeys: string[] = [Keys.backspace, Keys.delete, Keys.spaceBar];\n  return ((event.key.length === 1) || validKeys.includes(event.key));\n};\n"],"mappings":";;;AAIA,IAAM,IAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,KAAK,IAAI,EACE,KACX,GAAsB,MACnB;CACH,IAAM,IAAoB,MAAM,KAAK,SAAS,iBAA8B,EAAmB,CAAC,EAC1F,IAAgB,MAAiB,SAAS,IAAI,IAE9C,IAAc,EADC,EAAkB,QAAQ,EAAQ,GACF;AACrD,CAAI,KAAa,EAAY,OAAO;GAEzB,IAAU;CACrB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EACY,IAA4B;CAAC,EAAK;CAAQ,EAAK;CAAW,EAAK;CAAS,EAAK;CAAM,EACnF,KAAe,MAAyB;AACnD,KAAI,EAAM,WAAW,EAAM,WAAW,EAAM,OAAQ,QAAO;CAC3D,IAAM,IAAsB;EAAC,EAAK;EAAW,EAAK;EAAQ,EAAK;EAAS;AACxE,QAAS,EAAM,IAAI,WAAW,KAAM,EAAU,SAAS,EAAM,IAAI"}

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { LeftSlot, RightSlot } from '../slot';
+import { Options } from './options';
+import { Item } from './item';
+import { SelectFieldInputProps } from './types';
+import { Simple } from './simple';
+declare const Input: React.ForwardRefExoticComponent<SelectFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, Item, Simple, Options, LeftSlot, RightSlot };
+export type { SelectFieldInputProps };

package/lib/inputs2/selectfield/index.js

@@ -0,0 +1,42 @@
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "../../gridlayout/index.js";
+import { actionsOnPermissionDenied as n } from "../../permissionValidations.js";
+import { LeftSlot as r, RightSlot as i } from "../slot/index.js";
+import '../../assets/styles/selectfield.css';/* empty css                              */
+import { Options as a } from "./options.js";
+import { Item as o } from "./item.js";
+import { options as s } from "./helpers.js";
+import { InputBase as c } from "./base.js";
+import { Simple as l } from "./simple.js";
+import u from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/lib/inputs2/selectfield/index.tsx
+var f = /* @__PURE__ */ e({
+	Input: () => p,
+	Item: () => o,
+	LeftSlot: () => r,
+	Options: () => a,
+	RightSlot: () => i,
+	Simple: () => l
+}), p = u.forwardRef(({ onDeniedActions: e, permissionAttr: r, gridLayout: i, disabled: a, readOnly: o, ...l }, f) => {
+	let p = u.useMemo(() => e || n(s, r), [e, r]), { hideContent: m, unvisible: h } = p, g = {
+		readOnly: !!(o || p.readOnly),
+		disabled: !!(a || p.disabled),
+		...l
+	};
+	return m || h ? null : i ? /* @__PURE__ */ d(t, {
+		cols: i,
+		children: /* @__PURE__ */ d(c, {
+			ref: f,
+			...g
+		})
+	}) : /* @__PURE__ */ d(c, {
+		ref: f,
+		...g
+	});
+});
+p.displayName = "SelectFieldInput";
+//#endregion
+export { p as Input, o as Item, r as LeftSlot, a as Options, i as RightSlot, l as Simple, f as selectfield_exports };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;IAcM,IAAQ,EAAM,YAClB,EAAG,oBAAiB,mBAAgB,eAAY,aAAU,aAAU,GAAG,KACvE,MACG;CACH,IAAM,IAAqB,EAAM,cACxB,KAAmB,EAA0B,GAAS,EAAe,EAC3E,CAAC,GAAiB,EAAe,CAAC,EAC/B,EAAE,gBAAa,iBAAc,GAG7B,IAAa;EACjB,UAHiB,GAAQ,KAAY,EAAS;EAGxB,UAFL,GAAQ,KAAY,EAAS;EAEF,GAAG;EAChD;AAYD,QAVI,KAAe,IAAkB,OAEjC,IAEA,kBAAC,GAAD;EAAS,MAAM;YACb,kBAAC,GAAD;GAAgB;GAAK,GAAI;GAAc,CAAA;EAC/B,CAAA,GAKZ,kBAAC,GAAD;EAAgB;EAAK,GAAI;EAAc,CAAA;EAEzC;AAEF,EAAM,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,54 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+import { Input as n } from "../checkboxfield/index.js";
+import { useSelectFieldContext as r } from "./context.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/inputs2/selectfield/item.tsx
+var s = /* @__PURE__ */ e(t(), 1), c = i((e, t) => {
+	let { disabled: i, readOnly: c, children: l } = e, { striped: u, filterValue: d, valueSelect: f, activeDescendant: p, handleOnChange: m, handleChangeLiSelected: h, isMultipleSelect: g, isMultipleDefault: _, isMultipleWithCheckboxes: v } = r(), y = p === s.default.toString(e.value), b = g ? [...f].includes(e.value) : e.value === f, x = g ? b : void 0, S = !!String(e.label).toLowerCase().includes(d?.toString().toLowerCase() ?? ""), C = (t) => {
+		_ && b ? t.preventDefault() : m?.(e.value, e.label, x);
+	};
+	return /* @__PURE__ */ o("li", {
+		ref: (e) => {
+			e && (b && h(e), typeof t == "function" ? t(e) : t && (t.current = e));
+		},
+		id: e.value,
+		hidden: e.hidden || !S,
+		tabIndex: -1,
+		title: e.label,
+		"aria-label": e.label,
+		"aria-selected": b,
+		"aria-hidden": e["aria-hidden"] || !S,
+		"aria-disabled": i,
+		"data-content-value": e.value,
+		"data-content-label": e.label,
+		"data-state-striped": u,
+		"data-state-in-focus": y,
+		"data-state-filtered": S,
+		"data-state-multiple-with-default": _,
+		"data-state-multiple-with-checkboxes": v,
+		"data-testid": "test-select-field-listbox-item",
+		role: "option",
+		onClick: C,
+		onMouseDown: (e) => {
+			e.preventDefault();
+		},
+		...e,
+		children: [v && /* @__PURE__ */ a(n, {
+			rounded: !0,
+			disabled: i,
+			readOnly: c,
+			checked: b,
+			size: "default",
+			variant: "secondary",
+			"data-state-in-focus-select-field": y,
+			name: String(e.label).concat("-").concat(e.value)
+		}), l]
+	}, e.value);
+});
+c.displayName = "SelectFieldItem";
+//#endregion
+export { c as Item };
+
+//# sourceMappingURL=item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":[],"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"],"mappings":";;;;;;;mCAaM,IAAO,GACV,GAAO,MAAQ;CACd,IAAM,EAAE,aAAU,aAAU,gBAAa,GACnC,EACJ,YAAS,gBAAa,gBAAa,qBAAkB,mBAAgB,2BACrE,qBAAkB,sBAAmB,gCACnC,GAAuB,EAGrB,IAAmB,MADH,EAAA,QAAE,SAAS,EAAM,MAAM,EAEvC,IAAgB,IAElB,CAAC,GAAG,EAAY,CAAC,SAAS,EAAM,MAAM,GAD9B,EAAM,UAAU,GAEtB,IAAe,IAA+B,IAAZ,KAAA,GAClC,IAAkB,EACtB,OAAO,EAAM,MAAM,CAChB,aAAa,CACb,SAAS,GAAa,UAAU,CAAC,aAAa,IAAI,GAAG,EAGpD,KAAqB,MAAqC;AAC9D,EAAI,KAAqB,IAAc,EAAM,gBAAgB,GACtD,IAAiB,EAAM,OAAO,EAAM,OAAO,EAAY;;AAGhE,QACE,kBAAC,MAAD;EACE,MAAM,MAAO;AACX,GAAI,MACE,KAAgB,EAAuB,EAAG,EAC1C,OAAO,KAAQ,aACjB,EAAI,EAAG,GACE,MACT,EAAI,UAAU;;EAKpB,IAAI,EAAM;EACV,QAAQ,EAAM,UAAU,CAAC;EACzB,UAAU;EACV,OAAO,EAAM;EACb,cAAY,EAAM;EAClB,iBAAe;EACf,eAAa,EAAM,kBAAkB,CAAC;EACtC,iBAAe;EACf,sBAAoB,EAAM;EAC1B,sBAAoB,EAAM;EAC1B,sBAAoB;EACpB,uBAAqB;EACrB,uBAAqB;EACrB,oCAAkC;EAClC,uCAAqC;EACrC,eAAY;EACZ,MAAK;EACL,SAAS;EACT,cAAc,MAAU;AAAE,KAAM,gBAAgB;;EAChD,GAAI;YA/BN,CAgCG,KACC,kBAAC,GAAD;GACE,SAAA;GACU;GACA;GACV,SAAS;GACT,MAAK;GACL,SAAQ;GACR,oCAAkC;GAClC,MAAM,OAAO,EAAM,MAAM,CAAC,OAAO,IAAI,CAAC,OAAO,EAAM,MAAA;GAAU,CAAA,EAEhE,EAAA;IAhCI,EAAM,MAiCR;EAGV;AAED,EAAK,cAAc"}

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 };