@sunggang/ui-lib 0.4.14 → 0.4.16

package/BaseCkeditor.cjs.js

@@ -24,7 +24,6 @@ require('@radix-ui/react-select');
 require('@radix-ui/react-icons');
 require('flatpickr');
 require('flatpickr/dist/l10n/zh-tw.js');
-require('flatpickr/dist/flatpickr.min.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/BaseCkeditor.esm.js

@@ -22,7 +22,6 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-icons';
 import 'flatpickr';
 import 'flatpickr/dist/l10n/zh-tw.js';
-import 'flatpickr/dist/flatpickr.min.css';
 
 var dist = {
     exports: {}

package/CkEditor.cjs.js

@@ -27,7 +27,6 @@ require('@radix-ui/react-select');
 require('@radix-ui/react-icons');
 require('flatpickr');
 require('flatpickr/dist/l10n/zh-tw.js');
-require('flatpickr/dist/flatpickr.min.css');
 
 
 

package/CkEditor.esm.js

@@ -23,4 +23,3 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-icons';
 import 'flatpickr';
 import 'flatpickr/dist/l10n/zh-tw.js';
-import 'flatpickr/dist/flatpickr.min.css';

package/Form.cjs.js

@@ -26,7 +26,6 @@ require('@radix-ui/react-select');
 require('@radix-ui/react-icons');
 require('flatpickr');
 require('flatpickr/dist/l10n/zh-tw.js');
-require('flatpickr/dist/flatpickr.min.css');
 
 function _array_like_to_array$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;

package/Form.esm.js

@@ -22,7 +22,6 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-icons';
 import 'flatpickr';
 import 'flatpickr/dist/l10n/zh-tw.js';
-import 'flatpickr/dist/flatpickr.min.css';
 
 function _array_like_to_array$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;

package/baseSwitch.cjs.js

@@ -19,7 +19,6 @@ var SelectPrimitive = require('@radix-ui/react-select');
 var reactIcons = require('@radix-ui/react-icons');
 var flatpickr = require('flatpickr');
 var Mandarin = require('flatpickr/dist/l10n/zh-tw.js');
-require('flatpickr/dist/flatpickr.min.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22370,12 +22369,12 @@ var FlatpickrInput = /*#__PURE__*/ React.forwardRef(function(param, ref) {
         item === null || item === void 0 ? void 0 : item.flatpickrType,
         onChange
     ]);
-    var destroyFlatpickr = React.useCallback(function() {
-        if (flatpickrInstance.current) {
-            flatpickrInstance.current.destroy();
-            flatpickrInstance.current = null;
-        }
-    }, []);
+    // const destroyFlatpickr = useCallback(() => {
+    //   if (flatpickrInstance.current) {
+    //     flatpickrInstance.current.destroy();
+    //     flatpickrInstance.current = null;
+    //   }
+    // }, []);
     var updateFlatpickr = React.useCallback(function(newValue) {
         if (flatpickrInstance.current) {
             // 如果值為 null 或 undefined，清除選擇
@@ -22407,11 +22406,7 @@ var FlatpickrInput = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     // 初始化和清理
     React__default["default"].useEffect(function() {
         initializeFlatpickr();
-        return destroyFlatpickr;
-    }, [
-        initializeFlatpickr,
-        destroyFlatpickr
-    ]);
+    }, []);
     // 當值變化時更新 flatpickr
     React__default["default"].useEffect(function() {
         updateFlatpickr(value);

package/baseSwitch.esm.js

@@ -18,7 +18,6 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import { ChevronUpIcon, ChevronDownIcon, CheckIcon } from '@radix-ui/react-icons';
 import flatpickr from 'flatpickr';
 import Mandarin from 'flatpickr/dist/l10n/zh-tw.js';
-import 'flatpickr/dist/flatpickr.min.css';
 
 var _excluded$6 = [
     "defaultInputValue",
@@ -22341,12 +22340,12 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
         item === null || item === void 0 ? void 0 : item.flatpickrType,
         onChange
     ]);
-    var destroyFlatpickr = useCallback(function() {
-        if (flatpickrInstance.current) {
-            flatpickrInstance.current.destroy();
-            flatpickrInstance.current = null;
-        }
-    }, []);
+    // const destroyFlatpickr = useCallback(() => {
+    //   if (flatpickrInstance.current) {
+    //     flatpickrInstance.current.destroy();
+    //     flatpickrInstance.current = null;
+    //   }
+    // }, []);
     var updateFlatpickr = useCallback(function(newValue) {
         if (flatpickrInstance.current) {
             // 如果值為 null 或 undefined，清除選擇
@@ -22378,11 +22377,7 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
     // 初始化和清理
     React__default.useEffect(function() {
         initializeFlatpickr();
-        return destroyFlatpickr;
-    }, [
-        initializeFlatpickr,
-        destroyFlatpickr
-    ]);
+    }, []);
     // 當值變化時更新 flatpickr
     React__default.useEffect(function() {
         updateFlatpickr(value);

package/index.cjs.css

@@ -2546,9 +2546,6 @@ video {
 .pt-4 {
   padding-top: 1rem;
 }
-.pt-8 {
-  padding-top: 2rem;
-}
 .text-left {
   text-align: left;
 }
@@ -3126,6 +3123,13 @@ video {
 .\[module\:ui\/template\~TemplateBinding\#callback\] {
   module: ui/template~TemplateBinding#callback;
 }
+
+/* Flatpickr CSS for date picker components */
+@import './assets/css/flatpickr.min.css';
+
+/* React Date Range CSS */
+@import './assets/css/react_date_range_styles.css';
+@import './assets/css/react_date_range_theme_default.css';
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }

package/index.cjs.js

@@ -38,7 +38,6 @@ require('./Modal.cjs.js');
 require('@radix-ui/react-select');
 require('flatpickr');
 require('flatpickr/dist/l10n/zh-tw.js');
-require('flatpickr/dist/flatpickr.min.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/index.esm.css

@@ -2546,9 +2546,6 @@ video {
 .pt-4 {
   padding-top: 1rem;
 }
-.pt-8 {
-  padding-top: 2rem;
-}
 .text-left {
   text-align: left;
 }
@@ -3126,6 +3123,13 @@ video {
 .\[module\:ui\/template\~TemplateBinding\#callback\] {
   module: ui/template~TemplateBinding#callback;
 }
+
+/* Flatpickr CSS for date picker components */
+@import './assets/css/flatpickr.min.css';
+
+/* React Date Range CSS */
+@import './assets/css/react_date_range_styles.css';
+@import './assets/css/react_date_range_theme_default.css';
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }

package/index.esm.js

@@ -36,7 +36,6 @@ 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.14",
+  "version": "0.4.16",
   "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,5 @@
 import React from 'react';
 import { FormItem, FormType } from '../types';
-import 'flatpickr/dist/flatpickr.min.css';
 interface FlatpickrProps extends FormType {
     item: FormItem;
 }

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

@@ -17,6 +17,7 @@ export declare const config: (getValues: (name: string) => unknown) => (FormItem
         required: string;
     };
     icon: string;
+    flatpickrType: string;
     flatpickrOptions: {
         mode: string;
         time_24hr: boolean;
@@ -27,7 +28,6 @@ export declare const config: (getValues: (name: string) => unknown) => (FormItem
     id?: undefined;
     errorText?: undefined;
     placeholder?: undefined;
-    flatpickrType?: undefined;
     option?: undefined;
     noDataText?: undefined;
     hiddenText?: undefined;
@@ -83,10 +83,10 @@ export declare const config: (getValues: (name: string) => unknown) => (FormItem
     };
     className: string;
     icon?: undefined;
+    flatpickrType?: undefined;
     flatpickrOptions?: undefined;
     id?: undefined;
     errorText?: undefined;
-    flatpickrType?: undefined;
 })[] | {
     type: string;
     name: string;