@strapi/design-system 1.4.0-beta.2 → 1.4.1

package/LICENSE

@@ -1,20 +1,7 @@
-Copyright (c) 2012-2022 Scott Chacon and others
+Copyright (c) 2015-present Strapi Solutions SAS
 
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/CarouselInput/CarouselInput.cjs

@@ -1 +1 @@
-"use strict";var _=Object.defineProperty;var u=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,i,r)=>i in e?_(e,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[i]=r,F=(e,i)=>{for(var r in i||(i={}))f.call(i,r)&&c(e,r,i[r]);if(u)for(var r of u(i))p.call(i,r)&&c(e,r,i[r]);return e};var q=(e,i)=>{var r={};for(var l in e)f.call(e,l)&&i.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&u)for(var l of u(e))i.indexOf(l)<0&&p.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),P=require("prop-types"),T=require("./Carousel.cjs"),h=require("../Field/Field.cjs"),k=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const x=require("../Field/FieldHint.cjs"),A=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const H=require("../Stack/Stack.cjs"),O=require("../helpers/useId.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=b(C),t=b(P),n=M=>{var s=M,{actions:e,children:i,error:r,hint:l,label:a,labelAction:g,nextLabel:j,onNext:y,onPrevious:v,previousLabel:m,required:E,secondaryLabel:R,selectedSlide:L,id:I}=s,S=q(s,["actions","children","error","hint","label","labelAction","nextLabel","onNext","onPrevious","previousLabel","required","secondaryLabel","selectedSlide","id"]);const o=O.useId("carouselinput",I);return d.default.createElement(h.Field,{hint:l,error:r,id:o},d.default.createElement(H.Stack,{spacing:1},a&&d.default.createElement(k.FieldLabel,{required:E,action:g},a),d.default.createElement(T.Carousel,F({actions:e,label:a,nextLabel:j,onNext:y,onPrevious:v,previousLabel:m,secondaryLabel:R,selectedSlide:L,id:o},S),i),d.default.createElement(x.FieldHint,null),d.default.createElement(A.FieldError,null)))};n.defaultProps={actions:void 0,error:void 0,hint:void 0,id:void 0,labelAction:void 0,required:!1,secondaryLabel:void 0};n.propTypes={actions:t.default.node,children:t.default.node.isRequired,error:t.default.string,hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),id:t.default.string,label:t.default.string.isRequired,labelAction:t.default.element,nextLabel:t.default.string.isRequired,onNext:t.default.func.isRequired,onPrevious:t.default.func.isRequired,previousLabel:t.default.string.isRequired,required:t.default.bool,secondaryLabel:t.default.string,selectedSlide:t.default.number.isRequired};exports.CarouselInput=n;
+"use strict";var _=Object.defineProperty;var u=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,i,r)=>i in e?_(e,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[i]=r,F=(e,i)=>{for(var r in i||(i={}))f.call(i,r)&&c(e,r,i[r]);if(u)for(var r of u(i))p.call(i,r)&&c(e,r,i[r]);return e};var q=(e,i)=>{var r={};for(var l in e)f.call(e,l)&&i.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&u)for(var l of u(e))i.indexOf(l)<0&&p.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),P=require("prop-types"),T=require("./Carousel.cjs"),h=require("../Field/Field.cjs"),k=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const x=require("../Field/FieldHint.cjs"),A=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const H=require("../Stack/Stack.cjs"),O=require("../helpers/useId.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=b(C),t=b(P),n=M=>{var s=M,{actions:e,children:i,error:r,hint:l,label:a,labelAction:g,nextLabel:j,onNext:y,onPrevious:v,previousLabel:m,required:E,secondaryLabel:R,selectedSlide:L,id:I}=s,S=q(s,["actions","children","error","hint","label","labelAction","nextLabel","onNext","onPrevious","previousLabel","required","secondaryLabel","selectedSlide","id"]);const o=O.useId("carouselinput",I);return d.default.createElement(h.Field,{hint:l,error:r,id:o,required:E},d.default.createElement(H.Stack,{spacing:1},a&&d.default.createElement(k.FieldLabel,{action:g},a),d.default.createElement(T.Carousel,F({actions:e,label:a,nextLabel:j,onNext:y,onPrevious:v,previousLabel:m,secondaryLabel:R,selectedSlide:L,id:o},S),i),d.default.createElement(x.FieldHint,null),d.default.createElement(A.FieldError,null)))};n.defaultProps={actions:void 0,error:void 0,hint:void 0,id:void 0,labelAction:void 0,required:!1,secondaryLabel:void 0};n.propTypes={actions:t.default.node,children:t.default.node.isRequired,error:t.default.string,hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),id:t.default.string,label:t.default.string.isRequired,labelAction:t.default.element,nextLabel:t.default.string.isRequired,onNext:t.default.func.isRequired,onPrevious:t.default.func.isRequired,previousLabel:t.default.string.isRequired,required:t.default.bool,secondaryLabel:t.default.string,selectedSlide:t.default.number.isRequired};exports.CarouselInput=n;

package/dist/CarouselInput/CarouselInput.js

@@ -66,11 +66,11 @@ const g = (k) => {
   return /* @__PURE__ */ n.createElement(T, {
     hint: t,
     error: i,
-    id: a
+    id: a,
+    required: y
   }, /* @__PURE__ */ n.createElement(S, {
     spacing: 1
   }, l && /* @__PURE__ */ n.createElement(A, {
-    required: y,
     action: q
   }, l), /* @__PURE__ */ n.createElement(P, c({
     actions: r,

package/dist/Combobox/Combobox.cjs

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

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/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;