@emporix/cockpit-component-library 0.0.2 → 0.0.4

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.
Files changed (10) hide show
  1. package/dist/components/buttons/PrimaryButton.d.ts +11 -3
  2. package/dist/components/buttons/PrimaryButton.d.ts.map +1 -1
  3. package/dist/components/buttons/SecondaryButton.d.ts +11 -3
  4. package/dist/components/buttons/SecondaryButton.d.ts.map +1 -1
  5. package/dist/index.d.ts +2 -2
  6. package/dist/index.es.js +553 -535
  7. package/dist/index.umd.js +4 -4
  8. package/dist/style.css +1 -1
  9. package/dist/styles.d.ts +1 -1
  10. package/package.json +3 -3
package/dist/index.umd.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(P,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],u):(P=typeof globalThis<"u"?globalThis:P||self,u(P.EmporixComponentLibrary={},P.React))})(this,(function(P,u){"use strict";var ie={exports:{}},re={};/**
1
+ (function(C,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(C=typeof globalThis<"u"?globalThis:C||self,d(C.EmporixComponentLibrary={},C.React))})(this,(function(C,d){"use strict";var ce={exports:{}},re={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.js
4
4
  *
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var xe;function Pe(){if(xe)return re;xe=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(s,i,l){var f=null;if(l!==void 0&&(f=""+l),i.key!==void 0&&(f=""+i.key),"key"in i){l={};for(var y in i)y!=="key"&&(l[y]=i[y])}else l=i;return i=l.ref,{$$typeof:t,type:s,key:f,ref:i!==void 0?i:null,props:l}}return re.Fragment=r,re.jsx=n,re.jsxs=n,re}var ne={};/**
9
+ */var xe;function Ce(){if(xe)return re;xe=1;var t=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function r(s,i,c){var p=null;if(c!==void 0&&(p=""+c),i.key!==void 0&&(p=""+i.key),"key"in i){c={};for(var b in i)b!=="key"&&(c[b]=i[b])}else c=i;return i=c.ref,{$$typeof:t,type:s,key:p,ref:i!==void 0?i:null,props:c}}return re.Fragment=n,re.jsx=r,re.jsxs=r,re}var se={};/**
10
10
  * @license React
11
11
  * react-jsx-runtime.development.js
12
12
  *
@@ -14,9 +14,9 @@
14
14
  *
15
15
  * This source code is licensed under the MIT license found in the
16
16
  * LICENSE file in the root directory of this source tree.
17
- */var he;function Ne(){return he||(he=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===X?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case g:return"Fragment";case k:return"Profiler";case C:return"StrictMode";case W:return"Suspense";case I:return"SuspenseList";case de:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case h:return"Portal";case S:return e.displayName||"Context";case T:return(e._context.displayName||"Context")+".Consumer";case m:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case fe:return a=e.displayName||null,a!==null?a:t(e.type)||"Memo";case J:a=e._payload,e=e._init;try{return t(e(a))}catch{}}return null}function r(e){return""+e}function n(e){try{r(e);var a=!1}catch{a=!0}if(a){a=console;var b=a.error,j=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return b.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",j),r(e)}}function s(e){if(e===g)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===J)return"<...>";try{var a=t(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function i(){var e=A.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function f(e){if(G.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function y(e,a){function b(){pe||(pe=!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)",a))}b.isReactWarning=!0,Object.defineProperty(e,"key",{get:b,configurable:!0})}function d(){var e=t(this.type);return oe[e]||(oe[e]=!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.")),e=this.props.ref,e!==void 0?e:null}function _(e,a,b,j,q,ee){var w=b.ref;return e={$$typeof:F,type:e,key:a,props:b,_owner:j},(w!==void 0?w:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:d}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ee}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function E(e,a,b,j,q,ee){var w=a.children;if(w!==void 0)if(j)if($(w)){for(j=0;j<w.length;j++)N(w[j]);Object.freeze&&Object.freeze(w)}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 N(w);if(G.call(a,"key")){w=t(e);var z=Object.keys(a).filter(function(ye){return ye!=="key"});j=0<z.length?"{key: someKey, "+z.join(": ..., ")+": ...}":"{key: someKey}",Q[w+j]||(z=0<z.length?"{"+z.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
17
+ */var je;function Pe(){return je||(je=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Z?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case k:return"Profiler";case S:return"StrictMode";case W:return"Suspense";case B:return"SuspenseList";case _e:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case x:return"Portal";case T:return e.displayName||"Context";case N:return(e._context.displayName||"Context")+".Consumer";case m:var l=e.render;return e=e.displayName,e||(e=l.displayName||l.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case pe:return l=e.displayName||null,l!==null?l:t(e.type)||"Memo";case J:l=e._payload,e=e._init;try{return t(e(l))}catch{}}return null}function n(e){return""+e}function r(e){try{n(e);var l=!1}catch{l=!0}if(l){l=console;var y=l.error,j=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return y.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",j),n(e)}}function s(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===J)return"<...>";try{var l=t(e);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function i(){var e=A.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function p(e){if(G.call(e,"key")){var l=Object.getOwnPropertyDescriptor(e,"key").get;if(l&&l.isReactWarning)return!1}return e.key!==void 0}function b(e,l){function y(){me||(me=!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)",l))}y.isReactWarning=!0,Object.defineProperty(e,"key",{get:y,configurable:!0})}function u(){var e=t(this.type);return ae[e]||(ae[e]=!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.")),e=this.props.ref,e!==void 0?e:null}function f(e,l,y,j,q,te){var O=y.ref;return e={$$typeof:F,type:e,key:l,props:y,_owner:j},(O!==void 0?O:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:u}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:te}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function E(e,l,y,j,q,te){var O=l.children;if(O!==void 0)if(j)if(L(O)){for(j=0;j<O.length;j++)P(O[j]);Object.freeze&&Object.freeze(O)}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 P(O);if(G.call(l,"key")){O=t(e);var z=Object.keys(l).filter(function(he){return he!=="key"});j=0<z.length?"{key: someKey, "+z.join(": ..., ")+": ...}":"{key: someKey}",ee[O+j]||(z=0<z.length?"{"+z.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
18
18
  let props = %s;
19
19
  <%s {...props} />
20
20
  React keys must be passed directly to JSX without using spread:
21
21
  let props = %s;
22
- <%s key={someKey} {...props} />`,j,w,z,w),Q[w+j]=!0)}if(w=null,b!==void 0&&(n(b),w=""+b),f(a)&&(n(a.key),w=""+a.key),"key"in a){b={};for(var ae in a)ae!=="key"&&(b[ae]=a[ae])}else b=a;return w&&y(b,typeof e=="function"?e.displayName||e.name||"Unknown":e),_(e,w,b,i(),q,ee)}function N(e){D(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===J&&(e._payload.status==="fulfilled"?D(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function D(e){return typeof e=="object"&&e!==null&&e.$$typeof===F}var B=u,F=Symbol.for("react.transitional.element"),h=Symbol.for("react.portal"),g=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),T=Symbol.for("react.consumer"),S=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),W=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),fe=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),de=Symbol.for("react.activity"),X=Symbol.for("react.client.reference"),A=B.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,$=Array.isArray,Z=console.createTask?console.createTask:function(){return null};B={react_stack_bottom_frame:function(e){return e()}};var pe,oe={},_e=B.react_stack_bottom_frame.bind(B,l)(),se=Z(s(l)),Q={};ne.Fragment=g,ne.jsx=function(e,a,b){var j=1e4>A.recentlyCreatedOwnerStacks++;return E(e,a,b,!1,j?Error("react-stack-top-frame"):_e,j?Z(s(e)):se)},ne.jsxs=function(e,a,b){var j=1e4>A.recentlyCreatedOwnerStacks++;return E(e,a,b,!0,j?Error("react-stack-top-frame"):_e,j?Z(s(e)):se)}})()),ne}var je;function Be(){return je||(je=1,process.env.NODE_ENV==="production"?ie.exports=Pe():ie.exports=Ne()),ie.exports}var c=Be();const be={primaryButton:"_primaryButton_uyzzr_1",primaryButtonDisabled:"_primaryButtonDisabled_uyzzr_34",spinner:"_spinner_uyzzr_42"};var ke={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},we=u.createContext&&u.createContext(ke),Ie=["attr","size","title"];function Re(t,r){if(t==null)return{};var n,s,i=De(t,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(s=0;s<l.length;s++)n=l[s],r.indexOf(n)===-1&&{}.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function De(t,r){if(t==null)return{};var n={};for(var s in t)if({}.hasOwnProperty.call(t,s)){if(r.indexOf(s)!==-1)continue;n[s]=t[s]}return n}function le(){return le=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var s in n)({}).hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t},le.apply(null,arguments)}function Oe(t,r){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);r&&(s=s.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),n.push.apply(n,s)}return n}function ce(t){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Oe(Object(n),!0).forEach(function(s){Ae(t,s,n[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Oe(Object(n)).forEach(function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(n,s))})}return t}function Ae(t,r,n){return(r=$e(r))in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}function $e(t){var r=Le(t,"string");return typeof r=="symbol"?r:r+""}function Le(t,r){if(typeof t!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var s=n.call(t,r);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function Ee(t){return t&&t.map((r,n)=>u.createElement(r.tag,ce({key:n},r.attr),Ee(r.child)))}function ue(t){return r=>u.createElement(Fe,le({attr:ce({},t.attr)},r),Ee(t.child))}function Fe(t){var r=n=>{var{attr:s,size:i,title:l}=t,f=Re(t,Ie),y=i||n.size||"1em",d;return n.className&&(d=n.className),t.className&&(d=(d?d+" ":"")+t.className),u.createElement("svg",le({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,s,f,{className:d,style:ce(ce({color:t.color||n.color},n.style),t.style),height:y,width:y,xmlns:"http://www.w3.org/2000/svg"}),l&&u.createElement("title",null,l),t.children)};return we!==void 0?u.createElement(we.Consumer,null,n=>r(n)):r(ke)}function We(t){return ue({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 qe=({children:t,disabled:r=!1,loading:n=!1,onClick:s,className:i="","data-testid":l,...f})=>{const y=[be.primaryButton,r?be.primaryButtonDisabled:"",i].filter(Boolean).join(" ");return c.jsxs("button",{type:"button",className:y,disabled:r||n,onClick:s,"data-testid":l,...f,children:[n&&c.jsx(We,{className:be.spinner,size:12}),t]})},Ce={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},ze=({children:t,disabled:r=!1,onClick:n,className:s="","data-testid":i,...l})=>{const f=[Ce.secondaryButton,r?Ce.secondaryButtonDisabled:"",s].filter(Boolean).join(" ");return c.jsx("button",{type:"button",className:f,disabled:r,onClick:n,"data-testid":i,...l,children:t})},L={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"},Ye=({tabs:t,activeTabId:r,onTabChange:n,className:s="","data-testid":i,...l})=>{var y;const f=[L.tabsContainer,s].filter(Boolean).join(" ");return c.jsxs("div",{className:f,"data-testid":i,...l,children:[c.jsx("div",{className:L.tabsHeader,children:t.map(d=>{const _=d.id===r,E=[L.tabItem,_?L.active:L.inactive].filter(Boolean).join(" ");return c.jsxs("button",{type:"button",className:E,onClick:()=>n(d.id),"data-testid":`${i}-tab-${d.id}`,children:[c.jsx("div",{className:L.tabContent,children:c.jsx("span",{className:L.tabLabel,children:d.label})}),c.jsx("div",{className:L.tabLine})]},d.id)})}),c.jsx("div",{className:L.tabPanels,children:(y=t.find(d=>d.id===r))==null?void 0:y.content})]})};function Ve(t){return ue({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)}function Me(t){return ue({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 He(t){return ue({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)}const x={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=(t,r)=>{const s=t[r];return s!=null?String(s):""},K=(t,r)=>t[r],R=(t,r)=>r==null?!1:!!t[r],Ue=({value:t,onChange:r,onEditEnd:n,options:s,optionLabel:i="label",optionValue:l="value",optionDisabled:f,placeholder:y="Select",filter:d=!1,editable:_=!1,disabled:E=!1,required:N=!1,label:D,inputId:B,className:F="",panelClassName:h="",valueTemplate:g,itemTemplate:C,"data-testid":k})=>{const T=s.find(o=>K(o,l)===t),S=T?M(T,i):"",[m,W]=u.useState(!1),[I,fe]=u.useState(!1),[J,de]=u.useState(""),[X,A]=u.useState(S),[G,$]=u.useState(0),Z=u.useRef(null),pe=u.useRef(null),oe=u.useRef(null),_e=u.useRef(null),se=u.useRef(null),Q=u.useRef(!1),e=u.useMemo(()=>d&&!_?s.filter(o=>M(o,i).toLowerCase().includes(J.toLowerCase())):s,[d,_,s,i,J]);u.useEffect(()=>{_&&A(S)},[_,t,S]),u.useEffect(()=>{m&&d&&!_&&(de(""),$(0),setTimeout(()=>{var o;return(o=oe.current)==null?void 0:o.focus()},0))},[m,d,_]),u.useEffect(()=>{if(!m)return;const o=e.findIndex(O=>K(O,l)===t),p=e.findIndex(O=>!R(O,f)),v=o>=0&&!R(e[o],f);$(v?o:p>=0?p:0)},[m,t,e,l,f]),u.useEffect(()=>{const o=se.current;o!=null&&o.scrollIntoView&&typeof o.scrollIntoView=="function"&&o.scrollIntoView({block:"nearest"})},[G]);const a=()=>{Q.current=!0,fe(!0)},b=o=>{var p;(Q.current||(p=o.animationName)!=null&&p.includes("menuOut"))&&(Q.current=!1,W(!1),fe(!1),_&&A(S))};u.useEffect(()=>{if(!m&&!I)return;const o=p=>{Z.current&&!Z.current.contains(p.target)&&(_&&A(S),a())};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[m,I,_,S]);const j=()=>{E||W(o=>!o)},q=(o,p)=>{if(R(o,f))return;const v=K(o,l);_&&A(M(o,i)),r==null||r({value:v??null,originalEvent:p}),a()},ee=o=>{if(!m){if(o.key==="Enter"&&_&&X.trim()){o.preventDefault();const p=X.trim(),v=p.toLowerCase(),O=s.find(te=>{const V=M(te,i).toLowerCase();return V===v||V.startsWith(v)}),Y=O&&!R(O,f)?K(O,l):null;O&&!R(O,f)&&(A(M(O,i)),r==null||r({value:Y,originalEvent:o})),n==null||n({value:p,selectedValue:Y,originalEvent:o});return}(o.key==="Enter"||o.key===" "||o.key==="ArrowDown")&&(o.preventDefault(),W(!0));return}if(o.key==="Escape"){o.preventDefault(),a();return}if(o.key==="ArrowDown"){o.preventDefault(),$(p=>{for(let v=p+1;v<e.length;v++)if(!R(e[v],f))return v;return p});return}if(o.key==="ArrowUp"){o.preventDefault(),$(p=>{for(let v=p-1;v>=0;v--)if(!R(e[v],f))return v;return p});return}if(o.key==="Enter"){if(o.preventDefault(),_){const p=X.trim();if(p){const v=p.toLowerCase(),O=s.find(te=>{const V=M(te,i).toLowerCase();return V===v||V.startsWith(v)}),Y=O&&!R(O,f)?K(O,l):null;O&&!R(O,f)&&q(O,o),n==null||n({value:p,selectedValue:Y,originalEvent:o})}else n==null||n({value:"",selectedValue:null,originalEvent:o})}else if(e[G]){const p=e[G];R(p,f)||q(p,o)}}},w=[x.dropdown,E?x.disabled:"",m?x.open:"",F].filter(Boolean).join(" "),z=[x.trigger,E?x.triggerDisabled:""].filter(Boolean).join(" "),ae=[x.panel,I?x.panelClosing:"",h].filter(Boolean).join(" "),ye=u.useId(),me=B??`dropdown-${ye.replace(/[^a-zA-Z0-9_-]/g,"")}`,ge=`${me}-panel`;return c.jsxs("div",{className:w,ref:Z,"data-testid":k,children:[D!=null&&c.jsxs("label",{htmlFor:me,className:x.label,children:[D,N&&c.jsx("span",{className:x.required,children:"*"})]}),c.jsxs("div",{id:_?void 0:me,role:"combobox","aria-expanded":m||I,"aria-haspopup":"listbox","aria-controls":m||I?ge:void 0,"aria-disabled":E,"aria-label":typeof D=="string"?D:void 0,tabIndex:_||E?-1:0,className:z,onClick:_?void 0:j,onKeyDown:_?void 0:ee,"data-testid":k&&!_?`${k}-trigger`:void 0,children:[_?c.jsx("input",{ref:_e,id:me,type:"text",className:x.triggerInput,value:X,onChange:o=>{A(o.target.value),!m&&!I&&W(!0),$(0)},onFocus:()=>{!E&&!m&&!I&&W(!0)},onKeyDown:ee,placeholder:y,disabled:E,"aria-autocomplete":"list","aria-controls":m||I?ge:void 0,"aria-expanded":m||I,"data-testid":k?`${k}-trigger`:void 0}):c.jsx("span",{className:x.value,children:g?g(T??null):S||c.jsx("span",{className:x.placeholder,children:y})}),c.jsx(He,{className:x.chevron,"aria-hidden":!0,onClick:_?j:void 0})]}),(m||I)&&c.jsxs("div",{ref:pe,id:ge,className:ae,role:"presentation",onAnimationEnd:b,"data-testid":k?`${k}-panel`:void 0,children:[d&&!_&&c.jsxs("div",{className:x.filterWrapper,children:[c.jsx("input",{ref:oe,type:"text",className:x.filterInput,value:J,onChange:o=>{de(o.target.value),$(0)},onKeyDown:o=>{o.key==="Escape"&&W(!1),o.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":k?`${k}-filter`:void 0}),c.jsx(Ve,{className:x.filterIcon,"aria-hidden":!0})]}),c.jsx("ul",{className:x.list,role:"listbox","aria-label":"Options",children:e.length===0?c.jsx("li",{className:x.empty,children:"No results"}):e.map((o,p)=>{const v=K(o,l),O=M(o,i),Y=R(o,f),te=t===v,V=p===G,Ze=v!=null?String(v):`option-${p}`;return c.jsx("li",{ref:V?se:void 0,role:"option","aria-selected":te,"aria-disabled":Y,className:[x.option,te?x.optionSelected:"",V?x.optionHighlighted:"",Y?x.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!Y&&$(p),onClick:Ke=>q(o,Ke),"data-testid":k?`${k}-option-${p}`:void 0,children:C?C(o):O},Ze)})})]})]})},H={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"},Je=({label:t,tooltip:r,required:n=!1,inputId:s,textarea:i=!1,rows:l,className:f="","data-testid":y,disabled:d=!1,..._})=>{const{type:E="text",...N}=_,D=u.useId(),B=s||`input-text-${D.replace(/[^a-zA-Z0-9_-]/g,"")}`,F=[H.inputText,d?H.inputTextDisabled:"",f].filter(Boolean).join(" "),h=N["aria-invalid"];let g;h===void 0?g=void 0:h===!0?g="true":h===!1?g="false":g=h;const C=n?{"aria-required":"true"}:{"aria-required":"false"},k=g===void 0?{}:{"aria-invalid":g},T=[H.input,i?H.inputTextarea:""].filter(Boolean).join(" "),S={id:B,className:T,disabled:d,...C,...k,"data-testid":y?`${y}-input`:void 0};return c.jsxs("div",{className:F,"data-testid":y,children:[t!=null&&c.jsxs("label",{htmlFor:B,className:H.label,children:[t,n&&c.jsx("span",{className:H.required,children:"*"}),r!=null&&c.jsx("span",{className:H.tooltipIcon,title:r,"aria-label":r,children:c.jsx(Me,{"aria-hidden":!0})})]}),i?c.jsx("textarea",{...N,...S,rows:l??3}):c.jsx("input",{...N,...S,type:E})]})},U={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"},Se=(t,r)=>{const s=t[r];return s!=null?String(s):""},ve=(t,r)=>t[r],Te=(t,r)=>r==null?!1:!!t[r],Ge=({value:t,onChange:r,options:n,optionLabel:s="label",optionValue:i="value",optionDisabled:l,multiple:f=!1,itemTemplate:y,disabled:d=!1,invalid:_=!1,className:E="","data-testid":N})=>{const D=h=>{const g=ve(h,i);return f&&Array.isArray(t)?t.includes(g):t===g},B=(h,g)=>{if(d||Te(h,l))return;const C=ve(h,i);if(C===void 0)return;let k;if(f){const T=Array.isArray(t)?t:[];k=T.includes(C)?T.filter(m=>m!==C):[...T,C]}else k=t===C?null:C;r==null||r({value:k,originalEvent:g})},F=[U.selectButton,d?U.selectButtonDisabled:"",_?U.selectButtonInvalid:"",E].filter(Boolean).join(" ");return c.jsx("div",{className:F,role:"group","aria-disabled":d,"data-testid":N,children:n.map((h,g)=>{const C=ve(h,i),k=C!=null?String(C):`option-${g}`,T=Te(h,l),S=D(h);return c.jsx("button",{type:"button","aria-pressed":S,"aria-disabled":T||d,"aria-label":Se(h,s),disabled:d||T,className:[U.button,S?U.buttonSelected:"",g===0?U.buttonFirst:"",g===n.length-1?U.buttonLast:""].filter(Boolean).join(" "),onClick:m=>B(h,m),onKeyDown:m=>{(m.key===" "||m.key==="Enter")&&(m.preventDefault(),B(h,m))},"data-testid":N?`${N}-option-${g}`:void 0,children:y?y(h):Se(h,s)},k)})})};P.Dropdown=Ue,P.InputText=Je,P.PrimaryButton=qe,P.SecondaryButton=ze,P.SelectButton=Ge,P.Tabs=Ye,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})}));
22
+ <%s key={someKey} {...props} />`,j,O,z,O),ee[O+j]=!0)}if(O=null,y!==void 0&&(r(y),O=""+y),p(l)&&(r(l.key),O=""+l.key),"key"in l){y={};for(var le in l)le!=="key"&&(y[le]=l[le])}else y=l;return O&&b(y,typeof e=="function"?e.displayName||e.name||"Unknown":e),f(e,O,y,i(),q,te)}function P(e){D(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===J&&(e._payload.status==="fulfilled"?D(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function D(e){return typeof e=="object"&&e!==null&&e.$$typeof===F}var R=d,F=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),T=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),W=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),pe=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),_e=Symbol.for("react.activity"),Z=Symbol.for("react.client.reference"),A=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,L=Array.isArray,K=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var me,ae={},be=R.react_stack_bottom_frame.bind(R,c)(),ie=K(s(c)),ee={};se.Fragment=h,se.jsx=function(e,l,y){var j=1e4>A.recentlyCreatedOwnerStacks++;return E(e,l,y,!1,j?Error("react-stack-top-frame"):be,j?K(s(e)):ie)},se.jsxs=function(e,l,y){var j=1e4>A.recentlyCreatedOwnerStacks++;return E(e,l,y,!0,j?Error("react-stack-top-frame"):be,j?K(s(e)):ie)}})()),se}var ke;function Re(){return ke||(ke=1,process.env.NODE_ENV==="production"?ce.exports=Ce():ce.exports=Pe()),ce.exports}var a=Re();const X={primaryButton:"_primaryButton_3izpp_1",primaryButtonDisabled:"_primaryButtonDisabled_3izpp_37",spinner:"_spinner_3izpp_52",iconLeft:"_iconLeft_3izpp_56",iconRight:"_iconRight_3izpp_62",iconOnly:"_iconOnly_3izpp_68"};var Oe={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},we=d.createContext&&d.createContext(Oe),Be=["attr","size","title"];function Ie(t,n){if(t==null)return{};var r,s,i=De(t,n);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(t);for(s=0;s<c.length;s++)r=c[s],n.indexOf(r)===-1&&{}.propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}function De(t,n){if(t==null)return{};var r={};for(var s in t)if({}.hasOwnProperty.call(t,s)){if(n.indexOf(s)!==-1)continue;r[s]=t[s]}return r}function ue(){return ue=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var s in r)({}).hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},ue.apply(null,arguments)}function Ee(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);n&&(s=s.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,s)}return r}function fe(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?Ee(Object(r),!0).forEach(function(s){Ae(t,s,r[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Ee(Object(r)).forEach(function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(r,s))})}return t}function Ae(t,n,r){return(n=Le(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}function Le(t){var n=$e(t,"string");return typeof n=="symbol"?n:n+""}function $e(t,n){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.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 Se(t){return t&&t.map((n,r)=>d.createElement(n.tag,fe({key:r},n.attr),Se(n.child)))}function de(t){return n=>d.createElement(Fe,ue({attr:fe({},t.attr)},n),Se(t.child))}function Fe(t){var n=r=>{var{attr:s,size:i,title:c}=t,p=Ie(t,Be),b=i||r.size||"1em",u;return r.className&&(u=r.className),t.className&&(u=(u?u+" ":"")+t.className),d.createElement("svg",ue({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,s,p,{className:u,style:fe(fe({color:t.color||r.color},r.style),t.style),height:b,width:b,xmlns:"http://www.w3.org/2000/svg"}),c&&d.createElement("title",null,c),t.children)};return we!==void 0?d.createElement(we.Consumer,null,r=>n(r)):n(Oe)}function We(t){return de({attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M512 1024c-69.1 0-136.2-13.5-199.3-40.2C251.7 958 197 921 150 874c-47-47-84-101.7-109.8-162.7C13.5 648.2 0 581.1 0 512c0-19.9 16.1-36 36-36s36 16.1 36 36c0 59.4 11.6 117 34.6 171.3 22.2 52.4 53.9 99.5 94.3 139.9 40.4 40.4 87.5 72.2 139.9 94.3C395 940.4 452.6 952 512 952c59.4 0 117-11.6 171.3-34.6 52.4-22.2 99.5-53.9 139.9-94.3 40.4-40.4 72.2-87.5 94.3-139.9C940.4 629 952 571.4 952 512c0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.2C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3s-13.5 136.2-40.2 199.3C958 772.3 921 827 874 874c-47 47-101.8 83.9-162.7 109.7-63.1 26.8-130.2 40.3-199.3 40.3z"},child:[]}]})(t)}const qe=({label:t,disabled:n=!1,loading:r=!1,icon:s,iconPos:i="left",onClick:c,className:p="","data-testid":b,...u})=>{const f=[X.primaryButton,n?X.primaryButtonDisabled:"",p].filter(Boolean).join(" "),E=!!t;return a.jsxs("button",{type:"button",className:f,disabled:n||r,onClick:c,"data-testid":b,...u,children:[r&&a.jsx(We,{className:X.spinner,size:16}),E?a.jsxs(a.Fragment,{children:[s&&i==="left"&&a.jsx("span",{className:X.iconLeft,children:s}),t,s&&i==="right"&&a.jsx("span",{className:X.iconRight,children:s})]}):s&&a.jsx("span",{className:X.iconOnly,children:s})]})},oe={secondaryButton:"_secondaryButton_1ct3d_1",iconLeft:"_iconLeft_1ct3d_34",iconRight:"_iconRight_1ct3d_40",iconOnly:"_iconOnly_1ct3d_46",secondaryButtonDisabled:"_secondaryButtonDisabled_1ct3d_58"},ze=({label:t,disabled:n=!1,icon:r,iconPos:s="left",onClick:i,className:c="","data-testid":p,...b})=>{const u=[oe.secondaryButton,n?oe.secondaryButtonDisabled:"",c].filter(Boolean).join(" "),f=!!t;return a.jsx("button",{type:"button",className:u,disabled:n,onClick:i,"data-testid":p,...b,children:f?a.jsxs(a.Fragment,{children:[r&&s==="left"&&a.jsx("span",{className:oe.iconLeft,children:r}),t,r&&s==="right"&&a.jsx("span",{className:oe.iconRight,children:r})]}):r&&a.jsx("span",{className:oe.iconOnly,children:r})})},$={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"},Ye=({tabs:t,activeTabId:n,onTabChange:r,className:s="","data-testid":i,...c})=>{var b;const p=[$.tabsContainer,s].filter(Boolean).join(" ");return a.jsxs("div",{className:p,"data-testid":i,...c,children:[a.jsx("div",{className:$.tabsHeader,children:t.map(u=>{const f=u.id===n,E=[$.tabItem,f?$.active:$.inactive].filter(Boolean).join(" ");return a.jsxs("button",{type:"button",className:E,onClick:()=>r(u.id),"data-testid":`${i}-tab-${u.id}`,children:[a.jsx("div",{className:$.tabContent,children:a.jsx("span",{className:$.tabLabel,children:u.label})}),a.jsx("div",{className:$.tabLine})]},u.id)})}),a.jsx("div",{className:$.tabPanels,children:(b=t.find(u=>u.id===n))==null?void 0:b.content})]})};function Ve(t){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:[]}]})(t)}function Me(t){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:[]}]})(t)}function He(t){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:[]}]})(t)}const g={dropdown:"_dropdown_mthi8_1",label:"_label_mthi8_9",required:"_required_mthi8_20",trigger:"_trigger_mthi8_25",triggerDisabled:"_triggerDisabled_mthi8_49",triggerInput:"_triggerInput_mthi8_58",value:"_value_mthi8_76",placeholder:"_placeholder_mthi8_84",chevron:"_chevron_mthi8_88",open:"_open_mthi8_95",panel:"_panel_mthi8_119",panelClosing:"_panelClosing_mthi8_136",filterWrapper:"_filterWrapper_mthi8_140",filterInput:"_filterInput_mthi8_147",filterIcon:"_filterIcon_mthi8_166",list:"_list_mthi8_177",option:"_option_mthi8_186",optionSelected:"_optionSelected_mthi8_198",optionHighlighted:"_optionHighlighted_mthi8_202",optionDisabled:"_optionDisabled_mthi8_206",empty:"_empty_mthi8_215",disabled:"_disabled_mthi8_222"},M=(t,n)=>{const s=t[n];return s!=null?String(s):""},Q=(t,n)=>t[n],I=(t,n)=>n==null?!1:!!t[n],Ue=({value:t,onChange:n,onEditEnd:r,options:s,optionLabel:i="label",optionValue:c="value",optionDisabled:p,placeholder:b="Select",filter:u=!1,editable:f=!1,disabled:E=!1,required:P=!1,label:D,inputId:R,className:F="",panelClassName:x="",valueTemplate:h,itemTemplate:S,"data-testid":k})=>{const N=s.find(o=>Q(o,c)===t),T=N?M(N,i):"",[m,W]=d.useState(!1),[B,pe]=d.useState(!1),[J,_e]=d.useState(""),[Z,A]=d.useState(T),[G,L]=d.useState(0),K=d.useRef(null),me=d.useRef(null),ae=d.useRef(null),be=d.useRef(null),ie=d.useRef(null),ee=d.useRef(!1),e=d.useMemo(()=>u&&!f?s.filter(o=>M(o,i).toLowerCase().includes(J.toLowerCase())):s,[u,f,s,i,J]);d.useEffect(()=>{f&&A(T)},[f,t,T]),d.useEffect(()=>{m&&u&&!f&&(_e(""),L(0),setTimeout(()=>{var o;return(o=ae.current)==null?void 0:o.focus()},0))},[m,u,f]),d.useEffect(()=>{if(!m)return;const o=e.findIndex(w=>Q(w,c)===t),_=e.findIndex(w=>!I(w,p)),v=o>=0&&!I(e[o],p);L(v?o:_>=0?_:0)},[m,t,e,c,p]),d.useEffect(()=>{const o=ie.current;o!=null&&o.scrollIntoView&&typeof o.scrollIntoView=="function"&&o.scrollIntoView({block:"nearest"})},[G]);const l=()=>{ee.current=!0,pe(!0)},y=o=>{var _;(ee.current||(_=o.animationName)!=null&&_.includes("menuOut"))&&(ee.current=!1,W(!1),pe(!1),f&&A(T))};d.useEffect(()=>{if(!m&&!B)return;const o=_=>{K.current&&!K.current.contains(_.target)&&(f&&A(T),l())};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[m,B,f,T]);const j=()=>{E||W(o=>!o)},q=(o,_)=>{if(I(o,p))return;const v=Q(o,c);f&&A(M(o,i)),n==null||n({value:v??null,originalEvent:_}),l()},te=o=>{if(!m){if(o.key==="Enter"&&f&&Z.trim()){o.preventDefault();const _=Z.trim(),v=_.toLowerCase(),w=s.find(ne=>{const V=M(ne,i).toLowerCase();return V===v||V.startsWith(v)}),Y=w&&!I(w,p)?Q(w,c):null;w&&!I(w,p)&&(A(M(w,i)),n==null||n({value:Y,originalEvent:o})),r==null||r({value:_,selectedValue:Y,originalEvent:o});return}(o.key==="Enter"||o.key===" "||o.key==="ArrowDown")&&(o.preventDefault(),W(!0));return}if(o.key==="Escape"){o.preventDefault(),l();return}if(o.key==="ArrowDown"){o.preventDefault(),L(_=>{for(let v=_+1;v<e.length;v++)if(!I(e[v],p))return v;return _});return}if(o.key==="ArrowUp"){o.preventDefault(),L(_=>{for(let v=_-1;v>=0;v--)if(!I(e[v],p))return v;return _});return}if(o.key==="Enter"){if(o.preventDefault(),f){const _=Z.trim();if(_){const v=_.toLowerCase(),w=s.find(ne=>{const V=M(ne,i).toLowerCase();return V===v||V.startsWith(v)}),Y=w&&!I(w,p)?Q(w,c):null;w&&!I(w,p)&&q(w,o),r==null||r({value:_,selectedValue:Y,originalEvent:o})}else r==null||r({value:"",selectedValue:null,originalEvent:o})}else if(e[G]){const _=e[G];I(_,p)||q(_,o)}}},O=[g.dropdown,E?g.disabled:"",m?g.open:"",F].filter(Boolean).join(" "),z=[g.trigger,E?g.triggerDisabled:""].filter(Boolean).join(" "),le=[g.panel,B?g.panelClosing:"",x].filter(Boolean).join(" "),he=d.useId(),ye=R??`dropdown-${he.replace(/[^a-zA-Z0-9_-]/g,"")}`,ge=`${ye}-panel`;return a.jsxs("div",{className:O,ref:K,"data-testid":k,children:[D!=null&&a.jsxs("label",{htmlFor:ye,className:g.label,children:[D,P&&a.jsx("span",{className:g.required,children:"*"})]}),a.jsxs("div",{id:f?void 0:ye,role:"combobox","aria-expanded":m||B,"aria-haspopup":"listbox","aria-controls":m||B?ge:void 0,"aria-disabled":E,"aria-label":typeof D=="string"?D:void 0,tabIndex:f||E?-1:0,className:z,onClick:f?void 0:j,onKeyDown:f?void 0:te,"data-testid":k&&!f?`${k}-trigger`:void 0,children:[f?a.jsx("input",{ref:be,id:ye,type:"text",className:g.triggerInput,value:Z,onChange:o=>{A(o.target.value),!m&&!B&&W(!0),L(0)},onFocus:()=>{!E&&!m&&!B&&W(!0)},onKeyDown:te,placeholder:b,disabled:E,"aria-autocomplete":"list","aria-controls":m||B?ge:void 0,"aria-expanded":m||B,"data-testid":k?`${k}-trigger`:void 0}):a.jsx("span",{className:g.value,children:h?h(N??null):T||a.jsx("span",{className:g.placeholder,children:b})}),a.jsx(He,{className:g.chevron,"aria-hidden":!0,onClick:f?j:void 0})]}),(m||B)&&a.jsxs("div",{ref:me,id:ge,className:le,role:"presentation",onAnimationEnd:y,"data-testid":k?`${k}-panel`:void 0,children:[u&&!f&&a.jsxs("div",{className:g.filterWrapper,children:[a.jsx("input",{ref:ae,type:"text",className:g.filterInput,value:J,onChange:o=>{_e(o.target.value),L(0)},onKeyDown:o=>{o.key==="Escape"&&W(!1),o.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":k?`${k}-filter`:void 0}),a.jsx(Ve,{className:g.filterIcon,"aria-hidden":!0})]}),a.jsx("ul",{className:g.list,role:"listbox","aria-label":"Options",children:e.length===0?a.jsx("li",{className:g.empty,children:"No results"}):e.map((o,_)=>{const v=Q(o,c),w=M(o,i),Y=I(o,p),ne=t===v,V=_===G,Ke=v!=null?String(v):`option-${_}`;return a.jsx("li",{ref:V?ie:void 0,role:"option","aria-selected":ne,"aria-disabled":Y,className:[g.option,ne?g.optionSelected:"",V?g.optionHighlighted:"",Y?g.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!Y&&L(_),onClick:Xe=>q(o,Xe),"data-testid":k?`${k}-option-${_}`:void 0,children:S?S(o):w},Ke)})})]})]})},H={inputText:"_inputText_k5apy_1",label:"_label_k5apy_9",required:"_required_k5apy_20",tooltipIcon:"_tooltipIcon_k5apy_25",input:"_input_k5apy_1",inputTextarea:"_inputTextarea_k5apy_72",inputTextDisabled:"_inputTextDisabled_k5apy_79"},Je=({label:t,tooltip:n,required:r=!1,inputId:s,textarea:i=!1,rows:c,className:p="","data-testid":b,disabled:u=!1,...f})=>{const{type:E="text",...P}=f,D=d.useId(),R=s||`input-text-${D.replace(/[^a-zA-Z0-9_-]/g,"")}`,F=[H.inputText,u?H.inputTextDisabled:"",p].filter(Boolean).join(" "),x=P["aria-invalid"];let h;x===void 0?h=void 0:x===!0?h="true":x===!1?h="false":h=x;const S=r?{"aria-required":"true"}:{"aria-required":"false"},k=h===void 0?{}:{"aria-invalid":h},N=[H.input,i?H.inputTextarea:""].filter(Boolean).join(" "),T={id:R,className:N,disabled:u,...S,...k,"data-testid":b?`${b}-input`:void 0};return a.jsxs("div",{className:F,"data-testid":b,children:[t!=null&&a.jsxs("label",{htmlFor:R,className:H.label,children:[t,r&&a.jsx("span",{className:H.required,children:"*"}),n!=null&&a.jsx("span",{className:H.tooltipIcon,title:n,"aria-label":n,children:a.jsx(Me,{"aria-hidden":!0})})]}),i?a.jsx("textarea",{...P,...T,rows:c??3}):a.jsx("input",{...P,...T,type:E})]})},U={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"},Te=(t,n)=>{const s=t[n];return s!=null?String(s):""},ve=(t,n)=>t[n],Ne=(t,n)=>n==null?!1:!!t[n],Ge=({value:t,onChange:n,options:r,optionLabel:s="label",optionValue:i="value",optionDisabled:c,multiple:p=!1,itemTemplate:b,disabled:u=!1,invalid:f=!1,className:E="","data-testid":P})=>{const D=x=>{const h=ve(x,i);return p&&Array.isArray(t)?t.includes(h):t===h},R=(x,h)=>{if(u||Ne(x,c))return;const S=ve(x,i);if(S===void 0)return;let k;if(p){const N=Array.isArray(t)?t:[];k=N.includes(S)?N.filter(m=>m!==S):[...N,S]}else k=t===S?null:S;n==null||n({value:k,originalEvent:h})},F=[U.selectButton,u?U.selectButtonDisabled:"",f?U.selectButtonInvalid:"",E].filter(Boolean).join(" ");return a.jsx("div",{className:F,role:"group","aria-disabled":u,"data-testid":P,children:r.map((x,h)=>{const S=ve(x,i),k=S!=null?String(S):`option-${h}`,N=Ne(x,c),T=D(x);return a.jsx("button",{type:"button","aria-pressed":T,"aria-disabled":N||u,"aria-label":Te(x,s),disabled:u||N,className:[U.button,T?U.buttonSelected:"",h===0?U.buttonFirst:"",h===r.length-1?U.buttonLast:""].filter(Boolean).join(" "),onClick:m=>R(x,m),onKeyDown:m=>{(m.key===" "||m.key==="Enter")&&(m.preventDefault(),R(x,m))},"data-testid":P?`${P}-option-${h}`:void 0,children:b?b(x):Te(x,s)},k)})})};C.Dropdown=Ue,C.InputText=Je,C.PrimaryButton=qe,C.SecondaryButton=ze,C.SelectButton=Ge,C.Tabs=Ye,Object.defineProperty(C,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_3izpp_1{background:var(--color-primary);border:1px solid var(--border-color-primary);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--border-radius-md);font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:1.4;text-transform:none;color:#fff;padding:.5rem 1rem;cursor:pointer;height:36px;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}._primaryButton_3izpp_1:focus{outline:0}._primaryButton_3izpp_1:disabled{cursor:not-allowed;background:var(--color-primary);border-color:var(--border-color-primary);color:#fff;opacity:.6;box-shadow:none}._primaryButton_3izpp_1:not(:disabled):hover{background:var(--color-primary-hover);box-shadow:0 0 #0003}._primaryButtonDisabled_3izpp_37{cursor:not-allowed;background:var(--color-primary);border-color:var(--border-color-primary);color:#fff;opacity:.6;box-shadow:none}._primaryButtonDisabled_3izpp_37:hover{transform:none;background:var(--color-primary);border-color:var(--border-color-primary);box-shadow:none}._spinner_3izpp_52{animation:_spin_3izpp_52 1s linear infinite}._iconLeft_3izpp_56{display:inline-flex;align-items:center;margin-right:var(--spacing-icon)}._iconRight_3izpp_62{display:inline-flex;align-items:center;margin-left:var(--spacing-icon)}._iconOnly_3izpp_68{display:inline-flex;align-items:center}._primaryButton_3izpp_1:has(>._iconOnly_3izpp_68){width:36px;min-width:36px;padding:0;justify-content:center}@keyframes _spin_3izpp_52{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1ct3d_1{background:#e1e4e8;border:1px solid #cad0d6;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#27313b;padding:0 1.5rem;cursor:pointer;height:36px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1ct3d_1:focus{outline:0}._secondaryButton_1ct3d_1:disabled{cursor:not-allowed;color:#9d9d9d;border:1px solid #cad0d6;background:transparent;opacity:.5}._secondaryButton_1ct3d_1:hover{background:#d3d8de}._iconLeft_1ct3d_34{display:inline-flex;align-items:center;margin-right:var(--spacing-icon)}._iconRight_1ct3d_40{display:inline-flex;align-items:center;margin-left:var(--spacing-icon)}._iconOnly_1ct3d_46{display:inline-flex;align-items:center}._secondaryButton_1ct3d_1:has(>._iconOnly_1ct3d_46){width:36px;min-width:36px;padding:0;justify-content:center}._secondaryButtonDisabled_1ct3d_58{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1ct3d_58:hover{transform:none;background:transparent;color:#cad0d6}._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_mthi8_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_mthi8_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;font-size:.75rem;line-height:1rem;color:#666;margin-bottom:.25rem}._required_mthi8_20{color:var(--color-text-secondary);margin-left:2px}._trigger_mthi8_25{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_mthi8_25:hover:not(:focus){border-color:var(--color-primary)}._trigger_mthi8_25:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_mthi8_49{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_mthi8_49:hover{border-color:var(--color-input-border)}._triggerInput_mthi8_58{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_mthi8_58::placeholder{color:var(--color-text-secondary)}._triggerInput_mthi8_58:disabled{cursor:not-allowed}._value_mthi8_76{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_mthi8_84{color:var(--color-text-secondary)}._chevron_mthi8_88{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_mthi8_95 ._chevron_mthi8_88{transform:rotate(180deg)}@keyframes _menuIn_mthi8_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_mthi8_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_mthi8_119{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_mthi8_1 .25s ease-out forwards}._panelClosing_mthi8_136{animation:_menuOut_mthi8_1 .15s ease-in forwards}._filterWrapper_mthi8_140{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_mthi8_147{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_mthi8_147:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_mthi8_147::placeholder{color:var(--color-text-secondary)}._filterIcon_mthi8_166{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_mthi8_177{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_mthi8_186{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_mthi8_186:hover,._option_mthi8_186:focus-visible{background:var(--color-bg-secondary)}._optionSelected_mthi8_198{background:var(--color-dropdown-option-highlight)}._optionHighlighted_mthi8_202{background:var(--color-bg-secondary)}._optionDisabled_mthi8_206{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_mthi8_206:hover{background:transparent}._empty_mthi8_215{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_mthi8_222 ._trigger_mthi8_25:hover{border-color:var(--color-input-border)}._inputText_k5apy_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_k5apy_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;font-size:.75rem;line-height:1rem;color:#666;margin-bottom:.25rem}._required_k5apy_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_k5apy_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_k5apy_25 svg{width:1rem;height:1rem}._input_k5apy_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_k5apy_1::placeholder{color:#999}._input_k5apy_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_k5apy_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_k5apy_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_k5apy_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_k5apy_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_k5apy_79 ._input_k5apy_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: #0e99c6;--color-primary-hover: #0e87b3;--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-icon: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-color-primary: #0d789c;--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: #0e99c6;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #0e99c6;--focus-ring-box-shadow: 0 0 0 1px rgba(16, 146, 198, .5)}body{font-family:Inter,-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/dist/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare module '@emporix/component-library/styles' {
1
+ declare module '@emporix/cockpit-component-library/styles' {
2
2
  const styles: string;
3
3
  export default styles;
4
4
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emporix/cockpit-component-library",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "description": "A React component library for cockipt projects",
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.js",
@@ -56,8 +56,8 @@
56
56
  "author": "Emporix",
57
57
  "license": "MIT",
58
58
  "peerDependencies": {
59
- "react": "^18.0.0",
60
- "react-dom": "^18.0.0"
59
+ "react": "^19.0.0",
60
+ "react-dom": "^19.0.0"
61
61
  },
62
62
  "devDependencies": {
63
63
  "@storybook/addon-essentials": "^8.6.18",