@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/confirm/provider.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { ComponentDefaultsContext, mergeComponentProps } from "../config-provider/component-defaults.js";
+import { ConfigContext, useLeafConfig } from "../config-provider/context.js";
+import { leafThemeVariables } from "../theme.js";
+import { ConfirmDialog } from "./confirm.js";
+import { ConfirmContext, createConfirmStore, emptyConfirmations } from "./store.js";
+function ConfirmProvider({ children }) {
+    const [store] = useState(createConfirmStore);
+    return /*#__PURE__*/ jsxs(ConfirmContext.Provider, {
+        value: store,
+        children: [
+            /*#__PURE__*/ jsx(ConfirmHost, {
+                store: store
+            }),
+            children
+        ]
+    });
+}
+function ConfirmScope({ children }) {
+    return useContext(ConfirmContext) ? children : /*#__PURE__*/ jsx(ConfirmProvider, {
+        children: children
+    });
+}
+function ConfirmHost({ store }) {
+    const requests = useSyncExternalStore(store.subscribe, store.getSnapshot, ()=>emptyConfirmations);
+    const request = requests[0];
+    if (!request) return null;
+    return /*#__PURE__*/ jsx(ConfigContext.Provider, {
+        value: request.config,
+        children: /*#__PURE__*/ jsx(ComponentDefaultsContext.Provider, {
+            value: request.components ?? {},
+            children: /*#__PURE__*/ jsx("div", {
+                className: "leaf-confirm-scope",
+                lang: request.config.locale,
+                "data-leaf-theme": request.config.theme.appearance,
+                style: leafThemeVariables(request.config.theme),
+                children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                    ...request.options,
+                    open: request.open,
+                    onConfirm: async ()=>{
+                        await request.options.onConfirm?.();
+                        store.close(request.id, true);
+                    },
+                    onClose: ()=>store.close(request.id, false),
+                    afterClose: ()=>store.remove(request.id)
+                }, request.id)
+            })
+        })
+    });
+}
+function useConfirm() {
+    const store = useContext(ConfirmContext);
+    const config = useLeafConfig();
+    const components = useContext(ComponentDefaultsContext);
+    const currentComponents = useRef(components);
+    currentComponents.current = components;
+    const currentConfig = useRef(config);
+    currentConfig.current = config;
+    const active = useRef(true);
+    const scope = useId();
+    useEffect(()=>store?.updateScope(scope, config, components), [
+        store,
+        scope,
+        config,
+        components
+    ]);
+    useEffect(()=>{
+        active.current = true;
+        return ()=>{
+            active.current = false;
+            store?.cancelScope(scope);
+        };
+    }, [
+        store,
+        scope
+    ]);
+    const api = useMemo(()=>store ? {
+            confirm: (options)=>active.current ? store.confirm(scope, currentConfig.current, mergeComponentProps(currentComponents.current.Confirm, options), currentComponents.current) : Promise.resolve(false)
+        } : void 0, [
+        store,
+        scope
+    ]);
+    if (!api) throw new Error('useConfirm requires ConfigProvider or ConfirmProvider.');
+    return api;
+}
+export { ConfirmProvider, ConfirmScope, useConfirm };
+
+//# sourceMappingURL=provider.js.map

package/dist/esm/confirm/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm/provider.js","sources":["../../../src/confirm/provider.tsx"],"sourcesContent":["import {\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport {\n  ComponentDefaultsContext,\n  mergeComponentProps,\n} from '../config-provider/component-defaults';\nimport { ConfigContext, useLeafConfig } from '../config-provider/context';\nimport { leafThemeVariables } from '../theme';\nimport type { ConfirmOptions } from './confirm';\nimport { ConfirmDialog } from './confirm';\nimport {\n  type ConfirmApi,\n  ConfirmContext,\n  type ConfirmStore,\n  createConfirmStore,\n  emptyConfirmations,\n} from './store';\n\nexport interface ConfirmProviderProps {\n  children?: ReactNode;\n}\nexport function ConfirmProvider({ children }: ConfirmProviderProps) {\n  const [store] = useState(createConfirmStore);\n  return (\n    <ConfirmContext.Provider value={store}>\n      <ConfirmHost store={store} />\n      {children}\n    </ConfirmContext.Provider>\n  );\n}\nexport function ConfirmScope({ children }: ConfirmProviderProps) {\n  return useContext(ConfirmContext) ? children : <ConfirmProvider>{children}</ConfirmProvider>;\n}\nfunction ConfirmHost({ store }: { store: ConfirmStore }) {\n  const requests = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    () => emptyConfirmations,\n  );\n  const request = requests[0];\n  if (!request) return null;\n  return (\n    <ConfigContext.Provider value={request.config}>\n      <ComponentDefaultsContext.Provider value={request.components ?? {}}>\n        <div\n          className=\"leaf-confirm-scope\"\n          lang={request.config.locale}\n          data-leaf-theme={request.config.theme.appearance}\n          style={leafThemeVariables(request.config.theme)}\n        >\n          <ConfirmDialog\n            key={request.id}\n            {...request.options}\n            open={request.open}\n            onConfirm={async () => {\n              await request.options.onConfirm?.();\n              store.close(request.id, true);\n            }}\n            onClose={() => store.close(request.id, false)}\n            afterClose={() => store.remove(request.id)}\n          />\n        </div>\n      </ComponentDefaultsContext.Provider>\n    </ConfigContext.Provider>\n  );\n}\nexport function useConfirm(): ConfirmApi {\n  const store = useContext(ConfirmContext);\n  const config = useLeafConfig();\n  const components = useContext(ComponentDefaultsContext);\n  const currentComponents = useRef(components);\n  currentComponents.current = components;\n  const currentConfig = useRef(config);\n  currentConfig.current = config;\n  const active = useRef(true);\n  const scope = useId();\n  useEffect(\n    () => store?.updateScope(scope, config, components),\n    [store, scope, config, components],\n  );\n  useEffect(() => {\n    active.current = true;\n    return () => {\n      active.current = false;\n      store?.cancelScope(scope);\n    };\n  }, [store, scope]);\n  const api = useMemo<ConfirmApi | undefined>(\n    () =>\n      store\n        ? {\n            confirm: (options) =>\n              active.current\n                ? store.confirm(\n                    scope,\n                    currentConfig.current,\n                    mergeComponentProps<ConfirmOptions>(currentComponents.current.Confirm, options),\n                    currentComponents.current,\n                  )\n                : Promise.resolve(false),\n          }\n        : undefined,\n    [store, scope],\n  );\n  if (!api) throw new Error('useConfirm requires ConfigProvider or ConfirmProvider.');\n  return api;\n}\n"],"names":["ConfirmProvider","children","store","useState","createConfirmStore","ConfirmContext","ConfirmHost","ConfirmScope","useContext","requests","useSyncExternalStore","emptyConfirmations","request","ConfigContext","ComponentDefaultsContext","leafThemeVariables","ConfirmDialog","useConfirm","config","useLeafConfig","components","currentComponents","useRef","currentConfig","active","scope","useId","useEffect","api","useMemo","options","mergeComponentProps","Promise","undefined","Error"],"mappings":";;;;;;;;AA6BO,SAASA,gBAAgB,EAAEC,QAAQ,EAAwB;IAChE,MAAM,CAACC,MAAM,GAAGC,SAASC;IACzB,OAAO,WAAP,GACE,KAACC,eAAe,QAAQ;QAAC,OAAOH;;0BAC9B,IAACI,aAAWA;gBAAC,OAAOJ;;YACnBD;;;AAGP;AACO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,OAAOO,WAAWH,kBAAkBJ,WAAW,WAAXA,GAAW,IAACD,iBAAeA;kBAAEC;;AACnE;AACA,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IACrD,MAAMO,WAAWC,qBACfR,MAAM,SAAS,EACfA,MAAM,WAAW,EACjB,IAAMS;IAER,MAAMC,UAAUH,QAAQ,CAAC,EAAE;IAC3B,IAAI,CAACG,SAAS,OAAO;IACrB,OAAO,WAAP,GACE,IAACC,cAAc,QAAQ;QAAC,OAAOD,QAAQ,MAAM;kBAC3C,kBAACE,yBAAyB,QAAQ;YAAC,OAAOF,QAAQ,UAAU,IAAI,CAAC;sBAC/D,kBAAC;gBACC,WAAU;gBACV,MAAMA,QAAQ,MAAM,CAAC,MAAM;gBAC3B,mBAAiBA,QAAQ,MAAM,CAAC,KAAK,CAAC,UAAU;gBAChD,OAAOG,mBAAmBH,QAAQ,MAAM,CAAC,KAAK;0BAE9C,kBAACI,eAAaA;oBAEX,GAAGJ,QAAQ,OAAO;oBACnB,MAAMA,QAAQ,IAAI;oBAClB,WAAW;wBACT,MAAMA,QAAQ,OAAO,CAAC,SAAS;wBAC/BV,MAAM,KAAK,CAACU,QAAQ,EAAE,EAAE;oBAC1B;oBACA,SAAS,IAAMV,MAAM,KAAK,CAACU,QAAQ,EAAE,EAAE;oBACvC,YAAY,IAAMV,MAAM,MAAM,CAACU,QAAQ,EAAE;mBARpCA,QAAQ,EAAE;;;;AAc3B;AACO,SAASK;IACd,MAAMf,QAAQM,WAAWH;IACzB,MAAMa,SAASC;IACf,MAAMC,aAAaZ,WAAWM;IAC9B,MAAMO,oBAAoBC,OAAOF;IACjCC,kBAAkB,OAAO,GAAGD;IAC5B,MAAMG,gBAAgBD,OAAOJ;IAC7BK,cAAc,OAAO,GAAGL;IACxB,MAAMM,SAASF,OAAO;IACtB,MAAMG,QAAQC;IACdC,UACE,IAAMzB,OAAO,YAAYuB,OAAOP,QAAQE,aACxC;QAAClB;QAAOuB;QAAOP;QAAQE;KAAW;IAEpCO,UAAU;QACRH,OAAO,OAAO,GAAG;QACjB,OAAO;YACLA,OAAO,OAAO,GAAG;YACjBtB,OAAO,YAAYuB;QACrB;IACF,GAAG;QAACvB;QAAOuB;KAAM;IACjB,MAAMG,MAAMC,QACV,IACE3B,QACI;YACE,SAAS,CAAC4B,UACRN,OAAO,OAAO,GACVtB,MAAM,OAAO,CACXuB,OACAF,cAAc,OAAO,EACrBQ,oBAAoCV,kBAAkB,OAAO,CAAC,OAAO,EAAES,UACvET,kBAAkB,OAAO,IAE3BW,QAAQ,OAAO,CAAC;QACxB,IACAC,QACN;QAAC/B;QAAOuB;KAAM;IAEhB,IAAI,CAACG,KAAK,MAAM,IAAIM,MAAM;IAC1B,OAAON;AACT"}

package/dist/esm/confirm/store.d.ts

@@ -0,0 +1,38 @@
+import type { LeafComponentDefaults } from '../config-provider/component-defaults.js';
+import type { LeafConfig } from '../config-provider/context.js';
+import type { ConfirmOptions } from './confirm.js';
+export interface ConfirmApi {
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+}
+interface ConfirmRequest {
+    id: number;
+    options: ConfirmOptions;
+    scope: string;
+    config: LeafConfig;
+    components?: LeafComponentDefaults;
+    open: boolean;
+    resolve: (result: boolean) => void;
+}
+export declare const emptyConfirmations: readonly ConfirmRequest[];
+/** Requests belong to one provider. Only the first is shown, including its exit animation. */
+export declare function createConfirmStore(): {
+    getSnapshot: () => readonly ConfirmRequest[];
+    subscribe: (listener: () => void) => () => void;
+    confirm: (scope: string, config: LeafConfig, options: ConfirmOptions, components?: LeafComponentDefaults) => Promise<boolean>;
+    close: (id: number, result: boolean) => void;
+    remove: (id: number) => void;
+    updateScope: (scope: string, config: LeafConfig, components?: LeafComponentDefaults) => void;
+    cancelScope: (scope: string) => void;
+};
+export type ConfirmStore = ReturnType<typeof createConfirmStore>;
+export declare const ConfirmContext: import("react").Context<{
+    getSnapshot: () => readonly ConfirmRequest[];
+    subscribe: (listener: () => void) => () => void;
+    confirm: (scope: string, config: LeafConfig, options: ConfirmOptions, components?: LeafComponentDefaults) => Promise<boolean>;
+    close: (id: number, result: boolean) => void;
+    remove: (id: number) => void;
+    updateScope: (scope: string, config: LeafConfig, components?: LeafComponentDefaults) => void;
+    cancelScope: (scope: string) => void;
+} | null>;
+export {};
+//# sourceMappingURL=store.d.ts.map

package/dist/esm/confirm/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/confirm/store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACxD;AACD,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AACD,eAAO,MAAM,kBAAkB,EAAE,SAAS,cAAc,EAAO,CAAC;AAEhE,8FAA8F;AAC9F,wBAAgB,kBAAkB;;0BAiBR,MAAM,IAAI;qBAavB,MAAM,UACL,UAAU,WACT,cAAc,eACV,qBAAqB;gBAxBnB,MAAM,UAAU,OAAO;iBAmC3B,MAAM;yBAGE,MAAM,UAAU,UAAU,eAAe,qBAAqB;yBAc9D,MAAM;EAY9B;AACD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACjE,eAAO,MAAM,cAAc;;0BA1DD,MAAM,IAAI;qBAavB,MAAM,UACL,UAAU,WACT,cAAc,eACV,qBAAqB;gBAxBnB,MAAM,UAAU,OAAO;iBAmC3B,MAAM;yBAGE,MAAM,UAAU,UAAU,eAAe,qBAAqB;yBAc9D,MAAM;SAcuC,CAAC"}

package/dist/esm/confirm/store.js

@@ -0,0 +1,79 @@
+"use client";
+import { createContext } from "react";
+const emptyConfirmations = [];
+function createConfirmStore() {
+    let requests = emptyConfirmations;
+    let sequence = 0;
+    let available = true;
+    const listeners = new Set();
+    const publish = (next)=>{
+        requests = next;
+        for (const listener of listeners)listener();
+    };
+    const close = (id, result)=>{
+        const request = requests[0];
+        if (!request?.open || request.id !== id) return;
+        publish(requests.map((entry)=>entry.id === id ? {
+                ...entry,
+                open: false
+            } : entry));
+        request.resolve(result);
+    };
+    return {
+        getSnapshot: ()=>requests,
+        subscribe: (listener)=>{
+            available = true;
+            listeners.add(listener);
+            return ()=>{
+                listeners.delete(listener);
+                if (!listeners.size) {
+                    available = false;
+                    for (const request of requests)request.resolve(false);
+                    requests = emptyConfirmations;
+                }
+            };
+        },
+        confirm: (scope, config, options, components)=>{
+            if (!available) return Promise.resolve(false);
+            return new Promise((resolve)=>{
+                publish([
+                    ...requests,
+                    {
+                        id: ++sequence,
+                        options,
+                        scope,
+                        config,
+                        components,
+                        open: true,
+                        resolve
+                    }
+                ]);
+            });
+        },
+        close,
+        remove: (id)=>{
+            if (requests[0]?.id === id && !requests[0].open) publish(requests.slice(1));
+        },
+        updateScope: (scope, config, components)=>{
+            if (requests.some((request)=>request.scope === scope && (request.config !== config || request.components !== components))) publish(requests.map((request)=>request.scope === scope ? {
+                    ...request,
+                    config,
+                    components
+                } : request));
+        },
+        cancelScope: (scope)=>{
+            const cancelled = requests.filter((request)=>request.scope === scope);
+            if (!cancelled.length) return;
+            const current = requests[0];
+            publish(requests.filter((request)=>request.scope !== scope || request === current).map((request)=>request.scope === scope ? {
+                    ...request,
+                    open: false
+                } : request));
+            for (const request of cancelled)request.resolve(false);
+        }
+    };
+}
+const ConfirmContext = createContext(null);
+export { ConfirmContext, createConfirmStore, emptyConfirmations };
+
+//# sourceMappingURL=store.js.map

package/dist/esm/confirm/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm/store.js","sources":["../../../src/confirm/store.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { LeafComponentDefaults } from '../config-provider/component-defaults';\nimport type { LeafConfig } from '../config-provider/context';\nimport type { ConfirmOptions } from './confirm';\n\nexport interface ConfirmApi {\n  confirm: (options: ConfirmOptions) => Promise<boolean>;\n}\ninterface ConfirmRequest {\n  id: number;\n  options: ConfirmOptions;\n  scope: string;\n  config: LeafConfig;\n  components?: LeafComponentDefaults;\n  open: boolean;\n  resolve: (result: boolean) => void;\n}\nexport const emptyConfirmations: readonly ConfirmRequest[] = [];\n\n/** Requests belong to one provider. Only the first is shown, including its exit animation. */\nexport function createConfirmStore() {\n  let requests = emptyConfirmations;\n  let sequence = 0;\n  let available = true;\n  const listeners = new Set<() => void>();\n  const publish = (next: readonly ConfirmRequest[]) => {\n    requests = next;\n    for (const listener of listeners) listener();\n  };\n  const close = (id: number, result: boolean) => {\n    const request = requests[0];\n    if (!request?.open || request.id !== id) return;\n    publish(requests.map((entry) => (entry.id === id ? { ...entry, open: false } : entry)));\n    request.resolve(result);\n  };\n  return {\n    getSnapshot: () => requests,\n    subscribe: (listener: () => void) => {\n      available = true;\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) {\n          available = false;\n          for (const request of requests) request.resolve(false);\n          requests = emptyConfirmations;\n        }\n      };\n    },\n    confirm: (\n      scope: string,\n      config: LeafConfig,\n      options: ConfirmOptions,\n      components?: LeafComponentDefaults,\n    ) => {\n      if (!available) return Promise.resolve(false);\n      return new Promise<boolean>((resolve) => {\n        publish([\n          ...requests,\n          { id: ++sequence, options, scope, config, components, open: true, resolve },\n        ]);\n      });\n    },\n    close,\n    remove: (id: number) => {\n      if (requests[0]?.id === id && !requests[0].open) publish(requests.slice(1));\n    },\n    updateScope: (scope: string, config: LeafConfig, components?: LeafComponentDefaults) => {\n      if (\n        requests.some(\n          (request) =>\n            request.scope === scope &&\n            (request.config !== config || request.components !== components),\n        )\n      )\n        publish(\n          requests.map((request) =>\n            request.scope === scope ? { ...request, config, components } : request,\n          ),\n        );\n    },\n    cancelScope: (scope: string) => {\n      const cancelled = requests.filter((request) => request.scope === scope);\n      if (!cancelled.length) return;\n      const current = requests[0];\n      publish(\n        requests\n          .filter((request) => request.scope !== scope || request === current)\n          .map((request) => (request.scope === scope ? { ...request, open: false } : request)),\n      );\n      for (const request of cancelled) request.resolve(false);\n    },\n  };\n}\nexport type ConfirmStore = ReturnType<typeof createConfirmStore>;\nexport const ConfirmContext = createContext<ConfirmStore | null>(null);\n"],"names":["emptyConfirmations","createConfirmStore","requests","sequence","available","listeners","Set","publish","next","listener","close","id","result","request","entry","scope","config","options","components","Promise","resolve","cancelled","current","ConfirmContext","createContext"],"mappings":";;AAiBO,MAAMA,qBAAgD,EAAE;AAGxD,SAASC;IACd,IAAIC,WAAWF;IACf,IAAIG,WAAW;IACf,IAAIC,YAAY;IAChB,MAAMC,YAAY,IAAIC;IACtB,MAAMC,UAAU,CAACC;QACfN,WAAWM;QACX,KAAK,MAAMC,YAAYJ,UAAWI;IACpC;IACA,MAAMC,QAAQ,CAACC,IAAYC;QACzB,MAAMC,UAAUX,QAAQ,CAAC,EAAE;QAC3B,IAAI,CAACW,SAAS,QAAQA,QAAQ,EAAE,KAAKF,IAAI;QACzCJ,QAAQL,SAAS,GAAG,CAAC,CAACY,QAAWA,MAAM,EAAE,KAAKH,KAAK;gBAAE,GAAGG,KAAK;gBAAE,MAAM;YAAM,IAAIA;QAC/ED,QAAQ,OAAO,CAACD;IAClB;IACA,OAAO;QACL,aAAa,IAAMV;QACnB,WAAW,CAACO;YACVL,YAAY;YACZC,UAAU,GAAG,CAACI;YACd,OAAO;gBACLJ,UAAU,MAAM,CAACI;gBACjB,IAAI,CAACJ,UAAU,IAAI,EAAE;oBACnBD,YAAY;oBACZ,KAAK,MAAMS,WAAWX,SAAUW,QAAQ,OAAO,CAAC;oBAChDX,WAAWF;gBACb;YACF;QACF;QACA,SAAS,CACPe,OACAC,QACAC,SACAC;YAEA,IAAI,CAACd,WAAW,OAAOe,QAAQ,OAAO,CAAC;YACvC,OAAO,IAAIA,QAAiB,CAACC;gBAC3Bb,QAAQ;uBACHL;oBACH;wBAAE,IAAI,EAAEC;wBAAUc;wBAASF;wBAAOC;wBAAQE;wBAAY,MAAM;wBAAME;oBAAQ;iBAC3E;YACH;QACF;QACAV;QACA,QAAQ,CAACC;YACP,IAAIT,QAAQ,CAAC,EAAE,EAAE,OAAOS,MAAM,CAACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAEK,QAAQL,SAAS,KAAK,CAAC;QAC1E;QACA,aAAa,CAACa,OAAeC,QAAoBE;YAC/C,IACEhB,SAAS,IAAI,CACX,CAACW,UACCA,QAAQ,KAAK,KAAKE,SACjBF,CAAAA,QAAQ,MAAM,KAAKG,UAAUH,QAAQ,UAAU,KAAKK,UAAS,IAGlEX,QACEL,SAAS,GAAG,CAAC,CAACW,UACZA,QAAQ,KAAK,KAAKE,QAAQ;oBAAE,GAAGF,OAAO;oBAAEG;oBAAQE;gBAAW,IAAIL;QAGvE;QACA,aAAa,CAACE;YACZ,MAAMM,YAAYnB,SAAS,MAAM,CAAC,CAACW,UAAYA,QAAQ,KAAK,KAAKE;YACjE,IAAI,CAACM,UAAU,MAAM,EAAE;YACvB,MAAMC,UAAUpB,QAAQ,CAAC,EAAE;YAC3BK,QACEL,SACG,MAAM,CAAC,CAACW,UAAYA,QAAQ,KAAK,KAAKE,SAASF,YAAYS,SAC3D,GAAG,CAAC,CAACT,UAAaA,QAAQ,KAAK,KAAKE,QAAQ;oBAAE,GAAGF,OAAO;oBAAE,MAAM;gBAAM,IAAIA;YAE/E,KAAK,MAAMA,WAAWQ,UAAWR,QAAQ,OAAO,CAAC;QACnD;IACF;AACF;AAEO,MAAMU,iBAAiBC,cAAmC"}

package/dist/esm/datepicker/datepicker.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from 'react';
+import { type DateFormat, type DatePreset } from '../shared/date-format.js';
+import { type PickerFieldProps } from '../shared/date-input.js';
+import { type MultipleDatePickerProps } from './multiple.js';
+export interface SingleDatePickerProps extends PickerFieldProps {
+    multiple?: false;
+    value?: Date | null;
+    defaultValue?: Date | null;
+    minDate?: Date;
+    maxDate?: Date;
+    picker?: 'date' | 'year' | 'quarter' | 'month' | 'week';
+    disabledDate?: (date: Date) => boolean;
+    showToday?: boolean;
+    todayText?: ReactNode;
+    renderExtraFooter?: ReactNode;
+    onChange?: (value: Date | null, dateString: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    format?: DateFormat;
+    parse?: (text: string) => Date | null;
+    presets?: readonly DatePreset[];
+    panelValue?: Date;
+    onPanelChange?: (date: Date) => void;
+    cellRender?: (date: Date) => ReactNode;
+}
+export type DatePickerProps = SingleDatePickerProps | MultipleDatePickerProps;
+export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=datepicker.d.ts.map

package/dist/esm/datepicker/datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/datepicker/datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAM3D,OAAO,EACL,KAAK,UAAU,EACf,KAAK,UAAU,EAGhB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIxE,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE9E,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACxD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC;CACxC;AAiJD,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,uBAAuB,CAAC;AAC9E,eAAO,MAAM,UAAU,8GAUrB,CAAC"}

package/dist/esm/datepicker/datepicker.js

@@ -0,0 +1,117 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { useFormField } from "../form/form.js";
+import { CalendarPanel, periodKey, startOfPeriod, withinPeriod } from "../shared/calendar.js";
+import { formatPickerDate, parsePickerDate } from "../shared/date-format.js";
+import { DateInput } from "../shared/date-input.js";
+import { useFieldValue, useMergedRef } from "../shared/field.js";
+import { usePopupState } from "../shared/floating.js";
+import { parseDateText } from "../shared/parse-date.js";
+import { MultipleDatePicker } from "./multiple.js";
+const datepicker_SingleDatePicker = /*#__PURE__*/ forwardRef(function({ value, defaultValue = null, minDate, maxDate, picker = 'date', disabledDate, showToday = true, todayText, renderExtraFooter, onChange, onOpenChange, open: controlledOpen, defaultOpen, format, parse, presets, panelValue, onPanelChange, cellRender, multiple: _multiple, ...props }, ref) {
+    const { messages } = useLeafConfig();
+    const field = useFormField();
+    const trigger = useRef(null);
+    const merged = useMergedRef(trigger, ref);
+    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);
+    const [open, setOpen] = usePopupState(props.disabled || field?.disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const change = (next)=>{
+        if (props.readOnly || props.disabled || field?.disabled) return;
+        const normalized = next ? startOfPeriod(next, picker) : null;
+        setSelected(normalized);
+        onChange?.(normalized, normalized ? formatPickerDate(normalized, format, (date)=>periodKey(date, picker)) : '');
+    };
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    return /*#__PURE__*/ jsx(DateInput, {
+        ...props,
+        ref: merged,
+        displayValue: selected ? formatPickerDate(selected, format, (date)=>periodKey(date, picker)) : '',
+        formValue: selected ? periodKey(selected, picker) : '',
+        open: open,
+        onOpenChange: setOpen,
+        onOpening: ()=>{},
+        onClear: ()=>change(null),
+        onTextCommit: (text)=>{
+            if (!text) {
+                change(null);
+                return true;
+            }
+            const parsed = parsePickerDate(text, format, (text)=>parseDateText(text, picker), parse);
+            if (!parsed || !withinPeriod(parsed, picker, minDate, maxDate) || disabledDate?.(parsed)) return false;
+            change(parsed);
+            return true;
+        },
+        panelClassName: "leaf-date-picker__panel",
+        renderPanel: (close)=>/*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(CalendarPanel, {
+                        visibleDate: panelValue,
+                        onVisibleChange: onPanelChange,
+                        cellRender: cellRender,
+                        picker: picker,
+                        disabledDate: disabledDate,
+                        value: selected,
+                        minDate: minDate,
+                        maxDate: maxDate,
+                        onChange: (date)=>{
+                            change(date);
+                            close();
+                        }
+                    }),
+                    presets?.length ? /*#__PURE__*/ jsx("div", {
+                        className: "leaf-picker-presets",
+                        children: presets.map((preset)=>/*#__PURE__*/ jsx(ButtonControl, {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: ()=>{
+                                    const date = 'function' == typeof preset.value ? preset.value() : preset.value;
+                                    if (withinPeriod(date, picker, minDate, maxDate) && !disabledDate?.(date)) {
+                                        change(date);
+                                        close();
+                                    }
+                                },
+                                children: preset.label
+                            }, preset.key ?? String(preset.label)))
+                    }) : null,
+                    (showToday || null != renderExtraFooter) && /*#__PURE__*/ jsx("div", {
+                        className: "leaf-picker-footer",
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: "leaf-picker-footer__extra",
+                            children: [
+                                showToday && /*#__PURE__*/ jsx(ButtonControl, {
+                                    variant: "ghost",
+                                    size: "sm",
+                                    disabled: !withinPeriod(today, picker, minDate, maxDate) || disabledDate?.(startOfPeriod(today, picker)),
+                                    onClick: ()=>{
+                                        change(today);
+                                        close();
+                                    },
+                                    children: todayText ?? messages.calendar.today
+                                }),
+                                renderExtraFooter
+                            ]
+                        })
+                    })
+                ]
+            })
+    });
+});
+const datepicker_DatePicker = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('DatePicker', rawProps);
+    return props.multiple ? /*#__PURE__*/ jsx(MultipleDatePicker, {
+        ...props,
+        ref: ref
+    }) : /*#__PURE__*/ jsx(datepicker_SingleDatePicker, {
+        ...props,
+        ref: ref
+    });
+});
+datepicker_DatePicker.displayName = 'DatePicker';
+export { datepicker_DatePicker as DatePicker };
+
+//# sourceMappingURL=datepicker.js.map

package/dist/esm/datepicker/datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker/datepicker.js","sources":["../../../src/datepicker/datepicker.tsx"],"sourcesContent":["import { forwardRef, type ReactNode, useRef } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { CalendarPanel, periodKey, startOfPeriod, withinPeriod } from '../shared/calendar';\nimport {\n  type DateFormat,\n  type DatePreset,\n  formatPickerDate,\n  parsePickerDate,\n} from '../shared/date-format';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { parseDateText } from '../shared/parse-date';\nimport { MultipleDatePicker, type MultipleDatePickerProps } from './multiple';\n\nexport interface SingleDatePickerProps extends PickerFieldProps {\n  multiple?: false;\n  value?: Date | null;\n  defaultValue?: Date | null;\n  minDate?: Date;\n  maxDate?: Date;\n  picker?: 'date' | 'year' | 'quarter' | 'month' | 'week';\n  disabledDate?: (date: Date) => boolean;\n  showToday?: boolean;\n  todayText?: ReactNode;\n  renderExtraFooter?: ReactNode;\n  onChange?: (value: Date | null, dateString: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  format?: DateFormat;\n  parse?: (text: string) => Date | null;\n  presets?: readonly DatePreset[];\n  panelValue?: Date;\n  onPanelChange?: (date: Date) => void;\n  cellRender?: (date: Date) => ReactNode;\n}\nconst SingleDatePicker = forwardRef<HTMLInputElement, SingleDatePickerProps>(\n  function SingleDatePicker(\n    {\n      value,\n      defaultValue = null,\n      minDate,\n      maxDate,\n      picker = 'date',\n      disabledDate,\n      showToday = true,\n      todayText,\n      renderExtraFooter,\n      onChange,\n      onOpenChange,\n      open: controlledOpen,\n      defaultOpen,\n      format,\n      parse,\n      presets,\n      panelValue,\n      onPanelChange,\n      cellRender,\n      multiple: _multiple,\n      ...props\n    },\n    ref,\n  ) {\n    const { messages } = useLeafConfig();\n    const field = useFormField();\n    const trigger = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(trigger, ref);\n    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n    const [open, setOpen] = usePopupState(\n      props.disabled || field?.disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const change = (next: Date | null) => {\n      if (props.readOnly || props.disabled || field?.disabled) return;\n      const normalized = next ? startOfPeriod(next, picker) : null;\n      setSelected(normalized);\n      onChange?.(\n        normalized,\n        normalized ? formatPickerDate(normalized, format, (date) => periodKey(date, picker)) : '',\n      );\n    };\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    return (\n      <DateInput\n        {...props}\n        ref={merged}\n        displayValue={\n          selected ? formatPickerDate(selected, format, (date) => periodKey(date, picker)) : ''\n        }\n        formValue={selected ? periodKey(selected, picker) : ''}\n        open={open}\n        onOpenChange={setOpen}\n        onOpening={() => {}}\n        onClear={() => change(null)}\n        onTextCommit={(text) => {\n          if (!text) {\n            change(null);\n            return true;\n          }\n          const parsed = parsePickerDate(\n            text,\n            format,\n            (text) => parseDateText(text, picker),\n            parse,\n          );\n          if (!parsed || !withinPeriod(parsed, picker, minDate, maxDate) || disabledDate?.(parsed))\n            return false;\n          change(parsed);\n          return true;\n        }}\n        panelClassName=\"leaf-date-picker__panel\"\n        renderPanel={(close) => (\n          <>\n            <CalendarPanel\n              visibleDate={panelValue}\n              onVisibleChange={onPanelChange}\n              cellRender={cellRender}\n              picker={picker}\n              disabledDate={disabledDate}\n              value={selected}\n              minDate={minDate}\n              maxDate={maxDate}\n              onChange={(date) => {\n                change(date);\n                close();\n              }}\n            />\n            {presets?.length ? (\n              <div className=\"leaf-picker-presets\">\n                {presets.map((preset) => (\n                  <ButtonControl\n                    key={preset.key ?? String(preset.label)}\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    onClick={() => {\n                      const date =\n                        typeof preset.value === 'function' ? preset.value() : preset.value;\n                      if (withinPeriod(date, picker, minDate, maxDate) && !disabledDate?.(date)) {\n                        change(date);\n                        close();\n                      }\n                    }}\n                  >\n                    {preset.label}\n                  </ButtonControl>\n                ))}\n              </div>\n            ) : null}\n            {(showToday || renderExtraFooter != null) && (\n              <div className=\"leaf-picker-footer\">\n                <div className=\"leaf-picker-footer__extra\">\n                  {showToday && (\n                    <ButtonControl\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      disabled={\n                        !withinPeriod(today, picker, minDate, maxDate) ||\n                        disabledDate?.(startOfPeriod(today, picker))\n                      }\n                      onClick={() => {\n                        change(today);\n                        close();\n                      }}\n                    >\n                      {todayText ?? messages.calendar.today}\n                    </ButtonControl>\n                  )}\n                  {renderExtraFooter}\n                </div>\n              </div>\n            )}\n          </>\n        )}\n      />\n    );\n  },\n);\nexport type DatePickerProps = SingleDatePickerProps | MultipleDatePickerProps;\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n  rawProps: DatePickerProps,\n  ref,\n) {\n  const props = useComponentProps('DatePicker', rawProps);\n  return props.multiple ? (\n    <MultipleDatePicker {...props} ref={ref} />\n  ) : (\n    <SingleDatePicker {...props} ref={ref} />\n  );\n});\nDatePicker.displayName = 'DatePicker';\n"],"names":["SingleDatePicker","forwardRef","value","defaultValue","minDate","maxDate","picker","disabledDate","showToday","todayText","renderExtraFooter","onChange","onOpenChange","controlledOpen","defaultOpen","format","parse","presets","panelValue","onPanelChange","cellRender","_multiple","props","ref","messages","useLeafConfig","field","useFormField","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","open","setOpen","usePopupState","change","next","normalized","startOfPeriod","formatPickerDate","date","periodKey","today","Date","DateInput","text","parsed","parsePickerDate","parseDateText","withinPeriod","close","CalendarPanel","preset","ButtonControl","String","DatePicker","rawProps","useComponentProps","MultipleDatePicker"],"mappings":"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"}

package/dist/esm/datepicker/index.d.ts

@@ -0,0 +1,4 @@
+export type { DatePickerProps, SingleDatePickerProps } from './datepicker.js';
+export { DatePicker } from './datepicker.js';
+export type { MultipleDatePickerProps } from './multiple.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/datepicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/datepicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/datepicker/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { DatePicker } from "./datepicker.js";

package/dist/esm/datepicker/multiple.d.ts

@@ -0,0 +1,10 @@
+import type { SingleDatePickerProps } from './datepicker.js';
+export interface MultipleDatePickerProps extends Omit<SingleDatePickerProps, 'multiple' | 'value' | 'defaultValue' | 'onChange' | 'presets'> {
+    multiple: true;
+    value?: readonly Date[];
+    defaultValue?: readonly Date[];
+    maxCount?: number;
+    onChange?: (value: Date[], dateStrings: string[]) => void;
+}
+export declare const MultipleDatePicker: import("react").ForwardRefExoticComponent<MultipleDatePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=multiple.d.ts.map

package/dist/esm/datepicker/multiple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple.d.ts","sourceRoot":"","sources":["../../../src/datepicker/multiple.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,qBAAqB,EACrB,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,CAC/D;IACD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,kBAAkB,sHA4G9B,CAAC"}

package/dist/esm/datepicker/multiple.js

@@ -0,0 +1,68 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { useFormField } from "../form/form.js";
+import { CalendarPanel, periodKey, startOfPeriod, withinPeriod } from "../shared/calendar.js";
+import { formatPickerDate, parsePickerDate } from "../shared/date-format.js";
+import { DateInput } from "../shared/date-input.js";
+import { useFieldValue, useMergedRef } from "../shared/field.js";
+import { usePopupState } from "../shared/floating.js";
+import { parseDateText } from "../shared/parse-date.js";
+const emptyDates = [];
+const multiple_MultipleDatePicker = /*#__PURE__*/ forwardRef(function({ value, defaultValue = emptyDates, onChange, multiple: _multiple, maxCount = 1 / 0, picker = 'date', minDate, maxDate, disabledDate, format, parse, panelValue, onPanelChange, cellRender, open: controlledOpen, defaultOpen, onOpenChange, showToday: _showToday, todayText: _todayText, renderExtraFooter, ...props }, ref) {
+    const field = useFormField(), trigger = useRef(null), merged = useMergedRef(trigger, ref);
+    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);
+    const [open, setOpen] = usePopupState(props.disabled || field?.disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const valid = (date)=>withinPeriod(date, picker, minDate, maxDate) && !disabledDate?.(date);
+    const change = (dates)=>{
+        if (props.readOnly || props.disabled || field?.disabled || dates.length > maxCount || !dates.every(valid)) return;
+        setSelected(dates);
+        onChange?.(dates, dates.map((date)=>formatPickerDate(date, format, (date)=>periodKey(date, picker))));
+    };
+    return /*#__PURE__*/ jsx(DateInput, {
+        ...props,
+        ref: merged,
+        open: open,
+        onOpenChange: setOpen,
+        onOpening: ()=>{},
+        displayValue: selected.map((date)=>formatPickerDate(date, format, (date)=>periodKey(date, picker))).join(', '),
+        formValue: selected.map((date)=>periodKey(date, picker)).join(','),
+        onClear: ()=>change([]),
+        onTextCommit: (text)=>{
+            if (!text) {
+                change([]);
+                return true;
+            }
+            const dates = text.split(/\s*[,，]\s*/).map((text)=>parsePickerDate(text, format, (text)=>parseDateText(text, picker), parse));
+            if (dates.some((date)=>!date || !valid(date)) || dates.length > maxCount) return false;
+            change(dates);
+            return true;
+        },
+        renderPanel: ()=>/*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(CalendarPanel, {
+                        picker: picker,
+                        value: selected.at(-1),
+                        values: selected,
+                        minDate: minDate,
+                        maxDate: maxDate,
+                        disabledDate: disabledDate,
+                        visibleDate: panelValue,
+                        onVisibleChange: onPanelChange,
+                        cellRender: cellRender,
+                        onChange: (date)=>{
+                            const normalized = startOfPeriod(date, picker), key = periodKey(normalized, picker);
+                            change(selected.some((date)=>periodKey(date, picker) === key) ? selected.filter((date)=>periodKey(date, picker) !== key) : [
+                                ...selected,
+                                normalized
+                            ]);
+                        }
+                    }),
+                    renderExtraFooter
+                ]
+            })
+    });
+});
+export { multiple_MultipleDatePicker as MultipleDatePicker };
+
+//# sourceMappingURL=multiple.js.map

package/dist/esm/datepicker/multiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker/multiple.js","sources":["../../../src/datepicker/multiple.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport { useFormField } from '../form/form';\nimport { CalendarPanel, periodKey, startOfPeriod, withinPeriod } from '../shared/calendar';\nimport { formatPickerDate, parsePickerDate } from '../shared/date-format';\nimport { DateInput } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { parseDateText } from '../shared/parse-date';\nimport type { SingleDatePickerProps } from './datepicker';\nexport interface MultipleDatePickerProps\n  extends Omit<\n    SingleDatePickerProps,\n    'multiple' | 'value' | 'defaultValue' | 'onChange' | 'presets'\n  > {\n  multiple: true;\n  value?: readonly Date[];\n  defaultValue?: readonly Date[];\n  maxCount?: number;\n  onChange?: (value: Date[], dateStrings: string[]) => void;\n}\nconst emptyDates: readonly Date[] = [];\nexport const MultipleDatePicker = forwardRef<HTMLInputElement, MultipleDatePickerProps>(\n  function MultipleDatePicker(\n    {\n      value,\n      defaultValue = emptyDates,\n      onChange,\n      multiple: _multiple,\n      maxCount = Infinity,\n      picker = 'date',\n      minDate,\n      maxDate,\n      disabledDate,\n      format,\n      parse,\n      panelValue,\n      onPanelChange,\n      cellRender,\n      open: controlledOpen,\n      defaultOpen,\n      onOpenChange,\n      showToday: _showToday,\n      todayText: _todayText,\n      renderExtraFooter,\n      ...props\n    },\n    ref,\n  ) {\n    const field = useFormField(),\n      trigger = useRef<HTMLInputElement>(null),\n      merged = useMergedRef(trigger, ref);\n    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n    const [open, setOpen] = usePopupState(\n      props.disabled || field?.disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const valid = (date: Date) =>\n      withinPeriod(date, picker, minDate, maxDate) && !disabledDate?.(date);\n    const change = (dates: Date[]) => {\n      if (\n        props.readOnly ||\n        props.disabled ||\n        field?.disabled ||\n        dates.length > maxCount ||\n        !dates.every(valid)\n      )\n        return;\n      setSelected(dates);\n      onChange?.(\n        dates,\n        dates.map((date) => formatPickerDate(date, format, (date) => periodKey(date, picker))),\n      );\n    };\n    return (\n      <DateInput\n        {...props}\n        ref={merged}\n        open={open}\n        onOpenChange={setOpen}\n        onOpening={() => {}}\n        displayValue={selected\n          .map((date) => formatPickerDate(date, format, (date) => periodKey(date, picker)))\n          .join(', ')}\n        formValue={selected.map((date) => periodKey(date, picker)).join(',')}\n        onClear={() => change([])}\n        onTextCommit={(text) => {\n          if (!text) {\n            change([]);\n            return true;\n          }\n          const dates = text\n            .split(/\\s*[,，]\\s*/)\n            .map((text) =>\n              parsePickerDate(text, format, (text) => parseDateText(text, picker), parse),\n            );\n          if (dates.some((date) => !date || !valid(date)) || dates.length > maxCount) return false;\n          change(dates as Date[]);\n          return true;\n        }}\n        renderPanel={() => (\n          <>\n            <CalendarPanel\n              picker={picker}\n              value={selected.at(-1)}\n              values={selected}\n              minDate={minDate}\n              maxDate={maxDate}\n              disabledDate={disabledDate}\n              visibleDate={panelValue}\n              onVisibleChange={onPanelChange}\n              cellRender={cellRender}\n              onChange={(date) => {\n                const normalized = startOfPeriod(date, picker),\n                  key = periodKey(normalized, picker);\n                change(\n                  selected.some((date) => periodKey(date, picker) === key)\n                    ? selected.filter((date) => periodKey(date, picker) !== key)\n                    : [...selected, normalized],\n                );\n              }}\n            />\n            {renderExtraFooter}\n          </>\n        )}\n      />\n    );\n  },\n);\n"],"names":["emptyDates","MultipleDatePicker","forwardRef","value","defaultValue","onChange","_multiple","maxCount","Infinity","picker","minDate","maxDate","disabledDate","format","parse","panelValue","onPanelChange","cellRender","controlledOpen","defaultOpen","onOpenChange","_showToday","_todayText","renderExtraFooter","props","ref","field","useFormField","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","open","setOpen","usePopupState","valid","date","withinPeriod","change","dates","formatPickerDate","periodKey","DateInput","text","parsePickerDate","parseDateText","CalendarPanel","normalized","startOfPeriod","key"],"mappings":";;;;;;;;;;AAoBA,MAAMA,aAA8B,EAAE;AAC/B,MAAMC,8BAAqB,WAAHA,GAAGC,WAChC,SACE,EACEC,KAAK,EACLC,eAAeJ,UAAU,EACzBK,QAAQ,EACR,UAAUC,SAAS,EACnBC,WAAWC,KAAQ,EACnBC,SAAS,MAAM,EACfC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,aAAa,EACbC,UAAU,EACV,MAAMC,cAAc,EACpBC,WAAW,EACXC,YAAY,EACZ,WAAWC,UAAU,EACrB,WAAWC,UAAU,EACrBC,iBAAiB,EACjB,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,QAAQC,gBACZC,UAAUC,OAAyB,OACnCC,SAASC,aAAaH,SAASH;IACjC,MAAM,CAACO,UAAUC,YAAY,GAAGC,cAAc/B,OAAOC,cAAcwB,SAASJ,MAAM,IAAI;IACtF,MAAM,CAACW,MAAMC,QAAQ,GAAGC,cACtBb,MAAM,QAAQ,IAAIE,OAAO,YAAYF,MAAM,QAAQ,EACnDJ,cACAF,gBACAC;IAEF,MAAMmB,QAAQ,CAACC,OACbC,aAAaD,MAAM9B,QAAQC,SAASC,YAAY,CAACC,eAAe2B;IAClE,MAAME,SAAS,CAACC;QACd,IACElB,MAAM,QAAQ,IACdA,MAAM,QAAQ,IACdE,OAAO,YACPgB,MAAM,MAAM,GAAGnC,YACf,CAACmC,MAAM,KAAK,CAACJ,QAEb;QACFL,YAAYS;QACZrC,WACEqC,OACAA,MAAM,GAAG,CAAC,CAACH,OAASI,iBAAiBJ,MAAM1B,QAAQ,CAAC0B,OAASK,UAAUL,MAAM9B;IAEjF;IACA,OAAO,WAAP,GACE,IAACoC,WAASA;QACP,GAAGrB,KAAK;QACT,KAAKM;QACL,MAAMK;QACN,cAAcC;QACd,WAAW,KAAO;QAClB,cAAcJ,SACX,GAAG,CAAC,CAACO,OAASI,iBAAiBJ,MAAM1B,QAAQ,CAAC0B,OAASK,UAAUL,MAAM9B,UACvE,IAAI,CAAC;QACR,WAAWuB,SAAS,GAAG,CAAC,CAACO,OAASK,UAAUL,MAAM9B,SAAS,IAAI,CAAC;QAChE,SAAS,IAAMgC,OAAO,EAAE;QACxB,cAAc,CAACK;YACb,IAAI,CAACA,MAAM;gBACTL,OAAO,EAAE;gBACT,OAAO;YACT;YACA,MAAMC,QAAQI,KACX,KAAK,CAAC,cACN,GAAG,CAAC,CAACA,OACJC,gBAAgBD,MAAMjC,QAAQ,CAACiC,OAASE,cAAcF,MAAMrC,SAASK;YAEzE,IAAI4B,MAAM,IAAI,CAAC,CAACH,OAAS,CAACA,QAAQ,CAACD,MAAMC,UAAUG,MAAM,MAAM,GAAGnC,UAAU,OAAO;YACnFkC,OAAOC;YACP,OAAO;QACT;QACA,aAAa,kBACX;;kCACE,IAACO,eAAaA;wBACZ,QAAQxC;wBACR,OAAOuB,SAAS,EAAE,CAAC;wBACnB,QAAQA;wBACR,SAAStB;wBACT,SAASC;wBACT,cAAcC;wBACd,aAAaG;wBACb,iBAAiBC;wBACjB,YAAYC;wBACZ,UAAU,CAACsB;4BACT,MAAMW,aAAaC,cAAcZ,MAAM9B,SACrC2C,MAAMR,UAAUM,YAAYzC;4BAC9BgC,OACET,SAAS,IAAI,CAAC,CAACO,OAASK,UAAUL,MAAM9B,YAAY2C,OAChDpB,SAAS,MAAM,CAAC,CAACO,OAASK,UAAUL,MAAM9B,YAAY2C,OACtD;mCAAIpB;gCAAUkB;6BAAW;wBAEjC;;oBAED3B;;;;AAKX"}

package/dist/esm/daterangepicker/daterangepicker.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { type DateFormat, type DatePreset } from '../shared/date-format.js';
+import { type PickerFieldProps } from '../shared/date-input.js';
+import { type TimeParts } from '../shared/time.js';
+export type DateRange = readonly [Date, Date];
+export type OpenDateRange = readonly [Date | null, Date | null];
+interface DateRangePickerBaseProps extends PickerFieldProps {
+    picker?: 'year' | 'quarter' | 'month' | 'week' | 'date' | 'datetime';
+    minDate?: Date;
+    maxDate?: Date;
+    use12Hours?: boolean;
+    showSeconds?: boolean;
+    minuteStep?: number;
+    secondStep?: number;
+    onOpenChange?: (open: boolean) => void;
+    disabledDate?: (date: Date, position: 'start' | 'end') => boolean;
+    disabledTime?: (parts: TimeParts, position: 'start' | 'end', date: Date) => boolean;
+    format?: DateFormat;
+    parse?: (text: string) => Date | null;
+    presets?: readonly DatePreset<OpenDateRange>[];
+    onCalendarChange?: (range: OpenDateRange, info: {
+        position: 'start' | 'end';
+    }) => void;
+    panelValue?: Date;
+    onPanelChange?: (date: Date) => void;
+    cellRender?: (date: Date) => ReactNode;
+}
+export type DateRangePickerProps = DateRangePickerBaseProps & ({
+    allowEmpty?: false;
+    value?: DateRange | null;
+    defaultValue?: DateRange | null;
+    onChange?: (value: DateRange | null, dateStrings: readonly [string, string]) => void;
+} | {
+    allowEmpty: true | readonly [boolean, boolean];
+    value?: OpenDateRange | null;
+    defaultValue?: OpenDateRange | null;
+    onChange?: (value: OpenDateRange | null, dateStrings: readonly [string, string]) => void;
+});
+export declare const DateRangePicker: import("react").ForwardRefExoticComponent<DateRangePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=daterangepicker.d.ts.map

package/dist/esm/daterangepicker/daterangepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"daterangepicker.d.ts","sourceRoot":"","sources":["../../../src/daterangepicker/daterangepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAcrE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,UAAU,EAGhB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKxE,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG7D,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC9C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAChE,UAAU,wBAAyB,SAAQ,gBAAgB;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACpF,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,SAAS,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;IAC/C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE;QAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAA;KAAE,KAAK,IAAI,CAAC;IACvF,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC;CACxC;AACD,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GACzD,CACI;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACtF,GACD;IACE,UAAU,EAAE,IAAI,GAAG,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC1F,CACJ,CAAC;AAMJ,eAAO,MAAM,eAAe,mHA6Y3B,CAAC"}