@rescui/select 0.15.1-RUI-280-Update-select-component-separate-components-e772abaa1.56 → 0.15.1-RUI-280-Update-select-component-downshift-2f40ef205.67

package/lib/select.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import type { SelectProps, SelectOption, SelectOptionOrGroup } from './types';
 export declare const Select: {
-    ({ options, size, mode, theme: themeFromProps, className, style, value, onChange, placeholder, isClearable, isLoading, isDisabled, isSearchable, noOptionsMessage, error, placement, boldLabel, reserveErrorLine, note, maxVisibleItems, ...restProps }: SelectProps): JSX.Element;
+    ({ options, size, mode, theme: themeFromProps, className, style, value, onChange, placeholder, isClearable, isLoading, isDisabled, isSearchable, noOptionsMessage, error, placement, boldLabel, reserveErrorLine, note, maxVisibleItems, id, ...restProps }: SelectProps): JSX.Element;
     propTypes: {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

package/lib/select.js

@@ -1,15 +1,26 @@
 "use client";
 import React from 'react';
-import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import PropTypes from 'prop-types';
 import { ErrorMessage } from '@rescui/form-field';
+import cn from 'classnames';
+import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import { optionType, optionsGroupType, noOptionsMessageType } from './common-prop-types.js';
-import { useOptionSerialization } from './hooks/use-option-serialization.js';
-import { convertOptions } from './utils/convert-options.js';
-import { convertPlacement } from './utils/convert-placement.js';
-import { getOptionValue } from './utils/get-option-value.js';
 import { SelectBasic } from './select-basic.js';
 import { SelectSearchable } from './select-searchable.js';
+import styles from './styles/common.p.module.css.js';
+const THEME_STYLES = {
+  light: styles.themeLight,
+  dark: styles.themeDark
+};
+const SIZE_STYLES = {
+  s: styles.sizeS,
+  m: styles.sizeM,
+  l: styles.sizeL
+};
+const MODE_STYLES = {
+  classic: styles.classic,
+  rock: styles.rock
+};
 
 const Select = _ref => {
   let {
@@ -33,42 +44,38 @@ const Select = _ref => {
     reserveErrorLine = false,
     note,
     maxVisibleItems = 5,
+    id,
     ...restProps
   } = _ref;
   const theme = useThemeWithUndefined(themeFromProps);
-  const {
-    selectedKey,
-    findOptionByKey,
-    virtualOption
-  } = useOptionSerialization(options, value);
-
-  const handleSelectionChange = key => {
-    const option = findOptionByKey(key);
-    onChange === null || onChange === void 0 || onChange(option);
-  };
-
   const InnerSingleComponent = isSearchable ? SelectSearchable : SelectBasic;
-  return /*#__PURE__*/React.createElement(InnerSingleComponent, { ...restProps,
-    isDisabled: isDisabled,
-    value: selectedKey,
-    onChange: handleSelectionChange,
-    placeholder: placeholder,
-    isClearable: isClearable,
-    isLoading: isLoading,
-    className: className,
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(className, styles.root, THEME_STYLES[theme], SIZE_STYLES[size], MODE_STYLES[mode], isDisabled ? styles.disabled : styles.enabled, Boolean(error) && styles.error, isSearchable && styles.searchable),
+    id: id,
     style: style,
+    "data-test": "select"
+  }, /*#__PURE__*/React.createElement(InnerSingleComponent, { ...restProps,
+    options: options,
     size: size,
     mode: mode,
     theme: theme,
-    errorMessage: error,
-    placement: convertPlacement(placement),
+    className: className,
+    id: id,
+    style: style,
+    value: value,
+    onChange: onChange,
+    placeholder: placeholder,
+    isClearable: isClearable,
+    isLoading: isLoading,
+    isDisabled: isDisabled,
+    noOptionsMessage: noOptionsMessage,
+    error: error,
+    placement: placement,
     boldLabel: boldLabel,
     reserveErrorLine: reserveErrorLine,
-    description: note,
-    noOptionsMessage: noOptionsMessage,
-    maxVisibleItems: maxVisibleItems,
-    disabledKeys: virtualOption ? [getOptionValue(virtualOption)] : []
-  }, convertOptions(options, [virtualOption].filter(Boolean)));
+    note: note,
+    maxVisibleItems: maxVisibleItems
+  }));
 };
 
 Select.propTypes = {

package/lib/styles/common.p.module.css.js

@@ -1,27 +1,31 @@
 var styles = {
-  "themeLight": "_themeLight_1mkgp3r_6",
-  "themeDark": "_themeDark_1mkgp3r_9",
-  "sizeS": "_sizeS_1mkgp3r_13",
-  "sizeM": "_sizeM_1mkgp3r_16",
-  "sizeL": "_sizeL_1mkgp3r_19",
-  "classic": "_classic_1mkgp3r_23",
-  "rock": "_rock_1mkgp3r_26",
-  "root": "_root_1mkgp3r_30",
-  "trigger": "_trigger_1mkgp3r_36",
-  "error": "_error_1mkgp3r_69",
-  "enabled": "_enabled_1mkgp3r_74",
-  "disabled": "_disabled_1mkgp3r_78",
-  "canBeMultiline": "_canBeMultiline_1mkgp3r_119",
-  "iconsWrapper": "_iconsWrapper_1mkgp3r_123",
-  "triggerText": "_triggerText_1mkgp3r_138",
-  "searchInput": "_searchInput_1mkgp3r_144",
-  "labelNotSelected": "_labelNotSelected_1mkgp3r_188",
-  "multi": "_multi_1mkgp3r_202",
-  "tagsContainer": "_tagsContainer_1mkgp3r_218",
-  "tag": "_tag_1mkgp3r_218",
-  "filledTag": "_filledTag_1mkgp3r_240",
-  "toggle": "_toggle_1mkgp3r_248",
-  "icon": "_icon_1mkgp3r_123",
-  "clearIcon": "_clearIcon_1mkgp3r_315"
+  "themeLight": "_themeLight_buyj66_6",
+  "themeDark": "_themeDark_buyj66_9",
+  "sizeS": "_sizeS_buyj66_13",
+  "sizeM": "_sizeM_buyj66_16",
+  "sizeL": "_sizeL_buyj66_19",
+  "classic": "_classic_buyj66_23",
+  "rock": "_rock_buyj66_26",
+  "root": "_root_buyj66_30",
+  "trigger": "_trigger_buyj66_36",
+  "error": "_error_buyj66_70",
+  "enabled": "_enabled_buyj66_75",
+  "disabled": "_disabled_buyj66_79",
+  "searchable": "_searchable_buyj66_92",
+  "canBeMultiline": "_canBeMultiline_buyj66_119",
+  "triggerContainer": "_triggerContainer_buyj66_123",
+  "triggerText": "_triggerText_buyj66_127",
+  "searchInput": "_searchInput_buyj66_128",
+  "labelNotSelected": "_labelNotSelected_buyj66_159",
+  "multi": "_multi_buyj66_213",
+  "tagsContainer": "_tagsContainer_buyj66_230",
+  "tag": "_tag_buyj66_230",
+  "filledTag": "_filledTag_buyj66_252",
+  "iconsWrapper": "_iconsWrapper_buyj66_260",
+  "toggle": "_toggle_buyj66_278",
+  "icon": "_icon_buyj66_260",
+  "clearIcon": "_clearIcon_buyj66_352",
+  "visuallyHidden": "_visuallyHidden_buyj66_412",
+  "select": "_select_buyj66_429"
 };
 export { styles as default };

package/lib/styles/form-trigger.p.module.css.js

@@ -1,15 +1,15 @@
 var styles = {
-  "themeLight": "_themeLight_1dwk8s0_6",
-  "themeDark": "_themeDark_1dwk8s0_9",
-  "sizeS": "_sizeS_1dwk8s0_13",
-  "sizeM": "_sizeM_1dwk8s0_16",
-  "sizeL": "_sizeL_1dwk8s0_19",
-  "main": "_main_1dwk8s0_23",
-  "label": "_label_1dwk8s0_27",
-  "disabled": "_disabled_1dwk8s0_33",
-  "footer": "_footer_1dwk8s0_38",
-  "errorMessage": "_errorMessage_1dwk8s0_45",
-  "error": "_error_1dwk8s0_45",
-  "note": "_note_1dwk8s0_54"
+  "themeLight": "_themeLight_lyv0k_6",
+  "themeDark": "_themeDark_lyv0k_9",
+  "sizeS": "_sizeS_lyv0k_13",
+  "sizeM": "_sizeM_lyv0k_16",
+  "sizeL": "_sizeL_lyv0k_19",
+  "main": "_main_lyv0k_23",
+  "label": "_label_lyv0k_27",
+  "disabled": "_disabled_lyv0k_33",
+  "footer": "_footer_lyv0k_38",
+  "errorMessage": "_errorMessage_lyv0k_45",
+  "error": "_error_lyv0k_45",
+  "note": "_note_lyv0k_54"
 };
 export { styles as default };

package/lib/styles/list-box.p.module.css.js

@@ -1,16 +1,14 @@
 var styles = {
-  "sizeS": "_sizeS_xturi0_6",
-  "sizeM": "_sizeM_xturi0_9",
-  "sizeL": "_sizeL_xturi0_12",
-  "modeClassic": "_modeClassic_xturi0_16",
-  "modeRock": "_modeRock_xturi0_19",
-  "listBox": "_listBox_xturi0_23",
-  "item": "_item_xturi0_36",
-  "selected": "_selected_xturi0_82",
-  "disabled": "_disabled_xturi0_93",
-  "checkIcon": "_checkIcon_xturi0_100",
-  "visible": "_visible_xturi0_107",
-  "divider": "_divider_xturi0_114",
-  "groupHeader": "_groupHeader_xturi0_128"
+  "sizeS": "_sizeS_tuv1by_6",
+  "sizeM": "_sizeM_tuv1by_9",
+  "sizeL": "_sizeL_tuv1by_12",
+  "listBox": "_listBox_tuv1by_16",
+  "item": "_item_tuv1by_30",
+  "selected": "_selected_tuv1by_76",
+  "disabled": "_disabled_tuv1by_87",
+  "checkIcon": "_checkIcon_tuv1by_94",
+  "visible": "_visible_tuv1by_101",
+  "divider": "_divider_tuv1by_108",
+  "groupHeader": "_groupHeader_tuv1by_122"
 };
 export { styles as default };

package/lib/types.d.ts

@@ -1,15 +1,8 @@
 import React from 'react';
 import type { Theme } from '@rescui/ui-contexts';
-import type { AriaComboBoxProps } from '@react-aria/combobox';
-import type { AriaSelectProps } from '@react-aria/select';
-import type { AriaPositionProps } from '@react-aria/overlays';
-import type { AriaFieldProps } from '@react-aria/label';
-import type { SelectState } from '@react-stately/select';
-import type { ComboBoxState } from '@react-stately/combobox';
-import type { Key } from '@react-types/shared';
-export type { Key } from '@react-types/shared';
+import type { UseSelectPropGetters } from 'downshift';
+export declare type Key = string | number;
 export declare type Placement = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
-export declare type AriaPlacement = AriaPositionProps['placement'];
 export declare type SelectSize = 'l' | 'm' | 's';
 export declare type SelectMode = 'classic' | 'rock';
 export declare type SelectOption = {
@@ -22,6 +15,27 @@ export declare type SelectOptionsGroup = {
 };
 export declare type SelectOptionOrGroup = SelectOption | SelectOptionsGroup;
 export declare type SelectOptions = SelectOptionOrGroup[];
+export declare type ListBoxOptionItem = SelectOption & {
+    index: number;
+    type: 'option';
+    key: Key;
+    disabled?: boolean;
+};
+export declare type ListBoxGroupItem = Omit<SelectOptionsGroup, 'options'> & {
+    options: ListBoxOptionItem[];
+    type: 'group';
+    key: Key;
+};
+export declare type ListBoxItem = ListBoxOptionItem | ListBoxGroupItem;
+export declare type ListBoxItems = ListBoxItem[];
+export declare type ListBoxState = {
+    menuProps: ReturnType<UseSelectPropGetters<SelectOption>['getMenuProps']>;
+    getItemProps: UseSelectPropGetters<SelectOption>['getItemProps'];
+    selectionMode: 'single' | 'multiple';
+    highlightedIndex: number;
+    selectedMap: Map<Key, SelectOption>;
+    menuRef?: React.RefObject<HTMLUListElement>;
+};
 export declare type NativeSelectOption = {
     label: string;
     value?: Key;
@@ -166,6 +180,7 @@ export declare type NativeSelectProps = {
     placeholder?: string;
     isLoading?: boolean;
     isDisabled?: boolean;
+    isClearable?: boolean;
     trigger?: (props: TriggerFuncProps) => React.ReactNode;
     label?: React.ReactNode;
     note?: React.ReactNode;
@@ -178,21 +193,5 @@ export declare type NativeSelectProps = {
     noOptionsMessage?: NoOptionsMessage;
     name?: string;
     boldLabel?: boolean;
-} & Omit<AriaFieldProps, 'isInvalid' | 'errorMessage' | 'description' | 'id' | 'label' | 'labelElementType' | 'validate' | 'validationBehavior' | 'validationState'>;
-export declare type InnerSingleComponentProps<T extends object> = {
-    size?: SelectSize;
-    mode?: SelectMode;
-    theme?: Theme;
-    style?: React.CSSProperties;
-    className?: string;
-    isClearable?: boolean;
-    isLoading?: boolean;
-    errorMessage?: React.ReactNode;
-    placement?: AriaPlacement;
-    boldLabel?: boolean;
-    reserveErrorLine?: boolean;
-    placeholder?: string;
-    noOptionsMessage?: NoOptionsMessage;
-    maxVisibleItems?: number;
-} & Omit<AriaSelectProps<T, 'single'> | AriaComboBoxProps<T, 'single'>, 'errorMessage' | 'validate'>;
-export declare type CommonState<T extends object> = SelectState<T, 'single'> | SelectState<T, 'multiple'> | ComboBoxState<T>;
+};
+export declare type InnerSingleComponentProps = Omit<SelectProps, 'isSearchable'>;

package/lib/utils/get-real-items-cnt.d.ts

@@ -1,2 +1,2 @@
-import type { ListState } from 'react-stately';
-export declare const getRealItemsCnt: <T extends object>(state: ListState<T>) => number;
+import { ListBoxItem } from '../types';
+export declare const getRealItemsCnt: (items: ListBoxItem[]) => number;

package/lib/utils/get-real-items-cnt.js

@@ -1,16 +1,14 @@
-import { VIRTUAL_ITEMS_SECTION_KEY } from '../constants.js';
+const getRealItemsCnt = items => {
+  // Count total number of items
+  return items.reduce((count, item) => {
+    if (item.type === 'group') {
+      const groupOptions = item.options;
+      const hasHeading = item.label !== null && item.label !== undefined; // Count heading (if present) + all options in the section
 
-const getRealItemsCnt = state => {
-  // Count total number of items, ignoring virtual items
-  return [...state.collection].reduce((count, item) => {
-    if (item.type === 'section' && item.key !== VIRTUAL_ITEMS_SECTION_KEY) {
-      const sectionChildren = [...state.collection.getChildren(item.key)];
-      const hasHeading = item.rendered !== null && item.rendered !== undefined; // Count heading (if present) + all options in the section
-
-      return count + (hasHeading ? 1 : 0) + sectionChildren.length;
+      return count + (hasHeading ? 1 : 0) + groupOptions.length;
     }
 
-    if (item.type === 'item') {
+    if (item.type === 'option') {
       return count + 1;
     }
 

package/lib/utils/item-to-string.d.ts

@@ -0,0 +1,2 @@
+import type { SelectOption } from '../types';
+export declare function itemToString(item: SelectOption): string;

package/lib/utils/item-to-string.js

@@ -0,0 +1,7 @@
+import { getTextFromNodes } from './get-text-from-nodes.js';
+
+function itemToString(item) {
+  return item ? getTextFromNodes(item.label) : '';
+}
+
+export { itemToString };

package/lib/utils/merge-props.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copied from react-aria repo
+ * @see https://github.com/adobe/react-spectrum/blob/main/packages/react-aria/src/utils/mergeProps.ts
+ */
+import type { MutableRefObject, RefCallback } from 'react';
+/**
+ * Merges multiple refs into one. Works with either callback or object refs.
+ */
+export declare function mergeRefs<T>(...refs: Array<RefCallback<T> | MutableRefObject<T> | null | undefined>): RefCallback<T> | MutableRefObject<T>;
+export declare function chain(...callbacks: any[]): (...args: any[]) => void;
+interface Props {
+    [key: string]: any;
+}
+declare type PropsArg = Props | null | undefined;
+declare type TupleTypes<T> = {
+    [P in keyof T]: T[P];
+} extends {
+    [key: number]: infer V;
+} ? NullToObject<V> : never;
+declare type NullToObject<T> = T extends null | undefined ? object : T;
+declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+/**
+ * Merges multiple props objects together. Event handlers are chained,
+ * classNames are combined, ids are deduplicated, and refs are merged.
+ * For all other props, the last prop object overrides all previous ones.
+ * @param args - Multiple sets of props to merge together.
+ */
+export declare function mergeProps<T extends PropsArg[]>(...args: T): UnionToIntersection<TupleTypes<T>>;
+export {};

package/lib/utils/merge-props.js

@@ -0,0 +1,106 @@
+import cn from 'classnames';
+/* eslint-disable @typescript-eslint/no-explicit-any,consistent-return */
+
+function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    return ref(value);
+  } else if (ref !== null) {
+    ref.current = value;
+  }
+}
+/**
+ * Merges multiple refs into one. Works with either callback or object refs.
+ */
+
+
+function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
+  if (refs.length === 1 && refs[0]) {
+    return refs[0];
+  }
+
+  return value => {
+    let hasCleanup = false;
+    const cleanups = refs.map(ref => {
+      const cleanup = setRef(ref, value);
+      hasCleanup = hasCleanup || typeof cleanup === 'function';
+      return cleanup;
+    });
+
+    if (hasCleanup) {
+      return () => {
+        cleanups.forEach((cleanup, i) => {
+          if (typeof cleanup === 'function') {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        });
+      };
+    }
+  };
+}
+
+function chain() {
+  for (var _len2 = arguments.length, callbacks = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    callbacks[_key2] = arguments[_key2];
+  }
+
+  return function () {
+    for (const callback of callbacks) {
+      if (typeof callback === 'function') {
+        callback(...arguments);
+      }
+    }
+  };
+}
+/**
+ * Merges multiple props objects together. Event handlers are chained,
+ * classNames are combined, ids are deduplicated, and refs are merged.
+ * For all other props, the last prop object overrides all previous ones.
+ * @param args - Multiple sets of props to merge together.
+ */
+// eslint-disable-next-line complexity
+
+
+function mergeProps() {
+  // Start with a base clone of the first argument. This is a lot faster than starting
+  // with an empty object and adding properties as we go.
+  const result = { ...(arguments.length <= 0 ? undefined : arguments[0])
+  };
+
+  for (let i = 1; i < arguments.length; i++) {
+    const props = i < 0 || arguments.length <= i ? undefined : arguments[i];
+
+    for (const key in props) {
+      if (!props.hasOwnProperty(key)) {
+        continue;
+      }
+
+      const a = result[key];
+      const b = props[key]; // Chain events
+
+      if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.
+      key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >=
+      /* 'A' */
+      65 && key.charCodeAt(2) <=
+      /* 'Z' */
+      90) {
+        result[key] = chain(a, b); // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
+      } else if (key === 'className' && typeof a === 'string' && typeof b === 'string') {
+        result[key] = cn(a, b);
+      } else if (key === 'ref' && a && b) {
+        result.ref = mergeRefs(a, b); // Override others
+      } else {
+        result[key] = b !== undefined ? b : a;
+      }
+    }
+  }
+
+  return result;
+}
+
+export { chain, mergeProps, mergeRefs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.15.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
+  "version": "0.15.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,25 +16,13 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@react-aria/button": "^3.15.0",
-    "@react-aria/combobox": "^3.16.0",
-    "@react-aria/focus": "^3.22.0",
-    "@react-aria/interactions": "^3.28.0",
-    "@react-aria/label": "^3.8.0",
-    "@react-aria/listbox": "^3.16.0",
-    "@react-aria/overlays": "^3.32.0",
-    "@react-aria/select": "^3.18.0",
-    "@react-aria/utils": "^3.34.0",
-    "@react-stately/collections": "^3.13.0",
-    "@react-stately/combobox": "^3.14.0",
-    "@react-stately/list": "^3.14.0",
-    "@react-stately/overlays": "^3.7.0",
-    "@react-stately/select": "^3.10.0",
-    "@react-types/shared": "^3.34.0",
-    "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
-    "@rescui/tag": "0.13.5-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
-    "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-separate-components-e772abaa1.168+e772abaa1",
-    "classnames": "^2.2.6"
+    "@rescui/dropdown": "0.9.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+    "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+    "@rescui/tag": "0.13.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
+    "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-downshift-2f40ef205.179+2f40ef205",
+    "classnames": "^2.2.6",
+    "downshift": "^9.3.2",
+    "scroll-into-view-if-needed": "3.1.0"
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.6.0",
@@ -42,9 +30,9 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.3.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
+    "@rescui/colors": "0.3.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
     "@rescui/scripts": "0.5.1",
-    "@rescui/typography": "0.24.5-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
+    "@rescui/typography": "0.24.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
     "@rescui/visual-regression": "0.1.4",
     "sniffr": "^1.2.0"
   },
@@ -53,5 +41,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "e772abaa1615818504b1d498233bec348bcb7bb5"
+  "gitHead": "2f40ef205f94c200019ec963e3fd0ca47fe1cdcb"
 }

package/lib/hooks/use-css-context-transfer.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { type Theme } from '@rescui/ui-contexts';
-import type { SelectSize } from '../types';
-export declare type useCssContextTransferArgs = {
-    triggerRef: React.RefObject<HTMLElement>;
-    isOpen: boolean;
-    themeFromProps: Theme;
-    sizeFromProps: SelectSize;
-};
-export declare const useCssContextTransfer: ({ triggerRef, isOpen, themeFromProps, sizeFromProps }: useCssContextTransferArgs) => {
-    size: SelectSize;
-    theme: Theme;
-    primaryColors: Record<string, string>;
-};

package/lib/hooks/use-css-context-transfer.js

@@ -1,40 +0,0 @@
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import { useContext } from 'react';
-import { ThemeContext } from '@rescui/ui-contexts';
-import { extractThemeFromCss, extractPrimaryColors } from '../utils/css-vars-utils.js';
-
-const useCssContextTransfer = _ref => {
-  let {
-    triggerRef,
-    isOpen,
-    themeFromProps,
-    sizeFromProps
-  } = _ref;
-  let sizeFromCss = null;
-  let themeFromCss = 'light';
-  let primaryColors = {};
-
-  if (triggerRef.current && isOpen) {
-    var _context;
-
-    const triggerFormWrapperStyles = getComputedStyle(triggerRef.current);
-    const rawSizeFromCss = triggerFormWrapperStyles.getPropertyValue('--_rs-select-size');
-    sizeFromCss = _includesInstanceProperty(_context = ['s', 'm', 'l']).call(_context, rawSizeFromCss) ? rawSizeFromCss : null;
-    themeFromCss = extractThemeFromCss(triggerFormWrapperStyles);
-    primaryColors = extractPrimaryColors(triggerFormWrapperStyles);
-  }
-
-  const size = sizeFromCss || sizeFromProps;
-  const {
-    theme: themeFromContext,
-    noProvider
-  } = useContext(ThemeContext);
-  const theme = themeFromProps || (noProvider ? themeFromCss : themeFromContext);
-  return {
-    size,
-    theme,
-    primaryColors
-  };
-};
-
-export { useCssContextTransfer };

package/lib/hooks/use-multi-option-serialization.d.ts

@@ -1,10 +0,0 @@
-import type { SelectOption, SelectOptionOrGroup, Key } from '../types';
-export declare function useMultiOptionSerialization(options: SelectOptionOrGroup[], value?: SelectOption[] | null): {
-    optionsMap: Map<Key, {
-        option: SelectOption;
-        isVirtual: boolean;
-    }>;
-    selectedKeys: Key[];
-    findOptionsByKeys: (keys: Key[]) => SelectOption[];
-    virtualOptions: SelectOption[];
-};