@uxf/ui 1.0.0-beta.16 → 1.0.0-beta.22

package/utils/cx.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cx = void 0;
-function toVal(mix) {
-    let k;
-    let y;
-    let str = "";
-    if (typeof mix === "string" || typeof mix === "number") {
-        str += mix;
-    }
-    else if (typeof mix === "object") {
-        if (Array.isArray(mix)) {
-            for (k = 0; k < mix.length; k++) {
-                if (mix[k]) {
-                    if ((y = toVal(mix[k]))) {
-                        if (str) {
-                            str += " ";
-                        }
-                        str += y;
-                    }
-                }
-            }
-        }
-        else {
-            for (k in mix) {
-                if (mix === null || mix === void 0 ? void 0 : mix[k]) {
-                    if (str) {
-                        str += " ";
-                    }
-                    str += k;
-                }
-            }
-        }
-    }
-    return str;
-}
-function cx(...classes) {
-    let i = 0;
-    let tmp;
-    let x;
-    let str = "";
-    while (i < classes.length) {
-        if ((tmp = classes[i++])) {
-            if ((x = toVal(tmp))) {
-                if (str) {
-                    str += " ";
-                }
-                str += x;
-            }
-        }
-    }
-    return str;
-}
-exports.cx = cx;

package/utils/cx.ts

@@ -1,56 +0,0 @@
-export type ClassArray = ClassValue[];
-export type ClassValue = ClassArray | Record<string, any> | string | number | null | boolean | undefined;
-
-function toVal(mix: ClassValue) {
-    let k;
-    let y;
-    let str = "";
-
-    if (typeof mix === "string" || typeof mix === "number") {
-        str += mix;
-    } else if (typeof mix === "object") {
-        if (Array.isArray(mix)) {
-            for (k = 0; k < mix.length; k++) {
-                if (mix[k]) {
-                    if ((y = toVal(mix[k]))) {
-                        if (str) {
-                            str += " ";
-                        }
-                        str += y;
-                    }
-                }
-            }
-        } else {
-            for (k in mix) {
-                if (mix?.[k]) {
-                    if (str) {
-                        str += " ";
-                    }
-                    str += k;
-                }
-            }
-        }
-    }
-
-    return str;
-}
-
-export function cx(...classes: ClassValue[]): string {
-    let i = 0;
-    let tmp;
-    let x;
-    let str = "";
-
-    while (i < classes.length) {
-        if ((tmp = classes[i++])) {
-            if ((x = toVal(tmp))) {
-                if (str) {
-                    str += " ";
-                }
-                str += x;
-            }
-        }
-    }
-
-    return str;
-}

package/utils/forwardRef.d.ts

@@ -1,12 +0,0 @@
-import { ForwardedRef, ForwardRefExoticComponent, PropsWithoutRef, ReactElement, RefAttributes } from 'react';
-export declare type ForwardRefRenderFunction<T, P> = {
-    (props: P, ref: ForwardedRef<T>): ReactElement | null;
-    displayName?: string;
-    /** defaultProps are not supported on render functions */
-    defaultProps?: never;
-    /** propTypes are not supported on render functions */
-    propTypes?: never;
-    /** used by Chakra */
-    id?: string;
-};
-export declare const forwardRef: <T, P>(name: string, render: ForwardRefRenderFunction<T, P>) => ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;

package/utils/forwardRef.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.forwardRef = void 0;
-const react_1 = require("react");
-const forwardRef = (name, render) => {
-    const Component = (0, react_1.forwardRef)(render);
-    Component.displayName = name;
-    return Component;
-};
-exports.forwardRef = forwardRef;

package/utils/forwardRef.ts

@@ -1,30 +0,0 @@
-import {
-  ForwardedRef,
-  forwardRef as reactForwardRef,
-  ForwardRefExoticComponent,
-  PropsWithoutRef,
-  ReactElement,
-  RefAttributes,
-} from 'react';
-
-export type ForwardRefRenderFunction<T, P> = {
-  (props: P, ref: ForwardedRef<T>): ReactElement | null;
-  displayName?: string;
-  // explicit rejected with `never` required due to
-  // https://github.com/microsoft/TypeScript/issues/36826
-  /** defaultProps are not supported on render functions */
-  defaultProps?: never;
-  /** propTypes are not supported on render functions */
-  propTypes?: never;
-  /** used by Chakra */
-  id?: string;
-};
-
-export const forwardRef = <T, P>(
-  name: string,
-  render: ForwardRefRenderFunction<T, P>
-): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> => {
-  const Component = reactForwardRef(render);
-  Component.displayName = name;
-  return Component;
-};

package/utils/storybook-config.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from "react";
-import { ButtonColors, ButtonSizes, ButtonVariants } from "../button";
-export declare const defaultConfig: StorybookConfig;
-export interface StorybookConfig {
-    Button: {
-        sizes: Array<keyof ButtonSizes>;
-        variants: Array<keyof ButtonVariants>;
-        colors: Array<keyof ButtonColors>;
-    };
-    Input: {};
-}
-export declare function useStorybookConfig<T extends keyof StorybookConfig>(key: T): StorybookConfig[T];
-interface StorybookContextProviderProps {
-    config: StorybookConfig;
-    children: ReactNode;
-}
-export declare function StorybookContextProvider(props: StorybookContextProviderProps): JSX.Element;
-export {};

package/utils/storybook-config.jsx

@@ -1,46 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StorybookContextProvider = exports.useStorybookConfig = exports.defaultConfig = void 0;
-const react_1 = __importStar(require("react"));
-exports.defaultConfig = {
-    Button: {
-        sizes: ["xs", "sm", "default", "lg", "xl"],
-        colors: ["default", "white", "success", "warning", "error"],
-        variants: ["outlined", "default"],
-    },
-    Input: {},
-};
-// Context
-const Context = react_1.default.createContext(exports.defaultConfig);
-// consumer
-function useStorybookConfig(key) {
-    return (0, react_1.useContext)(Context)[key];
-}
-exports.useStorybookConfig = useStorybookConfig;
-function StorybookContextProvider(props) {
-    return (<Context.Provider value={props.config}>{props.children}</Context.Provider>);
-}
-exports.StorybookContextProvider = StorybookContextProvider;

package/utils/storybook-config.tsx

@@ -1,42 +0,0 @@
-import React, { ReactNode, useContext } from "react";
-import { ButtonColors, ButtonSizes, ButtonVariants } from "../button";
-
-export const defaultConfig: StorybookConfig = {
-  Button: {
-    sizes: ["xs", "sm", "default", "lg", "xl"],
-    colors: ["default", "white", "success", "warning", "error"],
-    variants: ["outlined", "default"],
-  },
-  Input: {},
-};
-
-export interface StorybookConfig {
-  Button: {
-    sizes: Array<keyof ButtonSizes>;
-    variants: Array<keyof ButtonVariants>;
-    colors: Array<keyof ButtonColors>;
-  };
-  Input: {};
-}
-
-// Context
-const Context = React.createContext(defaultConfig);
-
-// consumer
-export function useStorybookConfig<T extends keyof StorybookConfig>(
-  key: T
-): StorybookConfig[T] {
-  return useContext(Context)[key];
-}
-
-// Provider
-interface StorybookContextProviderProps {
-  config: StorybookConfig;
-  children: ReactNode;
-}
-
-export function StorybookContextProvider(props: StorybookContextProviderProps) {
-  return (
-    <Context.Provider value={props.config}>{props.children}</Context.Provider>
-  );
-}