@strapi/design-system 1.4.0 → 1.4.2

package/dist/Combobox/Combobox.js

@@ -1,37 +1,37 @@
 var Le = Object.defineProperty, we = Object.defineProperties;
 var $e = Object.getOwnPropertyDescriptors;
 var w = Object.getOwnPropertySymbols;
-var G = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
-var W = (o, i, a) => i in o ? Le(o, i, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[i] = a, D = (o, i) => {
+var J = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
+var G = (o, i, a) => i in o ? Le(o, i, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[i] = a, B = (o, i) => {
   for (var a in i || (i = {}))
-    G.call(i, a) && W(o, a, i[a]);
+    J.call(i, a) && G(o, a, i[a]);
   if (w)
     for (var a of w(i))
-      J.call(i, a) && W(o, a, i[a]);
+      Q.call(i, a) && G(o, a, i[a]);
   return o;
-}, F = (o, i) => we(o, $e(i));
-var Q = (o, i) => {
+}, D = (o, i) => we(o, $e(i));
+var X = (o, i) => {
   var a = {};
   for (var p in o)
-    G.call(o, p) && i.indexOf(p) < 0 && (a[p] = o[p]);
+    J.call(o, p) && i.indexOf(p) < 0 && (a[p] = o[p]);
   if (o != null && w)
     for (var p of w(o))
-      i.indexOf(p) < 0 && J.call(o, p) && (a[p] = o[p]);
+      i.indexOf(p) < 0 && Q.call(o, p) && (a[p] = o[p]);
   return a;
 };
-import r, { useState as k, useRef as y, useEffect as X, useLayoutEffect as Re, Children as Y, cloneElement as Se } from "react";
+import r, { useState as k, useRef as y, useEffect as Y, useLayoutEffect as Re, Children as Z, cloneElement as Se } from "react";
 import e from "prop-types";
 import Be from "@strapi/icons/CarretDown";
 import De from "@strapi/icons/Cross";
 import { useId as Fe } from "../helpers/useId.js";
-import { filterOptions as Z, maintainScrollVisibility as Te, getActionFromKey as Ae, MenuActions as h, getUpdatedIndex as T } from "./utils.js";
-import { Flex as ee } from "../Flex/Flex.js";
+import { filterOptions as ee, maintainScrollVisibility as Te, getActionFromKey as Ae, MenuActions as h, getUpdatedIndex as F } from "./utils.js";
+import { Flex as te } from "../Flex/Flex.js";
 import { IconBox as Pe, CaretBox as Ve } from "../Select/components.js";
 import { Popover as Ke } from "../Popover/Popover.js";
 import { Box as Ne } from "../Box/Box.js";
-import { Typography as te } from "../Typography/Typography.js";
-import { Loader as qe } from "../Loader/Loader.js";
-import { MainRow as He, InputContainer as Ue, ValueContainer as _e, Input as je } from "./components.js";
+import { Typography as oe } from "../Typography/Typography.js";
+import { Loader as He } from "../Loader/Loader.js";
+import { MainRow as Ue, InputContainer as _e, ValueContainer as je, Input as qe } from "./components.js";
 import { ComboboxOption as ze } from "./ComboboxOption.js";
 import { ComboboxList as We } from "./ComboboxList.js";
 import { Field as Ge } from "../Field/Field.js";
@@ -52,22 +52,22 @@ const O = (tt) => {
     createMessage: p,
     disabled: u,
     error: $,
-    hasMoreItems: re,
-    hint: A,
+    hasMoreItems: ne,
+    hint: T,
     label: E,
-    labelAction: ne,
+    labelAction: ae,
     loading: R,
-    loadingMessage: ae,
-    noOptionsMessage: ie,
-    onChange: P,
-    onClear: V,
-    onCreateOption: le,
-    onInputChange: K,
-    onLoadMore: se,
-    placeholder: ce,
-    required: pe,
+    loadingMessage: ie,
+    noOptionsMessage: le,
+    onChange: A,
+    onClear: P,
+    onCreateOption: se,
+    onInputChange: V,
+    onLoadMore: ce,
+    placeholder: pe,
+    required: K,
     value: m
-  } = N, de = Q(N, [
+  } = N, de = X(N, [
     "children",
     "clearLabel",
     "creatable",
@@ -96,31 +96,31 @@ const O = (tt) => {
       var l;
       return ((l = n.props) == null ? void 0 : l.value.toLowerCase()) === m.toLowerCase();
     }).props) == null ? void 0 : t.children;
-  }, [c, q] = k(0), [ue, me] = k(null), [f, H] = k(o), [g, be] = k(!1), [s, M] = k(""), x = y(), L = y(!1), I = y(), U = y(), ge = y(), _ = y(!0), d = Fe("combobox"), S = `${d}-label`;
+  }, [c, H] = k(0), [ue, me] = k(null), [f, U] = k(o), [g, be] = k(!1), [s, M] = k(""), x = y(), L = y(!1), I = y(), _ = y(), ge = y(), j = y(!0), d = Fe("combobox"), q = `${d}-label`;
   if (!E && !de["aria-label"])
     throw new Error('The Combobox component needs a "label" or an "aria-label" props');
-  X(() => {
-    H(Z(o, s));
-  }, [s, o]), X(() => {
+  Y(() => {
+    U(ee(o, s));
+  }, [s, o]), Y(() => {
     g && x.current && Te(x.current);
   }, [c, g]), Re(() => {
-    _.current && (_.current = !1);
+    j.current && (j.current = !1);
   }, [m]);
-  const Ce = g ? `${d}-${c}` : "", j = () => {
-    P(null), M("");
+  const Ce = g ? `${d}-${c}` : "", z = () => {
+    A(null), M("");
   }, he = (t) => {
-    K && K(t);
+    V && V(t);
     const n = I.current.value;
-    H(Z(o, n)), q(0), me(null), s !== n && M(n), g || b(!0, !1);
+    U(ee(o, n)), H(0), me(null), s !== n && M(n), g || b(!0, !1);
   }, Ee = (t) => {
     const { key: n } = t, l = a && s ? f.length : f.length - 1, v = Ae(n, g);
-    switch (m && !s && n === Ze.BACKSPACE && j(), v) {
+    switch (m && !s && n === Ze.BACKSPACE && z(), v) {
       case h.Next: {
         if (c === l) {
           C(0);
           break;
         }
-        C(T(c, l, v));
+        C(F(c, l, v));
         break;
       }
       case h.Previous: {
@@ -128,7 +128,7 @@ const O = (tt) => {
           C(l);
           break;
         }
-        C(T(c, l, v));
+        C(F(c, l, v));
         break;
       }
       case h.Last:
@@ -137,11 +137,11 @@ const O = (tt) => {
           C(0);
           break;
         }
-        C(T(c, l, v));
+        C(F(c, l, v));
         break;
       }
       case h.CloseSelect:
-        t.preventDefault(), B(c);
+        t.preventDefault(), S(c);
         break;
       case h.Close:
         t.preventDefault(), b(!1);
@@ -157,36 +157,36 @@ const O = (tt) => {
     }
     b(!1, !1);
   }, C = (t) => {
-    q(t);
+    H(t);
   }, ve = (t) => {
-    C(t), B(t);
-  }, z = () => {
+    C(t), S(t);
+  }, W = () => {
     L.current = !0;
-  }, B = (t) => {
+  }, S = (t) => {
     const n = f[t];
     if (M(""), n) {
-      P(n.props.value), b(!1);
+      A(n.props.value), b(!1);
       return;
     }
-    a && (le(s), b(!1));
+    a && (se(s), b(!1));
   }, b = (t, n = !0) => {
     be(t), n && I.current.focus();
-  }, ye = Y.toArray(f).map((t, n) => {
+  }, ye = Z.toArray(f).map((t, n) => {
     const l = c === n;
     return Se(t, {
       id: `${d}-${n}`,
       "aria-selected": ue === n,
       "aria-posinset": n + 1,
-      "aria-setsize": Y.toArray(f).length,
+      "aria-setsize": Z.toArray(f).length,
       ref(v) {
         l && (x.current = v);
       },
       onClick: () => ve(n),
-      onMouseDown: z,
+      onMouseDown: W,
       isSelected: l
     });
   }), Ie = () => {
-    I.current.focus(), V && V(), j();
+    I.current.focus(), P && P(), z();
   }, ke = () => {
     I.current.focus(), b(!0);
   }, Oe = () => {
@@ -199,50 +199,50 @@ const O = (tt) => {
     t.preventDefault(), b(t, !0);
   };
   return /* @__PURE__ */ r.createElement(Ge, {
-    hint: A,
+    hint: T,
     error: $,
-    id: d
+    id: d,
+    required: K
   }, /* @__PURE__ */ r.createElement(et, {
     "aria-live": "polite",
     "aria-atomic": "false",
     "aria-relevant": "additions text"
   }, m), /* @__PURE__ */ r.createElement(Ye, {
-    spacing: E || A || $ ? 1 : 0
+    spacing: E || T || $ ? 1 : 0
   }, E && /* @__PURE__ */ r.createElement(Je, {
-    action: ne,
-    required: pe,
-    id: S
-  }, E), /* @__PURE__ */ r.createElement(He, {
-    ref: U,
+    action: ae
+  }, E), /* @__PURE__ */ r.createElement(Ue, {
+    ref: _,
     $disabled: u,
     hasError: $
-  }, /* @__PURE__ */ r.createElement(Ue, {
+  }, /* @__PURE__ */ r.createElement(_e, {
     wrap: "wrap"
-  }, !s && m && /* @__PURE__ */ r.createElement(_e, {
+  }, !s && m && /* @__PURE__ */ r.createElement(je, {
     id: `${d}-selected-value`
-  }, /* @__PURE__ */ r.createElement(te, null, fe())), /* @__PURE__ */ r.createElement(je, {
+  }, /* @__PURE__ */ r.createElement(oe, null, fe())), /* @__PURE__ */ r.createElement(qe, {
     "aria-activedescendant": Ce,
     "aria-autocomplete": "list",
     "aria-controls": `${d}-listbox`,
     "aria-disabled": u,
     "aria-expanded": g,
     "aria-haspopup": "listbox",
-    "aria-labelledby": E ? S : void 0,
+    "aria-labelledby": E ? q : void 0,
+    autoComplete: "off",
+    autoCorrect: "off",
     id: d,
     onBlur: u ? void 0 : xe,
     onClick: u ? void 0 : Me,
     onInput: u ? void 0 : he,
     onKeyDown: u ? void 0 : Ee,
-    placeholder: m ? "" : ce,
+    placeholder: m ? "" : pe,
     readOnly: u,
     ref: I,
+    required: K,
     role: "combobox",
-    autoComplete: "off",
-    autoCorrect: "off",
     spellCheck: "off",
     type: "text",
     value: s
-  })), /* @__PURE__ */ r.createElement(ee, null, (m || s) && /* @__PURE__ */ r.createElement(Pe, {
+  })), /* @__PURE__ */ r.createElement(te, null, (m || s) && /* @__PURE__ */ r.createElement(Pe, {
     id: `${d}-clear`,
     "aria-label": i,
     disabled: u,
@@ -260,16 +260,16 @@ const O = (tt) => {
     type: "button"
   }, /* @__PURE__ */ r.createElement(Be, null)))), /* @__PURE__ */ r.createElement(Qe, null), /* @__PURE__ */ r.createElement(Xe, null)), g && /* @__PURE__ */ r.createElement(Ke, {
     id: `${d}-popover`,
-    source: U,
+    source: _,
     spacing: 4,
     fullWidth: !0,
     intersectionId: `${d}-listbox-popover-intersection`,
-    onReachEnd: re && !R ? se : void 0
+    onReachEnd: ne && !R ? ce : void 0
   }, /* @__PURE__ */ r.createElement("div", {
     role: "listbox",
     ref: ge,
     id: `${d}-listbox`,
-    "aria-labelledby": E ? S : void 0
+    "aria-labelledby": E ? q : void 0
   }, (Boolean(f.length) || a) && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(We, {
     activeOptionRef: x,
     options: ye
@@ -278,8 +278,8 @@ const O = (tt) => {
     ref: (t) => {
       c === f.length && (x.current = t);
     },
-    onMouseDown: z,
-    onClick: () => B(),
+    onMouseDown: W,
+    onClick: () => S(),
     taindex: 0
   }, p(s))), !f.length && !a && !R && /* @__PURE__ */ r.createElement(Ne, {
     paddingLeft: 4,
@@ -287,17 +287,17 @@ const O = (tt) => {
     paddingTop: 2,
     paddingBottom: 2,
     ref: x
-  }, /* @__PURE__ */ r.createElement(te, {
+  }, /* @__PURE__ */ r.createElement(oe, {
     textColor: "neutral800"
-  }, ie(s))), R && /* @__PURE__ */ r.createElement(ee, {
+  }, le(s))), R && /* @__PURE__ */ r.createElement(te, {
     justifyContent: "center",
     alignItems: "center",
     paddingTop: 2,
     paddingBottom: 2
-  }, /* @__PURE__ */ r.createElement(qe, {
+  }, /* @__PURE__ */ r.createElement(He, {
     small: !0
-  }, ae)))));
-}, oe = (o) => /* @__PURE__ */ r.createElement(O, F(D({}, o), {
+  }, ie)))));
+}, re = (o) => /* @__PURE__ */ r.createElement(O, D(B({}, o), {
   creatable: !0
 }));
 O.defaultProps = {
@@ -320,7 +320,7 @@ O.defaultProps = {
   placeholder: "Select or enter a value",
   value: void 0
 };
-oe.defaultProps = O.defaultProps;
+re.defaultProps = O.defaultProps;
 O.propTypes = {
   "aria-label": e.string,
   children: e.oneOfType([e.arrayOf(e.node), e.node]),
@@ -344,10 +344,10 @@ O.propTypes = {
   placeholder: e.string,
   value: e.string
 };
-oe.propTypes = F(D({}, O.propTypes), {
+re.propTypes = D(B({}, O.propTypes), {
   onCreateOption: e.func.isRequired
 });
 export {
   O as Combobox,
-  oe as CreatableCombobox
+  re as CreatableCombobox
 };

package/dist/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";var W=Object.defineProperty;var c=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var P=(e,a,t)=>a in e?W(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,j=(e,a)=>{for(var t in a||(a={}))I.call(a,t)&&P(e,t,a[t]);if(c)for(var t of c(a))_.call(a,t)&&P(e,t,a[t]);return e};var y=(e,a)=>{var t={};for(var n in e)I.call(e,n)&&a.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&c)for(var n of c(e))a.indexOf(n)<0&&_.call(e,n)&&(t[n]=e[n]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),A=require("prop-types"),V=require("@strapi/icons/Calendar"),w=require("@strapi/icons/Cross"),F=require("../themes/sizes.cjs"),G=require("../TextInput/TextInput.cjs"),D=require("./components.cjs"),H=require("./DatePickerCalendar.cjs"),R=require("./utils/formatDate.cjs"),J=require("../helpers/useId.cjs"),K=require("../helpers/getDefaultLocale.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=u(i),r=u(A),N=u(V),Q=u(w),g=U=>{var C=U,{ariaLabel:e,initialDate:a,selectedDate:t,onChange:n,label:d,locale:E,selectedDateLabel:T,onClear:b,clearLabel:L,disabled:o,id:x}=C,z=y(C,["ariaLabel","initialDate","selectedDate","onChange","label","locale","selectedDateLabel","onClear","clearLabel","disabled","id"]);const O=J.useId("datepicker",x),[m,f]=i.useState(!1),s=i.useRef(null),v=i.useRef(null),h=E||K.getDefaultLocale(),k=t?R.formatDate(t,h):"",q=()=>{o||f(p=>!p)},S=()=>{o||(b(),v.current.focus())},B=p=>{n(p),f(!1)},M=()=>{f(!1)};return l.default.createElement(D.DatePickerWrapper,{bold:m},l.default.createElement(G.TextInput,j({ref:s,onClick:q,onChange:()=>{},value:k,startAction:l.default.createElement(D.DatePickerButton,{ref:v,onClick:q,"aria-label":t?T(R.formatDate(t,h)):d||e,type:"button","aria-disabled":o},l.default.createElement(N.default,{"aria-hidden":!0})),endAction:b&&k?l.default.createElement(D.IconBox,{as:"button",onClick:S,"aria-label":L,"aria-disabled":o},l.default.createElement(Q.default,null)):void 0,"aria-autocomplete":"none",label:d,"aria-label":e,disabled:o,id:O},z)),s.current&&s.current.inputWrapperRef&&m&&l.default.createElement(H.DatePickerCalendar,{selectedDate:t,initialDate:a,onChange:B,onEscape:M,popoverSource:s.current.inputWrapperRef,label:d||e}))};g.defaultProps={ariaLabel:void 0,clearLabel:void 0,disabled:!1,id:void 0,label:void 0,locale:void 0,initialDate:new Date,onClear:void 0,placeholder:void 0,selectedDate:void 0,size:"M"};g.propTypes={ariaLabel:r.default.string,clearLabel:r.default.string,disabled:r.default.bool,id:r.default.string,initialDate:r.default.instanceOf(Date),label:r.default.string,locale:r.default.string,onChange:r.default.func.isRequired,onClear:r.default.func,placeholder:r.default.string,selectedDate:r.default.instanceOf(Date),selectedDateLabel:r.default.func.isRequired,size:r.default.oneOf(Object.keys(F.sizes.input))};exports.DatePicker=g;
+"use strict";var V=Object.defineProperty;var s=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var P=(e,a,t)=>a in e?V(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,j=(e,a)=>{for(var t in a||(a={}))I.call(a,t)&&P(e,t,a[t]);if(s)for(var t of s(a))_.call(a,t)&&P(e,t,a[t]);return e};var y=(e,a)=>{var t={};for(var r in e)I.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&s)for(var r of s(e))a.indexOf(r)<0&&_.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),w=require("prop-types"),F=require("@strapi/icons/Calendar"),G=require("@strapi/icons/Cross"),H=require("../themes/sizes.cjs"),J=require("../TextInput/TextInput.cjs"),D=require("./components.cjs"),K=require("./DatePickerCalendar.cjs"),R=require("./utils/formatDate.cjs"),N=require("../helpers/useId.cjs"),Q=require("../helpers/getDefaultLocale.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=u(c),n=u(w),U=u(F),X=u(G),m=Y=>{var b=Y,{ariaLabel:e,initialDate:a,selectedDate:t,onChange:r,label:d,locale:E,selectedDateLabel:T,onClear:g,clearLabel:x,disabled:o,id:L,minDate:O,maxDate:z}=b,S=y(b,["ariaLabel","initialDate","selectedDate","onChange","label","locale","selectedDateLabel","onClear","clearLabel","disabled","id","minDate","maxDate"]);const B=N.useId("datepicker",L),[C,f]=c.useState(!1),i=c.useRef(null),v=c.useRef(null),h=E||Q.getDefaultLocale(),k=t?R.formatDate(t,h):"",q=()=>{o||f(p=>!p)},M=()=>{o||(g(),v.current.focus())},W=p=>{r(p),f(!1)},A=()=>{f(!1)};return l.default.createElement(D.DatePickerWrapper,{bold:C},l.default.createElement(J.TextInput,j({ref:i,onClick:q,onChange:()=>{},value:k,startAction:l.default.createElement(D.DatePickerButton,{ref:v,onClick:q,"aria-label":t?T(R.formatDate(t,h)):d||e,type:"button","aria-disabled":o},l.default.createElement(U.default,{"aria-hidden":!0})),endAction:g&&k?l.default.createElement(D.IconBox,{as:"button",onClick:M,"aria-label":x,"aria-disabled":o},l.default.createElement(X.default,null)):void 0,"aria-autocomplete":"none",label:d,"aria-label":e,disabled:o,id:B},S)),i.current&&i.current.inputWrapperRef&&C&&l.default.createElement(K.DatePickerCalendar,{selectedDate:t,initialDate:a,onChange:W,onEscape:A,popoverSource:i.current.inputWrapperRef,label:d||e,minDate:O,maxDate:z}))};m.defaultProps={ariaLabel:void 0,clearLabel:void 0,disabled:!1,id:void 0,label:void 0,locale:void 0,initialDate:new Date,minDate:void 0,maxDate:void 0,onClear:void 0,placeholder:void 0,selectedDate:void 0,size:"M"};m.propTypes={ariaLabel:n.default.string,clearLabel:n.default.string,disabled:n.default.bool,id:n.default.string,initialDate:n.default.instanceOf(Date),label:n.default.string,locale:n.default.string,maxDate:n.default.instanceOf(Date),minDate:n.default.instanceOf(Date),onChange:n.default.func.isRequired,onClear:n.default.func,placeholder:n.default.string,selectedDate:n.default.instanceOf(Date),selectedDateLabel:n.default.func.isRequired,size:n.default.oneOf(Object.keys(H.sizes.input))};exports.DatePicker=m;

package/dist/DatePicker/DatePicker.js

@@ -1,48 +1,50 @@
-var S = Object.defineProperty;
+var _ = Object.defineProperty;
 var c = Object.getOwnPropertySymbols;
 var h = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var D = (t, r, e) => r in t ? S(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e, E = (t, r) => {
-  for (var e in r || (r = {}))
-    h.call(r, e) && D(t, e, r[e]);
+var C = (t, a, e) => a in t ? _(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, E = (t, a) => {
+  for (var e in a || (a = {}))
+    h.call(a, e) && C(t, e, a[e]);
   if (c)
-    for (var e of c(r))
-      k.call(r, e) && D(t, e, r[e]);
+    for (var e of c(a))
+      k.call(a, e) && C(t, e, a[e]);
   return t;
 };
-var R = (t, r) => {
+var R = (t, a) => {
   var e = {};
   for (var o in t)
-    h.call(t, o) && r.indexOf(o) < 0 && (e[o] = t[o]);
+    h.call(t, o) && a.indexOf(o) < 0 && (e[o] = t[o]);
   if (t != null && c)
     for (var o of c(t))
-      r.indexOf(o) < 0 && k.call(t, o) && (e[o] = t[o]);
+      a.indexOf(o) < 0 && k.call(t, o) && (e[o] = t[o]);
   return e;
 };
-import n, { useState as V, useRef as P } from "react";
-import a from "prop-types";
-import _ from "@strapi/icons/Calendar";
-import j from "@strapi/icons/Cross";
-import { sizes as w } from "../themes/sizes.js";
-import { TextInput as M } from "../TextInput/TextInput.js";
-import { DatePickerWrapper as F, DatePickerButton as G, IconBox as H } from "./components.js";
-import { DatePickerCalendar as J } from "./DatePickerCalendar.js";
-import { formatDate as y } from "./utils/formatDate.js";
-import { useId as K } from "../helpers/useId.js";
-import { getDefaultLocale as N } from "../helpers/getDefaultLocale.js";
-const I = (Q) => {
-  var d = Q, {
+import n, { useState as j, useRef as P } from "react";
+import r from "prop-types";
+import w from "@strapi/icons/Calendar";
+import M from "@strapi/icons/Cross";
+import { sizes as F } from "../themes/sizes.js";
+import { TextInput as G } from "../TextInput/TextInput.js";
+import { DatePickerWrapper as H, DatePickerButton as J, IconBox as K } from "./components.js";
+import { DatePickerCalendar as N } from "./DatePickerCalendar.js";
+import { formatDate as O } from "./utils/formatDate.js";
+import { useId as Q } from "../helpers/useId.js";
+import { getDefaultLocale as U } from "../helpers/getDefaultLocale.js";
+const x = (X) => {
+  var u = X, {
     ariaLabel: t,
-    initialDate: r,
+    initialDate: a,
     selectedDate: e,
     onChange: o,
     label: s,
-    locale: L,
-    selectedDateLabel: O,
-    onClear: u,
-    clearLabel: x,
+    locale: y,
+    selectedDateLabel: I,
+    onClear: m,
+    clearLabel: L,
     disabled: i,
-    id: z
-  } = d, B = R(d, [
+    id: z,
+    minDate: B,
+    maxDate: T
+  } = u, W = R(u, [
     "ariaLabel",
     "initialDate",
     "selectedDate",
@@ -53,55 +55,59 @@ const I = (Q) => {
     "onClear",
     "clearLabel",
     "disabled",
-    "id"
+    "id",
+    "minDate",
+    "maxDate"
   ]);
-  const T = K("datepicker", z), [m, p] = V(!1), l = P(null), b = P(null), g = L || N(), v = e ? y(e, g) : "", C = () => {
-    i || p((f) => !f);
-  }, W = () => {
-    i || (u(), b.current.focus());
-  }, q = (f) => {
-    o(f), p(!1);
+  const q = Q("datepicker", z), [d, f] = j(!1), l = P(null), D = P(null), b = y || U(), g = e ? O(e, b) : "", v = () => {
+    i || f((p) => !p);
   }, A = () => {
-    p(!1);
+    i || (m(), D.current.focus());
+  }, S = (p) => {
+    o(p), f(!1);
+  }, V = () => {
+    f(!1);
   };
-  return /* @__PURE__ */ n.createElement(F, {
-    bold: m
-  }, /* @__PURE__ */ n.createElement(M, E({
+  return /* @__PURE__ */ n.createElement(H, {
+    bold: d
+  }, /* @__PURE__ */ n.createElement(G, E({
     ref: l,
-    onClick: C,
+    onClick: v,
     onChange: () => {
     },
-    value: v,
-    startAction: /* @__PURE__ */ n.createElement(G, {
-      ref: b,
-      onClick: C,
-      "aria-label": e ? O(y(e, g)) : s || t,
+    value: g,
+    startAction: /* @__PURE__ */ n.createElement(J, {
+      ref: D,
+      onClick: v,
+      "aria-label": e ? I(O(e, b)) : s || t,
       type: "button",
       "aria-disabled": i
-    }, /* @__PURE__ */ n.createElement(_, {
+    }, /* @__PURE__ */ n.createElement(w, {
       "aria-hidden": !0
     })),
-    endAction: u && v ? /* @__PURE__ */ n.createElement(H, {
+    endAction: m && g ? /* @__PURE__ */ n.createElement(K, {
       as: "button",
-      onClick: W,
-      "aria-label": x,
+      onClick: A,
+      "aria-label": L,
       "aria-disabled": i
-    }, /* @__PURE__ */ n.createElement(j, null)) : void 0,
+    }, /* @__PURE__ */ n.createElement(M, null)) : void 0,
     "aria-autocomplete": "none",
     label: s,
     "aria-label": t,
     disabled: i,
-    id: T
-  }, B)), l.current && l.current.inputWrapperRef && m && /* @__PURE__ */ n.createElement(J, {
+    id: q
+  }, W)), l.current && l.current.inputWrapperRef && d && /* @__PURE__ */ n.createElement(N, {
     selectedDate: e,
-    initialDate: r,
-    onChange: q,
-    onEscape: A,
+    initialDate: a,
+    onChange: S,
+    onEscape: V,
     popoverSource: l.current.inputWrapperRef,
-    label: s || t
+    label: s || t,
+    minDate: B,
+    maxDate: T
   }));
 };
-I.defaultProps = {
+x.defaultProps = {
   ariaLabel: void 0,
   clearLabel: void 0,
   disabled: !1,
@@ -109,26 +115,30 @@ I.defaultProps = {
   label: void 0,
   locale: void 0,
   initialDate: new Date(),
+  minDate: void 0,
+  maxDate: void 0,
   onClear: void 0,
   placeholder: void 0,
   selectedDate: void 0,
   size: "M"
 };
-I.propTypes = {
-  ariaLabel: a.string,
-  clearLabel: a.string,
-  disabled: a.bool,
-  id: a.string,
-  initialDate: a.instanceOf(Date),
-  label: a.string,
-  locale: a.string,
-  onChange: a.func.isRequired,
-  onClear: a.func,
-  placeholder: a.string,
-  selectedDate: a.instanceOf(Date),
-  selectedDateLabel: a.func.isRequired,
-  size: a.oneOf(Object.keys(w.input))
+x.propTypes = {
+  ariaLabel: r.string,
+  clearLabel: r.string,
+  disabled: r.bool,
+  id: r.string,
+  initialDate: r.instanceOf(Date),
+  label: r.string,
+  locale: r.string,
+  maxDate: r.instanceOf(Date),
+  minDate: r.instanceOf(Date),
+  onChange: r.func.isRequired,
+  onClear: r.func,
+  placeholder: r.string,
+  selectedDate: r.instanceOf(Date),
+  selectedDateLabel: r.func.isRequired,
+  size: r.oneOf(Object.keys(F.input))
 };
 export {
-  I as DatePicker
+  x as DatePicker
 };

package/dist/DateTimePicker/DateTimePicker.cjs

@@ -1 +1 @@
-"use strict";var B=Object.defineProperty;var F=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var E=(e,r,i)=>r in e?B(e,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[r]=i,y=(e,r)=>{for(var i in r||(r={}))$.call(r,i)&&E(e,i,r[i]);if(F)for(var i of F(r))H.call(r,i)&&E(e,i,r[i]);return e};var M=(e,r)=>{var i={};for(var a in e)$.call(e,a)&&r.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&F)for(var a of F(e))r.indexOf(a)<0&&H.call(e,a)&&(i[a]=e[a]);return i};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),I=require("../Stack/Stack.cjs"),G=require("../DatePicker/DatePicker.cjs"),J=require("../TimePicker/TimePicker.cjs"),K=require("../Field/Field.cjs"),N=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const Q=require("../Field/FieldHint.cjs"),U=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const b=require("../helpers/useId.cjs"),h=require("./parseDate.cjs"),w=require("./DateTimePickerProps.cjs"),W=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=W(p),T=X=>{var S=X,{ariaLabel:e,clearLabel:r,disabled:i,error:a,hint:_,label:m,labelAction:L,onChange:l,onClear:P,name:g,required:V,selectButtonTitle:v,size:j,step:C,value:n}=S,D=M(S,["ariaLabel","clearLabel","disabled","error","hint","label","labelAction","onChange","onClear","name","required","selectButtonTitle","size","step","value"]);const u=h.parseDate(n),[c,f]=p.useState(u),[k,o]=p.useState(u?`${u.getHours()}:${u.getMinutes()}:${u.getSeconds()}`:null),R=t=>{f(t);let s;k?(s=new Date(t),s.setHours(k.split(":")[0]),s.setMinutes(k.split(":")[1])):(s=new Date(t),o(`${s.getHours()}:${s.getMinutes()}:${s.getSeconds()}`)),l&&l(s)},x=t=>{o(t);const s=c?new Date(c):new Date;s.setHours(t.split(":")[0]),s.setMinutes(t.split(":")[1]),c||f(s),l&&l(s)},A=()=>{f(void 0),o(void 0),P()},O=()=>{o(void 0);let t;c&&(t=new Date(c),t.setHours("00"),t.setMinutes("00")),l&&l(t)};p.useEffect(()=>{if(n&&+n!=+c){const t=h.parseDate(n);f(t),o(t?`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`:null)}else n||(f(void 0),o(void 0))},[n,c]);const q=b.useId("datetime-label",D==null?void 0:D.id),z=b.useId("datetimepicker");return d.default.createElement(K.Field,{name:g,role:"group","aria-labelledby":q,hint:_,error:a},d.default.createElement(I.Stack,{spacing:1},m&&d.default.createElement(N.FieldLabel,{required:V,action:L,id:q},m),d.default.createElement(I.Stack,{horizontal:!0,spacing:2},d.default.createElement(G.DatePicker,y({"data-testid":"datetimepicker-date",name:g,ariaLabel:m||e,error:typeof a=="string",selectedDate:c,selectedDateLabel:t=>`Date picker, current is ${t}`,onChange:R,size:j,onClear:P&&A,clearLabel:r,disabled:i},D)),d.default.createElement(J.TimePicker,{"data-testid":"datetimepicker-time",size:j,"aria-label":m||e,error:typeof a=="string",value:k,onChange:x,onClear:P&&O,clearLabel:r,selectButtonTitle:v,disabled:i,step:C})),d.default.createElement(Q.FieldHint,null),d.default.createElement(U.FieldError,{id:z})))};T.defaultProps=w.dateTimePickerDefaultProps;T.propTypes=w.dateTimePickerPropTypes;exports.DateTimePicker=T;
+"use strict";var B=Object.defineProperty;var F=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var $=(e,a,i)=>a in e?B(e,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[a]=i,M=(e,a)=>{for(var i in a||(a={}))H.call(a,i)&&$(e,i,a[i]);if(F)for(var i of F(a))y.call(a,i)&&$(e,i,a[i]);return e};var I=(e,a)=>{var i={};for(var r in e)H.call(e,r)&&a.indexOf(r)<0&&(i[r]=e[r]);if(e!=null&&F)for(var r of F(e))a.indexOf(r)<0&&y.call(e,r)&&(i[r]=e[r]);return i};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),b=require("../Stack/Stack.cjs"),G=require("../DatePicker/DatePicker.cjs"),J=require("../TimePicker/TimePicker.cjs"),K=require("../Field/Field.cjs"),N=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const Q=require("../Field/FieldHint.cjs"),U=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const h=require("../helpers/useId.cjs"),w=require("./parseDate.cjs"),_=require("./DateTimePickerProps.cjs"),W=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=W(p),g=X=>{var E=X,{ariaLabel:e,clearLabel:a,disabled:i,error:r,hint:L,label:m,labelAction:V,onChange:d,onClear:P,name:j,required:T,selectButtonTitle:v,size:S,step:C,value:n}=E,D=I(E,["ariaLabel","clearLabel","disabled","error","hint","label","labelAction","onChange","onClear","name","required","selectButtonTitle","size","step","value"]);const u=w.parseDate(n),[c,f]=p.useState(u),[k,o]=p.useState(u?`${u.getHours()}:${u.getMinutes()}:${u.getSeconds()}`:null),R=t=>{f(t);let s;k?(s=new Date(t),s.setHours(k.split(":")[0]),s.setMinutes(k.split(":")[1])):(s=new Date(t),o(`${s.getHours()}:${s.getMinutes()}:${s.getSeconds()}`)),d&&d(s)},x=t=>{o(t);const s=c?new Date(c):new Date;s.setHours(t.split(":")[0]),s.setMinutes(t.split(":")[1]),c||f(s),d&&d(s)},A=()=>{f(void 0),o(void 0),P()},O=()=>{o(void 0);let t;c&&(t=new Date(c),t.setHours("00"),t.setMinutes("00")),d&&d(t)};p.useEffect(()=>{if(n&&+n!=+c){const t=w.parseDate(n);f(t),o(t?`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`:null)}else n||(f(void 0),o(void 0))},[n,c]);const q=h.useId("datetime-label",D==null?void 0:D.id),z=h.useId("datetimepicker");return l.default.createElement(K.Field,{name:j,role:"group",id:q,"aria-labelledby":q,hint:L,error:r,required:T},l.default.createElement(b.Stack,{spacing:1},m&&l.default.createElement(N.FieldLabel,{action:V},m),l.default.createElement(b.Stack,{horizontal:!0,spacing:2},l.default.createElement(G.DatePicker,M({"data-testid":"datetimepicker-date",name:j,ariaLabel:m||e,error:typeof r=="string",selectedDate:c,selectedDateLabel:t=>`Date picker, current is ${t}`,onChange:R,required:T,size:S,onClear:P&&A,clearLabel:a,disabled:i},D)),l.default.createElement(J.TimePicker,{"data-testid":"datetimepicker-time",size:S,"aria-label":m||e,error:typeof r=="string",value:k,onChange:x,onClear:P&&O,clearLabel:a,required:T,selectButtonTitle:v,disabled:i,step:C})),l.default.createElement(Q.FieldHint,null),l.default.createElement(U.FieldError,{id:z})))};g.defaultProps=_.dateTimePickerDefaultProps;g.propTypes=_.dateTimePickerPropTypes;exports.DateTimePicker=g;