adnbn-ui 0.0.1 → 0.1.0

package/src/utils/react.ts

@@ -0,0 +1,21 @@
+import {cloneElement, createElement, isValidElement, JSX, ReactNode} from "react";
+import classnames from "classnames";
+
+export const cloneOrCreateElement = <T extends keyof JSX.IntrinsicElements>(
+    element: ReactNode,
+    props: JSX.IntrinsicElements[T] = {},
+    wrapperTag: T = "span" as T
+) => {
+    if (isValidElement<{className?: string}>(element)) {
+        return cloneElement(element, {
+            ...props,
+            className: classnames(element.props.className, props.className),
+        });
+    }
+
+    if (element) {
+        return createElement(wrapperTag, {...props}, element);
+    }
+
+    return null;
+};

package/src/utils/utils.ts

@@ -0,0 +1,12 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+export const hideInTable = {table: {disable: true}};
+
+export const capitalizeFirstLetter = (text: string) => {
+    if (text.length < 2) return text;
+    return text[0].toUpperCase() + text.slice(1);
+};
+
+export const splitProps = <T extends object>(props: Record<string, any>, keys: Set<keyof T>) => {
+    return Object.fromEntries(Object.entries(props).filter(([key]) => keys.has(key as keyof T))) as T;
+};

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "strict": true,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true,
+    "paths": {
+      "adnbn-ui-config": [
+        "./src/config/default.ts"
+      ]
+    }
+  }
+}

package/vite.config.ts

@@ -0,0 +1,11 @@
+import {defineConfig} from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+    plugins: [react()],
+    css: {
+        modules: {
+            generateScopedName: "[local]",
+        },
+    },
+});

package/vitest.workspace.ts

@@ -0,0 +1,19 @@
+import {defineWorkspace} from "vitest/config";
+
+// More info at: https://storybook.js.org/docs/writing-tests/test-addon
+export default defineWorkspace([
+    "vite.config.ts",
+    {
+        extends: "vite.config.ts",
+        test: {
+            name: "storybook",
+            browser: {
+                enabled: true,
+                headless: true,
+                name: "chromium",
+                provider: "playwright",
+            },
+            setupFiles: [".storybook/vitest.setup.ts"],
+        },
+    },
+]);