linear-react-components-ui 1.1.26-beta.17 → 1.1.26-beta.18

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

@@ -1,11 +1,12 @@
-import { ComponentProps, ReactNode } from 'react';
-interface SelectFieldItemProps extends ComponentProps<'li'> {
+import React__default from 'react';
+
+interface SelectFieldItemProps extends React__default.ComponentProps<'li'> {
     value: any;
     label: string;
     disabled?: boolean;
     readOnly?: boolean;
-    children: ReactNode;
+    children: React__default.ReactNode;
 }
-declare const Item: import('react').ForwardRefExoticComponent<Omit<SelectFieldItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
-export { Item };
-export type { SelectFieldItemProps };
+declare const Item: React__default.ForwardRefExoticComponent<Pick<SelectFieldItemProps, "style" | "children" | "label" | "slot" | "title" | "className" | "key" | "align" | "onClick" | "disabled" | "color" | "hidden" | "id" | "value" | "readOnly" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLLIElement>>;
+
+export { Item, SelectFieldItemProps };

package/lib/inputs2/selectfield/item.js

@@ -1,57 +1,89 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-N.displayName = "SelectFieldItem";
-function P(t) {
-  t.preventDefault();
-}
-export {
-  N as Item
-};
-//# sourceMappingURL=item.js.map
+exports.Item = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var Checkbox = _interopRequireWildcard(require("../checkboxfield"));
+var _context = require("./context");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Item = exports.Item = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    disabled,
+    readOnly,
+    children
+  } = props;
+  const {
+    striped,
+    filterValue,
+    valueSelect,
+    activeDescendant,
+    handleOnChange,
+    handleChangeLiSelected,
+    isMultipleSelect,
+    isMultipleDefault,
+    isMultipleWithCheckboxes
+  } = (0, _context.useSelectFieldContext)();
+  const valueToString = _lodash.default.toString(props.value);
+  const hasFocus = Boolean(activeDescendant === valueToString);
+  const ariaSelected = !isMultipleSelect ? Boolean(props.value === valueSelect) : [...valueSelect].includes(props.value);
+  const addOrRemove = !isMultipleSelect ? undefined : ariaSelected;
+  const hasPartOfFilter = Boolean(String(props.label).toLowerCase().includes(filterValue?.toString().toLowerCase() ?? ''));
+  const handleOnClickItem = event => {
+    if (isMultipleDefault && ariaSelected) event.preventDefault();else {
+      handleOnChange?.(props.value, props.label, addOrRemove);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("li", _extends({
+    ref: el => {
+      if (el) {
+        if (ariaSelected) {
+          handleChangeLiSelected(el);
+        }
+        if (typeof ref === 'function') {
+          ref(el);
+        } else if (ref) {
+          ref.current = el;
+        }
+      }
+    },
+    key: props.value,
+    id: props.value,
+    hidden: props.hidden || !hasPartOfFilter,
+    tabIndex: -1,
+    title: props.label,
+    "aria-label": props.label,
+    "aria-selected": ariaSelected,
+    "aria-readonly": readOnly,
+    "aria-hidden": props['aria-hidden'] || !hasPartOfFilter,
+    "aria-disabled": disabled,
+    "data-content-value": props.value,
+    "data-content-label": props.label,
+    "data-state-striped": striped,
+    "data-state-in-focus": hasFocus,
+    "data-state-filtered": hasPartOfFilter,
+    "data-state-multiple-with-default": isMultipleDefault,
+    "data-state-multiple-with-checkboxes": isMultipleWithCheckboxes,
+    "data-testid": "test-select-field-listbox-item",
+    role: "option",
+    onClick: handleOnClickItem,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, props), isMultipleWithCheckboxes && /*#__PURE__*/_react.default.createElement(Checkbox.Input, {
+    rounded: true,
+    disabled: disabled,
+    readOnly: readOnly,
+    checked: ariaSelected,
+    size: "default",
+    variant: "secondary",
+    "data-state-in-focus-select-field": hasFocus,
+    name: String(props.label).concat('-').concat(props.value)
+  }), children);
+});
+Item.displayName = 'SelectFieldItem';

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

@@ -1,6 +1,7 @@
-import { ComponentProps } from 'react';
-interface SelectFieldListBoxProps extends ComponentProps<'div'> {
+import React__default from 'react';
+
+interface SelectFieldListBoxProps extends React__default.ComponentProps<'div'> {
 }
-declare const ListBox: import('react').ForwardRefExoticComponent<Omit<SelectFieldListBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { ListBox };
-export type { SelectFieldListBoxProps };
+declare const ListBox: React__default.ForwardRefExoticComponent<Pick<SelectFieldListBoxProps, "style" | "children" | "slot" | "title" | "className" | "key" | "align" | "onClick" | "color" | "hidden" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { ListBox, SelectFieldListBoxProps };

package/lib/inputs2/selectfield/listbox.js

@@ -1,78 +1,114 @@
-import { jsxs as f, jsx as m } from "react/jsx-runtime";
-import p from "../../_virtual/lodash.js";
-import { forwardRef as N, useState as h, useRef as O, useEffect as w } from "react";
-import { Search as k } from "./search.js";
-import { useSelectFieldContext as j } from "./context.js";
-const r = 406, q = N((x, v) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListBox = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _search = require("./search");
+var _context = require("./context");
+const _excluded = ["children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const MAX_HEIGHT = 27 * 15 + 1; // 27px de height do list item * 15 itens máximos na exibição + 1px de borda listbox.
+const ListBox = exports.ListBox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      children
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const {
-    children: b,
-    ...E
-  } = x, {
-    listBoxOpen: i,
-    valueSelect: S,
-    selectFieldId: y,
-    selectContainerRef: c,
-    notFoundFilterLabel: d,
-    liSelectedRef: B,
-    searchOnDropdown: I,
-    isMultipleWithCheckboxes: L
-  } = j(), [R, g] = h({}), [F, C] = h(!1), n = O(null), H = I || L;
-  return requestAnimationFrame(() => {
-    const e = n.current?.childNodes, s = n.current?.querySelectorAll('li[data-state-filtered="true"]') ?? [], t = !p.isEmpty(e) && p.isEmpty(s);
-    C(t);
-  }), w(() => {
-    B?.current?.scrollIntoView({
-      block: "nearest",
-      behavior: "auto"
+    listBoxOpen,
+    valueSelect,
+    selectFieldId,
+    selectContainerRef,
+    notFoundFilterLabel,
+    liSelectedRef,
+    searchOnDropdown,
+    isMultipleWithCheckboxes
+  } = (0, _context.useSelectFieldContext)();
+  const [listBoxStyles, setListBoxStyles] = _react.default.useState({});
+  const [filterResultIsEmpty, setFilterResultIsEmpty] = _react.default.useState(false);
+  const listBoxRef = _react.default.useRef(null);
+  const shouldBeShowSearchInput = searchOnDropdown || isMultipleWithCheckboxes;
+  _react.default.useCallback(() => {
+    requestAnimationFrame(() => {
+      const hasChildrenElementsInUL = listBoxRef.current?.childNodes;
+      const liElementsFiltered = listBoxRef.current?.querySelectorAll('li[data-state-filtered="true"]') ?? [];
+      const filterIsEmpty = !_lodash.default.isEmpty(hasChildrenElementsInUL) && _lodash.default.isEmpty(liElementsFiltered);
+      setFilterResultIsEmpty(filterIsEmpty);
+    });
+  }, [])();
+  _react.default.useEffect(() => {
+    liSelectedRef?.current?.scrollIntoView({
+      block: 'nearest',
+      behavior: 'auto'
     });
-  }, []), w(() => {
-    const e = () => {
-      const s = c.current?.getBoundingClientRect();
-      if (s) {
+  }, []);
+  _react.default.useEffect(() => {
+    const updatePosition = () => {
+      const selectPositionOnScreen = selectContainerRef.current?.getBoundingClientRect();
+      if (selectPositionOnScreen) {
         const {
-          top: t,
-          left: M,
-          width: A,
-          height: a
-        } = s, l = window.innerHeight - (t + a), u = t, D = l < r && u > l, o = {
-          left: M + window.scrollX,
-          position: "absolute",
-          minWidth: A
+          top,
+          left,
+          width,
+          height
+        } = selectPositionOnScreen;
+        const spaceBelow = window.innerHeight - (top + height);
+        const spaceAbove = top;
+        const shouldOpenUp = spaceBelow < MAX_HEIGHT && spaceAbove > spaceBelow;
+        let styles = {
+          left: left + window.scrollX,
+          position: 'absolute',
+          minWidth: width
         };
-        D ? (o.bottom = window.innerHeight - t - window.scrollY, o.maxHeight = Math.min(r, u)) : (o.top = t + a + window.scrollY, o.maxHeight = Math.min(r, l)), g(o);
+        if (shouldOpenUp) {
+          styles.bottom = window.innerHeight - top - window.scrollY;
+          styles.maxHeight = Math.min(MAX_HEIGHT, spaceAbove);
+        } else {
+          styles.top = top + height + window.scrollY;
+          styles.maxHeight = Math.min(MAX_HEIGHT, spaceBelow);
+        }
+        setListBoxStyles(styles);
       }
     };
-    return i && (e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0)), () => {
-      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    if (listBoxOpen) {
+      updatePosition();
+      window.addEventListener('resize', updatePosition);
+      window.addEventListener('scroll', updatePosition, true);
+    }
+    return () => {
+      window.removeEventListener('resize', updatePosition);
+      window.removeEventListener('scroll', updatePosition, true);
     };
-  }, [i, S, c]), /* @__PURE__ */ f("div", { ref: v, style: R, "aria-expanded": i, className: "select-field-listbox", "data-testid": "test-select-field-listbox", ...E, children: [
-    H && /* @__PURE__ */ m(k, {}),
-    /* @__PURE__ */ f("ul", { id: y, role: "listbox", ref: n, children: [
-      b,
-      F && /* @__PURE__ */ m(
-        "li",
-        {
-          tabIndex: -1,
-          "aria-disabled": !0,
-          "aria-label": d,
-          role: "option",
-          id: "not-found-values",
-          className: "not-found-values",
-          onClick: (e) => {
-            e.preventDefault();
-          },
-          onMouseDown: (e) => {
-            e.preventDefault();
-          },
-          children: d
-        },
-        "not-found-values"
-      )
-    ] })
-  ] });
+  }, [listBoxOpen, valueSelect, selectContainerRef]);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref,
+    style: listBoxStyles,
+    "aria-expanded": listBoxOpen,
+    className: "select-field-listbox",
+    "data-testid": "test-select-field-listbox"
+  }, rest), shouldBeShowSearchInput && /*#__PURE__*/_react.default.createElement(_search.Search, null), /*#__PURE__*/_react.default.createElement("ul", {
+    id: selectFieldId,
+    role: "listbox",
+    ref: listBoxRef
+  }, children, filterResultIsEmpty && /*#__PURE__*/_react.default.createElement("li", {
+    tabIndex: -1,
+    "aria-disabled": true,
+    "aria-label": notFoundFilterLabel,
+    key: "not-found-values",
+    role: "option",
+    id: "not-found-values",
+    className: "not-found-values",
+    onClick: event => {
+      event.preventDefault();
+    },
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, notFoundFilterLabel)));
 });
-q.displayName = "SelectListBox";
-export {
-  q as ListBox
-};
-//# sourceMappingURL=listbox.js.map
+ListBox.displayName = 'SelectListBox';

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

@@ -1,8 +1,9 @@
-import { ComponentProps, ReactNode } from 'react';
-interface OptionsProps extends ComponentProps<'div'> {
-    children: ReactNode;
+import React__default from 'react';
+
+interface OptionsProps extends React__default.ComponentProps<'div'> {
+    children: React__default.ReactNode;
     disabled?: boolean;
 }
-declare const Options: import('react').ForwardRefExoticComponent<Omit<OptionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Options };
-export type { OptionsProps };
+declare const Options: React__default.ForwardRefExoticComponent<Pick<OptionsProps, "style" | "children" | "slot" | "title" | "className" | "key" | "align" | "onClick" | "disabled" | "color" | "hidden" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Options, OptionsProps };

package/lib/inputs2/selectfield/options.js

@@ -1,20 +1,26 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-c.displayName = "OptionsSlot";
-export {
-  c as Options
-};
-//# sourceMappingURL=options.js.map
+exports.Options = void 0;
+require("../../assets/styles/slot.scss");
+var _react = _interopRequireDefault(require("react"));
+const _excluded = ["children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Options = exports.Options = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      children
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref,
+    className: "field-slot",
+    "aria-disabled": props['aria-disabled'],
+    "data-state-disabled": props.disabled
+  }, rest), children);
+});
+Options.displayName = 'OptionsSlot';

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

@@ -1,6 +1,7 @@
-import { ComponentProps } from 'react';
-interface SelectFieldSearchProps extends ComponentProps<'div'> {
+import React__default from 'react';
+
+interface SelectFieldSearchProps extends React__default.ComponentProps<'div'> {
 }
-declare const Search: import('react').ForwardRefExoticComponent<Omit<SelectFieldSearchProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Search };
-export type { SelectFieldSearchProps };
+declare const Search: React__default.ForwardRefExoticComponent<Pick<SelectFieldSearchProps, "style" | "children" | "slot" | "title" | "className" | "key" | "align" | "onClick" | "color" | "hidden" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Search, SelectFieldSearchProps };