@dexma/ui-components 8.0.25 → 8.0.26

package/dist/lib/components/TagSelect/TagSelect.d.ts

@@ -8,6 +8,8 @@ export type TagSelectProps = {
     placeholder?: string;
     style?: React.CSSProperties;
     defaultValue?: string[];
+    value?: string[];
+    onBlur?: () => void;
 };
 export declare const TagSelect: import('react').ForwardRefExoticComponent<TagSelectProps & {
     dataId?: string;

package/dist/ui-components.es.js

@@ -66915,29 +66915,34 @@ const w$e = Dt.div`
     }
 `, zT = ho`
   ${(e) => $$e(e.$theme)};
-`, aOe = da(({ dataId: e = "tagSelect", placeholder: t = "Type text and press enter", onChange: n, disabled: r, style: a, defaultValue: i }) => {
-  const o = Tt(vn) || $n;
-  return /* @__PURE__ */ Yt(ta, { children: [
-    /* @__PURE__ */ $e(zT, { $theme: o }),
-    /* @__PURE__ */ $e(
-      Ia,
-      {
-        "data-id": e,
-        "data-testid": "tagSelect",
-        mode: "tags",
-        placeholder: t,
-        style: a || { width: "100%" },
-        dropdownAlign: { offset: [0, 3] },
-        disabled: r,
-        "aria-disabled": r || !1,
-        onChange: (l) => {
-          console.log(l, "!!"), n(l);
-        },
-        defaultValue: i
-      }
-    )
-  ] });
-}, "tagSelect"), E$e = Dt.div`
+`, aOe = da(
+  ({ dataId: e = "tagSelect", placeholder: t = "Type text and press enter", onChange: n, disabled: r, style: a, defaultValue: i, value: o, onBlur: l }) => {
+    const s = Tt(vn) || $n;
+    return /* @__PURE__ */ Yt(ta, { children: [
+      /* @__PURE__ */ $e(zT, { $theme: s }),
+      /* @__PURE__ */ $e(
+        Ia,
+        {
+          "data-id": e,
+          "data-testid": "tagSelect",
+          mode: "tags",
+          placeholder: t,
+          style: a || { width: "100%" },
+          dropdownAlign: { offset: [0, 3] },
+          disabled: r,
+          "aria-disabled": r || !1,
+          onChange: (c) => {
+            n(c);
+          },
+          onBlur: l,
+          value: o,
+          defaultValue: i
+        }
+      )
+    ] });
+  },
+  "tagSelect"
+), E$e = Dt.div`
     height: ${(e) => e.$variant === "scrollable" ? "100%" : "auto"};
 
     .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
@@ -69314,16 +69319,7 @@ const fOe = ({
     /* @__PURE__ */ $e("strong", { children: l }),
     s
   ] });
-}, J$e = (e, t, n) => e === void 0 ? 1 : Math.ceil(t !== "" ? Zs(n, t).length / e : n.length / e), Q$e = ({
-  handleSelectAll: e,
-  pageSize: t,
-  currentPage: n,
-  options: r,
-  onPageChange: a,
-  text: i,
-  theme: o,
-  searchValue: l
-}) => {
+}, J$e = (e, t, n) => e === void 0 ? 1 : Math.ceil(t !== "" ? Zs(n, t).length / e : n.length / e), Q$e = ({ handleSelectAll: e, pageSize: t, currentPage: n, options: r, onPageChange: a, text: i, theme: o, searchValue: l }) => {
   const s = it(null), [c, d] = It(t !== void 0 && t < r.length), u = J$e(t, l, r), [f, h] = It(r.length > 0), [b, v] = It(n === 1), [m, C] = It(n === u), y = () => {
     const E = n - 1;
     E <= u && E >= 1 && a(E);
@@ -69349,7 +69345,7 @@ const fOe = ({
         variant: "outline",
         "data-testid": "button-select-all",
         onClick: () => {
-          e(), s !== null && s.current !== null && s.current.blur();
+          e();
         },
         theme: o,
         ref: (E) => {

package/dist/ui-components.umd.js

@@ -2995,7 +2995,7 @@ Valid keys: `+JSON.stringify(Object.keys(H),null,"  "));var K=ee(W,ne,Y,te,X+"."
     }
 `,aT=Wi`
   ${e=>c8e(e.$theme)};
-`,d8e=Zr(({dataId:e="tagSelect",placeholder:t="Type text and press enter",onChange:n,disabled:r,style:a,defaultValue:i})=>{const o=z.useContext(pn)||vn;return me.jsxs(me.Fragment,{children:[me.jsx(aT,{$theme:o}),me.jsx(Sa,{"data-id":e,"data-testid":"tagSelect",mode:"tags",placeholder:t,style:a||{width:"100%"},dropdownAlign:{offset:[0,3]},disabled:r,"aria-disabled":r||!1,onChange:l=>{console.log(l,"!!"),n(l)},defaultValue:i})]})},"tagSelect"),u8e=Nt.div`
+`,d8e=Zr(({dataId:e="tagSelect",placeholder:t="Type text and press enter",onChange:n,disabled:r,style:a,defaultValue:i,value:o,onBlur:l})=>{const s=z.useContext(pn)||vn;return me.jsxs(me.Fragment,{children:[me.jsx(aT,{$theme:s}),me.jsx(Sa,{"data-id":e,"data-testid":"tagSelect",mode:"tags",placeholder:t,style:a||{width:"100%"},dropdownAlign:{offset:[0,3]},disabled:r,"aria-disabled":r||!1,onChange:c=>{n(c)},onBlur:l,value:o,defaultValue:i})]})},"tagSelect"),u8e=Nt.div`
     height: ${e=>e.$variant==="scrollable"?"100%":"auto"};
 
     .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
@@ -4942,7 +4942,7 @@ Valid keys: `+JSON.stringify(Object.keys(H),null,"  "));var K=ee(W,ne,Y,te,X+"."
             margin: 0 auto;
         }
     }
-`;var uT={exports:{}};(function(e,t){(function(n,r){e.exports=r()})($n,function(){var n,r,a=1e3,i=6e4,o=36e5,l=864e5,s=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,c=31536e6,d=2628e6,u=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/,f={years:c,months:d,days:l,hours:o,minutes:i,seconds:a,milliseconds:1,weeks:6048e5},g=function(E){return E instanceof S},b=function(E,M,L){return new S(E,L,M.$l)},v=function(E){return r.p(E)+"s"},m=function(E){return E<0},C=function(E){return m(E)?Math.ceil(E):Math.floor(E)},y=function(E){return Math.abs(E)},x=function(E,M){return E?m(E)?{negative:!0,format:""+y(E)+M}:{negative:!1,format:""+E+M}:{negative:!1,format:""}},S=function(){function E(L,P,T){var I=this;if(this.$d={},this.$l=T,L===void 0&&(this.$ms=0,this.parseFromMilliseconds()),P)return b(L*f[v(P)],this);if(typeof L=="number")return this.$ms=L,this.parseFromMilliseconds(),this;if(typeof L=="object")return Object.keys(L).forEach(function(_){I.$d[v(_)]=L[_]}),this.calMilliseconds(),this;if(typeof L=="string"){var O=L.match(u);if(O){var N=O.slice(2).map(function(_){return _!=null?Number(_):0});return this.$d.years=N[0],this.$d.months=N[1],this.$d.weeks=N[2],this.$d.days=N[3],this.$d.hours=N[4],this.$d.minutes=N[5],this.$d.seconds=N[6],this.calMilliseconds(),this}}return this}var M=E.prototype;return M.calMilliseconds=function(){var L=this;this.$ms=Object.keys(this.$d).reduce(function(P,T){return P+(L.$d[T]||0)*f[T]},0)},M.parseFromMilliseconds=function(){var L=this.$ms;this.$d.years=C(L/c),L%=c,this.$d.months=C(L/d),L%=d,this.$d.days=C(L/l),L%=l,this.$d.hours=C(L/o),L%=o,this.$d.minutes=C(L/i),L%=i,this.$d.seconds=C(L/a),L%=a,this.$d.milliseconds=L},M.toISOString=function(){var L=x(this.$d.years,"Y"),P=x(this.$d.months,"M"),T=+this.$d.days||0;this.$d.weeks&&(T+=7*this.$d.weeks);var I=x(T,"D"),O=x(this.$d.hours,"H"),N=x(this.$d.minutes,"M"),_=this.$d.seconds||0;this.$d.milliseconds&&(_+=this.$d.milliseconds/1e3,_=Math.round(1e3*_)/1e3);var D=x(_,"S"),A=L.negative||P.negative||I.negative||O.negative||N.negative||D.negative,k=O.format||N.format||D.format?"T":"",R=(A?"-":"")+"P"+L.format+P.format+I.format+k+O.format+N.format+D.format;return R==="P"||R==="-P"?"P0D":R},M.toJSON=function(){return this.toISOString()},M.format=function(L){var P=L||"YYYY-MM-DDTHH:mm:ss",T={Y:this.$d.years,YY:r.s(this.$d.years,2,"0"),YYYY:r.s(this.$d.years,4,"0"),M:this.$d.months,MM:r.s(this.$d.months,2,"0"),D:this.$d.days,DD:r.s(this.$d.days,2,"0"),H:this.$d.hours,HH:r.s(this.$d.hours,2,"0"),m:this.$d.minutes,mm:r.s(this.$d.minutes,2,"0"),s:this.$d.seconds,ss:r.s(this.$d.seconds,2,"0"),SSS:r.s(this.$d.milliseconds,3,"0")};return P.replace(s,function(I,O){return O||String(T[I])})},M.as=function(L){return this.$ms/f[v(L)]},M.get=function(L){var P=this.$ms,T=v(L);return T==="milliseconds"?P%=1e3:P=T==="weeks"?C(P/f[T]):this.$d[T],P||0},M.add=function(L,P,T){var I;return I=P?L*f[v(P)]:g(L)?L.$ms:b(L,this).$ms,b(this.$ms+I*(T?-1:1),this)},M.subtract=function(L,P){return this.add(L,P,!0)},M.locale=function(L){var P=this.clone();return P.$l=L,P},M.clone=function(){return b(this.$ms,this)},M.humanize=function(L){return n().add(this.$ms,"ms").locale(this.$l).fromNow(!L)},M.valueOf=function(){return this.asMilliseconds()},M.milliseconds=function(){return this.get("milliseconds")},M.asMilliseconds=function(){return this.as("milliseconds")},M.seconds=function(){return this.get("seconds")},M.asSeconds=function(){return this.as("seconds")},M.minutes=function(){return this.get("minutes")},M.asMinutes=function(){return this.as("minutes")},M.hours=function(){return this.get("hours")},M.asHours=function(){return this.as("hours")},M.days=function(){return this.get("days")},M.asDays=function(){return this.as("days")},M.weeks=function(){return this.get("weeks")},M.asWeeks=function(){return this.as("weeks")},M.months=function(){return this.get("months")},M.asMonths=function(){return this.as("months")},M.years=function(){return this.get("years")},M.asYears=function(){return this.as("years")},E}(),w=function(E,M,L){return E.add(M.years()*L,"y").add(M.months()*L,"M").add(M.days()*L,"d").add(M.hours()*L,"h").add(M.minutes()*L,"m").add(M.seconds()*L,"s").add(M.milliseconds()*L,"ms")};return function(E,M,L){n=L,r=L().$utils(),L.duration=function(I,O){var N=L.locale();return b(I,{$l:N},O)},L.isDuration=g;var P=M.prototype.add,T=M.prototype.subtract;M.prototype.add=function(I,O){return g(I)?w(this,I,1):P.bind(this)(I,O)},M.prototype.subtract=function(I,O){return g(I)?w(this,I,-1):T.bind(this)(I,O)}}})})(uT);var P8e=uT.exports;const O8e=tn(P8e);wr.extend(O8e);const R8e=(e,t)=>{const n=wr(new Date(e)).startOf("day"),r=wr(new Date(t)).startOf("day");return wr.duration(r.diff(n)).asDays()},fT=(e,t)=>wr(new Date(e)).subtract(t,"d"),pT=(e,t)=>wr(new Date(e)).subtract(t,"y"),hT=(e,t)=>{const n=R8e(e,t),r=fT(e,1).endOf("day");return[fT(r.toString(),n).startOf("day").format(Kd),r.format(Kd)]},gT=(e,t)=>{const n=wr(new Date(e)).startOf("day").toString(),r=wr(new Date(t)).startOf("day").toString(),a=pT(n,1),i=pT(r,1);return[a.format(Kd),i.format(Kd)]};var mT=(e=>(e.PREVIOUS_PERIOD="previous_period",e.LAST_PERIOD="last_period",e))(mT||{});const T8e=({selectedPeriod:e="previous_period",startDate:t,endDate:n,previousPeriodText:r,samePeriodLastYearText:a,disabled:i,onPeriodSelect:o,...l})=>{const s=z.useContext(pn)||vn,[c,d]=z.useState(e.toString()),u=(P,T)=>{const I=wr(P,Kd).startOf("day"),O=wr(T,Kd).endOf("day");return{startDate:I,endDate:O}},f=(P,T,I)=>me.jsxs("div",{className:"compare-period-item","data-testid":`compare-period-${I}`,children:[me.jsx("div",{className:"title","data-testid":`compare-period-${I}-title`,children:P}),me.jsx("div",{className:"dates","data-testid":`compare-period-${I}-dates`,children:T})]}),[g,b]=hT(t,n),[v,m]=gT(t,n),C=P=>P==="previous_period"?u(g,b):u(v,m),y=P=>{d(P.value),o&&o({period:P.value,date:C(P.value)})},x=`${g} - ${b}`,S=`${v} - ${m}`,w=Pc.uniqueId(),E=Pc.uniqueId(),M=[{value:"previous_period",label:f(r,x,"previous-period"),id:w,name:w,isDisabled:i},{value:"last_period",label:f(a,S,"last-period"),id:E,name:E,isDisabled:i}],L=P=>{if(P.key==="Enter"){const T=M.find(I=>I.value!==c);T&&(d(T.value),o&&o({period:T.value,date:C(T.value)}))}};return me.jsx(_8e,{"data-testid":"switch-period-comparative",...l,theme:s,children:me.jsx("div",{className:"compare-period",children:me.jsx("div",{className:"compare-period-container",children:me.jsx(ER,{values:M,selectedValues:e,onChange:P=>{y(P)},onKeyDown:L,"aria-disabled":M[0].isDisabled})})})})},k8e=e=>new RegExp(e,"ig"),vT=e=>new RegExp(`${e}`,"ig"),N8e=(e,t)=>new RegExp(`${e}.*?${t}`,"ig"),JC=e=>{try{if(e.includes("*")){const t=e.split("*"),n=t[0],r=t[1];if(n!==""&&n!==void 0&&r==="")return vT(n);if(n===""&&r!==""&&r!==void 0)return vT(r);if(n!==""&&r!==""&&n!==void 0&&r!==void 0)return N8e(n,r)}return k8e(e)}catch{return!1}},Js=(e,t)=>{if([...t].every(n=>n==="*"||n===" "))return e;if(![...t].every(n=>n==="*"||n===" ")){const n=JC(t);return n===!1?[]:e.filter(r=>r.label.match(n))}return t!==""&&!t.includes("*")?e.filter(n=>n.label.toLowerCase().includes(t.toLowerCase())):e},I8e=(e,t)=>{const n=t.exec(e);return n!==null?{start:n.index,end:t.lastIndex-1}:{start:-1,end:-1}},H8e=(e,t)=>{if([...e].every(n=>n==="*"||n===" "))return!0;if(![...e].every(n=>n==="*"||n===" ")){if(t!=null&&t.children&&t.children.props.value){const n=JC(e);return n===!1?!1:t.children.props.value.match(n)}return!1}return e!==""&&!e.includes("*")&&t!=null&&t.children&&t.children.props.value?t.children.props.value.toLowerCase().includes(e.toLowerCase()):!1},A8e=(e,t,n,r,a,i)=>{const o=`${e.select}`,l=n<=i?` ${1+(t-1)*n} - ${n*t>r.length?r.length:n*t}`:` ${e.all}`,s=`${a!==""?` "${a}"`:n<=i?` ${e.connector} ${e.content}`:""} (${i})`;return me.jsxs("span",{"data-testid":"text-pagination-selector",children:[o,me.jsx("strong",{children:l}),s]})},D8e=(e,t,n)=>e===void 0?1:Math.ceil(t!==""?Js(n,t).length/e:n.length/e),V8e=({handleSelectAll:e,pageSize:t,currentPage:n,options:r,onPageChange:a,text:i,theme:o,searchValue:l})=>{const s=z.useRef(null),[c,d]=z.useState(t!==void 0&&t<r.length),u=D8e(t,l,r),[f,g]=z.useState(r.length>0),[b,v]=z.useState(n===1),[m,C]=z.useState(n===u),y=()=>{const E=n-1;E<=u&&E>=1&&a(E)},x=()=>{const E=n+1;E<=u&&E>=1&&a(E)};z.useEffect(()=>{v(n===1),C(n===u)},[n,u]),z.useEffect(()=>{t!==void 0&&(l!==""&&Js(r,l).length>t||l===""&&t!==void 0&&t<r.length?d(!0):d(!1))},[t,r,l]),z.useEffect(()=>{l!==""&&Js(r,l).length>0||l===""&&r.length>0?g(!0):g(!1)},[r,l]),z.useEffect(()=>{v(!0),C(!1)},[l]);const S=l!==""?Js(r,l).length:r.length,w=l!==""?Js(r,l):r;return me.jsxs(i8e,{children:[c&&me.jsx(nT,{"data-testid":"button-prev",xs:1,$disabled:b,onClick:y,theme:o,children:me.jsx(rT,{name:"chevron_left_l",color:b?"gray300":"gray900",size:12,ariaLabel:"Previous page"})}),f&&me.jsx(Ed,{children:me.jsx(o8e,{variant:"outline","data-testid":"button-select-all",onClick:()=>{e(),s!==null&&s.current!==null&&s.current.blur()},theme:o,ref:E=>{s.current=E},text:"",children:A8e(i,n,t,w,l,S)})}),c&&me.jsx(nT,{"data-testid":"button-next",xs:1,$disabled:m,onClick:x,theme:o,children:me.jsx(rT,{name:"chevron_right_l",color:m?"gray300":"gray900",size:12,ariaLabel:"Next page"})})]})},QC="*",j8e="Enter",bT=(e,t,n,r,a)=>{const{value:i,closable:o,onClose:l}=e,s=u=>{u.preventDefault(),u.stopPropagation()},c=t.filter(u=>u.value===i)[0],d=c.label.length>n-3?`${c.label.slice(0,n-3)}...`:c.label;return me.jsx(K1,{title:c.label,children:me.jsxs(XC,{className:"tag-select-option-selected",color:t.filter(u=>u.value===i)[0].color,onMouseDown:s,style:{marginRight:4},"data-testid":`tag-option-selected-${i}`,theme:r,children:[d,o&&me.jsx(Tn,{className:"icon-close",name:"close",size:"small",onClick:l,color:Ln.white,ariaLabel:a})]})})},yT=(e,t,n,r,a,i,o,l,s,c)=>me.jsxs(l8e,{"data-testid":"select-dropdown",children:[e,c!==void 0&&["multiple","tags"].includes(l)&&me.jsx(V8e,{pageSize:c,currentPage:t,handleSelectAll:a,onPageChange:r,options:n,text:i,theme:s,searchValue:o})]}),CT=(e,t,n)=>{if(t!==""&&(![...t].every(r=>r==="*"||r===" ")||!t.includes(QC))){const r=JC(t);if(r===!1)return me.jsx(rg,{"data-testid":`option-span-${e.value}`,"data-id":`${n}.option-span-${e.value}`,value:e,children:e});const a=I8e(e,r);if(a.start!==-1&&a.end!==-1)return me.jsx(rg,{"data-testid":`option-span-${e}-bold`,"data-id":`${n}.option-span-${e.value}-bold`,value:e,children:[...e].map((i,o)=>(t.includes(QC)?o===a.start||o===a.end:o>=a.start&&o<=a.end)?me.jsx("b",{children:i},i):i)})}return me.jsx(rg,{"data-testid":`option-span-${e}`,value:e,children:e})},F8e=(e,t,n)=>n!==void 0?t.length>=n&&!t.includes(e.value):e.disabled,xT=(e,t,n,r)=>me.jsx(me.Fragment,{children:e.map(a=>me.jsx(Sa.Option,{id:a.value,className:"option-select",disabled:a.disabled,value:a.value,theme:n,selected:t===a.value,"data-testid":`select-option-${a.value}`,"data-id":`${r}.select-option-${a.value}`,"aria-label":a.label,children:t===a.value?me.jsx(XC,{theme:n,$isSingleSelect:!0,children:a.label}):me.jsx(rg,{"data-testid":`option-span-${a.value}`,"data-id":`${r}.option-span-${a.value}`,value:a.label,children:a.label})},a.value))}),wT=(e,t,n,r,a,i,o)=>{const l=(i-1)*(o??e.length),s=l+(o??e.length);let c=n===""?e:Js(e,n);return c=c.slice(l,s),me.jsx(me.Fragment,{children:c.map(d=>{const u=t.includes(d.value)?d.color?Pc.get(r.color,d.color):Ln.gray400:Ln.white;return me.jsx(Sa.Option,{id:d.value,className:"option-select",disabled:F8e(d,t,o),value:d.value,theme:r,color:d.color,style:{backgroundColor:u},selected:t.includes(d.value),"data-testid":`select-option-${d.value}`,"data-id":`${a}.select-option-${d.value}`,"aria-label":d.label,children:t.includes(d.value)?me.jsx(XC,{theme:r,color:d.color,children:d.label}):CT(d.label,n,a)},d.value)})})},e4=Zr(({dataId:e="select",defaultValues:t=[],mode:n,options:r=[],pageSize:a,text:i={select:"Select",all:"all",connector:"of",content:'"All items"',overflow:"and more..."},placeholder:o="Select",isLoading:l,onChange:s,maxTagLength:c=20,overflowLength:d=5,handleButtonSelectAll:u,handleClearAll:f,allowClear:g,disabled:b,showOptionsAriaLabel:v,hideOptionsAriaLabel:m,clearAllOptionsAriaLabel:C,deleteOptionSelectedAriaLabel:y,...x})=>{const[S,w]=z.useState(!1),[E,M]=z.useState([]),[L,P]=z.useState(1),[T,I]=z.useState(""),O=z.useRef(null),N=z.useRef(""),_=z.useContext(pn)||vn,D=r||[];z.useEffect(()=>{P(1)},[T]),z.useEffect(()=>{t&&M(t)},[t]);const A=H=>P(H),k=()=>{const H=L,F=T!==""?Js(D,T):D,B=(H-1)*(a??1),Z=B+(a??1),te=F.slice(B,Z).map(X=>X.value);M(()=>te),u&&u(te)},R=()=>{P(1),N.current="",I(""),O!==null&&O.current!==null&&O.current.blur(),w(!1)},V=()=>{f&&f(),P(1),N.current="",I(""),M([]),O!==null&&O.current!==null&&O.current.blur(),w(!1)};return me.jsxs(me.Fragment,{children:[me.jsx(aT,{$theme:_}),n===void 0||n==="single"?me.jsx(Sa,{className:x.className,"data-testid":"select",autoClearSearchValue:!0,"data-id":e,defaultValue:t,filterOption:(H,F)=>{const B=D.find(Z=>Z.value===F.value);return B&&(B!=null&&B.label)?B.label.toLowerCase().includes(H.toLowerCase()):!1},loading:l,placeholder:o,open:S,ref:H=>{O.current=H},searchValue:N.current,showSearch:!0,style:{width:"100%"},suffixIcon:me.jsxs(me.Fragment,{children:[g&&(T!==""||E.length>0)&&me.jsx(Tn,{className:"selectable-icon",color:"gray",name:"close",size:"small",onClick:()=>{V()},ariaLabel:C||""}),me.jsx(Tn,{className:"selectable-icon",color:"gray",name:S?"chevron_up":"chevron_down",size:"small",onClick:H=>{S?(R(),H.stopPropagation()):w(!0)},ariaLabel:S?m:v})]}),value:E,onSelect:(H,F)=>{s!==void 0&&s(H,F),M([H]),R()},onDropdownVisibleChange:H=>{H!==S&&w(H)},onFocus:()=>{w(!0)},onSearch:H=>(I(H),N.current=H,H),disabled:b,"aria-disabled":b,"aria-expanded":S,...x,children:xT(D,E.length>0?E[0]:void 0,_,e)}):me.jsx(Sa,{autoClearSearchValue:!1,"data-id":e,"data-testid":"select",defaultValue:t,dropdownRender:i?H=>yT(H,L,D,A,k,i,T,n,_,a):void 0,optionFilterProp:"children",filterOption:H8e,maxTagCount:"responsive",maxTagPlaceholder:H=>{const F=d&&H.length>d?` ${i==null?void 0:i.overflow}`:"",B=`${H.slice(0,d).map(Z=>{var Y,te;return` ${(te=(Y=Z==null?void 0:Z.label)==null?void 0:Y.props)==null?void 0:te.children}`})}${F}`;return me.jsx(K1,{title:B,children:`+${H.length}`})},menuItemSelectedIcon:me.jsx(Tn,{color:"white",name:"close",size:"small",ariaLabel:y||""}),mode:n,open:S,placeholder:o,searchValue:N.current,style:{width:"100%"},showSearch:!0,suffixIcon:me.jsxs(me.Fragment,{children:[g&&(T!==""||E.length>0)&&me.jsx(Tn,{className:"selectable-icon",color:"gray",name:"close",size:"small",onClick:()=>{V()},ariaLabel:C||""}),me.jsx(Tn,{className:"selectable-icon",color:"gray",name:S?"chevron_up":"chevron_down",size:"small",onClick:H=>{S?(R(),H.stopPropagation()):w(!0)},ariaLabel:S?m:v})]}),ref:H=>{O!==null&&H!==null&&(O.current=H)},onDropdownVisibleChange:H=>{H!==S&&(w(H),H||(P(1),I(""),N.current=""))},tagRender:c?H=>bT(H,D,c,_,y||""):void 0,value:E,dropdownAlign:{offset:[0,3]},onChange:(H,F)=>{s!==void 0&&s(H,F),M(H)},onFocus:()=>{w(!0)},onSearch:H=>(I(H),N.current=H,H),onInputKeyDown:H=>{["multiple","tags"].includes(n)&&H.key===j8e&&N.current.includes(QC)&&(k(),H.stopPropagation())},disabled:b,"aria-disabled":b,"aria-expanded":S,...x,children:wT(D,E,T,_,e,L,a)})]})},"select");e4.defaultProps={defaultValues:[]};const{RangePicker:z8e}=Vs,ST=e=>{var t,n;return jt`
+`;var uT={exports:{}};(function(e,t){(function(n,r){e.exports=r()})($n,function(){var n,r,a=1e3,i=6e4,o=36e5,l=864e5,s=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,c=31536e6,d=2628e6,u=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/,f={years:c,months:d,days:l,hours:o,minutes:i,seconds:a,milliseconds:1,weeks:6048e5},g=function(E){return E instanceof S},b=function(E,M,L){return new S(E,L,M.$l)},v=function(E){return r.p(E)+"s"},m=function(E){return E<0},C=function(E){return m(E)?Math.ceil(E):Math.floor(E)},y=function(E){return Math.abs(E)},x=function(E,M){return E?m(E)?{negative:!0,format:""+y(E)+M}:{negative:!1,format:""+E+M}:{negative:!1,format:""}},S=function(){function E(L,P,T){var I=this;if(this.$d={},this.$l=T,L===void 0&&(this.$ms=0,this.parseFromMilliseconds()),P)return b(L*f[v(P)],this);if(typeof L=="number")return this.$ms=L,this.parseFromMilliseconds(),this;if(typeof L=="object")return Object.keys(L).forEach(function(_){I.$d[v(_)]=L[_]}),this.calMilliseconds(),this;if(typeof L=="string"){var O=L.match(u);if(O){var N=O.slice(2).map(function(_){return _!=null?Number(_):0});return this.$d.years=N[0],this.$d.months=N[1],this.$d.weeks=N[2],this.$d.days=N[3],this.$d.hours=N[4],this.$d.minutes=N[5],this.$d.seconds=N[6],this.calMilliseconds(),this}}return this}var M=E.prototype;return M.calMilliseconds=function(){var L=this;this.$ms=Object.keys(this.$d).reduce(function(P,T){return P+(L.$d[T]||0)*f[T]},0)},M.parseFromMilliseconds=function(){var L=this.$ms;this.$d.years=C(L/c),L%=c,this.$d.months=C(L/d),L%=d,this.$d.days=C(L/l),L%=l,this.$d.hours=C(L/o),L%=o,this.$d.minutes=C(L/i),L%=i,this.$d.seconds=C(L/a),L%=a,this.$d.milliseconds=L},M.toISOString=function(){var L=x(this.$d.years,"Y"),P=x(this.$d.months,"M"),T=+this.$d.days||0;this.$d.weeks&&(T+=7*this.$d.weeks);var I=x(T,"D"),O=x(this.$d.hours,"H"),N=x(this.$d.minutes,"M"),_=this.$d.seconds||0;this.$d.milliseconds&&(_+=this.$d.milliseconds/1e3,_=Math.round(1e3*_)/1e3);var D=x(_,"S"),A=L.negative||P.negative||I.negative||O.negative||N.negative||D.negative,k=O.format||N.format||D.format?"T":"",R=(A?"-":"")+"P"+L.format+P.format+I.format+k+O.format+N.format+D.format;return R==="P"||R==="-P"?"P0D":R},M.toJSON=function(){return this.toISOString()},M.format=function(L){var P=L||"YYYY-MM-DDTHH:mm:ss",T={Y:this.$d.years,YY:r.s(this.$d.years,2,"0"),YYYY:r.s(this.$d.years,4,"0"),M:this.$d.months,MM:r.s(this.$d.months,2,"0"),D:this.$d.days,DD:r.s(this.$d.days,2,"0"),H:this.$d.hours,HH:r.s(this.$d.hours,2,"0"),m:this.$d.minutes,mm:r.s(this.$d.minutes,2,"0"),s:this.$d.seconds,ss:r.s(this.$d.seconds,2,"0"),SSS:r.s(this.$d.milliseconds,3,"0")};return P.replace(s,function(I,O){return O||String(T[I])})},M.as=function(L){return this.$ms/f[v(L)]},M.get=function(L){var P=this.$ms,T=v(L);return T==="milliseconds"?P%=1e3:P=T==="weeks"?C(P/f[T]):this.$d[T],P||0},M.add=function(L,P,T){var I;return I=P?L*f[v(P)]:g(L)?L.$ms:b(L,this).$ms,b(this.$ms+I*(T?-1:1),this)},M.subtract=function(L,P){return this.add(L,P,!0)},M.locale=function(L){var P=this.clone();return P.$l=L,P},M.clone=function(){return b(this.$ms,this)},M.humanize=function(L){return n().add(this.$ms,"ms").locale(this.$l).fromNow(!L)},M.valueOf=function(){return this.asMilliseconds()},M.milliseconds=function(){return this.get("milliseconds")},M.asMilliseconds=function(){return this.as("milliseconds")},M.seconds=function(){return this.get("seconds")},M.asSeconds=function(){return this.as("seconds")},M.minutes=function(){return this.get("minutes")},M.asMinutes=function(){return this.as("minutes")},M.hours=function(){return this.get("hours")},M.asHours=function(){return this.as("hours")},M.days=function(){return this.get("days")},M.asDays=function(){return this.as("days")},M.weeks=function(){return this.get("weeks")},M.asWeeks=function(){return this.as("weeks")},M.months=function(){return this.get("months")},M.asMonths=function(){return this.as("months")},M.years=function(){return this.get("years")},M.asYears=function(){return this.as("years")},E}(),w=function(E,M,L){return E.add(M.years()*L,"y").add(M.months()*L,"M").add(M.days()*L,"d").add(M.hours()*L,"h").add(M.minutes()*L,"m").add(M.seconds()*L,"s").add(M.milliseconds()*L,"ms")};return function(E,M,L){n=L,r=L().$utils(),L.duration=function(I,O){var N=L.locale();return b(I,{$l:N},O)},L.isDuration=g;var P=M.prototype.add,T=M.prototype.subtract;M.prototype.add=function(I,O){return g(I)?w(this,I,1):P.bind(this)(I,O)},M.prototype.subtract=function(I,O){return g(I)?w(this,I,-1):T.bind(this)(I,O)}}})})(uT);var P8e=uT.exports;const O8e=tn(P8e);wr.extend(O8e);const R8e=(e,t)=>{const n=wr(new Date(e)).startOf("day"),r=wr(new Date(t)).startOf("day");return wr.duration(r.diff(n)).asDays()},fT=(e,t)=>wr(new Date(e)).subtract(t,"d"),pT=(e,t)=>wr(new Date(e)).subtract(t,"y"),hT=(e,t)=>{const n=R8e(e,t),r=fT(e,1).endOf("day");return[fT(r.toString(),n).startOf("day").format(Kd),r.format(Kd)]},gT=(e,t)=>{const n=wr(new Date(e)).startOf("day").toString(),r=wr(new Date(t)).startOf("day").toString(),a=pT(n,1),i=pT(r,1);return[a.format(Kd),i.format(Kd)]};var mT=(e=>(e.PREVIOUS_PERIOD="previous_period",e.LAST_PERIOD="last_period",e))(mT||{});const T8e=({selectedPeriod:e="previous_period",startDate:t,endDate:n,previousPeriodText:r,samePeriodLastYearText:a,disabled:i,onPeriodSelect:o,...l})=>{const s=z.useContext(pn)||vn,[c,d]=z.useState(e.toString()),u=(P,T)=>{const I=wr(P,Kd).startOf("day"),O=wr(T,Kd).endOf("day");return{startDate:I,endDate:O}},f=(P,T,I)=>me.jsxs("div",{className:"compare-period-item","data-testid":`compare-period-${I}`,children:[me.jsx("div",{className:"title","data-testid":`compare-period-${I}-title`,children:P}),me.jsx("div",{className:"dates","data-testid":`compare-period-${I}-dates`,children:T})]}),[g,b]=hT(t,n),[v,m]=gT(t,n),C=P=>P==="previous_period"?u(g,b):u(v,m),y=P=>{d(P.value),o&&o({period:P.value,date:C(P.value)})},x=`${g} - ${b}`,S=`${v} - ${m}`,w=Pc.uniqueId(),E=Pc.uniqueId(),M=[{value:"previous_period",label:f(r,x,"previous-period"),id:w,name:w,isDisabled:i},{value:"last_period",label:f(a,S,"last-period"),id:E,name:E,isDisabled:i}],L=P=>{if(P.key==="Enter"){const T=M.find(I=>I.value!==c);T&&(d(T.value),o&&o({period:T.value,date:C(T.value)}))}};return me.jsx(_8e,{"data-testid":"switch-period-comparative",...l,theme:s,children:me.jsx("div",{className:"compare-period",children:me.jsx("div",{className:"compare-period-container",children:me.jsx(ER,{values:M,selectedValues:e,onChange:P=>{y(P)},onKeyDown:L,"aria-disabled":M[0].isDisabled})})})})},k8e=e=>new RegExp(e,"ig"),vT=e=>new RegExp(`${e}`,"ig"),N8e=(e,t)=>new RegExp(`${e}.*?${t}`,"ig"),JC=e=>{try{if(e.includes("*")){const t=e.split("*"),n=t[0],r=t[1];if(n!==""&&n!==void 0&&r==="")return vT(n);if(n===""&&r!==""&&r!==void 0)return vT(r);if(n!==""&&r!==""&&n!==void 0&&r!==void 0)return N8e(n,r)}return k8e(e)}catch{return!1}},Js=(e,t)=>{if([...t].every(n=>n==="*"||n===" "))return e;if(![...t].every(n=>n==="*"||n===" ")){const n=JC(t);return n===!1?[]:e.filter(r=>r.label.match(n))}return t!==""&&!t.includes("*")?e.filter(n=>n.label.toLowerCase().includes(t.toLowerCase())):e},I8e=(e,t)=>{const n=t.exec(e);return n!==null?{start:n.index,end:t.lastIndex-1}:{start:-1,end:-1}},H8e=(e,t)=>{if([...e].every(n=>n==="*"||n===" "))return!0;if(![...e].every(n=>n==="*"||n===" ")){if(t!=null&&t.children&&t.children.props.value){const n=JC(e);return n===!1?!1:t.children.props.value.match(n)}return!1}return e!==""&&!e.includes("*")&&t!=null&&t.children&&t.children.props.value?t.children.props.value.toLowerCase().includes(e.toLowerCase()):!1},A8e=(e,t,n,r,a,i)=>{const o=`${e.select}`,l=n<=i?` ${1+(t-1)*n} - ${n*t>r.length?r.length:n*t}`:` ${e.all}`,s=`${a!==""?` "${a}"`:n<=i?` ${e.connector} ${e.content}`:""} (${i})`;return me.jsxs("span",{"data-testid":"text-pagination-selector",children:[o,me.jsx("strong",{children:l}),s]})},D8e=(e,t,n)=>e===void 0?1:Math.ceil(t!==""?Js(n,t).length/e:n.length/e),V8e=({handleSelectAll:e,pageSize:t,currentPage:n,options:r,onPageChange:a,text:i,theme:o,searchValue:l})=>{const s=z.useRef(null),[c,d]=z.useState(t!==void 0&&t<r.length),u=D8e(t,l,r),[f,g]=z.useState(r.length>0),[b,v]=z.useState(n===1),[m,C]=z.useState(n===u),y=()=>{const E=n-1;E<=u&&E>=1&&a(E)},x=()=>{const E=n+1;E<=u&&E>=1&&a(E)};z.useEffect(()=>{v(n===1),C(n===u)},[n,u]),z.useEffect(()=>{t!==void 0&&(l!==""&&Js(r,l).length>t||l===""&&t!==void 0&&t<r.length?d(!0):d(!1))},[t,r,l]),z.useEffect(()=>{l!==""&&Js(r,l).length>0||l===""&&r.length>0?g(!0):g(!1)},[r,l]),z.useEffect(()=>{v(!0),C(!1)},[l]);const S=l!==""?Js(r,l).length:r.length,w=l!==""?Js(r,l):r;return me.jsxs(i8e,{children:[c&&me.jsx(nT,{"data-testid":"button-prev",xs:1,$disabled:b,onClick:y,theme:o,children:me.jsx(rT,{name:"chevron_left_l",color:b?"gray300":"gray900",size:12,ariaLabel:"Previous page"})}),f&&me.jsx(Ed,{children:me.jsx(o8e,{variant:"outline","data-testid":"button-select-all",onClick:()=>{e()},theme:o,ref:E=>{s.current=E},text:"",children:A8e(i,n,t,w,l,S)})}),c&&me.jsx(nT,{"data-testid":"button-next",xs:1,$disabled:m,onClick:x,theme:o,children:me.jsx(rT,{name:"chevron_right_l",color:m?"gray300":"gray900",size:12,ariaLabel:"Next page"})})]})},QC="*",j8e="Enter",bT=(e,t,n,r,a)=>{const{value:i,closable:o,onClose:l}=e,s=u=>{u.preventDefault(),u.stopPropagation()},c=t.filter(u=>u.value===i)[0],d=c.label.length>n-3?`${c.label.slice(0,n-3)}...`:c.label;return me.jsx(K1,{title:c.label,children:me.jsxs(XC,{className:"tag-select-option-selected",color:t.filter(u=>u.value===i)[0].color,onMouseDown:s,style:{marginRight:4},"data-testid":`tag-option-selected-${i}`,theme:r,children:[d,o&&me.jsx(Tn,{className:"icon-close",name:"close",size:"small",onClick:l,color:Ln.white,ariaLabel:a})]})})},yT=(e,t,n,r,a,i,o,l,s,c)=>me.jsxs(l8e,{"data-testid":"select-dropdown",children:[e,c!==void 0&&["multiple","tags"].includes(l)&&me.jsx(V8e,{pageSize:c,currentPage:t,handleSelectAll:a,onPageChange:r,options:n,text:i,theme:s,searchValue:o})]}),CT=(e,t,n)=>{if(t!==""&&(![...t].every(r=>r==="*"||r===" ")||!t.includes(QC))){const r=JC(t);if(r===!1)return me.jsx(rg,{"data-testid":`option-span-${e.value}`,"data-id":`${n}.option-span-${e.value}`,value:e,children:e});const a=I8e(e,r);if(a.start!==-1&&a.end!==-1)return me.jsx(rg,{"data-testid":`option-span-${e}-bold`,"data-id":`${n}.option-span-${e.value}-bold`,value:e,children:[...e].map((i,o)=>(t.includes(QC)?o===a.start||o===a.end:o>=a.start&&o<=a.end)?me.jsx("b",{children:i},i):i)})}return me.jsx(rg,{"data-testid":`option-span-${e}`,value:e,children:e})},F8e=(e,t,n)=>n!==void 0?t.length>=n&&!t.includes(e.value):e.disabled,xT=(e,t,n,r)=>me.jsx(me.Fragment,{children:e.map(a=>me.jsx(Sa.Option,{id:a.value,className:"option-select",disabled:a.disabled,value:a.value,theme:n,selected:t===a.value,"data-testid":`select-option-${a.value}`,"data-id":`${r}.select-option-${a.value}`,"aria-label":a.label,children:t===a.value?me.jsx(XC,{theme:n,$isSingleSelect:!0,children:a.label}):me.jsx(rg,{"data-testid":`option-span-${a.value}`,"data-id":`${r}.option-span-${a.value}`,value:a.label,children:a.label})},a.value))}),wT=(e,t,n,r,a,i,o)=>{const l=(i-1)*(o??e.length),s=l+(o??e.length);let c=n===""?e:Js(e,n);return c=c.slice(l,s),me.jsx(me.Fragment,{children:c.map(d=>{const u=t.includes(d.value)?d.color?Pc.get(r.color,d.color):Ln.gray400:Ln.white;return me.jsx(Sa.Option,{id:d.value,className:"option-select",disabled:F8e(d,t,o),value:d.value,theme:r,color:d.color,style:{backgroundColor:u},selected:t.includes(d.value),"data-testid":`select-option-${d.value}`,"data-id":`${a}.select-option-${d.value}`,"aria-label":d.label,children:t.includes(d.value)?me.jsx(XC,{theme:r,color:d.color,children:d.label}):CT(d.label,n,a)},d.value)})})},e4=Zr(({dataId:e="select",defaultValues:t=[],mode:n,options:r=[],pageSize:a,text:i={select:"Select",all:"all",connector:"of",content:'"All items"',overflow:"and more..."},placeholder:o="Select",isLoading:l,onChange:s,maxTagLength:c=20,overflowLength:d=5,handleButtonSelectAll:u,handleClearAll:f,allowClear:g,disabled:b,showOptionsAriaLabel:v,hideOptionsAriaLabel:m,clearAllOptionsAriaLabel:C,deleteOptionSelectedAriaLabel:y,...x})=>{const[S,w]=z.useState(!1),[E,M]=z.useState([]),[L,P]=z.useState(1),[T,I]=z.useState(""),O=z.useRef(null),N=z.useRef(""),_=z.useContext(pn)||vn,D=r||[];z.useEffect(()=>{P(1)},[T]),z.useEffect(()=>{t&&M(t)},[t]);const A=H=>P(H),k=()=>{const H=L,F=T!==""?Js(D,T):D,B=(H-1)*(a??1),Z=B+(a??1),te=F.slice(B,Z).map(X=>X.value);M(()=>te),u&&u(te)},R=()=>{P(1),N.current="",I(""),O!==null&&O.current!==null&&O.current.blur(),w(!1)},V=()=>{f&&f(),P(1),N.current="",I(""),M([]),O!==null&&O.current!==null&&O.current.blur(),w(!1)};return me.jsxs(me.Fragment,{children:[me.jsx(aT,{$theme:_}),n===void 0||n==="single"?me.jsx(Sa,{className:x.className,"data-testid":"select",autoClearSearchValue:!0,"data-id":e,defaultValue:t,filterOption:(H,F)=>{const B=D.find(Z=>Z.value===F.value);return B&&(B!=null&&B.label)?B.label.toLowerCase().includes(H.toLowerCase()):!1},loading:l,placeholder:o,open:S,ref:H=>{O.current=H},searchValue:N.current,showSearch:!0,style:{width:"100%"},suffixIcon:me.jsxs(me.Fragment,{children:[g&&(T!==""||E.length>0)&&me.jsx(Tn,{className:"selectable-icon",color:"gray",name:"close",size:"small",onClick:()=>{V()},ariaLabel:C||""}),me.jsx(Tn,{className:"selectable-icon",color:"gray",name:S?"chevron_up":"chevron_down",size:"small",onClick:H=>{S?(R(),H.stopPropagation()):w(!0)},ariaLabel:S?m:v})]}),value:E,onSelect:(H,F)=>{s!==void 0&&s(H,F),M([H]),R()},onDropdownVisibleChange:H=>{H!==S&&w(H)},onFocus:()=>{w(!0)},onSearch:H=>(I(H),N.current=H,H),disabled:b,"aria-disabled":b,"aria-expanded":S,...x,children:xT(D,E.length>0?E[0]:void 0,_,e)}):me.jsx(Sa,{autoClearSearchValue:!1,"data-id":e,"data-testid":"select",defaultValue:t,dropdownRender:i?H=>yT(H,L,D,A,k,i,T,n,_,a):void 0,optionFilterProp:"children",filterOption:H8e,maxTagCount:"responsive",maxTagPlaceholder:H=>{const F=d&&H.length>d?` ${i==null?void 0:i.overflow}`:"",B=`${H.slice(0,d).map(Z=>{var Y,te;return` ${(te=(Y=Z==null?void 0:Z.label)==null?void 0:Y.props)==null?void 0:te.children}`})}${F}`;return me.jsx(K1,{title:B,children:`+${H.length}`})},menuItemSelectedIcon:me.jsx(Tn,{color:"white",name:"close",size:"small",ariaLabel:y||""}),mode:n,open:S,placeholder:o,searchValue:N.current,style:{width:"100%"},showSearch:!0,suffixIcon:me.jsxs(me.Fragment,{children:[g&&(T!==""||E.length>0)&&me.jsx(Tn,{className:"selectable-icon",color:"gray",name:"close",size:"small",onClick:()=>{V()},ariaLabel:C||""}),me.jsx(Tn,{className:"selectable-icon",color:"gray",name:S?"chevron_up":"chevron_down",size:"small",onClick:H=>{S?(R(),H.stopPropagation()):w(!0)},ariaLabel:S?m:v})]}),ref:H=>{O!==null&&H!==null&&(O.current=H)},onDropdownVisibleChange:H=>{H!==S&&(w(H),H||(P(1),I(""),N.current=""))},tagRender:c?H=>bT(H,D,c,_,y||""):void 0,value:E,dropdownAlign:{offset:[0,3]},onChange:(H,F)=>{s!==void 0&&s(H,F),M(H)},onFocus:()=>{w(!0)},onSearch:H=>(I(H),N.current=H,H),onInputKeyDown:H=>{["multiple","tags"].includes(n)&&H.key===j8e&&N.current.includes(QC)&&(k(),H.stopPropagation())},disabled:b,"aria-disabled":b,"aria-expanded":S,...x,children:wT(D,E,T,_,e,L,a)})]})},"select");e4.defaultProps={defaultValues:[]};const{RangePicker:z8e}=Vs,ST=e=>{var t,n;return jt`
         &:hover,
         &:focus {
             border-color: ${Ft(e.theme)};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexma/ui-components",
-  "version": "8.0.25",
+  "version": "8.0.26",
   "description": "DEXMA UI Components (React)",
   "main": "./dist/ui-components.umd.js",
   "module": "./dist/ui-components.es.js",