@sunggang/ui-lib 0.4.7 → 0.4.8

package/index.cjs.css

@@ -1831,6 +1831,9 @@ video {
 .w-\[70px\] {
   width: 70px;
 }
+.w-\[800px\] {
+  width: 800px;
+}
 .w-auto {
   width: auto;
 }

package/index.cjs.js

@@ -25,7 +25,6 @@ var CustomSelect = require('./CustomSelect.cjs.js');
 require('@radix-ui/react-slot');
 require('class-variance-authority');
 require('tailwind-merge');
-require('next/dynamic');
 require('./setPrototypeOf.cjs.js');
 require('./memoize-one.esm.cjs.js');
 require('@emotion/react');

package/index.esm.css

@@ -1831,6 +1831,9 @@ video {
 .w-\[70px\] {
   width: 70px;
 }
+.w-\[800px\] {
+  width: 800px;
+}
 .w-auto {
   width: auto;
 }

package/index.esm.js

@@ -23,7 +23,6 @@ export { C as CustomSelect } from './CustomSelect.esm.js';
 import '@radix-ui/react-slot';
 import 'class-variance-authority';
 import 'tailwind-merge';
-import 'next/dynamic';
 import './setPrototypeOf.esm.js';
 import './memoize-one.esm.esm.js';
 import '@emotion/react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "main": "./index.cjs.js",
   "module": "./index.esm.js",
   "types": "./dist/src/index.d.ts",

package/src/lib/Form/DynamicLoader.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FormItem } from './types';
+type ComponentType = React.ComponentType<any>;
+export declare function analyzeUsedTypes(formConfig: FormItem[][]): Set<string>;
+export declare function useDynamicComponents(formConfig: FormItem[][]): {
+    loadedComponents: Record<string, ComponentType>;
+    isLoading: boolean;
+};
+export declare function createDynamicComponent(type: string, loadedComponents: Record<string, ComponentType>): ComponentType | null;
+export {};

package/src/lib/Form/demo-test.d.ts

@@ -0,0 +1,66 @@
+import { FormItem } from './types';
+export declare const Regex: {
+    phone: RegExp;
+};
+export declare const checkboxConfig: FormItem;
+export declare const checkboxGroupConfig: FormItem;
+export declare const radioConfig: FormItem;
+export declare const configWithoutCkEditor: (getValues: (name: string) => unknown) => FormItem[][];
+export declare const config: (getValues: (name: string) => unknown) => (FormItem[] | ({
+    type: string;
+    name: string;
+    label: string;
+    validateOption: {
+        required: string;
+    };
+    icon: string;
+    flatpickrOptions: {
+        mode: string;
+        time_24hr: boolean;
+        enableTime: boolean;
+        dateFormat: string;
+    };
+    option?: undefined;
+    placeholder?: undefined;
+    noDataText?: undefined;
+    hiddenText?: undefined;
+    hiddenSearch?: undefined;
+    dropStyle?: undefined;
+    className?: undefined;
+} | {
+    type: string;
+    name: string;
+    label: string;
+    option: {
+        name: string;
+        value: string;
+    }[];
+    validateOption: {
+        required: string;
+    };
+    placeholder: string;
+    noDataText: string;
+    hiddenText: boolean;
+    hiddenSearch: boolean;
+    dropStyle: {
+        bgClass: string;
+        hoverClass: string;
+        selectedClass: string;
+        borderColor: string;
+        textColor: string;
+    };
+    className: string;
+    icon?: undefined;
+    flatpickrOptions?: undefined;
+})[] | {
+    type: string;
+    name: string;
+    label: string;
+    imageStyleType: string;
+    noticeLabel: string;
+    errorText: string;
+    validateOption: {
+        required: boolean;
+    };
+    limitSize: number;
+}[])[];

package/src/lib/Form/index.d.ts

@@ -1,4 +1,5 @@
 import type { FC } from 'react';
+import React from 'react';
 import { FormItem, FormType } from './types';
 export interface FormModule {
     Fields: FC<{
@@ -6,6 +7,7 @@ export interface FormModule {
     }>;
     Row: FC<{
         rowItems: FormItem[];
+        loadedComponents?: Record<string, React.ComponentType<any>>;
     }>;
     TextField: FC<{
         item: FormItem;
@@ -39,7 +41,7 @@ export interface FormModule {
     }>;
     BaseCkeditor: FC<{
         item: FormItem;
-        config: any;
+        config?: any;
     }>;
     BaseSelect: FC<{
         item: FormItem;
@@ -64,7 +66,8 @@ export declare const Fields: ({ formConfig, fieldsClass }: {
 export declare const CustomUploadField: ({ item }: {
     item: any;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const Row: ({ rowItems }: {
+export declare const Row: ({ rowItems, loadedComponents }: {
     rowItems: any;
+    loadedComponents?: {} | undefined;
 }) => any;
 export declare const Form: FormModule;