@rescui/select 0.15.1-RUI-280-Update-select-component-separate-components-e772abaa1.56 → 0.15.1-RUI-280-Update-select-component-downshift-cd2a98813.66

package/lib/parts/popup-content.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import { useResizeObserver } from '@rescui/use-resize-observer';
-import { useObservableForceRerender } from '../hooks/use-observable-force-rerender.js';
-import { useCssContextTransfer } from '../hooks/use-css-context-transfer.js';
-import { getRealItemsCnt } from '../utils/get-real-items-cnt.js';
-import styles from '../styles/popover.p.module.css.js';
-import { Popover } from './popover.js';
-import { ListBox, EmptyListBox } from './list-box.js'; // eslint-disable-next-line complexity
-
-const PopupContent = _ref => {
-  let {
-    theme: themeFromProps,
-    state,
-    triggerRef,
-    popoverRef,
-    listBoxRef,
-    placement,
-    size: sizeFromProps,
-    mode,
-    listBoxProps,
-    emptyListMessage,
-    maxVisibleItems = 5,
-    selectionMode
-  } = _ref;
-  const isOpen = state.isOpen;
-  const [triggerWidth, setTriggerWidth] = React.useState(null);
-  useResizeObserver(triggerRef, () => {
-    setTriggerWidth(`${triggerRef.current.offsetWidth}px`);
-  }); // We use invisible and "untouchable" dummy element to observe `size` changes from css to trigger force rerenders
-
-  const observableRef = useObservableForceRerender();
-  const {
-    theme,
-    size,
-    primaryColors
-  } = useCssContextTransfer({
-    triggerRef,
-    isOpen,
-    themeFromProps,
-    sizeFromProps
-  });
-  const isEmpty = getRealItemsCnt(state) === 0;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: observableRef,
-    className: styles.observable
-  }), isOpen && /*#__PURE__*/React.createElement(Popover, {
-    state: state,
-    triggerRef: triggerRef,
-    popoverRef: popoverRef,
-    placement: placement,
-    style: {
-      '--_rs-select-trigger-width': triggerWidth || 'auto',
-      '--rs-theme-dark': theme === 'dark' ? '1' : '0',
-      ...primaryColors
-    },
-    mode: mode
-  }, !isEmpty ? /*#__PURE__*/React.createElement(ListBox, {
-    listBoxRef: listBoxRef,
-    ariaListBoxProps: listBoxProps,
-    size: size,
-    mode: mode,
-    state: state,
-    maxVisibleItems: maxVisibleItems,
-    selectionMode: selectionMode
-  }) : /*#__PURE__*/React.createElement(EmptyListBox, {
-    listBoxRef: listBoxRef,
-    ariaListBoxProps: listBoxProps,
-    size: size,
-    mode: mode,
-    emptyListMessage: emptyListMessage,
-    maxVisibleItems: maxVisibleItems,
-    selectionMode: selectionMode
-  })));
-};
-
-export { PopupContent };

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

@@ -1,10 +0,0 @@
-var styles = {
-  "classic": "_classic_fve5ja_32",
-  "rock": "_rock_fve5ja_35",
-  "popover": "_popover_fve5ja_39",
-  "contentWrapper": "_contentWrapper_fve5ja_46",
-  "fadeInBottomToTop": "_fadeInBottomToTop_fve5ja_1",
-  "fadeInTopToBottom": "_fadeInTopToBottom_fve5ja_1",
-  "observable": "_observable_fve5ja_62"
-};
-export { styles as default };

package/lib/utils/convert-options.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SelectOption, SelectOptionOrGroup } from '../types';
-export declare const convertOptions: (options: SelectOptionOrGroup[], virtualOptions: SelectOption[]) => JSX.Element[];

package/lib/utils/convert-options.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import { Section, Item } from 'react-stately';
-import { getOptionValue } from './get-option-value.js';
-import { getTextFromNodes } from './get-text-from-nodes.js';
-import { isOptionAGroup } from './is-option-a-group.js';
-import { VIRTUAL_ITEMS_SECTION_KEY } from '../constants.js';
-
-const convertOptions = (options, virtualOptions) => [...options.map((item, index) => {
-  // Check if it's a group
-  if (isOptionAGroup(item)) {
-    const group = item;
-
-    if (!group.options || group.options.length === 0) {
-      return null;
-    } // Render as Section (with or without label)
-
-
-    const groupLabelText = group.label ? getTextFromNodes(group.label) : ''; // Use a special prefix that's unlikely to collide with user values
-
-    const sectionKey = `\0__rs_section_${index}_${groupLabelText}`;
-    return /*#__PURE__*/React.createElement(Section, {
-      key: sectionKey,
-      title: group.label,
-      "aria-label": groupLabelText || undefined
-    }, group.options.map(option => {
-      const key = getOptionValue(option);
-      return /*#__PURE__*/React.createElement(Item, {
-        key: key,
-        textValue: getTextFromNodes(option.label)
-      }, option.label);
-    }));
-  } // It's a single option
-
-
-  const option = item;
-  const key = getOptionValue(option);
-  return /*#__PURE__*/React.createElement(Item, {
-    key: key,
-    textValue: getTextFromNodes(option.label)
-  }, option.label);
-}), virtualOptions.length > 0 && /*#__PURE__*/React.createElement(Section, {
-  key: VIRTUAL_ITEMS_SECTION_KEY,
-  title: ''
-}, virtualOptions.map(option => {
-  const key = getOptionValue(option);
-  return /*#__PURE__*/React.createElement(Item, {
-    key: key,
-    textValue: getTextFromNodes(option.label)
-  }, option.label);
-}))].filter(Boolean);
-
-export { convertOptions };

package/lib/utils/convert-placement.d.ts

@@ -1,3 +0,0 @@
-import { type AriaPositionProps } from 'react-aria';
-import { Placement } from '../types';
-export declare const convertPlacement: (outsidePlacement: Placement) => AriaPositionProps['placement'];

package/lib/utils/convert-placement.js

@@ -1,22 +0,0 @@
-const convertPlacement = outsidePlacement => {
-  const placementMap = {
-    top: 'top',
-    'top-start': 'top start',
-    'top-end': 'top end',
-    bottom: 'bottom',
-    'bottom-start': 'bottom start',
-    'bottom-end': 'bottom end',
-    left: 'left',
-    'left-start': 'left top',
-    'left-end': 'left bottom',
-    right: 'right',
-    'right-start': 'right top',
-    'right-end': 'right bottom',
-    auto: null,
-    'auto-start': 'start',
-    'auto-end': 'end'
-  };
-  return placementMap[outsidePlacement] || 'bottom';
-};
-
-export { convertPlacement };

package/lib/utils/css-vars-utils.d.ts

@@ -1,3 +0,0 @@
-export declare const extractPrimaryColors: (styles: CSSStyleDeclaration) => Record<string, string>;
-/** Check out `@rescui/colors/src/public-api.p.css` file */
-export declare const extractThemeFromCss: (styles: CSSStyleDeclaration) => "dark" | "light";

package/lib/utils/css-vars-utils.js

@@ -1,20 +0,0 @@
-const PRIMARY_COLORS = ['--rs-color-primary-light-theme', '--rs-color-primary-dim-light-theme', '--rs-color-primary-fog-light-theme', '--rs-color-primary-t-dim-light-theme', '--rs-color-primary-t-fog-light-theme', '--rs-color-primary-dark-theme', '--rs-color-primary-dim-dark-theme', '--rs-color-primary-fog-dark-theme', '--rs-color-primary-t-dim-dark-theme', '--rs-color-primary-t-fog-dark-theme'];
-
-const extractPrimaryColors = styles => {
-  const colors = {};
-  PRIMARY_COLORS.forEach(varName => {
-    colors[varName] = styles.getPropertyValue(varName) || 'initial';
-  });
-  return colors;
-};
-/** Check out `@rescui/colors/src/public-api.p.css` file */
-
-
-const extractThemeFromCss = styles => {
-  const themeDark = parseInt(styles.getPropertyValue('--rs-theme-dark'), 10) || 0;
-  const themeFlip = parseInt(styles.getPropertyValue('--rs-theme-flip'), 10) || 0;
-  const themeDarkCoefficient = themeDark * (1 - themeFlip) + themeFlip * (1 - themeDark);
-  return themeDarkCoefficient === 1 ? 'dark' : 'light';
-};
-
-export { extractPrimaryColors, extractThemeFromCss };