@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/DatePicker/DatePicker.stories.js

@@ -0,0 +1,365 @@
+import React, { useState } from "react";
+import { addDays, nextSaturday } from "date-fns";
+import { DatePicker } from "./DatePicker.js";
+const meta = {
+  title: "Components/Form/DatePicker",
+  component: DatePicker,
+  argTypes: {
+    onChange: {
+      action: "onChange"
+    },
+    type: {
+      control: "select",
+      options: ["date", "time", "dateTimeLocal", "dateTimeTz", "month", "week", "year", "dateRange", "multipleDates", "multipleMonths", "multipleYears"],
+      defaultValue: "date"
+    },
+    disabled: {
+      control: "boolean",
+      defaultValue: false
+    }
+  },
+  parameters: {
+    layout: "padded"
+  },
+  render: args => {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      value: value,
+      onChange: setValue
+    }));
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    type: "date"
+  }
+};
+export const WithLabel = {
+  args: {
+    type: "date",
+    label: "Any field label"
+  }
+};
+export const WithLabelRequired = {
+  args: {
+    type: "date",
+    label: "Any field label",
+    required: true
+  }
+};
+export const WithDescription = {
+  args: {
+    type: "date",
+    description: "Provide the required information for processing your request."
+  }
+};
+export const WithNotes = {
+  args: {
+    type: "date",
+    note: "Note: Ensure your selection or input is accurate before proceeding."
+  }
+};
+export const WithErrors = {
+  args: {
+    type: "date",
+    validation: {
+      isValid: false,
+      message: "This field is required."
+    }
+  }
+};
+export const Disabled = {
+  args: {
+    type: "date",
+    label: "Any field label",
+    disabled: true
+  }
+};
+export const FullExample = {
+  args: {
+    type: "date",
+    label: "Any field label",
+    required: true,
+    description: "Provide the required information for processing your request.",
+    note: "Note: Ensure your selection or input is accurate before proceeding.",
+    validation: {
+      isValid: false,
+      message: "This field is required."
+    }
+  }
+};
+export const WithPresets = {
+  render: args => {
+    const [value, setValue] = useState();
+    const presets = [{
+      label: "Today",
+      value: () => new Date()
+    }, {
+      label: "Tomorrow",
+      value: () => addDays(new Date(), 1)
+    }, {
+      label: "In 3 days",
+      value: () => addDays(new Date(), 3)
+    }, {
+      label: "In a week",
+      value: () => addDays(new Date(), 7)
+    }, {
+      label: "In 2 weeks",
+      value: () => addDays(new Date(), 14)
+    }, {
+      label: "Next Saturday",
+      value: () => nextSaturday(new Date())
+    }];
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "date",
+      value: value,
+      onChange: setValue,
+      presets: presets
+    }));
+  },
+  args: {
+    label: "Pick a date",
+    description: "Choose a date or use a preset."
+  }
+};
+export const TypeTime = {
+  render: args => {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "time",
+      value: value,
+      onChange: setValue
+    }));
+  },
+  args: {
+    label: "Time"
+  }
+};
+export const TypeDateTimeLocal = {
+  render: args => {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "dateTimeLocal",
+      value: value,
+      onChange: setValue
+    }));
+  },
+  args: {
+    label: "Date & Time (local)"
+  }
+};
+export const TypeDateTimeTz = {
+  render: args => {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "dateTimeTz",
+      value: value,
+      onChange: setValue
+    }));
+  },
+  args: {
+    label: "Date & Time (with timezone)"
+  }
+};
+export const TypeMonth = {
+  render: args => {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "month",
+      value: value,
+      onChange: setValue
+    }));
+  },
+  args: {
+    label: "Month"
+  }
+};
+export const TypeWeek = {
+  render: args => {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "week",
+      value: value,
+      onChange: setValue
+    }));
+  },
+  args: {
+    label: "Week"
+  }
+};
+export const TypeYear = {
+  render: args => {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "year",
+      value: value,
+      onChange: setValue,
+      yearRange: [2015, 2035]
+    }));
+  },
+  args: {
+    label: "Year"
+  }
+};
+export const TypeDateRange = {
+  render: args => {
+    const [value, setValue] = useState();
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "dateRange",
+      value: value,
+      onChange: setValue
+    }));
+  },
+  args: {
+    label: "Date Range"
+  }
+};
+export const TypeMultipleDates = {
+  render: args => {
+    const [value, setValue] = useState([]);
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "multipleDates",
+      value: value,
+      onChange: setValue
+    }));
+  },
+  args: {
+    label: "Multiple Dates"
+  }
+};
+export const TypeMultipleMonths = {
+  render: args => {
+    const [value, setValue] = useState([]);
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "multipleMonths",
+      value: value,
+      onChange: setValue
+    }));
+  },
+  args: {
+    label: "Multiple Months"
+  }
+};
+export const TypeMultipleYears = {
+  render: args => {
+    const [value, setValue] = useState([]);
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+      type: "multipleYears",
+      value: value,
+      onChange: setValue,
+      yearRange: [2015, 2035]
+    }));
+  },
+  args: {
+    label: "Multiple Years"
+  }
+};
+const formatValue = value => {
+  if (value === undefined || value === null) {
+    return "undefined";
+  }
+  if (value instanceof Date) {
+    return value.toISOString();
+  }
+  if (Array.isArray(value)) {
+    return JSON.stringify(value.map(v => v instanceof Date ? v.toISOString() : v), null, 2);
+  }
+  if (typeof value === "object") {
+    return JSON.stringify(value, (_k, v) => v instanceof Date ? v.toISOString() : v, 2);
+  }
+  return String(value);
+};
+const DocumentationInner = args => {
+  const isMultiple = args.type?.startsWith("multiple");
+  const [value, setValue] = useState(isMultiple ? [] : undefined);
+  const [validation, setValidation] = useState({
+    isValid: true,
+    message: ""
+  });
+  const handleChange = newValue => {
+    setValue(newValue);
+    const isEmpty = newValue === undefined || newValue === null || newValue === "" || Array.isArray(newValue) && newValue.length === 0;
+    if (args.required && isEmpty) {
+      setValidation({
+        isValid: false,
+        message: "This field is required"
+      });
+    } else {
+      setValidation({
+        isValid: true,
+        message: ""
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, args, {
+    value: value,
+    onChange: handleChange,
+    validation: validation
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "mt-md rounded-md border-sm border-neutral-muted bg-neutral-light p-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-xs font-medium text-neutral-dimmed mb-xs"
+  }, "Current value"), /*#__PURE__*/React.createElement("pre", {
+    className: "text-sm text-neutral-strong whitespace-pre-wrap m-0"
+  }, formatValue(value))));
+};
+export const Documentation = {
+  render: args => {
+    return /*#__PURE__*/React.createElement(DocumentationInner, Object.assign({
+      key: args.type
+    }, args));
+  },
+  args: {
+    type: "date",
+    label: "Event Date",
+    required: true,
+    disabled: false,
+    description: "Select the date for your event",
+    note: "Note: Choose a date that works for all participants",
+    placeholder: "Pick a date",
+    validation: undefined
+  },
+  argTypes: {
+    type: {
+      description: "The type of date picker variant to render",
+      control: "select",
+      options: ["date", "time", "dateTimeLocal", "dateTimeTz", "month", "week", "year", "dateRange", "multipleDates", "multipleMonths", "multipleYears"],
+      defaultValue: "date"
+    },
+    label: {
+      description: "Label text displayed above the picker",
+      control: "text"
+    },
+    required: {
+      description: "Makes the field required",
+      control: "boolean",
+      defaultValue: true
+    },
+    disabled: {
+      description: "Disables the date picker",
+      control: "boolean",
+      defaultValue: false
+    },
+    description: {
+      description: "Helper text displayed below the label",
+      control: "text"
+    },
+    note: {
+      description: "Additional note displayed below the picker",
+      control: "text"
+    },
+    placeholder: {
+      description: "Placeholder text shown when no date is selected",
+      control: "text"
+    },
+    validation: {
+      description: "Object containing validation state and message. Please refer to the example code for details on usage."
+    },
+    onChange: {
+      description: "Callback function when the value changes"
+    }
+  }
+};
+
+//# sourceMappingURL=DatePicker.stories.js.map

package/DatePicker/DatePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","addDays","nextSaturday","DatePicker","meta","title","component","argTypes","onChange","action","type","control","options","defaultValue","disabled","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","WithLabel","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","WithPresets","presets","Date","TypeTime","TypeDateTimeLocal","TypeDateTimeTz","TypeMonth","TypeWeek","TypeYear","yearRange","TypeDateRange","TypeMultipleDates","TypeMultipleMonths","TypeMultipleYears","formatValue","undefined","toISOString","Array","isArray","JSON","stringify","map","v","_k","String","DocumentationInner","isMultiple","startsWith","setValidation","handleChange","newValue","isEmpty","length","className","Documentation","key","placeholder"],"sources":["DatePicker.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { addDays, nextSaturday } from \"date-fns\";\nimport { DatePicker } from \"./DatePicker.js\";\n\nconst meta: Meta<typeof DatePicker> = {\n    title: \"Components/Form/DatePicker\",\n    component: DatePicker,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        type: {\n            control: \"select\",\n            options: [\n                \"date\",\n                \"time\",\n                \"dateTimeLocal\",\n                \"dateTimeTz\",\n                \"month\",\n                \"week\",\n                \"year\",\n                \"dateRange\",\n                \"multipleDates\",\n                \"multipleMonths\",\n                \"multipleYears\"\n            ],\n            defaultValue: \"date\"\n        },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState<any>();\n        return <DatePicker {...args} value={value} onChange={setValue} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof DatePicker>;\n\nexport const Default: Story = {\n    args: {\n        type: \"date\"\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        type: \"date\",\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        type: \"date\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        type: \"date\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        type: \"date\",\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const WithPresets: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        const presets = [\n            { label: \"Today\", value: () => new Date() },\n            { label: \"Tomorrow\", value: () => addDays(new Date(), 1) },\n            { label: \"In 3 days\", value: () => addDays(new Date(), 3) },\n            { label: \"In a week\", value: () => addDays(new Date(), 7) },\n            { label: \"In 2 weeks\", value: () => addDays(new Date(), 14) },\n            { label: \"Next Saturday\", value: () => nextSaturday(new Date()) }\n        ];\n        return (\n            <DatePicker {...args} type=\"date\" value={value} onChange={setValue} presets={presets} />\n        );\n    },\n    args: {\n        label: \"Pick a date\",\n        description: \"Choose a date or use a preset.\"\n    }\n};\n\nexport const TypeTime: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"time\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Time\"\n    }\n};\n\nexport const TypeDateTimeLocal: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"dateTimeLocal\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date & Time (local)\"\n    }\n};\n\nexport const TypeDateTimeTz: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"dateTimeTz\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date & Time (with timezone)\"\n    }\n};\n\nexport const TypeMonth: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"month\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Month\"\n    }\n};\n\nexport const TypeWeek: Story = {\n    render: args => {\n        const [value, setValue] = useState<string | undefined>();\n        return <DatePicker {...args} type=\"week\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Week\"\n    }\n};\n\nexport const TypeYear: Story = {\n    render: args => {\n        const [value, setValue] = useState<number | undefined>();\n        return (\n            <DatePicker\n                {...args}\n                type=\"year\"\n                value={value}\n                onChange={setValue}\n                yearRange={[2015, 2035]}\n            />\n        );\n    },\n    args: {\n        label: \"Year\"\n    }\n};\n\nexport const TypeDateRange: Story = {\n    render: args => {\n        const [value, setValue] = useState<{ from?: string; to?: string } | undefined>();\n        return <DatePicker {...args} type=\"dateRange\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Date Range\"\n    }\n};\n\nexport const TypeMultipleDates: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return <DatePicker {...args} type=\"multipleDates\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Multiple Dates\"\n    }\n};\n\nexport const TypeMultipleMonths: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return <DatePicker {...args} type=\"multipleMonths\" value={value} onChange={setValue} />;\n    },\n    args: {\n        label: \"Multiple Months\"\n    }\n};\n\nexport const TypeMultipleYears: Story = {\n    render: args => {\n        const [value, setValue] = useState<number[]>([]);\n        return (\n            <DatePicker\n                {...args}\n                type=\"multipleYears\"\n                value={value}\n                onChange={setValue}\n                yearRange={[2015, 2035]}\n            />\n        );\n    },\n    args: {\n        label: \"Multiple Years\"\n    }\n};\n\nconst formatValue = (value: any): string => {\n    if (value === undefined || value === null) {\n        return \"undefined\";\n    }\n    if (value instanceof Date) {\n        return value.toISOString();\n    }\n    if (Array.isArray(value)) {\n        return JSON.stringify(\n            value.map((v: any) => (v instanceof Date ? v.toISOString() : v)),\n            null,\n            2\n        );\n    }\n    if (typeof value === \"object\") {\n        return JSON.stringify(value, (_k, v) => (v instanceof Date ? v.toISOString() : v), 2);\n    }\n    return String(value);\n};\n\nconst DocumentationInner = (args: any) => {\n    const isMultiple = (args.type as string)?.startsWith(\"multiple\");\n    const [value, setValue] = useState<any>(isMultiple ? [] : undefined);\n    const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n    const handleChange = (newValue: any) => {\n        setValue(newValue);\n        const isEmpty =\n            newValue === undefined ||\n            newValue === null ||\n            newValue === \"\" ||\n            (Array.isArray(newValue) && newValue.length === 0);\n        if (args.required && isEmpty) {\n            setValidation({ isValid: false, message: \"This field is required\" });\n        } else {\n            setValidation({ isValid: true, message: \"\" });\n        }\n    };\n\n    return (\n        <div>\n            <DatePicker {...args} value={value} onChange={handleChange} validation={validation} />\n            <div className=\"mt-md rounded-md border-sm border-neutral-muted bg-neutral-light p-sm\">\n                <div className=\"text-xs font-medium text-neutral-dimmed mb-xs\">Current value</div>\n                <pre className=\"text-sm text-neutral-strong whitespace-pre-wrap m-0\">\n                    {formatValue(value)}\n                </pre>\n            </div>\n        </div>\n    );\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return <DocumentationInner key={args.type as string} {...args} />;\n    },\n    args: {\n        type: \"date\",\n        label: \"Event Date\",\n        required: true,\n        disabled: false,\n        description: \"Select the date for your event\",\n        note: \"Note: Choose a date that works for all participants\",\n        placeholder: \"Pick a date\",\n        validation: undefined\n    },\n    argTypes: {\n        type: {\n            description: \"The type of date picker variant to render\",\n            control: \"select\",\n            options: [\n                \"date\",\n                \"time\",\n                \"dateTimeLocal\",\n                \"dateTimeTz\",\n                \"month\",\n                \"week\",\n                \"year\",\n                \"dateRange\",\n                \"multipleDates\",\n                \"multipleMonths\",\n                \"multipleYears\"\n            ],\n            defaultValue: \"date\"\n        },\n        label: {\n            description: \"Label text displayed above the picker\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        disabled: {\n            description: \"Disables the date picker\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        description: {\n            description: \"Helper text displayed below the label\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note displayed below the picker\",\n            control: \"text\"\n        },\n        placeholder: {\n            description: \"Placeholder text shown when no date is selected\",\n            control: \"text\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onChange: {\n            description: \"Callback function when the value changes\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker.js";
+export * from "./primitives/index.js";

package/DatePicker/index.js

@@ -0,0 +1,4 @@
+export * from "./DatePicker.js";
+export * from "./primitives/index.js";
+
+//# sourceMappingURL=index.js.map

package/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DatePicker.js\";\nexport * from \"./primitives/index.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/DatePicker/primitives/DateOnlyPicker.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { DateOnlyPickerProps } from "../utils/types.js";
+declare const DateOnlyPicker: ({ value, onChange, placeholder, disabled, size, variant, invalid, weekStartsOn, onOpenChange, className, presets, displayFormat }: DateOnlyPickerProps) => React.JSX.Element;
+export { DateOnlyPicker };

package/DatePicker/primitives/DateOnlyPicker.js

@@ -0,0 +1,78 @@
+import React, { useState } from "react";
+import { format } from "date-fns";
+import { Button } from "../../Button/index.js";
+import { Calendar } from "../../Calendar/index.js";
+import { PopoverPrimitive } from "../../Popover/index.js";
+import { formatDateForDisplay } from "../utils/dateHelpers.js";
+import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
+const DateOnlyPicker = ({
+  value,
+  onChange,
+  placeholder,
+  disabled,
+  size,
+  variant,
+  invalid,
+  weekStartsOn,
+  onOpenChange,
+  className,
+  presets,
+  displayFormat
+}) => {
+  const [open, setOpen] = useState(false);
+  const handleOpenChange = isOpen => {
+    setOpen(isOpen);
+    if (onOpenChange) {
+      onOpenChange(isOpen);
+    }
+  };
+  const handlePresetClick = computeDate => {
+    if (onChange) {
+      onChange(format(computeDate(), "yyyy-MM-dd"));
+    }
+    handleOpenChange(false);
+  };
+  const displayValue = formatDateForDisplay(value, "date", displayFormat);
+  const selectedDate = value ? new Date(value) : undefined;
+  return /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, /*#__PURE__*/React.createElement(PopoverPrimitive, {
+    open: open,
+    onOpenChange: handleOpenChange
+  }, /*#__PURE__*/React.createElement(DatePickerTrigger, {
+    displayValue: displayValue,
+    placeholder: placeholder ?? "Pick a date",
+    disabled: disabled,
+    size: size,
+    variant: variant,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
+    align: "start"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: presets?.length ? "flex" : undefined
+  }, /*#__PURE__*/React.createElement(Calendar, {
+    mode: "single",
+    selected: selectedDate,
+    onSelect: date => {
+      if (onChange) {
+        onChange(date ? format(date, "yyyy-MM-dd") : undefined);
+      }
+      handleOpenChange(false);
+    },
+    weekStartsOn: weekStartsOn
+  }), presets && presets.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-xs border-l-sm border-neutral-muted p-sm min-w-[130px]"
+  }, presets.map(preset => {
+    const presetDate = format(preset.value(), "yyyy-MM-dd");
+    return /*#__PURE__*/React.createElement(Button, {
+      key: preset.label,
+      variant: value === presetDate ? "primary" : "ghost",
+      size: "sm",
+      text: preset.label,
+      onClick: () => handlePresetClick(preset.value)
+    });
+  }))))));
+};
+export { DateOnlyPicker };
+
+//# sourceMappingURL=DateOnlyPicker.js.map

package/DatePicker/primitives/DateOnlyPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","format","Button","Calendar","PopoverPrimitive","formatDateForDisplay","DatePickerTrigger","DateOnlyPicker","value","onChange","placeholder","disabled","size","variant","invalid","weekStartsOn","onOpenChange","className","presets","displayFormat","open","setOpen","handleOpenChange","isOpen","handlePresetClick","computeDate","displayValue","selectedDate","Date","undefined","createElement","Content","align","length","mode","selected","onSelect","date","map","preset","presetDate","key","label","text","onClick"],"sources":["DateOnlyPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { Button } from \"~/Button/index.js\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { DateOnlyPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\n\nconst DateOnlyPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    weekStartsOn,\n    onOpenChange,\n    className,\n    presets,\n    displayFormat\n}: DateOnlyPickerProps) => {\n    const [open, setOpen] = useState(false);\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const handlePresetClick = (computeDate: () => Date) => {\n        if (onChange) {\n            onChange(format(computeDate(), \"yyyy-MM-dd\"));\n        }\n        handleOpenChange(false);\n    };\n\n    const displayValue = formatDateForDisplay(value, \"date\", displayFormat);\n    const selectedDate = value ? new Date(value) : undefined;\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a date\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <div className={presets?.length ? \"flex\" : undefined}>\n                        <Calendar\n                            mode=\"single\"\n                            selected={selectedDate}\n                            onSelect={date => {\n                                if (onChange) {\n                                    onChange(date ? format(date, \"yyyy-MM-dd\") : undefined);\n                                }\n                                handleOpenChange(false);\n                            }}\n                            weekStartsOn={weekStartsOn}\n                        />\n                        {presets && presets.length > 0 && (\n                            <div className=\"flex flex-col gap-xs border-l-sm border-neutral-muted p-sm min-w-[130px]\">\n                                {presets.map(preset => {\n                                    const presetDate = format(preset.value(), \"yyyy-MM-dd\");\n                                    return (\n                                        <Button\n                                            key={preset.label}\n                                            variant={value === presetDate ? \"primary\" : \"ghost\"}\n                                            size=\"sm\"\n                                            text={preset.label}\n                                            onClick={() => handlePresetClick(preset.value)}\n                                        />\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { DateOnlyPicker };\n"],"mappings":"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","ignoreList":[]}

package/DatePicker/primitives/DatePickerPrimitive.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { DatePickerPrimitiveProps } from "../utils/types.js";
+declare const DatePickerPrimitive: ((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
+    original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
+        original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: DatePickerPrimitiveProps) => React.JSX.Element) & {
+        original: (props: DatePickerPrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { DatePickerPrimitive, type DatePickerPrimitiveProps };

package/DatePicker/primitives/DatePickerPrimitive.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { makeDecoratable } from "../../utils.js";
+import { DateOnlyPicker } from "./DateOnlyPicker.js";
+import { TimeOnlyPicker } from "./TimeOnlyPicker.js";
+import { DateTimePicker } from "./DateTimePicker.js";
+import { MonthPicker } from "./MonthPicker.js";
+import { WeekPicker } from "./WeekPicker.js";
+import { YearPicker } from "./YearPicker.js";
+import { DateRangePicker } from "./DateRangePicker.js";
+import { MultipleDatesPicker } from "./MultipleDatesPicker.js";
+import { MultipleMonthsPicker } from "./MultipleMonthsPicker.js";
+import { MultipleYearsPicker } from "./MultipleYearsPicker.js";
+const DecoratableDatePickerPrimitive = props => {
+  switch (props.type) {
+    case "date":
+      return /*#__PURE__*/React.createElement(DateOnlyPicker, props);
+    case "time":
+      return /*#__PURE__*/React.createElement(TimeOnlyPicker, props);
+    case "dateTimeLocal":
+      return /*#__PURE__*/React.createElement(DateTimePicker, Object.assign({}, props, {
+        withTimezone: false
+      }));
+    case "dateTimeTz":
+      return /*#__PURE__*/React.createElement(DateTimePicker, Object.assign({}, props, {
+        withTimezone: true
+      }));
+    case "month":
+      return /*#__PURE__*/React.createElement(MonthPicker, props);
+    case "week":
+      return /*#__PURE__*/React.createElement(WeekPicker, props);
+    case "year":
+      return /*#__PURE__*/React.createElement(YearPicker, props);
+    case "dateRange":
+      return /*#__PURE__*/React.createElement(DateRangePicker, props);
+    case "multipleDates":
+      return /*#__PURE__*/React.createElement(MultipleDatesPicker, props);
+    case "multipleMonths":
+      return /*#__PURE__*/React.createElement(MultipleMonthsPicker, props);
+    case "multipleYears":
+      return /*#__PURE__*/React.createElement(MultipleYearsPicker, props);
+  }
+};
+const DatePickerPrimitive = makeDecoratable("DatePickerPrimitive", DecoratableDatePickerPrimitive);
+export { DatePickerPrimitive };
+
+//# sourceMappingURL=DatePickerPrimitive.js.map

package/DatePicker/primitives/DatePickerPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","DateOnlyPicker","TimeOnlyPicker","DateTimePicker","MonthPicker","WeekPicker","YearPicker","DateRangePicker","MultipleDatesPicker","MultipleMonthsPicker","MultipleYearsPicker","DecoratableDatePickerPrimitive","props","type","createElement","Object","assign","withTimezone","DatePickerPrimitive"],"sources":["DatePickerPrimitive.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { DatePickerPrimitiveProps } from \"../utils/types.js\";\nimport { DateOnlyPicker } from \"./DateOnlyPicker.js\";\nimport { TimeOnlyPicker } from \"./TimeOnlyPicker.js\";\nimport { DateTimePicker } from \"./DateTimePicker.js\";\nimport { MonthPicker } from \"./MonthPicker.js\";\nimport { WeekPicker } from \"./WeekPicker.js\";\nimport { YearPicker } from \"./YearPicker.js\";\nimport { DateRangePicker } from \"./DateRangePicker.js\";\nimport { MultipleDatesPicker } from \"./MultipleDatesPicker.js\";\nimport { MultipleMonthsPicker } from \"./MultipleMonthsPicker.js\";\nimport { MultipleYearsPicker } from \"./MultipleYearsPicker.js\";\n\nconst DecoratableDatePickerPrimitive = (props: DatePickerPrimitiveProps) => {\n    switch (props.type) {\n        case \"date\":\n            return <DateOnlyPicker {...props} />;\n        case \"time\":\n            return <TimeOnlyPicker {...props} />;\n        case \"dateTimeLocal\":\n            return <DateTimePicker {...props} withTimezone={false} />;\n        case \"dateTimeTz\":\n            return <DateTimePicker {...props} withTimezone={true} />;\n        case \"month\":\n            return <MonthPicker {...props} />;\n        case \"week\":\n            return <WeekPicker {...props} />;\n        case \"year\":\n            return <YearPicker {...props} />;\n        case \"dateRange\":\n            return <DateRangePicker {...props} />;\n        case \"multipleDates\":\n            return <MultipleDatesPicker {...props} />;\n        case \"multipleMonths\":\n            return <MultipleMonthsPicker {...props} />;\n        case \"multipleYears\":\n            return <MultipleYearsPicker {...props} />;\n    }\n};\n\nconst DatePickerPrimitive = makeDecoratable(\"DatePickerPrimitive\", DecoratableDatePickerPrimitive);\n\nexport { DatePickerPrimitive, type DatePickerPrimitiveProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAExB,SAASC,cAAc;AACvB,SAASC,cAAc;AACvB,SAASC,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,UAAU;AACnB,SAASC,UAAU;AACnB,SAASC,eAAe;AACxB,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,mBAAmB;AAE5B,MAAMC,8BAA8B,GAAIC,KAA+B,IAAK;EACxE,QAAQA,KAAK,CAACC,IAAI;IACd,KAAK,MAAM;MACP,oBAAOd,KAAA,CAAAe,aAAA,CAACb,cAAc,EAAKW,KAAQ,CAAC;IACxC,KAAK,MAAM;MACP,oBAAOb,KAAA,CAAAe,aAAA,CAACZ,cAAc,EAAKU,KAAQ,CAAC;IACxC,KAAK,eAAe;MAChB,oBAAOb,KAAA,CAAAe,aAAA,CAACX,cAAc,EAAAY,MAAA,CAAAC,MAAA,KAAKJ,KAAK;QAAEK,YAAY,EAAE;MAAM,EAAE,CAAC;IAC7D,KAAK,YAAY;MACb,oBAAOlB,KAAA,CAAAe,aAAA,CAACX,cAAc,EAAAY,MAAA,CAAAC,MAAA,KAAKJ,KAAK;QAAEK,YAAY,EAAE;MAAK,EAAE,CAAC;IAC5D,KAAK,OAAO;MACR,oBAAOlB,KAAA,CAAAe,aAAA,CAACV,WAAW,EAAKQ,KAAQ,CAAC;IACrC,KAAK,MAAM;MACP,oBAAOb,KAAA,CAAAe,aAAA,CAACT,UAAU,EAAKO,KAAQ,CAAC;IACpC,KAAK,MAAM;MACP,oBAAOb,KAAA,CAAAe,aAAA,CAACR,UAAU,EAAKM,KAAQ,CAAC;IACpC,KAAK,WAAW;MACZ,oBAAOb,KAAA,CAAAe,aAAA,CAACP,eAAe,EAAKK,KAAQ,CAAC;IACzC,KAAK,eAAe;MAChB,oBAAOb,KAAA,CAAAe,aAAA,CAACN,mBAAmB,EAAKI,KAAQ,CAAC;IAC7C,KAAK,gBAAgB;MACjB,oBAAOb,KAAA,CAAAe,aAAA,CAACL,oBAAoB,EAAKG,KAAQ,CAAC;IAC9C,KAAK,eAAe;MAChB,oBAAOb,KAAA,CAAAe,aAAA,CAACJ,mBAAmB,EAAKE,KAAQ,CAAC;EACjD;AACJ,CAAC;AAED,MAAMM,mBAAmB,GAAGlB,eAAe,CAAC,qBAAqB,EAAEW,8BAA8B,CAAC;AAElG,SAASO,mBAAmB","ignoreList":[]}

package/DatePicker/primitives/DateRangePicker.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { DateRangePickerProps } from "../utils/types.js";
+declare const DateRangePicker: ({ value, onChange, placeholder, disabled, size, variant, invalid, weekStartsOn, onOpenChange, className, displayFormat }: DateRangePickerProps) => React.JSX.Element;
+export { DateRangePicker };