@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/DatePicker/DatePicker.mjs

@@ -1,90 +1,20 @@
 "use client";
-import { focusRing } from "../styles/stylex/focusRing.mjs";
-import Icon from "../Icon/Icon.mjs";
-import { useTranslation } from "../i18n/useTranslation.mjs";
-import datePicker_default from "../i18n/resources/en/datePicker.mjs";
-import { DEFAULT_FORMAT, clampToBounds } from "./calendar.mjs";
-import { styles } from "./style.mjs";
-import CalendarPanel from "./CalendarPanel.mjs";
-import PickerShell from "./PickerShell.mjs";
-import { memo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as stylex from "@stylexjs/stylex";
-import { CalendarIcon } from "lucide-react";
-import useControlledState from "use-merge-value";
-import dayjs from "dayjs";
+import dateGenerateConfig from "./dateGenerateConfig.mjs";
+import generatePicker from "./generatePicker.mjs";
+import genPurePanel from "./PurePanel.mjs";
 //#region src/DatePicker/DatePicker.tsx
-const PLACEHOLDER_KEY = {
-	date: "datePicker.placeholder",
-	month: "datePicker.monthPlaceholder",
-	year: "datePicker.yearPlaceholder"
-};
-const formatDate = (date, format, fallback) => typeof format === "function" ? format(date) : dayjs(date).format(format ?? fallback);
-const DatePicker = memo(({ allowClear = true, className, defaultValue = null, disabled, disabledDate, footer, format, max, min, mode = "date", onChange, placeholder, shadow, size, style, value, variant }) => {
-	const { t } = useTranslation(datePicker_default);
-	const [current, setCurrent] = useControlledState(defaultValue, {
-		defaultValue,
-		onChange,
-		value
-	});
-	const [open, setOpen] = useState(false);
-	const [month, setMonth] = useState(() => current ?? /* @__PURE__ */ new Date());
-	const text = current ? formatDate(current, format, DEFAULT_FORMAT[mode]) : null;
-	return /* @__PURE__ */ jsxs(PickerShell, {
-		className,
-		disabled,
-		open,
-		shadow,
-		showClear: allowClear && !!current,
-		size,
-		style,
-		variant,
-		icon: /* @__PURE__ */ jsx("span", {
-			...stylex.props(styles.icon),
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: CalendarIcon,
-				size: 14
-			})
-		}),
-		trigger: /* @__PURE__ */ jsx("button", {
-			...stylex.props(focusRing.info, styles.trigger),
-			disabled,
-			type: "button",
-			children: text ?? /* @__PURE__ */ jsx("span", {
-				...stylex.props(styles.placeholder),
-				children: placeholder ?? t(PLACEHOLDER_KEY[mode])
-			})
-		}),
-		onClear: () => setCurrent(null),
-		onOpenChange: (next) => {
-			if (next) setMonth(current ?? clampToBounds(/* @__PURE__ */ new Date(), {
-				max,
-				min
-			}));
-			setOpen(next);
-		},
-		children: [/* @__PURE__ */ jsx(CalendarPanel, {
-			bounds: {
-				disabledDate,
-				max,
-				min
-			},
-			mode,
-			month,
-			selected: current,
-			onMonthChange: setMonth,
-			onSelect: (date) => {
-				setCurrent(date);
-				setOpen(false);
-			}
-		}), footer && /* @__PURE__ */ jsx("div", {
-			...stylex.props(styles.footer),
-			children: footer
-		})]
-	});
-});
-DatePicker.displayName = "DatePicker";
+/**
+* DatePicker over native `Date` — the previous lobe DatePicker API: values, `onChange`
+* and `disabledDate` use `Date`, a cleared range is `[null, null]`; inputs may also be
+* `Dayjs`, date strings or timestamps. Statics as in antd: `DatePicker.RangePicker`,
+* `WeekPicker`, `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the pure panels
+* and `generatePicker`. For the antd `Dayjs` API use `DayjsDatePicker`.
+*/
+const DatePicker = generatePicker(dateGenerateConfig);
+DatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker);
+DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker.RangePicker);
+DatePicker.generatePicker = generatePicker;
 //#endregion
-export { DatePicker as default, formatDate };
+export { DatePicker as default };
 
 //# sourceMappingURL=DatePicker.mjs.map

package/es/DatePicker/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","names":["datePickerMessages"],"sources":["../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport dayjs from 'dayjs';\nimport { CalendarIcon } from 'lucide-react';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport datePickerMessages from '@/i18n/resources/en/datePicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport { focusRing } from '@/styles/stylex/focusRing';\n\nimport { clampToBounds, DEFAULT_FORMAT } from './calendar';\nimport CalendarPanel from './CalendarPanel';\nimport PickerShell from './PickerShell';\nimport { styles } from './style';\nimport type { DatePickerProps } from './type';\n\nconst PLACEHOLDER_KEY = {\n  date: 'datePicker.placeholder',\n  month: 'datePicker.monthPlaceholder',\n  year: 'datePicker.yearPlaceholder',\n} as const;\n\nexport const formatDate = (date: Date, format: DatePickerProps['format'], fallback: string) =>\n  typeof format === 'function' ? format(date) : dayjs(date).format(format ?? fallback);\n\nconst DatePicker = memo<DatePickerProps>(\n  ({\n    allowClear = true,\n    className,\n    defaultValue = null,\n    disabled,\n    disabledDate,\n    footer,\n    format,\n    max,\n    min,\n    mode = 'date',\n    onChange,\n    placeholder,\n    shadow,\n    size,\n    style,\n    value,\n    variant,\n  }) => {\n    const { t } = useTranslation(datePickerMessages);\n    const [current, setCurrent] = useControlledState<Date | null>(defaultValue, {\n      defaultValue,\n      onChange,\n      value,\n    });\n    const [open, setOpen] = useState(false);\n    const [month, setMonth] = useState<Date>(() => current ?? new Date());\n\n    const text = current ? formatDate(current, format, DEFAULT_FORMAT[mode]) : null;\n\n    return (\n      <PickerShell\n        className={className}\n        disabled={disabled}\n        open={open}\n        shadow={shadow}\n        showClear={allowClear && !!current}\n        size={size}\n        style={style}\n        variant={variant}\n        icon={\n          <span {...stylex.props(styles.icon)}>\n            <Icon icon={CalendarIcon} size={14} />\n          </span>\n        }\n        trigger={\n          <button {...stylex.props(focusRing.info, styles.trigger)} disabled={disabled} type=\"button\">\n            {text ?? (\n              <span {...stylex.props(styles.placeholder)}>{placeholder ?? t(PLACEHOLDER_KEY[mode])}</span>\n            )}\n          </button>\n        }\n        onClear={() => setCurrent(null)}\n        onOpenChange={(next) => {\n          if (next) setMonth(current ?? clampToBounds(new Date(), { max, min }));\n          setOpen(next);\n        }}\n      >\n        <CalendarPanel\n          bounds={{ disabledDate, max, min }}\n          mode={mode}\n          month={month}\n          selected={current}\n          onMonthChange={setMonth}\n          onSelect={(date) => {\n            setCurrent(date);\n            setOpen(false);\n          }}\n        />\n        {footer && <div {...stylex.props(styles.footer)}>{footer}</div>}\n      </PickerShell>\n    );\n  },\n);\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,kBAAkB;CACtB,MAAM;CACN,OAAO;CACP,MAAM;AACR;AACA,MAAa,cAAc,MAAY,QAAmC,aAAqB,OAAO,WAAW,aAAa,OAAO,IAAI,IAAI,MAAM,IAAI,CAAC,CAAC,OAAO,UAAU,QAAQ;AAClL,MAAM,aAAa,MAAuB,EACxC,aAAa,MACb,WACA,eAAe,MACf,UACA,cACA,QACA,QACA,KACA,KACA,OAAO,QACP,UACA,aACA,QACA,MACA,OACA,OACA,cACI;CACJ,MAAM,EACJ,MACE,eAAeA,kBAAkB;CACrC,MAAM,CAAC,SAAS,cAAc,mBAAgC,cAAc;EAC1E;EACA;EACA;CACF,CAAC;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,CAAC,OAAO,YAAY,eAAqB,2BAAW,IAAI,KAAK,CAAC;CACpE,MAAM,OAAO,UAAU,WAAW,SAAS,QAAQ,eAAe,KAAK,IAAI;CAC3E,OAAO,qBAAC,aAAD;EAAwB;EAAqB;EAAgB;EAAc;EAAQ,WAAW,cAAc,CAAC,CAAC;EAAe;EAAa;EAAgB;EAAS,MAAM,oBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,IAAI;GACxM,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAc,MAAM;GAAK,CAAA;EACjC,CAAA;EAAG,SAAS,oBAAC,UAAD;GAAQ,GAAI,OAAO,MAAM,UAAU,MAAM,OAAO,OAAO;GAAa;GAAU,MAAK;GAClG,UAAA,QAAQ,oBAAC,QAAD;IAAM,GAAI,OAAO,MAAM,OAAO,WAAW;IAAI,UAAA,eAAe,EAAE,gBAAgB,KAAK;GAAQ,CAAA;EAC9F,CAAA;EAAG,eAAe,WAAW,IAAI;EAAG,eAAc,SAAQ;GACxE,IAAI,MAAM,SAAS,WAAW,8BAAc,IAAI,KAAK,GAAG;IACtD;IACA;GACF,CAAC,CAAC;GACF,QAAQ,IAAI;EACd;EAVO,UAAA,CAWD,oBAAC,eAAD;GAAe,QAAQ;IACzB;IACA;IACA;GACF;GAAS;GAAa;GAAO,UAAU;GAAS,eAAe;GAAU,WAAU,SAAQ;IACzF,WAAW,IAAI;IACf,QAAQ,KAAK;GACf;EAAI,CAAA,GACC,UAAU,oBAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,MAAM;GAAI,UAAA;EAAY,CAAA,CACnD;;AACnB,CAAC;AACD,WAAW,cAAc"}
+{"version":3,"file":"DatePicker.mjs","names":[],"sources":["../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport dateGenerateConfig from './dateGenerateConfig';\nimport generatePicker from './generatePicker';\nimport genPurePanel from './PurePanel';\nimport type { DatePickerType } from './type';\n\n/**\n * DatePicker over native `Date` — the previous lobe DatePicker API: values, `onChange`\n * and `disabledDate` use `Date`, a cleared range is `[null, null]`; inputs may also be\n * `Dayjs`, date strings or timestamps. Statics as in antd: `DatePicker.RangePicker`,\n * `WeekPicker`, `MonthPicker`, `YearPicker`, `QuarterPicker`, `TimePicker`, the pure panels\n * and `generatePicker`. For the antd `Dayjs` API use `DayjsDatePicker`.\n */\nconst DatePicker = generatePicker(dateGenerateConfig) as DatePickerType;\n\nDatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker);\nDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DatePicker.RangePicker);\nDatePicker.generatePicker = generatePicker;\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,aAAa,eAAe,kBAAkB;AAEpD,WAAW,yCAAyC,aAAa,UAAU;AAC3E,WAAW,8CAA8C,aAAa,WAAW,WAAW;AAC5F,WAAW,iBAAiB"}

package/es/DatePicker/DateRangePicker.d.mts

@@ -1,6 +1,7 @@
-import { DateRangePickerProps } from "./type.mjs";
+import { RangePickerComponent } from "./type.mjs";
 //#region src/DatePicker/DateRangePicker.d.ts
-declare const DateRangePicker: import("react").NamedExoticComponent<DateRangePickerProps>;
+/** `DatePicker.RangePicker`, kept as a standalone export. */
+declare const DateRangePicker: RangePickerComponent<Date>;
 //#endregion
 export { DateRangePicker as default };
 //# sourceMappingURL=DateRangePicker.d.mts.map

package/es/DatePicker/DateRangePicker.mjs

@@ -1,129 +1,7 @@
-"use client";
-import { focusRing } from "../styles/stylex/focusRing.mjs";
-import Icon from "../Icon/Icon.mjs";
-import { useTranslation } from "../i18n/useTranslation.mjs";
-import datePicker_default from "../i18n/resources/en/datePicker.mjs";
-import { DEFAULT_FORMAT, clampToBounds, orderRange } from "./calendar.mjs";
-import { styles } from "./style.mjs";
-import CalendarPanel from "./CalendarPanel.mjs";
-import PickerShell from "./PickerShell.mjs";
-import { formatDate } from "./DatePicker.mjs";
-import { memo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as stylex from "@stylexjs/stylex";
-import { ArrowRight, CalendarIcon } from "lucide-react";
-import useControlledState from "use-merge-value";
-import dayjs from "dayjs";
+import DatePicker from "./DatePicker.mjs";
 //#region src/DatePicker/DateRangePicker.tsx
-const EMPTY = [null, null];
-const DateRangePicker = memo(({ allowClear = true, className, defaultValue = EMPTY, disabled, disabledDate, format, max, min, onChange, placeholder, shadow, size, style, value, variant }) => {
-	const { t } = useTranslation(datePicker_default);
-	const [current, setCurrent] = useControlledState(defaultValue, {
-		defaultValue,
-		onChange,
-		value
-	});
-	const [open, setOpen] = useState(false);
-	const [draft, setDraft] = useState(EMPTY);
-	const [hovered, setHovered] = useState(null);
-	const [month, setMonth] = useState(() => current[0] ?? /* @__PURE__ */ new Date());
-	const shown = open && draft[0] ? draft : current;
-	const nextMonth = dayjs(month).add(1, "month").toDate();
-	const bounds = {
-		disabledDate,
-		max,
-		min
-	};
-	const half = (date, fallback, active) => /* @__PURE__ */ jsx("span", {
-		...stylex.props(styles.rangeHalf),
-		"data-active": active ? "" : void 0,
-		children: date ? formatDate(date, format, DEFAULT_FORMAT.date) : /* @__PURE__ */ jsx("span", {
-			...stylex.props(styles.placeholder),
-			children: fallback
-		})
-	});
-	const select = (date) => {
-		if (!draft[0] || draft[1]) {
-			setDraft([date, null]);
-			return;
-		}
-		const ordered = orderRange(draft[0], date);
-		setDraft(EMPTY);
-		setCurrent(ordered);
-		setOpen(false);
-	};
-	return /* @__PURE__ */ jsx(PickerShell, {
-		className,
-		disabled,
-		open,
-		shadow,
-		showClear: allowClear && !!(current[0] || current[1]),
-		size,
-		style,
-		variant,
-		icon: /* @__PURE__ */ jsx("span", {
-			...stylex.props(styles.icon),
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: CalendarIcon,
-				size: 14
-			})
-		}),
-		trigger: /* @__PURE__ */ jsx("button", {
-			...stylex.props(focusRing.info, styles.trigger),
-			disabled,
-			type: "button",
-			children: /* @__PURE__ */ jsxs("span", {
-				...stylex.props(styles.rangeTrigger),
-				children: [
-					half(shown[0], placeholder?.[0] ?? t("datePicker.startPlaceholder"), open && !draft[0]),
-					/* @__PURE__ */ jsx("span", {
-						...stylex.props(styles.icon),
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: ArrowRight,
-							size: 14
-						})
-					}),
-					half(shown[1], placeholder?.[1] ?? t("datePicker.endPlaceholder"), open && !!draft[0])
-				]
-			})
-		}),
-		onClear: () => setCurrent(EMPTY),
-		onOpenChange: (next) => {
-			if (next) {
-				setMonth(current[0] ?? clampToBounds(/* @__PURE__ */ new Date(), {
-					max,
-					min
-				}));
-				setDraft(EMPTY);
-			}
-			setOpen(next);
-		},
-		children: /* @__PURE__ */ jsxs("div", {
-			...stylex.props(styles.range),
-			children: [/* @__PURE__ */ jsx(CalendarPanel, {
-				bounds,
-				hovered,
-				mode: "date",
-				month,
-				range: draft[0] ? draft : current,
-				showNav: false,
-				onHover: setHovered,
-				onMonthChange: setMonth,
-				onSelect: select
-			}), /* @__PURE__ */ jsx(CalendarPanel, {
-				bounds,
-				hovered,
-				mode: "date",
-				month: nextMonth,
-				range: draft[0] ? draft : current,
-				onHover: setHovered,
-				onMonthChange: (next) => setMonth(dayjs(next).subtract(1, "month").toDate()),
-				onSelect: select
-			})]
-		})
-	});
-});
-DateRangePicker.displayName = "DateRangePicker";
+/** `DatePicker.RangePicker`, kept as a standalone export. */
+const DateRangePicker = DatePicker.RangePicker;
 //#endregion
 export { DateRangePicker as default };
 

package/es/DatePicker/DateRangePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.mjs","names":["datePickerMessages"],"sources":["../../src/DatePicker/DateRangePicker.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport dayjs from 'dayjs';\nimport { ArrowRight, CalendarIcon } from 'lucide-react';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport datePickerMessages from '@/i18n/resources/en/datePicker';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport { focusRing } from '@/styles/stylex/focusRing';\n\nimport { clampToBounds, DEFAULT_FORMAT, orderRange } from './calendar';\nimport CalendarPanel from './CalendarPanel';\nimport { formatDate } from './DatePicker';\nimport PickerShell from './PickerShell';\nimport { styles } from './style';\nimport type { DateRangePickerProps, DateRangeValue } from './type';\n\nconst EMPTY: DateRangeValue = [null, null];\n\nconst DateRangePicker = memo<DateRangePickerProps>(\n  ({\n    allowClear = true,\n    className,\n    defaultValue = EMPTY,\n    disabled,\n    disabledDate,\n    format,\n    max,\n    min,\n    onChange,\n    placeholder,\n    shadow,\n    size,\n    style,\n    value,\n    variant,\n  }) => {\n    const { t } = useTranslation(datePickerMessages);\n    const [current, setCurrent] = useControlledState<DateRangeValue>(defaultValue, {\n      defaultValue,\n      onChange,\n      value,\n    });\n    const [open, setOpen] = useState(false);\n    const [draft, setDraft] = useState<DateRangeValue>(EMPTY);\n    const [hovered, setHovered] = useState<Date | null>(null);\n    const [month, setMonth] = useState<Date>(() => current[0] ?? new Date());\n\n    const shown = open && draft[0] ? draft : current;\n    const nextMonth = dayjs(month).add(1, 'month').toDate();\n    const bounds = { disabledDate, max, min };\n\n    const half = (date: Date | null, fallback: string, active: boolean) => (\n      <span {...stylex.props(styles.rangeHalf)} data-active={active ? '' : undefined}>\n        {date ? (\n          formatDate(date, format, DEFAULT_FORMAT.date)\n        ) : (\n          <span {...stylex.props(styles.placeholder)}>{fallback}</span>\n        )}\n      </span>\n    );\n\n    const select = (date: Date) => {\n      if (!draft[0] || draft[1]) {\n        setDraft([date, null]);\n        return;\n      }\n      const ordered = orderRange(draft[0], date);\n      setDraft(EMPTY);\n      setCurrent(ordered);\n      setOpen(false);\n    };\n\n    return (\n      <PickerShell\n        className={className}\n        disabled={disabled}\n        open={open}\n        shadow={shadow}\n        showClear={allowClear && !!(current[0] || current[1])}\n        size={size}\n        style={style}\n        variant={variant}\n        icon={\n          <span {...stylex.props(styles.icon)}>\n            <Icon icon={CalendarIcon} size={14} />\n          </span>\n        }\n        trigger={\n          <button {...stylex.props(focusRing.info, styles.trigger)} disabled={disabled} type=\"button\">\n            <span {...stylex.props(styles.rangeTrigger)}>\n              {half(\n                shown[0],\n                placeholder?.[0] ?? t('datePicker.startPlaceholder'),\n                open && !draft[0],\n              )}\n              <span {...stylex.props(styles.icon)}>\n                <Icon icon={ArrowRight} size={14} />\n              </span>\n              {half(\n                shown[1],\n                placeholder?.[1] ?? t('datePicker.endPlaceholder'),\n                open && !!draft[0],\n              )}\n            </span>\n          </button>\n        }\n        onClear={() => setCurrent(EMPTY)}\n        onOpenChange={(next) => {\n          if (next) {\n            setMonth(current[0] ?? clampToBounds(new Date(), { max, min }));\n            setDraft(EMPTY);\n          }\n          setOpen(next);\n        }}\n      >\n        <div {...stylex.props(styles.range)}>\n          <CalendarPanel\n            bounds={bounds}\n            hovered={hovered}\n            mode=\"date\"\n            month={month}\n            range={draft[0] ? draft : current}\n            showNav={false}\n            onHover={setHovered}\n            onMonthChange={setMonth}\n            onSelect={select}\n          />\n          <CalendarPanel\n            bounds={bounds}\n            hovered={hovered}\n            mode=\"date\"\n            month={nextMonth}\n            range={draft[0] ? draft : current}\n            onHover={setHovered}\n            onMonthChange={(next) => setMonth(dayjs(next).subtract(1, 'month').toDate())}\n            onSelect={select}\n          />\n        </div>\n      </PickerShell>\n    );\n  },\n);\n\nDateRangePicker.displayName = 'DateRangePicker';\n\nexport default DateRangePicker;\n"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.mjs","names":[],"sources":["../../src/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import DatePicker from './DatePicker';\n\n/** `DatePicker.RangePicker`, kept as a standalone export. */\nconst DateRangePicker = DatePicker.RangePicker;\n\nexport default DateRangePicker;\n"],"mappings":";;;AAGA,MAAM,kBAAkB,WAAW"}

package/es/DatePicker/DayjsDatePicker.d.mts

@@ -0,0 +1,12 @@
+import { DayjsDatePickerType } from "./type.mjs";
+//#region src/DatePicker/DayjsDatePicker.d.ts
+/**
+ * antd-aligned DatePicker over `Dayjs` (values, callbacks and `disabledDate` are `Dayjs`),
+ * with antd's statics: `RangePicker`, `WeekPicker`, `MonthPicker`, `YearPicker`,
+ * `QuarterPicker`, `TimePicker`, the debug-only pure panels and `generatePicker`.
+ * The default `DatePicker` export works with native `Date` (the previous lobe API).
+ */
+declare const DayjsDatePicker: DayjsDatePickerType;
+//#endregion
+export { DayjsDatePicker as default };
+//# sourceMappingURL=DayjsDatePicker.d.mts.map

package/es/DatePicker/DayjsDatePicker.mjs

@@ -0,0 +1,19 @@
+"use client";
+import generateConfig from "./generateConfig.mjs";
+import generatePicker from "./generatePicker.mjs";
+import genPurePanel from "./PurePanel.mjs";
+//#region src/DatePicker/DayjsDatePicker.tsx
+/**
+* antd-aligned DatePicker over `Dayjs` (values, callbacks and `disabledDate` are `Dayjs`),
+* with antd's statics: `RangePicker`, `WeekPicker`, `MonthPicker`, `YearPicker`,
+* `QuarterPicker`, `TimePicker`, the debug-only pure panels and `generatePicker`.
+* The default `DatePicker` export works with native `Date` (the previous lobe API).
+*/
+const DayjsDatePicker = generatePicker(generateConfig);
+DayjsDatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DayjsDatePicker);
+DayjsDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(DayjsDatePicker.RangePicker);
+DayjsDatePicker.generatePicker = generatePicker;
+//#endregion
+export { DayjsDatePicker as default };
+
+//# sourceMappingURL=DayjsDatePicker.mjs.map

package/es/DatePicker/DayjsDatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayjsDatePicker.mjs","names":["dayjsGenerateConfig"],"sources":["../../src/DatePicker/DayjsDatePicker.tsx"],"sourcesContent":["'use client';\n\nimport dayjsGenerateConfig from './generateConfig';\nimport generatePicker from './generatePicker';\nimport genPurePanel from './PurePanel';\nimport type { DayjsDatePickerType } from './type';\n\n/**\n * antd-aligned DatePicker over `Dayjs` (values, callbacks and `disabledDate` are `Dayjs`),\n * with antd's statics: `RangePicker`, `WeekPicker`, `MonthPicker`, `YearPicker`,\n * `QuarterPicker`, `TimePicker`, the debug-only pure panels and `generatePicker`.\n * The default `DatePicker` export works with native `Date` (the previous lobe API).\n */\nconst DayjsDatePicker = generatePicker(dayjsGenerateConfig) as DayjsDatePickerType;\n\nDayjsDatePicker._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(DayjsDatePicker);\nDayjsDatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = genPurePanel(\n  DayjsDatePicker.RangePicker,\n);\nDayjsDatePicker.generatePicker = generatePicker;\n\nexport default DayjsDatePicker;\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,kBAAkB,eAAeA,cAAmB;AAE1D,gBAAgB,yCAAyC,aAAa,eAAe;AACrF,gBAAgB,8CAA8C,aAC5D,gBAAgB,WAClB;AACA,gBAAgB,iBAAiB"}

package/es/DatePicker/DayjsDateRangePicker.d.mts

@@ -0,0 +1,7 @@
+import { RangePickerComponent } from "./type.mjs";
+//#region src/DatePicker/DayjsDateRangePicker.d.ts
+/** `DayjsDatePicker.RangePicker` (values are `Dayjs`), kept as a standalone export. */
+declare const DayjsDateRangePicker: RangePickerComponent<import("dayjs").Dayjs>;
+//#endregion
+export { DayjsDateRangePicker as default };
+//# sourceMappingURL=DayjsDateRangePicker.d.mts.map

package/es/DatePicker/DayjsDateRangePicker.mjs

@@ -0,0 +1,8 @@
+import DayjsDatePicker from "./DayjsDatePicker.mjs";
+//#region src/DatePicker/DayjsDateRangePicker.tsx
+/** `DayjsDatePicker.RangePicker` (values are `Dayjs`), kept as a standalone export. */
+const DayjsDateRangePicker = DayjsDatePicker.RangePicker;
+//#endregion
+export { DayjsDateRangePicker as default };
+
+//# sourceMappingURL=DayjsDateRangePicker.mjs.map

package/es/DatePicker/DayjsDateRangePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayjsDateRangePicker.mjs","names":[],"sources":["../../src/DatePicker/DayjsDateRangePicker.tsx"],"sourcesContent":["import DayjsDatePicker from './DayjsDatePicker';\n\n/** `DayjsDatePicker.RangePicker` (values are `Dayjs`), kept as a standalone export. */\nconst DayjsDateRangePicker = DayjsDatePicker.RangePicker;\n\nexport default DayjsDateRangePicker;\n"],"mappings":";;;AAGA,MAAM,uBAAuB,gBAAgB"}

package/es/DatePicker/PurePanel.mjs

@@ -0,0 +1,65 @@
+"use client";
+import { PREFIX_CLS } from "./style.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/DatePicker/PurePanel.tsx
+/**
+* antd `genPurePanel`: the picker with its popup always open and rendered in flow below
+* the input — for docs and visual tests, not for apps. The holder reserves the popup's
+* height, the popup does not flip or shift, and it has no motion or stacking z-index.
+*/
+const genPurePanel = (Component) => {
+	const PurePanel = (props) => {
+		const { open: openProp, style } = props;
+		const holderRef = useRef(null);
+		const [popupSize, setPopupSize] = useState({
+			height: 0,
+			width: 0
+		});
+		const [mounted, setMounted] = useState(false);
+		useEffect(() => {
+			setMounted(true);
+			if (typeof ResizeObserver === "undefined") return;
+			const resizeObserver = new ResizeObserver(([entry]) => {
+				const element = entry.target;
+				setPopupSize({
+					height: element.offsetHeight + 8,
+					width: element.offsetWidth
+				});
+			});
+			const interval = setInterval(() => {
+				const popup = holderRef.current?.querySelector(`.${PREFIX_CLS}-dropdown`);
+				if (!popup) return;
+				clearInterval(interval);
+				resizeObserver.observe(popup);
+			}, 10);
+			return () => {
+				clearInterval(interval);
+				resizeObserver.disconnect();
+			};
+		}, []);
+		return /* @__PURE__ */ jsx("div", {
+			ref: holderRef,
+			style: {
+				minWidth: popupSize.width,
+				paddingBottom: popupSize.height,
+				position: "relative"
+			},
+			children: /* @__PURE__ */ jsx(Component, {
+				...props,
+				inlinePopup: true,
+				getPopupContainer: () => holderRef.current,
+				open: openProp ?? mounted,
+				style: {
+					...style,
+					margin: 0
+				}
+			})
+		});
+	};
+	return PurePanel;
+};
+//#endregion
+export { genPurePanel as default };
+
+//# sourceMappingURL=PurePanel.mjs.map

package/es/DatePicker/PurePanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurePanel.mjs","names":[],"sources":["../../src/DatePicker/PurePanel.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentType, type CSSProperties, useEffect, useRef, useState } from 'react';\n\nimport { PREFIX_CLS } from './style';\n\ninterface PurePanelProps {\n  open?: boolean;\n  style?: CSSProperties;\n}\n\n/**\n * antd `genPurePanel`: the picker with its popup always open and rendered in flow below\n * the input — for docs and visual tests, not for apps. The holder reserves the popup's\n * height, the popup does not flip or shift, and it has no motion or stacking z-index.\n */\nconst genPurePanel = <P extends object>(Component: ComponentType<P>) => {\n  const PurePanel = (props: P & PurePanelProps) => {\n    const { open: openProp, style } = props;\n    const holderRef = useRef<HTMLDivElement>(null);\n    const [popupSize, setPopupSize] = useState({ height: 0, width: 0 });\n    const [mounted, setMounted] = useState(false);\n\n    // Opened after mount, as in antd: the popup needs the holder to render into.\n    useEffect(() => {\n      setMounted(true);\n      if (typeof ResizeObserver === 'undefined') return;\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        const element = entry.target as HTMLElement;\n        setPopupSize({ height: element.offsetHeight + 8, width: element.offsetWidth });\n      });\n      const interval = setInterval(() => {\n        const popup = holderRef.current?.querySelector(`.${PREFIX_CLS}-dropdown`);\n        if (!popup) return;\n        clearInterval(interval);\n        resizeObserver.observe(popup);\n      }, 10);\n      return () => {\n        clearInterval(interval);\n        resizeObserver.disconnect();\n      };\n    }, []);\n\n    return (\n      <div\n        ref={holderRef}\n        style={{ minWidth: popupSize.width, paddingBottom: popupSize.height, position: 'relative' }}\n      >\n        <Component\n          {...props}\n          inlinePopup\n          getPopupContainer={() => holderRef.current!}\n          open={openProp ?? mounted}\n          style={{ ...style, margin: 0 }}\n        />\n      </div>\n    );\n  };\n  return PurePanel;\n};\n\nexport default genPurePanel;\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,gBAAkC,cAAgC;CACtE,MAAM,aAAa,UAA8B;EAC/C,MAAM,EAAE,MAAM,UAAU,UAAU;EAClC,MAAM,YAAY,OAAuB,IAAI;EAC7C,MAAM,CAAC,WAAW,gBAAgB,SAAS;GAAE,QAAQ;GAAG,OAAO;EAAE,CAAC;EAClE,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;EAG5C,gBAAgB;GACd,WAAW,IAAI;GACf,IAAI,OAAO,mBAAmB,aAAa;GAC3C,MAAM,iBAAiB,IAAI,gBAAgB,CAAC,WAAW;IACrD,MAAM,UAAU,MAAM;IACtB,aAAa;KAAE,QAAQ,QAAQ,eAAe;KAAG,OAAO,QAAQ;IAAY,CAAC;GAC/E,CAAC;GACD,MAAM,WAAW,kBAAkB;IACjC,MAAM,QAAQ,UAAU,SAAS,cAAc,IAAI,WAAW,UAAU;IACxE,IAAI,CAAC,OAAO;IACZ,cAAc,QAAQ;IACtB,eAAe,QAAQ,KAAK;GAC9B,GAAG,EAAE;GACL,aAAa;IACX,cAAc,QAAQ;IACtB,eAAe,WAAW;GAC5B;EACF,GAAG,CAAC,CAAC;EAEL,OACE,oBAAC,OAAD;GACE,KAAK;GACL,OAAO;IAAE,UAAU,UAAU;IAAO,eAAe,UAAU;IAAQ,UAAU;GAAW;GAE1F,UAAA,oBAAC,WAAD;IACE,GAAI;IACJ,aAAA;IACA,yBAAyB,UAAU;IACnC,MAAM,YAAY;IAClB,OAAO;KAAE,GAAG;KAAO,QAAQ;IAAE;GAC9B,CAAA;EACE,CAAA;CAET;CACA,OAAO;AACT"}

package/es/DatePicker/RangePicker.mjs

@@ -0,0 +1,121 @@
+"use client";
+import Icon from "../Icon/Icon.mjs";
+import RefRangePicker from "./core/PickerInput/RangePicker.mjs";
+import { isNativeDateConfig, normalizeLegacyDateProps } from "./legacyDate.mjs";
+import { usePickerLocale } from "./locale.mjs";
+import { usePanelKeyboard } from "./usePanelKeyboard.mjs";
+import { usePickerShared } from "./usePickerShared.mjs";
+import { usePresetActive } from "./usePresetActive.mjs";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { ArrowRight } from "lucide-react";
+//#region src/DatePicker/RangePicker.tsx
+const generateRangePicker = (generateConfig) => {
+	const RangePicker = (rawProps) => {
+		const normalized = normalizeLegacyDateProps(rawProps, generateConfig);
+		const props = isNativeDateConfig(generateConfig) && normalized.onChange ? {
+			...normalized,
+			onChange: (dates, dateStrings) => normalized.onChange(dates ?? [null, null], dateStrings ?? ["", ""])
+		} : normalized;
+		const { allowClear, allowEmpty, cellRender, changeOnBlur, className, clearIcon, classNames, components, dateRender, defaultOpen, defaultPickerValue, defaultValue, dropdownClassName, direction, disabled, disabledDate, getPopupContainer, id, locale: localeOverride, maxDate, minDate, mode, monthCellRender, needConfirm, nextIcon, onBlur, onKeyDown, onCalendarChange, onChange, onFocus, onOk, onOpenChange, onPanelChange, onPickerValueChange, open, order, picker = "date", pickerValue, placeholder, popupClassName, popupStyle, prevIcon, renderExtraFooter, rootClassName, separator, shadow, size, status, styles, suffixIcon, superNextIcon, superPrevIcon, value, variant, ...rest } = props;
+		const { locale, rangePlaceholder } = usePickerLocale(localeOverride);
+		const keyboard = usePanelKeyboard({
+			cellRender,
+			dateRender,
+			defaultOpen,
+			defaultPickerValue,
+			defaultValue,
+			direction,
+			generateConfig,
+			mode,
+			monthCellRender,
+			onChange,
+			onFocus,
+			onOpenChange,
+			onPanelChange,
+			onPickerValueChange,
+			open,
+			picker,
+			pickerValue,
+			range: true,
+			value
+		});
+		const shared = usePickerShared({
+			allowClear,
+			changeOnBlur,
+			className,
+			clearIcon,
+			classNames,
+			components,
+			defaultOpen,
+			dropdownClassName,
+			generateConfig,
+			getPopupContainer,
+			maxDate,
+			minDate,
+			needConfirm,
+			nextIcon,
+			onKeyDown,
+			onOpenChange: keyboard.onOpenChange,
+			open,
+			picker,
+			popupClassName,
+			popupStyle,
+			prevIcon,
+			rootClassName: clsx$1(keyboard.scopeClassName, rootClassName),
+			semanticProps: props,
+			shadow,
+			size,
+			status,
+			styles,
+			suffixIcon,
+			superNextIcon,
+			superPrevIcon,
+			variant
+		});
+		const presetActive = usePresetActive(rest.presets, value, defaultValue);
+		return /* @__PURE__ */ jsx(RefRangePicker, {
+			...rest,
+			...shared,
+			allowEmpty,
+			cellRender: keyboard.cellRender,
+			dateRender,
+			defaultPickerValue,
+			defaultValue,
+			direction,
+			disabled,
+			disabledDate,
+			id,
+			locale: locale.lang,
+			mode,
+			monthCellRender,
+			order,
+			picker,
+			pickerValue: keyboard.pickerValue,
+			placeholder: placeholder ?? rangePlaceholder(picker),
+			presets: presetActive.presets,
+			renderExtraFooter,
+			separator: separator ?? /* @__PURE__ */ jsx(Icon, {
+				icon: ArrowRight,
+				size: 14
+			}),
+			value,
+			onBlur,
+			onCalendarChange,
+			onFocus: keyboard.onFocus,
+			onOk,
+			onPanelChange: keyboard.onPanelChange,
+			onPickerValueChange: keyboard.onPickerValueChange,
+			onChange: (...args) => {
+				presetActive.track(args[0]);
+				keyboard.onChange(...args);
+			}
+		});
+	};
+	RangePicker.displayName = "RangePicker";
+	return RangePicker;
+};
+//#endregion
+export { generateRangePicker as default };
+
+//# sourceMappingURL=RangePicker.mjs.map

package/es/DatePicker/RangePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangePicker.mjs","names":["clsx","RcRangePicker"],"sources":["../../src/DatePicker/RangePicker.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { ArrowRight } from 'lucide-react';\n\nimport Icon from '@/Icon';\n\nimport { RangePicker as RcRangePicker } from './core';\nimport type { GenerateConfig } from './core/generate';\nimport { isNativeDateConfig, normalizeLegacyDateProps } from './legacyDate';\nimport { usePickerLocale } from './locale';\nimport type { DateRangePickerProps, RangePickerComponent } from './type';\nimport { usePanelKeyboard } from './usePanelKeyboard';\nimport { usePickerShared } from './usePickerShared';\nimport { usePresetActive } from './usePresetActive';\n\nconst generateRangePicker = <DateType extends object>(generateConfig: GenerateConfig<DateType>) => {\n  const RangePicker = (rawProps: DateRangePickerProps<DateType>) => {\n    const normalized = normalizeLegacyDateProps(rawProps, generateConfig);\n    // The default (native Date) picker keeps the previous lobe contract: a cleared range is\n    // `[null, null]` with empty strings, never `null`.\n    const props =\n      isNativeDateConfig(generateConfig) && normalized.onChange\n        ? {\n            ...normalized,\n            onChange: (dates: any, dateStrings: any) =>\n              (normalized.onChange as any)(dates ?? [null, null], dateStrings ?? ['', '']),\n          }\n        : normalized;\n    const {\n      allowClear,\n      allowEmpty,\n      cellRender,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      dropdownClassName,\n      direction,\n      disabled,\n      disabledDate,\n      getPopupContainer,\n      id,\n      locale: localeOverride,\n      maxDate,\n      minDate,\n      mode,\n      monthCellRender,\n      needConfirm,\n      nextIcon,\n      onBlur,\n      onKeyDown,\n      onCalendarChange,\n      onChange,\n      onFocus,\n      onOk,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      order,\n      picker = 'date',\n      pickerValue,\n      placeholder,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      renderExtraFooter,\n      rootClassName,\n      separator,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      value,\n      variant,\n      ...rest\n    } = props;\n    const { locale, rangePlaceholder } = usePickerLocale(localeOverride);\n    const keyboard = usePanelKeyboard({\n      cellRender,\n      dateRender,\n      defaultOpen,\n      defaultPickerValue,\n      defaultValue,\n      direction,\n      generateConfig,\n      mode,\n      monthCellRender,\n      onChange,\n      onFocus,\n      onOpenChange,\n      onPanelChange,\n      onPickerValueChange,\n      open,\n      picker,\n      pickerValue,\n      range: true,\n      value,\n    });\n    const shared = usePickerShared({\n      allowClear,\n      changeOnBlur,\n      className,\n      clearIcon,\n      classNames,\n      components,\n      defaultOpen,\n      dropdownClassName,\n      generateConfig,\n      getPopupContainer,\n      maxDate,\n      minDate,\n      needConfirm,\n      nextIcon,\n      onKeyDown,\n      onOpenChange: keyboard.onOpenChange,\n      open,\n      picker,\n      popupClassName,\n      popupStyle,\n      prevIcon,\n      rootClassName: clsx(keyboard.scopeClassName, rootClassName),\n      semanticProps: props,\n      shadow,\n      size,\n      status,\n      styles,\n      suffixIcon,\n      superNextIcon,\n      superPrevIcon,\n      variant,\n    });\n\n    const presetActive = usePresetActive((rest as any).presets, value, defaultValue);\n\n    return (\n      <RcRangePicker<DateType>\n        {...rest}\n        {...shared}\n        allowEmpty={allowEmpty}\n        cellRender={keyboard.cellRender}\n        dateRender={dateRender}\n        defaultPickerValue={defaultPickerValue as any}\n        defaultValue={defaultValue as any}\n        direction={direction}\n        disabled={disabled}\n        disabledDate={disabledDate}\n        id={id}\n        locale={locale.lang}\n        mode={mode as any}\n        monthCellRender={monthCellRender}\n        order={order}\n        picker={picker}\n        pickerValue={keyboard.pickerValue}\n        placeholder={placeholder ?? rangePlaceholder(picker)}\n        presets={presetActive.presets as any}\n        renderExtraFooter={renderExtraFooter}\n        separator={separator ?? <Icon icon={ArrowRight} size={14} />}\n        value={value as any}\n        onBlur={onBlur as any}\n        onCalendarChange={onCalendarChange as any}\n        onFocus={keyboard.onFocus}\n        onOk={onOk as any}\n        onPanelChange={keyboard.onPanelChange}\n        onPickerValueChange={keyboard.onPickerValueChange}\n        onChange={(...args: any[]) => {\n          presetActive.track(args[0]);\n          (keyboard.onChange as any)(...args);\n        }}\n      />\n    );\n  };\n  RangePicker.displayName = 'RangePicker';\n  return RangePicker as RangePickerComponent<DateType>;\n};\n\nexport default generateRangePicker;\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,uBAAgD,mBAA6C;CACjG,MAAM,eAAe,aAA6C;EAChE,MAAM,aAAa,yBAAyB,UAAU,cAAc;EAGpE,MAAM,QACJ,mBAAmB,cAAc,KAAK,WAAW,WAC7C;GACE,GAAG;GACH,WAAW,OAAY,gBACpB,WAAW,SAAiB,SAAS,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC;EAC/E,IACA;EACN,MAAM,EACJ,YACA,YACA,YACA,cACA,WACA,WACA,YACA,YACA,YACA,aACA,oBACA,cACA,mBACA,WACA,UACA,cACA,mBACA,IACA,QAAQ,gBACR,SACA,SACA,MACA,iBACA,aACA,UACA,QACA,WACA,kBACA,UACA,SACA,MACA,cACA,eACA,qBACA,MACA,OACA,SAAS,QACT,aACA,aACA,gBACA,YACA,UACA,mBACA,eACA,WACA,QACA,MACA,QACA,QACA,YACA,eACA,eACA,OACA,SACA,GAAG,SACD;EACJ,MAAM,EAAE,QAAQ,qBAAqB,gBAAgB,cAAc;EACnE,MAAM,WAAW,iBAAiB;GAChC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;EACF,CAAC;EACD,MAAM,SAAS,gBAAgB;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,SAAS;GACvB;GACA;GACA;GACA;GACA;GACA,eAAeA,OAAK,SAAS,gBAAgB,aAAa;GAC1D,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,eAAe,gBAAiB,KAAa,SAAS,OAAO,YAAY;EAE/E,OACE,oBAACC,gBAAD;GACE,GAAI;GACJ,GAAI;GACQ;GACZ,YAAY,SAAS;GACT;GACQ;GACN;GACH;GACD;GACI;GACV;GACJ,QAAQ,OAAO;GACT;GACW;GACV;GACC;GACR,aAAa,SAAS;GACtB,aAAa,eAAe,iBAAiB,MAAM;GACnD,SAAS,aAAa;GACH;GACnB,WAAW,aAAa,oBAAC,MAAD;IAAM,MAAM;IAAY,MAAM;GAAK,CAAA;GACpD;GACC;GACU;GAClB,SAAS,SAAS;GACZ;GACN,eAAe,SAAS;GACxB,qBAAqB,SAAS;GAC9B,WAAW,GAAG,SAAgB;IAC5B,aAAa,MAAM,KAAK,EAAE;IAC1B,SAAU,SAAiB,GAAG,IAAI;GACpC;EACD,CAAA;CAEL;CACA,YAAY,cAAc;CAC1B,OAAO;AACT"}