@lumx/react 3.20.1-alpha.14 → 3.20.1-alpha.15

package/src/utils/theme/ThemeContext.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { Theme } from '@lumx/react';
-
-type ThemeContextValue = Theme | undefined;
-export const ThemeContext = React.createContext<ThemeContextValue>(undefined);
-
-/** Provide a theme context to all children. */
-export const ThemeProvider = ThemeContext.Provider as React.FC<{
-    value: ThemeContextValue;
-    children?: React.ReactNode;
-}>;
-
-/** Get the theme in the current context. */
-export function useTheme(): ThemeContextValue {
-    return React.useContext(ThemeContext);
-}

package/src/utils/theme/invertTheme.ts

@@ -1,4 +0,0 @@
-import type { Theme } from '@lumx/react';
-
-/** Invert the color of the given theme. */
-export const invertTheme = (theme: Theme): Theme => (theme === 'light' ? 'dark' : 'light');

package/src/utils/type/Comp.ts

@@ -1,14 +0,0 @@
-import type { ReactElement, Ref } from 'react';
-
-/** LumX Component Type. */
-export type Comp<P, T = HTMLElement> = {
-    (props: P & { ref?: Ref<T> }): ReactElement | null;
-    /** React component type. */
-    readonly $$typeof: symbol;
-    /** Component default props. */
-    defaultProps?: Partial<P>;
-    /** Component name. */
-    displayName?: string;
-    /** Component base class name. */
-    className?: string;
-};

package/src/utils/type/ComponentRef.ts

@@ -1,16 +0,0 @@
-import type React from 'react';
-import type { Comp } from './Comp';
-
-/**
- * Extract ref type for a component or JSX intrinsic element
- *
- * @example ComponentRef<'div'> => React.Ref<HTMLDivElement>
- * @example ComponentRef<Button> => React.Ref<HTMLButtonElement
- */
-export type ComponentRef<C> = C extends keyof JSX.IntrinsicElements
-    ? JSX.IntrinsicElements[C]['ref']
-    : C extends Comp<any, infer T>
-      ? React.Ref<T>
-      : C extends React.JSXElementConstructor<{ ref?: infer R }>
-        ? R
-        : never;

package/src/utils/type/HasAriaDisabled.ts

@@ -1,6 +0,0 @@
-import type { AriaAttributes } from 'react';
-
-export interface HasAriaDisabled {
-    /** Similar to `disabled` but does not block pointer events or focus */
-    'aria-disabled'?: AriaAttributes['aria-disabled'];
-}

package/src/utils/type/HasPolymorphicAs.ts

@@ -1,6 +0,0 @@
-export type HasPolymorphicAs<E extends React.ElementType> = React.ComponentPropsWithoutRef<E> & {
-    /**
-     * Customize the rendered component.
-     */
-    as?: E;
-};

package/src/utils/type/HasRequiredLinkHref.ts

@@ -1 +0,0 @@
-export type HasRequiredLinkHref<E> = E extends 'a' ? { href: string } : Record<string, unknown>;

package/src/utils/type/MaybeElementOrRef.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-
-/**
- * Maybe a HTMLElement or a React ref of a HTMLElement
- */
-export type MaybeElementOrRef<E extends HTMLElement> = E | React.RefObject<E | null> | null | undefined;

package/src/utils/type/index.ts

@@ -1,9 +0,0 @@
-export type * from '@lumx/core/js/types';
-
-export type { Comp } from './Comp';
-export type { ComponentRef } from './ComponentRef';
-export type { HasPolymorphicAs } from './HasPolymorphicAs';
-export { isComponent } from './isComponent';
-export { isComponentType } from './isComponentType';
-export type { MaybeElementOrRef } from './MaybeElementOrRef';
-export type { HasRequiredLinkHref } from './HasRequiredLinkHref';

package/src/utils/type/isComponent.ts

@@ -1,33 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import get from 'lodash/get';
-import type { Comp } from './Comp';
-
-/**
- * Properties of a component to use to determine it's name.
- * In the order of preference.
- */
-const NAME_PROPERTIES: string[] = [
-    'type',
-    'type.displayName',
-    'displayName',
-    'name',
-    'type.name',
-    'props.mdxType',
-    '_reactInternalFiber.elementType.name',
-];
-/**
- * Create a predicate function that checks if a ReactNode is a react element from the given component.
- *
- * @param  component React function component or the component name
- * @return predicate returning true if value is instance of the component
- */
-export const isComponent =
-    <C>(component: Comp<C, any> | string) =>
-    (instance: ReactNode): instance is ReactElement => {
-        const componentName = typeof component === 'string' ? component : component.displayName;
-
-        return (
-            !!get(instance, '$$typeof') &&
-            NAME_PROPERTIES.some((nameProperty: string): boolean => get(instance, nameProperty) === componentName)
-        );
-    };

package/src/utils/type/isComponentType.ts

@@ -1,9 +0,0 @@
-import React, { ReactElement, ReactNode } from 'react';
-
-/**
- * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.
- */
-export const isComponentType =
-    (type: ReactElement['type']) =>
-    (node: ReactNode): node is ReactElement =>
-        React.isValidElement(node) && node.type === type;