@cdx-ui/primitives 0.0.1-beta.7 → 0.0.1-beta.71

package/src/select/index.tsx

@@ -1,73 +0,0 @@
-import type React from 'react';
-import { createSelectContent } from './createSelectContent';
-import { createSelectIcon } from './createSelectIcon';
-import { createSelectItem } from './createSelectItem';
-import { createSelectItemLabel } from './createSelectItemLabel';
-import { createSelectRoot } from './createSelectRoot';
-import { createSelectTrigger } from './createSelectTrigger';
-import { createSelectValue } from './createSelectValue';
-import type { ISelectComponentType } from './types';
-
-export type {
-  ISelectContentProps,
-  ISelectItemLabelProps,
-  ISelectItemProps,
-  ISelectProps,
-  ISelectTriggerProps,
-  ISelectValueProps,
-} from './types';
-
-export function createSelect<
-  RootProps,
-  TriggerProps,
-  ValueProps,
-  IconProps,
-  ContentProps,
-  ItemProps,
-  ItemLabelProps,
-  TriggerRef = unknown,
-  ValueRef = unknown,
->(BaseComponents: {
-  Root: React.ComponentType<RootProps>;
-  Trigger: React.ComponentType<TriggerProps>;
-  Value: React.ComponentType<ValueProps>;
-  Icon: React.ComponentType<IconProps>;
-  Content: React.ComponentType<ContentProps>;
-  Item: React.ComponentType<ItemProps>;
-  ItemLabel: React.ComponentType<ItemLabelProps>;
-}) {
-  const Select = createSelectRoot(BaseComponents.Root);
-  const Trigger = createSelectTrigger(BaseComponents.Trigger);
-  const Value = createSelectValue(BaseComponents.Value);
-  const Icon = createSelectIcon(BaseComponents.Icon);
-  const Content = createSelectContent(BaseComponents.Content);
-  const Item = createSelectItem(BaseComponents.Item);
-  const ItemLabel = createSelectItemLabel(BaseComponents.ItemLabel);
-
-  Select.displayName = 'SelectPrimitive';
-  Trigger.displayName = 'SelectPrimitive.Trigger';
-  Value.displayName = 'SelectPrimitive.Value';
-  Icon.displayName = 'SelectPrimitive.Icon';
-  Content.displayName = 'SelectPrimitive.Content';
-  Item.displayName = 'SelectPrimitive.Item';
-  ItemLabel.displayName = 'SelectPrimitive.ItemLabel';
-
-  return Object.assign(Select, {
-    Trigger,
-    Value,
-    Icon,
-    Content,
-    Item,
-    ItemLabel,
-  }) as ISelectComponentType<
-    RootProps,
-    TriggerProps,
-    ValueProps,
-    IconProps,
-    ContentProps,
-    ItemProps,
-    ItemLabelProps,
-    TriggerRef,
-    ValueRef
-  >;
-}

package/src/switch/createSwitchRoot.tsx

@@ -1,72 +0,0 @@
-import React, { forwardRef } from 'react';
-import { useFocusRing } from '@react-native-aria/focus';
-import { useHover } from '@react-native-aria/interactions';
-import { useToggleState } from '@react-stately/toggle';
-import { useFormControlContext, mergeRefs } from '@cdx-ui/utils';
-import type { ISwitchProps } from './types';
-
-type MergeableRef = Parameters<typeof mergeRefs>[0];
-
-export const createSwitchRoot = <T, R = unknown>(BaseSwitch: React.ComponentType<T>) =>
-  forwardRef<R, ISwitchProps>(
-    (
-      {
-        disabled,
-        isDisabled,
-        isChecked,
-        isInvalid,
-        defaultValue,
-        value,
-        onValueChange,
-        ...props
-      }: ISwitchProps,
-      ref: React.ForwardedRef<R>,
-    ) => {
-      const formControlContext = useFormControlContext();
-      const combinedProps = { ...formControlContext, ...props };
-      const controlledValue = value ?? isChecked;
-      const state = useToggleState({
-        defaultSelected: defaultValue ?? false,
-        isSelected: controlledValue,
-        onChange: onValueChange,
-      });
-
-      const checked = controlledValue ?? state.isSelected;
-
-      const _ref = React.useRef(null);
-      const { isHovered } = useHover({}, _ref);
-      const { isFocusVisible, focusProps } = useFocusRing();
-
-      const mergedRef = mergeRefs(ref as MergeableRef, _ref);
-
-      const isDisabledResolved = disabled || isDisabled || combinedProps.isDisabled;
-      const isInvalidResolved = isInvalid || combinedProps.isInvalid;
-
-      return (
-        <BaseSwitch
-          states={{
-            hover: isHovered,
-            disabled: isDisabledResolved,
-            invalid: isInvalidResolved,
-            checked,
-            focusVisible: isFocusVisible,
-          }}
-          dataSet={{
-            hover: isHovered ? 'true' : 'false',
-            disabled: isDisabledResolved ? 'true' : 'false',
-            invalid: isInvalidResolved ? 'true' : 'false',
-            checked: checked ? 'true' : 'false',
-            'focus-visible': isFocusVisible ? 'true' : 'false',
-          }}
-          disabled={isDisabledResolved}
-          {...focusProps}
-          onValueChange={(val: boolean) => {
-            state.setSelected(val);
-          }}
-          value={checked}
-          {...(combinedProps as T)}
-          ref={mergedRef as React.Ref<R>}
-        />
-      );
-    },
-  );