@sunggang/ui-lib 0.4.8 → 0.4.10

package/index.esm.js

@@ -23,6 +23,7 @@ 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';
@@ -35,6 +36,7 @@ import './Modal.esm.js';
 import '@radix-ui/react-select';
 import 'flatpickr';
 import 'flatpickr/dist/l10n/zh-tw.js';
+import 'flatpickr/dist/flatpickr.min.css';
 
 function _define_property$7(obj, key, value) {
     if (key in obj) {

package/package.json

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormItem, FormType } from '../types';
-import '../../../assets/css/flatpickr.min.css';
+import 'flatpickr/dist/flatpickr.min.css';
 interface FlatpickrProps extends FormType {
     item: FormItem;
 }

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

@@ -22,9 +22,38 @@ export declare const config: (getValues: (name: string) => unknown) => (FormItem
         time_24hr: boolean;
         enableTime: boolean;
         dateFormat: string;
+        noCalendar?: undefined;
     };
-    option?: undefined;
+    id?: undefined;
+    errorText?: undefined;
     placeholder?: undefined;
+    flatpickrType?: undefined;
+    option?: undefined;
+    noDataText?: undefined;
+    hiddenText?: undefined;
+    hiddenSearch?: undefined;
+    dropStyle?: undefined;
+    className?: undefined;
+} | {
+    type: string;
+    icon: string;
+    name: string;
+    label: string;
+    id: string;
+    errorText: string;
+    placeholder: string;
+    flatpickrType: string;
+    validateOption: {
+        required: string;
+    };
+    flatpickrOptions: {
+        dateFormat: string;
+        enableTime: boolean;
+        mode: string;
+        noCalendar: boolean;
+        time_24hr: boolean;
+    };
+    option?: undefined;
     noDataText?: undefined;
     hiddenText?: undefined;
     hiddenSearch?: undefined;
@@ -55,6 +84,9 @@ export declare const config: (getValues: (name: string) => unknown) => (FormItem
     className: string;
     icon?: undefined;
     flatpickrOptions?: undefined;
+    id?: undefined;
+    errorText?: undefined;
+    flatpickrType?: undefined;
 })[] | {
     type: string;
     name: string;

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

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

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

@@ -1,10 +0,0 @@
-/// <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

@@ -1,66 +0,0 @@
-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;
-}[])[];