@strapi/design-system 1.6.4 → 1.6.6

package/dist/DatePicker/DatePickerCalendar.js

@@ -1,74 +1,142 @@
-import e, { useState as L, useEffect as W } from "react";
-import a from "prop-types";
-import { DatePickerPopover as _ } from "./components.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useState as E, useEffect as O } from "react";
+import { DatePickerPopover as W } from "./components.js";
 import { DatePickerTd as H } from "./DatePickerTd.js";
-import { DatePickerTh as r } from "./DatePickerTh.js";
+import { DatePickerTh as t } from "./DatePickerTh.js";
 import { getDayOfWeek as I } from "./utils/getDayOfWeek.js";
 import { getMonths as V } from "./utils/getMonths.js";
-import { generateWeeks as j } from "./utils/generateWeeks.js";
+import { generateWeeks as q } from "./utils/generateWeeks.js";
 import { getYears as z } from "./utils/getYears.js";
 import { formatDate as A } from "./utils/formatDate.js";
 import { Box as p } from "../Box/Box.js";
 import { Flex as G } from "../Flex/Flex.js";
 import { FocusTrap as J } from "../FocusTrap/FocusTrap.js";
-import { RawTable as K } from "../RawTable/RawTable.js";
-import "../RawTable/RawCell.js";
-import { RawThead as N } from "../RawTable/RawThead.js";
-import { RawTbody as Q } from "../RawTable/RawTbody.js";
-import { RawTr as s } from "../RawTable/RawTr.js";
-import { SimpleMenu as f, MenuItem as d } from "../SimpleMenu/SimpleMenu.js";
-import { VisuallyHidden as U } from "../VisuallyHidden/VisuallyHidden.js";
-const E = ({
+import { getDefaultLocale as K } from "../helpers/getDefaultLocale.js";
+import { RawTable as N } from "../RawTable/RawTable.js";
+import "../RawTable/RawTableContext.js";
+import { RawThead as Q } from "../RawTable/RawThead.js";
+import { RawTbody as U } from "../RawTable/RawTbody.js";
+import { RawTr as u } from "../RawTable/RawTr.js";
+import { SimpleMenu as g, MenuItem as D } from "../SimpleMenu/SimpleMenu.js";
+import { VisuallyHidden as X } from "../VisuallyHidden/VisuallyHidden.js";
+const Ce = ({
+  onEscape: i,
+  popoverSource: c,
+  ...d
+}) => e(W, {
+  source: c,
+  role: "dialog",
+  "aria-modal": "true",
+  spacing: 4,
+  children: e(J, {
+    onEscape: i,
+    children: e(Z, {
+      ...d
+    })
+  })
+}), Z = ({
   selectedDate: i,
-  initialDate: g,
-  popoverSource: D,
-  onChange: h,
-  label: k,
+  initialDate: c = new Date(),
+  locale: d,
+  onChange: s,
   minDate: w,
-  maxDate: R,
-  onEscape: y
+  maxDate: k
 }) => {
-  const [l, m] = L(g), [u, C, T] = j(l, i), { sun: v, mon: x, tue: M, wed: O, thu: P, fri: b, sat: q } = I(), c = V(), F = z(w, R);
-  W(() => {
+  const [a, m] = E(c), [f, C, M] = q(a, i), {
+    sun: x,
+    mon: R,
+    tue: T,
+    wed: P,
+    thu: F,
+    fri: S,
+    sat: Y
+  } = I(), h = V(), b = z(w, k), y = d || K();
+  O(() => {
     i && m(i);
   }, [i]);
-  const Y = (t) => {
-    const n = new Date(l);
-    n.setMonth(c.indexOf(t)), m(n);
-  }, S = (t) => {
-    const n = new Date(l);
-    n.setFullYear(t), m(n);
+  const v = (r) => {
+    const o = new Date(a);
+    o.setMonth(h.indexOf(r)), m(o);
+  }, L = (r) => {
+    const o = new Date(a);
+    o.setFullYear(r), m(o);
+  }, $ = (r) => () => {
+    s && s(r);
   };
-  return /* @__PURE__ */ e.createElement(_, { source: D, role: "dialog", "aria-modal": "true", "aria-label": k, spacing: 4 }, /* @__PURE__ */ e.createElement(J, { onEscape: y }, /* @__PURE__ */ e.createElement(p, { padding: 4 }, /* @__PURE__ */ e.createElement(p, { paddingBottom: 4, paddingLeft: 2, paddingRight: 2 }, /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(f, { label: c[l.getMonth()] }, c.map((t) => /* @__PURE__ */ e.createElement(d, { key: t, onClick: () => Y(t) }, t))), /* @__PURE__ */ e.createElement(p, { paddingLeft: 2 }, /* @__PURE__ */ e.createElement(f, { label: l.getFullYear() }, F.map((t) => /* @__PURE__ */ e.createElement(d, { key: t, onClick: () => S(t) }, t)))))), /* @__PURE__ */ e.createElement(K, { colCount: 7, rowCount: u.length + 1, initialCol: T, initialRow: C, role: "grid" }, /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(s, { "aria-rowindex": 1 }, /* @__PURE__ */ e.createElement(r, null, v), /* @__PURE__ */ e.createElement(r, null, x), /* @__PURE__ */ e.createElement(r, null, M), /* @__PURE__ */ e.createElement(r, null, O), /* @__PURE__ */ e.createElement(r, null, P), /* @__PURE__ */ e.createElement(r, null, b), /* @__PURE__ */ e.createElement(r, null, q))), /* @__PURE__ */ e.createElement(Q, null, u.map((t, n) => /* @__PURE__ */ e.createElement(s, { key: n }, t.map(({ date: o, outsideMonth: $, isSelected: B }) => /* @__PURE__ */ e.createElement(
-    H,
-    {
-      key: `${o.getFullYear()}-${o.getMonth() + 1}-${o.getDate()}`,
-      outsideMonth: $,
-      onSelectDay: () => h(o),
-      isSelected: B
-    },
-    /* @__PURE__ */ e.createElement("span", { "aria-hidden": !0 }, o.getDate()),
-    /* @__PURE__ */ e.createElement(U, null, /* @__PURE__ */ e.createElement("span", null, A(o)))
-  )))))))));
-};
-E.defaultProps = {
-  selectedDate: void 0,
-  initialDate: new Date(),
-  minDate: void 0,
-  maxDate: void 0
-};
-E.propTypes = {
-  initialDate: a.instanceOf(Date),
-  label: a.string.isRequired,
-  maxDate: a.instanceOf(Date),
-  minDate: a.instanceOf(Date),
-  onChange: a.func.isRequired,
-  onEscape: a.func.isRequired,
-  popoverSource: a.shape({
-    current: (typeof Element > "u" ? a.any : a.instanceOf(Element)).isRequired
-  }).isRequired,
-  selectedDate: a.instanceOf(Date)
+  return l(p, {
+    padding: 4,
+    children: [e(p, {
+      paddingBottom: 4,
+      paddingLeft: 2,
+      paddingRight: 2,
+      children: l(G, {
+        children: [e(g, {
+          label: h[a.getMonth()],
+          children: h.map((r) => e(D, {
+            onClick: () => v(r),
+            children: r
+          }, r))
+        }), e(p, {
+          paddingLeft: 2,
+          children: e(g, {
+            label: a.getFullYear(),
+            children: b.map((r) => e(D, {
+              onClick: () => L(r),
+              children: r
+            }, r))
+          })
+        })]
+      })
+    }), l(N, {
+      colCount: 7,
+      rowCount: f.length + 1,
+      initialCol: M,
+      initialRow: C,
+      role: "grid",
+      children: [e(Q, {
+        children: l(u, {
+          "aria-rowindex": 1,
+          children: [e(t, {
+            children: x
+          }), e(t, {
+            children: R
+          }), e(t, {
+            children: T
+          }), e(t, {
+            children: P
+          }), e(t, {
+            children: F
+          }), e(t, {
+            children: S
+          }), e(t, {
+            children: Y
+          })]
+        })
+      }), e(U, {
+        children: f.map((r, o) => e(u, {
+          children: r.map(({
+            date: n,
+            outsideMonth: j,
+            isSelected: B
+          }) => l(H, {
+            outsideMonth: j,
+            onSelectDay: $(n),
+            isSelected: B,
+            children: [e("span", {
+              "aria-hidden": !0,
+              children: n.getDate()
+            }), e(X, {
+              children: e("span", {
+                children: A(n, y)
+              })
+            })]
+          }, `${n.getFullYear()}-${n.getMonth() + 1}-${n.getDate()}`))
+        }, o))
+      })]
+    })]
+  });
 };
 export {
-  E as DatePickerCalendar
+  Ce as DatePickerCalendar,
+  Z as DatePickerCalendarContent
 };

package/dist/DatePicker/DatePickerTd.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),p=require("prop-types"),f=require("styled-components");require("../RawTable/RawTable.cjs");const y=require("../RawTable/RawCell.cjs");require("../RawTable/RawThead.cjs");require("../RawTable/RawTbody.cjs");require("../RawTable/RawTr.cjs");const s=require("../Typography/Typography.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=u(d),t=u(p),b=u(f),T=b.default.button`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),s=require("styled-components");require("react");require("../RawTable/RawTableContext.cjs");const u=require("../RawTable/RawCell.cjs");require("../Box/Box.cjs");const l=require("../Typography/Typography.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=c(s),p=d.default.button`
   border: none;
-  background: ${({theme:e,isSelected:r})=>r?e.colors.primary100:e.colors.neutral0};
+  background: ${({theme:e,$isSelected:r})=>r?e.colors.primary100:e.colors.neutral0};
   height: ${32/16}rem;
   text-align: center;
   width: ${32/16}rem;
@@ -13,7 +13,7 @@
     background: ${({theme:e})=>e.colors.primary100};
   }
 
-  &:hover > ${s.Typography} {
+  &:hover > ${l.Typography} {
     color: ${({theme:e})=>e.colors.primary600};
   }
-`,n=({children:e,outsideMonth:r,onSelectDay:c,isSelected:o,...i})=>{let a="neutral900";return o?a="primary600":r&&(a="neutral600"),l.default.createElement(y.RawTd,{...i},l.default.createElement(T,{tabIndex:-1,onClick:c,isSelected:o,type:"button"},l.default.createElement(s.Typography,{variant:"pi",textColor:a,fontWeight:o?"bold":null},e)))};n.defaultProps={isSelected:!1,outsideMonth:!1};n.propTypes={children:t.default.node.isRequired,isSelected:t.default.bool,onSelectDay:t.default.func.isRequired,outsideMonth:t.default.bool};exports.DatePickerTd=n;
+`,y=({children:e,outsideMonth:r=!1,onSelectDay:n,isSelected:t=!1,...i})=>{let o="neutral900";return t?o="primary600":r&&(o="neutral600"),a.jsx(u.RawTd,{...i,children:a.jsx(p,{tabIndex:-1,onClick:n,$isSelected:t,type:"button",children:a.jsx(l.Typography,{variant:"pi",textColor:o,fontWeight:t?"bold":void 0,children:e})})})};exports.DatePickerTd=y;

package/dist/DatePicker/DatePickerTd.js

@@ -1,44 +1,61 @@
-import l from "react";
-import o from "prop-types";
-import u from "styled-components";
-import "../RawTable/RawTable.js";
+import { jsx as i } from "react/jsx-runtime";
+import p from "styled-components";
+import "react";
+import "../RawTable/RawTableContext.js";
 import { RawTd as c } from "../RawTable/RawCell.js";
-import "../RawTable/RawThead.js";
-import "../RawTable/RawTbody.js";
-import "../RawTable/RawTr.js";
+import "../Box/Box.js";
 import { Typography as n } from "../Typography/Typography.js";
-const s = u.button`
+const d = p.button`
   border: none;
-  background: ${({ theme: e, isSelected: r }) => r ? e.colors.primary100 : e.colors.neutral0};
+  background: ${({
+  theme: r,
+  $isSelected: o
+}) => o ? r.colors.primary100 : r.colors.neutral0};
   height: ${32 / 16}rem;
   text-align: center;
   width: ${32 / 16}rem;
-  border-radius: ${({ theme: e }) => e.borderRadius};
+  border-radius: ${({
+  theme: r
+}) => r.borderRadius};
 
   // Trick to prevent the outline from overflowing because of the general outline-offset
   outline-offset: -2px;
 
   &:hover {
-    background: ${({ theme: e }) => e.colors.primary100};
+    background: ${({
+  theme: r
+}) => r.colors.primary100};
   }
 
   &:hover > ${n} {
-    color: ${({ theme: e }) => e.colors.primary600};
+    color: ${({
+  theme: r
+}) => r.colors.primary600};
   }
-`, a = ({ children: e, outsideMonth: r, onSelectDay: p, isSelected: t, ...m }) => {
-  let i = "neutral900";
-  return t ? i = "primary600" : r && (i = "neutral600"), /* @__PURE__ */ l.createElement(c, { ...m }, /* @__PURE__ */ l.createElement(s, { tabIndex: -1, onClick: p, isSelected: t, type: "button" }, /* @__PURE__ */ l.createElement(n, { variant: "pi", textColor: i, fontWeight: t ? "bold" : null }, e)));
-};
-a.defaultProps = {
-  isSelected: !1,
-  outsideMonth: !1
-};
-a.propTypes = {
-  children: o.node.isRequired,
-  isSelected: o.bool,
-  onSelectDay: o.func.isRequired,
-  outsideMonth: o.bool
+`, y = ({
+  children: r,
+  outsideMonth: o = !1,
+  onSelectDay: l,
+  isSelected: e = !1,
+  ...a
+}) => {
+  let t = "neutral900";
+  return e ? t = "primary600" : o && (t = "neutral600"), i(c, {
+    ...a,
+    children: i(d, {
+      tabIndex: -1,
+      onClick: l,
+      $isSelected: e,
+      type: "button",
+      children: i(n, {
+        variant: "pi",
+        textColor: t,
+        fontWeight: e ? "bold" : void 0,
+        children: r
+      })
+    })
+  });
 };
 export {
-  a as DatePickerTd
+  y as DatePickerTd
 };

package/dist/DatePicker/DatePickerTh.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),i=require("prop-types"),u=require("styled-components"),n=require("../Flex/Flex.cjs");require("../RawTable/RawTable.cjs");const c=require("../RawTable/RawCell.cjs");require("../RawTable/RawThead.cjs");require("../RawTable/RawTbody.cjs");require("../RawTable/RawTr.cjs");const d=require("../Typography/Typography.cjs"),p=require("../VisuallyHidden/VisuallyHidden.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(s),f=r(i),a=r(u),y=a.default(c.RawTh)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("styled-components"),o=require("../Flex/Flex.cjs");require("react");require("../RawTable/RawTableContext.cjs");const s=require("../RawTable/RawCell.cjs");require("../Box/Box.cjs");const l=require("../Typography/Typography.cjs"),n=require("../VisuallyHidden/VisuallyHidden.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=u(a),c=r.default(s.RawTh)`
   // Trick to prevent the outline from overflowing because of the general outline-offset
   outline-offset: -2px;
   border-radius: ${({theme:e})=>e.borderRadius};
   text-transform: capitalize;
-`,T=a.default(n.Flex)`
+`,d=r.default(o.Flex)`
   height: ${24/16}rem;
   width: ${32/16}rem;
-`,l=({children:e,...o})=>t.default.createElement(y,{...o},t.default.createElement(T,{justifyContent:"center"},t.default.createElement(d.Typography,{variant:"pi",fontWeight:"bold",color:"neutral800","aria-hidden":!0},e.substr(0,2)),t.default.createElement(p.VisuallyHidden,null,t.default.createElement("span",null,e))));l.propTypes={children:f.default.string.isRequired};exports.DatePickerTh=l;
+`,h=({children:e,...i})=>t.jsx(c,{...i,children:t.jsxs(d,{justifyContent:"center",children:[t.jsx(l.Typography,{variant:"pi",fontWeight:"bold",color:"neutral800","aria-hidden":!0,children:e.substr(0,2)}),t.jsx(n.VisuallyHidden,{children:t.jsx("span",{children:e})})]})});exports.DatePickerTh=h;

package/dist/DatePicker/DatePickerTh.js

@@ -1,26 +1,42 @@
-import e from "react";
-import i from "prop-types";
-import r from "styled-components";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import t from "styled-components";
 import { Flex as n } from "../Flex/Flex.js";
-import "../RawTable/RawTable.js";
+import "react";
+import "../RawTable/RawTableContext.js";
 import { RawTh as a } from "../RawTable/RawCell.js";
-import "../RawTable/RawThead.js";
-import "../RawTable/RawTbody.js";
-import "../RawTable/RawTr.js";
+import "../Box/Box.js";
 import { Typography as m } from "../Typography/Typography.js";
 import { VisuallyHidden as p } from "../VisuallyHidden/VisuallyHidden.js";
-const l = r(a)`
+const s = t(a)`
   // Trick to prevent the outline from overflowing because of the general outline-offset
   outline-offset: -2px;
-  border-radius: ${({ theme: t }) => t.borderRadius};
+  border-radius: ${({
+  theme: r
+}) => r.borderRadius};
   text-transform: capitalize;
-`, s = r(n)`
+`, l = t(n)`
   height: ${24 / 16}rem;
   width: ${32 / 16}rem;
-`, f = ({ children: t, ...o }) => /* @__PURE__ */ e.createElement(l, { ...o }, /* @__PURE__ */ e.createElement(s, { justifyContent: "center" }, /* @__PURE__ */ e.createElement(m, { variant: "pi", fontWeight: "bold", color: "neutral800", "aria-hidden": !0 }, t.substr(0, 2)), /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement("span", null, t))));
-f.propTypes = {
-  children: i.string.isRequired
-};
+`, y = ({
+  children: r,
+  ...o
+}) => e(s, {
+  ...o,
+  children: i(l, {
+    justifyContent: "center",
+    children: [e(m, {
+      variant: "pi",
+      fontWeight: "bold",
+      color: "neutral800",
+      "aria-hidden": !0,
+      children: r.substr(0, 2)
+    }), e(p, {
+      children: e("span", {
+        children: r
+      })
+    })]
+  })
+});
 export {
-  f as DatePickerTh
+  y as DatePickerTh
 };

package/dist/DatePicker/components.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),a=require("../Box/Box.cjs"),n=require("../Field/FieldInput.cjs"),i=require("../Popover/Popover.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=d(t),s=o.default(i.Popover)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),n=require("../Box/Box.cjs"),a=require("../Field/FieldInput.cjs"),i=require("../Popover/Popover.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=s(r),d=o.default(i.Popover)`
   max-height: ${3*6}rem;
   overflow: hidden;
 `,l=o.default.button`
@@ -11,10 +11,12 @@
     fill: ${({theme:e})=>e.colors.neutral500};
   }
 `,c=o.default.div`
-  ${({bold:e,theme:r})=>e?`& ${n.InputWrapper} {
-  border: 1px solid ${r.colors.primary600};
-}`:void 0}
-`,u=o.default(a.Box)`
+  ${({bold:e,theme:t})=>e?r.css`
+          & ${a.InputWrapper} {
+            border: 1px solid ${t.colors.primary600};
+          }
+        `:""}
+`,u=o.default(n.Box)`
   background: transparent;
   border: none;
   position: relative;
@@ -28,4 +30,4 @@
   svg path {
     fill: ${({theme:e})=>e.colors.neutral600};
   }
-`;exports.DatePickerButton=l;exports.DatePickerPopover=s;exports.DatePickerWrapper=c;exports.IconBox=u;
+`;exports.DatePickerButton=l;exports.DatePickerPopover=d;exports.DatePickerWrapper=c;exports.IconBox=u;

package/dist/DatePicker/components.js

@@ -1,11 +1,11 @@
-import o from "styled-components";
-import { Box as t } from "../Box/Box.js";
+import o, { css as t } from "styled-components";
+import { Box as n } from "../Box/Box.js";
 import { InputWrapper as i } from "../Field/FieldInput.js";
 import { Popover as a } from "../Popover/Popover.js";
-const l = o(a)`
+const c = o(a)`
   max-height: ${3 * 6}rem;
   overflow: hidden;
-`, c = o.button`
+`, m = o.button`
   border: none;
   background: transparent;
   border-radius: ${({ theme: r }) => r.borderRadius};
@@ -14,11 +14,13 @@ const l = o(a)`
   & svg path {
     fill: ${({ theme: r }) => r.colors.neutral500};
   }
-`, m = o.div`
-  ${({ bold: r, theme: e }) => r ? `& ${i} {
-  border: 1px solid ${e.colors.primary600};
-}` : void 0}
-`, u = o(t)`
+`, u = o.div`
+  ${({ bold: r, theme: e }) => r ? t`
+          & ${i} {
+            border: 1px solid ${e.colors.primary600};
+          }
+        ` : ""}
+`, $ = o(n)`
   background: transparent;
   border: none;
   position: relative;
@@ -34,8 +36,8 @@ const l = o(a)`
   }
 `;
 export {
-  c as DatePickerButton,
-  l as DatePickerPopover,
-  m as DatePickerWrapper,
-  u as IconBox
+  m as DatePickerButton,
+  c as DatePickerPopover,
+  u as DatePickerWrapper,
+  $ as IconBox
 };

package/dist/DatePicker/utils/getDayOfWeek.js

@@ -1,13 +1,13 @@
 const D = () => {
-  const t = new Intl.DateTimeFormat(void 0, { weekday: "long" }).format, e = new Date(1970, 0, 1), n = new Date(1970, 0, 2), o = new Date(1970, 0, 3), a = new Date(1970, 0, 4), s = new Date(1970, 0, 5), w = new Date(1970, 0, 6), c = new Date(1970, 0, 7);
+  const e = new Intl.DateTimeFormat(void 0, { weekday: "long" }).format, t = new Date(1970, 0, 1), n = new Date(1970, 0, 2), o = new Date(1970, 0, 3), a = new Date(1970, 0, 4), s = new Date(1970, 0, 5), w = new Date(1970, 0, 6), c = new Date(1970, 0, 7);
   return {
-    sun: t(a),
-    mon: t(s),
-    tue: t(w),
-    wed: t(c),
-    thu: t(e),
-    fri: t(n),
-    sat: t(o)
+    sun: e(a),
+    mon: e(s),
+    tue: e(w),
+    wed: e(c),
+    thu: e(t),
+    fri: e(n),
+    sat: e(o)
   };
 };
 export {

package/dist/DatePicker/utils/getMonths.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=()=>{const t=new Intl.DateTimeFormat(void 0,{month:"long"}).format;return Array(12).fill(null).map((n,e)=>t(new Date(1970,e,1)))};exports.getMonths=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=()=>{const e=new Intl.DateTimeFormat(void 0,{month:"long"}).format;return Array(12).fill(null).map((o,t)=>e(new Date(1970,t,1)))};exports.getMonths=n;

package/dist/DatePicker/utils/getMonths.js

@@ -1,7 +1,7 @@
-const e = () => {
+const o = () => {
   const t = new Intl.DateTimeFormat(void 0, { month: "long" }).format;
-  return Array(12).fill(null).map((o, n) => t(new Date(1970, n, 1)));
+  return Array(12).fill(null).map((e, n) => t(new Date(1970, n, 1)));
 };
 export {
-  e as getMonths
+  o as getMonths
 };

package/dist/DatePicker/utils/getYears.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=200,u=15,c=(s,a)=>{const t=new Date().getFullYear(),n=s?.getFullYear()??parseInt(t,10)-l,o=a?.getFullYear()??parseInt(t,10)+u,r=[];for(let e=n;e<=o;e++)r.push(e);return r};exports.getYears=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=200,u=15,c=(s,a)=>{const t=new Date().getFullYear(),n=s?.getFullYear()??t-l,o=a?.getFullYear()??t+u,r=[];for(let e=n;e<=o;e++)r.push(e);return r};exports.getYears=c;

package/dist/DatePicker/utils/getYears.js

@@ -1,5 +1,5 @@
 const E = (n, s) => {
-  const t = new Date().getFullYear(), a = n?.getFullYear() ?? parseInt(t, 10) - 200, A = s?.getFullYear() ?? parseInt(t, 10) + 15, r = [];
+  const t = new Date().getFullYear(), a = n?.getFullYear() ?? t - 200, A = s?.getFullYear() ?? t + 15, r = [];
   for (let e = a; e <= A; e++)
     r.push(e);
   return r;

package/dist/DateTimePicker/DateTimePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),$=require("./DateTimePickerProps.cjs"),E=require("./parseDate.cjs"),L=require("../DatePicker/DatePicker.cjs"),V=require("../Field/Field.cjs"),v=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const C=require("../Field/FieldHint.cjs"),R=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const x=require("../helpers/useId.cjs"),y=require("../Stack/Stack.cjs"),A=require("../TimePicker/TimePicker.cjs"),O=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},s=O(p),P=({ariaLabel:i,clearLabel:g,disabled:T,error:f,hint:D,label:o,labelAction:H,onChange:a,onClear:m,name:j,required:k,selectButtonTitle:M,size:S,step:b,value:c,...q})=>{const n=E.parseDate(c),[r,d]=p.useState(n),[u,l]=p.useState(n?`${n.getHours()}:${n.getMinutes()}:${n.getSeconds()}`:null),h=e=>{d(e);let t;u?(t=new Date(e),t.setHours(u.split(":")[0]),t.setMinutes(u.split(":")[1])):(t=new Date(e),l(`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`)),a&&a(t)},w=e=>{l(e);const t=r?new Date(r):new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),r||d(t),a&&a(t)},I=()=>{d(void 0),l(void 0),m()},_=()=>{l(void 0);let e;r&&(e=new Date(r),e.setHours("00"),e.setMinutes("00")),a&&a(e)};p.useEffect(()=>{if(c&&+c!=+r){const e=E.parseDate(c);d(e),l(e?`${e.getHours()}:${e.getMinutes()}:${e.getSeconds()}`:null)}else c||(d(void 0),l(void 0))},[c,r]);const F=x.useId(q?.id);return s.default.createElement(V.Field,{name:j,role:"group",id:F,"aria-labelledby":F,hint:D,error:f,required:k},s.default.createElement(y.Stack,{spacing:1},o&&s.default.createElement(v.FieldLabel,{action:H},o),s.default.createElement(y.Stack,{horizontal:!0,spacing:2},s.default.createElement(L.DatePicker,{"data-testid":"datetimepicker-date",id:F,name:j,ariaLabel:o||i,error:typeof f=="string",hint:typeof D=="string",selectedDate:r,selectedDateLabel:e=>`Date picker, current is ${e}`,onChange:h,required:k,size:S,onClear:m&&I,clearLabel:g,disabled:T,...q}),s.default.createElement(A.TimePicker,{"data-testid":"datetimepicker-time",size:S,"aria-label":o||i,error:typeof f=="string",hint:typeof D=="string",value:u,onChange:w,onClear:m&&_,clearLabel:g,required:k,selectButtonTitle:M,disabled:T,step:b})),s.default.createElement(C.FieldHint,null),s.default.createElement(R.FieldError,null)))};P.defaultProps=$.dateTimePickerDefaultProps;P.propTypes=$.dateTimePickerPropTypes;exports.DateTimePicker=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),$=require("../DatePicker/DatePicker.cjs"),w=require("../Field/Field.cjs"),L=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const v=require("../Field/FieldHint.cjs"),E=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const g=require("../Flex/Flex.cjs"),N=require("../hooks/useControllableState.cjs"),V=require("../hooks/useId.cjs"),_=require("../TimePicker/TimePicker.cjs"),z=({ariaLabel:l,clearLabel:s="clear",disabled:p=!1,error:c,hint:d,id:h,label:u,labelAction:x,onChange:f,onClear:m,name:q,required:F=!1,selectButtonTitle:b="select",size:D="M",step:k=1,value:T,...C})=>{const P=A(T),[t,a]=N.useControllableState({prop:P,onChange:f}),r=t?`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`:void 0,I=e=>{if(r){const[n,j]=r.split(":");e.setHours(parseInt(n,10)),e.setMinutes(parseInt(j,10))}a(e)},S=e=>{const n=t?new Date(t):new Date,[j,y]=e.split(":");n.setHours(parseInt(j,10)),n.setMinutes(parseInt(y,10)),a(n)},H=()=>{a(void 0),m&&m()},M=()=>{let e=t?new Date(t):new Date;e.setHours(0),e.setMinutes(0),a(e)},o=V.useId(h);return i.jsx(w.Field,{name:q,role:"group",id:o,"aria-labelledby":o,hint:d,error:c,required:F,children:i.jsxs(g.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[i.jsx(L.FieldLabel,{action:x,children:u}),i.jsxs(g.Flex,{gap:2,children:[i.jsx($.DatePicker,{ariaLabel:u||l,selectedDate:t,selectedDateLabel:e=>`Date picker, current is ${e}`,onChange:I,error:typeof c=="string",hint:typeof d=="string",required:F,size:D,onClear:H,clearLabel:`${s} date`,disabled:p,id:o,...C}),i.jsx(_.TimePicker,{size:D,"aria-label":u||l,error:typeof c=="string",hint:typeof d=="string",value:r,onChange:S,onClear:r!==void 0&&r!=="0:0:0"?M:void 0,clearLabel:`${s} time`,required:F,selectButtonTitle:b,disabled:p,step:k,id:o})]}),i.jsx(v.FieldHint,{}),i.jsx(E.FieldError,{})]})})},A=l=>{const s=Date.parse(l);if(!Number.isNaN(s))return new Date(s)};exports.DateTimePicker=z;