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

package/DatePicker/primitives/YearPicker.js

@@ -1,53 +1,40 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { PopoverPrimitive } from "../../Popover/index.js";
 import { formatDateForDisplay } from "../utils/dateHelpers.js";
 import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
 import { YearGrid } from "./components/YearGrid.js";
-const YearPicker = ({
-  value,
-  onChange,
-  placeholder,
-  disabled,
-  size,
-  variant,
-  invalid,
-  yearRange,
-  onOpenChange,
-  className
-}) => {
-  const [open, setOpen] = useState(false);
-  const handleOpenChange = isOpen => {
-    setOpen(isOpen);
-    if (onOpenChange) {
-      onOpenChange(isOpen);
-    }
-  };
-  const displayValue = formatDateForDisplay(value, "year");
-  const handleYearSelect = year => {
-    if (onChange) {
-      onChange(year);
-    }
-    handleOpenChange(false);
-  };
-  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 year",
-    disabled: disabled,
-    size: size,
-    variant: variant,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
-    align: "start"
-  }, /*#__PURE__*/React.createElement(YearGrid, {
-    selectedYears: value !== undefined ? [value] : [],
-    onSelectYear: handleYearSelect,
-    yearRange: yearRange
-  }))));
+const YearPicker = ({ value, onChange, placeholder, disabled, size, variant, invalid, yearRange, onOpenChange, className })=>{
+    const [open, setOpen] = useState(false);
+    const handleOpenChange = (isOpen)=>{
+        setOpen(isOpen);
+        if (onOpenChange) onOpenChange(isOpen);
+    };
+    const displayValue = formatDateForDisplay(value, "year");
+    const handleYearSelect = (year)=>{
+        if (onChange) onChange(year);
+        handleOpenChange(false);
+    };
+    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 year",
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        align: "start"
+    }, /*#__PURE__*/ react.createElement(YearGrid, {
+        selectedYears: void 0 !== value ? [
+            value
+        ] : [],
+        onSelectYear: handleYearSelect,
+        yearRange: yearRange
+    }))));
 };
 export { YearPicker };
 

package/DatePicker/primitives/YearPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","PopoverPrimitive","formatDateForDisplay","DatePickerTrigger","YearGrid","YearPicker","value","onChange","placeholder","disabled","size","variant","invalid","yearRange","onOpenChange","className","open","setOpen","handleOpenChange","isOpen","displayValue","handleYearSelect","year","createElement","Content","align","selectedYears","undefined","onSelectYear"],"sources":["YearPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { YearPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { YearGrid } from \"./components/YearGrid.js\";\n\nconst YearPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    yearRange,\n    onOpenChange,\n    className\n}: YearPickerProps) => {\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 displayValue = formatDateForDisplay(value, \"year\");\n\n    const handleYearSelect = (year: number) => {\n        if (onChange) {\n            onChange(year);\n        }\n        handleOpenChange(false);\n    };\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a year\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <YearGrid\n                        selectedYears={value !== undefined ? [value] : []}\n                        onSelectYear={handleYearSelect}\n                        yearRange={yearRange}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { YearPicker };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,gBAAgB;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AAEjB,MAAMC,UAAU,GAAGA,CAAC;EAChBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,YAAY;EACZC;AACa,CAAC,KAAK;EACnB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMkB,gBAAgB,GAAIC,MAAe,IAAK;IAC1CF,OAAO,CAACE,MAAM,CAAC;IACf,IAAIL,YAAY,EAAE;MACdA,YAAY,CAACK,MAAM,CAAC;IACxB;EACJ,CAAC;EAED,MAAMC,YAAY,GAAGlB,oBAAoB,CAACI,KAAK,EAAE,MAAM,CAAC;EAExD,MAAMe,gBAAgB,GAAIC,IAAY,IAAK;IACvC,IAAIf,QAAQ,EAAE;MACVA,QAAQ,CAACe,IAAI,CAAC;IAClB;IACAJ,gBAAgB,CAAC,KAAK,CAAC;EAC3B,CAAC;EAED,oBACInB,KAAA,CAAAwB,aAAA;IAAKR,SAAS,EAAEA;EAAU,gBACtBhB,KAAA,CAAAwB,aAAA,CAACtB,gBAAgB;IAACe,IAAI,EAAEA,IAAK;IAACF,YAAY,EAAEI;EAAiB,gBACzDnB,KAAA,CAAAwB,aAAA,CAACpB,iBAAiB;IACdiB,YAAY,EAAEA,YAAa;IAC3BZ,WAAW,EAAEA,WAAW,IAAI,aAAc;IAC1CC,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFb,KAAA,CAAAwB,aAAA,CAACtB,gBAAgB,CAACuB,OAAO;IAACC,KAAK,EAAC;EAAO,gBACnC1B,KAAA,CAAAwB,aAAA,CAACnB,QAAQ;IACLsB,aAAa,EAAEpB,KAAK,KAAKqB,SAAS,GAAG,CAACrB,KAAK,CAAC,GAAG,EAAG;IAClDsB,YAAY,EAAEP,gBAAiB;IAC/BR,SAAS,EAAEA;EAAU,CACxB,CACqB,CACZ,CACjB,CAAC;AAEd,CAAC;AAED,SAASR,UAAU","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/YearPicker.js","sources":["../../../src/DatePicker/primitives/YearPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { YearPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { YearGrid } from \"./components/YearGrid.js\";\n\nconst YearPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    yearRange,\n    onOpenChange,\n    className\n}: YearPickerProps) => {\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 displayValue = formatDateForDisplay(value, \"year\");\n\n    const handleYearSelect = (year: number) => {\n        if (onChange) {\n            onChange(year);\n        }\n        handleOpenChange(false);\n    };\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a year\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <YearGrid\n                        selectedYears={value !== undefined ? [value] : []}\n                        onSelectYear={handleYearSelect}\n                        yearRange={yearRange}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { YearPicker };\n"],"names":["YearPicker","value","onChange","placeholder","disabled","size","variant","invalid","yearRange","onOpenChange","className","open","setOpen","useState","handleOpenChange","isOpen","displayValue","formatDateForDisplay","handleYearSelect","year","PopoverPrimitive","DatePickerTrigger","YearGrid","undefined"],"mappings":";;;;;AAOA,MAAMA,aAAa,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,YAAY,EACZC,SAAS,EACK;IACd,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IAEjC,MAAMC,mBAAmB,CAACC;QACtBH,QAAQG;QACR,IAAIN,cACAA,aAAaM;IAErB;IAEA,MAAMC,eAAeC,qBAAqBhB,OAAO;IAEjD,MAAMiB,mBAAmB,CAACC;QACtB,IAAIjB,UACAA,SAASiB;QAEbL,iBAAiB;IACrB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWJ;qBACZ,oBAACU,kBAAgBA;QAAC,MAAMT;QAAM,cAAcG;qBACxC,oBAACO,mBAAiBA;QACd,cAAcL;QACd,aAAab,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACa,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAACE,UAAQA;QACL,eAAerB,AAAUsB,WAAVtB,QAAsB;YAACA;SAAM,GAAG,EAAE;QACjD,cAAciB;QACd,WAAWV;;AAMnC"}

package/DatePicker/primitives/components/DatePickerTrigger.js

@@ -1,43 +1,34 @@
-import React, { forwardRef } from "react";
-import { ReactComponent as CalendarMonthIcon } from "@webiny/icons/calendar_month.svg";
-import { ReactComponent as ScheduleIcon } from "@webiny/icons/schedule.svg";
+import react, { forwardRef } from "react";
+import { ReactComponent } from "@webiny/icons/calendar_month.svg";
+import { ReactComponent as schedule_svg_ReactComponent } from "@webiny/icons/schedule.svg";
 import { Icon } from "../../../Icon/index.js";
 import { inputVariants } from "../../../Input/index.js";
 import { PopoverPrimitive } from "../../../Popover/index.js";
 import { cn } from "../../../utils.js";
-const DatePickerTriggerInner = /*#__PURE__*/forwardRef(({
-  displayValue,
-  placeholder,
-  disabled,
-  size,
-  variant,
-  invalid,
-  iconType = "calendar",
-  className,
-  ...props
-}, ref) => {
-  const IconComponent = iconType === "time" ? ScheduleIcon : CalendarMonthIcon;
-  const iconLabel = iconType === "time" ? "Time" : "Calendar";
-  return /*#__PURE__*/React.createElement(PopoverPrimitive.Trigger, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement("div", Object.assign({
-    ref: ref,
-    role: "button",
-    tabIndex: 0,
-    "data-disabled": disabled,
-    className: cn(inputVariants({
-      size,
-      variant,
-      invalid
-    }), "cursor-pointer justify-between select-none", disabled && "pointer-events-none opacity-50", className)
-  }, props), /*#__PURE__*/React.createElement("span", {
-    className: cn(!displayValue && "text-neutral-dimmed")
-  }, displayValue || placeholder || "Select..."), /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(IconComponent, null),
-    label: iconLabel,
-    size: "sm",
-    color: "inherit"
-  })));
+const DatePickerTriggerInner = /*#__PURE__*/ forwardRef(({ displayValue, placeholder, disabled, size, variant, invalid, iconType = "calendar", className, ...props }, ref)=>{
+    const IconComponent = "time" === iconType ? schedule_svg_ReactComponent : ReactComponent;
+    const iconLabel = "time" === iconType ? "Time" : "Calendar";
+    return /*#__PURE__*/ react.createElement(PopoverPrimitive.Trigger, {
+        asChild: true
+    }, /*#__PURE__*/ react.createElement("div", {
+        ref: ref,
+        role: "button",
+        tabIndex: 0,
+        "data-disabled": disabled,
+        className: cn(inputVariants({
+            size,
+            variant,
+            invalid
+        }), "cursor-pointer justify-between select-none min-w-0 overflow-hidden", disabled && "pointer-events-none opacity-50", className),
+        ...props
+    }, /*#__PURE__*/ react.createElement("span", {
+        className: cn("truncate", !displayValue && "text-neutral-dimmed")
+    }, displayValue || placeholder || "Select..."), /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(IconComponent, null),
+        label: iconLabel,
+        size: "sm",
+        color: "inherit"
+    })));
 });
 DatePickerTriggerInner.displayName = "DatePickerTrigger";
 export { DatePickerTriggerInner as DatePickerTrigger };

package/DatePicker/primitives/components/DatePickerTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","ReactComponent","CalendarMonthIcon","ScheduleIcon","Icon","inputVariants","PopoverPrimitive","cn","DatePickerTriggerInner","displayValue","placeholder","disabled","size","variant","invalid","iconType","className","props","ref","IconComponent","iconLabel","createElement","Trigger","asChild","Object","assign","role","tabIndex","icon","label","color","displayName","DatePickerTrigger"],"sources":["DatePickerTrigger.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ReactComponent as CalendarMonthIcon } from \"@webiny/icons/calendar_month.svg\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/schedule.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { inputVariants, type InputPrimitiveProps } from \"~/Input/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface DatePickerTriggerProps {\n    displayValue?: string;\n    placeholder?: string;\n    disabled?: boolean;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    iconType?: \"calendar\" | \"time\";\n}\n\nconst DatePickerTriggerInner = forwardRef<\n    HTMLDivElement,\n    DatePickerTriggerProps & React.HTMLAttributes<HTMLDivElement>\n>(\n    (\n        {\n            displayValue,\n            placeholder,\n            disabled,\n            size,\n            variant,\n            invalid,\n            iconType = \"calendar\",\n            className,\n            ...props\n        },\n        ref\n    ) => {\n        const IconComponent = iconType === \"time\" ? ScheduleIcon : CalendarMonthIcon;\n        const iconLabel = iconType === \"time\" ? \"Time\" : \"Calendar\";\n\n        return (\n            <PopoverPrimitive.Trigger asChild>\n                <div\n                    ref={ref}\n                    role=\"button\"\n                    tabIndex={0}\n                    data-disabled={disabled}\n                    className={cn(\n                        inputVariants({ size, variant, invalid }),\n                        \"cursor-pointer justify-between select-none\",\n                        disabled && \"pointer-events-none opacity-50\",\n                        className\n                    )}\n                    {...props}\n                >\n                    <span className={cn(!displayValue && \"text-neutral-dimmed\")}>\n                        {displayValue || placeholder || \"Select...\"}\n                    </span>\n                    <Icon icon={<IconComponent />} label={iconLabel} size=\"sm\" color=\"inherit\" />\n                </div>\n            </PopoverPrimitive.Trigger>\n        );\n    }\n);\n\nDatePickerTriggerInner.displayName = \"DatePickerTrigger\";\n\nexport { DatePickerTriggerInner as DatePickerTrigger, type DatePickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,IAAIC,iBAAiB,QAAQ,kCAAkC;AACtF,SAASD,cAAc,IAAIE,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,IAAI;AACb,SAASC,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,EAAE;AAYX,MAAMC,sBAAsB,gBAAGR,UAAU,CAIrC,CACI;EACIS,YAAY;EACZC,WAAW;EACXC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,QAAQ,GAAG,UAAU;EACrBC,SAAS;EACT,GAAGC;AACP,CAAC,EACDC,GAAG,KACF;EACD,MAAMC,aAAa,GAAGJ,QAAQ,KAAK,MAAM,GAAGZ,YAAY,GAAGD,iBAAiB;EAC5E,MAAMkB,SAAS,GAAGL,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,UAAU;EAE3D,oBACIhB,KAAA,CAAAsB,aAAA,CAACf,gBAAgB,CAACgB,OAAO;IAACC,OAAO;EAAA,gBAC7BxB,KAAA,CAAAsB,aAAA,QAAAG,MAAA,CAAAC,MAAA;IACIP,GAAG,EAAEA,GAAI;IACTQ,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZ,iBAAehB,QAAS;IACxBK,SAAS,EAAET,EAAE,CACTF,aAAa,CAAC;MAAEO,IAAI;MAAEC,OAAO;MAAEC;IAAQ,CAAC,CAAC,EACzC,4CAA4C,EAC5CH,QAAQ,IAAI,gCAAgC,EAC5CK,SACJ;EAAE,GACEC,KAAK,gBAETlB,KAAA,CAAAsB,aAAA;IAAML,SAAS,EAAET,EAAE,CAAC,CAACE,YAAY,IAAI,qBAAqB;EAAE,GACvDA,YAAY,IAAIC,WAAW,IAAI,WAC9B,CAAC,eACPX,KAAA,CAAAsB,aAAA,CAACjB,IAAI;IAACwB,IAAI,eAAE7B,KAAA,CAAAsB,aAAA,CAACF,aAAa,MAAE,CAAE;IAACU,KAAK,EAAET,SAAU;IAACR,IAAI,EAAC,IAAI;IAACkB,KAAK,EAAC;EAAS,CAAE,CAC3E,CACiB,CAAC;AAEnC,CACJ,CAAC;AAEDtB,sBAAsB,CAACuB,WAAW,GAAG,mBAAmB;AAExD,SAASvB,sBAAsB,IAAIwB,iBAAiB","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/components/DatePickerTrigger.js","sources":["../../../../src/DatePicker/primitives/components/DatePickerTrigger.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ReactComponent as CalendarMonthIcon } from \"@webiny/icons/calendar_month.svg\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/schedule.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { inputVariants, type InputPrimitiveProps } from \"~/Input/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface DatePickerTriggerProps {\n    displayValue?: string;\n    placeholder?: string;\n    disabled?: boolean;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    iconType?: \"calendar\" | \"time\";\n}\n\nconst DatePickerTriggerInner = forwardRef<\n    HTMLDivElement,\n    DatePickerTriggerProps & React.HTMLAttributes<HTMLDivElement>\n>(\n    (\n        {\n            displayValue,\n            placeholder,\n            disabled,\n            size,\n            variant,\n            invalid,\n            iconType = \"calendar\",\n            className,\n            ...props\n        },\n        ref\n    ) => {\n        const IconComponent = iconType === \"time\" ? ScheduleIcon : CalendarMonthIcon;\n        const iconLabel = iconType === \"time\" ? \"Time\" : \"Calendar\";\n\n        return (\n            <PopoverPrimitive.Trigger asChild>\n                <div\n                    ref={ref}\n                    role=\"button\"\n                    tabIndex={0}\n                    data-disabled={disabled}\n                    className={cn(\n                        inputVariants({ size, variant, invalid }),\n                        \"cursor-pointer justify-between select-none min-w-0 overflow-hidden\",\n                        disabled && \"pointer-events-none opacity-50\",\n                        className\n                    )}\n                    {...props}\n                >\n                    <span className={cn(\"truncate\", !displayValue && \"text-neutral-dimmed\")}>\n                        {displayValue || placeholder || \"Select...\"}\n                    </span>\n                    <Icon icon={<IconComponent />} label={iconLabel} size=\"sm\" color=\"inherit\" />\n                </div>\n            </PopoverPrimitive.Trigger>\n        );\n    }\n);\n\nDatePickerTriggerInner.displayName = \"DatePickerTrigger\";\n\nexport { DatePickerTriggerInner as DatePickerTrigger, type DatePickerTriggerProps };\n"],"names":["DatePickerTriggerInner","forwardRef","displayValue","placeholder","disabled","size","variant","invalid","iconType","className","props","ref","IconComponent","ScheduleIcon","CalendarMonthIcon","iconLabel","PopoverPrimitive","cn","inputVariants","Icon"],"mappings":";;;;;;;AAkBA,MAAMA,yBAAyB,WAAHA,GAAGC,WAI3B,CACI,EACIC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,WAAW,UAAU,EACrBC,SAAS,EACT,GAAGC,OACN,EACDC;IAEA,MAAMC,gBAAgBJ,AAAa,WAAbA,WAAsBK,8BAAeC;IAC3D,MAAMC,YAAYP,AAAa,WAAbA,WAAsB,SAAS;IAEjD,OAAO,WAAP,GACI,oBAACQ,iBAAiB,OAAO;QAAC;qBACtB,oBAAC;QACG,KAAKL;QACL,MAAK;QACL,UAAU;QACV,iBAAeP;QACf,WAAWa,GACPC,cAAc;YAAEb;YAAMC;YAASC;QAAQ,IACvC,sEACAH,YAAY,kCACZK;QAEH,GAAGC,KAAK;qBAET,oBAAC;QAAK,WAAWO,GAAG,YAAY,CAACf,gBAAgB;OAC5CA,gBAAgBC,eAAe,4BAEpC,oBAACgB,MAAIA;QAAC,oBAAM,oBAACP,eAAAA;QAAkB,OAAOG;QAAW,MAAK;QAAK,OAAM;;AAIjF;AAGJf,uBAAuB,WAAW,GAAG"}

package/DatePicker/primitives/components/MonthGrid.js

@@ -1,23 +1,18 @@
-import React from "react";
+import react from "react";
 import { Button } from "../../../Button/index.js";
 import { MONTH_NAMES_SHORT } from "../../utils/constants.js";
-const MonthGrid = ({
-  selectedMonths,
-  onSelectMonth
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-3 gap-xs p-sm"
-  }, MONTH_NAMES_SHORT.map((name, index) => {
-    const isSelected = selectedMonths.includes(index);
-    return /*#__PURE__*/React.createElement(Button, {
-      key: name,
-      variant: isSelected ? "primary" : "ghost",
-      size: "sm",
-      text: name,
-      onClick: () => onSelectMonth(index)
-    });
-  }));
-};
+const MonthGrid = ({ selectedMonths, onSelectMonth })=>/*#__PURE__*/ react.createElement("div", {
+        className: "grid grid-cols-3 gap-xs p-sm"
+    }, MONTH_NAMES_SHORT.map((name, index)=>{
+        const isSelected = selectedMonths.includes(index);
+        return /*#__PURE__*/ react.createElement(Button, {
+            key: name,
+            variant: isSelected ? "primary" : "ghost",
+            size: "sm",
+            text: name,
+            onClick: ()=>onSelectMonth(index)
+        });
+    }));
 export { MonthGrid };
 
 //# sourceMappingURL=MonthGrid.js.map

package/DatePicker/primitives/components/MonthGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","MONTH_NAMES_SHORT","MonthGrid","selectedMonths","onSelectMonth","createElement","className","map","name","index","isSelected","includes","key","variant","size","text","onClick"],"sources":["MonthGrid.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"~/Button/index.js\";\nimport { MONTH_NAMES_SHORT } from \"../../utils/constants.js\";\n\ninterface MonthGridProps {\n    selectedMonths: number[];\n    onSelectMonth: (month: number) => void;\n}\n\nconst MonthGrid = ({ selectedMonths, onSelectMonth }: MonthGridProps) => {\n    return (\n        <div className=\"grid grid-cols-3 gap-xs p-sm\">\n            {MONTH_NAMES_SHORT.map((name, index) => {\n                const isSelected = selectedMonths.includes(index);\n                return (\n                    <Button\n                        key={name}\n                        variant={isSelected ? \"primary\" : \"ghost\"}\n                        size=\"sm\"\n                        text={name}\n                        onClick={() => onSelectMonth(index)}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\nexport { MonthGrid, type MonthGridProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AACf,SAASC,iBAAiB;AAO1B,MAAMC,SAAS,GAAGA,CAAC;EAAEC,cAAc;EAAEC;AAA8B,CAAC,KAAK;EACrE,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAA8B,GACxCL,iBAAiB,CAACM,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACpC,MAAMC,UAAU,GAAGP,cAAc,CAACQ,QAAQ,CAACF,KAAK,CAAC;IACjD,oBACIV,KAAA,CAAAM,aAAA,CAACL,MAAM;MACHY,GAAG,EAAEJ,IAAK;MACVK,OAAO,EAAEH,UAAU,GAAG,SAAS,GAAG,OAAQ;MAC1CI,IAAI,EAAC,IAAI;MACTC,IAAI,EAAEP,IAAK;MACXQ,OAAO,EAAEA,CAAA,KAAMZ,aAAa,CAACK,KAAK;IAAE,CACvC,CAAC;EAEV,CAAC,CACA,CAAC;AAEd,CAAC;AAED,SAASP,SAAS","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/components/MonthGrid.js","sources":["../../../../src/DatePicker/primitives/components/MonthGrid.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"~/Button/index.js\";\nimport { MONTH_NAMES_SHORT } from \"../../utils/constants.js\";\n\ninterface MonthGridProps {\n    selectedMonths: number[];\n    onSelectMonth: (month: number) => void;\n}\n\nconst MonthGrid = ({ selectedMonths, onSelectMonth }: MonthGridProps) => {\n    return (\n        <div className=\"grid grid-cols-3 gap-xs p-sm\">\n            {MONTH_NAMES_SHORT.map((name, index) => {\n                const isSelected = selectedMonths.includes(index);\n                return (\n                    <Button\n                        key={name}\n                        variant={isSelected ? \"primary\" : \"ghost\"}\n                        size=\"sm\"\n                        text={name}\n                        onClick={() => onSelectMonth(index)}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\nexport { MonthGrid, type MonthGridProps };\n"],"names":["MonthGrid","selectedMonths","onSelectMonth","MONTH_NAMES_SHORT","name","index","isSelected","Button"],"mappings":";;;AASA,MAAMA,YAAY,CAAC,EAAEC,cAAc,EAAEC,aAAa,EAAkB,GACzD,WAAP,GACI,oBAAC;QAAI,WAAU;OACVC,kBAAkB,GAAG,CAAC,CAACC,MAAMC;QAC1B,MAAMC,aAAaL,eAAe,QAAQ,CAACI;QAC3C,OAAO,WAAP,GACI,oBAACE,QAAMA;YACH,KAAKH;YACL,SAASE,aAAa,YAAY;YAClC,MAAK;YACL,MAAMF;YACN,SAAS,IAAMF,cAAcG;;IAGzC"}

package/DatePicker/primitives/components/SelectedTagsList.js

@@ -1,22 +1,16 @@
-import React from "react";
+import react from "react";
 import { Tag } from "../../../Tag/index.js";
-const SelectedTagsList = ({
-  items,
-  onRemove,
-  disabled
-}) => {
-  if (items.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-wrap gap-xs pt-sm"
-  }, items.map(item => /*#__PURE__*/React.createElement(Tag, {
-    key: item.key,
-    content: item.label,
-    variant: "neutral-light",
-    disabled: disabled,
-    onDismiss: () => onRemove(item.key)
-  })));
+const SelectedTagsList = ({ items, onRemove, disabled })=>{
+    if (0 === items.length) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-wrap gap-xs pt-sm"
+    }, items.map((item)=>/*#__PURE__*/ react.createElement(Tag, {
+            key: item.key,
+            content: item.label,
+            variant: "neutral-light",
+            disabled: disabled,
+            onDismiss: ()=>onRemove(item.key)
+        })));
 };
 export { SelectedTagsList };
 

package/DatePicker/primitives/components/SelectedTagsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tag","SelectedTagsList","items","onRemove","disabled","length","createElement","className","map","item","key","content","label","variant","onDismiss"],"sources":["SelectedTagsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"~/Tag/index.js\";\n\ninterface SelectedTagsListProps {\n    items: Array<{ key: string; label: string }>;\n    onRemove: (key: string) => void;\n    disabled?: boolean;\n}\n\nconst SelectedTagsList = ({ items, onRemove, disabled }: SelectedTagsListProps) => {\n    if (items.length === 0) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex flex-wrap gap-xs pt-sm\">\n            {items.map(item => (\n                <Tag\n                    key={item.key}\n                    content={item.label}\n                    variant=\"neutral-light\"\n                    disabled={disabled}\n                    onDismiss={() => onRemove(item.key)}\n                />\n            ))}\n        </div>\n    );\n};\n\nexport { SelectedTagsList, type SelectedTagsListProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG;AAQZ,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EAC/E,IAAIF,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAA6B,GACvCL,KAAK,CAACM,GAAG,CAACC,IAAI,iBACXV,KAAA,CAAAO,aAAA,CAACN,GAAG;IACAU,GAAG,EAAED,IAAI,CAACC,GAAI;IACdC,OAAO,EAAEF,IAAI,CAACG,KAAM;IACpBC,OAAO,EAAC,eAAe;IACvBT,QAAQ,EAAEA,QAAS;IACnBU,SAAS,EAAEA,CAAA,KAAMX,QAAQ,CAACM,IAAI,CAACC,GAAG;EAAE,CACvC,CACJ,CACA,CAAC;AAEd,CAAC;AAED,SAAST,gBAAgB","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/components/SelectedTagsList.js","sources":["../../../../src/DatePicker/primitives/components/SelectedTagsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"~/Tag/index.js\";\n\ninterface SelectedTagsListProps {\n    items: Array<{ key: string; label: string }>;\n    onRemove: (key: string) => void;\n    disabled?: boolean;\n}\n\nconst SelectedTagsList = ({ items, onRemove, disabled }: SelectedTagsListProps) => {\n    if (items.length === 0) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex flex-wrap gap-xs pt-sm\">\n            {items.map(item => (\n                <Tag\n                    key={item.key}\n                    content={item.label}\n                    variant=\"neutral-light\"\n                    disabled={disabled}\n                    onDismiss={() => onRemove(item.key)}\n                />\n            ))}\n        </div>\n    );\n};\n\nexport { SelectedTagsList, type SelectedTagsListProps };\n"],"names":["SelectedTagsList","items","onRemove","disabled","item","Tag"],"mappings":";;AASA,MAAMA,mBAAmB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB;IAC1E,IAAIF,AAAiB,MAAjBA,MAAM,MAAM,EACZ,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;OACVA,MAAM,GAAG,CAACG,CAAAA,OAAAA,WAAAA,GACP,oBAACC,KAAGA;YACA,KAAKD,KAAK,GAAG;YACb,SAASA,KAAK,KAAK;YACnB,SAAQ;YACR,UAAUD;YACV,WAAW,IAAMD,SAASE,KAAK,GAAG;;AAKtD"}

package/DatePicker/primitives/components/TimePicker.js

@@ -1,33 +1,23 @@
-import React from "react";
-import { ReactComponent as ScheduleIcon } from "@webiny/icons/schedule.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/schedule.svg";
 import { Icon } from "../../../Icon/index.js";
 import { InputPrimitive } from "../../../Input/index.js";
-const TimePicker = ({
-  value,
-  onChange,
-  disabled,
-  size,
-  variant,
-  invalid,
-  className
-}) => {
-  return /*#__PURE__*/React.createElement(InputPrimitive, {
-    type: "time",
-    value: value ?? "",
-    onChange: onChange,
-    disabled: disabled,
-    size: size,
-    variant: variant,
-    invalid: invalid,
-    className: className,
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(ScheduleIcon, null),
-      label: "Time",
-      size: "sm",
-      color: "inherit"
-    })
-  });
-};
+const TimePicker = ({ value, onChange, disabled, size, variant, invalid, className })=>/*#__PURE__*/ react.createElement(InputPrimitive, {
+        type: "time",
+        value: value ?? "",
+        onChange: onChange,
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid,
+        className: className,
+        startIcon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Time",
+            size: "sm",
+            color: "inherit"
+        })
+    });
 export { TimePicker };
 
 //# sourceMappingURL=TimePicker.js.map

package/DatePicker/primitives/components/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ScheduleIcon","Icon","InputPrimitive","TimePicker","value","onChange","disabled","size","variant","invalid","className","createElement","type","startIcon","icon","label","color"],"sources":["TimePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/schedule.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"~/Input/index.js\";\n\ninterface TimePickerProps {\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n    disabled?: boolean;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    className?: string;\n}\n\nconst TimePicker = ({\n    value,\n    onChange,\n    disabled,\n    size,\n    variant,\n    invalid,\n    className\n}: TimePickerProps) => {\n    return (\n        <InputPrimitive\n            type=\"time\"\n            value={value ?? \"\"}\n            onChange={onChange}\n            disabled={disabled}\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            className={className}\n            startIcon={<Icon icon={<ScheduleIcon />} label=\"Time\" size=\"sm\" color=\"inherit\" />}\n        />\n    );\n};\n\nexport { TimePicker, type TimePickerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,IAAI;AACb,SAASC,cAAc;AAYvB,MAAMC,UAAU,GAAGA,CAAC;EAChBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC;AACa,CAAC,KAAK;EACnB,oBACIZ,KAAA,CAAAa,aAAA,CAACT,cAAc;IACXU,IAAI,EAAC,MAAM;IACXR,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBG,SAAS,eAAEf,KAAA,CAAAa,aAAA,CAACV,IAAI;MAACa,IAAI,eAAEhB,KAAA,CAAAa,aAAA,CAACX,YAAY,MAAE,CAAE;MAACe,KAAK,EAAC,MAAM;MAACR,IAAI,EAAC,IAAI;MAACS,KAAK,EAAC;IAAS,CAAE;EAAE,CACtF,CAAC;AAEV,CAAC;AAED,SAASb,UAAU","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/components/TimePicker.js","sources":["../../../../src/DatePicker/primitives/components/TimePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/schedule.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"~/Input/index.js\";\n\ninterface TimePickerProps {\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n    disabled?: boolean;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    className?: string;\n}\n\nconst TimePicker = ({\n    value,\n    onChange,\n    disabled,\n    size,\n    variant,\n    invalid,\n    className\n}: TimePickerProps) => {\n    return (\n        <InputPrimitive\n            type=\"time\"\n            value={value ?? \"\"}\n            onChange={onChange}\n            disabled={disabled}\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            className={className}\n            startIcon={<Icon icon={<ScheduleIcon />} label=\"Time\" size=\"sm\" color=\"inherit\" />}\n        />\n    );\n};\n\nexport { TimePicker, type TimePickerProps };\n"],"names":["TimePicker","value","onChange","disabled","size","variant","invalid","className","InputPrimitive","Icon","ScheduleIcon"],"mappings":";;;;AAeA,MAAMA,aAAa,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,SAAS,EACK,GACP,WAAP,GACI,oBAACC,gBAAcA;QACX,MAAK;QACL,OAAOP,SAAS;QAChB,UAAUC;QACV,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;QACT,WAAWC;QACX,yBAAW,oBAACE,MAAIA;YAAC,oBAAM,oBAACC,gBAAYA;YAAK,OAAM;YAAO,MAAK;YAAK,OAAM"}

package/DatePicker/primitives/components/YearGrid.js

@@ -1,45 +1,35 @@
-import React, { useEffect, useRef } from "react";
+import react, { useEffect, useRef } from "react";
 import { Button } from "../../../Button/index.js";
 import { ScrollArea } from "../../../ScrollArea/index.js";
 import { defaultYearRange } from "../../utils/dateHelpers.js";
-const YearGrid = ({
-  selectedYears,
-  onSelectYear,
-  yearRange
-}) => {
-  const [start, end] = yearRange ?? defaultYearRange();
-  const years = [];
-  for (let y = start; y <= end; y++) {
-    years.push(y);
-  }
-  const scrollRef = useRef(null);
-  useEffect(() => {
-    if (!scrollRef.current) {
-      return;
-    }
-    const selectedEl = scrollRef.current.querySelector("[data-selected=true]");
-    if (selectedEl) {
-      selectedEl.scrollIntoView({
-        block: "center"
-      });
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement(ScrollArea, {
-    className: "max-h-[280px]"
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: scrollRef,
-    className: "grid grid-cols-3 gap-xs p-sm"
-  }, years.map(year => {
-    const isSelected = selectedYears.includes(year);
-    return /*#__PURE__*/React.createElement(Button, {
-      key: year,
-      variant: isSelected ? "primary" : "ghost",
-      size: "sm",
-      text: String(year),
-      "data-selected": isSelected,
-      onClick: () => onSelectYear(year)
-    });
-  })));
+const YearGrid = ({ selectedYears, onSelectYear, yearRange })=>{
+    const [start, end] = yearRange ?? defaultYearRange();
+    const years = [];
+    for(let y = start; y <= end; y++)years.push(y);
+    const scrollRef = useRef(null);
+    useEffect(()=>{
+        if (!scrollRef.current) return;
+        const selectedEl = scrollRef.current.querySelector("[data-selected=true]");
+        if (selectedEl) selectedEl.scrollIntoView({
+            block: "center"
+        });
+    }, []);
+    return /*#__PURE__*/ react.createElement(ScrollArea, {
+        className: "max-h-[280px]"
+    }, /*#__PURE__*/ react.createElement("div", {
+        ref: scrollRef,
+        className: "grid grid-cols-3 gap-xs p-sm"
+    }, years.map((year)=>{
+        const isSelected = selectedYears.includes(year);
+        return /*#__PURE__*/ react.createElement(Button, {
+            key: year,
+            variant: isSelected ? "primary" : "ghost",
+            size: "sm",
+            text: String(year),
+            "data-selected": isSelected,
+            onClick: ()=>onSelectYear(year)
+        });
+    })));
 };
 export { YearGrid };
 

package/DatePicker/primitives/components/YearGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Button","ScrollArea","defaultYearRange","YearGrid","selectedYears","onSelectYear","yearRange","start","end","years","y","push","scrollRef","current","selectedEl","querySelector","scrollIntoView","block","createElement","className","ref","map","year","isSelected","includes","key","variant","size","text","String","onClick"],"sources":["YearGrid.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Button } from \"~/Button/index.js\";\nimport { ScrollArea } from \"~/ScrollArea/index.js\";\nimport { defaultYearRange } from \"../../utils/dateHelpers.js\";\n\ninterface YearGridProps {\n    selectedYears: number[];\n    onSelectYear: (year: number) => void;\n    yearRange?: [number, number];\n}\n\nconst YearGrid = ({ selectedYears, onSelectYear, yearRange }: YearGridProps) => {\n    const [start, end] = yearRange ?? defaultYearRange();\n    const years: number[] = [];\n    for (let y = start; y <= end; y++) {\n        years.push(y);\n    }\n\n    const scrollRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!scrollRef.current) {\n            return;\n        }\n        const selectedEl = scrollRef.current.querySelector(\"[data-selected=true]\");\n        if (selectedEl) {\n            selectedEl.scrollIntoView({ block: \"center\" });\n        }\n    }, []);\n\n    return (\n        <ScrollArea className=\"max-h-[280px]\">\n            <div ref={scrollRef} className=\"grid grid-cols-3 gap-xs p-sm\">\n                {years.map(year => {\n                    const isSelected = selectedYears.includes(year);\n                    return (\n                        <Button\n                            key={year}\n                            variant={isSelected ? \"primary\" : \"ghost\"}\n                            size=\"sm\"\n                            text={String(year)}\n                            data-selected={isSelected}\n                            onClick={() => onSelectYear(year)}\n                        />\n                    );\n                })}\n            </div>\n        </ScrollArea>\n    );\n};\n\nexport { YearGrid, type YearGridProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,MAAM;AACf,SAASC,UAAU;AACnB,SAASC,gBAAgB;AAQzB,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,aAAa;EAAEC,YAAY;EAAEC;AAAyB,CAAC,KAAK;EAC5E,MAAM,CAACC,KAAK,EAAEC,GAAG,CAAC,GAAGF,SAAS,IAAIJ,gBAAgB,CAAC,CAAC;EACpD,MAAMO,KAAe,GAAG,EAAE;EAC1B,KAAK,IAAIC,CAAC,GAAGH,KAAK,EAAEG,CAAC,IAAIF,GAAG,EAAEE,CAAC,EAAE,EAAE;IAC/BD,KAAK,CAACE,IAAI,CAACD,CAAC,CAAC;EACjB;EAEA,MAAME,SAAS,GAAGb,MAAM,CAAiB,IAAI,CAAC;EAE9CD,SAAS,CAAC,MAAM;IACZ,IAAI,CAACc,SAAS,CAACC,OAAO,EAAE;MACpB;IACJ;IACA,MAAMC,UAAU,GAAGF,SAAS,CAACC,OAAO,CAACE,aAAa,CAAC,sBAAsB,CAAC;IAC1E,IAAID,UAAU,EAAE;MACZA,UAAU,CAACE,cAAc,CAAC;QAAEC,KAAK,EAAE;MAAS,CAAC,CAAC;IAClD;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIpB,KAAA,CAAAqB,aAAA,CAACjB,UAAU;IAACkB,SAAS,EAAC;EAAe,gBACjCtB,KAAA,CAAAqB,aAAA;IAAKE,GAAG,EAAER,SAAU;IAACO,SAAS,EAAC;EAA8B,GACxDV,KAAK,CAACY,GAAG,CAACC,IAAI,IAAI;IACf,MAAMC,UAAU,GAAGnB,aAAa,CAACoB,QAAQ,CAACF,IAAI,CAAC;IAC/C,oBACIzB,KAAA,CAAAqB,aAAA,CAAClB,MAAM;MACHyB,GAAG,EAAEH,IAAK;MACVI,OAAO,EAAEH,UAAU,GAAG,SAAS,GAAG,OAAQ;MAC1CI,IAAI,EAAC,IAAI;MACTC,IAAI,EAAEC,MAAM,CAACP,IAAI,CAAE;MACnB,iBAAeC,UAAW;MAC1BO,OAAO,EAAEA,CAAA,KAAMzB,YAAY,CAACiB,IAAI;IAAE,CACrC,CAAC;EAEV,CAAC,CACA,CACG,CAAC;AAErB,CAAC;AAED,SAASnB,QAAQ","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/components/YearGrid.js","sources":["../../../../src/DatePicker/primitives/components/YearGrid.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Button } from \"~/Button/index.js\";\nimport { ScrollArea } from \"~/ScrollArea/index.js\";\nimport { defaultYearRange } from \"../../utils/dateHelpers.js\";\n\ninterface YearGridProps {\n    selectedYears: number[];\n    onSelectYear: (year: number) => void;\n    yearRange?: [number, number];\n}\n\nconst YearGrid = ({ selectedYears, onSelectYear, yearRange }: YearGridProps) => {\n    const [start, end] = yearRange ?? defaultYearRange();\n    const years: number[] = [];\n    for (let y = start; y <= end; y++) {\n        years.push(y);\n    }\n\n    const scrollRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!scrollRef.current) {\n            return;\n        }\n        const selectedEl = scrollRef.current.querySelector(\"[data-selected=true]\");\n        if (selectedEl) {\n            selectedEl.scrollIntoView({ block: \"center\" });\n        }\n    }, []);\n\n    return (\n        <ScrollArea className=\"max-h-[280px]\">\n            <div ref={scrollRef} className=\"grid grid-cols-3 gap-xs p-sm\">\n                {years.map(year => {\n                    const isSelected = selectedYears.includes(year);\n                    return (\n                        <Button\n                            key={year}\n                            variant={isSelected ? \"primary\" : \"ghost\"}\n                            size=\"sm\"\n                            text={String(year)}\n                            data-selected={isSelected}\n                            onClick={() => onSelectYear(year)}\n                        />\n                    );\n                })}\n            </div>\n        </ScrollArea>\n    );\n};\n\nexport { YearGrid, type YearGridProps };\n"],"names":["YearGrid","selectedYears","onSelectYear","yearRange","start","end","defaultYearRange","years","y","scrollRef","useRef","useEffect","selectedEl","ScrollArea","year","isSelected","Button","String"],"mappings":";;;;AAWA,MAAMA,WAAW,CAAC,EAAEC,aAAa,EAAEC,YAAY,EAAEC,SAAS,EAAiB;IACvE,MAAM,CAACC,OAAOC,IAAI,GAAGF,aAAaG;IAClC,MAAMC,QAAkB,EAAE;IAC1B,IAAK,IAAIC,IAAIJ,OAAOI,KAAKH,KAAKG,IAC1BD,MAAM,IAAI,CAACC;IAGf,MAAMC,YAAYC,OAAuB;IAEzCC,UAAU;QACN,IAAI,CAACF,UAAU,OAAO,EAClB;QAEJ,MAAMG,aAAaH,UAAU,OAAO,CAAC,aAAa,CAAC;QACnD,IAAIG,YACAA,WAAW,cAAc,CAAC;YAAE,OAAO;QAAS;IAEpD,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,YAAUA;QAAC,WAAU;qBAClB,oBAAC;QAAI,KAAKJ;QAAW,WAAU;OAC1BF,MAAM,GAAG,CAACO,CAAAA;QACP,MAAMC,aAAad,cAAc,QAAQ,CAACa;QAC1C,OAAO,WAAP,GACI,oBAACE,QAAMA;YACH,KAAKF;YACL,SAASC,aAAa,YAAY;YAClC,MAAK;YACL,MAAME,OAAOH;YACb,iBAAeC;YACf,SAAS,IAAMb,aAAaY;;IAGxC;AAIhB"}

package/DatePicker/primitives/components/YearStepper.js

@@ -1,36 +1,31 @@
-import React from "react";
-import { ReactComponent as ChevronLeftIcon } from "@webiny/icons/chevron_left.svg";
-import { ReactComponent as ChevronRightIcon } from "@webiny/icons/chevron_right.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/chevron_left.svg";
+import { ReactComponent as chevron_right_svg_ReactComponent } from "@webiny/icons/chevron_right.svg";
 import { IconButton } from "../../../Button/index.js";
 import { Icon } from "../../../Icon/index.js";
-const YearStepper = ({
-  year,
-  onYearChange
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-center gap-sm py-xs"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    variant: "ghost",
-    size: "sm",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(ChevronLeftIcon, null),
-      label: "Previous year",
-      size: "sm"
-    }),
-    onClick: () => onYearChange(year - 1)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text-md font-semibold text-neutral-strong min-w-[4ch] text-center"
-  }, year), /*#__PURE__*/React.createElement(IconButton, {
-    variant: "ghost",
-    size: "sm",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(ChevronRightIcon, null),
-      label: "Next year",
-      size: "sm"
-    }),
-    onClick: () => onYearChange(year + 1)
-  }));
-};
+const YearStepper = ({ year, onYearChange })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-center gap-sm py-xs"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Previous year",
+            size: "sm"
+        }),
+        onClick: ()=>onYearChange(year - 1)
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text-md font-semibold text-neutral-strong min-w-[4ch] text-center"
+    }, year), /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(chevron_right_svg_ReactComponent, null),
+            label: "Next year",
+            size: "sm"
+        }),
+        onClick: ()=>onYearChange(year + 1)
+    }));
 export { YearStepper };
 
 //# sourceMappingURL=YearStepper.js.map

package/DatePicker/primitives/components/YearStepper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronLeftIcon","ChevronRightIcon","IconButton","Icon","YearStepper","year","onYearChange","createElement","className","variant","size","icon","label","onClick"],"sources":["YearStepper.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ChevronLeftIcon } from \"@webiny/icons/chevron_left.svg\";\nimport { ReactComponent as ChevronRightIcon } from \"@webiny/icons/chevron_right.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\ninterface YearStepperProps {\n    year: number;\n    onYearChange: (year: number) => void;\n}\n\nconst YearStepper = ({ year, onYearChange }: YearStepperProps) => {\n    return (\n        <div className=\"flex items-center justify-center gap-sm py-xs\">\n            <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={<Icon icon={<ChevronLeftIcon />} label=\"Previous year\" size=\"sm\" />}\n                onClick={() => onYearChange(year - 1)}\n            />\n            <span className=\"text-md font-semibold text-neutral-strong min-w-[4ch] text-center\">\n                {year}\n            </span>\n            <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={<Icon icon={<ChevronRightIcon />} label=\"Next year\" size=\"sm\" />}\n                onClick={() => onYearChange(year + 1)}\n            />\n        </div>\n    );\n};\n\nexport { YearStepper, type YearStepperProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,eAAe,QAAQ,gCAAgC;AAClF,SAASD,cAAc,IAAIE,gBAAgB,QAAQ,iCAAiC;AACpF,SAASC,UAAU;AACnB,SAASC,IAAI;AAOb,MAAMC,WAAW,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA+B,CAAC,KAAK;EAC9D,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAA+C,gBAC1DV,KAAA,CAAAS,aAAA,CAACL,UAAU;IACPO,OAAO,EAAC,OAAO;IACfC,IAAI,EAAC,IAAI;IACTC,IAAI,eAAEb,KAAA,CAAAS,aAAA,CAACJ,IAAI;MAACQ,IAAI,eAAEb,KAAA,CAAAS,aAAA,CAACP,eAAe,MAAE,CAAE;MAACY,KAAK,EAAC,eAAe;MAACF,IAAI,EAAC;IAAI,CAAE,CAAE;IAC1EG,OAAO,EAAEA,CAAA,KAAMP,YAAY,CAACD,IAAI,GAAG,CAAC;EAAE,CACzC,CAAC,eACFP,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAC9EH,IACC,CAAC,eACPP,KAAA,CAAAS,aAAA,CAACL,UAAU;IACPO,OAAO,EAAC,OAAO;IACfC,IAAI,EAAC,IAAI;IACTC,IAAI,eAAEb,KAAA,CAAAS,aAAA,CAACJ,IAAI;MAACQ,IAAI,eAAEb,KAAA,CAAAS,aAAA,CAACN,gBAAgB,MAAE,CAAE;MAACW,KAAK,EAAC,WAAW;MAACF,IAAI,EAAC;IAAI,CAAE,CAAE;IACvEG,OAAO,EAAEA,CAAA,KAAMP,YAAY,CAACD,IAAI,GAAG,CAAC;EAAE,CACzC,CACA,CAAC;AAEd,CAAC;AAED,SAASD,WAAW","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/components/YearStepper.js","sources":["../../../../src/DatePicker/primitives/components/YearStepper.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ChevronLeftIcon } from \"@webiny/icons/chevron_left.svg\";\nimport { ReactComponent as ChevronRightIcon } from \"@webiny/icons/chevron_right.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\ninterface YearStepperProps {\n    year: number;\n    onYearChange: (year: number) => void;\n}\n\nconst YearStepper = ({ year, onYearChange }: YearStepperProps) => {\n    return (\n        <div className=\"flex items-center justify-center gap-sm py-xs\">\n            <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={<Icon icon={<ChevronLeftIcon />} label=\"Previous year\" size=\"sm\" />}\n                onClick={() => onYearChange(year - 1)}\n            />\n            <span className=\"text-md font-semibold text-neutral-strong min-w-[4ch] text-center\">\n                {year}\n            </span>\n            <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                icon={<Icon icon={<ChevronRightIcon />} label=\"Next year\" size=\"sm\" />}\n                onClick={() => onYearChange(year + 1)}\n            />\n        </div>\n    );\n};\n\nexport { YearStepper, type YearStepperProps };\n"],"names":["YearStepper","year","onYearChange","IconButton","Icon","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;AAWA,MAAMA,cAAc,CAAC,EAAEC,IAAI,EAAEC,YAAY,EAAoB,GAClD,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,YAAUA;QACP,SAAQ;QACR,MAAK;QACL,oBAAM,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAeA;YAAK,OAAM;YAAgB,MAAK;;QAClE,SAAS,IAAMH,aAAaD,OAAO;sBAEvC,oBAAC;QAAK,WAAU;OACXA,OAAAA,WAAAA,GAEL,oBAACE,YAAUA;QACP,SAAQ;QACR,MAAK;QACL,oBAAM,oBAACC,MAAIA;YAAC,oBAAM,oBAACE,kCAAgBA;YAAK,OAAM;YAAY,MAAK;;QAC/D,SAAS,IAAMJ,aAAaD,OAAO"}

package/DatePicker/primitives/components/index.js

@@ -4,5 +4,3 @@ export * from "./YearStepper.js";
 export * from "./MonthGrid.js";
 export * from "./YearGrid.js";
 export * from "./SelectedTagsList.js";
-
-//# sourceMappingURL=index.js.map

package/DatePicker/primitives/index.js

@@ -1,3 +1 @@
 export * from "./DatePickerPrimitive.js";
-
-//# sourceMappingURL=index.js.map

package/DatePicker/utils/constants.js

@@ -1,5 +1,32 @@
-export const MONTH_NAMES_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-export const MONTH_NAMES_FULL = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-export const DEFAULT_YEAR_RANGE_SIZE = 12;
+const MONTH_NAMES_SHORT = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+];
+const MONTH_NAMES_FULL = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+];
+const DEFAULT_YEAR_RANGE_SIZE = 12;
+export { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_FULL, MONTH_NAMES_SHORT };
 
 //# sourceMappingURL=constants.js.map