@webiny/admin-ui 6.3.0 → 6.4.0-beta.0

package/DatePicker/primitives/MultipleMonthsPicker.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { PopoverPrimitive } from "../../Popover/index.js";
 import { formatDateForDisplay, formatMonthValue, parseMonthValue } from "../utils/dateHelpers.js";
 import { MONTH_NAMES_SHORT } from "../utils/constants.js";
@@ -6,79 +6,65 @@ import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
 import { YearStepper } from "./components/YearStepper.js";
 import { MonthGrid } from "./components/MonthGrid.js";
 import { SelectedTagsList } from "./components/SelectedTagsList.js";
-const MultipleMonthsPicker = ({
-  value: valueProp,
-  onChange,
-  placeholder,
-  disabled,
-  size,
-  variant,
-  invalid,
-  onOpenChange,
-  className
-}) => {
-  const value = valueProp ?? [];
-  const [open, setOpen] = useState(false);
-  const [viewYear, setViewYear] = useState(new Date().getFullYear());
-  const handleOpenChange = isOpen => {
-    setOpen(isOpen);
-    if (onOpenChange) {
-      onOpenChange(isOpen);
-    }
-  };
-  const displayValue = formatDateForDisplay(value, "multipleMonths");
-  const handleMonthSelect = month => {
-    if (!onChange) {
-      return;
-    }
-    const monthValue = formatMonthValue(viewYear, month);
-    if (value.includes(monthValue)) {
-      onChange(value.filter(v => v !== monthValue));
-    } else {
-      const next = [...value, monthValue];
-      next.sort();
-      onChange(next);
-    }
-  };
-  const handleRemove = key => {
-    if (onChange) {
-      onChange(value.filter(v => v !== key));
-    }
-  };
-  const selectedMonthsInView = value.map(v => parseMonthValue(v)).filter(p => p !== undefined && p.year === viewYear).map(p => p.month);
-  const tagItems = value.map(v => {
-    const parsed = parseMonthValue(v);
-    const label = parsed ? `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}` : v;
-    return {
-      key: v,
-      label
+const MultipleMonthsPicker = ({ value: valueProp, onChange, placeholder, disabled, size, variant, invalid, onOpenChange, className })=>{
+    const value = valueProp ?? [];
+    const [open, setOpen] = useState(false);
+    const [viewYear, setViewYear] = useState(new Date().getFullYear());
+    const handleOpenChange = (isOpen)=>{
+        setOpen(isOpen);
+        if (onOpenChange) onOpenChange(isOpen);
     };
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement(PopoverPrimitive, {
-    open: open,
-    onOpenChange: handleOpenChange
-  }, /*#__PURE__*/React.createElement(DatePickerTrigger, {
-    displayValue: displayValue,
-    placeholder: placeholder ?? "Pick months",
-    disabled: disabled,
-    size: size,
-    variant: variant,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
-    align: "start"
-  }, /*#__PURE__*/React.createElement(YearStepper, {
-    year: viewYear,
-    onYearChange: setViewYear
-  }), /*#__PURE__*/React.createElement(MonthGrid, {
-    selectedMonths: selectedMonthsInView,
-    onSelectMonth: handleMonthSelect
-  }))), /*#__PURE__*/React.createElement(SelectedTagsList, {
-    items: tagItems,
-    onRemove: handleRemove,
-    disabled: disabled
-  }));
+    const displayValue = formatDateForDisplay(value, "multipleMonths");
+    const handleMonthSelect = (month)=>{
+        if (!onChange) return;
+        const monthValue = formatMonthValue(viewYear, month);
+        if (value.includes(monthValue)) onChange(value.filter((v)=>v !== monthValue));
+        else {
+            const next = [
+                ...value,
+                monthValue
+            ];
+            next.sort();
+            onChange(next);
+        }
+    };
+    const handleRemove = (key)=>{
+        if (onChange) onChange(value.filter((v)=>v !== key));
+    };
+    const selectedMonthsInView = value.map((v)=>parseMonthValue(v)).filter((p)=>void 0 !== p && p.year === viewYear).map((p)=>p.month);
+    const tagItems = value.map((v)=>{
+        const parsed = parseMonthValue(v);
+        const label = parsed ? `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}` : v;
+        return {
+            key: v,
+            label
+        };
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: className
+    }, /*#__PURE__*/ react.createElement(PopoverPrimitive, {
+        open: open,
+        onOpenChange: handleOpenChange
+    }, /*#__PURE__*/ react.createElement(DatePickerTrigger, {
+        displayValue: displayValue,
+        placeholder: placeholder ?? "Pick months",
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        align: "start"
+    }, /*#__PURE__*/ react.createElement(YearStepper, {
+        year: viewYear,
+        onYearChange: setViewYear
+    }), /*#__PURE__*/ react.createElement(MonthGrid, {
+        selectedMonths: selectedMonthsInView,
+        onSelectMonth: handleMonthSelect
+    }))), /*#__PURE__*/ react.createElement(SelectedTagsList, {
+        items: tagItems,
+        onRemove: handleRemove,
+        disabled: disabled
+    }));
 };
 export { MultipleMonthsPicker };
 

package/DatePicker/primitives/MultipleMonthsPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","PopoverPrimitive","formatDateForDisplay","formatMonthValue","parseMonthValue","MONTH_NAMES_SHORT","DatePickerTrigger","YearStepper","MonthGrid","SelectedTagsList","MultipleMonthsPicker","value","valueProp","onChange","placeholder","disabled","size","variant","invalid","onOpenChange","className","open","setOpen","viewYear","setViewYear","Date","getFullYear","handleOpenChange","isOpen","displayValue","handleMonthSelect","month","monthValue","includes","filter","v","next","sort","handleRemove","key","selectedMonthsInView","map","p","undefined","year","tagItems","parsed","label","createElement","Content","align","onYearChange","selectedMonths","onSelectMonth","items","onRemove"],"sources":["MultipleMonthsPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { MultipleMonthsPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay, formatMonthValue, parseMonthValue } from \"../utils/dateHelpers.js\";\nimport { MONTH_NAMES_SHORT } from \"../utils/constants.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { YearStepper } from \"./components/YearStepper.js\";\nimport { MonthGrid } from \"./components/MonthGrid.js\";\nimport { SelectedTagsList } from \"./components/SelectedTagsList.js\";\n\nconst MultipleMonthsPicker = ({\n    value: valueProp,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    onOpenChange,\n    className\n}: MultipleMonthsPickerProps) => {\n    const value = valueProp ?? [];\n    const [open, setOpen] = useState(false);\n    const [viewYear, setViewYear] = useState(new Date().getFullYear());\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const displayValue = formatDateForDisplay(value, \"multipleMonths\");\n\n    const handleMonthSelect = (month: number) => {\n        if (!onChange) {\n            return;\n        }\n        const monthValue = formatMonthValue(viewYear, month);\n        if (value.includes(monthValue)) {\n            onChange(value.filter(v => v !== monthValue));\n        } else {\n            const next = [...value, monthValue];\n            next.sort();\n            onChange(next);\n        }\n    };\n\n    const handleRemove = (key: string) => {\n        if (onChange) {\n            onChange(value.filter(v => v !== key));\n        }\n    };\n\n    const selectedMonthsInView = value\n        .map(v => parseMonthValue(v))\n        .filter((p): p is { year: number; month: number } => p !== undefined && p.year === viewYear)\n        .map(p => p.month);\n\n    const tagItems = value.map(v => {\n        const parsed = parseMonthValue(v);\n        const label = parsed ? `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}` : v;\n        return { key: v, label };\n    });\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick months\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <YearStepper year={viewYear} onYearChange={setViewYear} />\n                    <MonthGrid\n                        selectedMonths={selectedMonthsInView}\n                        onSelectMonth={handleMonthSelect}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n            <SelectedTagsList items={tagItems} onRemove={handleRemove} disabled={disabled} />\n        </div>\n    );\n};\n\nexport { MultipleMonthsPicker };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/MultipleMonthsPicker.js","sources":["../../../src/DatePicker/primitives/MultipleMonthsPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { MultipleMonthsPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay, formatMonthValue, parseMonthValue } from \"../utils/dateHelpers.js\";\nimport { MONTH_NAMES_SHORT } from \"../utils/constants.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { YearStepper } from \"./components/YearStepper.js\";\nimport { MonthGrid } from \"./components/MonthGrid.js\";\nimport { SelectedTagsList } from \"./components/SelectedTagsList.js\";\n\nconst MultipleMonthsPicker = ({\n    value: valueProp,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    onOpenChange,\n    className\n}: MultipleMonthsPickerProps) => {\n    const value = valueProp ?? [];\n    const [open, setOpen] = useState(false);\n    const [viewYear, setViewYear] = useState(new Date().getFullYear());\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const displayValue = formatDateForDisplay(value, \"multipleMonths\");\n\n    const handleMonthSelect = (month: number) => {\n        if (!onChange) {\n            return;\n        }\n        const monthValue = formatMonthValue(viewYear, month);\n        if (value.includes(monthValue)) {\n            onChange(value.filter(v => v !== monthValue));\n        } else {\n            const next = [...value, monthValue];\n            next.sort();\n            onChange(next);\n        }\n    };\n\n    const handleRemove = (key: string) => {\n        if (onChange) {\n            onChange(value.filter(v => v !== key));\n        }\n    };\n\n    const selectedMonthsInView = value\n        .map(v => parseMonthValue(v))\n        .filter((p): p is { year: number; month: number } => p !== undefined && p.year === viewYear)\n        .map(p => p.month);\n\n    const tagItems = value.map(v => {\n        const parsed = parseMonthValue(v);\n        const label = parsed ? `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}` : v;\n        return { key: v, label };\n    });\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick months\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <YearStepper year={viewYear} onYearChange={setViewYear} />\n                    <MonthGrid\n                        selectedMonths={selectedMonthsInView}\n                        onSelectMonth={handleMonthSelect}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n            <SelectedTagsList items={tagItems} onRemove={handleRemove} disabled={disabled} />\n        </div>\n    );\n};\n\nexport { MultipleMonthsPicker };\n"],"names":["MultipleMonthsPicker","valueProp","onChange","placeholder","disabled","size","variant","invalid","onOpenChange","className","value","open","setOpen","useState","viewYear","setViewYear","Date","handleOpenChange","isOpen","displayValue","formatDateForDisplay","handleMonthSelect","month","monthValue","formatMonthValue","v","next","handleRemove","key","selectedMonthsInView","parseMonthValue","p","undefined","tagItems","parsed","label","MONTH_NAMES_SHORT","PopoverPrimitive","DatePickerTrigger","YearStepper","MonthGrid","SelectedTagsList"],"mappings":";;;;;;;;AAUA,MAAMA,uBAAuB,CAAC,EAC1B,OAAOC,SAAS,EAChBC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,SAAS,EACe;IACxB,MAAMC,QAAQT,aAAa,EAAE;IAC7B,MAAM,CAACU,MAAMC,QAAQ,GAAGC,SAAS;IACjC,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAAS,IAAIG,OAAO,WAAW;IAE/D,MAAMC,mBAAmB,CAACC;QACtBN,QAAQM;QACR,IAAIV,cACAA,aAAaU;IAErB;IAEA,MAAMC,eAAeC,qBAAqBV,OAAO;IAEjD,MAAMW,oBAAoB,CAACC;QACvB,IAAI,CAACpB,UACD;QAEJ,MAAMqB,aAAaC,iBAAiBV,UAAUQ;QAC9C,IAAIZ,MAAM,QAAQ,CAACa,aACfrB,SAASQ,MAAM,MAAM,CAACe,CAAAA,IAAKA,MAAMF;aAC9B;YACH,MAAMG,OAAO;mBAAIhB;gBAAOa;aAAW;YACnCG,KAAK,IAAI;YACTxB,SAASwB;QACb;IACJ;IAEA,MAAMC,eAAe,CAACC;QAClB,IAAI1B,UACAA,SAASQ,MAAM,MAAM,CAACe,CAAAA,IAAKA,MAAMG;IAEzC;IAEA,MAAMC,uBAAuBnB,MACxB,GAAG,CAACe,CAAAA,IAAKK,gBAAgBL,IACzB,MAAM,CAAC,CAACM,IAA4CA,AAAMC,WAAND,KAAmBA,EAAE,IAAI,KAAKjB,UAClF,GAAG,CAACiB,CAAAA,IAAKA,EAAE,KAAK;IAErB,MAAME,WAAWvB,MAAM,GAAG,CAACe,CAAAA;QACvB,MAAMS,SAASJ,gBAAgBL;QAC/B,MAAMU,QAAQD,SAAS,GAAGE,iBAAiB,CAACF,OAAO,KAAK,CAAC,CAAC,CAAC,EAAEA,OAAO,IAAI,EAAE,GAAGT;QAC7E,OAAO;YAAE,KAAKA;YAAGU;QAAM;IAC3B;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW1B;qBACZ,oBAAC4B,kBAAgBA;QAAC,MAAM1B;QAAM,cAAcM;qBACxC,oBAACqB,mBAAiBA;QACd,cAAcnB;QACd,aAAahB,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAAC8B,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAACE,aAAWA;QAAC,MAAMzB;QAAU,cAAcC;sBAC3C,oBAACyB,WAASA;QACN,gBAAgBX;QAChB,eAAeR;wBAI3B,oBAACoB,kBAAgBA;QAAC,OAAOR;QAAU,UAAUN;QAAc,UAAUvB;;AAGjF"}

package/DatePicker/primitives/MultipleYearsPicker.js

@@ -1,74 +1,59 @@
-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";
 import { SelectedTagsList } from "./components/SelectedTagsList.js";
-const MultipleYearsPicker = ({
-  value: valueProp,
-  onChange,
-  placeholder,
-  disabled,
-  size,
-  variant,
-  invalid,
-  yearRange,
-  onOpenChange,
-  className
-}) => {
-  const value = valueProp ?? [];
-  const [open, setOpen] = useState(false);
-  const handleOpenChange = isOpen => {
-    setOpen(isOpen);
-    if (onOpenChange) {
-      onOpenChange(isOpen);
-    }
-  };
-  const displayValue = formatDateForDisplay(value, "multipleYears");
-  const handleYearSelect = year => {
-    if (!onChange) {
-      return;
-    }
-    if (value.includes(year)) {
-      onChange(value.filter(v => v !== year));
-    } else {
-      const next = [...value, year];
-      next.sort((a, b) => a - b);
-      onChange(next);
-    }
-  };
-  const handleRemove = key => {
-    if (onChange) {
-      onChange(value.filter(v => String(v) !== key));
-    }
-  };
-  const tagItems = value.map(y => ({
-    key: String(y),
-    label: String(y)
-  }));
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement(PopoverPrimitive, {
-    open: open,
-    onOpenChange: handleOpenChange
-  }, /*#__PURE__*/React.createElement(DatePickerTrigger, {
-    displayValue: displayValue,
-    placeholder: placeholder ?? "Pick years",
-    disabled: disabled,
-    size: size,
-    variant: variant,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
-    align: "start"
-  }, /*#__PURE__*/React.createElement(YearGrid, {
-    selectedYears: value,
-    onSelectYear: handleYearSelect,
-    yearRange: yearRange
-  }))), /*#__PURE__*/React.createElement(SelectedTagsList, {
-    items: tagItems,
-    onRemove: handleRemove,
-    disabled: disabled
-  }));
+const MultipleYearsPicker = ({ value: valueProp, onChange, placeholder, disabled, size, variant, invalid, yearRange, onOpenChange, className })=>{
+    const value = valueProp ?? [];
+    const [open, setOpen] = useState(false);
+    const handleOpenChange = (isOpen)=>{
+        setOpen(isOpen);
+        if (onOpenChange) onOpenChange(isOpen);
+    };
+    const displayValue = formatDateForDisplay(value, "multipleYears");
+    const handleYearSelect = (year)=>{
+        if (!onChange) return;
+        if (value.includes(year)) onChange(value.filter((v)=>v !== year));
+        else {
+            const next = [
+                ...value,
+                year
+            ];
+            next.sort((a, b)=>a - b);
+            onChange(next);
+        }
+    };
+    const handleRemove = (key)=>{
+        if (onChange) onChange(value.filter((v)=>String(v) !== key));
+    };
+    const tagItems = value.map((y)=>({
+            key: String(y),
+            label: String(y)
+        }));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: className
+    }, /*#__PURE__*/ react.createElement(PopoverPrimitive, {
+        open: open,
+        onOpenChange: handleOpenChange
+    }, /*#__PURE__*/ react.createElement(DatePickerTrigger, {
+        displayValue: displayValue,
+        placeholder: placeholder ?? "Pick years",
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        align: "start"
+    }, /*#__PURE__*/ react.createElement(YearGrid, {
+        selectedYears: value,
+        onSelectYear: handleYearSelect,
+        yearRange: yearRange
+    }))), /*#__PURE__*/ react.createElement(SelectedTagsList, {
+        items: tagItems,
+        onRemove: handleRemove,
+        disabled: disabled
+    }));
 };
 export { MultipleYearsPicker };
 

package/DatePicker/primitives/MultipleYearsPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","PopoverPrimitive","formatDateForDisplay","DatePickerTrigger","YearGrid","SelectedTagsList","MultipleYearsPicker","value","valueProp","onChange","placeholder","disabled","size","variant","invalid","yearRange","onOpenChange","className","open","setOpen","handleOpenChange","isOpen","displayValue","handleYearSelect","year","includes","filter","v","next","sort","a","b","handleRemove","key","String","tagItems","map","y","label","createElement","Content","align","selectedYears","onSelectYear","items","onRemove"],"sources":["MultipleYearsPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { MultipleYearsPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { YearGrid } from \"./components/YearGrid.js\";\nimport { SelectedTagsList } from \"./components/SelectedTagsList.js\";\n\nconst MultipleYearsPicker = ({\n    value: valueProp,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    yearRange,\n    onOpenChange,\n    className\n}: MultipleYearsPickerProps) => {\n    const value = valueProp ?? [];\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, \"multipleYears\");\n\n    const handleYearSelect = (year: number) => {\n        if (!onChange) {\n            return;\n        }\n        if (value.includes(year)) {\n            onChange(value.filter(v => v !== year));\n        } else {\n            const next = [...value, year];\n            next.sort((a, b) => a - b);\n            onChange(next);\n        }\n    };\n\n    const handleRemove = (key: string) => {\n        if (onChange) {\n            onChange(value.filter(v => String(v) !== key));\n        }\n    };\n\n    const tagItems = value.map(y => ({\n        key: String(y),\n        label: String(y)\n    }));\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick years\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <YearGrid\n                        selectedYears={value}\n                        onSelectYear={handleYearSelect}\n                        yearRange={yearRange}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n            <SelectedTagsList items={tagItems} onRemove={handleRemove} disabled={disabled} />\n        </div>\n    );\n};\n\nexport { MultipleYearsPicker };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,gBAAgB;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,gBAAgB;AAEzB,MAAMC,mBAAmB,GAAGA,CAAC;EACzBC,KAAK,EAAEC,SAAS;EAChBC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,YAAY;EACZC;AACsB,CAAC,KAAK;EAC5B,MAAMV,KAAK,GAAGC,SAAS,IAAI,EAAE;EAC7B,MAAM,CAACU,IAAI,EAAEC,OAAO,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMoB,gBAAgB,GAAIC,MAAe,IAAK;IAC1CF,OAAO,CAACE,MAAM,CAAC;IACf,IAAIL,YAAY,EAAE;MACdA,YAAY,CAACK,MAAM,CAAC;IACxB;EACJ,CAAC;EAED,MAAMC,YAAY,GAAGpB,oBAAoB,CAACK,KAAK,EAAE,eAAe,CAAC;EAEjE,MAAMgB,gBAAgB,GAAIC,IAAY,IAAK;IACvC,IAAI,CAACf,QAAQ,EAAE;MACX;IACJ;IACA,IAAIF,KAAK,CAACkB,QAAQ,CAACD,IAAI,CAAC,EAAE;MACtBf,QAAQ,CAACF,KAAK,CAACmB,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKH,IAAI,CAAC,CAAC;IAC3C,CAAC,MAAM;MACH,MAAMI,IAAI,GAAG,CAAC,GAAGrB,KAAK,EAAEiB,IAAI,CAAC;MAC7BI,IAAI,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC,CAAC;MAC1BtB,QAAQ,CAACmB,IAAI,CAAC;IAClB;EACJ,CAAC;EAED,MAAMI,YAAY,GAAIC,GAAW,IAAK;IAClC,IAAIxB,QAAQ,EAAE;MACVA,QAAQ,CAACF,KAAK,CAACmB,MAAM,CAACC,CAAC,IAAIO,MAAM,CAACP,CAAC,CAAC,KAAKM,GAAG,CAAC,CAAC;IAClD;EACJ,CAAC;EAED,MAAME,QAAQ,GAAG5B,KAAK,CAAC6B,GAAG,CAACC,CAAC,KAAK;IAC7BJ,GAAG,EAAEC,MAAM,CAACG,CAAC,CAAC;IACdC,KAAK,EAAEJ,MAAM,CAACG,CAAC;EACnB,CAAC,CAAC,CAAC;EAEH,oBACItC,KAAA,CAAAwC,aAAA;IAAKtB,SAAS,EAAEA;EAAU,gBACtBlB,KAAA,CAAAwC,aAAA,CAACtC,gBAAgB;IAACiB,IAAI,EAAEA,IAAK;IAACF,YAAY,EAAEI;EAAiB,gBACzDrB,KAAA,CAAAwC,aAAA,CAACpC,iBAAiB;IACdmB,YAAY,EAAEA,YAAa;IAC3BZ,WAAW,EAAEA,WAAW,IAAI,YAAa;IACzCC,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFf,KAAA,CAAAwC,aAAA,CAACtC,gBAAgB,CAACuC,OAAO;IAACC,KAAK,EAAC;EAAO,gBACnC1C,KAAA,CAAAwC,aAAA,CAACnC,QAAQ;IACLsC,aAAa,EAAEnC,KAAM;IACrBoC,YAAY,EAAEpB,gBAAiB;IAC/BR,SAAS,EAAEA;EAAU,CACxB,CACqB,CACZ,CAAC,eACnBhB,KAAA,CAAAwC,aAAA,CAAClC,gBAAgB;IAACuC,KAAK,EAAET,QAAS;IAACU,QAAQ,EAAEb,YAAa;IAACrB,QAAQ,EAAEA;EAAS,CAAE,CAC/E,CAAC;AAEd,CAAC;AAED,SAASL,mBAAmB","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/MultipleYearsPicker.js","sources":["../../../src/DatePicker/primitives/MultipleYearsPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { MultipleYearsPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { YearGrid } from \"./components/YearGrid.js\";\nimport { SelectedTagsList } from \"./components/SelectedTagsList.js\";\n\nconst MultipleYearsPicker = ({\n    value: valueProp,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    yearRange,\n    onOpenChange,\n    className\n}: MultipleYearsPickerProps) => {\n    const value = valueProp ?? [];\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, \"multipleYears\");\n\n    const handleYearSelect = (year: number) => {\n        if (!onChange) {\n            return;\n        }\n        if (value.includes(year)) {\n            onChange(value.filter(v => v !== year));\n        } else {\n            const next = [...value, year];\n            next.sort((a, b) => a - b);\n            onChange(next);\n        }\n    };\n\n    const handleRemove = (key: string) => {\n        if (onChange) {\n            onChange(value.filter(v => String(v) !== key));\n        }\n    };\n\n    const tagItems = value.map(y => ({\n        key: String(y),\n        label: String(y)\n    }));\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick years\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <YearGrid\n                        selectedYears={value}\n                        onSelectYear={handleYearSelect}\n                        yearRange={yearRange}\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n            <SelectedTagsList items={tagItems} onRemove={handleRemove} disabled={disabled} />\n        </div>\n    );\n};\n\nexport { MultipleYearsPicker };\n"],"names":["MultipleYearsPicker","valueProp","onChange","placeholder","disabled","size","variant","invalid","yearRange","onOpenChange","className","value","open","setOpen","useState","handleOpenChange","isOpen","displayValue","formatDateForDisplay","handleYearSelect","year","v","next","a","b","handleRemove","key","String","tagItems","y","PopoverPrimitive","DatePickerTrigger","YearGrid","SelectedTagsList"],"mappings":";;;;;;AAQA,MAAMA,sBAAsB,CAAC,EACzB,OAAOC,SAAS,EAChBC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,YAAY,EACZC,SAAS,EACc;IACvB,MAAMC,QAAQV,aAAa,EAAE;IAC7B,MAAM,CAACW,MAAMC,QAAQ,GAAGC,SAAS;IAEjC,MAAMC,mBAAmB,CAACC;QACtBH,QAAQG;QACR,IAAIP,cACAA,aAAaO;IAErB;IAEA,MAAMC,eAAeC,qBAAqBP,OAAO;IAEjD,MAAMQ,mBAAmB,CAACC;QACtB,IAAI,CAAClB,UACD;QAEJ,IAAIS,MAAM,QAAQ,CAACS,OACflB,SAASS,MAAM,MAAM,CAACU,CAAAA,IAAKA,MAAMD;aAC9B;YACH,MAAME,OAAO;mBAAIX;gBAAOS;aAAK;YAC7BE,KAAK,IAAI,CAAC,CAACC,GAAGC,IAAMD,IAAIC;YACxBtB,SAASoB;QACb;IACJ;IAEA,MAAMG,eAAe,CAACC;QAClB,IAAIxB,UACAA,SAASS,MAAM,MAAM,CAACU,CAAAA,IAAKM,OAAON,OAAOK;IAEjD;IAEA,MAAME,WAAWjB,MAAM,GAAG,CAACkB,CAAAA,IAAM;YAC7B,KAAKF,OAAOE;YACZ,OAAOF,OAAOE;QAClB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWnB;qBACZ,oBAACoB,kBAAgBA;QAAC,MAAMlB;QAAM,cAAcG;qBACxC,oBAACgB,mBAAiBA;QACd,cAAcd;QACd,aAAad,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACuB,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAACE,UAAQA;QACL,eAAerB;QACf,cAAcQ;QACd,WAAWX;wBAIvB,oBAACyB,kBAAgBA;QAAC,OAAOL;QAAU,UAAUH;QAAc,UAAUrB;;AAGjF"}

package/DatePicker/primitives/TimeOnlyPicker.js

@@ -1,24 +1,14 @@
-import React from "react";
+import react from "react";
 import { TimePicker } from "./components/TimePicker.js";
-const TimeOnlyPicker = ({
-  value,
-  onChange,
-  disabled,
-  size,
-  variant,
-  invalid,
-  className
-}) => {
-  return /*#__PURE__*/React.createElement(TimePicker, {
-    value: value,
-    onChange: onChange,
-    disabled: disabled,
-    size: size,
-    variant: variant,
-    invalid: invalid,
-    className: className
-  });
-};
+const TimeOnlyPicker = ({ value, onChange, disabled, size, variant, invalid, className })=>/*#__PURE__*/ react.createElement(TimePicker, {
+        value: value,
+        onChange: onChange,
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid,
+        className: className
+    });
 export { TimeOnlyPicker };
 
 //# sourceMappingURL=TimeOnlyPicker.js.map

package/DatePicker/primitives/TimeOnlyPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TimePicker","TimeOnlyPicker","value","onChange","disabled","size","variant","invalid","className","createElement"],"sources":["TimeOnlyPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TimeOnlyPickerProps } from \"../utils/types.js\";\nimport { TimePicker } from \"./components/TimePicker.js\";\n\nconst TimeOnlyPicker = ({\n    value,\n    onChange,\n    disabled,\n    size,\n    variant,\n    invalid,\n    className\n}: TimeOnlyPickerProps) => {\n    return (\n        <TimePicker\n            value={value}\n            onChange={onChange}\n            disabled={disabled}\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            className={className}\n        />\n    );\n};\n\nexport { TimeOnlyPicker };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU;AAEnB,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC;AACiB,CAAC,KAAK;EACvB,oBACIT,KAAA,CAAAU,aAAA,CAACT,UAAU;IACPE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA;EAAU,CACxB,CAAC;AAEV,CAAC;AAED,SAASP,cAAc","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/TimeOnlyPicker.js","sources":["../../../src/DatePicker/primitives/TimeOnlyPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TimeOnlyPickerProps } from \"../utils/types.js\";\nimport { TimePicker } from \"./components/TimePicker.js\";\n\nconst TimeOnlyPicker = ({\n    value,\n    onChange,\n    disabled,\n    size,\n    variant,\n    invalid,\n    className\n}: TimeOnlyPickerProps) => {\n    return (\n        <TimePicker\n            value={value}\n            onChange={onChange}\n            disabled={disabled}\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            className={className}\n        />\n    );\n};\n\nexport { TimeOnlyPicker };\n"],"names":["TimeOnlyPicker","value","onChange","disabled","size","variant","invalid","className","TimePicker"],"mappings":";;AAIA,MAAMA,iBAAiB,CAAC,EACpBC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,SAAS,EACS,GACX,WAAP,GACI,oBAACC,YAAUA;QACP,OAAOP;QACP,UAAUC;QACV,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;QACT,WAAWC"}

package/DatePicker/primitives/WeekPicker.js

@@ -1,96 +1,92 @@
-import React, { useMemo, useState } from "react";
+import react, { useMemo, useState } from "react";
 import { eachDayOfInterval, endOfISOWeek, startOfISOWeek } from "date-fns";
 import { Calendar } from "../../Calendar/index.js";
 import { PopoverPrimitive } from "../../Popover/index.js";
 import { formatDateForDisplay, formatWeekValue, parseWeekValue } from "../utils/dateHelpers.js";
 import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
 function weekDatesFromParsed(parsed) {
-  const jan4 = new Date(parsed.year, 0, 4);
-  const weekStart = startOfISOWeek(new Date(jan4.getTime() + (parsed.week - 1) * 7 * 86400000));
-  return eachDayOfInterval({
-    start: weekStart,
-    end: endOfISOWeek(weekStart)
-  });
-}
-const WeekPicker = ({
-  value,
-  onChange,
-  placeholder,
-  disabled,
-  size,
-  variant,
-  invalid,
-  onOpenChange,
-  className,
-  displayFormat
-}) => {
-  const [open, setOpen] = useState(false);
-  const [hoveredDay, setHoveredDay] = useState();
-  const handleOpenChange = isOpen => {
-    setOpen(isOpen);
-    if (!isOpen) {
-      setHoveredDay(undefined);
-    }
-    if (onOpenChange) {
-      onOpenChange(isOpen);
-    }
-  };
-  const displayValue = formatDateForDisplay(value, "week", displayFormat);
-  const parsed = value ? parseWeekValue(value) : undefined;
-  const selectedWeekDays = useMemo(() => parsed ? weekDatesFromParsed(parsed) : [], [value]);
-  const hoveredWeekDays = useMemo(() => {
-    if (!hoveredDay) {
-      return [];
-    }
-    const start = startOfISOWeek(hoveredDay);
+    const jan4 = new Date(parsed.year, 0, 4);
+    const weekStart = startOfISOWeek(new Date(jan4.getTime() + (parsed.week - 1) * 604800000));
     return eachDayOfInterval({
-      start,
-      end: endOfISOWeek(start)
+        start: weekStart,
+        end: endOfISOWeek(weekStart)
     });
-  }, [hoveredDay]);
-  const modifiers = useMemo(() => ({
-    selectedWeek: selectedWeekDays,
-    selectedWeekStart: selectedWeekDays.length > 0 ? [selectedWeekDays[0]] : [],
-    selectedWeekEnd: selectedWeekDays.length > 0 ? [selectedWeekDays[6]] : [],
-    hoveredWeek: hoveredWeekDays,
-    hoveredWeekStart: hoveredWeekDays.length > 0 ? [hoveredWeekDays[0]] : [],
-    hoveredWeekEnd: hoveredWeekDays.length > 0 ? [hoveredWeekDays[6]] : []
-  }), [selectedWeekDays, hoveredWeekDays]);
-  const modifiersClassNames = useMemo(() => ({
-    selectedWeek: "bg-primary-subtle [&>button]:bg-transparent [&>button]:text-primary-strong [&>button]:rounded-none [&>button]:hover:bg-primary-subtle/70",
-    selectedWeekStart: "[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-l-sm [&>button]:rounded-r-none [&>button]:hover:bg-primary-strong",
-    selectedWeekEnd: "[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-r-sm [&>button]:rounded-l-none [&>button]:hover:bg-primary-strong",
-    hoveredWeek: "bg-neutral-light [&>button]:rounded-none",
-    hoveredWeekStart: "[&>button]:rounded-l-sm [&>button]:rounded-r-none",
-    hoveredWeekEnd: "[&>button]:rounded-r-sm [&>button]:rounded-l-none"
-  }), []);
-  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 week",
-    disabled: disabled,
-    size: size,
-    variant: variant,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
-    align: "start"
-  }, /*#__PURE__*/React.createElement(Calendar, {
-    modifiers: modifiers,
-    modifiersClassNames: modifiersClassNames,
-    onDayClick: date => {
-      if (onChange) {
-        onChange(formatWeekValue(date));
-      }
-      handleOpenChange(false);
-    },
-    onDayMouseEnter: day => setHoveredDay(day),
-    onDayMouseLeave: () => setHoveredDay(undefined),
-    ISOWeek: true
-  }))));
+}
+const WeekPicker = ({ value, onChange, placeholder, disabled, size, variant, invalid, onOpenChange, className, displayFormat })=>{
+    const [open, setOpen] = useState(false);
+    const [hoveredDay, setHoveredDay] = useState();
+    const handleOpenChange = (isOpen)=>{
+        setOpen(isOpen);
+        if (!isOpen) setHoveredDay(void 0);
+        if (onOpenChange) onOpenChange(isOpen);
+    };
+    const displayValue = formatDateForDisplay(value, "week", displayFormat);
+    const parsed = value ? parseWeekValue(value) : void 0;
+    const selectedWeekDays = useMemo(()=>parsed ? weekDatesFromParsed(parsed) : [], [
+        value
+    ]);
+    const hoveredWeekDays = useMemo(()=>{
+        if (!hoveredDay) return [];
+        const start = startOfISOWeek(hoveredDay);
+        return eachDayOfInterval({
+            start,
+            end: endOfISOWeek(start)
+        });
+    }, [
+        hoveredDay
+    ]);
+    const modifiers = useMemo(()=>({
+            selectedWeek: selectedWeekDays,
+            selectedWeekStart: selectedWeekDays.length > 0 ? [
+                selectedWeekDays[0]
+            ] : [],
+            selectedWeekEnd: selectedWeekDays.length > 0 ? [
+                selectedWeekDays[6]
+            ] : [],
+            hoveredWeek: hoveredWeekDays,
+            hoveredWeekStart: hoveredWeekDays.length > 0 ? [
+                hoveredWeekDays[0]
+            ] : [],
+            hoveredWeekEnd: hoveredWeekDays.length > 0 ? [
+                hoveredWeekDays[6]
+            ] : []
+        }), [
+        selectedWeekDays,
+        hoveredWeekDays
+    ]);
+    const modifiersClassNames = useMemo(()=>({
+            selectedWeek: "bg-primary-subtle [&>button]:bg-transparent [&>button]:text-primary-strong [&>button]:rounded-none [&>button]:hover:bg-primary-subtle/70",
+            selectedWeekStart: "[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-l-sm [&>button]:rounded-r-none [&>button]:hover:bg-primary-strong",
+            selectedWeekEnd: "[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-r-sm [&>button]:rounded-l-none [&>button]:hover:bg-primary-strong",
+            hoveredWeek: "bg-neutral-light [&>button]:rounded-none",
+            hoveredWeekStart: "[&>button]:rounded-l-sm [&>button]:rounded-r-none",
+            hoveredWeekEnd: "[&>button]:rounded-r-sm [&>button]:rounded-l-none"
+        }), []);
+    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 week",
+        disabled: disabled,
+        size: size,
+        variant: variant,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        align: "start"
+    }, /*#__PURE__*/ react.createElement(Calendar, {
+        modifiers: modifiers,
+        modifiersClassNames: modifiersClassNames,
+        onDayClick: (date)=>{
+            if (onChange) onChange(formatWeekValue(date));
+            handleOpenChange(false);
+        },
+        onDayMouseEnter: (day)=>setHoveredDay(day),
+        onDayMouseLeave: ()=>setHoveredDay(void 0),
+        ISOWeek: true
+    }))));
 };
 export { WeekPicker };
 

package/DatePicker/primitives/WeekPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","eachDayOfInterval","endOfISOWeek","startOfISOWeek","Calendar","PopoverPrimitive","formatDateForDisplay","formatWeekValue","parseWeekValue","DatePickerTrigger","weekDatesFromParsed","parsed","jan4","Date","year","weekStart","getTime","week","start","end","WeekPicker","value","onChange","placeholder","disabled","size","variant","invalid","onOpenChange","className","displayFormat","open","setOpen","hoveredDay","setHoveredDay","handleOpenChange","isOpen","undefined","displayValue","selectedWeekDays","hoveredWeekDays","modifiers","selectedWeek","selectedWeekStart","length","selectedWeekEnd","hoveredWeek","hoveredWeekStart","hoveredWeekEnd","modifiersClassNames","createElement","Content","align","onDayClick","date","onDayMouseEnter","day","onDayMouseLeave","ISOWeek"],"sources":["WeekPicker.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { eachDayOfInterval, endOfISOWeek, startOfISOWeek } from \"date-fns\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { WeekPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay, formatWeekValue, parseWeekValue } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\n\nfunction weekDatesFromParsed(parsed: { year: number; week: number }): Date[] {\n    const jan4 = new Date(parsed.year, 0, 4);\n    const weekStart = startOfISOWeek(new Date(jan4.getTime() + (parsed.week - 1) * 7 * 86400000));\n    return eachDayOfInterval({ start: weekStart, end: endOfISOWeek(weekStart) });\n}\n\nconst WeekPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    onOpenChange,\n    className,\n    displayFormat\n}: WeekPickerProps) => {\n    const [open, setOpen] = useState(false);\n    const [hoveredDay, setHoveredDay] = useState<Date | undefined>();\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (!isOpen) {\n            setHoveredDay(undefined);\n        }\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const displayValue = formatDateForDisplay(value, \"week\", displayFormat);\n\n    const parsed = value ? parseWeekValue(value) : undefined;\n    const selectedWeekDays = useMemo(() => (parsed ? weekDatesFromParsed(parsed) : []), [value]);\n\n    const hoveredWeekDays = useMemo(() => {\n        if (!hoveredDay) {\n            return [];\n        }\n        const start = startOfISOWeek(hoveredDay);\n        return eachDayOfInterval({ start, end: endOfISOWeek(start) });\n    }, [hoveredDay]);\n\n    const modifiers = useMemo(\n        () => ({\n            selectedWeek: selectedWeekDays,\n            selectedWeekStart: selectedWeekDays.length > 0 ? [selectedWeekDays[0]] : [],\n            selectedWeekEnd: selectedWeekDays.length > 0 ? [selectedWeekDays[6]] : [],\n            hoveredWeek: hoveredWeekDays,\n            hoveredWeekStart: hoveredWeekDays.length > 0 ? [hoveredWeekDays[0]] : [],\n            hoveredWeekEnd: hoveredWeekDays.length > 0 ? [hoveredWeekDays[6]] : []\n        }),\n        [selectedWeekDays, hoveredWeekDays]\n    );\n\n    const modifiersClassNames = useMemo(\n        () => ({\n            selectedWeek:\n                \"bg-primary-subtle [&>button]:bg-transparent [&>button]:text-primary-strong [&>button]:rounded-none [&>button]:hover:bg-primary-subtle/70\",\n            selectedWeekStart:\n                \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-l-sm [&>button]:rounded-r-none [&>button]:hover:bg-primary-strong\",\n            selectedWeekEnd:\n                \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-r-sm [&>button]:rounded-l-none [&>button]:hover:bg-primary-strong\",\n            hoveredWeek: \"bg-neutral-light [&>button]:rounded-none\",\n            hoveredWeekStart: \"[&>button]:rounded-l-sm [&>button]:rounded-r-none\",\n            hoveredWeekEnd: \"[&>button]:rounded-r-sm [&>button]:rounded-l-none\"\n        }),\n        []\n    );\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a week\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <Calendar\n                        modifiers={modifiers}\n                        modifiersClassNames={modifiersClassNames}\n                        onDayClick={date => {\n                            if (onChange) {\n                                onChange(formatWeekValue(date));\n                            }\n                            handleOpenChange(false);\n                        }}\n                        onDayMouseEnter={day => setHoveredDay(day)}\n                        onDayMouseLeave={() => setHoveredDay(undefined)}\n                        ISOWeek\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { WeekPicker };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePicker/primitives/WeekPicker.js","sources":["../../../src/DatePicker/primitives/WeekPicker.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { eachDayOfInterval, endOfISOWeek, startOfISOWeek } from \"date-fns\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { WeekPickerProps } from \"../utils/types.js\";\nimport { formatDateForDisplay, formatWeekValue, parseWeekValue } from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\n\nfunction weekDatesFromParsed(parsed: { year: number; week: number }): Date[] {\n    const jan4 = new Date(parsed.year, 0, 4);\n    const weekStart = startOfISOWeek(new Date(jan4.getTime() + (parsed.week - 1) * 7 * 86400000));\n    return eachDayOfInterval({ start: weekStart, end: endOfISOWeek(weekStart) });\n}\n\nconst WeekPicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    onOpenChange,\n    className,\n    displayFormat\n}: WeekPickerProps) => {\n    const [open, setOpen] = useState(false);\n    const [hoveredDay, setHoveredDay] = useState<Date | undefined>();\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (!isOpen) {\n            setHoveredDay(undefined);\n        }\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const displayValue = formatDateForDisplay(value, \"week\", displayFormat);\n\n    const parsed = value ? parseWeekValue(value) : undefined;\n    const selectedWeekDays = useMemo(() => (parsed ? weekDatesFromParsed(parsed) : []), [value]);\n\n    const hoveredWeekDays = useMemo(() => {\n        if (!hoveredDay) {\n            return [];\n        }\n        const start = startOfISOWeek(hoveredDay);\n        return eachDayOfInterval({ start, end: endOfISOWeek(start) });\n    }, [hoveredDay]);\n\n    const modifiers = useMemo(\n        () => ({\n            selectedWeek: selectedWeekDays,\n            selectedWeekStart: selectedWeekDays.length > 0 ? [selectedWeekDays[0]] : [],\n            selectedWeekEnd: selectedWeekDays.length > 0 ? [selectedWeekDays[6]] : [],\n            hoveredWeek: hoveredWeekDays,\n            hoveredWeekStart: hoveredWeekDays.length > 0 ? [hoveredWeekDays[0]] : [],\n            hoveredWeekEnd: hoveredWeekDays.length > 0 ? [hoveredWeekDays[6]] : []\n        }),\n        [selectedWeekDays, hoveredWeekDays]\n    );\n\n    const modifiersClassNames = useMemo(\n        () => ({\n            selectedWeek:\n                \"bg-primary-subtle [&>button]:bg-transparent [&>button]:text-primary-strong [&>button]:rounded-none [&>button]:hover:bg-primary-subtle/70\",\n            selectedWeekStart:\n                \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-l-sm [&>button]:rounded-r-none [&>button]:hover:bg-primary-strong\",\n            selectedWeekEnd:\n                \"[&>button]:bg-primary [&>button]:text-neutral-base [&>button]:rounded-r-sm [&>button]:rounded-l-none [&>button]:hover:bg-primary-strong\",\n            hoveredWeek: \"bg-neutral-light [&>button]:rounded-none\",\n            hoveredWeekStart: \"[&>button]:rounded-l-sm [&>button]:rounded-r-none\",\n            hoveredWeekEnd: \"[&>button]:rounded-r-sm [&>button]:rounded-l-none\"\n        }),\n        []\n    );\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick a week\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <Calendar\n                        modifiers={modifiers}\n                        modifiersClassNames={modifiersClassNames}\n                        onDayClick={date => {\n                            if (onChange) {\n                                onChange(formatWeekValue(date));\n                            }\n                            handleOpenChange(false);\n                        }}\n                        onDayMouseEnter={day => setHoveredDay(day)}\n                        onDayMouseLeave={() => setHoveredDay(undefined)}\n                        ISOWeek\n                    />\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { WeekPicker };\n"],"names":["weekDatesFromParsed","parsed","jan4","Date","weekStart","startOfISOWeek","eachDayOfInterval","endOfISOWeek","WeekPicker","value","onChange","placeholder","disabled","size","variant","invalid","onOpenChange","className","displayFormat","open","setOpen","useState","hoveredDay","setHoveredDay","handleOpenChange","isOpen","undefined","displayValue","formatDateForDisplay","parseWeekValue","selectedWeekDays","useMemo","hoveredWeekDays","start","modifiers","modifiersClassNames","PopoverPrimitive","DatePickerTrigger","Calendar","date","formatWeekValue","day"],"mappings":";;;;;;AAQA,SAASA,oBAAoBC,MAAsC;IAC/D,MAAMC,OAAO,IAAIC,KAAKF,OAAO,IAAI,EAAE,GAAG;IACtC,MAAMG,YAAYC,eAAe,IAAIF,KAAKD,KAAK,OAAO,KAAMD,AAAAA,CAAAA,OAAO,IAAI,GAAG,KAAdA;IAC5D,OAAOK,kBAAkB;QAAE,OAAOF;QAAW,KAAKG,aAAaH;IAAW;AAC9E;AAEA,MAAMI,aAAa,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,SAAS,EACTC,aAAa,EACC;IACd,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IACjC,MAAM,CAACC,YAAYC,cAAc,GAAGF;IAEpC,MAAMG,mBAAmB,CAACC;QACtBL,QAAQK;QACR,IAAI,CAACA,QACDF,cAAcG;QAElB,IAAIV,cACAA,aAAaS;IAErB;IAEA,MAAME,eAAeC,qBAAqBnB,OAAO,QAAQS;IAEzD,MAAMjB,SAASQ,QAAQoB,eAAepB,SAASiB;IAC/C,MAAMI,mBAAmBC,QAAQ,IAAO9B,SAASD,oBAAoBC,UAAU,EAAE,EAAG;QAACQ;KAAM;IAE3F,MAAMuB,kBAAkBD,QAAQ;QAC5B,IAAI,CAACT,YACD,OAAO,EAAE;QAEb,MAAMW,QAAQ5B,eAAeiB;QAC7B,OAAOhB,kBAAkB;YAAE2B;YAAO,KAAK1B,aAAa0B;QAAO;IAC/D,GAAG;QAACX;KAAW;IAEf,MAAMY,YAAYH,QACd,IAAO;YACH,cAAcD;YACd,mBAAmBA,iBAAiB,MAAM,GAAG,IAAI;gBAACA,gBAAgB,CAAC,EAAE;aAAC,GAAG,EAAE;YAC3E,iBAAiBA,iBAAiB,MAAM,GAAG,IAAI;gBAACA,gBAAgB,CAAC,EAAE;aAAC,GAAG,EAAE;YACzE,aAAaE;YACb,kBAAkBA,gBAAgB,MAAM,GAAG,IAAI;gBAACA,eAAe,CAAC,EAAE;aAAC,GAAG,EAAE;YACxE,gBAAgBA,gBAAgB,MAAM,GAAG,IAAI;gBAACA,eAAe,CAAC,EAAE;aAAC,GAAG,EAAE;QAC1E,IACA;QAACF;QAAkBE;KAAgB;IAGvC,MAAMG,sBAAsBJ,QACxB,IAAO;YACH,cACI;YACJ,mBACI;YACJ,iBACI;YACJ,aAAa;YACb,kBAAkB;YAClB,gBAAgB;QACpB,IACA,EAAE;IAGN,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWd;qBACZ,oBAACmB,kBAAgBA;QAAC,MAAMjB;QAAM,cAAcK;qBACxC,oBAACa,mBAAiBA;QACd,cAAcV;QACd,aAAahB,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACqB,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAACE,UAAQA;QACL,WAAWJ;QACX,qBAAqBC;QACrB,YAAYI,CAAAA;YACR,IAAI7B,UACAA,SAAS8B,gBAAgBD;YAE7Bf,iBAAiB;QACrB;QACA,iBAAiBiB,CAAAA,MAAOlB,cAAckB;QACtC,iBAAiB,IAAMlB,cAAcG;QACrC;;AAMxB"}