@kenos-ui/react-select 0.2.1 → 0.2.3

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes } from 'react';
 
 interface SelectItemRecord {
@@ -151,10 +150,10 @@ interface SelectContentProps {
     onOpenChangeComplete?: ((open: boolean) => void) | undefined;
 }
 
-declare function Root(props: SelectRootProps): react_jsx_runtime.JSX.Element;
+declare function Root(props: SelectRootProps): React.JSX.Element;
 
 type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
-declare function Label({ children, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label({ children, ...props }: LabelProps): React.JSX.Element;
 
 type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-haspopup" | "aria-expanded" | "aria-controls"> & {
     /**
@@ -163,26 +162,26 @@ type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-ha
      */
     openOnFocus?: boolean | undefined;
 };
-declare function Trigger({ children, onClick, onFocus, disabled, openOnFocus: openOnFocusProp, ...props }: TriggerProps): react_jsx_runtime.JSX.Element;
+declare function Trigger({ children, onClick, onFocus, disabled, openOnFocus: openOnFocusProp, ...props }: TriggerProps): React.JSX.Element;
 
 interface ValueProps extends React.HTMLAttributes<HTMLSpanElement> {
     placeholder?: string | undefined;
 }
-declare function Value({ placeholder, ...props }: ValueProps): react_jsx_runtime.JSX.Element;
+declare function Value({ placeholder, ...props }: ValueProps): React.JSX.Element;
 
 type IconProps = React.HTMLAttributes<HTMLSpanElement>;
 /** Chevron/arrow slot — render your own icon as children. */
-declare function Icon({ children, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function Icon({ children, ...props }: IconProps): React.JSX.Element;
 
-declare function Content({ children, forceMount, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, portal, container, sameWidth, alignItemWithTrigger, lazyMount, unmountOnExit, onOpenChangeComplete: onOpenChangeCompleteProp, style, onKeyDown, ...props }: SelectContentProps & React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
+declare function Content({ children, forceMount, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, portal, container, sameWidth, alignItemWithTrigger, lazyMount, unmountOnExit, onOpenChangeComplete: onOpenChangeCompleteProp, style, onKeyDown, ...props }: SelectContentProps & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element | null;
 
-declare function Portal({ children, container }: SelectPortalProps): react_jsx_runtime.JSX.Element | null;
+declare function Portal({ children, container }: SelectPortalProps): React.JSX.Element | null;
 
-declare function Positioner({ children, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, sameWidth, alignItemWithTrigger, }: SelectPositionerProps): react_jsx_runtime.JSX.Element;
+declare function Positioner({ children, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, sameWidth, alignItemWithTrigger, }: SelectPositionerProps): React.JSX.Element;
 
-declare function Backdrop({ style, ...props }: SelectBackdropProps): react_jsx_runtime.JSX.Element | null;
+declare function Backdrop({ style, ...props }: SelectBackdropProps): React.JSX.Element | null;
 
-declare function ClearTrigger({ onClick, ...props }: SelectClearTriggerProps): react_jsx_runtime.JSX.Element | null;
+declare function ClearTrigger({ onClick, ...props }: SelectClearTriggerProps): React.JSX.Element | null;
 
 type ListProps = React.HTMLAttributes<HTMLUListElement> & {
     /**
@@ -191,21 +190,21 @@ type ListProps = React.HTMLAttributes<HTMLUListElement> & {
      */
     scrollToIndex?: number | undefined;
 };
-declare function List({ children, scrollToIndex, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+declare function List({ children, scrollToIndex, ...props }: ListProps): React.JSX.Element;
 
 interface ItemProps extends React.HTMLAttributes<HTMLLIElement> {
     value: string;
     disabled?: boolean | undefined;
     textValue?: string | undefined;
 }
-declare function Item({ value, disabled, textValue, children, onClick, onPointerMove, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
+declare function Item({ value, disabled, textValue, children, onClick, onPointerMove, ...props }: ItemProps): React.JSX.Element;
 declare namespace Item {
     var displayName: string;
 }
 
 type ItemTextProps = React.HTMLAttributes<HTMLSpanElement>;
 /** Text label for a Select.Item — also used by Select.Value to display the selected label. */
-declare function ItemText({ children, ...props }: ItemTextProps): react_jsx_runtime.JSX.Element;
+declare function ItemText({ children, ...props }: ItemTextProps): React.JSX.Element;
 
 interface ItemIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** The item value to check — reads from the nearest Item when not provided. */
@@ -215,21 +214,21 @@ interface ItemIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
  * Renders only when the parent item is selected.
  * Wrap a checkmark or any indicator icon as children.
  */
-declare function ItemIndicator({ value, children, style, ...props }: ItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function ItemIndicator({ value, children, style, ...props }: ItemIndicatorProps): React.JSX.Element;
 
 type GroupProps = React.HTMLAttributes<HTMLDivElement>;
-declare function Group({ children, ...props }: GroupProps): react_jsx_runtime.JSX.Element;
+declare function Group({ children, ...props }: GroupProps): React.JSX.Element;
 
 type GroupLabelProps = React.HTMLAttributes<HTMLDivElement>;
-declare function GroupLabel({ children, ...props }: GroupLabelProps): react_jsx_runtime.JSX.Element;
+declare function GroupLabel({ children, ...props }: GroupLabelProps): React.JSX.Element;
 
-declare function HiddenSelect(): react_jsx_runtime.JSX.Element | null;
+declare function HiddenSelect(): React.JSX.Element | null;
 
 type ScrollUpButtonProps = Omit<SelectScrollButtonProps, "direction">;
-declare function ScrollUpButton(props: ScrollUpButtonProps): react_jsx_runtime.JSX.Element;
+declare function ScrollUpButton(props: ScrollUpButtonProps): React.JSX.Element;
 
 type ScrollDownButtonProps = Omit<SelectScrollButtonProps, "direction">;
-declare function ScrollDownButton(props: ScrollDownButtonProps): react_jsx_runtime.JSX.Element;
+declare function ScrollDownButton(props: ScrollDownButtonProps): React.JSX.Element;
 
 declare const index_parts_Backdrop: typeof Backdrop;
 declare const index_parts_ClearTrigger: typeof ClearTrigger;

package/dist/index.js

@@ -163,17 +163,18 @@ function extractItemTextLabel(children) {
   let label = null;
   Children.forEach(children, (child) => {
     if (label != null || !isValidElement(child)) return;
-    const type = child.type;
+    const element = child;
+    const type = element.type;
     const isItemText = type?.displayName === "Select.ItemText" || type?.name === "ItemText";
     if (isItemText) {
-      const content = child.props.children;
+      const content = element.props.children;
       if (typeof content === "string" || typeof content === "number") {
         label = String(content);
       }
       return;
     }
-    if (child.props?.children != null) {
-      label = extractItemTextLabel(child.props.children);
+    if (element.props.children != null) {
+      label = extractItemTextLabel(element.props.children);
     }
   });
   return label;
@@ -187,15 +188,16 @@ function extractItemsFromChildren(children) {
   const walk = (node) => {
     Children.forEach(node, (child) => {
       if (!isValidElement(child)) return;
-      if (isSelectItemElement(child)) {
-        const value = child.props.value;
-        const label = extractItemTextLabel(child.props.children) ?? value;
+      const element = child;
+      if (isSelectItemElement(element)) {
+        const value = element.props.value;
+        const label = extractItemTextLabel(element.props.children) ?? value;
         if (value != null && label != null) {
           items[value] = label;
         }
       }
-      if (child.props?.children != null) {
-        walk(child.props.children);
+      if (element.props.children != null) {
+        walk(element.props.children);
       }
     });
   };
@@ -364,10 +366,7 @@ function Root(props) {
     [store]
   );
   const discoveredItems = useMemo(() => extractItemsFromChildren(children), [children]);
-  const mergedItems = useMemo(
-    () => ({ ...discoveredItems, ...items }),
-    [discoveredItems, items]
-  );
+  const mergedItems = useMemo(() => ({ ...discoveredItems, ...items }), [discoveredItems, items]);
   const config = useMemo(
     () => ({
       disabled,
@@ -380,7 +379,17 @@ function Root(props) {
       isItemEqualToValue,
       openOnFocus
     }),
-    [disabled, required, readOnly, modal, name, multiple, mergedItems, isItemEqualToValue, openOnFocus]
+    [
+      disabled,
+      required,
+      readOnly,
+      modal,
+      name,
+      multiple,
+      mergedItems,
+      isItemEqualToValue,
+      openOnFocus
+    ]
   );
   const ctx = useMemo(
     () => ({
@@ -899,7 +908,7 @@ function Item({
   const isDisabled = disabled || config.disabled || config.readOnly;
   useLayoutEffect(() => {
     const el = liRef.current;
-    const label = textValue ?? (el?.textContent ?? value);
+    const label = textValue ?? el?.textContent ?? value;
     store.registerItem({
       value,
       label,