linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/inputs2/selectfield/listbox.js

@@ -1,117 +1,66 @@
-"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 {
-    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(() => {
-      var _listBoxRef$current, _listBoxRef$current$q, _listBoxRef$current2;
-      const hasChildrenElementsInUL = (_listBoxRef$current = listBoxRef.current) === null || _listBoxRef$current === void 0 ? void 0 : _listBoxRef$current.childNodes;
-      const liElementsFiltered = (_listBoxRef$current$q = (_listBoxRef$current2 = listBoxRef.current) === null || _listBoxRef$current2 === void 0 ? void 0 : _listBoxRef$current2.querySelectorAll('li[data-state-filtered="true"]')) !== null && _listBoxRef$current$q !== void 0 ? _listBoxRef$current$q : [];
-      const filterIsEmpty = !_lodash.default.isEmpty(hasChildrenElementsInUL) && _lodash.default.isEmpty(liElementsFiltered);
-      setFilterResultIsEmpty(filterIsEmpty);
-    });
-  }, [])();
-  _react.default.useEffect(() => {
-    var _liSelectedRef$curren;
-    liSelectedRef === null || liSelectedRef === void 0 ? void 0 : (_liSelectedRef$curren = liSelectedRef.current) === null || _liSelectedRef$curren === void 0 ? void 0 : _liSelectedRef$curren.scrollIntoView({
-      block: 'nearest',
-      behavior: 'auto'
-    });
-  }, []);
-  _react.default.useEffect(() => {
-    const updatePosition = () => {
-      var _selectContainerRef$c;
-      const selectPositionOnScreen = (_selectContainerRef$c = selectContainerRef.current) === null || _selectContainerRef$c === void 0 ? void 0 : _selectContainerRef$c.getBoundingClientRect();
-      if (selectPositionOnScreen) {
-        const {
-          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
-        };
-        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);
-      }
-    };
-    if (listBoxOpen) {
-      updatePosition();
-      window.addEventListener('resize', updatePosition);
-      window.addEventListener('scroll', updatePosition, true);
-    }
-    return () => {
-      window.removeEventListener('resize', updatePosition);
-      window.removeEventListener('scroll', updatePosition, true);
-    };
-  }, [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)));
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+import { useSelectFieldContext as n } from "./context.js";
+import { Search as r } from "./search.js";
+import { forwardRef as i, useEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/lib/inputs2/selectfield/listbox.tsx
+var u = /* @__PURE__ */ e(t(), 1), d = 406, f = i((e, t) => {
+	let { children: i, dropdownMaxWidth: f, ...p } = e, { listBoxOpen: m, valueSelect: h, selectFieldId: g, selectContainerRef: _, notFoundFilterLabel: v, searchOnDropdown: y, isMultipleWithCheckboxes: b } = n(), [x, S] = s({}), [C, w] = s(!1), T = o(null), E = y || b;
+	return requestAnimationFrame(() => {
+		let e = T.current?.childNodes, t = T.current?.querySelectorAll("li[data-state-filtered=\"true\"]") ?? [];
+		w(!u.default.isEmpty(e) && u.default.isEmpty(t));
+	}), a(() => {
+		let e = () => {
+			let e = _.current?.getBoundingClientRect();
+			if (e) {
+				let { top: t, left: n, width: r, height: i } = e, a = window.innerHeight - (t + i), o = t, s = a < d && o > a, c = {
+					left: n + window.scrollX,
+					position: "absolute",
+					minWidth: f ?? r
+				};
+				s ? (c.bottom = window.innerHeight - t - window.scrollY, c.maxHeight = Math.min(d, o)) : (c.top = t + i + window.scrollY, c.maxHeight = Math.min(d, a)), S(c);
+			}
+		};
+		return m && (e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0)), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [
+		m,
+		h,
+		_
+	]), /* @__PURE__ */ l("div", {
+		ref: t,
+		style: x,
+		"aria-expanded": m,
+		className: "select-field-listbox",
+		"data-testid": "test-select-field-listbox",
+		"data-dropdown-max-width": f,
+		...p,
+		children: [E && /* @__PURE__ */ c(r, {}), /* @__PURE__ */ l("ul", {
+			id: g,
+			role: "listbox",
+			ref: T,
+			children: [i, C && /* @__PURE__ */ c("li", {
+				tabIndex: -1,
+				"aria-disabled": !0,
+				"aria-label": v,
+				role: "option",
+				id: "not-found-values",
+				className: "not-found-values",
+				onClick: (e) => {
+					e.preventDefault();
+				},
+				onMouseDown: (e) => {
+					e.preventDefault();
+				},
+				children: v
+			}, "not-found-values")]
+		})]
+	});
 });
-ListBox.displayName = 'SelectListBox';
+f.displayName = "SelectListBox";
+//#endregion
+export { f as ListBox };
+
+//# sourceMappingURL=listbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.js","names":[],"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"],"mappings":";;;;;;;mCASM,IAAe,KACf,IAAU,GAAqD,GAAO,MAAQ;CAClF,IAAM,EAAE,aAAU,qBAAkB,GAAG,MAAS,GAC1C,EACJ,gBAAa,gBAAa,kBAAe,uBAAoB,wBAC7D,qBAAkB,gCAChB,GAAuB,EAErB,CAAC,GAAe,KAAoB,EAAwB,EAAE,CAAC,EAC/D,CAAC,GAAqB,KAA0B,EAAS,GAAM,EAC/D,IAAa,EAAyB,KAAK,EAC3C,IAA0B,KAAoB;AAkDpD,QAhDA,4BAA4B;EAC1B,IAAM,IAA2B,EAAW,SAAS,YAC/C,IAAsB,EAAW,SAAS,iBAC9C,mCACD,IAAI,EAAE;AAEP,IADsB,CAAC,EAAA,QAAE,QAAQ,EAAwB,IAAI,EAAA,QAAE,QAAQ,EAAmB,CACrD;GACrC,EAEF,QAAgB;EACd,IAAM,UAAuB;GAC3B,IAAM,IAAyB,EAAmB,SAAS,uBAAuB;AAClF,OAAI,GAAwB;IAC1B,IAAM,EAAE,QAAK,SAAM,UAAO,cAAW,GAC/B,IAAa,OAAO,eAAe,IAAM,IACzC,IAAa,GACb,IAAe,IAAa,KAAc,IAAa,GAEvD,IAAwB;KAC5B,MAAM,IAAO,OAAO;KACpB,UAAU;KACV,UAAU,KAAoB;KAC/B;AAUD,IARI,KACF,EAAO,SAAS,OAAO,cAAc,IAAM,OAAO,SAClD,EAAO,YAAY,KAAK,IAAI,GAAY,EAAW,KAEnD,EAAO,MAAM,IAAM,IAAS,OAAO,SACnC,EAAO,YAAY,KAAK,IAAI,GAAY,EAAW,GAGrD,EAAiB,EAAO;;;AAU5B,SANI,MACF,GAAgB,EAChB,OAAO,iBAAiB,UAAU,EAAe,EACjD,OAAO,iBAAiB,UAAU,GAAgB,GAAK,SAG5C;AAEX,GADA,OAAO,oBAAoB,UAAU,EAAe,EACpD,OAAO,oBAAoB,UAAU,GAAgB,GAAK;;IAE3D;EAAC;EAAa;EAAa;EAAmB,CAAC,EAGhD,kBAAC,OAAD;EACO;EACL,OAAO;EACP,iBAAe;EACf,WAAU;EACV,eAAY;EACZ,2BAAyB;EACzB,GAAI;YAPN,CAQG,KAA4B,kBAAC,GAAD,EAAU,CAAA,EACvC,kBAAC,MAAD;GACE,IAAI;GACJ,MAAK;GACL,KAAK;aAHP,CAIG,GACA,KACC,kBAAC,MAAD;IACE,UAAU;IACV,iBAAe;IACf,cAAY;IAGZ,MAAK;IACL,IAAG;IACH,WAAU;IACV,UAAU,MAAU;AAAE,OAAM,gBAAgB;;IAC5C,cAAc,MAAU;AAAE,OAAM,gBAAgB;;cAC/C;IACE,EARC,mBAQD,CAAA;;;EAKb;AAEF,EAAQ,cAAc"}

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

@@ -1,9 +1,8 @@
-import React__default from 'react';
-
-interface OptionsProps extends React__default.ComponentProps<'div'> {
-    children: React__default.ReactNode;
+import { ComponentProps, ReactNode } from 'react';
+interface OptionsProps extends ComponentProps<'div'> {
+    children: ReactNode;
     disabled?: boolean;
 }
-declare const Options: React__default.ForwardRefExoticComponent<Pick<OptionsProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "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" | "children" | "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" | "onClick" | "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" | "disabled"> & React__default.RefAttributes<HTMLDivElement>>;
-
-export { Options, OptionsProps };
+declare const Options: import('react').ForwardRefExoticComponent<Omit<OptionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Options };
+export type { OptionsProps };

package/lib/inputs2/selectfield/options.js

@@ -1,26 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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);
+import '../../assets/styles/slot.css';/* empty css                       */
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/inputs2/selectfield/options.tsx
+var n = e((e, n) => {
+	let { children: r, ...i } = e;
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: "field-slot",
+		"aria-disabled": e["aria-disabled"],
+		"data-state-disabled": e.disabled,
+		...i,
+		children: r
+	});
 });
-Options.displayName = 'OptionsSlot';
+n.displayName = "OptionsSlot";
+//#endregion
+export { n as Options };
+
+//# sourceMappingURL=options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","names":[],"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"],"mappings":";;;;AAQA,IAAM,IAAU,GAA0C,GAAO,MAAQ;CACvE,IAAM,EAAE,aAAU,GAAG,MAAS;AAE9B,QACE,kBAAC,OAAD;EACO;EACL,WAAU;EACV,iBAAe,EAAM;EACrB,uBAAqB,EAAM;EAC3B,GAAI;EACH;EACG,CAAA;EAER;AAEF,EAAQ,cAAc"}

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

@@ -1,7 +1,6 @@
-import React__default from 'react';
-
-interface SelectFieldSearchProps extends React__default.ComponentProps<'div'> {
+import { ComponentProps } from 'react';
+interface SelectFieldSearchProps extends ComponentProps<'div'> {
 }
-declare const Search: React__default.ForwardRefExoticComponent<Pick<SelectFieldSearchProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "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" | "children" | "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" | "onClick" | "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 };
+declare const Search: import('react').ForwardRefExoticComponent<Omit<SelectFieldSearchProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Search };
+export type { SelectFieldSearchProps };

package/lib/inputs2/selectfield/search.js

@@ -1,70 +1,51 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Search = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = _interopRequireDefault(require("../../icons"));
-var TextField = _interopRequireWildcard(require("../textfield"));
-var _slot = require("../slot");
-var _context = require("./context");
-var _helpers = require("./helpers");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
-const Search = exports.Search = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const rest = Object.assign({}, (_objectDestructuringEmpty(props), props));
-  const {
-    nameSelect,
-    handleOnSearch,
-    handleOnKeyDown,
-    selectSearchInputRef,
-    selectInputRef,
-    handleCloseListBox,
-    searchInputPlaceholder
-  } = (0, _context.useSelectFieldContext)();
-  const handleOnChangeSearchInput = event => {
-    handleOnSearch === null || handleOnSearch === void 0 ? void 0 : handleOnSearch(event);
-  };
-  const handleOnBlur = () => {
-    handleCloseListBox();
-  };
-  const handleOnKeyDownSearchInput = event => {
-    if (event.key && event.key === 'Tab') {
-      const inputElement = selectInputRef.current;
-      if (event.key === 'Tab') {
-        (0, _helpers.setFocusOnOffsetElement)(inputElement, 'next');
-      }
-      if (event.shiftKey) {
-        (0, _helpers.setFocusOnOffsetElement)(inputElement, 'before');
-      }
-    }
-    handleOnKeyDown === null || handleOnKeyDown === void 0 ? void 0 : handleOnKeyDown(event);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    ref: ref,
-    className: "select-field-search"
-  }, rest), /*#__PURE__*/_react.default.createElement(TextField.Input, {
-    "data-testid": "test-select-field-search-input",
-    autoComplete: "off",
-    ref: selectSearchInputRef,
-    name: String(nameSelect).concat('-select-field-search'),
-    tabIndex: 0,
-    placeholder: searchInputPlaceholder,
-    customClassWrapper: "select-field-search-input",
-    onBlur: handleOnBlur,
-    onChange: handleOnChangeSearchInput,
-    onKeyDown: handleOnKeyDownSearchInput
-  }, /*#__PURE__*/_react.default.createElement(_slot.RightSlot, {
-    style: {
-      padding: '0px 6px 0px 3px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    size: 16,
-    name: "search",
-    colorStyle: "default"
-  }))));
+import e from "../../icons/index.js";
+import { RightSlot as t } from "../slot/index.js";
+import { Input as n } from "../textfield/index.js";
+import { useSelectFieldContext as r } from "./context.js";
+import { setFocusOnOffsetElement as i } from "./helpers.js";
+import { forwardRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/lib/inputs2/selectfield/search.tsx
+var s = a((a, s) => {
+	let { ...c } = a, { nameSelect: l, handleOnSearch: u, handleOnKeyDown: d, selectSearchInputRef: f, selectInputRef: p, handleCloseListBox: m, searchInputPlaceholder: h } = r(), g = (e) => {
+		u?.(e);
+	}, _ = () => {
+		m();
+	}, v = (e) => {
+		if (e.key && e.key === "Tab") {
+			let t = p.current;
+			e.key === "Tab" && i(t, "next"), e.shiftKey && i(t, "before");
+		}
+		d?.(e);
+	};
+	return /* @__PURE__ */ o("div", {
+		ref: s,
+		className: "select-field-search",
+		...c,
+		children: /* @__PURE__ */ o(n, {
+			"data-testid": "test-select-field-search-input",
+			autoComplete: "off",
+			ref: f,
+			name: String(l).concat("-select-field-search"),
+			tabIndex: 0,
+			placeholder: h,
+			customClassWrapper: "select-field-search-input",
+			onBlur: _,
+			onChange: g,
+			onKeyDown: v,
+			children: /* @__PURE__ */ o(t, {
+				style: { padding: "0px 6px 0px 3px" },
+				children: /* @__PURE__ */ o(e, {
+					size: 16,
+					name: "search",
+					colorStyle: "default"
+				})
+			})
+		})
+	});
 });
-Search.displayName = 'SelectFieldSearch';
+s.displayName = "SelectFieldSearch";
+//#endregion
+export { s as Search };
+
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","names":[],"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"],"mappings":";;;;;;;;AASA,IAAM,IAAS,GAAoD,GAAO,MAAQ;CAChF,IAAM,EAAE,GAAG,MAAS,GACd,EACJ,eAAY,mBAAgB,oBAAiB,yBAAsB,mBACnE,uBACA,8BACE,GAAuB,EAErB,KAA6B,MAAyC;AAC1E,MAAiB,EAAM;IAGnB,UAAqB;AACzB,KAAoB;IAGhB,KAA8B,MAA2C;AAC7E,MAAI,EAAM,OAAO,EAAM,QAAQ,OAAO;GACpC,IAAM,IAAe,EAAe;AAIpC,GAHI,EAAM,QAAQ,SAChB,EAAwB,GAAc,OAAO,EAE3C,EAAM,YACR,EAAwB,GAAc,SAAS;;AAGnD,MAAkB,EAAM;;AAG1B,QACE,kBAAC,OAAD;EAAU;EAAK,WAAU;EAAsB,GAAI;YACjD,kBAAC,GAAD;GACE,eAAY;GACZ,cAAa;GACb,KAAK;GACL,MAAM,OAAO,EAAW,CAAC,OAAO,uBAAuB;GACvD,UAAU;GACV,aAAa;GACb,oBAAmB;GACnB,QAAQ;GACR,UAAU;GACV,WAAW;aACX,kBAAC,GAAD;IAAW,OAAO,EAAE,SAAS,mBAAmB;cAC9C,kBAAC,GAAD;KACE,MAAM;KACN,MAAK;KACL,YAAW;KAAY,CAAA;IACf,CAAA;GACI,CAAA;EACd,CAAA;EAER;AAEF,EAAO,cAAc"}

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

@@ -1,10 +1,9 @@
-import React__default from 'react';
-
-interface SelectFieldSelectionsProps extends React__default.ComponentProps<'div'> {
+import { ComponentProps } from 'react';
+interface SelectFieldSelectionsProps extends ComponentProps<'div'> {
     isDisabled: boolean;
     isReadOnly: boolean;
     listOfOptionsToSelect: Map<string, string>;
 }
-declare const Selections: React__default.ForwardRefExoticComponent<Pick<SelectFieldSelectionsProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "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" | "children" | "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" | "onClick" | "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" | "isDisabled" | "isReadOnly" | "listOfOptionsToSelect"> & React__default.RefAttributes<HTMLDivElement>>;
-
-export { SelectFieldSelectionsProps, Selections };
+declare const Selections: import('react').ForwardRefExoticComponent<Omit<SelectFieldSelectionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Selections };
+export type { SelectFieldSelectionsProps };