@rescui/select 0.17.0 → 0.17.1-RUI-293-Update-menu-component-6ca9d26d3.22

package/README.md

@@ -1,3 +1,5 @@
-# Select
+# Select, Multiselect and NativeSelect
 
-* [Usage examples](./docs/demo.md)
+## LLM
+
+To get the docs for the LLM, check out [this index](./llm/index.md).

package/lib/_virtual/index.css.js

@@ -1,15 +1,15 @@
 var styles = {
-  "icon": "_icon_uqfcxc_4",
-  "sizeXS": "_sizeXS_uqfcxc_14",
-  "sizeS": "_sizeS_uqfcxc_18",
-  "sizeM": "_sizeM_uqfcxc_22",
-  "sizeL": "_sizeL_uqfcxc_26",
-  "light": "_light_uqfcxc_30",
-  "dark": "_dark_uqfcxc_34",
-  "allVariants": "_allVariants_uqfcxc_48",
-  "variant16": "_variant16_uqfcxc_53",
-  "variant20": "_variant20_uqfcxc_54",
-  "variant24": "_variant24_uqfcxc_55",
-  "variant28": "_variant28_uqfcxc_58"
+  "icon": "_icon_7dcaqk_4",
+  "sizeXS": "_sizeXS_7dcaqk_14",
+  "sizeS": "_sizeS_7dcaqk_18",
+  "sizeM": "_sizeM_7dcaqk_22",
+  "sizeL": "_sizeL_7dcaqk_26",
+  "light": "_light_7dcaqk_30",
+  "dark": "_dark_7dcaqk_34",
+  "allVariants": "_allVariants_7dcaqk_48",
+  "variant16": "_variant16_7dcaqk_53",
+  "variant20": "_variant20_7dcaqk_54",
+  "variant24": "_variant24_7dcaqk_55",
+  "variant28": "_variant28_7dcaqk_58"
 };
 export { styles as default };

package/lib/common-prop-types.d.ts

@@ -1,29 +1,29 @@
-import PropTypes from 'prop-types';
-import type { NoOptionsMessage, NoOptionsMessageConfig } from './types';
-export declare const keyType: PropTypes.Requireable<string | number>;
-export declare const optionType: PropTypes.Requireable<PropTypes.InferProps<{
-    label: PropTypes.Validator<PropTypes.ReactNodeLike>;
-    value: PropTypes.Requireable<string | number>;
-}>>;
-export declare const optionsGroupType: PropTypes.Requireable<PropTypes.InferProps<{
-    label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    options: PropTypes.Requireable<PropTypes.InferProps<{
-        label: PropTypes.Validator<PropTypes.ReactNodeLike>;
-        value: PropTypes.Requireable<string | number>;
-    }>[]>;
-}>>;
-export declare const nativeOptionType: PropTypes.Requireable<PropTypes.InferProps<{
-    label: PropTypes.Validator<string>;
-    value: PropTypes.Requireable<string | number>;
-    disabled: PropTypes.Requireable<boolean>;
-}>>;
-export declare const nativeOptionsGroupType: PropTypes.Requireable<PropTypes.InferProps<{
-    label: PropTypes.Requireable<string>;
-    disabled: PropTypes.Requireable<boolean>;
-    options: PropTypes.Requireable<PropTypes.InferProps<{
-        label: PropTypes.Validator<PropTypes.ReactNodeLike>;
-        value: PropTypes.Requireable<string | number>;
-    }>[]>;
-}>>;
-export declare const noOptionsMessageConfigType: PropTypes.Validator<NoOptionsMessageConfig>;
-export declare const noOptionsMessageType: PropTypes.Validator<NoOptionsMessage>;
+import PropTypes from 'prop-types';
+import type { NoOptionsMessage, NoOptionsMessageConfig } from './types';
+export declare const keyType: PropTypes.Requireable<NonNullable<string | number>>;
+export declare const optionType: PropTypes.Requireable<PropTypes.InferProps<{
+    label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    value: PropTypes.Requireable<NonNullable<string | number>>;
+}>>;
+export declare const optionsGroupType: PropTypes.Requireable<PropTypes.InferProps<{
+    label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    options: PropTypes.Requireable<PropTypes.InferProps<{
+        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        value: PropTypes.Requireable<NonNullable<string | number>>;
+    }>[]>;
+}>>;
+export declare const nativeOptionType: PropTypes.Requireable<PropTypes.InferProps<{
+    label: PropTypes.Validator<string>;
+    value: PropTypes.Requireable<NonNullable<string | number>>;
+    disabled: PropTypes.Requireable<boolean>;
+}>>;
+export declare const nativeOptionsGroupType: PropTypes.Requireable<PropTypes.InferProps<{
+    label: PropTypes.Requireable<string>;
+    disabled: PropTypes.Requireable<boolean>;
+    options: PropTypes.Requireable<PropTypes.InferProps<{
+        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        value: PropTypes.Requireable<NonNullable<string | number>>;
+    }>[]>;
+}>>;
+export declare const noOptionsMessageConfigType: PropTypes.Validator<NoOptionsMessageConfig>;
+export declare const noOptionsMessageType: PropTypes.Validator<NoOptionsMessage>;

package/lib/constants.d.ts

@@ -1,6 +1,6 @@
-export declare const NO_OPTIONS_VALUE = "\0__rs_select_no_options__";
-export declare const DEFAULT_NO_OPTIONS_MESSAGES: {
-    noOptions: string;
-    nothingFound: string;
-    loading: string;
-};
+export declare const NO_OPTIONS_VALUE = "\0__rs_select_no_options__";
+export declare const DEFAULT_NO_OPTIONS_MESSAGES: {
+    noOptions: string;
+    nothingFound: string;
+    loading: string;
+};

package/lib/hooks/use-a11y.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-export declare type UseA11yArgs = {
-    prefix?: string;
-    baseId?: string;
-    description?: React.ReactNode;
-    error?: React.ReactNode;
-    label?: React.ReactNode;
-    fieldRef?: React.RefObject<HTMLElement>;
-    isDisabled?: boolean;
-};
-export declare const useA11y: ({ baseId: baseIdFromProps, prefix, description, error, label, fieldRef, isDisabled }: UseA11yArgs) => {
-    baseId: string;
-    fieldProps: {
-        'aria-invalid': boolean;
-        'aria-describedby': string;
-        'aria-labelledby': string;
-        id: string;
-    };
-    descriptionProps: {
-        id: string;
-    };
-    errorMessageProps: {
-        id: string;
-    };
-    labelProps: {
-        id: string;
-        htmlFor: string;
-        onClick: () => void;
-    };
-};
+import React from 'react';
+export type UseA11yArgs = {
+    prefix?: string;
+    baseId?: string;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    label?: React.ReactNode;
+    fieldRef?: React.RefObject<HTMLElement>;
+    isDisabled?: boolean;
+};
+export declare const useA11y: ({ baseId: baseIdFromProps, prefix, description, error, label, fieldRef, isDisabled }: UseA11yArgs) => {
+    baseId: string;
+    fieldProps: {
+        'aria-invalid': boolean;
+        'aria-describedby': string;
+        'aria-labelledby': string;
+        id: string;
+    };
+    descriptionProps: {
+        id: string;
+    };
+    errorMessageProps: {
+        id: string;
+    };
+    labelProps: {
+        id: string;
+        htmlFor: string;
+        onClick: () => void;
+    };
+};

package/lib/hooks/use-actual-size-from-css.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { SelectSize } from '../types';
-export declare type UseActualSizeFromCssParams = {
-    sizeFromProps: SelectSize;
-    triggerRef: React.RefObject<HTMLElement>;
-};
-export declare const useActualSizeFromCss: ({ sizeFromProps, triggerRef }: UseActualSizeFromCssParams) => {
-    observableRef: React.MutableRefObject<undefined>;
-    size: "l" | "m" | "s";
-};
+import React from 'react';
+import type { SelectSize } from '../types';
+export type UseActualSizeFromCssParams = {
+    sizeFromProps: SelectSize;
+    triggerRef: React.RefObject<HTMLElement>;
+};
+export declare const useActualSizeFromCss: ({ sizeFromProps, triggerRef }: UseActualSizeFromCssParams) => {
+    observableRef: React.RefObject<HTMLDivElement>;
+    size: "l" | "m" | "s";
+};

package/lib/hooks/use-actual-size-from-css.js

@@ -8,7 +8,7 @@ const useActualSizeFromCss = _ref => {
     triggerRef
   } = _ref;
   // We use invisible and "untouchable" dummy element to observe `size` changes from css to fetch the actual size
-  const observableRef = useRef();
+  const observableRef = useRef(null);
   const [size, setSize] = useState(sizeFromProps);
   useResizeObserver(observableRef, () => {
     var _context;

package/lib/hooks/use-focus.d.ts

@@ -1,10 +1,10 @@
-export declare type UseFocusParams = {
-    isDisabled?: boolean;
-};
-export declare const useFocus: ({ isDisabled }: UseFocusParams) => {
-    isFocused: boolean;
-    focusProps: {
-        onFocus: () => void;
-        onBlur: () => void;
-    };
-};
+export type UseFocusParams = {
+    isDisabled?: boolean;
+};
+export declare const useFocus: ({ isDisabled }: UseFocusParams) => {
+    isFocused: boolean;
+    focusProps: {
+        onFocus: () => void;
+        onBlur: () => void;
+    };
+};

package/lib/hooks/use-hover.d.ts

@@ -1,10 +1,10 @@
-export declare type UseHoverParams = {
-    isDisabled?: boolean;
-};
-export declare const useHover: ({ isDisabled }: UseHoverParams) => {
-    isHovered: boolean;
-    hoverProps: {
-        onMouseEnter: () => void;
-        onMouseLeave: () => void;
-    };
-};
+export type UseHoverParams = {
+    isDisabled?: boolean;
+};
+export declare const useHover: ({ isDisabled }: UseHoverParams) => {
+    isHovered: boolean;
+    hoverProps: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+    };
+};

package/lib/hooks/use-label-focus.d.ts

@@ -1,9 +1,9 @@
-export declare const useLabelFocus: () => {
-    isFocusedByLabel: boolean;
-    triggerFocusProps: {
-        onBlur: () => void;
-    };
-    labelClickProps: {
-        onClick: () => void;
-    };
-};
+export declare const useLabelFocus: () => {
+    isFocusedByLabel: boolean;
+    triggerFocusProps: {
+        onBlur: () => void;
+    };
+    labelClickProps: {
+        onClick: () => void;
+    };
+};

package/lib/hooks/use-multi-handlers.d.ts

@@ -1,11 +1,11 @@
-import type { SelectOption } from '../types';
-export declare type UseMultiHandlersArgs = {
-    selectedItems: SelectOption[];
-    onChange: (value: SelectOption[]) => void;
-};
-export declare const useMultiHandlers: ({ selectedItems, onChange }: UseMultiHandlersArgs) => {
-    selectedMap: Map<import("../types").Key, SelectOption>;
-    addItem: (item: SelectOption) => void;
-    removeItem: (item: SelectOption) => void;
-    removeAllItems: () => void;
-};
+import type { SelectOption } from '../types';
+export type UseMultiHandlersArgs = {
+    selectedItems: SelectOption[];
+    onChange: (value: SelectOption[]) => void;
+};
+export declare const useMultiHandlers: ({ selectedItems, onChange }: UseMultiHandlersArgs) => {
+    selectedMap: Map<import("../types").Key, SelectOption>;
+    addItem: (item: SelectOption) => void;
+    removeItem: (item: SelectOption) => void;
+    removeAllItems: () => void;
+};

package/lib/hooks/use-options.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import type { SelectOptionOrGroup, SelectOption, ListBoxItem } from '../types';
-/**
- * Convert an array of options with possible groups to the flat array of options, stripping them of the groups.
- * Also creating a list for ListBox component with indexes and keys.
- * Supports filtering by returning the setFilterString function.
- * @param options
- */
-export declare const useOptions: (options: SelectOptionOrGroup[]) => {
-    setFilterString: import("react").Dispatch<import("react").SetStateAction<string>>;
-    filterString: string;
-    flattenedOptions: SelectOption[];
-    listBoxItems: ListBoxItem[];
-};
+import type { SelectOptionOrGroup, SelectOption, ListBoxItem } from '../types';
+/**
+ * Convert an array of options with possible groups to the flat array of options, stripping them of the groups.
+ * Also creating a list for ListBox component with indexes and keys.
+ * Supports filtering by returning the setFilterString function.
+ * @param options
+ */
+export declare const useOptions: (options: SelectOptionOrGroup[]) => {
+    setFilterString: import("react").Dispatch<import("react").SetStateAction<string>>;
+    filterString: string;
+    flattenedOptions: SelectOption[];
+    listBoxItems: ListBoxItem[];
+};

package/lib/hooks/use-options.js

@@ -16,11 +16,11 @@ const createFilter = substring => {
     return _includesInstanceProperty(_context = string.toLowerCase()).call(_context, lowerSubstring);
   };
 };
-/**
- * Convert an array of options with possible groups to the flat array of options, stripping them of the groups.
- * Also creating a list for ListBox component with indexes and keys.
- * Supports filtering by returning the setFilterString function.
- * @param options
+/**
+ * Convert an array of options with possible groups to the flat array of options, stripping them of the groups.
+ * Also creating a list for ListBox component with indexes and keys.
+ * Supports filtering by returning the setFilterString function.
+ * @param options
  */
 
 

package/lib/hooks/use-primary-contrast-css-var-transfer.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-export declare type UsePrimaryContrastCssVarTransferParams = {
-    triggerRef: React.RefObject<HTMLElement>;
-    isOpen: boolean;
-};
-/**
- * Transfer primary contrast css var to the dropdown, but only when the dropdown opens
- */
-export declare const usePrimaryContrastCssVarTransfer: ({ triggerRef, isOpen }: UsePrimaryContrastCssVarTransferParams) => {
-    isPrimaryContrast: boolean;
-};
+import React from 'react';
+export type UsePrimaryContrastCssVarTransferParams = {
+    triggerRef: React.RefObject<HTMLElement>;
+    isOpen: boolean;
+};
+/**
+ * Transfer primary contrast css var to the dropdown, but only when the dropdown opens
+ */
+export declare const usePrimaryContrastCssVarTransfer: ({ triggerRef, isOpen }: UsePrimaryContrastCssVarTransferParams) => {
+    isPrimaryContrast: boolean;
+};

package/lib/hooks/use-primary-contrast-css-var-transfer.js

@@ -1,6 +1,6 @@
 import { useRef } from 'react';
-/**
- * Transfer primary contrast css var to the dropdown, but only when the dropdown opens
+/**
+ * Transfer primary contrast css var to the dropdown, but only when the dropdown opens
  */
 
 const usePrimaryContrastCssVarTransfer = _ref => {

package/lib/hooks/use-safe-id.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare const useFallbackId: {
-    (): string;
-    counter: number;
-};
-export declare const useSafeId: typeof React.useId;
+import React from 'react';
+export declare const useFallbackId: {
+    (): string;
+    counter: number;
+};
+export declare const useSafeId: typeof React.useId;