@xanui/ui 1.1.37 → 1.1.40

package/ClickOutside/index.cjs

@@ -0,0 +1,37 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@xanui/core');
+var React = require('react');
+
+const ClickOutside = React.forwardRef((_a, forwardedRef) => {
+    var { children, onClickOutside } = _a, props = tslib.__rest(_a, ["children", "onClickOutside"]);
+    const innerRef = React.useRef(null);
+    // merge refs
+    const setRefs = (el) => {
+        innerRef.current = el;
+        if (typeof forwardedRef === "function") {
+            forwardedRef(el);
+        }
+        else if (forwardedRef) {
+            forwardedRef.current = el;
+        }
+    };
+    React.useEffect(() => {
+        const handler = (e) => {
+            if (!innerRef.current)
+                return;
+            if (!innerRef.current.contains(e.target)) {
+                onClickOutside(e);
+            }
+        };
+        document.addEventListener("mousedown", handler);
+        return () => document.removeEventListener("mousedown", handler);
+    }, [onClickOutside]);
+    return (jsxRuntime.jsx(core.Tag, Object.assign({ component: "div", display: "inline-block" }, props, { baseClass: 'click-outside', ref: setRefs, children: children })));
+});
+
+module.exports = ClickOutside;
+//# sourceMappingURL=index.cjs.map

package/ClickOutside/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/ClickOutside/index.tsx"],"sourcesContent":["'use client'\r\nimport { Tag, TagComponentType, TagProps } from '@xanui/core';\r\nimport React, { useEffect, useRef } from 'react';\r\n\r\nexport type ClickOutsideProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    onClickOutside: (e: MouseEvent) => void;\r\n    children: React.ReactElement\r\n};\r\n\r\nconst ClickOutside = React.forwardRef(<T extends TagComponentType = \"div\">({ children, onClickOutside, ...props }: ClickOutsideProps<T>, forwardedRef: any) => {\r\n\r\n    const innerRef = useRef<HTMLElement | null>(null);\r\n\r\n    // merge refs\r\n    const setRefs = (el: HTMLElement) => {\r\n        innerRef.current = el;\r\n        if (typeof forwardedRef === \"function\") {\r\n            forwardedRef(el);\r\n        } else if (forwardedRef) {\r\n            forwardedRef.current = el;\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        const handler = (e: MouseEvent) => {\r\n            if (!innerRef.current) return;\r\n            if (!innerRef.current.contains(e.target as Node)) {\r\n                onClickOutside(e);\r\n            }\r\n        };\r\n\r\n        document.addEventListener(\"mousedown\", handler);\r\n        return () => document.removeEventListener(\"mousedown\", handler);\r\n    }, [onClickOutside]);\r\n\r\n    return (\r\n        <Tag\r\n            component=\"div\"\r\n            display=\"inline-block\"\r\n            {...props}\r\n            baseClass='click-outside'\r\n            ref={setRefs}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n});\r\n\r\nexport default ClickOutside;\r\n"],"names":[],"mappings":";;;;;;;;AASA;;AAEI;;AAGA;AACI;AACA;;;;AAGI;;AAER;;AAGI;;;AAEI;;;AAGJ;AAEA;;AAEJ;;AAaJ;;"}

package/ClickOutside/index.js

@@ -1,14 +1,12 @@
 "use client";
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@xanui/core');
-var React = require('react');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { Tag } from '@xanui/core';
+import React, { useRef, useEffect } from 'react';
 
 const ClickOutside = React.forwardRef((_a, forwardedRef) => {
-    var { children, onClickOutside } = _a, props = tslib.__rest(_a, ["children", "onClickOutside"]);
-    const innerRef = React.useRef(null);
+    var { children, onClickOutside } = _a, props = __rest(_a, ["children", "onClickOutside"]);
+    const innerRef = useRef(null);
     // merge refs
     const setRefs = (el) => {
         innerRef.current = el;
@@ -19,7 +17,7 @@ const ClickOutside = React.forwardRef((_a, forwardedRef) => {
             forwardedRef.current = el;
         }
     };
-    React.useEffect(() => {
+    useEffect(() => {
         const handler = (e) => {
             if (!innerRef.current)
                 return;
@@ -30,8 +28,8 @@ const ClickOutside = React.forwardRef((_a, forwardedRef) => {
         document.addEventListener("mousedown", handler);
         return () => document.removeEventListener("mousedown", handler);
     }, [onClickOutside]);
-    return (jsxRuntime.jsx(core.Tag, Object.assign({ component: "div", display: "inline-block" }, props, { baseClass: 'click-outside', ref: setRefs, children: children })));
+    return (jsx(Tag, Object.assign({ component: "div", display: "inline-block" }, props, { baseClass: 'click-outside', ref: setRefs, children: children })));
 });
 
-module.exports = ClickOutside;
+export { ClickOutside as default };
 //# sourceMappingURL=index.js.map

package/ClickOutside/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/ClickOutside/index.tsx"],"sourcesContent":["\"use client\";\r\nimport { Tag, TagComponentType, TagProps } from '@xanui/core';\r\nimport React, { useEffect, useRef } from 'react';\r\n\r\nexport type ClickOutsideProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    onClickOutside: (e: MouseEvent) => void;\r\n    children: React.ReactElement\r\n};\r\n\r\nconst ClickOutside = React.forwardRef(<T extends TagComponentType = \"div\">({ children, onClickOutside, ...props }: ClickOutsideProps<T>, forwardedRef: any) => {\r\n\r\n    const innerRef = useRef<HTMLElement | null>(null);\r\n\r\n    // merge refs\r\n    const setRefs = (el: HTMLElement) => {\r\n        innerRef.current = el;\r\n        if (typeof forwardedRef === \"function\") {\r\n            forwardedRef(el);\r\n        } else if (forwardedRef) {\r\n            forwardedRef.current = el;\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        const handler = (e: MouseEvent) => {\r\n            if (!innerRef.current) return;\r\n            if (!innerRef.current.contains(e.target as Node)) {\r\n                onClickOutside(e);\r\n            }\r\n        };\r\n\r\n        document.addEventListener(\"mousedown\", handler);\r\n        return () => document.removeEventListener(\"mousedown\", handler);\r\n    }, [onClickOutside]);\r\n\r\n    return (\r\n        <Tag\r\n            component=\"div\"\r\n            display=\"inline-block\"\r\n            {...props}\r\n            baseClass='click-outside'\r\n            ref={setRefs}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n});\r\n\r\nexport default ClickOutside;\r\n"],"names":[],"mappings":";;;;;;;;AASA;;AAEI;;AAGA;AACI;AACA;;;;AAGI;;AAER;;AAGI;;;AAEI;;;AAGJ;AAEA;;AAEJ;;AAaJ;;"}
+{"version":3,"file":"index.js","sources":["../../src/ClickOutside/index.tsx"],"sourcesContent":["'use client'\r\nimport { Tag, TagComponentType, TagProps } from '@xanui/core';\r\nimport React, { useEffect, useRef } from 'react';\r\n\r\nexport type ClickOutsideProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    onClickOutside: (e: MouseEvent) => void;\r\n    children: React.ReactElement\r\n};\r\n\r\nconst ClickOutside = React.forwardRef(<T extends TagComponentType = \"div\">({ children, onClickOutside, ...props }: ClickOutsideProps<T>, forwardedRef: any) => {\r\n\r\n    const innerRef = useRef<HTMLElement | null>(null);\r\n\r\n    // merge refs\r\n    const setRefs = (el: HTMLElement) => {\r\n        innerRef.current = el;\r\n        if (typeof forwardedRef === \"function\") {\r\n            forwardedRef(el);\r\n        } else if (forwardedRef) {\r\n            forwardedRef.current = el;\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        const handler = (e: MouseEvent) => {\r\n            if (!innerRef.current) return;\r\n            if (!innerRef.current.contains(e.target as Node)) {\r\n                onClickOutside(e);\r\n            }\r\n        };\r\n\r\n        document.addEventListener(\"mousedown\", handler);\r\n        return () => document.removeEventListener(\"mousedown\", handler);\r\n    }, [onClickOutside]);\r\n\r\n    return (\r\n        <Tag\r\n            component=\"div\"\r\n            display=\"inline-block\"\r\n            {...props}\r\n            baseClass='click-outside'\r\n            ref={setRefs}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n});\r\n\r\nexport default ClickOutside;\r\n"],"names":[],"mappings":";;;;;;AASA;;AAEI;;AAGA;AACI;AACA;;;;AAGI;;AAER;;AAGI;;;AAEI;;;AAGJ;AAEA;;AAEJ;;AAaJ;;"}

package/Collaps/index.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@xanui/core');
+
+const Collaps = React.forwardRef((_a, ref) => {
+    var { children, open } = _a, props = tslib.__rest(_a, ["children", "open"]);
+    let [_b] = core.useInterface("Collaps", props, {}), { ease, easing, duration, delay, onStart, onFinish, onOpen, onOpened, onClose, onClosed } = _b, rest = tslib.__rest(_b, ["ease", "easing", "duration", "delay", "onStart", "onFinish", "onOpen", "onOpened", "onClose", "onClosed"]);
+    open !== null && open !== void 0 ? open : (open = false);
+    easing !== null && easing !== void 0 ? easing : (easing = "standard");
+    return (jsxRuntime.jsx(core.Transition, { ease,
+        easing,
+        duration,
+        delay,
+        onStart,
+        onFinish,
+        onOpen,
+        onOpened,
+        onClose,
+        onClosed, disableInitialTransition: true, variant: "collapseVertical", open: open, children: jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'collaps', ref: ref, children: children })) }));
+});
+
+module.exports = Collaps;
+//# sourceMappingURL=index.cjs.map

package/Collaps/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/Collaps/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useInterface, TransitionProps, Transition } from '@xanui/core';\r\n\r\nexport type CollapsProps<T extends TagComponentType = \"div\"> = TagProps<T> & Omit<TransitionProps, \"variant\" | \"children\"> & {\r\n\r\n}\r\n\r\nconst Collaps = React.forwardRef(<T extends TagComponentType = \"div\">({ children, open, ...props }: CollapsProps<T>, ref: any) => {\r\n    let [{\r\n        ease,\r\n        easing,\r\n        duration,\r\n        delay,\r\n        onStart,\r\n        onFinish,\r\n        onOpen,\r\n        onOpened,\r\n        onClose,\r\n        onClosed,\r\n        ...rest\r\n    }] = useInterface<any>(\"Collaps\", props, {})\r\n\r\n    open ??= false\r\n    easing ??= \"standard\"\r\n\r\n    return (\r\n        <Transition\r\n            {...{\r\n                ease,\r\n                easing,\r\n                duration,\r\n                delay,\r\n                onStart,\r\n                onFinish,\r\n                onOpen,\r\n                onOpened,\r\n                onClose,\r\n                onClosed\r\n            }}\r\n            disableInitialTransition\r\n            variant=\"collapseVertical\"\r\n            open={open}\r\n        >\r\n            <Tag\r\n                {...rest}\r\n                baseClass='collaps'\r\n                ref={ref}\r\n            >{children}</Tag>\r\n        </Transition>\r\n    )\r\n})\r\n\r\nexport default Collaps\r\n\r\n\r\n"],"names":["__rest","useInterface","_jsx","Transition","Tag"],"mappings":";;;;;;;AAOA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA6C,EAAE,GAAQ,KAAI;QAA3D,EAAE,QAAQ,EAAE,IAAI,EAAA,GAAA,EAA6B,EAAxB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA1B,oBAA4B,CAAF;AAC5F,IAAA,IAAI,OAYCC,iBAAY,CAAM,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,EAZvC,EACD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,OAEX,EADM,IAAI,GAAAD,YAAA,CAAA,EAAA,EAXN,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAYJ,CAA2C;IAE5C,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAJ,IAAI,IAAJ,IAAI,GAAK,KAAK,CAAA;IACd,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAN,MAAM,IAAN,MAAM,GAAK,UAAU,CAAA;AAErB,IAAA,QACIE,cAAA,CAACC,eAAU,EAAA,EAEH,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,KAAK;QACL,OAAO;QACP,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,OAAO;AACP,QAAA,QAAQ,EAEZ,wBAAwB,EAAA,IAAA,EACxB,OAAO,EAAC,kBAAkB,EAC1B,IAAI,EAAE,IAAI,EAAA,QAAA,EAEVD,cAAA,CAACE,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO,EAAA,CACR;AAErB,CAAC;;;;"}

package/Collaps/index.js

@@ -1,16 +1,14 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useInterface, Transition, Tag } from '@xanui/core';
 
 const Collaps = React.forwardRef((_a, ref) => {
-    var { children, open } = _a, props = tslib.__rest(_a, ["children", "open"]);
-    let [_b] = core.useInterface("Collaps", props, {}), { ease, easing, duration, delay, onStart, onFinish, onOpen, onOpened, onClose, onClosed } = _b, rest = tslib.__rest(_b, ["ease", "easing", "duration", "delay", "onStart", "onFinish", "onOpen", "onOpened", "onClose", "onClosed"]);
+    var { children, open } = _a, props = __rest(_a, ["children", "open"]);
+    let [_b] = useInterface("Collaps", props, {}), { ease, easing, duration, delay, onStart, onFinish, onOpen, onOpened, onClose, onClosed } = _b, rest = __rest(_b, ["ease", "easing", "duration", "delay", "onStart", "onFinish", "onOpen", "onOpened", "onClose", "onClosed"]);
     open !== null && open !== void 0 ? open : (open = false);
     easing !== null && easing !== void 0 ? easing : (easing = "standard");
-    return (jsxRuntime.jsx(core.Transition, { ease,
+    return (jsx(Transition, { ease,
         easing,
         duration,
         delay,
@@ -19,8 +17,8 @@ const Collaps = React.forwardRef((_a, ref) => {
         onOpen,
         onOpened,
         onClose,
-        onClosed, disableInitialTransition: true, variant: "collapseVertical", open: open, children: jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'collaps', ref: ref, children: children })) }));
+        onClosed, disableInitialTransition: true, variant: "collapseVertical", open: open, children: jsx(Tag, Object.assign({}, rest, { baseClass: 'collaps', ref: ref, children: children })) }));
 });
 
-module.exports = Collaps;
+export { Collaps as default };
 //# sourceMappingURL=index.js.map

package/Collaps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Collaps/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useInterface, TransitionProps, Transition } from '@xanui/core';\r\n\r\nexport type CollapsProps<T extends TagComponentType = \"div\"> = TagProps<T> & Omit<TransitionProps, \"variant\" | \"children\"> & {\r\n\r\n}\r\n\r\nconst Collaps = React.forwardRef(<T extends TagComponentType = \"div\">({ children, open, ...props }: CollapsProps<T>, ref: any) => {\r\n    let [{\r\n        ease,\r\n        easing,\r\n        duration,\r\n        delay,\r\n        onStart,\r\n        onFinish,\r\n        onOpen,\r\n        onOpened,\r\n        onClose,\r\n        onClosed,\r\n        ...rest\r\n    }] = useInterface<any>(\"Collaps\", props, {})\r\n\r\n    open ??= false\r\n    easing ??= \"standard\"\r\n\r\n    return (\r\n        <Transition\r\n            {...{\r\n                ease,\r\n                easing,\r\n                duration,\r\n                delay,\r\n                onStart,\r\n                onFinish,\r\n                onOpen,\r\n                onOpened,\r\n                onClose,\r\n                onClosed\r\n            }}\r\n            disableInitialTransition\r\n            variant=\"collapseVertical\"\r\n            open={open}\r\n        >\r\n            <Tag\r\n                {...rest}\r\n                baseClass='collaps'\r\n                ref={ref}\r\n            >{children}</Tag>\r\n        </Transition>\r\n    )\r\n})\r\n\r\nexport default Collaps\r\n\r\n\r\n"],"names":["__rest","useInterface","_jsx","Transition","Tag"],"mappings":";;;;;;;AAOA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA6C,EAAE,GAAQ,KAAI;QAA3D,EAAE,QAAQ,EAAE,IAAI,EAAA,GAAA,EAA6B,EAAxB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA1B,oBAA4B,CAAF;AAC5F,IAAA,IAAI,OAYCC,iBAAY,CAAM,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,EAZvC,EACD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,OAEX,EADM,IAAI,GAAAD,YAAA,CAAA,EAAA,EAXN,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAYJ,CAA2C;IAE5C,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAJ,IAAI,IAAJ,IAAI,GAAK,KAAK,CAAA;IACd,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAN,MAAM,IAAN,MAAM,GAAK,UAAU,CAAA;AAErB,IAAA,QACIE,cAAA,CAACC,eAAU,EAAA,EAEH,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,KAAK;QACL,OAAO;QACP,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,OAAO;AACP,QAAA,QAAQ,EAEZ,wBAAwB,EAAA,IAAA,EACxB,OAAO,EAAC,kBAAkB,EAC1B,IAAI,EAAE,IAAI,EAAA,QAAA,EAEVD,cAAA,CAACE,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO,EAAA,CACR;AAErB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/Collaps/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useInterface, TransitionProps, Transition } from '@xanui/core';\r\n\r\nexport type CollapsProps<T extends TagComponentType = \"div\"> = TagProps<T> & Omit<TransitionProps, \"variant\" | \"children\"> & {\r\n\r\n}\r\n\r\nconst Collaps = React.forwardRef(<T extends TagComponentType = \"div\">({ children, open, ...props }: CollapsProps<T>, ref: any) => {\r\n    let [{\r\n        ease,\r\n        easing,\r\n        duration,\r\n        delay,\r\n        onStart,\r\n        onFinish,\r\n        onOpen,\r\n        onOpened,\r\n        onClose,\r\n        onClosed,\r\n        ...rest\r\n    }] = useInterface<any>(\"Collaps\", props, {})\r\n\r\n    open ??= false\r\n    easing ??= \"standard\"\r\n\r\n    return (\r\n        <Transition\r\n            {...{\r\n                ease,\r\n                easing,\r\n                duration,\r\n                delay,\r\n                onStart,\r\n                onFinish,\r\n                onOpen,\r\n                onOpened,\r\n                onClose,\r\n                onClosed\r\n            }}\r\n            disableInitialTransition\r\n            variant=\"collapseVertical\"\r\n            open={open}\r\n        >\r\n            <Tag\r\n                {...rest}\r\n                baseClass='collaps'\r\n                ref={ref}\r\n            >{children}</Tag>\r\n        </Transition>\r\n    )\r\n})\r\n\r\nexport default Collaps\r\n\r\n\r\n"],"names":["_jsx"],"mappings":";;;;;AAOA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA6C,EAAE,GAAQ,KAAI;QAA3D,EAAE,QAAQ,EAAE,IAAI,EAAA,GAAA,EAA6B,EAAxB,KAAK,GAAA,MAAA,CAAA,EAAA,EAA1B,oBAA4B,CAAF;AAC5F,IAAA,IAAI,OAYC,YAAY,CAAM,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,EAZvC,EACD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,OAEX,EADM,IAAI,GAAA,MAAA,CAAA,EAAA,EAXN,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAYJ,CAA2C;IAE5C,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAJ,IAAI,IAAJ,IAAI,GAAK,KAAK,CAAA;IACd,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAN,MAAM,IAAN,MAAM,GAAK,UAAU,CAAA;AAErB,IAAA,QACIA,GAAA,CAAC,UAAU,EAAA,EAEH,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,KAAK;QACL,OAAO;QACP,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,OAAO;AACP,QAAA,QAAQ,EAEZ,wBAAwB,EAAA,IAAA,EACxB,OAAO,EAAC,kBAAkB,EAC1B,IAAI,EAAE,IAAI,EAAA,QAAA,EAEVA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO,EAAA,CACR;AAErB,CAAC;;;;"}

package/Container/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@xanui/core');
+
+const Container = React.forwardRef((_a, ref) => {
+    var { children, maxWidth } = _a, rest = tslib.__rest(_a, ["children", "maxWidth"]);
+    const _p = {};
+    if (maxWidth)
+        _p.maxWidth = maxWidth;
+    const p = core.useBreakpointProps(_p);
+    maxWidth = p.maxWidth;
+    const { breakpoints } = core.useTheme();
+    maxWidth = maxWidth || "lg";
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { sxr: {
+            width: "100%",
+            maxWidth: {
+                xs: "100%",
+                [maxWidth]: breakpoints[maxWidth]
+            },
+            mx: "auto",
+            px: 2,
+        }, baseClass: "container", ref: ref, children: children })));
+});
+
+module.exports = Container;
+//# sourceMappingURL=index.cjs.map

package/Container/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/Container/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useTheme, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type ContainerProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    maxWidth?: useBreakpointPropsType<'lg' | 'md' | \"sm\" | 'xs'>\r\n}\r\n\r\nconst Container = React.forwardRef(<T extends TagComponentType = \"div\">({ children, maxWidth, ...rest }: ContainerProps<T>, ref?: React.Ref<any>) => {\r\n    const _p: any = {}\r\n    if (maxWidth) _p.maxWidth = maxWidth\r\n    const p: any = useBreakpointProps(_p)\r\n    maxWidth = p.maxWidth\r\n\r\n    const { breakpoints } = useTheme()\r\n    maxWidth = maxWidth || \"lg\"\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                width: \"100%\",\r\n                maxWidth: {\r\n                    xs: \"100%\",\r\n                    [maxWidth as any]: (breakpoints as any)[maxWidth as any]\r\n                },\r\n                mx: \"auto\",\r\n                px: 2,\r\n            }}\r\n            baseClass=\"container\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Container\r\n\r\n\r\n"],"names":["__rest","useBreakpointProps","useTheme","_jsx","Tag"],"mappings":";;;;;;;AAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAkD,EAAE,GAAoB,KAAI;QAA5E,EAAE,QAAQ,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAA7B,wBAA+B,CAAF;IACjG,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,QAAQ;AAAE,QAAA,EAAE,CAAC,QAAQ,GAAG,QAAQ;AACpC,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,QAAQ,GAAG,CAAC,CAAC,QAAQ;AAErB,IAAA,MAAM,EAAE,WAAW,EAAE,GAAGC,aAAQ,EAAE;AAClC,IAAA,QAAQ,GAAG,QAAQ,IAAI,IAAI;AAC3B,IAAA,QACIC,cAAA,CAACC,QAAG,oBACI,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE;AACN,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,CAAC,QAAe,GAAI,WAAmB,CAAC,QAAe;AAC1D,aAAA;AACD,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,CAAC;SACR,EACD,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/Container/index.js

@@ -1,20 +1,18 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useBreakpointProps, useTheme, Tag } from '@xanui/core';
 
 const Container = React.forwardRef((_a, ref) => {
-    var { children, maxWidth } = _a, rest = tslib.__rest(_a, ["children", "maxWidth"]);
+    var { children, maxWidth } = _a, rest = __rest(_a, ["children", "maxWidth"]);
     const _p = {};
     if (maxWidth)
         _p.maxWidth = maxWidth;
-    const p = core.useBreakpointProps(_p);
+    const p = useBreakpointProps(_p);
     maxWidth = p.maxWidth;
-    const { breakpoints } = core.useTheme();
+    const { breakpoints } = useTheme();
     maxWidth = maxWidth || "lg";
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { sxr: {
+    return (jsx(Tag, Object.assign({}, rest, { sxr: {
             width: "100%",
             maxWidth: {
                 xs: "100%",
@@ -25,5 +23,5 @@ const Container = React.forwardRef((_a, ref) => {
         }, baseClass: "container", ref: ref, children: children })));
 });
 
-module.exports = Container;
+export { Container as default };
 //# sourceMappingURL=index.js.map

package/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Container/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useTheme, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type ContainerProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    maxWidth?: useBreakpointPropsType<'lg' | 'md' | \"sm\" | 'xs'>\r\n}\r\n\r\nconst Container = React.forwardRef(<T extends TagComponentType = \"div\">({ children, maxWidth, ...rest }: ContainerProps<T>, ref?: React.Ref<any>) => {\r\n    const _p: any = {}\r\n    if (maxWidth) _p.maxWidth = maxWidth\r\n    const p: any = useBreakpointProps(_p)\r\n    maxWidth = p.maxWidth\r\n\r\n    const { breakpoints } = useTheme()\r\n    maxWidth = maxWidth || \"lg\"\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                width: \"100%\",\r\n                maxWidth: {\r\n                    xs: \"100%\",\r\n                    [maxWidth as any]: (breakpoints as any)[maxWidth as any]\r\n                },\r\n                mx: \"auto\",\r\n                px: 2,\r\n            }}\r\n            baseClass=\"container\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Container\r\n\r\n\r\n"],"names":["__rest","useBreakpointProps","useTheme","_jsx","Tag"],"mappings":";;;;;;;AAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAkD,EAAE,GAAoB,KAAI;QAA5E,EAAE,QAAQ,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAA7B,wBAA+B,CAAF;IACjG,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,QAAQ;AAAE,QAAA,EAAE,CAAC,QAAQ,GAAG,QAAQ;AACpC,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,QAAQ,GAAG,CAAC,CAAC,QAAQ;AAErB,IAAA,MAAM,EAAE,WAAW,EAAE,GAAGC,aAAQ,EAAE;AAClC,IAAA,QAAQ,GAAG,QAAQ,IAAI,IAAI;AAC3B,IAAA,QACIC,cAAA,CAACC,QAAG,oBACI,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE;AACN,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,CAAC,QAAe,GAAI,WAAmB,CAAC,QAAe;AAC1D,aAAA;AACD,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,CAAC;SACR,EACD,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/Container/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useTheme, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type ContainerProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    maxWidth?: useBreakpointPropsType<'lg' | 'md' | \"sm\" | 'xs'>\r\n}\r\n\r\nconst Container = React.forwardRef(<T extends TagComponentType = \"div\">({ children, maxWidth, ...rest }: ContainerProps<T>, ref?: React.Ref<any>) => {\r\n    const _p: any = {}\r\n    if (maxWidth) _p.maxWidth = maxWidth\r\n    const p: any = useBreakpointProps(_p)\r\n    maxWidth = p.maxWidth\r\n\r\n    const { breakpoints } = useTheme()\r\n    maxWidth = maxWidth || \"lg\"\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                width: \"100%\",\r\n                maxWidth: {\r\n                    xs: \"100%\",\r\n                    [maxWidth as any]: (breakpoints as any)[maxWidth as any]\r\n                },\r\n                mx: \"auto\",\r\n                px: 2,\r\n            }}\r\n            baseClass=\"container\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Container\r\n\r\n\r\n"],"names":["_jsx"],"mappings":";;;;;AAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAkD,EAAE,GAAoB,KAAI;QAA5E,EAAE,QAAQ,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA7B,wBAA+B,CAAF;IACjG,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,QAAQ;AAAE,QAAA,EAAE,CAAC,QAAQ,GAAG,QAAQ;AACpC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,QAAQ,GAAG,CAAC,CAAC,QAAQ;AAErB,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE;AAClC,IAAA,QAAQ,GAAG,QAAQ,IAAI,IAAI;AAC3B,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE;AACN,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,CAAC,QAAe,GAAI,WAAmB,CAAC,QAAe;AAC1D,aAAA;AACD,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,CAAC;SACR,EACD,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/DataFilter/index.cjs

@@ -0,0 +1,78 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../Stack/index.cjs');
+var SelectFilter = require('./options/SelectFilter.cjs');
+var MultiSelectFilter = require('./options/MultiSelectFilter.cjs');
+var NumberFilter = require('./options/NumberFilter.cjs');
+var TextFilter = require('./options/TextFilter.cjs');
+var NumberRangeFilter = require('./options/NumberRangeFilter.cjs');
+var DateFilter = require('./options/DateFilter.cjs');
+var DateRangeFilter = require('./options/DateRangeFilter.cjs');
+var React = require('react');
+var core = require('@xanui/core');
+
+const DataFilter$1 = (_a, ref) => {
+    var { inline, options, onChange, value } = _a, props = tslib.__rest(_a, ["inline", "options", "onChange", "value"]);
+    inline !== null && inline !== void 0 ? inline : (inline = false);
+    value !== null && value !== void 0 ? value : (value = {});
+    onChange !== null && onChange !== void 0 ? onChange : (onChange = () => { });
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { sxr: {
+            flexBox: true,
+            flexDirection: inline ? 'row' : 'column',
+            alignItems: inline ? 'center' : 'stretch',
+            flexWrap: inline ? 'wrap' : 'nowrap',
+            gap: 1,
+            p: 2,
+            radius: 1,
+        }, baseClass: 'data-filter', ref: ref, children: options.map((option, index$1) => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            switch (option.type) {
+                case "text":
+                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(TextFilter, { option: option, value: (_a = value[option.key]) !== null && _a !== void 0 ? _a : null, onChange: (v) => {
+                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
+                            } }) }, index$1));
+                case "number":
+                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(NumberFilter, { option: option, value: (_b = value[option.key]) !== null && _b !== void 0 ? _b : null, onChange: (v) => {
+                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
+                            } }) }, index$1));
+                case "number-range":
+                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(NumberRangeFilter, { option: option, value: (_c = value[option.key]) !== null && _c !== void 0 ? _c : null, onChange: (v) => {
+                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
+                            } }) }, index$1));
+                case "select":
+                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(SelectFilter, { option: option, value: (_d = value[option.key]) !== null && _d !== void 0 ? _d : null, onChange: (v) => {
+                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
+                            } }) }, index$1));
+                case "multi-select":
+                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(MultiSelectFilter, { option: option, value: (_e = value[option.key]) !== null && _e !== void 0 ? _e : [], onChange: (v) => {
+                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
+                            } }) }, index$1));
+                case "date":
+                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(DateFilter, { option: option, value: (_f = value[option.key]) !== null && _f !== void 0 ? _f : null, onChange: (v) => {
+                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
+                            } }) }, index$1));
+                case "date-range":
+                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(DateRangeFilter, { option: option, value: (_g = value[option.key]) !== null && _g !== void 0 ? _g : null, onChange: (v) => {
+                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
+                            } }) }, index$1));
+                default:
+                    return null;
+            }
+        }) })));
+};
+var DataFilter = React.forwardRef(DataFilter$1);
+
+exports.SelectFilter = SelectFilter;
+exports.MultiSelectFilter = MultiSelectFilter;
+exports.NumberFilter = NumberFilter;
+exports.TextFilter = TextFilter;
+exports.NumberRangeFilter = NumberRangeFilter;
+exports.DateFilter = DateFilter;
+exports.DateRangeFilter = DateRangeFilter;
+exports.default = DataFilter;
+//# sourceMappingURL=index.cjs.map

package/DataFilter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/DataFilter/index.tsx"],"sourcesContent":["\"use client\"\r\nimport Stack from '../Stack'\r\nimport { DataFilterProps } from './types'\r\nimport SelectFilter from './options/SelectFilter'\r\nimport MultiSelectFilter from './options/MultiSelectFilter'\r\nimport NumberFilter from './options/NumberFilter'\r\nimport TextFilter from './options/TextFilter'\r\nimport NumberRangeFilter from './options/NumberRangeFilter'\r\nimport DateFilter from './options/DateFilter'\r\nimport DateRangeFilter from './options/DateRangeFilter'\r\nimport React from 'react'\r\nimport { Tag } from '@xanui/core'\r\n\r\nexport {\r\n   SelectFilter,\r\n   MultiSelectFilter,\r\n   NumberFilter,\r\n   TextFilter,\r\n   NumberRangeFilter,\r\n   DateFilter,\r\n   DateRangeFilter,\r\n}\r\n\r\nexport * from './types'\r\n\r\nconst DataFilter = ({ inline, options, onChange, value, ...props }: DataFilterProps, ref: React.Ref<HTMLDivElement>) => {\r\n   inline ??= false\r\n   value ??= {}\r\n   onChange ??= () => { }\r\n\r\n   return (\r\n      <Tag\r\n         {...props}\r\n         sxr={{\r\n            flexBox: true,\r\n            flexDirection: inline ? 'row' : 'column',\r\n            alignItems: inline ? 'center' : 'stretch',\r\n            flexWrap: inline ? 'wrap' : 'nowrap',\r\n            gap: 1,\r\n            p: 2,\r\n            radius: 1,\r\n         }}\r\n         baseClass='data-filter'\r\n         ref={ref}\r\n      >\r\n         {\r\n            options.map((option, index) => {\r\n               switch (option.type) {\r\n                  case \"text\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <TextFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"number\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <NumberFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"number-range\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <NumberRangeFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"select\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <SelectFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"multi-select\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <MultiSelectFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? []}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"date\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <DateFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"date-range\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <DateRangeFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  default:\r\n                     return null\r\n\r\n               }\r\n            })\r\n         }\r\n      </Tag>\r\n   )\r\n}\r\n\r\nexport default React.forwardRef(DataFilter);\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBA;AAAoB;;;;AAKjB;AAIS;;;;AAIA;AACA;AACA;AACF;;AAMK;AACG;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;;AAOrB;AAEA;;;;;;;;;"}

package/DataFilter/index.js

@@ -1,27 +1,23 @@
 "use client";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../Stack/index.js');
-var SelectFilter = require('./options/SelectFilter.js');
-var MultiSelectFilter = require('./options/MultiSelectFilter.js');
-var NumberFilter = require('./options/NumberFilter.js');
-var TextFilter = require('./options/TextFilter.js');
-var NumberRangeFilter = require('./options/NumberRangeFilter.js');
-var DateFilter = require('./options/DateFilter.js');
-var DateRangeFilter = require('./options/DateRangeFilter.js');
-var React = require('react');
-var core = require('@xanui/core');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import Stack from '../Stack/index.js';
+import SelectFilter from './options/SelectFilter.js';
+import MultiSelectFilter from './options/MultiSelectFilter.js';
+import NumberFilter from './options/NumberFilter.js';
+import TextFilter from './options/TextFilter.js';
+import NumberRangeFilter from './options/NumberRangeFilter.js';
+import DateFilter from './options/DateFilter.js';
+import DateRangeFilter from './options/DateRangeFilter.js';
+import React from 'react';
+import { Tag } from '@xanui/core';
 
 const DataFilter = (_a, ref) => {
-    var { inline, options, onChange, value } = _a, props = tslib.__rest(_a, ["inline", "options", "onChange", "value"]);
+    var { inline, options, onChange, value } = _a, props = __rest(_a, ["inline", "options", "onChange", "value"]);
     inline !== null && inline !== void 0 ? inline : (inline = false);
     value !== null && value !== void 0 ? value : (value = {});
     onChange !== null && onChange !== void 0 ? onChange : (onChange = () => { });
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { sxr: {
+    return (jsx(Tag, Object.assign({}, props, { sxr: {
             flexBox: true,
             flexDirection: inline ? 'row' : 'column',
             alignItems: inline ? 'center' : 'stretch',
@@ -29,37 +25,37 @@ const DataFilter = (_a, ref) => {
             gap: 1,
             p: 2,
             radius: 1,
-        }, baseClass: 'data-filter', ref: ref, children: options.map((option, index$1) => {
+        }, baseClass: 'data-filter', ref: ref, children: options.map((option, index) => {
             var _a, _b, _c, _d, _e, _f, _g;
             switch (option.type) {
                 case "text":
-                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(TextFilter, { option: option, value: (_a = value[option.key]) !== null && _a !== void 0 ? _a : null, onChange: (v) => {
+                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(TextFilter, { option: option, value: (_a = value[option.key]) !== null && _a !== void 0 ? _a : null, onChange: (v) => {
                                 onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index$1));
+                            } }) }, index));
                 case "number":
-                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(NumberFilter, { option: option, value: (_b = value[option.key]) !== null && _b !== void 0 ? _b : null, onChange: (v) => {
+                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(NumberFilter, { option: option, value: (_b = value[option.key]) !== null && _b !== void 0 ? _b : null, onChange: (v) => {
                                 onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index$1));
+                            } }) }, index));
                 case "number-range":
-                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(NumberRangeFilter, { option: option, value: (_c = value[option.key]) !== null && _c !== void 0 ? _c : null, onChange: (v) => {
+                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(NumberRangeFilter, { option: option, value: (_c = value[option.key]) !== null && _c !== void 0 ? _c : null, onChange: (v) => {
                                 onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index$1));
+                            } }) }, index));
                 case "select":
-                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(SelectFilter, { option: option, value: (_d = value[option.key]) !== null && _d !== void 0 ? _d : null, onChange: (v) => {
+                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(SelectFilter, { option: option, value: (_d = value[option.key]) !== null && _d !== void 0 ? _d : null, onChange: (v) => {
                                 onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index$1));
+                            } }) }, index));
                 case "multi-select":
-                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(MultiSelectFilter, { option: option, value: (_e = value[option.key]) !== null && _e !== void 0 ? _e : [], onChange: (v) => {
+                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(MultiSelectFilter, { option: option, value: (_e = value[option.key]) !== null && _e !== void 0 ? _e : [], onChange: (v) => {
                                 onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index$1));
+                            } }) }, index));
                 case "date":
-                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(DateFilter, { option: option, value: (_f = value[option.key]) !== null && _f !== void 0 ? _f : null, onChange: (v) => {
+                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(DateFilter, { option: option, value: (_f = value[option.key]) !== null && _f !== void 0 ? _f : null, onChange: (v) => {
                                 onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index$1));
+                            } }) }, index));
                 case "date-range":
-                    return (jsxRuntime.jsx(index, { width: inline ? 300 : "100%", children: jsxRuntime.jsx(DateRangeFilter, { option: option, value: (_g = value[option.key]) !== null && _g !== void 0 ? _g : null, onChange: (v) => {
+                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(DateRangeFilter, { option: option, value: (_g = value[option.key]) !== null && _g !== void 0 ? _g : null, onChange: (v) => {
                                 onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index$1));
+                            } }) }, index));
                 default:
                     return null;
             }
@@ -67,12 +63,5 @@ const DataFilter = (_a, ref) => {
 };
 var DataFilter$1 = React.forwardRef(DataFilter);
 
-exports.SelectFilter = SelectFilter;
-exports.MultiSelectFilter = MultiSelectFilter;
-exports.NumberFilter = NumberFilter;
-exports.TextFilter = TextFilter;
-exports.NumberRangeFilter = NumberRangeFilter;
-exports.DateFilter = DateFilter;
-exports.DateRangeFilter = DateRangeFilter;
-exports.default = DataFilter$1;
+export { DateFilter, DateRangeFilter, MultiSelectFilter, NumberFilter, NumberRangeFilter, SelectFilter, TextFilter, DataFilter$1 as default };
 //# sourceMappingURL=index.js.map

package/DataFilter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/DataFilter/index.tsx"],"sourcesContent":["\"use client\"\r\nimport Stack from '../Stack'\r\nimport { DataFilterProps } from './types'\r\nimport SelectFilter from './options/SelectFilter'\r\nimport MultiSelectFilter from './options/MultiSelectFilter'\r\nimport NumberFilter from './options/NumberFilter'\r\nimport TextFilter from './options/TextFilter'\r\nimport NumberRangeFilter from './options/NumberRangeFilter'\r\nimport DateFilter from './options/DateFilter'\r\nimport DateRangeFilter from './options/DateRangeFilter'\r\nimport React from 'react'\r\nimport { Tag } from '@xanui/core'\r\n\r\nexport {\r\n   SelectFilter,\r\n   MultiSelectFilter,\r\n   NumberFilter,\r\n   TextFilter,\r\n   NumberRangeFilter,\r\n   DateFilter,\r\n   DateRangeFilter,\r\n}\r\n\r\nexport * from './types'\r\n\r\nconst DataFilter = ({ inline, options, onChange, value, ...props }: DataFilterProps, ref: React.Ref<HTMLDivElement>) => {\r\n   inline ??= false\r\n   value ??= {}\r\n   onChange ??= () => { }\r\n\r\n   return (\r\n      <Tag\r\n         {...props}\r\n         sxr={{\r\n            flexBox: true,\r\n            flexDirection: inline ? 'row' : 'column',\r\n            alignItems: inline ? 'center' : 'stretch',\r\n            flexWrap: inline ? 'wrap' : 'nowrap',\r\n            gap: 1,\r\n            p: 2,\r\n            radius: 1,\r\n         }}\r\n         baseClass='data-filter'\r\n         ref={ref}\r\n      >\r\n         {\r\n            options.map((option, index) => {\r\n               switch (option.type) {\r\n                  case \"text\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <TextFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"number\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <NumberFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"number-range\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <NumberRangeFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"select\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <SelectFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"multi-select\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <MultiSelectFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? []}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"date\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <DateFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"date-range\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <DateRangeFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  default:\r\n                     return null\r\n\r\n               }\r\n            })\r\n         }\r\n      </Tag>\r\n   )\r\n}\r\n\r\nexport default React.forwardRef(DataFilter);\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBA;AAAoB;;;;AAKjB;AAIS;;;;AAIA;AACA;AACA;AACF;;AAMK;AACG;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;;AAOrB;AAEA;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/DataFilter/index.tsx"],"sourcesContent":["\"use client\"\r\nimport Stack from '../Stack'\r\nimport { DataFilterProps } from './types'\r\nimport SelectFilter from './options/SelectFilter'\r\nimport MultiSelectFilter from './options/MultiSelectFilter'\r\nimport NumberFilter from './options/NumberFilter'\r\nimport TextFilter from './options/TextFilter'\r\nimport NumberRangeFilter from './options/NumberRangeFilter'\r\nimport DateFilter from './options/DateFilter'\r\nimport DateRangeFilter from './options/DateRangeFilter'\r\nimport React from 'react'\r\nimport { Tag } from '@xanui/core'\r\n\r\nexport {\r\n   SelectFilter,\r\n   MultiSelectFilter,\r\n   NumberFilter,\r\n   TextFilter,\r\n   NumberRangeFilter,\r\n   DateFilter,\r\n   DateRangeFilter,\r\n}\r\n\r\nexport * from './types'\r\n\r\nconst DataFilter = ({ inline, options, onChange, value, ...props }: DataFilterProps, ref: React.Ref<HTMLDivElement>) => {\r\n   inline ??= false\r\n   value ??= {}\r\n   onChange ??= () => { }\r\n\r\n   return (\r\n      <Tag\r\n         {...props}\r\n         sxr={{\r\n            flexBox: true,\r\n            flexDirection: inline ? 'row' : 'column',\r\n            alignItems: inline ? 'center' : 'stretch',\r\n            flexWrap: inline ? 'wrap' : 'nowrap',\r\n            gap: 1,\r\n            p: 2,\r\n            radius: 1,\r\n         }}\r\n         baseClass='data-filter'\r\n         ref={ref}\r\n      >\r\n         {\r\n            options.map((option, index) => {\r\n               switch (option.type) {\r\n                  case \"text\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <TextFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"number\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <NumberFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"number-range\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <NumberRangeFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"select\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <SelectFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"multi-select\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <MultiSelectFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? []}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"date\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <DateFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"date-range\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <DateRangeFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  default:\r\n                     return null\r\n\r\n               }\r\n            })\r\n         }\r\n      </Tag>\r\n   )\r\n}\r\n\r\nexport default React.forwardRef(DataFilter);\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAyBA;AAAoB;;;;AAKjB;AAIS;;;;AAIA;AACA;AACA;AACF;;AAMK;AACG;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;;AAOrB;AAEA;;"}

package/DataFilter/options/DateFilter.cjs

@@ -0,0 +1,32 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index$4 = require('../../Menu/index.cjs');
+var index$2 = require('../../IconButton/index.cjs');
+var index = require('../../Stack/index.cjs');
+var index$1 = require('../../Text/index.cjs');
+var Close = require('@xanui/icons/Close');
+var Add = require('@xanui/icons/Add');
+var ClearAll = require('@xanui/icons/ClearAll');
+var index$3 = require('../../Chip/index.cjs');
+var index$5 = require('../../Calendar/index.cjs');
+
+const DateFilter = ({ option, onChange, value }) => {
+    const [target, setTarget] = React.useState();
+    const isValue = value !== null && value !== undefined && value !== "";
+    return (jsxRuntime.jsxs(index, { width: "100%", bgcolor: "background.secondary", p: 1, radius: 1, children: [jsxRuntime.jsxs(index, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, mb: isValue ? .5 : 0, children: [jsxRuntime.jsx(index$1, { children: option.label }), jsxRuntime.jsxs(index, { direction: "row", gap: 0.5, children: [jsxRuntime.jsx(index$2, { size: "small", variant: "soft", color: "default", onClick: (e) => {
+                                    setTarget(e.currentTarget);
+                                }, children: jsxRuntime.jsx(Add, {}) }), isValue && jsxRuntime.jsx(index$2, { size: "small", variant: "soft", color: "danger", onClick: () => {
+                                    onChange(null);
+                                }, children: jsxRuntime.jsx(ClearAll, {}) })] })] }), jsxRuntime.jsx(index, { direction: "row", gap: 0.5, flexWrap: "wrap", children: isValue && jsxRuntime.jsx(index$3, { size: "small", color: "default", label: new Date(value).toLocaleDateString("en-US"), endIcon: jsxRuntime.jsx(index$2, { size: 16, variant: "text", color: "default", onClick: () => {
+                            onChange(null);
+                        }, children: jsxRuntime.jsx(Close, {}) }) }) }), jsxRuntime.jsx(index$4, { target: target, onClickOutside: () => setTarget(undefined), placement: "bottom-right", children: jsxRuntime.jsx(index$5, { value: value ? new Date(value) : null, onChange: (date) => {
+                        onChange((date === null || date === void 0 ? void 0 : date.toISOString()) || null);
+                        setTarget(undefined);
+                    } }) })] }));
+};
+
+module.exports = DateFilter;
+//# sourceMappingURL=DateFilter.cjs.map

package/DataFilter/options/DateFilter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFilter.cjs","sources":["../../../src/DataFilter/options/DateFilter.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport React from \"react\";\r\nimport { DataFilterDate } from \"../types\";\r\nimport Menu from \"../../Menu\";\r\nimport IconButton from \"../../IconButton\";\r\nimport Stack from \"../../Stack\";\r\nimport Text from \"../../Text\";\r\nimport Close from \"@xanui/icons/Close\";\r\nimport Add from \"@xanui/icons/Add\";\r\nimport ClearAll from \"@xanui/icons/ClearAll\";\r\nimport Chip from \"../../Chip\";\r\nimport Calendar from \"../../Calendar\";\r\n\r\n\r\ntype Props = {\r\n   option: DataFilterDate;\r\n   value: string | null;\r\n   onChange: (value: string | null) => void;\r\n}\r\n\r\nconst DateFilter = ({ option, onChange, value }: Props) => {\r\n   const [target, setTarget] = React.useState<HTMLElement | undefined>()\r\n   const isValue = value !== null && value !== undefined && value !== \"\"\r\n\r\n   return (\r\n      <Stack\r\n         width={\"100%\"}\r\n         bgcolor=\"background.secondary\"\r\n         p={1}\r\n         radius={1}\r\n      >\r\n         <Stack\r\n            direction=\"row\"\r\n            alignItems=\"center\"\r\n            justifyContent={\"space-between\"}\r\n            gap={0.5}\r\n            mb={isValue ? .5 : 0}\r\n         >\r\n            <Text>{option.label}</Text>\r\n            <Stack\r\n               direction=\"row\"\r\n               gap={0.5}\r\n            >\r\n               <IconButton\r\n                  size=\"small\"\r\n                  variant=\"soft\"\r\n                  color={\"default\"}\r\n                  onClick={(e: any) => {\r\n                     setTarget(e.currentTarget)\r\n                  }}\r\n               >\r\n                  <Add />\r\n               </IconButton>\r\n               {\r\n                  isValue && <IconButton\r\n                     size=\"small\"\r\n                     variant=\"soft\"\r\n                     color={\"danger\"}\r\n                     onClick={() => {\r\n                        onChange(null);\r\n                     }}\r\n                  >\r\n                     <ClearAll />\r\n                  </IconButton>\r\n               }\r\n            </Stack>\r\n         </Stack>\r\n         <Stack\r\n            direction=\"row\"\r\n            gap={0.5}\r\n            flexWrap=\"wrap\"\r\n         >\r\n            {\r\n               isValue && <Chip\r\n                  size=\"small\"\r\n                  color=\"default\"\r\n                  label={new Date(value).toLocaleDateString(\"en-US\")}\r\n                  endIcon={<IconButton\r\n                     size={16}\r\n                     variant={\"text\"}\r\n                     color=\"default\"\r\n                     onClick={() => {\r\n                        onChange(null);\r\n                     }}\r\n                  >\r\n                     <Close />\r\n                  </IconButton>}\r\n               />\r\n            }\r\n         </Stack>\r\n         <Menu\r\n            target={target}\r\n            onClickOutside={() => setTarget(undefined)}\r\n            placement={\"bottom-right\"}\r\n         >\r\n            <Calendar\r\n               value={value ? new Date(value) : null}\r\n               onChange={(date) => {\r\n                  onChange(date?.toISOString() || null);\r\n                  setTarget(undefined);\r\n               }}\r\n            />\r\n         </Menu>\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default DateFilter"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA;;AAEG;AAEA;AAwBkB;;;AAYA;;;AAsCH;;AAEH;AAKf;;"}