peercore-ui-library 1.0.1 → 1.0.5

package/dist/index.es.js

@@ -1 +1,14 @@
-import r from"react";function n(){return n=Object.assign?Object.assign.bind():function(r){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)({}).hasOwnProperty.call(t,e)&&(r[e]=t[e])}return r},n.apply(null,arguments)}function t({children:t,...e}){return r.createElement("button",n({style:{padding:"10px",backgroundColor:"#ff0000",color:"#fff"}},e),t)}export{t as Button};
+import e,{useState as t,useRef as n,useEffect as r}from"react";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(null,arguments)}function a(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var i,c={exports:{}},l={exports:{}},s={};var p,u,f,d,y,m,b,v,h,g,E,w,x,O,S,k={};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */function N(){return u||(u=1,"production"===process.env.NODE_ENV?l.exports=function(){if(i)return s;i=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,c=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,p=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,y=e?Symbol.for("react.suspense_list"):60120,m=e?Symbol.for("react.memo"):60115,b=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,h=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,E=e?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var i=e.$$typeof;switch(i){case t:switch(e=e.type){case p:case u:case r:case a:case o:case d:return e;default:switch(e=e&&e.$$typeof){case l:case f:case b:case m:case c:return e;default:return i}}case n:return i}}}function x(e){return w(e)===u}return s.AsyncMode=p,s.ConcurrentMode=u,s.ContextConsumer=l,s.ContextProvider=c,s.Element=t,s.ForwardRef=f,s.Fragment=r,s.Lazy=b,s.Memo=m,s.Portal=n,s.Profiler=a,s.StrictMode=o,s.Suspense=d,s.isAsyncMode=function(e){return x(e)||w(e)===p},s.isConcurrentMode=x,s.isContextConsumer=function(e){return w(e)===l},s.isContextProvider=function(e){return w(e)===c},s.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},s.isForwardRef=function(e){return w(e)===f},s.isFragment=function(e){return w(e)===r},s.isLazy=function(e){return w(e)===b},s.isMemo=function(e){return w(e)===m},s.isPortal=function(e){return w(e)===n},s.isProfiler=function(e){return w(e)===a},s.isStrictMode=function(e){return w(e)===o},s.isSuspense=function(e){return w(e)===d},s.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===u||e===a||e===o||e===d||e===y||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===m||e.$$typeof===c||e.$$typeof===l||e.$$typeof===f||e.$$typeof===h||e.$$typeof===g||e.$$typeof===E||e.$$typeof===v)},s.typeOf=w,s}():l.exports=(p||(p=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,y=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,b=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,h=e?Symbol.for("react.scope"):60119;function g(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:var m=e.type;switch(m){case l:case s:case r:case a:case o:case u:return m;default:var b=m&&m.$$typeof;switch(b){case c:case p:case y:case d:case i:return b;default:return f}}case n:return f}}}var E=l,w=s,x=c,O=i,S=t,N=p,$=r,j=y,T=d,C=n,P=a,_=o,I=u,R=!1;function M(e){return g(e)===s}k.AsyncMode=E,k.ConcurrentMode=w,k.ContextConsumer=x,k.ContextProvider=O,k.Element=S,k.ForwardRef=N,k.Fragment=$,k.Lazy=j,k.Memo=T,k.Portal=C,k.Profiler=P,k.StrictMode=_,k.Suspense=I,k.isAsyncMode=function(e){return R||(R=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),M(e)||g(e)===l},k.isConcurrentMode=M,k.isContextConsumer=function(e){return g(e)===c},k.isContextProvider=function(e){return g(e)===i},k.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},k.isForwardRef=function(e){return g(e)===p},k.isFragment=function(e){return g(e)===r},k.isLazy=function(e){return g(e)===y},k.isMemo=function(e){return g(e)===d},k.isPortal=function(e){return g(e)===n},k.isProfiler=function(e){return g(e)===a},k.isStrictMode=function(e){return g(e)===o},k.isSuspense=function(e){return g(e)===u},k.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===s||e===a||e===o||e===u||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===d||e.$$typeof===i||e.$$typeof===c||e.$$typeof===p||e.$$typeof===b||e.$$typeof===v||e.$$typeof===h||e.$$typeof===m)},k.typeOf=g}()),k)),l.exports}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/function $(){if(d)return f;d=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;return f=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(r,o){for(var a,i,c=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(r),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))t.call(a,s)&&(c[s]=a[s]);if(e){i=e(a);for(var p=0;p<i.length;p++)n.call(a,i[p])&&(c[i[p]]=a[i[p]])}}return c},f}function j(){if(m)return y;m=1;return y="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function T(){return v?b:(v=1,b=Function.call.bind(Object.prototype.hasOwnProperty))}function C(){if(g)return h;g=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=j(),n={},r=T();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,a,i,c,l){if("production"!==process.env.NODE_ENV)for(var s in o)if(r(o,s)){var p;try{if("function"!=typeof o[s]){var u=Error((c||"React class")+": "+i+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}p=o[s](a,s,c,i,null,t)}catch(e){p=e}if(!p||p instanceof Error||e((c||"React class")+": type specification of "+i+" `"+s+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof p+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),p instanceof Error&&!(p.message in n)){n[p.message]=!0;var f=l?l():"";e("Failed "+i+" type: "+p.message+(null!=f?f:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(n={})},h=o}function P(){if(w)return E;w=1;var e=N(),t=$(),n=j(),r=T(),o=C(),a=function(){};function i(){return null}return"production"!==process.env.NODE_ENV&&(a=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),E=function(c,l){var s="function"==typeof Symbol&&Symbol.iterator;var p="<<anonymous>>",u={array:m("array"),bigint:m("bigint"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:y(i),arrayOf:function(e){return y(function(t,r,o,a,i){if("function"!=typeof e)return new d("Property `"+i+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var c=t[r];if(!Array.isArray(c))return new d("Invalid "+a+" `"+i+"` of type `"+h(c)+"` supplied to `"+o+"`, expected an array.");for(var l=0;l<c.length;l++){var s=e(c,l,o,a,i+"["+l+"]",n);if(s instanceof Error)return s}return null})},element:y(function(e,t,n,r,o){var a=e[t];return c(a)?null:new d("Invalid "+r+" `"+o+"` of type `"+h(a)+"` supplied to `"+n+"`, expected a single ReactElement.")}),elementType:y(function(t,n,r,o,a){var i=t[n];return e.isValidElementType(i)?null:new d("Invalid "+o+" `"+a+"` of type `"+h(i)+"` supplied to `"+r+"`, expected a single ReactElement type.")}),instanceOf:function(e){return y(function(t,n,r,o,a){if(!(t[n]instanceof e)){var i=e.name||p;return new d("Invalid "+o+" `"+a+"` of type `"+(((c=t[n]).constructor&&c.constructor.name?c.constructor.name:p)+"` supplied to `")+r+"`, expected instance of `"+i+"`.")}var c;return null})},node:y(function(e,t,n,r,o){return v(e[t])?null:new d("Invalid "+r+" `"+o+"` supplied to `"+n+"`, expected a ReactNode.")}),objectOf:function(e){return y(function(t,o,a,i,c){if("function"!=typeof e)return new d("Property `"+c+"` of component `"+a+"` has invalid PropType notation inside objectOf.");var l=t[o],s=h(l);if("object"!==s)return new d("Invalid "+i+" `"+c+"` of type `"+s+"` supplied to `"+a+"`, expected an object.");for(var p in l)if(r(l,p)){var u=e(l,p,a,i,c+"."+p,n);if(u instanceof Error)return u}return null})},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&a(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),i;return y(function(t,n,r,o,a){for(var i=t[n],c=0;c<e.length;c++)if(f(i,e[c]))return null;var l=JSON.stringify(e,function(e,t){return"symbol"===g(t)?String(t):t});return new d("Invalid "+o+" `"+a+"` of value `"+String(i)+"` supplied to `"+r+"`, expected one of "+l+".")})},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&a("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+E(o)+" at index "+t+"."),i}return y(function(t,o,a,i,c){for(var l=[],s=0;s<e.length;s++){var p=(0,e[s])(t,o,a,i,c,n);if(null==p)return null;p.data&&r(p.data,"expectedType")&&l.push(p.data.expectedType)}return new d("Invalid "+i+" `"+c+"` supplied to `"+a+"`"+(l.length>0?", expected one of type ["+l.join(", ")+"]":"")+".")})},shape:function(e){return y(function(t,r,o,a,i){var c=t[r],l=h(c);if("object"!==l)return new d("Invalid "+a+" `"+i+"` of type `"+l+"` supplied to `"+o+"`, expected `object`.");for(var s in e){var p=e[s];if("function"!=typeof p)return b(o,a,i,s,g(p));var u=p(c,s,o,a,i+"."+s,n);if(u)return u}return null})},exact:function(e){return y(function(o,a,i,c,l){var s=o[a],p=h(s);if("object"!==p)return new d("Invalid "+c+" `"+l+"` of type `"+p+"` supplied to `"+i+"`, expected `object`.");var u=t({},o[a],e);for(var f in u){var y=e[f];if(r(e,f)&&"function"!=typeof y)return b(i,c,l,f,g(y));if(!y)return new d("Invalid "+c+" `"+l+"` key `"+f+"` supplied to `"+i+"`.\nBad object: "+JSON.stringify(o[a],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=y(s,f,i,c,l+"."+f,n);if(m)return m}return null})}};function f(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function d(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function y(e){if("production"!==process.env.NODE_ENV)var t={},r=0;function o(o,i,c,s,u,f,y){if(s=s||p,f=f||c,y!==n){if(l){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var b=s+":"+c;!t[b]&&r<3&&(a("You are manually calling a React.PropTypes validation function for the `"+f+"` prop on `"+s+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[b]=!0,r++)}}return null==i[c]?o?null===i[c]?new d("The "+u+" `"+f+"` is marked as required in `"+s+"`, but its value is `null`."):new d("The "+u+" `"+f+"` is marked as required in `"+s+"`, but its value is `undefined`."):null:e(i,c,s,u,f)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function m(e){return y(function(t,n,r,o,a,i){var c=t[n];return h(c)!==e?new d("Invalid "+o+" `"+a+"` of type `"+g(c)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null})}function b(e,t,n,r,o){return new d((e||"React class")+": "+t+" type `"+n+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function v(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(v);if(null===e||c(e))return!0;var t=function(e){var t=e&&(s&&e[s]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var n,r=t.call(e);if(t!==e.entries){for(;!(n=r.next()).done;)if(!v(n.value))return!1}else for(;!(n=r.next()).done;){var o=n.value;if(o&&!v(o[1]))return!1}return!0;default:return!1}}function h(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function g(e){if(null==e)return""+e;var t=h(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function E(e){var t=g(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return d.prototype=Error.prototype,u.checkPropTypes=o,u.resetWarningCache=o.resetWarningCache,u.PropTypes=u,u},E}function _(){if(O)return x;O=1;var e=j();function t(){}function n(){}return n.resetWarningCache=t,x=function(){function r(t,n,r,o,a,i){if(i!==e){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function o(){return r}r.isRequired=r;var a={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:o,element:r,elementType:r,instanceOf:o,node:r,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:n,resetWarningCache:t};return a.PropTypes=a,a}}function I(){if(S)return c.exports;if(S=1,"production"!==process.env.NODE_ENV){var e=N();c.exports=P()(e.isElement,true)}else c.exports=_()();return c.exports}var R=a(I());function M({label:t,icon:n,loading:r=!1,disabled:a=!1,variant:i="primary",type:c="button",...l}){const s=!!t,p=!t&&n;return e.createElement("button",o({type:c,className:`btn btn-${i} d-flex align-items-center justify-center gap-2 ${p?"p-2":""}`,disabled:a||r},l),r&&e.createElement("span",{className:"custom-spinner"}),n&&e.createElement("span",{className:"px-2"},n),s&&e.createElement("span",null,t),e.createElement("style",{jsx:!0},"\n        .custom-spinner {\n          display: inline-block;\n          width: 1rem;\n          height: 1rem;\n          border: 2px solid rgba(255, 255, 255, 0.3);\n          border-top-color: white;\n          border-radius: 50%;\n          animation: spin 0.6s linear infinite;\n        }\n\n        @keyframes spin {\n          to {\n            transform: rotate(360deg);\n          }\n        }\n      "))}M.propTypes={label:R.oneOfType([R.string,R.node]),icon:R.node,loading:R.bool,disabled:R.bool,variant:R.oneOf(["primary","secondary","outline-primary","outline-secondary","success","danger","warning","info","light","dark"]),type:R.oneOf(["button","submit","reset"])};const A=({title:t,children:n,isOpen:r,onToggle:o,index:a,id:i,className:c="","data-testid":l})=>{const s=i||`collapse-${a}`,p=`heading-${a}`;return e.createElement(e.Fragment,null,e.createElement("div",{className:`accordion-item pc-accordion-item pb-0 mb-2 ${c}`.trim(),"data-testid":l},e.createElement("h2",{className:"accordion-header",id:p},e.createElement("button",{className:"accordion-button "+(r?"":"collapsed"),type:"button",onClick:o,"aria-expanded":r,"aria-controls":s},"string"==typeof t?e.createElement("span",{dangerouslySetInnerHTML:{__html:t}}):t)),e.createElement("div",{id:s,className:"accordion-collapse collapse "+(r?"show":""),"aria-labelledby":p},e.createElement("div",{className:"accordion-body"},n))),e.createElement("style",{jsx:!0},"\n    .pc-accordion-item,.pc-accordion-item:first-of-type,.pc-accordion-item:last-of-type{\n        border-radius:10px;\n        border:1px solid var(--kt-input-border-color);\n        overflow:hidden;\n        background-color:var(--kt-card-bg)\n    }\n    "))},V=({children:n,singleOpen:r=!0,id:o,className:a="","data-testid":i})=>{const[c,l]=t([]),s=e.Children.map(n,(t,n)=>{if(e.isValidElement(t)){const o=c.includes(n)||!c.length&&t.props.OpenByDefault;return e.cloneElement(t,{index:n,isOpen:o,onToggle:()=>((e,t,n)=>{l(o=>{const a=o.includes(e);let i;return i=r?a?[]:[e]:a?o.filter(t=>t!==e):[...o,e],!a&&t&&t(),a&&n&&n(),i})})(n,t.props.onOpen,t.props.onClose)})}return t});return e.createElement(e.Fragment,null,e.createElement("div",{className:`pc-accordion accordion ${a}`.trim(),id:o||"pcaccordionWrapper","data-testid":i},s),e.createElement("style",{jsx:!0},"\n    .pc-accordion{;\n    }\n    "))},D=({options:o=[],placeholder:a="Select...",onChange:i,isInvalid:c=!1,errMsg:l="",id:s,name:p,dataTestId:u,enableSearch:f=!1})=>{const[d,y]=t(!1),[m,b]=t(null),[v,h]=t(""),g=n(null),E=n(null);r(()=>{const e=e=>{g.current&&!g.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const w=o.filter(e=>e.label.toLowerCase().includes(v.toLowerCase()));return e.createElement("div",{className:"position-relative w-100",ref:g},e.createElement("div",{className:"dropdown"},e.createElement("button",{type:"button",ref:E,className:"form-select pc-ele-border text-start "+(c?"invalid":""),onClick:()=>y(e=>!e),id:s,name:p,"data-testid":u},m?.label||a),d&&e.createElement("div",{className:"slc-dropdown-options-wrp show w-100 pc-ele-border position-absolute top-100 start-0 z-index-2",style:{maxHeight:300}},f&&e.createElement("div",{className:"mb-2 px-3 py-2 border-bottom"},e.createElement("input",{type:"text",className:"form-control pc-select-opt-input",placeholder:"Search...",value:v,onChange:e=>h(e.target.value)})),w.length>0?w.map((t,n)=>e.createElement("span",{key:n,className:"pc-select-opt d-block w-100 py-3 px-4",type:"button",onClick:()=>(e=>{b(e),y(!1),i?.(p,e)})(t)},t.label)):e.createElement("div",{className:"text-muted px-2"},"No results found"))),c&&l&&e.createElement("div",{className:"d-block position-absolute w-100 mt-1 pc-err-txt",style:{top:"100%"}},l),e.createElement("style",{jsx:!0},"\n        .slc-dropdown-options-wrp {\n          border-radius: 0.375rem;\n          background-color: var(--kt-dropdown-bg);\n        }\n        .pc-select-opt:hover {\n          background-color: var(--kt-input-solid-bg);\n        }\n        .pc-select-opt-input {\n          margin-top: 3px;\n        }\n        .pc-select-opt {\n          color: var(--kt-form-check-label-color-checked);\n        }\n        .pc-ele-border {\n          border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);\n      }\n      .pc-ele-border.invalid{\n        border-color: var(--kt-danger);\n        }\n      .pc-err-txt {\n      color: var(--kt-danger);\n      }\n      "))};D.propTypes={options:R.arrayOf(R.shape({label:R.string,value:R.any})).isRequired,placeholder:R.string,onChange:R.func,isInvalid:R.bool,errMsg:R.string,id:R.string,name:R.string,dataTestId:R.string,enableSearch:R.bool};const F=({placement:e="top",caption:t,children:n,customStyles:r,visibility:o=!0})=>React.createElement(React.Fragment,null,React.createElement("div",{className:` tooltip-wrapper tooltip-${e}`,tabIndex:"0"},n,o&&React.createElement("div",{className:`tooltip-content shadow-sm  ${r}`,role:"tooltip"},t)),React.createElement("style",{jsx:!0},`\n        .tooltip-wrapper {\n          position: relative;\n          display: inline-block;\n          cursor: pointer;\n        }\n\n        .tooltip-content {\n          position: absolute;\n          z-index: 999;\n          background-color: var(--kt-secondary);\n          color: var(--kt-secondary-inverse);\n          padding: 4px 8px;\n          border-radius: 0.375rem;\n          font-size: 0.9rem;\n          line-height: 1.2;\n          text-wrap: nowrap;\n          white-space: ${r?"normal":"nowrap"};\n          visibility: hidden;\n          opacity: 0;\n          transition: opacity 0.2s ease-in-out;\n          pointer-events: none;\n          border: 1px rgba(0, 0, 0, 0.82);\n        }\n\n        .tooltip-wrapper:hover .tooltip-content,\n        .tooltip-wrapper:focus-within .tooltip-content {\n          visibility: visible;\n          opacity: 1;\n        }\n\n        .tooltip-content::after {\n          content: "";\n          position: absolute;\n          border-style: solid;\n        }\n\n        /* Top */\n        .tooltip-top .tooltip-content {\n          bottom: 125%;\n          left: 50%;\n          transform: translateX(-50%);\n        }\n\n        .tooltip-top .tooltip-content::after {\n          top: 100%;\n          left: 50%;\n          margin-left: -5px;\n          border-width: 5px;\n          border-color: var(--kt-secondary) transparent transparent transparent;\n        }\n\n        /* Bottom */\n        .tooltip-bottom .tooltip-content {\n          top: 125%;\n          left: 50%;\n          transform: translateX(-50%);\n        }\n\n        .tooltip-bottom .tooltip-content::after {\n          bottom: 100%;\n          left: 50%;\n          margin-left: -5px;\n          border-width: 5px;\n          border-color: transparent transparent var(--kt-secondary) transparent;\n        }\n\n        /* Left */\n        .tooltip-left .tooltip-content {\n          right: 125%;\n          top: 50%;\n          transform: translateY(-50%);\n        }\n\n        .tooltip-left .tooltip-content::after {\n          top: 50%;\n          left: 100%;\n          margin-top: -5px;\n          border-width: 5px;\n          border-color: transparent transparent transparent var(--kt-secondary);\n        }\n\n        /* Right */\n        .tooltip-right .tooltip-content {\n          left: 125%;\n          top: 50%;\n          transform: translateY(-50%);\n        }\n\n        .tooltip-right .tooltip-content::after {\n          top: 50%;\n          right: 100%;\n          margin-top: -5px;\n          border-width: 5px;\n          border-color: transparent var(--kt-secondary) transparent transparent;\n        }\n      `));F.propTypes={placement:R.oneOf(["top","bottom","left","right"]),caption:R.string.isRequired,children:R.node.isRequired};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".pc-table tr {\r\n    border-bottom-width: 1px;\r\n    border-bottom-style: dashed;\r\n    border-bottom-color: var(--kt-border-color);\r\n}\r\n.pc-table>:not(:last-child)>:last-child>*\r\n {\r\n    border-bottom-color: inherit;\r\n}\r\n\r\n.pc-table.table.gy-3 td, .pc-table.table.gy-3 th {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem;\r\n}\r\n .pc-table.table.gy-3 th {\r\n    font-weight: 600;\r\n}\r\n.pc-table >:not(:first-child) {\r\n    border-color: transparent;\r\n    border-width: 0;\r\n    border-style: none;\r\n}\r\n.pc-table td:last-child, .pc-table th:last-child {\r\n    padding-right: 1rem;\r\n}\r\n.pc-table.table-hover>tbody>tr:hover>* {\r\n    background-color: var(--bs-table-hover-bg);\r\n    color: var(--bs-table-hover-color);\r\n}");const L=({value:t=[],columns:n=[],style:r={},caption:o,header:a,footer:i,children:c})=>{const l=n?.length>0,s=e.Children.toArray(c).some(t=>e.isValidElement(t)&&"tbody"===t.type),p=!l&&e.Children.count(c)>0;return e.createElement("div",{className:"table-responsive"},o&&e.createElement("div",{className:"mb-2"},o),e.createElement("table",{className:"table pc-table align-middle table-row-dashed fs-6 gy-3 mb-0 dataTable no-footer table-hover gs-4",style:r},l?e.createElement("thead",null,e.createElement("tr",null,n.map((t,n)=>e.createElement("th",{key:n},t.header)))):a&&e.createElement("thead",null,a),l&&e.createElement("tbody",null,t.map((t,r)=>e.createElement("tr",{key:r},n.map((n,r)=>e.createElement("td",{key:r},e.createElement("div",{className:"py-2"},t[n.field])))))),p&&!s&&e.createElement("tbody",null,c),p&&s&&c,i&&e.createElement("tfoot",null,i)))};export{A as AccordionItem,V as PCAccordionWrapper,M as PCButton,D as PCSelectDropdown,L as PCTable,F as PCTooltip};

package/dist/index.js

@@ -1 +1,14 @@
-"use strict";var r=require("react");function n(){return n=Object.assign?Object.assign.bind():function(r){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)({}).hasOwnProperty.call(t,e)&&(r[e]=t[e])}return r},n.apply(null,arguments)}exports.Button=function({children:t,...e}){return r.createElement("button",n({style:{padding:"10px",backgroundColor:"#ff0000",color:"#fff"}},e),t)};
+"use strict";var e=require("react");function t(){return t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t.apply(null,arguments)}function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r,o={exports:{}},a={exports:{}},i={};var c,l,s,p,u,f,d,y,m,b,v,h,g,E,w,x={};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */function S(){return l||(l=1,"production"===process.env.NODE_ENV?a.exports=function(){if(r)return i;r=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,c=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,p=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,y=e?Symbol.for("react.suspense_list"):60120,m=e?Symbol.for("react.memo"):60115,b=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,h=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,E=e?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case t:switch(e=e.type){case p:case u:case o:case c:case a:case d:return e;default:switch(e=e&&e.$$typeof){case s:case f:case b:case m:case l:return e;default:return r}}case n:return r}}}function x(e){return w(e)===u}return i.AsyncMode=p,i.ConcurrentMode=u,i.ContextConsumer=s,i.ContextProvider=l,i.Element=t,i.ForwardRef=f,i.Fragment=o,i.Lazy=b,i.Memo=m,i.Portal=n,i.Profiler=c,i.StrictMode=a,i.Suspense=d,i.isAsyncMode=function(e){return x(e)||w(e)===p},i.isConcurrentMode=x,i.isContextConsumer=function(e){return w(e)===s},i.isContextProvider=function(e){return w(e)===l},i.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},i.isForwardRef=function(e){return w(e)===f},i.isFragment=function(e){return w(e)===o},i.isLazy=function(e){return w(e)===b},i.isMemo=function(e){return w(e)===m},i.isPortal=function(e){return w(e)===n},i.isProfiler=function(e){return w(e)===c},i.isStrictMode=function(e){return w(e)===a},i.isSuspense=function(e){return w(e)===d},i.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===u||e===c||e===a||e===d||e===y||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===m||e.$$typeof===l||e.$$typeof===s||e.$$typeof===f||e.$$typeof===h||e.$$typeof===g||e.$$typeof===E||e.$$typeof===v)},i.typeOf=w,i}():a.exports=(c||(c=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,y=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,b=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,h=e?Symbol.for("react.scope"):60119;function g(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:var m=e.type;switch(m){case l:case s:case r:case a:case o:case u:return m;default:var b=m&&m.$$typeof;switch(b){case c:case p:case y:case d:case i:return b;default:return f}}case n:return f}}}var E=l,w=s,S=c,O=i,k=t,N=p,$=r,T=y,j=d,C=n,P=a,_=o,I=u,R=!1;function A(e){return g(e)===s}x.AsyncMode=E,x.ConcurrentMode=w,x.ContextConsumer=S,x.ContextProvider=O,x.Element=k,x.ForwardRef=N,x.Fragment=$,x.Lazy=T,x.Memo=j,x.Portal=C,x.Profiler=P,x.StrictMode=_,x.Suspense=I,x.isAsyncMode=function(e){return R||(R=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),A(e)||g(e)===l},x.isConcurrentMode=A,x.isContextConsumer=function(e){return g(e)===c},x.isContextProvider=function(e){return g(e)===i},x.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},x.isForwardRef=function(e){return g(e)===p},x.isFragment=function(e){return g(e)===r},x.isLazy=function(e){return g(e)===y},x.isMemo=function(e){return g(e)===d},x.isPortal=function(e){return g(e)===n},x.isProfiler=function(e){return g(e)===a},x.isStrictMode=function(e){return g(e)===o},x.isSuspense=function(e){return g(e)===u},x.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===s||e===a||e===o||e===u||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===d||e.$$typeof===i||e.$$typeof===c||e.$$typeof===p||e.$$typeof===b||e.$$typeof===v||e.$$typeof===h||e.$$typeof===m)},x.typeOf=g}()),x)),a.exports}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/function O(){if(p)return s;p=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;return s=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(r,o){for(var a,i,c=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(r),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))t.call(a,s)&&(c[s]=a[s]);if(e){i=e(a);for(var p=0;p<i.length;p++)n.call(a,i[p])&&(c[i[p]]=a[i[p]])}}return c},s}function k(){if(f)return u;f=1;return u="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function N(){return y?d:(y=1,d=Function.call.bind(Object.prototype.hasOwnProperty))}function $(){if(b)return m;b=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=k(),n={},r=N();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,a,i,c,l){if("production"!==process.env.NODE_ENV)for(var s in o)if(r(o,s)){var p;try{if("function"!=typeof o[s]){var u=Error((c||"React class")+": "+i+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}p=o[s](a,s,c,i,null,t)}catch(e){p=e}if(!p||p instanceof Error||e((c||"React class")+": type specification of "+i+" `"+s+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof p+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),p instanceof Error&&!(p.message in n)){n[p.message]=!0;var f=l?l():"";e("Failed "+i+" type: "+p.message+(null!=f?f:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(n={})},m=o}function T(){if(h)return v;h=1;var e=S(),t=O(),n=k(),r=N(),o=$(),a=function(){};function i(){return null}return"production"!==process.env.NODE_ENV&&(a=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),v=function(c,l){var s="function"==typeof Symbol&&Symbol.iterator;var p="<<anonymous>>",u={array:m("array"),bigint:m("bigint"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:y(i),arrayOf:function(e){return y(function(t,r,o,a,i){if("function"!=typeof e)return new d("Property `"+i+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var c=t[r];if(!Array.isArray(c))return new d("Invalid "+a+" `"+i+"` of type `"+h(c)+"` supplied to `"+o+"`, expected an array.");for(var l=0;l<c.length;l++){var s=e(c,l,o,a,i+"["+l+"]",n);if(s instanceof Error)return s}return null})},element:y(function(e,t,n,r,o){var a=e[t];return c(a)?null:new d("Invalid "+r+" `"+o+"` of type `"+h(a)+"` supplied to `"+n+"`, expected a single ReactElement.")}),elementType:y(function(t,n,r,o,a){var i=t[n];return e.isValidElementType(i)?null:new d("Invalid "+o+" `"+a+"` of type `"+h(i)+"` supplied to `"+r+"`, expected a single ReactElement type.")}),instanceOf:function(e){return y(function(t,n,r,o,a){if(!(t[n]instanceof e)){var i=e.name||p;return new d("Invalid "+o+" `"+a+"` of type `"+(((c=t[n]).constructor&&c.constructor.name?c.constructor.name:p)+"` supplied to `")+r+"`, expected instance of `"+i+"`.")}var c;return null})},node:y(function(e,t,n,r,o){return v(e[t])?null:new d("Invalid "+r+" `"+o+"` supplied to `"+n+"`, expected a ReactNode.")}),objectOf:function(e){return y(function(t,o,a,i,c){if("function"!=typeof e)return new d("Property `"+c+"` of component `"+a+"` has invalid PropType notation inside objectOf.");var l=t[o],s=h(l);if("object"!==s)return new d("Invalid "+i+" `"+c+"` of type `"+s+"` supplied to `"+a+"`, expected an object.");for(var p in l)if(r(l,p)){var u=e(l,p,a,i,c+"."+p,n);if(u instanceof Error)return u}return null})},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&a(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),i;return y(function(t,n,r,o,a){for(var i=t[n],c=0;c<e.length;c++)if(f(i,e[c]))return null;var l=JSON.stringify(e,function(e,t){return"symbol"===g(t)?String(t):t});return new d("Invalid "+o+" `"+a+"` of value `"+String(i)+"` supplied to `"+r+"`, expected one of "+l+".")})},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&a("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+E(o)+" at index "+t+"."),i}return y(function(t,o,a,i,c){for(var l=[],s=0;s<e.length;s++){var p=(0,e[s])(t,o,a,i,c,n);if(null==p)return null;p.data&&r(p.data,"expectedType")&&l.push(p.data.expectedType)}return new d("Invalid "+i+" `"+c+"` supplied to `"+a+"`"+(l.length>0?", expected one of type ["+l.join(", ")+"]":"")+".")})},shape:function(e){return y(function(t,r,o,a,i){var c=t[r],l=h(c);if("object"!==l)return new d("Invalid "+a+" `"+i+"` of type `"+l+"` supplied to `"+o+"`, expected `object`.");for(var s in e){var p=e[s];if("function"!=typeof p)return b(o,a,i,s,g(p));var u=p(c,s,o,a,i+"."+s,n);if(u)return u}return null})},exact:function(e){return y(function(o,a,i,c,l){var s=o[a],p=h(s);if("object"!==p)return new d("Invalid "+c+" `"+l+"` of type `"+p+"` supplied to `"+i+"`, expected `object`.");var u=t({},o[a],e);for(var f in u){var y=e[f];if(r(e,f)&&"function"!=typeof y)return b(i,c,l,f,g(y));if(!y)return new d("Invalid "+c+" `"+l+"` key `"+f+"` supplied to `"+i+"`.\nBad object: "+JSON.stringify(o[a],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=y(s,f,i,c,l+"."+f,n);if(m)return m}return null})}};function f(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function d(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function y(e){if("production"!==process.env.NODE_ENV)var t={},r=0;function o(o,i,c,s,u,f,y){if(s=s||p,f=f||c,y!==n){if(l){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var b=s+":"+c;!t[b]&&r<3&&(a("You are manually calling a React.PropTypes validation function for the `"+f+"` prop on `"+s+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[b]=!0,r++)}}return null==i[c]?o?null===i[c]?new d("The "+u+" `"+f+"` is marked as required in `"+s+"`, but its value is `null`."):new d("The "+u+" `"+f+"` is marked as required in `"+s+"`, but its value is `undefined`."):null:e(i,c,s,u,f)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function m(e){return y(function(t,n,r,o,a,i){var c=t[n];return h(c)!==e?new d("Invalid "+o+" `"+a+"` of type `"+g(c)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null})}function b(e,t,n,r,o){return new d((e||"React class")+": "+t+" type `"+n+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function v(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(v);if(null===e||c(e))return!0;var t=function(e){var t=e&&(s&&e[s]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var n,r=t.call(e);if(t!==e.entries){for(;!(n=r.next()).done;)if(!v(n.value))return!1}else for(;!(n=r.next()).done;){var o=n.value;if(o&&!v(o[1]))return!1}return!0;default:return!1}}function h(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function g(e){if(null==e)return""+e;var t=h(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function E(e){var t=g(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return d.prototype=Error.prototype,u.checkPropTypes=o,u.resetWarningCache=o.resetWarningCache,u.PropTypes=u,u},v}function j(){if(E)return g;E=1;var e=k();function t(){}function n(){}return n.resetWarningCache=t,g=function(){function r(t,n,r,o,a,i){if(i!==e){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function o(){return r}r.isRequired=r;var a={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:o,element:r,elementType:r,instanceOf:o,node:r,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:n,resetWarningCache:t};return a.PropTypes=a,a}}function C(){if(w)return o.exports;if(w=1,"production"!==process.env.NODE_ENV){var e=S();o.exports=T()(e.isElement,true)}else o.exports=j()();return o.exports}var P=n(C());function _({label:n,icon:r,loading:o=!1,disabled:a=!1,variant:i="primary",type:c="button",...l}){const s=!!n,p=!n&&r;return e.createElement("button",t({type:c,className:`btn btn-${i} d-flex align-items-center justify-center gap-2 ${p?"p-2":""}`,disabled:a||o},l),o&&e.createElement("span",{className:"custom-spinner"}),r&&e.createElement("span",{className:"px-2"},r),s&&e.createElement("span",null,n),e.createElement("style",{jsx:!0},"\n        .custom-spinner {\n          display: inline-block;\n          width: 1rem;\n          height: 1rem;\n          border: 2px solid rgba(255, 255, 255, 0.3);\n          border-top-color: white;\n          border-radius: 50%;\n          animation: spin 0.6s linear infinite;\n        }\n\n        @keyframes spin {\n          to {\n            transform: rotate(360deg);\n          }\n        }\n      "))}_.propTypes={label:P.oneOfType([P.string,P.node]),icon:P.node,loading:P.bool,disabled:P.bool,variant:P.oneOf(["primary","secondary","outline-primary","outline-secondary","success","danger","warning","info","light","dark"]),type:P.oneOf(["button","submit","reset"])};const I=({options:t=[],placeholder:n="Select...",onChange:r,isInvalid:o=!1,errMsg:a="",id:i,name:c,dataTestId:l,enableSearch:s=!1})=>{const[p,u]=e.useState(!1),[f,d]=e.useState(null),[y,m]=e.useState(""),b=e.useRef(null),v=e.useRef(null);e.useEffect(()=>{const e=e=>{b.current&&!b.current.contains(e.target)&&u(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const h=t.filter(e=>e.label.toLowerCase().includes(y.toLowerCase()));return e.createElement("div",{className:"position-relative w-100",ref:b},e.createElement("div",{className:"dropdown"},e.createElement("button",{type:"button",ref:v,className:"form-select pc-ele-border text-start "+(o?"invalid":""),onClick:()=>u(e=>!e),id:i,name:c,"data-testid":l},f?.label||n),p&&e.createElement("div",{className:"slc-dropdown-options-wrp show w-100 pc-ele-border position-absolute top-100 start-0 z-index-2",style:{maxHeight:300}},s&&e.createElement("div",{className:"mb-2 px-3 py-2 border-bottom"},e.createElement("input",{type:"text",className:"form-control pc-select-opt-input",placeholder:"Search...",value:y,onChange:e=>m(e.target.value)})),h.length>0?h.map((t,n)=>e.createElement("span",{key:n,className:"pc-select-opt d-block w-100 py-3 px-4",type:"button",onClick:()=>(e=>{d(e),u(!1),r?.(c,e)})(t)},t.label)):e.createElement("div",{className:"text-muted px-2"},"No results found"))),o&&a&&e.createElement("div",{className:"d-block position-absolute w-100 mt-1 pc-err-txt",style:{top:"100%"}},a),e.createElement("style",{jsx:!0},"\n        .slc-dropdown-options-wrp {\n          border-radius: 0.375rem;\n          background-color: var(--kt-dropdown-bg);\n        }\n        .pc-select-opt:hover {\n          background-color: var(--kt-input-solid-bg);\n        }\n        .pc-select-opt-input {\n          margin-top: 3px;\n        }\n        .pc-select-opt {\n          color: var(--kt-form-check-label-color-checked);\n        }\n        .pc-ele-border {\n          border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);\n      }\n      .pc-ele-border.invalid{\n        border-color: var(--kt-danger);\n        }\n      .pc-err-txt {\n      color: var(--kt-danger);\n      }\n      "))};I.propTypes={options:P.arrayOf(P.shape({label:P.string,value:P.any})).isRequired,placeholder:P.string,onChange:P.func,isInvalid:P.bool,errMsg:P.string,id:P.string,name:P.string,dataTestId:P.string,enableSearch:P.bool};const R=({placement:e="top",caption:t,children:n,customStyles:r,visibility:o=!0})=>React.createElement(React.Fragment,null,React.createElement("div",{className:` tooltip-wrapper tooltip-${e}`,tabIndex:"0"},n,o&&React.createElement("div",{className:`tooltip-content shadow-sm  ${r}`,role:"tooltip"},t)),React.createElement("style",{jsx:!0},`\n        .tooltip-wrapper {\n          position: relative;\n          display: inline-block;\n          cursor: pointer;\n        }\n\n        .tooltip-content {\n          position: absolute;\n          z-index: 999;\n          background-color: var(--kt-secondary);\n          color: var(--kt-secondary-inverse);\n          padding: 4px 8px;\n          border-radius: 0.375rem;\n          font-size: 0.9rem;\n          line-height: 1.2;\n          text-wrap: nowrap;\n          white-space: ${r?"normal":"nowrap"};\n          visibility: hidden;\n          opacity: 0;\n          transition: opacity 0.2s ease-in-out;\n          pointer-events: none;\n          border: 1px rgba(0, 0, 0, 0.82);\n        }\n\n        .tooltip-wrapper:hover .tooltip-content,\n        .tooltip-wrapper:focus-within .tooltip-content {\n          visibility: visible;\n          opacity: 1;\n        }\n\n        .tooltip-content::after {\n          content: "";\n          position: absolute;\n          border-style: solid;\n        }\n\n        /* Top */\n        .tooltip-top .tooltip-content {\n          bottom: 125%;\n          left: 50%;\n          transform: translateX(-50%);\n        }\n\n        .tooltip-top .tooltip-content::after {\n          top: 100%;\n          left: 50%;\n          margin-left: -5px;\n          border-width: 5px;\n          border-color: var(--kt-secondary) transparent transparent transparent;\n        }\n\n        /* Bottom */\n        .tooltip-bottom .tooltip-content {\n          top: 125%;\n          left: 50%;\n          transform: translateX(-50%);\n        }\n\n        .tooltip-bottom .tooltip-content::after {\n          bottom: 100%;\n          left: 50%;\n          margin-left: -5px;\n          border-width: 5px;\n          border-color: transparent transparent var(--kt-secondary) transparent;\n        }\n\n        /* Left */\n        .tooltip-left .tooltip-content {\n          right: 125%;\n          top: 50%;\n          transform: translateY(-50%);\n        }\n\n        .tooltip-left .tooltip-content::after {\n          top: 50%;\n          left: 100%;\n          margin-top: -5px;\n          border-width: 5px;\n          border-color: transparent transparent transparent var(--kt-secondary);\n        }\n\n        /* Right */\n        .tooltip-right .tooltip-content {\n          left: 125%;\n          top: 50%;\n          transform: translateY(-50%);\n        }\n\n        .tooltip-right .tooltip-content::after {\n          top: 50%;\n          right: 100%;\n          margin-top: -5px;\n          border-width: 5px;\n          border-color: transparent var(--kt-secondary) transparent transparent;\n        }\n      `));R.propTypes={placement:P.oneOf(["top","bottom","left","right"]),caption:P.string.isRequired,children:P.node.isRequired};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".pc-table tr {\r\n    border-bottom-width: 1px;\r\n    border-bottom-style: dashed;\r\n    border-bottom-color: var(--kt-border-color);\r\n}\r\n.pc-table>:not(:last-child)>:last-child>*\r\n {\r\n    border-bottom-color: inherit;\r\n}\r\n\r\n.pc-table.table.gy-3 td, .pc-table.table.gy-3 th {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem;\r\n}\r\n .pc-table.table.gy-3 th {\r\n    font-weight: 600;\r\n}\r\n.pc-table >:not(:first-child) {\r\n    border-color: transparent;\r\n    border-width: 0;\r\n    border-style: none;\r\n}\r\n.pc-table td:last-child, .pc-table th:last-child {\r\n    padding-right: 1rem;\r\n}\r\n.pc-table.table-hover>tbody>tr:hover>* {\r\n    background-color: var(--bs-table-hover-bg);\r\n    color: var(--bs-table-hover-color);\r\n}");exports.AccordionItem=({title:t,children:n,isOpen:r,onToggle:o,index:a,id:i,className:c="","data-testid":l})=>{const s=i||`collapse-${a}`,p=`heading-${a}`;return e.createElement(e.Fragment,null,e.createElement("div",{className:`accordion-item pc-accordion-item pb-0 mb-2 ${c}`.trim(),"data-testid":l},e.createElement("h2",{className:"accordion-header",id:p},e.createElement("button",{className:"accordion-button "+(r?"":"collapsed"),type:"button",onClick:o,"aria-expanded":r,"aria-controls":s},"string"==typeof t?e.createElement("span",{dangerouslySetInnerHTML:{__html:t}}):t)),e.createElement("div",{id:s,className:"accordion-collapse collapse "+(r?"show":""),"aria-labelledby":p},e.createElement("div",{className:"accordion-body"},n))),e.createElement("style",{jsx:!0},"\n    .pc-accordion-item,.pc-accordion-item:first-of-type,.pc-accordion-item:last-of-type{\n        border-radius:10px;\n        border:1px solid var(--kt-input-border-color);\n        overflow:hidden;\n        background-color:var(--kt-card-bg)\n    }\n    "))},exports.PCAccordionWrapper=({children:t,singleOpen:n=!0,id:r,className:o="","data-testid":a})=>{const[i,c]=e.useState([]),l=e.Children.map(t,(t,r)=>{if(e.isValidElement(t)){const o=i.includes(r)||!i.length&&t.props.OpenByDefault;return e.cloneElement(t,{index:r,isOpen:o,onToggle:()=>((e,t,r)=>{c(o=>{const a=o.includes(e);let i;return i=n?a?[]:[e]:a?o.filter(t=>t!==e):[...o,e],!a&&t&&t(),a&&r&&r(),i})})(r,t.props.onOpen,t.props.onClose)})}return t});return e.createElement(e.Fragment,null,e.createElement("div",{className:`pc-accordion accordion ${o}`.trim(),id:r||"pcaccordionWrapper","data-testid":a},l),e.createElement("style",{jsx:!0},"\n    .pc-accordion{;\n    }\n    "))},exports.PCButton=_,exports.PCSelectDropdown=I,exports.PCTable=({value:t=[],columns:n=[],style:r={},caption:o,header:a,footer:i,children:c})=>{const l=n?.length>0,s=e.Children.toArray(c).some(t=>e.isValidElement(t)&&"tbody"===t.type),p=!l&&e.Children.count(c)>0;return e.createElement("div",{className:"table-responsive"},o&&e.createElement("div",{className:"mb-2"},o),e.createElement("table",{className:"table pc-table align-middle table-row-dashed fs-6 gy-3 mb-0 dataTable no-footer table-hover gs-4",style:r},l?e.createElement("thead",null,e.createElement("tr",null,n.map((t,n)=>e.createElement("th",{key:n},t.header)))):a&&e.createElement("thead",null,a),l&&e.createElement("tbody",null,t.map((t,r)=>e.createElement("tr",{key:r},n.map((n,r)=>e.createElement("td",{key:r},e.createElement("div",{className:"py-2"},t[n.field])))))),p&&!s&&e.createElement("tbody",null,c),p&&s&&c,i&&e.createElement("tfoot",null,i)))},exports.PCTooltip=R;

package/package.json

@@ -1,43 +1,55 @@
-{
-  "name": "peercore-ui-library",
-  "version": "1.0.1",
-  "description": "Shared React UI components for PeerCore apps",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
-  "files": [
-    "dist"
-  ],
-  "keywords": [
-    "react",
-    "nextjs",
-    "ui",
-    "components",
-    "peer-core",
-    "shared",
-    "library"
-  ],
-  "author": "Sadith PeerCore",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/your-username/peercore-ui-library.git"
-  },
-  "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
-  },
-  "scripts": {
-    "build": "rollup -c"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.27.4",
-    "@babel/preset-react": "^7.27.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "rollup": "^4.44.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2"
-  }
-}
+{
+  "name": "peercore-ui-library",
+  "version": "1.0.5",
+  "description": "Shared React UI components for PeerCore apps",
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "react",
+    "nextjs",
+    "ui",
+    "components",
+    "peer-core",
+    "shared",
+    "library"
+  ],
+  "author": "Sadith PeerCore",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-username/peercore-ui-library.git"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.27.4",
+    "@babel/preset-react": "^7.27.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@storybook/addon-actions": "^9.0.8",
+    "@storybook/addon-docs": "^9.0.12",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/react-webpack5": "^9.0.12",
+    "prop-types": "^15.8.1",
+    "rollup": "^4.44.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^9.0.12"
+  },
+  "dependencies": {
+    "bootstrap": "^5.3.7",
+    "react-icons": "^5.5.0"
+  }
+}