@sunggang/ui-lib 0.3.57 → 0.3.59

package/index.esm3.js

@@ -1,11 +1,15 @@
-import { _ as __spreadArray, a as __read, b as __extends, c as __assign, d as __makeTemplateObject, e as __awaiter, f as __generator, g as commonjsGlobal, h as __values } from './index.esm2.js';
+import { _ as __spreadArray, b as __read, d as __extends, e as __assign, f as __makeTemplateObject, h as __awaiter, i as __generator, c as commonjsGlobal, j as __values } from './index.esm2.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@iconify/react';
 import 'react-dom';
+import '@emotion/react';
+import '@mui/material';
 import '@radix-ui/react-switch';
 import 'clsx';
 import 'tailwind-merge';
+import '@radix-ui/react-select';
+import '@radix-ui/react-icons';
 import 'date-fns/format';
 import 'lucide-react';
 import '@radix-ui/react-slot';
@@ -16,10 +20,6 @@ import '@radix-ui/react-popover';
 import 'react-date-range';
 import 'react-date-range/dist/locale/index.js';
 import 'date-fns/addDays';
-import '@emotion/react';
-import '@mui/material';
-import '@radix-ui/react-select';
-import '@radix-ui/react-icons';
 import 'input-otp';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.3.57",
+  "version": "0.3.59",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",

package/src/index.d.ts

@@ -5,6 +5,7 @@ export * from './lib/DropImage';
 export { CSRDropImage } from './lib/DropImage/CSRDropImage';
 export * from './lib/Dropdown';
 export * from './lib/UploadImage/CustomUpload';
+export * from './lib/Form';
 export * from './components/ui/switch';
 export * from './components/ui/dateRangePicker';
 export * from './components/ui/singlePicker';

package/src/lib/DropImage/index.stories.d.ts

@@ -8,6 +8,8 @@ export interface ImageItem {
 export interface DropImageProps {
     preview: boolean;
     limitSize?: number;
+    maxFiles?: number;
+    maxTotalImages?: number;
     imageUrls?: ImageItem[] | undefined;
     setImageUrls?: any;
     setFiles: React.Dispatch<React.SetStateAction<File[]>>;
@@ -18,3 +20,4 @@ export default _default;
 export declare const Base: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, DropImageProps>;
 export declare const Custom: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, DropImageProps>;
 export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, DropImageProps>;
+export declare const SingleImageOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, DropImageProps>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import 'flatpickr/dist/flatpickr.min.css';
+import { FormItem, FormType } from '../types';
+interface FlatpickrProps extends FormType {
+    item: FormItem;
+}
+declare const FlatpickrField: React.FC<FlatpickrProps>;
+export default FlatpickrField;

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

@@ -9,7 +9,45 @@ export declare const ticketBundleOptions: {
     name: string;
     value: number;
 }[];
-export declare const config: (getValues: any) => (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;
+    dropStyle?: undefined;
+} | {
+    type: string;
+    name: string;
+    label: string;
+    option: {
+        name: string;
+        value: string;
+    }[];
+    validateOption: {
+        required: string;
+    };
+    placeholder: string;
+    noDataText: string;
+    dropStyle: {
+        bgClass: string;
+        hoverClass: string;
+        selectedClass: string;
+    };
+    icon?: undefined;
+    flatpickrOptions?: undefined;
+})[] | {
     type: string;
     name: string;
     label: string;

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

@@ -48,6 +48,9 @@ export interface FormModule {
         item: FormItem;
         onUtilsReady?: any;
     }>;
+    FlatpickrField: FC<{
+        item: FormItem;
+    }>;
 }
 export declare const City: React.FC<FormType>;
 export declare const Textarea: React.FC<FormType>;

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

@@ -30,6 +30,37 @@ interface Checkbox {
         color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default';
     };
 }
+interface FlatpickrOptions {
+    mode?: 'single' | 'multiple' | 'range';
+    enableTime?: boolean;
+    time_24hr?: boolean;
+    dateFormat?: string;
+    defaultDate?: Date | Date[] | string;
+    inline?: boolean;
+    noCalendar?: boolean;
+    allowInput?: boolean;
+    clickOpens?: boolean;
+    weekNumbers?: boolean;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    disable?: Array<Date | string | {
+        from: Date | string;
+        to: Date | string;
+    }>;
+    enable?: Array<Date | string | {
+        from: Date | string;
+        to: Date | string;
+    }>;
+    locale?: string;
+    position?: 'auto' | 'above' | 'below';
+    static?: boolean;
+    monthSelectorType?: 'dropdown' | 'static';
+    onChange?: (selectedDates: Date[], dateStr: string, instance: any) => void;
+    onClose?: (selectedDates: Date[], dateStr: string, instance: any) => void;
+    onOpen?: (selectedDates: Date[], dateStr: string, instance: any) => void;
+    onReady?: (selectedDates: Date[], dateStr: string, instance: any) => void;
+    [key: string]: any;
+}
 export interface FormItem {
     type: string;
     name: string;
@@ -91,6 +122,7 @@ export interface FormItem {
         hoverClass?: string;
         selectedClass?: string;
     };
+    flatpickrOptions?: FlatpickrOptions;
 }
 export interface FormType {
     item: FormItem;