@emporix/cockpit-component-library 0.0.4 → 1.0.0
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/README.md +122 -0
- package/dist/components/card/Card.d.ts +20 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/chip/Chip.d.ts +25 -0
- package/dist/components/chip/Chip.d.ts.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +1093 -710
- package/dist/index.umd.js +15 -7
- package/dist/style.css +1 -1
- package/package.json +13 -8
package/dist/index.umd.js
CHANGED
|
@@ -1,22 +1,30 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(F,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],h):(F=typeof globalThis<"u"?globalThis:F||self,h(F.EmporixComponentLibrary={},F.React))})(this,(function(F,h){"use strict";var Se={exports:{}},me={};/**
|
|
2
2
|
* @license React
|
|
3
|
-
* react-jsx-runtime.production.js
|
|
3
|
+
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
5
|
-
* Copyright (c)
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
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
|
|
9
|
+
*/var ze;function dt(){if(ze)return me;ze=1;var t=h,n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,f=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function g(O,l,d){var x,I={},B=null,M=null;d!==void 0&&(B=""+d),l.key!==void 0&&(B=""+l.key),l.ref!==void 0&&(M=l.ref);for(x in l)i.call(l,x)&&!m.hasOwnProperty(x)&&(I[x]=l[x]);if(O&&O.defaultProps)for(x in l=O.defaultProps,l)I[x]===void 0&&(I[x]=l[x]);return{$$typeof:n,type:O,key:B,ref:M,props:I,_owner:f.current}}return me.Fragment=a,me.jsx=g,me.jsxs=g,me}var ge={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
13
|
-
* Copyright (c)
|
|
13
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
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
|
|
17
|
+
*/var Ue;function pt(){return Ue||(Ue=1,process.env.NODE_ENV!=="production"&&(function(){var t=h,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),O=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),x=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),Z=Symbol.iterator,k="@@iterator";function R(e){if(e===null||typeof e!="object")return null;var r=Z&&e[Z]||e[k];return typeof r=="function"?r:null}var P=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function v(e){{for(var r=arguments.length,o=new Array(r>1?r-1:0),u=1;u<r;u++)o[u-1]=arguments[u];A("error",e,o)}}function A(e,r,o){{var u=P.ReactDebugCurrentFrame,b=u.getStackAddendum();b!==""&&(r+="%s",o=o.concat([b]));var C=o.map(function(_){return String(_)});C.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,C)}}var N=!1,E=!1,ee=!1,z=!1,Te=!1,se;se=Symbol.for("react.module.reference");function De(e){return!!(typeof e=="string"||typeof e=="function"||e===i||e===m||Te||e===f||e===d||e===x||z||e===M||N||E||ee||typeof e=="object"&&e!==null&&(e.$$typeof===B||e.$$typeof===I||e.$$typeof===g||e.$$typeof===O||e.$$typeof===l||e.$$typeof===se||e.getModuleId!==void 0))}function le(e,r,o){var u=e.displayName;if(u)return u;var b=r.displayName||r.name||"";return b!==""?o+"("+b+")":o}function G(e){return e.displayName||"Context"}function q(e){if(e==null)return null;if(typeof e.tag=="number"&&v("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 i:return"Fragment";case a:return"Portal";case m:return"Profiler";case f:return"StrictMode";case d:return"Suspense";case x:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case O:var r=e;return G(r)+".Consumer";case g:var o=e;return G(o._context)+".Provider";case l:return le(e,e.render,"ForwardRef");case I:var u=e.displayName||null;return u!==null?u:q(e.type)||"Memo";case B:{var b=e,C=b._payload,_=b._init;try{return q(_(C))}catch{return null}}}return null}var $=Object.assign,X=0,Ie,je,Be,Oe,ce,W,ue;function Ne(){}Ne.__reactDisabledLog=!0;function $e(){{if(X===0){Ie=console.log,je=console.info,Be=console.warn,Oe=console.error,ce=console.group,W=console.groupCollapsed,ue=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Ne,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}X++}}function Ce(){{if(X--,X===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:$({},e,{value:Ie}),info:$({},e,{value:je}),warn:$({},e,{value:Be}),error:$({},e,{value:Oe}),group:$({},e,{value:ce}),groupCollapsed:$({},e,{value:W}),groupEnd:$({},e,{value:ue})})}X<0&&v("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var fe=P.ReactCurrentDispatcher,Ee;function de(e,r,o){{if(Ee===void 0)try{throw Error()}catch(b){var u=b.stack.trim().match(/\n( *(at )?)/);Ee=u&&u[1]||""}return`
|
|
18
|
+
`+Ee+e}}var we=!1,pe;{var ve=typeof WeakMap=="function"?WeakMap:Map;pe=new ve}function _e(e,r){if(!e||we)return"";{var o=pe.get(e);if(o!==void 0)return o}var u;we=!0;var b=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var C;C=fe.current,fe.current=null,$e();try{if(r){var _=function(){throw Error()};if(Object.defineProperty(_.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(_,[])}catch(V){u=V}Reflect.construct(e,[],_)}else{try{_.call()}catch(V){u=V}e.call(_.prototype)}}else{try{throw Error()}catch(V){u=V}e()}}catch(V){if(V&&u&&typeof V.stack=="string"){for(var p=V.stack.split(`
|
|
19
|
+
`),L=u.stack.split(`
|
|
20
|
+
`),T=p.length-1,D=L.length-1;T>=1&&D>=0&&p[T]!==L[D];)D--;for(;T>=1&&D>=0;T--,D--)if(p[T]!==L[D]){if(T!==1||D!==1)do if(T--,D--,D<0||p[T]!==L[D]){var U=`
|
|
21
|
+
`+p[T].replace(" at new "," at ");return e.displayName&&U.includes("<anonymous>")&&(U=U.replace("<anonymous>",e.displayName)),typeof e=="function"&&pe.set(e,U),U}while(T>=1&&D>=0);break}}}finally{we=!1,fe.current=C,Ce(),Error.prepareStackTrace=b}var ye=e?e.displayName||e.name:"",ae=ye?de(ye):"";return typeof e=="function"&&pe.set(e,ae),ae}function s(e,r,o){return _e(e,!1)}function y(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function j(e,r,o){if(e==null)return"";if(typeof e=="function")return _e(e,y(e));if(typeof e=="string")return de(e);switch(e){case d:return de("Suspense");case x:return de("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case l:return s(e.render);case I:return j(e.type,r,o);case B:{var u=e,b=u._payload,C=u._init;try{return j(C(b),r,o)}catch{}}}return""}var w=Object.prototype.hasOwnProperty,H={},Q=P.ReactDebugCurrentFrame;function Y(e){if(e){var r=e._owner,o=j(e.type,e._source,r?r.type:null);Q.setExtraStackFrame(o)}else Q.setExtraStackFrame(null)}function Fe(e,r,o,u,b){{var C=Function.call.bind(w);for(var _ in e)if(C(e,_)){var p=void 0;try{if(typeof e[_]!="function"){var L=Error((u||"React class")+": "+o+" type `"+_+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[_]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw L.name="Invariant Violation",L}p=e[_](r,_,u,o,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(T){p=T}p&&!(p instanceof Error)&&(Y(b),v("%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).",u||"React class",o,_,typeof p),Y(null)),p instanceof Error&&!(p.message in H)&&(H[p.message]=!0,Y(b),v("Failed %s type: %s",o,p.message),Y(null))}}}var Ae=Array.isArray;function We(e){return Ae(e)}function $t(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,o=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o}}function Lt(e){try{return et(e),!1}catch{return!0}}function et(e){return""+e}function tt(e){if(Lt(e))return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",$t(e)),et(e)}var rt=P.ReactCurrentOwner,Ft={key:!0,ref:!0,__self:!0,__source:!0},nt,at;function At(e){if(w.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Wt(e){if(w.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Vt(e,r){typeof e.ref=="string"&&rt.current}function qt(e,r){{var o=function(){nt||(nt=!0,v("%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))};o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}}function Yt(e,r){{var o=function(){at||(at=!0,v("%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))};o.isReactWarning=!0,Object.defineProperty(e,"ref",{get:o,configurable:!0})}}var Mt=function(e,r,o,u,b,C,_){var p={$$typeof:n,type:e,key:r,ref:o,props:_,_owner:C};return p._store={},Object.defineProperty(p._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(p,"_self",{configurable:!1,enumerable:!1,writable:!1,value:u}),Object.defineProperty(p,"_source",{configurable:!1,enumerable:!1,writable:!1,value:b}),Object.freeze&&(Object.freeze(p.props),Object.freeze(p)),p};function zt(e,r,o,u,b){{var C,_={},p=null,L=null;o!==void 0&&(tt(o),p=""+o),Wt(r)&&(tt(r.key),p=""+r.key),At(r)&&(L=r.ref,Vt(r,b));for(C in r)w.call(r,C)&&!Ft.hasOwnProperty(C)&&(_[C]=r[C]);if(e&&e.defaultProps){var T=e.defaultProps;for(C in T)_[C]===void 0&&(_[C]=T[C])}if(p||L){var D=typeof e=="function"?e.displayName||e.name||"Unknown":e;p&&qt(_,D),L&&Yt(_,D)}return Mt(e,p,L,b,u,rt.current,_)}}var Ve=P.ReactCurrentOwner,it=P.ReactDebugCurrentFrame;function he(e){if(e){var r=e._owner,o=j(e.type,e._source,r?r.type:null);it.setExtraStackFrame(o)}else it.setExtraStackFrame(null)}var qe;qe=!1;function Ye(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function ot(){{if(Ve.current){var e=q(Ve.current.type);if(e)return`
|
|
22
|
+
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function Ut(e){return""}var st={};function Kt(e){{var r=ot();if(!r){var o=typeof e=="string"?e:e.displayName||e.name;o&&(r=`
|
|
24
|
+
|
|
25
|
+
Check the top-level render call using <`+o+">.")}return r}}function lt(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var o=Kt(r);if(st[o])return;st[o]=!0;var u="";e&&e._owner&&e._owner!==Ve.current&&(u=" It was passed a child from "+q(e._owner.type)+"."),he(e),v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',o,u),he(null)}}function ct(e,r){{if(typeof e!="object")return;if(We(e))for(var o=0;o<e.length;o++){var u=e[o];Ye(u)&<(u,r)}else if(Ye(e))e._store&&(e._store.validated=!0);else if(e){var b=R(e);if(typeof b=="function"&&b!==e.entries)for(var C=b.call(e),_;!(_=C.next()).done;)Ye(_.value)&<(_.value,r)}}}function Ht(e){{var r=e.type;if(r==null||typeof r=="string")return;var o;if(typeof r=="function")o=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===l||r.$$typeof===I))o=r.propTypes;else return;if(o){var u=q(r);Fe(o,e.props,"prop",u,e)}else if(r.PropTypes!==void 0&&!qe){qe=!0;var b=q(r);v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",b||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Jt(e){{for(var r=Object.keys(e.props),o=0;o<r.length;o++){var u=r[o];if(u!=="children"&&u!=="key"){he(e),v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",u),he(null);break}}e.ref!==null&&(he(e),v("Invalid attribute `ref` supplied to `React.Fragment`."),he(null))}}var ut={};function ft(e,r,o,u,b,C){{var _=De(e);if(!_){var p="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(p+=" 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 L=Ut();L?p+=L:p+=ot();var T;e===null?T="null":We(e)?T="array":e!==void 0&&e.$$typeof===n?(T="<"+(q(e.type)||"Unknown")+" />",p=" Did you accidentally export a JSX literal instead of a component?"):T=typeof e,v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",T,p)}var D=zt(e,r,o,b,C);if(D==null)return D;if(_){var U=r.children;if(U!==void 0)if(u)if(We(U)){for(var ye=0;ye<U.length;ye++)ct(U[ye],e);Object.freeze&&Object.freeze(U)}else v("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 ct(U,e)}if(w.call(r,"key")){var ae=q(e),V=Object.keys(r).filter(function(tr){return tr!=="key"}),Me=V.length>0?"{key: someKey, "+V.join(": ..., ")+": ...}":"{key: someKey}";if(!ut[ae+Me]){var er=V.length>0?"{"+V.join(": ..., ")+": ...}":"{}";v(`A props object containing a "key" prop is being spread into JSX:
|
|
18
26
|
let props = %s;
|
|
19
27
|
<%s {...props} />
|
|
20
28
|
React keys must be passed directly to JSX without using spread:
|
|
21
29
|
let props = %s;
|
|
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"})}));
|
|
30
|
+
<%s key={someKey} {...props} />`,Me,ae,er,ae),ut[ae+Me]=!0}}return e===i?Jt(D):Ht(D),D}}function Gt(e,r,o){return ft(e,r,o,!0)}function Xt(e,r,o){return ft(e,r,o,!1)}var Qt=Xt,Zt=Gt;ge.Fragment=i,ge.jsx=Qt,ge.jsxs=Zt})()),ge}var Ke;function vt(){return Ke||(Ke=1,process.env.NODE_ENV==="production"?Se.exports=dt():Se.exports=pt()),Se.exports}var c=vt();const ie={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 He={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Je=h.createContext&&h.createContext(He),_t=["attr","size","title"];function ht(t,n){if(t==null)return{};var a,i,f=yt(t,n);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(t);for(i=0;i<m.length;i++)a=m[i],n.indexOf(a)===-1&&{}.propertyIsEnumerable.call(t,a)&&(f[a]=t[a])}return f}function yt(t,n){if(t==null)return{};var a={};for(var i in t)if({}.hasOwnProperty.call(t,i)){if(n.indexOf(i)!==-1)continue;a[i]=t[i]}return a}function ke(){return ke=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var i in a)({}).hasOwnProperty.call(a,i)&&(t[i]=a[i])}return t},ke.apply(null,arguments)}function Ge(t,n){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(f){return Object.getOwnPropertyDescriptor(t,f).enumerable})),a.push.apply(a,i)}return a}function Re(t){for(var n=1;n<arguments.length;n++){var a=arguments[n]!=null?arguments[n]:{};n%2?Ge(Object(a),!0).forEach(function(i){mt(t,i,a[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):Ge(Object(a)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(a,i))})}return t}function mt(t,n,a){return(n=gt(n))in t?Object.defineProperty(t,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[n]=a,t}function gt(t){var n=bt(t,"string");return typeof n=="symbol"?n:n+""}function bt(t,n){if(typeof t!="object"||!t)return t;var a=t[Symbol.toPrimitive];if(a!==void 0){var i=a.call(t,n);if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(t)}function Xe(t){return t&&t.map((n,a)=>h.createElement(n.tag,Re({key:a},n.attr),Xe(n.child)))}function Pe(t){return n=>h.createElement(xt,ke({attr:Re({},t.attr)},n),Xe(t.child))}function xt(t){var n=a=>{var{attr:i,size:f,title:m}=t,g=ht(t,_t),O=f||a.size||"1em",l;return a.className&&(l=a.className),t.className&&(l=(l?l+" ":"")+t.className),h.createElement("svg",ke({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},a.attr,i,g,{className:l,style:Re(Re({color:t.color||a.color},a.style),t.style),height:O,width:O,xmlns:"http://www.w3.org/2000/svg"}),m&&h.createElement("title",null,m),t.children)};return Je!==void 0?h.createElement(Je.Consumer,null,a=>n(a)):n(He)}function jt(t){return Pe({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 Ot=({label:t,disabled:n=!1,loading:a=!1,icon:i,iconPos:f="left",onClick:m,className:g="","data-testid":O,...l})=>{const d=[ie.primaryButton,n?ie.primaryButtonDisabled:"",g].filter(Boolean).join(" "),x=!!t;return c.jsxs("button",{type:"button",className:d,disabled:n||a,onClick:m,"data-testid":O,...l,children:[a&&c.jsx(jt,{className:ie.spinner,size:16}),x?c.jsxs(c.Fragment,{children:[i&&f==="left"&&c.jsx("span",{className:ie.iconLeft,children:i}),t,i&&f==="right"&&c.jsx("span",{className:ie.iconRight,children:i})]}):i&&c.jsx("span",{className:ie.iconOnly,children:i})]})},be={secondaryButton:"_secondaryButton_1ct3d_1",iconLeft:"_iconLeft_1ct3d_34",iconRight:"_iconRight_1ct3d_40",iconOnly:"_iconOnly_1ct3d_46",secondaryButtonDisabled:"_secondaryButtonDisabled_1ct3d_58"},Ct=({label:t,disabled:n=!1,icon:a,iconPos:i="left",onClick:f,className:m="","data-testid":g,...O})=>{const l=[be.secondaryButton,n?be.secondaryButtonDisabled:"",m].filter(Boolean).join(" "),d=!!t;return c.jsx("button",{type:"button",className:l,disabled:n,onClick:f,"data-testid":g,...O,children:d?c.jsxs(c.Fragment,{children:[a&&i==="left"&&c.jsx("span",{className:be.iconLeft,children:a}),t,a&&i==="right"&&c.jsx("span",{className:be.iconRight,children:a})]}):a&&c.jsx("span",{className:be.iconOnly,children:a})})},J={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"},Et=({tabs:t,activeTabId:n,onTabChange:a,className:i="","data-testid":f,...m})=>{var O;const g=[J.tabsContainer,i].filter(Boolean).join(" ");return c.jsxs("div",{className:g,"data-testid":f,...m,children:[c.jsx("div",{className:J.tabsHeader,children:t.map(l=>{const d=l.id===n,x=[J.tabItem,d?J.active:J.inactive].filter(Boolean).join(" ");return c.jsxs("button",{type:"button",className:x,onClick:()=>a(l.id),"data-testid":`${f}-tab-${l.id}`,children:[c.jsx("div",{className:J.tabContent,children:c.jsx("span",{className:J.tabLabel,children:l.label})}),c.jsx("div",{className:J.tabLine})]},l.id)})}),c.jsx("div",{className:J.tabPanels,children:(O=t.find(l=>l.id===n))==null?void 0:O.content})]})};function wt(t){return Pe({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 St(t){return Pe({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 kt(t){return Pe({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 S={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"},te=(t,n)=>{const i=t[n];return i!=null?String(i):""},oe=(t,n)=>t[n],K=(t,n)=>n==null?!1:!!t[n],Rt=({value:t,onChange:n,onEditEnd:a,options:i,optionLabel:f="label",optionValue:m="value",optionDisabled:g,placeholder:O="Select",filter:l=!1,editable:d=!1,disabled:x=!1,required:I=!1,label:B,inputId:M,className:Z="",panelClassName:k="",valueTemplate:R,itemTemplate:P,"data-testid":v})=>{const A=i.find(s=>oe(s,m)===t),N=A?te(A,f):"",[E,ee]=h.useState(!1),[z,Te]=h.useState(!1),[se,De]=h.useState(""),[le,G]=h.useState(N),[q,$]=h.useState(0),X=h.useRef(null),Ie=h.useRef(null),je=h.useRef(null),Be=h.useRef(null),Oe=h.useRef(null),ce=h.useRef(!1),W=h.useMemo(()=>l&&!d?i.filter(s=>te(s,f).toLowerCase().includes(se.toLowerCase())):i,[l,d,i,f,se]);h.useEffect(()=>{d&&G(N)},[d,t,N]),h.useEffect(()=>{E&&l&&!d&&(De(""),$(0),setTimeout(()=>{var s;return(s=je.current)==null?void 0:s.focus()},0))},[E,l,d]),h.useEffect(()=>{if(!E)return;const s=W.findIndex(w=>oe(w,m)===t),y=W.findIndex(w=>!K(w,g)),j=s>=0&&!K(W[s],g);$(j?s:y>=0?y:0)},[E,t,W,m,g]),h.useEffect(()=>{const s=Oe.current;s!=null&&s.scrollIntoView&&typeof s.scrollIntoView=="function"&&s.scrollIntoView({block:"nearest"})},[q]);const ue=()=>{ce.current=!0,Te(!0)},Ne=s=>{var y;(ce.current||(y=s.animationName)!=null&&y.includes("menuOut"))&&(ce.current=!1,ee(!1),Te(!1),d&&G(N))};h.useEffect(()=>{if(!E&&!z)return;const s=y=>{X.current&&!X.current.contains(y.target)&&(d&&G(N),ue())};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[E,z,d,N]);const $e=()=>{x||ee(s=>!s)},Ce=(s,y)=>{if(K(s,g))return;const j=oe(s,m);d&&G(te(s,f)),n==null||n({value:j??null,originalEvent:y}),ue()},fe=s=>{if(!E){if(s.key==="Enter"&&d&&le.trim()){s.preventDefault();const y=le.trim(),j=y.toLowerCase(),w=i.find(Q=>{const Y=te(Q,f).toLowerCase();return Y===j||Y.startsWith(j)}),H=w&&!K(w,g)?oe(w,m):null;w&&!K(w,g)&&(G(te(w,f)),n==null||n({value:H,originalEvent:s})),a==null||a({value:y,selectedValue:H,originalEvent:s});return}(s.key==="Enter"||s.key===" "||s.key==="ArrowDown")&&(s.preventDefault(),ee(!0));return}if(s.key==="Escape"){s.preventDefault(),ue();return}if(s.key==="ArrowDown"){s.preventDefault(),$(y=>{for(let j=y+1;j<W.length;j++)if(!K(W[j],g))return j;return y});return}if(s.key==="ArrowUp"){s.preventDefault(),$(y=>{for(let j=y-1;j>=0;j--)if(!K(W[j],g))return j;return y});return}if(s.key==="Enter"){if(s.preventDefault(),d){const y=le.trim();if(y){const j=y.toLowerCase(),w=i.find(Q=>{const Y=te(Q,f).toLowerCase();return Y===j||Y.startsWith(j)}),H=w&&!K(w,g)?oe(w,m):null;w&&!K(w,g)&&Ce(w,s),a==null||a({value:y,selectedValue:H,originalEvent:s})}else a==null||a({value:"",selectedValue:null,originalEvent:s})}else if(W[q]){const y=W[q];K(y,g)||Ce(y,s)}}},Ee=[S.dropdown,x?S.disabled:"",E?S.open:"",Z].filter(Boolean).join(" "),de=[S.trigger,x?S.triggerDisabled:""].filter(Boolean).join(" "),we=[S.panel,z?S.panelClosing:"",k].filter(Boolean).join(" "),pe=h.useId(),ve=M??`dropdown-${pe.replace(/[^a-zA-Z0-9_-]/g,"")}`,_e=`${ve}-panel`;return c.jsxs("div",{className:Ee,ref:X,"data-testid":v,children:[B!=null&&c.jsxs("label",{htmlFor:ve,className:S.label,children:[B,I&&c.jsx("span",{className:S.required,children:"*"})]}),c.jsxs("div",{id:d?void 0:ve,role:"combobox","aria-expanded":E||z,"aria-haspopup":"listbox","aria-controls":E||z?_e:void 0,"aria-disabled":x,"aria-label":typeof B=="string"?B:void 0,tabIndex:d||x?-1:0,className:de,onClick:d?void 0:$e,onKeyDown:d?void 0:fe,"data-testid":v&&!d?`${v}-trigger`:void 0,children:[d?c.jsx("input",{ref:Be,id:ve,type:"text",className:S.triggerInput,value:le,onChange:s=>{G(s.target.value),!E&&!z&&ee(!0),$(0)},onFocus:()=>{!x&&!E&&!z&&ee(!0)},onKeyDown:fe,placeholder:O,disabled:x,"aria-autocomplete":"list","aria-controls":E||z?_e:void 0,"aria-expanded":E||z,"data-testid":v?`${v}-trigger`:void 0}):c.jsx("span",{className:S.value,children:R?R(A??null):N||c.jsx("span",{className:S.placeholder,children:O})}),c.jsx(kt,{className:S.chevron,"aria-hidden":!0,onClick:d?$e:void 0})]}),(E||z)&&c.jsxs("div",{ref:Ie,id:_e,className:we,role:"presentation",onAnimationEnd:Ne,"data-testid":v?`${v}-panel`:void 0,children:[l&&!d&&c.jsxs("div",{className:S.filterWrapper,children:[c.jsx("input",{ref:je,type:"text",className:S.filterInput,value:se,onChange:s=>{De(s.target.value),$(0)},onKeyDown:s=>{s.key==="Escape"&&ee(!1),s.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":v?`${v}-filter`:void 0}),c.jsx(wt,{className:S.filterIcon,"aria-hidden":!0})]}),c.jsx("ul",{className:S.list,role:"listbox","aria-label":"Options",children:W.length===0?c.jsx("li",{className:S.empty,children:"No results"}):W.map((s,y)=>{const j=oe(s,m),w=te(s,f),H=K(s,g),Q=t===j,Y=y===q,Fe=j!=null?String(j):`option-${y}`;return c.jsx("li",{ref:Y?Oe:void 0,role:"option","aria-selected":Q,"aria-disabled":H,className:[S.option,Q?S.optionSelected:"",Y?S.optionHighlighted:"",H?S.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!H&&$(y),onClick:Ae=>Ce(s,Ae),"data-testid":v?`${v}-option-${y}`:void 0,children:P?P(s):w},Fe)})})]})]})},re={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"},Pt=({label:t,tooltip:n,required:a=!1,inputId:i,textarea:f=!1,rows:m,className:g="","data-testid":O,disabled:l=!1,...d})=>{const{type:x="text",...I}=d,B=h.useId(),M=i||`input-text-${B.replace(/[^a-zA-Z0-9_-]/g,"")}`,Z=[re.inputText,l?re.inputTextDisabled:"",g].filter(Boolean).join(" "),k=I["aria-invalid"];let R;k===void 0?R=void 0:k===!0?R="true":k===!1?R="false":R=k;const P=a?{"aria-required":"true"}:{"aria-required":"false"},v=R===void 0?{}:{"aria-invalid":R},A=[re.input,f?re.inputTextarea:""].filter(Boolean).join(" "),N={id:M,className:A,disabled:l,...P,...v,"data-testid":O?`${O}-input`:void 0};return c.jsxs("div",{className:Z,"data-testid":O,children:[t!=null&&c.jsxs("label",{htmlFor:M,className:re.label,children:[t,a&&c.jsx("span",{className:re.required,children:"*"}),n!=null&&c.jsx("span",{className:re.tooltipIcon,title:n,"aria-label":n,children:c.jsx(St,{"aria-hidden":!0})})]}),f?c.jsx("textarea",{...I,...N,rows:m??3}):c.jsx("input",{...I,...N,type:x})]})},ne={selectButton:"_selectButton_1u3fo_1",selectButtonDisabled:"_selectButtonDisabled_1u3fo_9",selectButtonInvalid:"_selectButtonInvalid_1u3fo_14",button:"_button_1u3fo_14",buttonFirst:"_buttonFirst_1u3fo_47",buttonLast:"_buttonLast_1u3fo_51",buttonSelected:"_buttonSelected_1u3fo_59"},Qe=(t,n)=>{const i=t[n];return i!=null?String(i):""},Le=(t,n)=>t[n],Ze=(t,n)=>n==null?!1:!!t[n],Tt=({value:t,onChange:n,options:a,optionLabel:i="label",optionValue:f="value",optionDisabled:m,multiple:g=!1,itemTemplate:O,disabled:l=!1,invalid:d=!1,className:x="","data-testid":I})=>{const B=k=>{const R=Le(k,f);return g&&Array.isArray(t)?t.includes(R):t===R},M=(k,R)=>{if(l||Ze(k,m))return;const P=Le(k,f);if(P===void 0)return;let v;if(g){const A=Array.isArray(t)?t:[];v=A.includes(P)?A.filter(E=>E!==P):[...A,P]}else v=t===P?null:P;n==null||n({value:v,originalEvent:R})},Z=[ne.selectButton,l?ne.selectButtonDisabled:"",d?ne.selectButtonInvalid:"",x].filter(Boolean).join(" ");return c.jsx("div",{className:Z,role:"group","aria-disabled":l,"data-testid":I,children:a.map((k,R)=>{const P=Le(k,f),v=P!=null?String(P):`option-${R}`,A=Ze(k,m),N=B(k);return c.jsx("button",{type:"button","aria-pressed":N,"aria-disabled":A||l,"aria-label":Qe(k,i),disabled:l||A,className:[ne.button,N?ne.buttonSelected:"",R===0?ne.buttonFirst:"",R===a.length-1?ne.buttonLast:""].filter(Boolean).join(" "),onClick:E=>M(k,E),onKeyDown:E=>{(E.key===" "||E.key==="Enter")&&(E.preventDefault(),M(k,E))},"data-testid":I?`${I}-option-${R}`:void 0,children:O?O(k):Qe(k,i)},v)})})},Dt={card:"_card_uv0bu_1"},It=({children:t,className:n="","data-testid":a,...i})=>{const f=[Dt.card,n].filter(Boolean).join(" ");return c.jsx("div",{className:f,"data-testid":a,...i,children:t})},xe={chip:"_chip_830il_1",chipSuccess:"_chipSuccess_830il_16",chipWarning:"_chipWarning_830il_21",chipInfo:"_chipInfo_830il_26",chipError:"_chipError_830il_31"},Bt={success:xe.chipSuccess,warning:xe.chipWarning,info:xe.chipInfo,error:xe.chipError},Nt=({variant:t="info",children:n,className:a="","data-testid":i,...f})=>{const m=[xe.chip,Bt[t],a].filter(Boolean).join(" ");return c.jsx("span",{className:m,"data-testid":i,...f,children:n})};F.Card=It,F.Chip=Nt,F.Dropdown=Rt,F.InputText=Pt,F.PrimaryButton=Ot,F.SecondaryButton=Ct,F.SelectButton=Tt,F.Tabs=Et,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|
|
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}._card_uv0bu_1{background:#fafafa;border:1px solid #e6e6e6;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);color:var(--color-text-primary);box-shadow:0 4px 5px -3px #00000014}._chip_830il_1{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;padding:.1875rem .625rem;border-radius:var(--border-radius-sm);font-family:Inter,sans-serif;font-size:var(--font-size-sm);font-weight:500;line-height:1.25;white-space:nowrap}._chipSuccess_830il_16{background:var(--color-chip-success-bg);color:var(--color-chip-success-text)}._chipWarning_830il_21{background:var(--color-chip-warning-bg);color:var(--color-chip-warning-text)}._chipInfo_830il_26{background:var(--color-chip-info-bg);color:var(--color-chip-info-text)}._chipError_830il_31{background:var(--color-chip-error-bg);color:var(--color-chip-error-text)}: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.25rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-color-primary: #0d789c;--font-size-sm: .75rem;--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);--color-chip-success-bg: #dcfce7;--color-chip-success-text: #15803d;--color-chip-warning-bg: #fef3c7;--color-chip-warning-text: #b45309;--color-chip-info-bg: #dbeafe;--color-chip-info-text: #1d4ed8;--color-chip-error-bg: #fee2e2;--color-chip-error-text: #b91c1c}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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@emporix/cockpit-component-library",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "A React component library for cockipt projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.umd.js",
|
|
@@ -55,9 +55,13 @@
|
|
|
55
55
|
],
|
|
56
56
|
"author": "Emporix",
|
|
57
57
|
"license": "MIT",
|
|
58
|
+
"engines": {
|
|
59
|
+
"node": ">=18.18.0",
|
|
60
|
+
"npm": ">=9"
|
|
61
|
+
},
|
|
58
62
|
"peerDependencies": {
|
|
59
|
-
"react": "^
|
|
60
|
-
"react-dom": "^
|
|
63
|
+
"react": "^18.0.0",
|
|
64
|
+
"react-dom": "^18.0.0"
|
|
61
65
|
},
|
|
62
66
|
"devDependencies": {
|
|
63
67
|
"@storybook/addon-essentials": "^8.6.18",
|
|
@@ -67,8 +71,8 @@
|
|
|
67
71
|
"@storybook/react": "^8.6.18",
|
|
68
72
|
"@storybook/react-vite": "^8.6.18",
|
|
69
73
|
"@storybook/test": "^8.6.15",
|
|
70
|
-
"@types/react": "^
|
|
71
|
-
"@types/react-dom": "^
|
|
74
|
+
"@types/react": "^18.3.18",
|
|
75
|
+
"@types/react-dom": "^18.3.5",
|
|
72
76
|
"@typescript-eslint/eslint-plugin": "^8.57.0",
|
|
73
77
|
"@typescript-eslint/parser": "^8.57.0",
|
|
74
78
|
"@vitejs/plugin-react": "^4.3.1",
|
|
@@ -80,10 +84,10 @@
|
|
|
80
84
|
"eslint-plugin-react": "^7.37.4",
|
|
81
85
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
82
86
|
"husky": "^9.1.7",
|
|
83
|
-
"jsdom": "^
|
|
87
|
+
"jsdom": "^24.1.3",
|
|
84
88
|
"prettier": "^3.8.1",
|
|
85
|
-
"react": "^
|
|
86
|
-
"react-dom": "^
|
|
89
|
+
"react": "^18.3.1",
|
|
90
|
+
"react-dom": "^18.3.1",
|
|
87
91
|
"sass": "^1.98.0",
|
|
88
92
|
"storybook": "^8.6.18",
|
|
89
93
|
"typescript": "^5.9.3",
|
|
@@ -96,6 +100,7 @@
|
|
|
96
100
|
"@testing-library/react": "^16.3.2",
|
|
97
101
|
"@testing-library/user-event": "^14.5.2",
|
|
98
102
|
"primereact": "^10.9.7",
|
|
103
|
+
"quill": "^2.0.3",
|
|
99
104
|
"react-icons": "^5.6.0"
|
|
100
105
|
}
|
|
101
106
|
}
|