@emporix/component-library 1.5.0 → 1.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.umd.js CHANGED
@@ -1,22 +1 @@
1
- (function(D,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(D=typeof globalThis<"u"?globalThis:D||self,d(D.EmporixComponentLibrary={},D.React))})(this,(function(D,d){"use strict";var pe={exports:{}},ce={};/**
2
- * @license React
3
- * react-jsx-runtime.production.js
4
- *
5
- * Copyright (c) Meta Platforms, Inc. and affiliates.
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */var je;function De(){if(je)return ce;je=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(o,a,c){var u=null;if(c!==void 0&&(u=""+c),a.key!==void 0&&(u=""+a.key),"key"in a){c={};for(var g in a)g!=="key"&&(c[g]=a[g])}else c=a;return a=c.ref,{$$typeof:e,type:o,key:u,ref:a!==void 0?a:null,props:c}}return ce.Fragment=r,ce.jsx=n,ce.jsxs=n,ce}var ue={};/**
10
- * @license React
11
- * react-jsx-runtime.development.js
12
- *
13
- * Copyright (c) Meta Platforms, Inc. and affiliates.
14
- *
15
- * This source code is licensed under the MIT license found in the
16
- * LICENSE file in the root directory of this source tree.
17
- */var ke;function Te(){return ke||(ke=1,process.env.NODE_ENV!=="production"&&(function(){function e(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===G?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case y:return"Fragment";case w:return"Profiler";case O:return"StrictMode";case F:return"Suspense";case $:return"SuspenseList";case ae:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case x:return"Portal";case S:return t.displayName||"Context";case A:return(t._context.displayName||"Context")+".Consumer";case p:var i=t.render;return t=t.displayName,t||(t=i.displayName||i.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case se:return i=t.displayName||null,i!==null?i:e(t.type)||"Memo";case U:i=t._payload,t=t._init;try{return e(t(i))}catch{}}return null}function r(t){return""+t}function n(t){try{r(t);var i=!1}catch{i=!0}if(i){i=console;var b=i.error,j=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return b.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",j),r(t)}}function o(t){if(t===y)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===U)return"<...>";try{var i=e(t);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function a(){var t=C.A;return t===null?null:t.getOwner()}function c(){return Error("react-stack-top-frame")}function u(t){if(h.call(t,"key")){var i=Object.getOwnPropertyDescriptor(t,"key").get;if(i&&i.isReactWarning)return!1}return t.key!==void 0}function g(t,i){function b(){W||(W=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",i))}b.isReactWarning=!0,Object.defineProperty(t,"key",{get:b,configurable:!0})}function f(){var t=e(this.type);return z[t]||(z[t]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),t=this.props.ref,t!==void 0?t:null}function v(t,i,b,j,Y,ie){var N=b.ref;return t={$$typeof:V,type:t,key:i,props:b,_owner:j},(N!==void 0?N:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:f}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ie}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function P(t,i,b,j,Y,ie){var N=i.children;if(N!==void 0)if(j)if(_(N)){for(j=0;j<N.length;j++)L(N[j]);Object.freeze&&Object.freeze(N)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else L(N);if(h.call(i,"key")){N=e(t);var X=Object.keys(i).filter(function(ge){return ge!=="key"});j=0<X.length?"{key: someKey, "+X.join(": ..., ")+": ...}":"{key: someKey}",K[N+j]||(X=0<X.length?"{"+X.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
18
- let props = %s;
19
- <%s {...props} />
20
- React keys must be passed directly to JSX without using spread:
21
- let props = %s;
22
- <%s key={someKey} {...props} />`,j,N,X,N),K[N+j]=!0)}if(N=null,b!==void 0&&(n(b),N=""+b),u(i)&&(n(i.key),N=""+i.key),"key"in i){b={};for(var fe in i)fe!=="key"&&(b[fe]=i[fe])}else b=i;return N&&g(b,typeof t=="function"?t.displayName||t.name||"Unknown":t),v(t,N,b,a(),Y,ie)}function L(t){T(t)?t._store&&(t._store.validated=1):typeof t=="object"&&t!==null&&t.$$typeof===U&&(t._payload.status==="fulfilled"?T(t._payload.value)&&t._payload.value._store&&(t._payload.value._store.validated=1):t._store&&(t._store.validated=1))}function T(t){return typeof t=="object"&&t!==null&&t.$$typeof===V}var R=d,V=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),O=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),A=Symbol.for("react.consumer"),S=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),$=Symbol.for("react.suspense_list"),se=Symbol.for("react.memo"),U=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),G=Symbol.for("react.client.reference"),C=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,h=Object.prototype.hasOwnProperty,_=Array.isArray,I=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(t){return t()}};var W,z={},J=R.react_stack_bottom_frame.bind(R,c)(),Z=I(o(c)),K={};ue.Fragment=y,ue.jsx=function(t,i,b){var j=1e4>C.recentlyCreatedOwnerStacks++;return P(t,i,b,!1,j?Error("react-stack-top-frame"):J,j?I(o(t)):Z)},ue.jsxs=function(t,i,b){var j=1e4>C.recentlyCreatedOwnerStacks++;return P(t,i,b,!0,j?Error("react-stack-top-frame"):J,j?I(o(t)):Z)}})()),ue}var we;function Re(){return we||(we=1,process.env.NODE_ENV==="production"?pe.exports=De():pe.exports=Te()),pe.exports}var l=Re();const ye={primaryButton:"_primaryButton_uyzzr_1",primaryButtonDisabled:"_primaryButtonDisabled_uyzzr_34",spinner:"_spinner_uyzzr_42"};var Ee={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Ce=d.createContext&&d.createContext(Ee),$e=["attr","size","title"];function Le(e,r){if(e==null)return{};var n,o,a=qe(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)n=c[o],r.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function qe(e,r){if(e==null)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(r.indexOf(o)!==-1)continue;n[o]=e[o]}return n}function _e(){return _e=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_e.apply(null,arguments)}function Ne(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,o)}return n}function me(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Ne(Object(n),!0).forEach(function(o){Fe(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ne(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function Fe(e,r,n){return(r=We(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function We(e){var r=ze(e,"string");return typeof r=="symbol"?r:r+""}function ze(e,r){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,r);if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function Oe(e){return e&&e.map((r,n)=>d.createElement(r.tag,me({key:n},r.attr),Oe(r.child)))}function de(e){return r=>d.createElement(Me,_e({attr:me({},e.attr)},r),Oe(e.child))}function Me(e){var r=n=>{var{attr:o,size:a,title:c}=e,u=Le(e,$e),g=a||n.size||"1em",f;return n.className&&(f=n.className),e.className&&(f=(f?f+" ":"")+e.className),d.createElement("svg",_e({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,o,u,{className:f,style:me(me({color:e.color||n.color},n.style),e.style),height:g,width:g,xmlns:"http://www.w3.org/2000/svg"}),c&&d.createElement("title",null,c),e.children)};return Ce!==void 0?d.createElement(Ce.Consumer,null,n=>r(n)):r(Ee)}function Ve(e){return de({attr:{viewBox:"0 0 24 24",fill:"none"},child:[{tag:"path",attr:{opacity:"0.2",fillRule:"evenodd",clipRule:"evenodd",d:"M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",fill:"currentColor"},child:[]},{tag:"path",attr:{d:"M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z",fill:"currentColor"},child:[]}]})(e)}const Ye=({children:e,disabled:r=!1,loading:n=!1,onClick:o,className:a="","data-testid":c,...u})=>{const g=[ye.primaryButton,r?ye.primaryButtonDisabled:"",a].filter(Boolean).join(" ");return l.jsxs("button",{type:"button",className:g,disabled:r||n,onClick:o,"data-testid":c,...u,children:[n&&l.jsx(Ve,{className:ye.spinner,size:12}),e]})},Se={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},He=({children:e,disabled:r=!1,onClick:n,className:o="","data-testid":a,...c})=>{const u=[Se.secondaryButton,r?Se.secondaryButtonDisabled:"",o].filter(Boolean).join(" ");return l.jsx("button",{type:"button",className:u,disabled:r,onClick:n,"data-testid":a,...c,children:e})},H={tabsContainer:"_tabsContainer_m3c4e_1",tabsHeader:"_tabsHeader_m3c4e_7",tabItem:"_tabItem_m3c4e_13",tabContent:"_tabContent_m3c4e_29",tabLabel:"_tabLabel_m3c4e_51",tabLine:"_tabLine_m3c4e_61",active:"_active_m3c4e_68",inactive:"_inactive_m3c4e_76",tabPanels:"_tabPanels_m3c4e_84"},Ue=({tabs:e,activeTabId:r,onTabChange:n,className:o="","data-testid":a,...c})=>{var g;const u=[H.tabsContainer,o].filter(Boolean).join(" ");return l.jsxs("div",{className:u,"data-testid":a,...c,children:[l.jsx("div",{className:H.tabsHeader,children:e.map(f=>{const v=f.id===r,P=[H.tabItem,v?H.active:H.inactive].filter(Boolean).join(" ");return l.jsxs("button",{type:"button",className:P,onClick:()=>n(f.id),"data-testid":`${a}-tab-${f.id}`,children:[l.jsx("div",{className:H.tabContent,children:l.jsx("span",{className:H.tabLabel,children:f.label})}),l.jsx("div",{className:H.tabLine})]},f.id)})}),l.jsx("div",{className:H.tabPanels,children:(g=e.find(f=>f.id===r))==null?void 0:g.content})]})};function Je(e){return de({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"11",cy:"11",r:"8"},child:[]},{tag:"line",attr:{x1:"21",y1:"21",x2:"16.65",y2:"16.65"},child:[]}]})(e)}function Ze(e){return de({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]},{tag:"line",attr:{x1:"12",y1:"16",x2:"12",y2:"12"},child:[]},{tag:"line",attr:{x1:"12",y1:"8",x2:"12.01",y2:"8"},child:[]}]})(e)}function Ge(e){return de({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"9 18 15 12 9 6"},child:[]}]})(e)}function Be(e){return de({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"6 9 12 15 18 9"},child:[]}]})(e)}const E={dropdown:"_dropdown_1xupi_1",label:"_label_1xupi_9",required:"_required_1xupi_18",trigger:"_trigger_1xupi_23",triggerDisabled:"_triggerDisabled_1xupi_47",triggerInput:"_triggerInput_1xupi_56",value:"_value_1xupi_74",placeholder:"_placeholder_1xupi_82",chevron:"_chevron_1xupi_86",open:"_open_1xupi_93",panel:"_panel_1xupi_117",panelClosing:"_panelClosing_1xupi_134",filterWrapper:"_filterWrapper_1xupi_138",filterInput:"_filterInput_1xupi_145",filterIcon:"_filterIcon_1xupi_164",list:"_list_1xupi_175",option:"_option_1xupi_184",optionSelected:"_optionSelected_1xupi_196",optionHighlighted:"_optionHighlighted_1xupi_200",optionDisabled:"_optionDisabled_1xupi_204",empty:"_empty_1xupi_213",disabled:"_disabled_1xupi_220"},te=(e,r)=>{const o=e[r];return o!=null?String(o):""},oe=(e,r)=>e[r],q=(e,r)=>r==null?!1:!!e[r],Ke=({value:e,onChange:r,onEditEnd:n,options:o,optionLabel:a="label",optionValue:c="value",optionDisabled:u,placeholder:g="Select",filter:f=!1,editable:v=!1,disabled:P=!1,required:L=!1,label:T,inputId:R,className:V="",panelClassName:x="",valueTemplate:y,itemTemplate:O,"data-testid":w})=>{const A=o.find(s=>oe(s,c)===e),S=A?te(A,a):"",[p,F]=d.useState(!1),[$,se]=d.useState(!1),[U,ae]=d.useState(""),[G,C]=d.useState(S),[h,_]=d.useState(0),I=d.useRef(null),W=d.useRef(null),z=d.useRef(null),J=d.useRef(null),Z=d.useRef(null),K=d.useRef(!1),t=d.useMemo(()=>f&&!v?o.filter(s=>te(s,a).toLowerCase().includes(U.toLowerCase())):o,[f,v,o,a,U]);d.useEffect(()=>{v&&C(S)},[v,e,S]),d.useEffect(()=>{p&&f&&!v&&(ae(""),_(0),setTimeout(()=>{var s;return(s=z.current)==null?void 0:s.focus()},0))},[p,f,v]),d.useEffect(()=>{if(!p)return;const s=t.findIndex(B=>oe(B,c)===e),m=t.findIndex(B=>!q(B,u)),k=s>=0&&!q(t[s],u);_(k?s:m>=0?m:0)},[p,e,t,c,u]),d.useEffect(()=>{const s=Z.current;s!=null&&s.scrollIntoView&&typeof s.scrollIntoView=="function"&&s.scrollIntoView({block:"nearest"})},[h]);const i=()=>{K.current=!0,se(!0)},b=s=>{var m;(K.current||(m=s.animationName)!=null&&m.includes("menuOut"))&&(K.current=!1,F(!1),se(!1),v&&C(S))};d.useEffect(()=>{if(!p&&!$)return;const s=m=>{I.current&&!I.current.contains(m.target)&&(v&&C(S),i())};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[p,$,v,S]);const j=()=>{P||F(s=>!s)},Y=(s,m)=>{if(q(s,u))return;const k=oe(s,c);v&&C(te(s,a)),r==null||r({value:k??null,originalEvent:m}),i()},ie=s=>{if(!p){if(s.key==="Enter"&&v&&G.trim()){s.preventDefault();const m=G.trim(),k=m.toLowerCase(),B=o.find(le=>{const ee=te(le,a).toLowerCase();return ee===k||ee.startsWith(k)}),Q=B&&!q(B,u)?oe(B,c):null;B&&!q(B,u)&&(C(te(B,a)),r==null||r({value:Q,originalEvent:s})),n==null||n({value:m,selectedValue:Q,originalEvent:s});return}(s.key==="Enter"||s.key===" "||s.key==="ArrowDown")&&(s.preventDefault(),F(!0));return}if(s.key==="Escape"){s.preventDefault(),i();return}if(s.key==="ArrowDown"){s.preventDefault(),_(m=>{for(let k=m+1;k<t.length;k++)if(!q(t[k],u))return k;return m});return}if(s.key==="ArrowUp"){s.preventDefault(),_(m=>{for(let k=m-1;k>=0;k--)if(!q(t[k],u))return k;return m});return}if(s.key==="Enter"){if(s.preventDefault(),v){const m=G.trim();if(m){const k=m.toLowerCase(),B=o.find(le=>{const ee=te(le,a).toLowerCase();return ee===k||ee.startsWith(k)}),Q=B&&!q(B,u)?oe(B,c):null;B&&!q(B,u)&&Y(B,s),n==null||n({value:m,selectedValue:Q,originalEvent:s})}else n==null||n({value:"",selectedValue:null,originalEvent:s})}else if(t[h]){const m=t[h];q(m,u)||Y(m,s)}}},N=[E.dropdown,P?E.disabled:"",p?E.open:"",V].filter(Boolean).join(" "),X=[E.trigger,P?E.triggerDisabled:""].filter(Boolean).join(" "),fe=[E.panel,$?E.panelClosing:"",x].filter(Boolean).join(" "),ge=d.useId(),ve=R??`dropdown-${ge.replace(/[^a-zA-Z0-9_-]/g,"")}`,xe=`${ve}-panel`;return l.jsxs("div",{className:N,ref:I,"data-testid":w,children:[T!=null&&l.jsxs("label",{htmlFor:ve,className:E.label,children:[T,L&&l.jsx("span",{className:E.required,children:"*"})]}),l.jsxs("div",{id:v?void 0:ve,role:"combobox","aria-expanded":p||$,"aria-haspopup":"listbox","aria-controls":p||$?xe:void 0,"aria-disabled":P,"aria-label":typeof T=="string"?T:void 0,tabIndex:v||P?-1:0,className:X,onClick:v?void 0:j,onKeyDown:v?void 0:ie,"data-testid":w&&!v?`${w}-trigger`:void 0,children:[v?l.jsx("input",{ref:J,id:ve,type:"text",className:E.triggerInput,value:G,onChange:s=>{C(s.target.value),!p&&!$&&F(!0),_(0)},onFocus:()=>{!P&&!p&&!$&&F(!0)},onKeyDown:ie,placeholder:g,disabled:P,"aria-autocomplete":"list","aria-controls":p||$?xe:void 0,"aria-expanded":p||$,"data-testid":w?`${w}-trigger`:void 0}):l.jsx("span",{className:E.value,children:y?y(A??null):S||l.jsx("span",{className:E.placeholder,children:g})}),l.jsx(Be,{className:E.chevron,"aria-hidden":!0,onClick:v?j:void 0})]}),(p||$)&&l.jsxs("div",{ref:W,id:xe,className:fe,role:"presentation",onAnimationEnd:b,"data-testid":w?`${w}-panel`:void 0,children:[f&&!v&&l.jsxs("div",{className:E.filterWrapper,children:[l.jsx("input",{ref:z,type:"text",className:E.filterInput,value:U,onChange:s=>{ae(s.target.value),_(0)},onKeyDown:s=>{s.key==="Escape"&&F(!1),s.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":w?`${w}-filter`:void 0}),l.jsx(Je,{className:E.filterIcon,"aria-hidden":!0})]}),l.jsx("ul",{className:E.list,role:"listbox","aria-label":"Options",children:t.length===0?l.jsx("li",{className:E.empty,children:"No results"}):t.map((s,m)=>{const k=oe(s,c),B=te(s,a),Q=q(s,u),le=e===k,ee=m===h,rt=k!=null?String(k):`option-${m}`;return l.jsx("li",{ref:ee?Z:void 0,role:"option","aria-selected":le,"aria-disabled":Q,className:[E.option,le?E.optionSelected:"",ee?E.optionHighlighted:"",Q?E.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!Q&&_(m),onClick:nt=>Y(s,nt),"data-testid":w?`${w}-option-${m}`:void 0,children:O?O(s):B},rt)})})]})]})},re={inputText:"_inputText_1crp5_1",label:"_label_1crp5_9",required:"_required_1crp5_20",tooltipIcon:"_tooltipIcon_1crp5_25",input:"_input_1crp5_1",inputTextarea:"_inputTextarea_1crp5_72",inputTextDisabled:"_inputTextDisabled_1crp5_79"},Xe=({label:e,tooltip:r,required:n=!1,inputId:o,textarea:a=!1,rows:c,className:u="","data-testid":g,disabled:f=!1,...v})=>{const{type:P="text",...L}=v,T=d.useId(),R=o||`input-text-${T.replace(/[^a-zA-Z0-9_-]/g,"")}`,V=[re.inputText,f?re.inputTextDisabled:"",u].filter(Boolean).join(" "),x=L["aria-invalid"];let y;x===void 0?y=void 0:x===!0?y="true":x===!1?y="false":y=x;const O=n?{"aria-required":"true"}:{"aria-required":"false"},w=y===void 0?{}:{"aria-invalid":y},A=[re.input,a?re.inputTextarea:""].filter(Boolean).join(" "),S={id:R,className:A,disabled:f,...O,...w,"data-testid":g?`${g}-input`:void 0};return l.jsxs("div",{className:V,"data-testid":g,children:[e!=null&&l.jsxs("label",{htmlFor:R,className:re.label,children:[e,n&&l.jsx("span",{className:re.required,children:"*"}),r!=null&&l.jsx("span",{className:re.tooltipIcon,title:r,"aria-label":r,children:l.jsx(Ze,{"aria-hidden":!0})})]}),a?l.jsx("textarea",{...L,...S,rows:c??3}):l.jsx("input",{...L,...S,type:P})]})},M={accordion:"_accordion_l1hoq_1",tab:"_tab_l1hoq_6",headerButton:"_headerButton_l1hoq_11",headerContent:"_headerContent_l1hoq_39",icon:"_icon_l1hoq_45",panel:"_panel_l1hoq_53",panelCollapsed:"_panelCollapsed_l1hoq_58",panelOpen:"_panelOpen_l1hoq_64",panelContent:"_panelContent_l1hoq_70",noBorderLast:"_noBorderLast_l1hoq_74"},he=e=>null;he.displayName="AccordionTab";const Qe=(e,r)=>e==null?[]:Array.isArray(e)?r?e:e.slice(0,1):[e],et=e=>e.replace(/[^a-zA-Z0-9_-]/g,""),Pe=({activeIndex:e,multiple:r=!1,expandIcon:n,collapseIcon:o,onTabChange:a,onTabOpen:c,onTabClose:u,className:g="",transitionOptions:f,pt:v,ptOptions:P,unstyled:L,children:T,...R})=>{const V=d.useId(),x=et(V),y=d.useMemo(()=>d.Children.toArray(T).filter(h=>d.isValidElement(h)&&h.type===he),[T]),O=e!==void 0,w=d.useMemo(()=>Qe(e,r),[e,r]),[A,S]=d.useState([]),p=O?w:A,F=typeof f=="object"&&f!=null&&typeof f.timeout=="number"?f.timeout:void 0,$=l.jsx(Ge,{"aria-hidden":!0}),se=l.jsx(Be,{"aria-hidden":!0}),U=n??$,ae=o??se,G=(C,h)=>{const _=p.includes(C);if(r){const z=_?p.filter(J=>J!==C):[...p,C];O||S(z),a==null||a({index:z,originalEvent:h}),_?u==null||u({index:C,originalEvent:h}):c==null||c({index:C,originalEvent:h});return}const I=p.length?p[0]:null,W=_?[]:[C];if(O||S(W),a==null||a({index:W,originalEvent:h}),_){u==null||u({index:C,originalEvent:h});return}I!=null&&(u==null||u({index:I,originalEvent:h})),c==null||c({index:C,originalEvent:h})};return l.jsx("div",{className:[M.accordion,g].filter(Boolean).join(" "),...R,children:y.map((C,h)=>{var j;const _=C.props,I=p.includes(h),W=!!_.disabled,z=`${x}-header-${h}`,J=`${x}-content-${h}`,Z=_.headerTemplate!=null?typeof _.headerTemplate=="function"?_.headerTemplate({index:h,selected:I,disabled:W,count:y.length,first:h===0,last:h===y.length-1}):_.headerTemplate:_.header,K=I?ae:U,t=[M.headerButton,_.headerClassName??""].filter(Boolean).join(" "),i=[M.tab,_.className??"",h===y.length-1?M.noBorderLast:""].filter(Boolean).join(" "),b=typeof Z=="string"?Z:void 0;return l.jsxs("div",{className:i,style:_.style,children:[l.jsxs("button",{id:z,type:"button",disabled:W,className:t,style:_.headerStyle,"aria-controls":J,"aria-expanded":I,"aria-disabled":W,tabIndex:_.tabIndex,onClick:Y=>G(h,Y),..._.headerProps,"aria-label":((j=_.headerProps)==null?void 0:j["aria-label"])??b,children:[l.jsx("span",{className:M.headerContent,children:Z}),l.jsx("span",{className:M.icon,"aria-hidden":!0,children:K})]}),l.jsx("div",{id:J,role:"region","aria-labelledby":z,"aria-hidden":!I,className:[M.panel,I?M.panelOpen:M.panelCollapsed].join(" "),style:{transitionDuration:F?`${F}ms`:void 0},children:l.jsx("div",{className:[M.panelContent,_.contentClassName??""].filter(Boolean).join(" "),style:_.contentStyle,children:_.children})})]},h)})})};Pe.displayName="Accordion";const ne={selectButton:"_selectButton_1u3fo_1",selectButtonDisabled:"_selectButtonDisabled_1u3fo_9",selectButtonInvalid:"_selectButtonInvalid_1u3fo_14",button:"_button_1u3fo_14",buttonFirst:"_buttonFirst_1u3fo_47",buttonLast:"_buttonLast_1u3fo_51",buttonSelected:"_buttonSelected_1u3fo_59"},Ae=(e,r)=>{const o=e[r];return o!=null?String(o):""},be=(e,r)=>e[r],Ie=(e,r)=>r==null?!1:!!e[r],tt=({value:e,onChange:r,options:n,optionLabel:o="label",optionValue:a="value",optionDisabled:c,multiple:u=!1,itemTemplate:g,disabled:f=!1,invalid:v=!1,className:P="","data-testid":L})=>{const T=x=>{const y=be(x,a);return u&&Array.isArray(e)?e.includes(y):e===y},R=(x,y)=>{if(f||Ie(x,c))return;const O=be(x,a);if(O===void 0)return;let w;if(u){const A=Array.isArray(e)?e:[];w=A.includes(O)?A.filter(p=>p!==O):[...A,O]}else w=e===O?null:O;r==null||r({value:w,originalEvent:y})},V=[ne.selectButton,f?ne.selectButtonDisabled:"",v?ne.selectButtonInvalid:"",P].filter(Boolean).join(" ");return l.jsx("div",{className:V,role:"group","aria-disabled":f,"data-testid":L,children:n.map((x,y)=>{const O=be(x,a),w=O!=null?String(O):`option-${y}`,A=Ie(x,c),S=T(x);return l.jsx("button",{type:"button","aria-pressed":S,"aria-disabled":A||f,"aria-label":Ae(x,o),disabled:f||A,className:[ne.button,S?ne.buttonSelected:"",y===0?ne.buttonFirst:"",y===n.length-1?ne.buttonLast:""].filter(Boolean).join(" "),onClick:p=>R(x,p),onKeyDown:p=>{(p.key===" "||p.key==="Enter")&&(p.preventDefault(),R(x,p))},"data-testid":L?`${L}-option-${y}`:void 0,children:g?g(x):Ae(x,o)},w)})})};D.Accordion=Pe,D.AccordionTab=he,D.Dropdown=Ke,D.InputText=Xe,D.PrimaryButton=Ye,D.SecondaryButton=He,D.SelectButton=tt,D.Tabs=Ue,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(j,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],s):(j=typeof globalThis<"u"?globalThis:j||self,s(j.EmporixComponentLibrary={},j.React,j.React))})(this,(function(j,s,c){"use strict";const ce={primaryButton:"_primaryButton_uyzzr_1",primaryButtonDisabled:"_primaryButtonDisabled_uyzzr_34",spinner:"_spinner_uyzzr_42"};var _e={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ye=c.createContext&&c.createContext(_e),Ne=["attr","size","title"];function ke(e,t){if(e==null)return{};var n,o,l=je(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}function je(e,t){if(e==null)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.indexOf(o)!==-1)continue;n[o]=e[o]}return n}function oe(){return oe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},oe.apply(null,arguments)}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable})),n.push.apply(n,o)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?he(Object(n),!0).forEach(function(o){xe(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function xe(e,t,n){return(t=De(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function De(e){var t=Ie(e,"string");return typeof t=="symbol"?t:t+""}function Ie(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,t);if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function me(e){return e&&e.map((t,n)=>c.createElement(t.tag,se({key:n},t.attr),me(t.child)))}function T(e){return t=>c.createElement(Se,oe({attr:se({},e.attr)},t),me(e.child))}function Se(e){var t=n=>{var{attr:o,size:l,title:u}=e,i=ke(e,Ne),B=l||n.size||"1em",a;return n.className&&(a=n.className),e.className&&(a=(a?a+" ":"")+e.className),c.createElement("svg",oe({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,o,i,{className:a,style:se(se({color:e.color||n.color},n.style),e.style),height:B,width:B,xmlns:"http://www.w3.org/2000/svg"}),u&&c.createElement("title",null,u),e.children)};return ye!==void 0?c.createElement(ye.Consumer,null,n=>t(n)):t(_e)}function Oe(e){return T({attr:{viewBox:"0 0 24 24",fill:"none"},child:[{tag:"path",attr:{opacity:"0.2",fillRule:"evenodd",clipRule:"evenodd",d:"M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",fill:"currentColor"},child:[]},{tag:"path",attr:{d:"M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z",fill:"currentColor"},child:[]}]})(e)}const ze=({children:e,disabled:t=!1,loading:n=!1,onClick:o,className:l="","data-testid":u,...i})=>{const B=[ce.primaryButton,t?ce.primaryButtonDisabled:"",l].filter(Boolean).join(" ");return s.jsxs("button",{type:"button",className:B,disabled:t||n,onClick:o,"data-testid":u,...i,children:[n&&s.jsx(Oe,{className:ce.spinner,size:12}),e]})},ve={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},Pe=({children:e,disabled:t=!1,onClick:n,className:o="","data-testid":l,...u})=>{const i=[ve.secondaryButton,t?ve.secondaryButtonDisabled:"",o].filter(Boolean).join(" ");return s.jsx("button",{type:"button",className:i,disabled:t,onClick:n,"data-testid":l,...u,children:e})},A={tabsContainer:"_tabsContainer_m3c4e_1",tabsHeader:"_tabsHeader_m3c4e_7",tabItem:"_tabItem_m3c4e_13",tabContent:"_tabContent_m3c4e_29",tabLabel:"_tabLabel_m3c4e_51",tabLine:"_tabLine_m3c4e_61",active:"_active_m3c4e_68",inactive:"_inactive_m3c4e_76",tabPanels:"_tabPanels_m3c4e_84"},$e=({tabs:e,activeTabId:t,onTabChange:n,className:o="","data-testid":l,...u})=>{var B;const i=[A.tabsContainer,o].filter(Boolean).join(" ");return s.jsxs("div",{className:i,"data-testid":l,...u,children:[s.jsx("div",{className:A.tabsHeader,children:e.map(a=>{const _=a.id===t,x=[A.tabItem,_?A.active:A.inactive].filter(Boolean).join(" ");return s.jsxs("button",{type:"button",className:x,onClick:()=>n(a.id),"data-testid":`${l}-tab-${a.id}`,children:[s.jsx("div",{className:A.tabContent,children:s.jsx("span",{className:A.tabLabel,children:a.label})}),s.jsx("div",{className:A.tabLine})]},a.id)})}),s.jsx("div",{className:A.tabPanels,children:(B=e.find(a=>a.id===t))==null?void 0:B.content})]})};function Le(e){return T({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"11",cy:"11",r:"8"},child:[]},{tag:"line",attr:{x1:"21",y1:"21",x2:"16.65",y2:"16.65"},child:[]}]})(e)}function Ae(e){return T({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]},{tag:"line",attr:{x1:"12",y1:"16",x2:"12",y2:"12"},child:[]},{tag:"line",attr:{x1:"12",y1:"8",x2:"12.01",y2:"8"},child:[]}]})(e)}function qe(e){return T({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"9 18 15 12 9 6"},child:[]}]})(e)}function ge(e){return T({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"6 9 12 15 18 9"},child:[]}]})(e)}const g={dropdown:"_dropdown_yz8m1_1",label:"_label_yz8m1_9",required:"_required_yz8m1_18",trigger:"_trigger_yz8m1_23",triggerDisabled:"_triggerDisabled_yz8m1_47",triggerInput:"_triggerInput_yz8m1_56",value:"_value_yz8m1_74",placeholder:"_placeholder_yz8m1_81",chevron:"_chevron_yz8m1_85",open:"_open_yz8m1_92",panel:"_panel_yz8m1_116",panelClosing:"_panelClosing_yz8m1_133",filterWrapper:"_filterWrapper_yz8m1_137",filterInput:"_filterInput_yz8m1_144",filterIcon:"_filterIcon_yz8m1_163",list:"_list_yz8m1_174",option:"_option_yz8m1_183",optionSelected:"_optionSelected_yz8m1_195",optionHighlighted:"_optionHighlighted_yz8m1_199",optionDisabled:"_optionDisabled_yz8m1_203",empty:"_empty_yz8m1_212",disabled:"_disabled_yz8m1_219"},M=(e,t)=>{const o=e[t];return o!=null?String(o):""},G=(e,t)=>e[t],z=(e,t)=>t==null?!1:!!e[t],Ee=({value:e,onChange:t,onEditEnd:n,options:o,optionLabel:l="label",optionValue:u="value",optionDisabled:i,placeholder:B="Select",filter:a=!1,editable:_=!1,disabled:x=!1,required:L=!1,label:P,inputId:q,className:Q="",panelClassName:v="",valueTemplate:h,itemTemplate:w,"data-testid":b})=>{const D=o.find(r=>G(r,u)===e),k=D?M(D,l):"",[d,E]=c.useState(!1),[S,le]=c.useState(!1),[R,ie]=c.useState(""),[U,N]=c.useState(k),[y,f]=c.useState(0),O=c.useRef(null),F=c.useRef(null),W=c.useRef(null),J=c.useRef(null),X=c.useRef(null),ee=c.useRef(!1),I=c.useMemo(()=>a&&!_?o.filter(r=>M(r,l).toLowerCase().includes(R.toLowerCase())):o,[a,_,o,l,R]);c.useEffect(()=>{_&&N(k)},[_,e,k]),c.useEffect(()=>{d&&a&&!_&&(ie(""),f(0),setTimeout(()=>{var r;return(r=W.current)==null?void 0:r.focus()},0))},[d,a,_]),c.useEffect(()=>{if(!d)return;const r=I.findIndex(C=>G(C,u)===e),p=I.findIndex(C=>!z(C,i)),m=r>=0&&!z(I[r],i);f(m?r:p>=0?p:0)},[d,e,I,u,i]),c.useEffect(()=>{const r=X.current;r!=null&&r.scrollIntoView&&typeof r.scrollIntoView=="function"&&r.scrollIntoView({block:"nearest"})},[y]);const te=()=>{ee.current=!0,le(!0)},fe=r=>{var p;(ee.current||(p=r.animationName)!=null&&p.includes("menuOut"))&&(ee.current=!1,E(!1),le(!1),_&&N(k))};c.useEffect(()=>{if(!d&&!S)return;const r=p=>{O.current&&!O.current.contains(p.target)&&(_&&N(k),te())};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[d,S,_,k]);const ne=()=>{x||E(r=>!r)},re=(r,p)=>{if(z(r,i))return;const m=G(r,u);_&&N(M(r,l)),t==null||t({value:m??null,originalEvent:p}),te()},we=r=>{if(!d){if(r.key==="Enter"&&_&&U.trim()){r.preventDefault();const p=U.trim(),m=p.toLowerCase(),C=o.find(Y=>{const V=M(Y,l).toLowerCase();return V===m||V.startsWith(m)}),H=C&&!z(C,i)?G(C,u):null;C&&!z(C,i)&&(N(M(C,l)),t==null||t({value:H,originalEvent:r})),n==null||n({value:p,selectedValue:H,originalEvent:r});return}(r.key==="Enter"||r.key===" "||r.key==="ArrowDown")&&(r.preventDefault(),E(!0));return}if(r.key==="Escape"){r.preventDefault(),te();return}if(r.key==="ArrowDown"){r.preventDefault(),f(p=>{for(let m=p+1;m<I.length;m++)if(!z(I[m],i))return m;return p});return}if(r.key==="ArrowUp"){r.preventDefault(),f(p=>{for(let m=p-1;m>=0;m--)if(!z(I[m],i))return m;return p});return}if(r.key==="Enter"){if(r.preventDefault(),_){const p=U.trim();if(p){const m=p.toLowerCase(),C=o.find(Y=>{const V=M(Y,l).toLowerCase();return V===m||V.startsWith(m)}),H=C&&!z(C,i)?G(C,u):null;C&&!z(C,i)&&re(C,r),n==null||n({value:p,selectedValue:H,originalEvent:r})}else n==null||n({value:"",selectedValue:null,originalEvent:r})}else if(I[y]){const p=I[y];z(p,i)||re(p,r)}}},Me=[g.dropdown,x?g.disabled:"",d?g.open:"",Q].filter(Boolean).join(" "),Ke=[g.trigger,x?g.triggerDisabled:""].filter(Boolean).join(" "),Ze=[g.panel,S?g.panelClosing:"",v].filter(Boolean).join(" "),Qe=c.useId(),ae=q??`dropdown-${Qe.replace(/[^a-zA-Z0-9_-]/g,"")}`,pe=`${ae}-panel`;return s.jsxs("div",{className:Me,ref:O,"data-testid":b,children:[P!=null&&s.jsxs("label",{htmlFor:ae,className:g.label,children:[P,L&&s.jsx("span",{className:g.required,children:"*"})]}),s.jsxs("div",{id:_?void 0:ae,role:"combobox","aria-expanded":d||S,"aria-haspopup":"listbox","aria-controls":d||S?pe:void 0,"aria-disabled":x,"aria-label":typeof P=="string"?P:void 0,tabIndex:_||x?-1:0,className:Ke,onClick:_?void 0:ne,onKeyDown:_?void 0:we,"data-testid":b&&!_?`${b}-trigger`:void 0,children:[_?s.jsx("input",{ref:J,id:ae,type:"text",className:g.triggerInput,value:U,onChange:r=>{N(r.target.value),!d&&!S&&E(!0),f(0)},onFocus:()=>{!x&&!d&&!S&&E(!0)},onKeyDown:we,placeholder:B,disabled:x,"aria-autocomplete":"list","aria-controls":d||S?pe:void 0,"aria-expanded":d||S,"data-testid":b?`${b}-trigger`:void 0}):s.jsx("span",{className:g.value,children:h?h(D??null):k||s.jsx("span",{className:g.placeholder,children:B})}),s.jsx(ge,{className:g.chevron,"aria-hidden":!0,onClick:_?ne:void 0})]}),(d||S)&&s.jsxs("div",{ref:F,id:pe,className:Ze,role:"presentation",onAnimationEnd:fe,"data-testid":b?`${b}-panel`:void 0,children:[a&&!_&&s.jsxs("div",{className:g.filterWrapper,children:[s.jsx("input",{ref:W,type:"text",className:g.filterInput,value:R,onChange:r=>{ie(r.target.value),f(0)},onKeyDown:r=>{r.key==="Escape"&&E(!1),r.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":b?`${b}-filter`:void 0}),s.jsx(Le,{className:g.filterIcon,"aria-hidden":!0})]}),s.jsx("ul",{className:g.list,role:"listbox","aria-label":"Options",children:I.length===0?s.jsx("li",{className:g.empty,children:"No results"}):I.map((r,p)=>{const m=G(r,u),C=M(r,l),H=z(r,i),Y=e===m,V=p===y,Ge=m!=null?String(m):`option-${p}`;return s.jsx("li",{ref:V?X:void 0,role:"option","aria-selected":Y,"aria-disabled":H,className:[g.option,Y?g.optionSelected:"",V?g.optionHighlighted:"",H?g.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!H&&f(p),onClick:Ue=>re(r,Ue),"data-testid":b?`${b}-option-${p}`:void 0,children:w?w(r):C},Ge)})})]})]})},K={inputText:"_inputText_1crp5_1",label:"_label_1crp5_9",required:"_required_1crp5_20",tooltipIcon:"_tooltipIcon_1crp5_25",input:"_input_1crp5_1",inputTextarea:"_inputTextarea_1crp5_72",inputTextDisabled:"_inputTextDisabled_1crp5_79"},Fe=({label:e,tooltip:t,required:n=!1,inputId:o,textarea:l=!1,rows:u,className:i="","data-testid":B,disabled:a=!1,..._})=>{const{type:x="text",...L}=_,P=c.useId(),q=o||`input-text-${P.replace(/[^a-zA-Z0-9_-]/g,"")}`,Q=[K.inputText,a?K.inputTextDisabled:"",i].filter(Boolean).join(" "),v=L["aria-invalid"];let h;v===void 0?h=void 0:v===!0?h="true":v===!1?h="false":h=v;const w=n?{"aria-required":"true"}:{"aria-required":"false"},b=h===void 0?{}:{"aria-invalid":h},D=[K.input,l?K.inputTextarea:""].filter(Boolean).join(" "),k={id:q,className:D,disabled:a,...w,...b,"data-testid":B?`${B}-input`:void 0};return s.jsxs("div",{className:Q,"data-testid":B,children:[e!=null&&s.jsxs("label",{htmlFor:q,className:K.label,children:[e,n&&s.jsx("span",{className:K.required,children:"*"}),t!=null&&s.jsx("span",{className:K.tooltipIcon,title:t,"aria-label":t,children:s.jsx(Ae,{"aria-hidden":!0})})]}),l?s.jsx("textarea",{...L,...k,rows:u??3}):s.jsx("input",{...L,...k,type:x})]})},$={accordion:"_accordion_l1hoq_1",tab:"_tab_l1hoq_6",headerButton:"_headerButton_l1hoq_11",headerContent:"_headerContent_l1hoq_39",icon:"_icon_l1hoq_45",panel:"_panel_l1hoq_53",panelCollapsed:"_panelCollapsed_l1hoq_58",panelOpen:"_panelOpen_l1hoq_64",panelContent:"_panelContent_l1hoq_70",noBorderLast:"_noBorderLast_l1hoq_74"},ue=e=>null;ue.displayName="AccordionTab";const We=(e,t)=>e==null?[]:Array.isArray(e)?t?e:e.slice(0,1):[e],He=e=>e.replace(/[^a-zA-Z0-9_-]/g,""),be=({activeIndex:e,multiple:t=!1,expandIcon:n,collapseIcon:o,onTabChange:l,onTabOpen:u,onTabClose:i,className:B="",transitionOptions:a,pt:_,ptOptions:x,unstyled:L,children:P,...q})=>{const Q=c.useId(),v=He(Q),h=c.useMemo(()=>c.Children.toArray(P).filter(y=>c.isValidElement(y)&&y.type===ue),[P]),w=e!==void 0,b=c.useMemo(()=>We(e,t),[e,t]),[D,k]=c.useState([]),d=w?b:D,E=typeof a=="object"&&a!=null&&typeof a.timeout=="number"?a.timeout:void 0,S=s.jsx(qe,{"aria-hidden":!0}),le=s.jsx(ge,{"aria-hidden":!0}),R=n??S,ie=o??le,U=(N,y)=>{const f=d.includes(N);if(t){const W=f?d.filter(J=>J!==N):[...d,N];w||k(W),l==null||l({index:W,originalEvent:y}),f?i==null||i({index:N,originalEvent:y}):u==null||u({index:N,originalEvent:y});return}const O=d.length?d[0]:null,F=f?[]:[N];if(w||k(F),l==null||l({index:F,originalEvent:y}),f){i==null||i({index:N,originalEvent:y});return}O!=null&&(i==null||i({index:O,originalEvent:y})),u==null||u({index:N,originalEvent:y})};return s.jsx("div",{className:[$.accordion,B].filter(Boolean).join(" "),...q,children:h.map((N,y)=>{var ne;const f=N.props,O=d.includes(y),F=!!f.disabled,W=`${v}-header-${y}`,J=`${v}-content-${y}`,X=f.headerTemplate!=null?typeof f.headerTemplate=="function"?f.headerTemplate({index:y,selected:O,disabled:F,count:h.length,first:y===0,last:y===h.length-1}):f.headerTemplate:f.header,ee=O?ie:R,I=[$.headerButton,f.headerClassName??""].filter(Boolean).join(" "),te=[$.tab,f.className??"",y===h.length-1?$.noBorderLast:""].filter(Boolean).join(" "),fe=typeof X=="string"?X:void 0;return s.jsxs("div",{className:te,style:f.style,children:[s.jsxs("button",{id:W,type:"button",disabled:F,className:I,style:f.headerStyle,"aria-controls":J,"aria-expanded":O,"aria-disabled":F,tabIndex:f.tabIndex,onClick:re=>U(y,re),...f.headerProps,"aria-label":((ne=f.headerProps)==null?void 0:ne["aria-label"])??fe,children:[s.jsx("span",{className:$.headerContent,children:X}),s.jsx("span",{className:$.icon,"aria-hidden":!0,children:ee})]}),s.jsx("div",{id:J,role:"region","aria-labelledby":W,"aria-hidden":!O,className:[$.panel,O?$.panelOpen:$.panelCollapsed].join(" "),style:{transitionDuration:E?`${E}ms`:void 0},children:s.jsx("div",{className:[$.panelContent,f.contentClassName??""].filter(Boolean).join(" "),style:f.contentStyle,children:f.children})})]},y)})})};be.displayName="Accordion";const Z={selectButton:"_selectButton_1u3fo_1",selectButtonDisabled:"_selectButtonDisabled_1u3fo_9",selectButtonInvalid:"_selectButtonInvalid_1u3fo_14",button:"_button_1u3fo_14",buttonFirst:"_buttonFirst_1u3fo_47",buttonLast:"_buttonLast_1u3fo_51",buttonSelected:"_buttonSelected_1u3fo_59"},Be=(e,t)=>{const o=e[t];return o!=null?String(o):""},de=(e,t)=>e[t],Ce=(e,t)=>t==null?!1:!!e[t],Ve=({value:e,onChange:t,options:n,optionLabel:o="label",optionValue:l="value",optionDisabled:u,multiple:i=!1,itemTemplate:B,disabled:a=!1,invalid:_=!1,className:x="","data-testid":L})=>{const P=v=>{const h=de(v,l);return i&&Array.isArray(e)?e.includes(h):e===h},q=(v,h)=>{if(a||Ce(v,u))return;const w=de(v,l);if(w===void 0)return;let b;if(i){const D=Array.isArray(e)?e:[];b=D.includes(w)?D.filter(d=>d!==w):[...D,w]}else b=e===w?null:w;t==null||t({value:b,originalEvent:h})},Q=[Z.selectButton,a?Z.selectButtonDisabled:"",_?Z.selectButtonInvalid:"",x].filter(Boolean).join(" ");return s.jsx("div",{className:Q,role:"group","aria-disabled":a,"data-testid":L,children:n.map((v,h)=>{const w=de(v,l),b=w!=null?String(w):`option-${h}`,D=Ce(v,u),k=P(v);return s.jsx("button",{type:"button","aria-pressed":k,"aria-disabled":D||a,"aria-label":Be(v,o),disabled:a||D,className:[Z.button,k?Z.buttonSelected:"",h===0?Z.buttonFirst:"",h===n.length-1?Z.buttonLast:""].filter(Boolean).join(" "),onClick:d=>q(v,d),onKeyDown:d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),q(v,d))},"data-testid":L?`${L}-option-${h}`:void 0,children:B?B(v):Be(v,o)},b)})})};j.Accordion=be,j.AccordionTab=ue,j.Dropdown=Ee,j.InputText=Fe,j.PrimaryButton=ze,j.SecondaryButton=Pe,j.SelectButton=Ve,j.Tabs=$e,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- ._primaryButton_uyzzr_1{background:var(--color-primary);border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#fff;padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease}._primaryButton_uyzzr_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._primaryButton_uyzzr_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid var(--color-primary-hover);background:var(--color-primary-hover);opacity:.8}._primaryButton_uyzzr_1:hover{border:1px solid var(--color-primary-hover);background:var(--color-primary-hover)}._primaryButtonDisabled_uyzzr_34{cursor:not-allowed;opacity:.8}._primaryButtonDisabled_uyzzr_34:hover{transform:none}._spinner_uyzzr_42{animation:_spin_uyzzr_42 1s linear infinite;margin-right:.5rem}@keyframes _spin_uyzzr_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1s7ft_1{background:transparent;border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--color-primary);padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1s7ft_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._secondaryButton_1s7ft_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid #9cbbe3;background:transparent;opacity:.5}._secondaryButton_1s7ft_1:hover{background:#efefef}._secondaryButtonDisabled_1s7ft_33{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1s7ft_33:hover{transform:none;background:transparent;color:#9cbbe3}._tabsContainer_m3c4e_1{display:flex;flex-direction:column;width:100%}._tabsHeader_m3c4e_7{display:flex;align-items:center;gap:0}._tabItem_m3c4e_13{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}._tabItem_m3c4e_13:hover ._tabContent_m3c4e_29{background-color:#128afb0d}._tabItem_m3c4e_13:focus{outline:none}._tabItem_m3c4e_13:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._tabContent_m3c4e_29{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;transition:background-color .2s ease}._tabLabel_m3c4e_51{font-family:Lato,sans-serif;font-size:var(--font-size-base);line-height:1.5em;text-align:center;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:color .2s ease}._tabLine_m3c4e_61{width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}._active_m3c4e_68 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._active_m3c4e_68 ._tabLine_m3c4e_61{background-color:var(--color-primary)}._inactive_m3c4e_76 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}._inactive_m3c4e_76 ._tabLine_m3c4e_61{background-color:var(--color-border-light)}._tabPanels_m3c4e_84{padding:var(--spacing-md) 0;background-color:transparent}._dropdown_1xupi_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1xupi_9{display:block;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1xupi_18{color:var(--color-text-secondary);margin-left:2px}._trigger_1xupi_23{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.5rem}._trigger_1xupi_23:hover:not(:focus){border-color:var(--color-primary)}._trigger_1xupi_23:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_1xupi_47{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_1xupi_47:hover{border-color:var(--color-input-border)}._triggerInput_1xupi_56{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_1xupi_56::placeholder{color:var(--color-text-secondary)}._triggerInput_1xupi_56:disabled{cursor:not-allowed}._value_1xupi_74{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_1xupi_82{color:var(--color-text-secondary)}._chevron_1xupi_86{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_1xupi_93 ._chevron_1xupi_86{transform:rotate(180deg)}@keyframes _menuIn_1xupi_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_1xupi_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_1xupi_117{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:100%;box-sizing:border-box;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow-x:hidden;animation:_menuIn_1xupi_1 .25s ease-out forwards}._panelClosing_1xupi_134{animation:_menuOut_1xupi_1 .15s ease-in forwards}._filterWrapper_1xupi_138{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_1xupi_145{width:100%;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary)}._filterInput_1xupi_145:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_1xupi_145::placeholder{color:var(--color-text-secondary)}._filterIcon_1xupi_164{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_1xupi_175{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_1xupi_184{padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .15s ease;margin-bottom:0}._option_1xupi_184:hover,._option_1xupi_184:focus-visible{background:var(--color-bg-secondary)}._optionSelected_1xupi_196{background:var(--color-dropdown-option-highlight)}._optionHighlighted_1xupi_200{background:var(--color-bg-secondary)}._optionDisabled_1xupi_204{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_1xupi_204:hover{background:transparent}._empty_1xupi_213{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_1xupi_220 ._trigger_1xupi_23:hover{border-color:var(--color-input-border)}._inputText_1crp5_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1crp5_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1crp5_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_1crp5_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_1crp5_25 svg{width:1rem;height:1rem}._input_1crp5_1{display:block;width:100%;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}._input_1crp5_1::placeholder{color:var(--color-text-secondary)}._input_1crp5_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_1crp5_1:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow);transition:box-shadow .2s ease-in-out}._input_1crp5_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_1crp5_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_1crp5_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_1crp5_79 ._input_1crp5_1:hover{border-color:var(--color-input-border)}._accordion_l1hoq_1{display:block;width:100%}._tab_l1hoq_6{width:100%;border-bottom:1px solid var(--color-border-light)}._headerButton_l1hoq_11{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}._headerButton_l1hoq_11:disabled{cursor:not-allowed;opacity:.6}._headerButton_l1hoq_11:focus{outline:none}._headerButton_l1hoq_11:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._headerContent_l1hoq_39{display:flex;align-items:center;gap:.5rem}._icon_l1hoq_45{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}._panel_l1hoq_53{overflow:hidden;transition:max-height .2s ease,opacity .2s ease,padding .2s ease}._panelCollapsed_l1hoq_58{max-height:0;opacity:0;padding:0}._panelOpen_l1hoq_64{max-height:1000px;opacity:1;padding:.25rem 0 .5rem}._panelContent_l1hoq_70{color:var(--color-text-primary)}._noBorderLast_l1hoq_74{border-bottom:none}._selectButton_1u3fo_1{display:inline-flex;flex-wrap:wrap;gap:0;font-size:var(--font-size-base);color:var(--color-text-primary)}._selectButtonDisabled_1u3fo_9{opacity:.7;pointer-events:none}._selectButtonInvalid_1u3fo_14 ._button_1u3fo_14{border-color:var(--color-primary)}._button_1u3fo_14{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);font-size:inherit;font-family:inherit;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}._button_1u3fo_14:hover:not(:disabled){z-index:1;border-color:var(--color-primary);background:var(--color-bg-secondary)}._button_1u3fo_14:focus{outline:0;z-index:1}._button_1u3fo_14:disabled{cursor:not-allowed;opacity:.6}._buttonFirst_1u3fo_47{border-radius:4px 0 0 4px}._buttonLast_1u3fo_51{border-radius:0 4px 4px 0}._button_1u3fo_14:only-child{border-radius:4px}._buttonSelected_1u3fo_59{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._buttonSelected_1u3fo_59:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}._buttonSelected_1u3fo_59:focus{box-shadow:var(--focus-ring-box-shadow)}._button_1u3fo_14+._button_1u3fo_14{margin-left:-1px}._buttonSelected_1u3fo_59+._button_1u3fo_14,._button_1u3fo_14+._buttonSelected_1u3fo_59{margin-left:-1px}:root{--color-primary: #3b73bb;--color-primary-hover: #2665b7;--color-dark: #3e4759;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-border-light: #e9ecef;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--font-size-sm: .875rem;--font-size-base: .875rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1rem;--color-input-border: #e9ecef;--color-input-focus: #3b73bb;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #3b73bb;--focus-ring-box-shadow: 0 0 0 1px rgba(38, 101, 183, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0}
1
+ ._primaryButton_uyzzr_1{background:var(--color-primary);border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#fff;padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease}._primaryButton_uyzzr_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._primaryButton_uyzzr_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid var(--color-primary-hover);background:var(--color-primary-hover);opacity:.8}._primaryButton_uyzzr_1:hover{border:1px solid var(--color-primary-hover);background:var(--color-primary-hover)}._primaryButtonDisabled_uyzzr_34{cursor:not-allowed;opacity:.8}._primaryButtonDisabled_uyzzr_34:hover{transform:none}._spinner_uyzzr_42{animation:_spin_uyzzr_42 1s linear infinite;margin-right:.5rem}@keyframes _spin_uyzzr_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1s7ft_1{background:transparent;border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--color-primary);padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1s7ft_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._secondaryButton_1s7ft_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid #9cbbe3;background:transparent;opacity:.5}._secondaryButton_1s7ft_1:hover{background:#efefef}._secondaryButtonDisabled_1s7ft_33{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1s7ft_33:hover{transform:none;background:transparent;color:#9cbbe3}._tabsContainer_m3c4e_1{display:flex;flex-direction:column;width:100%}._tabsHeader_m3c4e_7{display:flex;align-items:center;gap:0}._tabItem_m3c4e_13{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}._tabItem_m3c4e_13:hover ._tabContent_m3c4e_29{background-color:#128afb0d}._tabItem_m3c4e_13:focus{outline:none}._tabItem_m3c4e_13:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._tabContent_m3c4e_29{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;transition:background-color .2s ease}._tabLabel_m3c4e_51{font-family:Lato,sans-serif;font-size:var(--font-size-base);line-height:1.5em;text-align:center;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:color .2s ease}._tabLine_m3c4e_61{width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}._active_m3c4e_68 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._active_m3c4e_68 ._tabLine_m3c4e_61{background-color:var(--color-primary)}._inactive_m3c4e_76 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}._inactive_m3c4e_76 ._tabLine_m3c4e_61{background-color:var(--color-border-light)}._tabPanels_m3c4e_84{padding:var(--spacing-md) 0;background-color:transparent}._dropdown_yz8m1_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_yz8m1_9{display:block;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_yz8m1_18{color:var(--color-text-secondary);margin-left:2px}._trigger_yz8m1_23{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.5rem}._trigger_yz8m1_23:hover:not(:focus){border-color:var(--color-primary)}._trigger_yz8m1_23:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_yz8m1_47{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_yz8m1_47:hover{border-color:var(--color-input-border)}._triggerInput_yz8m1_56{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_yz8m1_56::placeholder{color:var(--color-text-secondary)}._triggerInput_yz8m1_56:disabled{cursor:not-allowed}._value_yz8m1_74{flex:1;text-align:left;text-overflow:ellipsis;white-space:nowrap}._placeholder_yz8m1_81{color:var(--color-text-secondary)}._chevron_yz8m1_85{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_yz8m1_92 ._chevron_yz8m1_85{transform:rotate(180deg)}@keyframes _menuIn_yz8m1_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_yz8m1_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_yz8m1_116{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:100%;box-sizing:border-box;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow-x:hidden;animation:_menuIn_yz8m1_1 .25s ease-out forwards}._panelClosing_yz8m1_133{animation:_menuOut_yz8m1_1 .15s ease-in forwards}._filterWrapper_yz8m1_137{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_yz8m1_144{width:100%;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary)}._filterInput_yz8m1_144:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_yz8m1_144::placeholder{color:var(--color-text-secondary)}._filterIcon_yz8m1_163{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_yz8m1_174{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_yz8m1_183{padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .15s ease;margin-bottom:0}._option_yz8m1_183:hover,._option_yz8m1_183:focus-visible{background:var(--color-bg-secondary)}._optionSelected_yz8m1_195{background:var(--color-dropdown-option-highlight)}._optionHighlighted_yz8m1_199{background:var(--color-bg-secondary)}._optionDisabled_yz8m1_203{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_yz8m1_203:hover{background:transparent}._empty_yz8m1_212{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_yz8m1_219 ._trigger_yz8m1_23:hover{border-color:var(--color-input-border)}._inputText_1crp5_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1crp5_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1crp5_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_1crp5_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_1crp5_25 svg{width:1rem;height:1rem}._input_1crp5_1{display:block;width:100%;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}._input_1crp5_1::placeholder{color:var(--color-text-secondary)}._input_1crp5_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_1crp5_1:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow);transition:box-shadow .2s ease-in-out}._input_1crp5_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_1crp5_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_1crp5_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_1crp5_79 ._input_1crp5_1:hover{border-color:var(--color-input-border)}._accordion_l1hoq_1{display:block;width:100%}._tab_l1hoq_6{width:100%;border-bottom:1px solid var(--color-border-light)}._headerButton_l1hoq_11{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}._headerButton_l1hoq_11:disabled{cursor:not-allowed;opacity:.6}._headerButton_l1hoq_11:focus{outline:none}._headerButton_l1hoq_11:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}._headerContent_l1hoq_39{display:flex;align-items:center;gap:.5rem}._icon_l1hoq_45{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}._panel_l1hoq_53{overflow:hidden;transition:max-height .2s ease,opacity .2s ease,padding .2s ease}._panelCollapsed_l1hoq_58{max-height:0;opacity:0;padding:0}._panelOpen_l1hoq_64{max-height:1000px;opacity:1;padding:.25rem 0 .5rem}._panelContent_l1hoq_70{color:var(--color-text-primary)}._noBorderLast_l1hoq_74{border-bottom:none}._selectButton_1u3fo_1{display:inline-flex;flex-wrap:wrap;gap:0;font-size:var(--font-size-base);color:var(--color-text-primary)}._selectButtonDisabled_1u3fo_9{opacity:.7;pointer-events:none}._selectButtonInvalid_1u3fo_14 ._button_1u3fo_14{border-color:var(--color-primary)}._button_1u3fo_14{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);font-size:inherit;font-family:inherit;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}._button_1u3fo_14:hover:not(:disabled){z-index:1;border-color:var(--color-primary);background:var(--color-bg-secondary)}._button_1u3fo_14:focus{outline:0;z-index:1}._button_1u3fo_14:disabled{cursor:not-allowed;opacity:.6}._buttonFirst_1u3fo_47{border-radius:4px 0 0 4px}._buttonLast_1u3fo_51{border-radius:0 4px 4px 0}._button_1u3fo_14:only-child{border-radius:4px}._buttonSelected_1u3fo_59{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._buttonSelected_1u3fo_59:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}._buttonSelected_1u3fo_59:focus{box-shadow:var(--focus-ring-box-shadow)}._button_1u3fo_14+._button_1u3fo_14{margin-left:-1px}._buttonSelected_1u3fo_59+._button_1u3fo_14,._button_1u3fo_14+._buttonSelected_1u3fo_59{margin-left:-1px}:root{--color-primary: #3b73bb;--color-primary-hover: #2665b7;--color-dark: #3e4759;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-border-light: #e9ecef;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--font-size-sm: .875rem;--font-size-base: .875rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1rem;--color-input-border: #e9ecef;--color-input-focus: #3b73bb;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #3b73bb;--focus-ring-box-shadow: 0 0 0 1px rgba(38, 101, 183, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emporix/component-library",
3
- "version": "1.5.0",
3
+ "version": "1.5.2",
4
4
  "description": "A React component library for Emporix projects",
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.js",
@@ -67,8 +67,8 @@
67
67
  "@storybook/react": "^8.6.18",
68
68
  "@storybook/react-vite": "^8.6.18",
69
69
  "@storybook/test": "^8.6.15",
70
- "@types/react": "^19.2.14",
71
- "@types/react-dom": "^19.2.3",
70
+ "@types/react": "^18.3.18",
71
+ "@types/react-dom": "^18.3.5",
72
72
  "@typescript-eslint/eslint-plugin": "^8.57.0",
73
73
  "@typescript-eslint/parser": "^8.57.0",
74
74
  "@vitejs/plugin-react": "^4.3.1",