@emporix/component-library 1.4.3 → 1.5.1

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,30 +1 @@
1
- (function(M,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],g):(M=typeof globalThis<"u"?globalThis:M||self,g(M.EmporixComponentLibrary={},M.React))})(this,(function(M,g){"use strict";var we={exports:{}},ye={};/**
2
- * @license React
3
- * react-jsx-runtime.production.min.js
4
- *
5
- * Copyright (c) Facebook, Inc. and its 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 qe;function ct(){if(qe)return ye;qe=1;var t=g,n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,c=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function b(E,u,_){var x,D={},B=null,H=null;_!==void 0&&(B=""+_),u.key!==void 0&&(B=""+u.key),u.ref!==void 0&&(H=u.ref);for(x in u)s.call(u,x)&&!h.hasOwnProperty(x)&&(D[x]=u[x]);if(E&&E.defaultProps)for(x in u=E.defaultProps,u)D[x]===void 0&&(D[x]=u[x]);return{$$typeof:n,type:E,key:B,ref:H,props:D,_owner:c.current}}return ye.Fragment=a,ye.jsx=b,ye.jsxs=b,ye}var be={};/**
10
- * @license React
11
- * react-jsx-runtime.development.js
12
- *
13
- * Copyright (c) Facebook, Inc. and its 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 Me;function ft(){return Me||(Me=1,process.env.NODE_ENV!=="production"&&(function(){var t=g,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),E=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),x=Symbol.for("react.suspense_list"),D=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),H=Symbol.for("react.offscreen"),K=Symbol.iterator,O="@@iterator";function I(e){if(e===null||typeof e!="object")return null;var r=K&&e[K]||e[O];return typeof r=="function"?r:null}var R=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function d(e){{for(var r=arguments.length,i=new Array(r>1?r-1:0),l=1;l<r;l++)i[l-1]=arguments[l];$("error",e,i)}}function $(e,r,i){{var l=R.ReactDebugCurrentFrame,m=l.getStackAddendum();m!==""&&(r+="%s",i=i.concat([m]));var j=i.map(function(v){return String(v)});j.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,j)}}var V=!1,C=!1,te=!1,Y=!1,Pe=!1,se;se=Symbol.for("react.module.reference");function Re(e){return!!(typeof e=="string"||typeof e=="function"||e===s||e===h||Pe||e===c||e===_||e===x||Y||e===H||V||C||te||typeof e=="object"&&e!==null&&(e.$$typeof===B||e.$$typeof===D||e.$$typeof===b||e.$$typeof===E||e.$$typeof===u||e.$$typeof===se||e.getModuleId!==void 0))}function le(e,r,i){var l=e.displayName;if(l)return l;var m=r.displayName||r.name||"";return m!==""?i+"("+m+")":i}function X(e){return e.displayName||"Context"}function q(e){if(e==null)return null;if(typeof e.tag=="number"&&d("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case s:return"Fragment";case a:return"Portal";case h:return"Profiler";case c:return"StrictMode";case _:return"Suspense";case x:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case E:var r=e;return X(r)+".Consumer";case b:var i=e;return X(i._context)+".Provider";case u:return le(e,e.render,"ForwardRef");case D:var l=e.displayName||null;return l!==null?l:q(e.type)||"Memo";case B:{var m=e,j=m._payload,v=m._init;try{return q(v(j))}catch{return null}}}return null}var N=Object.assign,Z=0,Te,ge,ke,me,ue,A,ce;function De(){}De.__reactDisabledLog=!0;function Be(){{if(Z===0){Te=console.log,ge=console.info,ke=console.warn,me=console.error,ue=console.group,A=console.groupCollapsed,ce=console.groupEnd;var e={configurable:!0,enumerable:!0,value:De,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Z++}}function he(){{if(Z--,Z===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:Te}),info:N({},e,{value:ge}),warn:N({},e,{value:ke}),error:N({},e,{value:me}),group:N({},e,{value:ue}),groupCollapsed:N({},e,{value:A}),groupEnd:N({},e,{value:ce})})}Z<0&&d("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var fe=R.ReactCurrentDispatcher,xe;function de(e,r,i){{if(xe===void 0)try{throw Error()}catch(m){var l=m.stack.trim().match(/\n( *(at )?)/);xe=l&&l[1]||""}return`
18
- `+xe+e}}var je=!1,Q;{var Ce=typeof WeakMap=="function"?WeakMap:Map;Q=new Ce}function o(e,r){if(!e||je)return"";{var i=Q.get(e);if(i!==void 0)return i}var l;je=!0;var m=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var j;j=fe.current,fe.current=null,Be();try{if(r){var v=function(){throw Error()};if(Object.defineProperty(v.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(v,[])}catch(W){l=W}Reflect.construct(e,[],v)}else{try{v.call()}catch(W){l=W}e.call(v.prototype)}}else{try{throw Error()}catch(W){l=W}e()}}catch(W){if(W&&l&&typeof W.stack=="string"){for(var f=W.stack.split(`
19
- `),F=l.stack.split(`
20
- `),T=f.length-1,k=F.length-1;T>=1&&k>=0&&f[T]!==F[k];)k--;for(;T>=1&&k>=0;T--,k--)if(f[T]!==F[k]){if(T!==1||k!==1)do if(T--,k--,k<0||f[T]!==F[k]){var z=`
21
- `+f[T].replace(" at new "," at ");return e.displayName&&z.includes("<anonymous>")&&(z=z.replace("<anonymous>",e.displayName)),typeof e=="function"&&Q.set(e,z),z}while(T>=1&&k>=0);break}}}finally{je=!1,fe.current=j,he(),Error.prepareStackTrace=m}var _e=e?e.displayName||e.name:"",ie=_e?de(_e):"";return typeof e=="function"&&Q.set(e,ie),ie}function y(e,r,i){return o(e,!1)}function w(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function S(e,r,i){if(e==null)return"";if(typeof e=="function")return o(e,w(e));if(typeof e=="string")return de(e);switch(e){case _:return de("Suspense");case x:return de("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case u:return y(e.render);case D:return S(e.type,r,i);case B:{var l=e,m=l._payload,j=l._init;try{return S(j(m),r,i)}catch{}}}return""}var L=Object.prototype.hasOwnProperty,ee={},J=R.ReactDebugCurrentFrame;function pe(e){if(e){var r=e._owner,i=S(e.type,e._source,r?r.type:null);J.setExtraStackFrame(i)}else J.setExtraStackFrame(null)}function $e(e,r,i,l,m){{var j=Function.call.bind(L);for(var v in e)if(j(e,v)){var f=void 0;try{if(typeof e[v]!="function"){var F=Error((l||"React class")+": "+i+" type `"+v+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[v]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw F.name="Invariant Violation",F}f=e[v](r,v,l,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(T){f=T}f&&!(f instanceof Error)&&(pe(m),d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",l||"React class",i,v,typeof f),pe(null)),f instanceof Error&&!(f.message in ee)&&(ee[f.message]=!0,pe(m),d("Failed %s type: %s",i,f.message),pe(null))}}}var Tt=Array.isArray;function Fe(e){return Tt(e)}function kt(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,i=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Dt(e){try{return Ze(e),!1}catch{return!0}}function Ze(e){return""+e}function Qe(e){if(Dt(e))return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",kt(e)),Ze(e)}var et=R.ReactCurrentOwner,Bt={key:!0,ref:!0,__self:!0,__source:!0},tt,rt;function It(e){if(L.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Nt(e){if(L.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function $t(e,r){typeof e.ref=="string"&&et.current}function Ft(e,r){{var i=function(){tt||(tt=!0,d("%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://reactjs.org/link/special-props)",r))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function At(e,r){{var i=function(){rt||(rt=!0,d("%s: `ref` 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://reactjs.org/link/special-props)",r))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var Lt=function(e,r,i,l,m,j,v){var f={$$typeof:n,type:e,key:r,ref:i,props:v,_owner:j};return f._store={},Object.defineProperty(f._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(f,"_self",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.defineProperty(f,"_source",{configurable:!1,enumerable:!1,writable:!1,value:m}),Object.freeze&&(Object.freeze(f.props),Object.freeze(f)),f};function Wt(e,r,i,l,m){{var j,v={},f=null,F=null;i!==void 0&&(Qe(i),f=""+i),Nt(r)&&(Qe(r.key),f=""+r.key),It(r)&&(F=r.ref,$t(r,m));for(j in r)L.call(r,j)&&!Bt.hasOwnProperty(j)&&(v[j]=r[j]);if(e&&e.defaultProps){var T=e.defaultProps;for(j in T)v[j]===void 0&&(v[j]=T[j])}if(f||F){var k=typeof e=="function"?e.displayName||e.name||"Unknown":e;f&&Ft(v,k),F&&At(v,k)}return Lt(e,f,F,m,l,et.current,v)}}var Ae=R.ReactCurrentOwner,nt=R.ReactDebugCurrentFrame;function ve(e){if(e){var r=e._owner,i=S(e.type,e._source,r?r.type:null);nt.setExtraStackFrame(i)}else nt.setExtraStackFrame(null)}var Le;Le=!1;function We(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function at(){{if(Ae.current){var e=q(Ae.current.type);if(e)return`
22
-
23
- Check the render method of \``+e+"`."}return""}}function Vt(e){return""}var it={};function qt(e){{var r=at();if(!r){var i=typeof e=="string"?e:e.displayName||e.name;i&&(r=`
24
-
25
- Check the top-level render call using <`+i+">.")}return r}}function ot(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=qt(r);if(it[i])return;it[i]=!0;var l="";e&&e._owner&&e._owner!==Ae.current&&(l=" It was passed a child from "+q(e._owner.type)+"."),ve(e),d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,l),ve(null)}}function st(e,r){{if(typeof e!="object")return;if(Fe(e))for(var i=0;i<e.length;i++){var l=e[i];We(l)&&ot(l,r)}else if(We(e))e._store&&(e._store.validated=!0);else if(e){var m=I(e);if(typeof m=="function"&&m!==e.entries)for(var j=m.call(e),v;!(v=j.next()).done;)We(v.value)&&ot(v.value,r)}}}function Mt(e){{var r=e.type;if(r==null||typeof r=="string")return;var i;if(typeof r=="function")i=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===u||r.$$typeof===D))i=r.propTypes;else return;if(i){var l=q(r);$e(i,e.props,"prop",l,e)}else if(r.PropTypes!==void 0&&!Le){Le=!0;var m=q(r);d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",m||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Yt(e){{for(var r=Object.keys(e.props),i=0;i<r.length;i++){var l=r[i];if(l!=="children"&&l!=="key"){ve(e),d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",l),ve(null);break}}e.ref!==null&&(ve(e),d("Invalid attribute `ref` supplied to `React.Fragment`."),ve(null))}}var lt={};function ut(e,r,i,l,m,j){{var v=Re(e);if(!v){var f="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(f+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var F=Vt();F?f+=F:f+=at();var T;e===null?T="null":Fe(e)?T="array":e!==void 0&&e.$$typeof===n?(T="<"+(q(e.type)||"Unknown")+" />",f=" Did you accidentally export a JSX literal instead of a component?"):T=typeof e,d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",T,f)}var k=Wt(e,r,i,m,j);if(k==null)return k;if(v){var z=r.children;if(z!==void 0)if(l)if(Fe(z)){for(var _e=0;_e<z.length;_e++)st(z[_e],e);Object.freeze&&Object.freeze(z)}else d("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 st(z,e)}if(L.call(r,"key")){var ie=q(e),W=Object.keys(r).filter(function(Gt){return Gt!=="key"}),Ve=W.length>0?"{key: someKey, "+W.join(": ..., ")+": ...}":"{key: someKey}";if(!lt[ie+Ve]){var Jt=W.length>0?"{"+W.join(": ..., ")+": ...}":"{}";d(`A props object containing a "key" prop is being spread into JSX:
26
- let props = %s;
27
- <%s {...props} />
28
- React keys must be passed directly to JSX without using spread:
29
- let props = %s;
30
- <%s key={someKey} {...props} />`,Ve,ie,Jt,ie),lt[ie+Ve]=!0}}return e===s?Yt(k):Mt(k),k}}function zt(e,r,i){return ut(e,r,i,!0)}function Ut(e,r,i){return ut(e,r,i,!1)}var Ht=Ut,Kt=zt;be.Fragment=s,be.jsx=Ht,be.jsxs=Kt})()),be}var Ye;function dt(){return Ye||(Ye=1,process.env.NODE_ENV==="production"?we.exports=ct():we.exports=ft()),we.exports}var p=dt();const Ie={primaryButton:"_primaryButton_uyzzr_1",primaryButtonDisabled:"_primaryButtonDisabled_uyzzr_34",spinner:"_spinner_uyzzr_42"};var ze={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Ue=g.createContext&&g.createContext(ze),pt=["attr","size","title"];function vt(t,n){if(t==null)return{};var a=_t(t,n),s,c;if(Object.getOwnPropertySymbols){var h=Object.getOwnPropertySymbols(t);for(c=0;c<h.length;c++)s=h[c],!(n.indexOf(s)>=0)&&Object.prototype.propertyIsEnumerable.call(t,s)&&(a[s]=t[s])}return a}function _t(t,n){if(t==null)return{};var a={};for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s)){if(n.indexOf(s)>=0)continue;a[s]=t[s]}return a}function Ee(){return Ee=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(t[s]=a[s])}return t},Ee.apply(this,arguments)}function He(t,n){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);n&&(s=s.filter(function(c){return Object.getOwnPropertyDescriptor(t,c).enumerable})),a.push.apply(a,s)}return a}function Oe(t){for(var n=1;n<arguments.length;n++){var a=arguments[n]!=null?arguments[n]:{};n%2?He(Object(a),!0).forEach(function(s){yt(t,s,a[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):He(Object(a)).forEach(function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(a,s))})}return t}function yt(t,n,a){return n=bt(n),n in t?Object.defineProperty(t,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[n]=a,t}function bt(t){var n=gt(t,"string");return typeof n=="symbol"?n:n+""}function gt(t,n){if(typeof t!="object"||!t)return t;var a=t[Symbol.toPrimitive];if(a!==void 0){var s=a.call(t,n);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(t)}function Ke(t){return t&&t.map((n,a)=>g.createElement(n.tag,Oe({key:a},n.attr),Ke(n.child)))}function Se(t){return n=>g.createElement(mt,Ee({attr:Oe({},t.attr)},n),Ke(t.child))}function mt(t){var n=a=>{var{attr:s,size:c,title:h}=t,b=vt(t,pt),E=c||a.size||"1em",u;return a.className&&(u=a.className),t.className&&(u=(u?u+" ":"")+t.className),g.createElement("svg",Ee({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},a.attr,s,b,{className:u,style:Oe(Oe({color:t.color||a.color},a.style),t.style),height:E,width:E,xmlns:"http://www.w3.org/2000/svg"}),h&&g.createElement("title",null,h),t.children)};return Ue!==void 0?g.createElement(Ue.Consumer,null,a=>n(a)):n(ze)}function ht(t){return Se({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:[]}]})(t)}const xt=({children:t,disabled:n=!1,loading:a=!1,onClick:s,className:c="","data-testid":h,...b})=>{const E=[Ie.primaryButton,n?Ie.primaryButtonDisabled:"",c].filter(Boolean).join(" ");return p.jsxs("button",{type:"button",className:E,disabled:n||a,onClick:s,"data-testid":h,...b,children:[a&&p.jsx(ht,{className:Ie.spinner,size:12}),t]})},Je={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},jt=({children:t,disabled:n=!1,onClick:a,className:s="","data-testid":c,...h})=>{const b=[Je.secondaryButton,n?Je.secondaryButtonDisabled:"",s].filter(Boolean).join(" ");return p.jsx("button",{type:"button",className:b,disabled:n,onClick:a,"data-testid":c,...h,children:t})},G={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"},Ct=({tabs:t,activeTabId:n,onTabChange:a,className:s="","data-testid":c,...h})=>{var E;const b=[G.tabsContainer,s].filter(Boolean).join(" ");return p.jsxs("div",{className:b,"data-testid":c,...h,children:[p.jsx("div",{className:G.tabsHeader,children:t.map(u=>{const _=u.id===n,x=[G.tabItem,_?G.active:G.inactive].filter(Boolean).join(" ");return p.jsxs("button",{type:"button",className:x,onClick:()=>a(u.id),"data-testid":`${c}-tab-${u.id}`,children:[p.jsx("div",{className:G.tabContent,children:p.jsx("span",{className:G.tabLabel,children:u.label})}),p.jsx("div",{className:G.tabLine})]},u.id)})}),p.jsx("div",{className:G.tabPanels,children:(E=t.find(u=>u.id===n))==null?void 0:E.content})]})};function wt(t){return Se({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:[]}]})(t)}function Et(t){return Se({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:[]}]})(t)}function Ot(t){return Se({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:[]}]})(t)}const P={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"},re=(t,n)=>{const s=t[n];return s!=null?String(s):""},oe=(t,n)=>t[n],U=(t,n)=>n==null?!1:!!t[n],St=({value:t,onChange:n,onEditEnd:a,options:s,optionLabel:c="label",optionValue:h="value",optionDisabled:b,placeholder:E="Select",filter:u=!1,editable:_=!1,disabled:x=!1,required:D=!1,label:B,inputId:H,className:K="",panelClassName:O="",valueTemplate:I,itemTemplate:R,"data-testid":d})=>{const $=s.find(o=>oe(o,h)===t),V=$?re($,c):"",[C,te]=g.useState(!1),[Y,Pe]=g.useState(!1),[se,Re]=g.useState(""),[le,X]=g.useState(V),[q,N]=g.useState(0),Z=g.useRef(null),Te=g.useRef(null),ge=g.useRef(null),ke=g.useRef(null),me=g.useRef(null),ue=g.useRef(!1),A=g.useMemo(()=>u&&!_?s.filter(o=>re(o,c).toLowerCase().includes(se.toLowerCase())):s,[u,_,s,c,se]);g.useEffect(()=>{_&&X(V)},[_,t,V]),g.useEffect(()=>{C&&u&&!_&&(Re(""),N(0),setTimeout(()=>{var o;return(o=ge.current)==null?void 0:o.focus()},0))},[C,u,_]),g.useEffect(()=>{if(!C)return;const o=A.findIndex(S=>oe(S,h)===t),y=A.findIndex(S=>!U(S,b)),w=o>=0&&!U(A[o],b);N(w?o:y>=0?y:0)},[C,t,A,h,b]),g.useEffect(()=>{const o=me.current;o!=null&&o.scrollIntoView&&typeof o.scrollIntoView=="function"&&o.scrollIntoView({block:"nearest"})},[q]);const ce=()=>{ue.current=!0,Pe(!0)},De=o=>{var y;(ue.current||(y=o.animationName)!=null&&y.includes("menuOut"))&&(ue.current=!1,te(!1),Pe(!1),_&&X(V))};g.useEffect(()=>{if(!C&&!Y)return;const o=y=>{Z.current&&!Z.current.contains(y.target)&&(_&&X(V),ce())};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[C,Y,_,V]);const Be=()=>{x||te(o=>!o)},he=(o,y)=>{if(U(o,b))return;const w=oe(o,h);_&&X(re(o,c)),n==null||n({value:w??null,originalEvent:y}),ce()},fe=o=>{if(!C){if(o.key==="Enter"&&_&&le.trim()){o.preventDefault();const y=le.trim(),w=y.toLowerCase(),S=s.find(ee=>{const J=re(ee,c).toLowerCase();return J===w||J.startsWith(w)}),L=S&&!U(S,b)?oe(S,h):null;S&&!U(S,b)&&(X(re(S,c)),n==null||n({value:L,originalEvent:o})),a==null||a({value:y,selectedValue:L,originalEvent:o});return}(o.key==="Enter"||o.key===" "||o.key==="ArrowDown")&&(o.preventDefault(),te(!0));return}if(o.key==="Escape"){o.preventDefault(),ce();return}if(o.key==="ArrowDown"){o.preventDefault(),N(y=>{for(let w=y+1;w<A.length;w++)if(!U(A[w],b))return w;return y});return}if(o.key==="ArrowUp"){o.preventDefault(),N(y=>{for(let w=y-1;w>=0;w--)if(!U(A[w],b))return w;return y});return}if(o.key==="Enter"){if(o.preventDefault(),_){const y=le.trim();if(y){const w=y.toLowerCase(),S=s.find(ee=>{const J=re(ee,c).toLowerCase();return J===w||J.startsWith(w)}),L=S&&!U(S,b)?oe(S,h):null;S&&!U(S,b)&&he(S,o),a==null||a({value:y,selectedValue:L,originalEvent:o})}else a==null||a({value:"",selectedValue:null,originalEvent:o})}else if(A[q]){const y=A[q];U(y,b)||he(y,o)}}},xe=[P.dropdown,x?P.disabled:"",C?P.open:"",K].filter(Boolean).join(" "),de=[P.trigger,x?P.triggerDisabled:""].filter(Boolean).join(" "),je=[P.panel,Y?P.panelClosing:"",O].filter(Boolean).join(" "),Q=H??`dropdown-${Math.random().toString(36).slice(2,9)}`,Ce=`${Q}-panel`;return p.jsxs("div",{className:xe,ref:Z,"data-testid":d,children:[B!=null&&p.jsxs("label",{htmlFor:Q,className:P.label,children:[B,D&&p.jsx("span",{className:P.required,children:"*"})]}),p.jsxs("div",{id:_?void 0:Q,role:"combobox","aria-expanded":C||Y,"aria-haspopup":"listbox","aria-controls":C||Y?Ce:void 0,"aria-disabled":x,"aria-label":typeof B=="string"?B:void 0,tabIndex:_||x?-1:0,className:de,onClick:_?void 0:Be,onKeyDown:_?void 0:fe,"data-testid":d&&!_?`${d}-trigger`:void 0,children:[_?p.jsx("input",{ref:ke,id:Q,type:"text",className:P.triggerInput,value:le,onChange:o=>{X(o.target.value),!C&&!Y&&te(!0),N(0)},onFocus:()=>{!x&&!C&&!Y&&te(!0)},onKeyDown:fe,placeholder:E,disabled:x,"aria-autocomplete":"list","aria-controls":C||Y?Ce:void 0,"aria-expanded":C||Y,"data-testid":d?`${d}-trigger`:void 0}):p.jsx("span",{className:P.value,children:I?I($??null):V||p.jsx("span",{className:P.placeholder,children:E})}),p.jsx(wt,{className:P.chevron,"aria-hidden":!0,onClick:_?Be:void 0})]}),(C||Y)&&p.jsxs("div",{ref:Te,id:Ce,className:je,role:"presentation",onAnimationEnd:De,"data-testid":d?`${d}-panel`:void 0,children:[u&&!_&&p.jsxs("div",{className:P.filterWrapper,children:[p.jsx("input",{ref:ge,type:"text",className:P.filterInput,value:se,onChange:o=>{Re(o.target.value),N(0)},onKeyDown:o=>{o.key==="Escape"&&te(!1),o.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":d?`${d}-filter`:void 0}),p.jsx(Ot,{className:P.filterIcon,"aria-hidden":!0})]}),p.jsx("ul",{className:P.list,role:"listbox","aria-label":"Options",children:A.length===0?p.jsx("li",{className:P.empty,children:"No results"}):A.map((o,y)=>{const w=oe(o,h),S=re(o,c),L=U(o,b),ee=t===w,J=y===q,pe=w!=null?String(w):`option-${y}`;return p.jsx("li",{ref:J?me:void 0,role:"option","aria-selected":ee,"aria-disabled":L,className:[P.option,ee?P.optionSelected:"",J?P.optionHighlighted:"",L?P.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!L&&N(y),onClick:$e=>he(o,$e),"data-testid":d?`${d}-option-${y}`:void 0,children:R?R(o):S},pe)})})]})]})},ne={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"},Pt=({label:t,tooltip:n,required:a=!1,inputId:s,textarea:c=!1,rows:h,className:b="","data-testid":E,disabled:u=!1,..._})=>{const{type:x="text",...D}=_,B=s??`input-text-${Math.random().toString(36).slice(2,9)}`,H=[ne.inputText,u?ne.inputTextDisabled:"",b].filter(Boolean).join(" "),K=D["aria-invalid"];let O;K===void 0?O=void 0:K===!0?O="true":K===!1?O="false":O=K;const I=a?{"aria-required":"true"}:{"aria-required":"false"},R=O===void 0?{}:{"aria-invalid":O},d=[ne.input,c?ne.inputTextarea:""].filter(Boolean).join(" "),$={id:B,className:d,disabled:u,...I,...R,"data-testid":E?`${E}-input`:void 0};return p.jsxs("div",{className:H,"data-testid":E,children:[t!=null&&p.jsxs("label",{htmlFor:B,className:ne.label,children:[t,a&&p.jsx("span",{className:ne.required,children:"*"}),n!=null&&p.jsx("span",{className:ne.tooltipIcon,title:n,"aria-label":n,children:p.jsx(Et,{"aria-hidden":!0})})]}),c?p.jsx("textarea",{...D,...$,rows:h??3}):p.jsx("input",{...D,...$,type:x})]})},ae={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"},Ge=(t,n)=>{const s=t[n];return s!=null?String(s):""},Ne=(t,n)=>t[n],Xe=(t,n)=>n==null?!1:!!t[n],Rt=({value:t,onChange:n,options:a,optionLabel:s="label",optionValue:c="value",optionDisabled:h,multiple:b=!1,itemTemplate:E,disabled:u=!1,invalid:_=!1,className:x="","data-testid":D})=>{const B=O=>{const I=Ne(O,c);return b&&Array.isArray(t)?t.includes(I):t===I},H=(O,I)=>{if(u||Xe(O,h))return;const R=Ne(O,c);if(R===void 0)return;let d;if(b){const $=Array.isArray(t)?t:[];d=$.includes(R)?$.filter(C=>C!==R):[...$,R]}else d=t===R?null:R;n==null||n({value:d,originalEvent:I})},K=[ae.selectButton,u?ae.selectButtonDisabled:"",_?ae.selectButtonInvalid:"",x].filter(Boolean).join(" ");return p.jsx("div",{className:K,role:"group","aria-disabled":u,"data-testid":D,children:a.map((O,I)=>{const R=Ne(O,c),d=R!=null?String(R):`option-${I}`,$=Xe(O,h),V=B(O);return p.jsx("button",{type:"button","aria-pressed":V,"aria-disabled":$||u,"aria-label":Ge(O,s),disabled:u||$,className:[ae.button,V?ae.buttonSelected:"",I===0?ae.buttonFirst:"",I===a.length-1?ae.buttonLast:""].filter(Boolean).join(" "),onClick:C=>H(O,C),onKeyDown:C=>{(C.key===" "||C.key==="Enter")&&(C.preventDefault(),H(O,C))},"data-testid":D?`${D}-option-${I}`:void 0,children:E?E(O):Ge(O,s)},d)})})};M.Dropdown=St,M.InputText=Pt,M.PrimaryButton=xt,M.SecondaryButton=jt,M.SelectButton=Rt,M.Tabs=Ct,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(k,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):(k=typeof globalThis<"u"?globalThis:k||self,s(k.EmporixComponentLibrary={},k.React,k.React))})(this,(function(k,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),we=["attr","size","title"];function Ne(e,t){if(e==null)return{};var n,o,i=ke(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)&&(i[n]=e[n])}return i}function ke(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(i){return Object.getOwnPropertyDescriptor(e,i).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){je(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 je(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 ve(e){return e&&e.map((t,n)=>c.createElement(t.tag,se({key:n},t.attr),ve(t.child)))}function T(e){return t=>c.createElement(Se,oe({attr:se({},e.attr)},t),ve(e.child))}function Se(e){var t=n=>{var{attr:o,size:i,title:u}=e,l=Ne(e,we),B=i||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,l,{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 Pe=({children:e,disabled:t=!1,loading:n=!1,onClick:o,className:i="","data-testid":u,...l})=>{const B=[ce.primaryButton,t?ce.primaryButtonDisabled:"",i].filter(Boolean).join(" ");return s.jsxs("button",{type:"button",className:B,disabled:t||n,onClick:o,"data-testid":u,...l,children:[n&&s.jsx(Oe,{className:ce.spinner,size:12}),e]})},ge={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},$e=({children:e,disabled:t=!1,onClick:n,className:o="","data-testid":i,...u})=>{const l=[ge.secondaryButton,t?ge.secondaryButtonDisabled:"",o].filter(Boolean).join(" ");return s.jsx("button",{type:"button",className:l,disabled:t,onClick:n,"data-testid":i,...u,children:e})},q={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"},Le=({tabs:e,activeTabId:t,onTabChange:n,className:o="","data-testid":i,...u})=>{var B;const l=[q.tabsContainer,o].filter(Boolean).join(" ");return s.jsxs("div",{className:l,"data-testid":i,...u,children:[s.jsx("div",{className:q.tabsHeader,children:e.map(a=>{const _=a.id===t,j=[q.tabItem,_?q.active:q.inactive].filter(Boolean).join(" ");return s.jsxs("button",{type:"button",className:j,onClick:()=>n(a.id),"data-testid":`${i}-tab-${a.id}`,children:[s.jsx("div",{className:q.tabContent,children:s.jsx("span",{className:q.tabLabel,children:a.label})}),s.jsx("div",{className:q.tabLine})]},a.id)})}),s.jsx("div",{className:q.tabPanels,children:(B=e.find(a=>a.id===t))==null?void 0:B.content})]})};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:"11",cy:"11",r:"8"},child:[]},{tag:"line",attr:{x1:"21",y1:"21",x2:"16.65",y2:"16.65"},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:"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 Ee(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 me(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 m={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"},M=(e,t)=>{const o=e[t];return o!=null?String(o):""},G=(e,t)=>e[t],P=(e,t)=>t==null?!1:!!e[t],ze=({value:e,onChange:t,onEditEnd:n,options:o,optionLabel:i="label",optionValue:u="value",optionDisabled:l,placeholder:B="Select",filter:a=!1,editable:_=!1,disabled:j=!1,required:A=!1,label:$,inputId:E,className:Q="",panelClassName:g="",valueTemplate:h,itemTemplate:C,"data-testid":b})=>{const D=o.find(r=>G(r,u)===e),N=D?M(D,i):"",[d,z]=c.useState(!1),[S,ie]=c.useState(!1),[R,le]=c.useState(""),[U,w]=c.useState(N),[y,p]=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,i).toLowerCase().includes(R.toLowerCase())):o,[a,_,o,i,R]);c.useEffect(()=>{_&&w(N)},[_,e,N]),c.useEffect(()=>{d&&a&&!_&&(le(""),p(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(x=>G(x,u)===e),f=I.findIndex(x=>!P(x,l)),v=r>=0&&!P(I[r],l);p(v?r:f>=0?f:0)},[d,e,I,u,l]),c.useEffect(()=>{const r=X.current;r!=null&&r.scrollIntoView&&typeof r.scrollIntoView=="function"&&r.scrollIntoView({block:"nearest"})},[y]);const te=()=>{ee.current=!0,ie(!0)},pe=r=>{var f;(ee.current||(f=r.animationName)!=null&&f.includes("menuOut"))&&(ee.current=!1,z(!1),ie(!1),_&&w(N))};c.useEffect(()=>{if(!d&&!S)return;const r=f=>{O.current&&!O.current.contains(f.target)&&(_&&w(N),te())};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[d,S,_,N]);const ne=()=>{j||z(r=>!r)},re=(r,f)=>{if(P(r,l))return;const v=G(r,u);_&&w(M(r,i)),t==null||t({value:v??null,originalEvent:f}),te()},Ce=r=>{if(!d){if(r.key==="Enter"&&_&&U.trim()){r.preventDefault();const f=U.trim(),v=f.toLowerCase(),x=o.find(Y=>{const V=M(Y,i).toLowerCase();return V===v||V.startsWith(v)}),H=x&&!P(x,l)?G(x,u):null;x&&!P(x,l)&&(w(M(x,i)),t==null||t({value:H,originalEvent:r})),n==null||n({value:f,selectedValue:H,originalEvent:r});return}(r.key==="Enter"||r.key===" "||r.key==="ArrowDown")&&(r.preventDefault(),z(!0));return}if(r.key==="Escape"){r.preventDefault(),te();return}if(r.key==="ArrowDown"){r.preventDefault(),p(f=>{for(let v=f+1;v<I.length;v++)if(!P(I[v],l))return v;return f});return}if(r.key==="ArrowUp"){r.preventDefault(),p(f=>{for(let v=f-1;v>=0;v--)if(!P(I[v],l))return v;return f});return}if(r.key==="Enter"){if(r.preventDefault(),_){const f=U.trim();if(f){const v=f.toLowerCase(),x=o.find(Y=>{const V=M(Y,i).toLowerCase();return V===v||V.startsWith(v)}),H=x&&!P(x,l)?G(x,u):null;x&&!P(x,l)&&re(x,r),n==null||n({value:f,selectedValue:H,originalEvent:r})}else n==null||n({value:"",selectedValue:null,originalEvent:r})}else if(I[y]){const f=I[y];P(f,l)||re(f,r)}}},Me=[m.dropdown,j?m.disabled:"",d?m.open:"",Q].filter(Boolean).join(" "),Ke=[m.trigger,j?m.triggerDisabled:""].filter(Boolean).join(" "),Ze=[m.panel,S?m.panelClosing:"",g].filter(Boolean).join(" "),Qe=c.useId(),ae=E??`dropdown-${Qe.replace(/[^a-zA-Z0-9_-]/g,"")}`,fe=`${ae}-panel`;return s.jsxs("div",{className:Me,ref:O,"data-testid":b,children:[$!=null&&s.jsxs("label",{htmlFor:ae,className:m.label,children:[$,A&&s.jsx("span",{className:m.required,children:"*"})]}),s.jsxs("div",{id:_?void 0:ae,role:"combobox","aria-expanded":d||S,"aria-haspopup":"listbox","aria-controls":d||S?fe:void 0,"aria-disabled":j,"aria-label":typeof $=="string"?$:void 0,tabIndex:_||j?-1:0,className:Ke,onClick:_?void 0:ne,onKeyDown:_?void 0:Ce,"data-testid":b&&!_?`${b}-trigger`:void 0,children:[_?s.jsx("input",{ref:J,id:ae,type:"text",className:m.triggerInput,value:U,onChange:r=>{w(r.target.value),!d&&!S&&z(!0),p(0)},onFocus:()=>{!j&&!d&&!S&&z(!0)},onKeyDown:Ce,placeholder:B,disabled:j,"aria-autocomplete":"list","aria-controls":d||S?fe:void 0,"aria-expanded":d||S,"data-testid":b?`${b}-trigger`:void 0}):s.jsx("span",{className:m.value,children:h?h(D??null):N||s.jsx("span",{className:m.placeholder,children:B})}),s.jsx(me,{className:m.chevron,"aria-hidden":!0,onClick:_?ne:void 0})]}),(d||S)&&s.jsxs("div",{ref:F,id:fe,className:Ze,role:"presentation",onAnimationEnd:pe,"data-testid":b?`${b}-panel`:void 0,children:[a&&!_&&s.jsxs("div",{className:m.filterWrapper,children:[s.jsx("input",{ref:W,type:"text",className:m.filterInput,value:R,onChange:r=>{le(r.target.value),p(0)},onKeyDown:r=>{r.key==="Escape"&&z(!1),r.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":b?`${b}-filter`:void 0}),s.jsx(Ae,{className:m.filterIcon,"aria-hidden":!0})]}),s.jsx("ul",{className:m.list,role:"listbox","aria-label":"Options",children:I.length===0?s.jsx("li",{className:m.empty,children:"No results"}):I.map((r,f)=>{const v=G(r,u),x=M(r,i),H=P(r,l),Y=e===v,V=f===y,Ge=v!=null?String(v):`option-${f}`;return s.jsx("li",{ref:V?X:void 0,role:"option","aria-selected":Y,"aria-disabled":H,className:[m.option,Y?m.optionSelected:"",V?m.optionHighlighted:"",H?m.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!H&&p(f),onClick:Ue=>re(r,Ue),"data-testid":b?`${b}-option-${f}`:void 0,children:C?C(r):x},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:i=!1,rows:u,className:l="","data-testid":B,disabled:a=!1,..._})=>{const{type:j="text",...A}=_,$=c.useId(),E=o||`input-text-${$.replace(/[^a-zA-Z0-9_-]/g,"")}`,Q=[K.inputText,a?K.inputTextDisabled:"",l].filter(Boolean).join(" "),g=A["aria-invalid"];let h;g===void 0?h=void 0:g===!0?h="true":g===!1?h="false":h=g;const C=n?{"aria-required":"true"}:{"aria-required":"false"},b=h===void 0?{}:{"aria-invalid":h},D=[K.input,i?K.inputTextarea:""].filter(Boolean).join(" "),N={id:E,className:D,disabled:a,...C,...b,"data-testid":B?`${B}-input`:void 0};return s.jsxs("div",{className:Q,"data-testid":B,children:[e!=null&&s.jsxs("label",{htmlFor:E,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(qe,{"aria-hidden":!0})})]}),i?s.jsx("textarea",{...A,...N,rows:u??3}):s.jsx("input",{...A,...N,type:j})]})},L={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:i,onTabOpen:u,onTabClose:l,className:B="",transitionOptions:a,pt:_,ptOptions:j,unstyled:A,children:$,...E})=>{const Q=c.useId(),g=He(Q),h=c.useMemo(()=>c.Children.toArray($).filter(y=>c.isValidElement(y)&&y.type===ue),[$]),C=e!==void 0,b=c.useMemo(()=>We(e,t),[e,t]),[D,N]=c.useState([]),d=C?b:D,z=typeof a=="object"&&a!=null&&typeof a.timeout=="number"?a.timeout:void 0,S=s.jsx(Ee,{"aria-hidden":!0}),ie=s.jsx(me,{"aria-hidden":!0}),R=n??S,le=o??ie,U=(w,y)=>{const p=d.includes(w);if(t){const W=p?d.filter(J=>J!==w):[...d,w];C||N(W),i==null||i({index:W,originalEvent:y}),p?l==null||l({index:w,originalEvent:y}):u==null||u({index:w,originalEvent:y});return}const O=d.length?d[0]:null,F=p?[]:[w];if(C||N(F),i==null||i({index:F,originalEvent:y}),p){l==null||l({index:w,originalEvent:y});return}O!=null&&(l==null||l({index:O,originalEvent:y})),u==null||u({index:w,originalEvent:y})};return s.jsx("div",{className:[L.accordion,B].filter(Boolean).join(" "),...E,children:h.map((w,y)=>{var ne;const p=w.props,O=d.includes(y),F=!!p.disabled,W=`${g}-header-${y}`,J=`${g}-content-${y}`,X=p.headerTemplate!=null?typeof p.headerTemplate=="function"?p.headerTemplate({index:y,selected:O,disabled:F,count:h.length,first:y===0,last:y===h.length-1}):p.headerTemplate:p.header,ee=O?le:R,I=[L.headerButton,p.headerClassName??""].filter(Boolean).join(" "),te=[L.tab,p.className??"",y===h.length-1?L.noBorderLast:""].filter(Boolean).join(" "),pe=typeof X=="string"?X:void 0;return s.jsxs("div",{className:te,style:p.style,children:[s.jsxs("button",{id:W,type:"button",disabled:F,className:I,style:p.headerStyle,"aria-controls":J,"aria-expanded":O,"aria-disabled":F,tabIndex:p.tabIndex,onClick:re=>U(y,re),...p.headerProps,"aria-label":((ne=p.headerProps)==null?void 0:ne["aria-label"])??pe,children:[s.jsx("span",{className:L.headerContent,children:X}),s.jsx("span",{className:L.icon,"aria-hidden":!0,children:ee})]}),s.jsx("div",{id:J,role:"region","aria-labelledby":W,"aria-hidden":!O,className:[L.panel,O?L.panelOpen:L.panelCollapsed].join(" "),style:{transitionDuration:z?`${z}ms`:void 0},children:s.jsx("div",{className:[L.panelContent,p.contentClassName??""].filter(Boolean).join(" "),style:p.contentStyle,children:p.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],xe=(e,t)=>t==null?!1:!!e[t],Ve=({value:e,onChange:t,options:n,optionLabel:o="label",optionValue:i="value",optionDisabled:u,multiple:l=!1,itemTemplate:B,disabled:a=!1,invalid:_=!1,className:j="","data-testid":A})=>{const $=g=>{const h=de(g,i);return l&&Array.isArray(e)?e.includes(h):e===h},E=(g,h)=>{if(a||xe(g,u))return;const C=de(g,i);if(C===void 0)return;let b;if(l){const D=Array.isArray(e)?e:[];b=D.includes(C)?D.filter(d=>d!==C):[...D,C]}else b=e===C?null:C;t==null||t({value:b,originalEvent:h})},Q=[Z.selectButton,a?Z.selectButtonDisabled:"",_?Z.selectButtonInvalid:"",j].filter(Boolean).join(" ");return s.jsx("div",{className:Q,role:"group","aria-disabled":a,"data-testid":A,children:n.map((g,h)=>{const C=de(g,i),b=C!=null?String(C):`option-${h}`,D=xe(g,u),N=$(g);return s.jsx("button",{type:"button","aria-pressed":N,"aria-disabled":D||a,"aria-label":Be(g,o),disabled:a||D,className:[Z.button,N?Z.buttonSelected:"",h===0?Z.buttonFirst:"",h===n.length-1?Z.buttonLast:""].filter(Boolean).join(" "),onClick:d=>E(g,d),onKeyDown:d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),E(g,d))},"data-testid":A?`${A}-option-${h}`:void 0,children:B?B(g):Be(g,o)},b)})})};k.Accordion=be,k.AccordionTab=ue,k.Dropdown=ze,k.InputText=Fe,k.PrimaryButton=Pe,k.SecondaryButton=$e,k.SelectButton=Ve,k.Tabs=Le,Object.defineProperty(k,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)}._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_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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emporix/component-library",
3
- "version": "1.4.3",
3
+ "version": "1.5.1",
4
4
  "description": "A React component library for Emporix projects",
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.js",
@@ -60,43 +60,42 @@
60
60
  "react-dom": "^18.0.0"
61
61
  },
62
62
  "devDependencies": {
63
- "@storybook/addon-essentials": "^8.6.14",
64
- "@storybook/addon-interactions": "^8.6.14",
65
- "@storybook/addon-links": "^8.6.14",
66
- "@storybook/blocks": "^8.6.14",
67
- "@storybook/react": "^8.6.14",
68
- "@storybook/react-vite": "^8.6.14",
69
- "@storybook/test": "^8.6.14",
70
- "@types/react": "^18.2.66",
71
- "@types/react-dom": "^18.2.22",
72
- "@typescript-eslint/eslint-plugin": "^7.2.0",
73
- "@typescript-eslint/parser": "^7.2.0",
63
+ "@storybook/addon-essentials": "^8.6.18",
64
+ "@storybook/addon-interactions": "^8.6.18",
65
+ "@storybook/addon-links": "^8.6.18",
66
+ "@storybook/blocks": "^8.6.18",
67
+ "@storybook/react": "^8.6.18",
68
+ "@storybook/react-vite": "^8.6.18",
69
+ "@storybook/test": "^8.6.15",
70
+ "@types/react": "^18.3.18",
71
+ "@types/react-dom": "^18.3.5",
72
+ "@typescript-eslint/eslint-plugin": "^8.57.0",
73
+ "@typescript-eslint/parser": "^8.57.0",
74
74
  "@vitejs/plugin-react": "^4.3.1",
75
- "@vitest/coverage-v8": "^4.0.18",
76
- "@vitest/ui": "^4.0.18",
77
- "eslint": "^8.57.0",
78
- "eslint-config-prettier": "^9.1.0",
79
- "eslint-plugin-prettier": "^5.1.3",
80
- "eslint-plugin-react": "^7.34.1",
81
- "eslint-plugin-react-hooks": "^4.6.0",
82
- "eslint-plugin-react-refresh": "^0.4.6",
83
- "husky": "^9.0.11",
84
- "jsdom": "^24.0.0",
85
- "prettier": "^3.2.5",
86
- "react": "^18.2.0",
87
- "react-dom": "^18.2.0",
88
- "sass": "^1.71.1",
89
- "storybook": "^8.6.14",
90
- "typescript": "^5.2.2",
75
+ "@vitest/coverage-v8": "^4.1.0",
76
+ "@vitest/ui": "^4.1.0",
77
+ "eslint": "^8.57.1",
78
+ "eslint-config-prettier": "^10.1.8",
79
+ "eslint-plugin-prettier": "^5.5.5",
80
+ "eslint-plugin-react": "^7.37.4",
81
+ "eslint-plugin-react-hooks": "^7.0.1",
82
+ "husky": "^9.1.7",
83
+ "jsdom": "^29.0.0",
84
+ "prettier": "^3.8.1",
85
+ "react": "^19.2.4",
86
+ "react-dom": "^19.2.4",
87
+ "sass": "^1.98.0",
88
+ "storybook": "^8.6.18",
89
+ "typescript": "^5.9.3",
91
90
  "vite": "^6.4.1",
92
91
  "vite-plugin-dts": "^4.5.4",
93
- "vitest": "^4.0.18"
92
+ "vitest": "^4.1.0"
94
93
  },
95
94
  "dependencies": {
96
- "@testing-library/jest-dom": "^6.4.2",
97
- "@testing-library/react": "^14.2.1",
95
+ "@testing-library/jest-dom": "^6.9.1",
96
+ "@testing-library/react": "^16.3.2",
98
97
  "@testing-library/user-event": "^14.5.2",
99
98
  "primereact": "^10.9.7",
100
- "react-icons": "^5.5.0"
99
+ "react-icons": "^5.6.0"
101
100
  }
102
101
  }