@ballistix.digital/react-components 0.3.4 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +7 -0
- package/dist/index.esm.js +23 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +60 -42
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -6,9 +6,10 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
6
6
|
var solid = require('@heroicons/react/20/solid');
|
|
7
7
|
var lodash = require('lodash');
|
|
8
8
|
var get = require('lodash/get');
|
|
9
|
-
var
|
|
9
|
+
var n = require('react');
|
|
10
10
|
var react = require('@headlessui/react');
|
|
11
11
|
var reactFontawesome = require('@fortawesome/react-fontawesome');
|
|
12
|
+
var reactDom = require('react-dom');
|
|
12
13
|
var outline$2 = require('@heroicons/react/24/outline');
|
|
13
14
|
var reactTable = require('@tanstack/react-table');
|
|
14
15
|
var dateFns = require('date-fns');
|
|
@@ -17,7 +18,7 @@ var set = require('lodash/set');
|
|
|
17
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
19
|
|
|
19
20
|
var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
|
|
20
|
-
var
|
|
21
|
+
var n__default = /*#__PURE__*/_interopDefaultLegacy(n);
|
|
21
22
|
var set__default = /*#__PURE__*/_interopDefaultLegacy(set);
|
|
22
23
|
|
|
23
24
|
/******************************************************************************
|
|
@@ -422,7 +423,7 @@ var ButtonGroupElement = function (props) {
|
|
|
422
423
|
return result;
|
|
423
424
|
};
|
|
424
425
|
var styles = handleGenerateStyle();
|
|
425
|
-
return (jsxRuntime.jsx("span", __assign({ className: styles.container }, { children:
|
|
426
|
+
return (jsxRuntime.jsx("span", __assign({ className: styles.container }, { children: n.Children.map(children, function (child, index) {
|
|
426
427
|
var _a;
|
|
427
428
|
var className = styles.button;
|
|
428
429
|
if (index === 0) {
|
|
@@ -456,7 +457,7 @@ var Container$3 = function (props) {
|
|
|
456
457
|
return result;
|
|
457
458
|
};
|
|
458
459
|
var styles = handleGenerateStyle();
|
|
459
|
-
return (jsxRuntime.jsxs(react.Menu, __assign({ as: "div", className: styles.container }, { children: [jsxRuntime.jsxs("div", { children: [type === 'button' && (jsxRuntime.jsxs(react.Menu.Button, __assign({ className: styles.button }, { children: [label, jsxRuntime.jsx(solid.ChevronDownIcon, { className: "-mr-1 ml-2 h-5 w-5", "aria-hidden": "true" })] }))), type === 'compact' && (jsxRuntime.jsxs(react.Menu.Button, __assign({ className: styles.compact }, { children: [jsxRuntime.jsx("span", __assign({ className: "sr-only" }, { children: label })), jsxRuntime.jsx(solid.EllipsisVerticalIcon, { className: styles.dots, "aria-hidden": "true" })] })))] }), jsxRuntime.jsx(react.Transition, __assign({ as:
|
|
460
|
+
return (jsxRuntime.jsxs(react.Menu, __assign({ as: "div", className: styles.container }, { children: [jsxRuntime.jsxs("div", { children: [type === 'button' && (jsxRuntime.jsxs(react.Menu.Button, __assign({ className: styles.button }, { children: [label, jsxRuntime.jsx(solid.ChevronDownIcon, { className: "-mr-1 ml-2 h-5 w-5", "aria-hidden": "true" })] }))), type === 'compact' && (jsxRuntime.jsxs(react.Menu.Button, __assign({ className: styles.compact }, { children: [jsxRuntime.jsx("span", __assign({ className: "sr-only" }, { children: label })), jsxRuntime.jsx(solid.EllipsisVerticalIcon, { className: styles.dots, "aria-hidden": "true" })] })))] }), jsxRuntime.jsx(react.Transition, __assign({ as: n.Fragment, enter: "transition ease-out duration-100", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" }, { children: jsxRuntime.jsx(react.Menu.Items, __assign({ className: styles.items }, { children: children })) }))] })));
|
|
460
461
|
};
|
|
461
462
|
var DropdownElement = {
|
|
462
463
|
Container: Container$3,
|
|
@@ -512,8 +513,24 @@ var IconElement = function (props) {
|
|
|
512
513
|
return component;
|
|
513
514
|
};
|
|
514
515
|
|
|
516
|
+
var a=function(e,t){return a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t;}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);},a(e,t)};var l$1=function(){return l$1=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l$1.apply(this,arguments)};function o(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]]);}return r}var i$1=function(e){function t(t,r){var n=e.call(this,t)||this;return n.name="SyntheticChangeError",n.cause=r,n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e;}a(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r);}(t,e),t}(Error);function u$1(e,t){var r=t.value,n=t.selectionStart,a=t.selectionEnd;void 0!==r&&(e.value=r),void 0!==n&&void 0!==a&&e.setSelectionRange(n,a);}var c$1=function(e){return null!==e&&"text"===e.type};function s$1(a){var l=a.init,o=a.tracking,s=a.customInputEventType,p=a.customInputEventHandler,v=n.useRef(null),d=n.useRef({requestID:-1,fallbackRequestID:-1,cachedRequestID:-1,start:0,end:0}),f=function(r,a,l){var o=n.useRef(!0),i=n.useCallback((function(e){if(null!==r.current&&a&&l){var t=r.current,i=t.value,c=t.selectionStart,s=t.selectionEnd;o.current=!1,setTimeout((function(){if(null!==r.current){u$1(r.current,{value:i,selectionStart:null!=c?c:i.length,selectionEnd:null!=s?s:i.length});var t=new CustomEvent(a,{bubbles:!0,cancelable:!1,composed:!0,detail:e});r.current.dispatchEvent(t),reactDom.unstable_batchedUpdates?reactDom.unstable_batchedUpdates(l,t):l(t),o.current=!0;}}));}}),[r,a,l]);return [o,i]}(v,s,p),h=f[0],m=f[1];return n.useEffect((function(){"production"!==process.env.NODE_ENV&&(null===v.current&&console.error(new Error("Input element does not exist.")),null!==v.current&&"text"!==v.current.type&&console.error(new Error('The type of the input element does not match the type "text".')));}),[]),n.useEffect((function(){var e;if(null!==v.current&&c$1(v.current)){var t=null!==(e=v.current._wrapperState)&&void 0!==e?e:{},r=t.controlled,n=void 0!==r&&r,a=t.initialValue,o=l({controlled:n,initialValue:void 0===a?"":a});u$1(v.current,{value:o.value});}}),[]),n.useEffect((function(){var e=function(e){var t,r,n,a,l,s,p,f,h,y,g,k,b,w,E,O;if(c$1(v.current))try{if(null===v.current)throw new i$1("Reference to input element is not initialized.");if(d.current.cachedRequestID===d.current.requestID)throw new i$1("The input selection has not been updated.");d.current.cachedRequestID=d.current.requestID;var _=v.current,I=_.value,S=_.selectionStart,R=_.selectionEnd;if(null===S||null===R)throw new i$1("The selection attributes have not been initialized.");var j=null!==(n=null===(r=null===(t=v.current._valueTracker)||void 0===t?void 0:t.getValue)||void 0===r?void 0:r.call(t))&&void 0!==n?n:"",x="initial";if(S>d.current.start?x="insert":S<=d.current.start&&S<d.current.end?x="deleteBackward":S===d.current.end&&I.length<j.length&&(x="deleteForward"),("deleteBackward"===x||"deleteForward"===x)&&I.length>j.length)throw new i$1("Input type detection error.");var q="",D="",T=d.current.start,P=d.current.end;switch(x){case"insert":q=I.slice(d.current.start,S);break;case"deleteBackward":case"deleteForward":var V=j.length-I.length;T=S,P=S+V,D=j.slice(T,P);break;default:throw new i$1("The input type is undefined.")}var C=o({inputType:x,added:q,deleted:D,previousValue:j,selectionStartRange:T,selectionEndRange:P,value:I,selectionStart:S,selectionEnd:R});u$1(v.current,{value:C.value,selectionStart:C.selectionStart,selectionEnd:C.selectionEnd}),m(C.__detail),null===(l=null===(a=v.current._valueTracker)||void 0===a?void 0:a.setValue)||void 0===l||l.call(a,j),d.current.start=C.selectionStart,d.current.end=C.selectionEnd;}catch(t){var F=t,z=F.name,A=F.cause;if(null!==v.current&&u$1(v.current,{value:null!==(y=null!==(p=null===(s=null==A?void 0:A.__attributes)||void 0===s?void 0:s.value)&&void 0!==p?p:null===(h=null===(f=v.current._valueTracker)||void 0===f?void 0:f.getValue)||void 0===h?void 0:h.call(f))&&void 0!==y?y:"",selectionStart:null!==(k=null===(g=null==A?void 0:A.__attributes)||void 0===g?void 0:g.selectionStart)&&void 0!==k?k:d.current.start,selectionEnd:null!==(w=null===(b=null==A?void 0:A.__attributes)||void 0===b?void 0:b.selectionEnd)&&void 0!==w?w:d.current.end}),void 0!==(null===(E=null==A?void 0:A.__attributes)||void 0===E?void 0:E.selectionStart)&&(d.current.start=A.__attributes.selectionStart),void 0!==(null===(O=null==A?void 0:A.__attributes)||void 0===O?void 0:O.selectionEnd)&&(d.current.end=A.__attributes.selectionEnd),e.preventDefault(),e.stopPropagation(),"SyntheticChangeError"!==z)throw t}},t=v.current;return null==t||t.addEventListener("input",e),function(){null==t||t.removeEventListener("input",e);}}),[o,m]),n.useEffect((function(){var e=function(){if(c$1(v.current)){var e=function(){var t,r,n,a;h.current?(d.current.start=null!==(r=null===(t=v.current)||void 0===t?void 0:t.selectionStart)&&void 0!==r?r:0,d.current.end=null!==(a=null===(n=v.current)||void 0===n?void 0:n.selectionEnd)&&void 0!==a?a:0,d.current.requestID=requestAnimationFrame(e)):d.current.fallbackRequestID=requestAnimationFrame(e);};d.current.requestID=requestAnimationFrame(e);}};null!==v.current&&document.activeElement===v.current&&e();var t=v.current;return null==t||t.addEventListener("focus",e),function(){null==t||t.removeEventListener("focus",e);}}),[]),n.useEffect((function(){var e=function(){c$1(v.current)&&(cancelAnimationFrame(d.current.requestID),cancelAnimationFrame(d.current.fallbackRequestID),d.current.requestID=-1,d.current.fallbackRequestID=-1,d.current.cachedRequestID=-1);},t=v.current;return null==t||t.addEventListener("blur",e),function(){null==t||t.removeEventListener("blur",e);}}),[]),v}function p$1(e){var t=e.value,r=e.replacementChars,n=e.replacement,a=e.separate,l=r;return t.split("").reduce((function(e,t){var r,o=!Object.prototype.hasOwnProperty.call(n,t)&&(null===(r=n[l[0]])||void 0===r?void 0:r.test(t));return a&&t===l[0]||o?(l=l.slice(1),e+t):e}),"")}function v(e,t,r){var n=["[","]","\\","/","^","$",".","|","?","*","+","(",")","{","}"];return e.split("").reduce((function(e,a,l,o){var i=Object.prototype.hasOwnProperty.call(t,a),u=r?"(?!".concat(a,")"):"",c=e+(i?u+t[a].toString().slice(1,-1):n.includes(a)?"\\".concat(a):a);return l+1===o.length?"".concat(c,"$"):c}),"^")}function d(e,t){var r=t.mask,n=t.replacement,a=t.showMask,l=function(e,t){var r=t.mask,n=t.replacement,a=0;return r.split("").reduce((function(t,r){return Object.prototype.hasOwnProperty.call(n,r)&&void 0!==e[a]?t+e[a++]:t+r}),"")}(e,{mask:r,replacement:n}),o=function(e,t){var r=t.mask,n=t.replacement;return e.split("").map((function(e,t){return {type:Object.prototype.hasOwnProperty.call(n,e)?"replacement":e===r[t]?"mask":"input",value:e,index:t}}))}(l,{mask:r,replacement:n});if(!a){for(var i=-1,u=o.length-1;u>=0;u--)if("input"===o[u].type){i=o[u].index;break}l=l.slice(0,i+1);}var c=v(r,n,!1),s=v(r,n,!0);return {value:l,input:e,parts:o,pattern:c,isValid:RegExp(s).test(l)}}function f$1(e){var t=e.value,r=e.start,n=void 0===r?0:r,a=e.end,l=e.mask,o=e.replacement,i=e.separate,u=l.slice(n,a),c=t.slice(n,a);return u.split("").reduce((function(e,t,r){var n=Object.prototype.hasOwnProperty.call(o,t);return n&&void 0!==c[r]&&c[r]!==t?e+c[r]:n&&i?e+t:e}),"")}var h=function(e,t){var r="".concat(e,"\n\n").concat(t,"\n");return new Error(r)};var m=function(e){var t;return e.length>0?((t={})[e]=/./,t):{}};function y(n$1){var a=null!=n$1?n$1:{},l=a.mask,o=void 0===l?"":l,u=a.replacement,c=void 0===u?{}:u,v=a.showMask,y=void 0!==v&&v,g=a.separate,k=void 0!==g&&g,b=a.modify,w=a.onMask,E="string"==typeof c?m(c):c,O=n.useRef(null),_=JSON.stringify(E,(function(e,t){return t instanceof RegExp?t.toString():t})),I=n.useCallback((function(e){var t=e.controlled,r=e.initialValue;r=t||r?r:y?o:"";var n={mask:o,replacement:E,showMask:y,separate:k};return O.current={value:r,props:n,fallbackProps:n},{value:r}}),[]),S=n.useCallback((function(e){var t,r=e.inputType,n=e.added,a=e.previousValue,l=e.selectionStartRange,u=e.selectionEndRange;if(null===O.current)throw new i$1("The state has not been initialized.");O.current.value!==a?O.current.props=O.current.fallbackProps:O.current.fallbackProps=O.current.props;var c=f$1({value:a,end:l,mask:O.current.props.mask,replacement:O.current.props.replacement,separate:O.current.props.separate}),s=RegExp("[^".concat(Object.keys(O.current.props.replacement),"]"),"g"),v=O.current.props.mask.replace(s,"");if(c&&(c=p$1({value:c,replacementChars:v,replacement:O.current.props.replacement,separate:O.current.props.separate})),n&&(n=p$1({value:n,replacementChars:v.slice(c.length),replacement:O.current.props.replacement,separate:!1})),"insert"===r&&""===n)throw new i$1("The character does not match the key value of the `replacement` object.");var h=f$1({value:a,start:u,mask:O.current.props.mask,replacement:O.current.props.replacement,separate:O.current.props.separate});if(O.current.props.separate){var g=O.current.props.mask.slice(l,u).replace(s,""),w=g.length-n.length;w<0?h=h.slice(-w):w>0&&(h=g.slice(-w)+h);}h&&(h=p$1({value:h,replacementChars:v.slice(c.length+n.length),replacement:O.current.props.replacement,separate:O.current.props.separate}));var _=c+n+h,I=null!==(t=null==b?void 0:b(_))&&void 0!==t?t:{},S=I.mask,R=void 0===S?o:S,j=I.replacement,x=void 0===j?E:j,q=I.showMask,D=void 0===q?y:q,T=I.separate,P=void 0===T?k:T;"string"==typeof x&&(x=m(x));var V=d(_,{mask:R,replacement:x,showMask:D}),C=function(e){var t,r,n,a=e.inputType,l=e.added,o=e.beforeRange;e.afterRange;var i=e.value,u=e.parts,c=e.replacement,s=e.separate,p=u.filter((function(e){var t=e.type;return "input"===t||s&&"replacement"===t})),v=null===(t=p[o.length+l.length-1])||void 0===t?void 0:t.index,d=null===(r=p[o.length-1])||void 0===r?void 0:r.index,f=null===(n=p[o.length+l.length])||void 0===n?void 0:n.index;if("insert"===a){if(void 0!==v)return v+1;if(void 0!==f)return f;if(void 0!==d)return d+1}if("deleteForward"===a){if(void 0!==f)return f;if(void 0!==d)return d+1}if("deleteBackward"===a){if(void 0!==d)return d+1;if(void 0!==f)return f}var h=i.split("").findIndex((function(e){return Object.prototype.hasOwnProperty.call(c,e)}));return -1!==h?h:i.length}({inputType:r,added:n,beforeRange:c,afterRange:h,value:V.value,parts:V.parts,replacement:x,separate:P});return O.current.value=V.value,O.current.props={mask:R,replacement:x,showMask:D,separate:P},{value:V.value,selectionStart:C,selectionEnd:C,__detail:V}}),[o,_,y,k,b]),R=s$1({init:I,tracking:S,customInputEventType:"input-mask",customInputEventHandler:w});return function(e){var t=e.inputRef,n$1=e.mask,a=e.replacement;n.useEffect((function(){var e,r,l;if("production"!==process.env.NODE_ENV){var o=null!==(l=null===(r=null===(e=t.current)||void 0===e?void 0:e._wrapperState)||void 0===r?void 0:r.initialValue)&&void 0!==l?l:"";o.length>n$1.length&&console.error(h("The initialized value of the `value` or `defaultValue` property is longer than the value specified in the `mask` property. Check the correctness of the initialized value in the specified property.",'Invalid value: "'.concat(o,'".')));var i=Object.keys(a).filter((function(e){return e.length>1}));i.length>0&&console.error(h("Object keys in the `replacement` property are longer than one character. Replacement keys must be one character long. Check the correctness of the value in the specified property.","Invalid keys: ".concat(i.join(", "),".")));var u=n$1.slice(0,o.length).split("").findIndex((function(e,t){var r=Object.prototype.hasOwnProperty.call(a,e),n=e!==o[t];return r?!!n&&!a[e].test(o[t]):n}));-1!==u&&console.error(h("An invalid character was found in the initialized property value `value` or `defaultValue` (index: ".concat(u,"). Check the correctness of the initialized value in the specified property."),'Invalid value: "'.concat(o,'".')));}}),[]);}({inputRef:R,mask:o,replacement:E}),R}
|
|
517
|
+
|
|
518
|
+
var i,s={},c={};var u,f,l={};
|
|
519
|
+
/**
|
|
520
|
+
* @license React
|
|
521
|
+
* react-jsx-runtime.development.js
|
|
522
|
+
*
|
|
523
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
524
|
+
*
|
|
525
|
+
* This source code is licensed under the MIT license found in the
|
|
526
|
+
* LICENSE file in the root directory of this source tree.
|
|
527
|
+
*/function p(){return u||(u=1,"production"!==process.env.NODE_ENV&&function(){var e=n__default["default"],r=Symbol.for("react.element"),t=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen"),v=Symbol.iterator,g="@@iterator";var b=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function h(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];!function(e,r,t){var n=b.ReactDebugCurrentFrame,o=n.getStackAddendum();""!==o&&(r+="%s",t=t.concat([o]));var a=t.map((function(e){return String(e)}));a.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,a);}("error",e,t);}var _,k=!1,w=!1,S=!1,j=!1,O=!1;function R(e){return e.displayName||"Context"}function E(e){if(null==e)return null;if("number"==typeof e.tag&&h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case o:return "Fragment";case t:return "Portal";case i:return "Profiler";case a:return "StrictMode";case f:return "Suspense";case p:return "SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case c:return R(e)+".Consumer";case s:return R(e._context)+".Provider";case u:return function(e,r,t){var n=e.displayName;if(n)return n;var o=r.displayName||r.name||"";return ""!==o?t+"("+o+")":t}(e,e.render,"ForwardRef");case y:var r=e.displayName||null;return null!==r?r:E(e.type)||"Memo";case d:var n=e,l=n._payload,m=n._init;try{return E(m(l))}catch(e){return null}}return null}_=Symbol.for("react.module.reference");var P,T,x,$,N,C,D,F=Object.assign,I=0;function M(){}M.__reactDisabledLog=!0;var L,W=b.ReactCurrentDispatcher;function U(e,r,t){if(void 0===L)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);L=n&&n[1]||"";}return "\n"+L+e}var A,z=!1,Y="function"==typeof WeakMap?WeakMap:Map;function B(e,r){if(!e||z)return "";var t,n=A.get(e);if(void 0!==n)return n;z=!0;var o,a=Error.prepareStackTrace;Error.prepareStackTrace=void 0,o=W.current,W.current=null,function(){if(0===I){P=console.log,T=console.info,x=console.warn,$=console.error,N=console.group,C=console.groupCollapsed,D=console.groupEnd;var e={configurable:!0,enumerable:!0,value:M,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e});}I++;}();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(i,[]);}catch(e){t=e;}Reflect.construct(e,[],i);}else {try{i.call();}catch(e){t=e;}e.call(i.prototype);}}else {try{throw Error()}catch(e){t=e;}e();}}catch(r){if(r&&t&&"string"==typeof r.stack){for(var s=r.stack.split("\n"),c=t.stack.split("\n"),u=s.length-1,f=c.length-1;u>=1&&f>=0&&s[u]!==c[f];)f--;for(;u>=1&&f>=0;u--,f--)if(s[u]!==c[f]){if(1!==u||1!==f)do{if(u--,--f<0||s[u]!==c[f]){var l="\n"+s[u].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),"function"==typeof e&&A.set(e,l),l}}while(u>=1&&f>=0);break}}}finally{z=!1,W.current=o,function(){if(0==--I){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:P}),info:F({},e,{value:T}),warn:F({},e,{value:x}),error:F({},e,{value:$}),group:F({},e,{value:N}),groupCollapsed:F({},e,{value:C}),groupEnd:F({},e,{value:D})});}I<0&&h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");}(),Error.prepareStackTrace=a;}var p=e?e.displayName||e.name:"",y=p?U(p):"";return "function"==typeof e&&A.set(e,y),y}function V(e,r,t){if(null==e)return "";if("function"==typeof e)return B(e,!(!(n=e.prototype)||!n.isReactComponent));var n;if("string"==typeof e)return U(e);switch(e){case f:return U("Suspense");case p:return U("SuspenseList")}if("object"==typeof e)switch(e.$$typeof){case u:return B(e.render,!1);case y:return V(e.type,r,t);case d:var o=e,a=o._payload,i=o._init;try{return V(i(a),r,t)}catch(e){}}return ""}A=new Y;var q=Object.prototype.hasOwnProperty,H={},J=b.ReactDebugCurrentFrame;function X(e){if(e){var r=e._owner,t=V(e.type,e._source,r?r.type:null);J.setExtraStackFrame(t);}else J.setExtraStackFrame(null);}var G=Array.isArray;function K(e){return G(e)}function Q(e){return ""+e}function Z(e){if(function(e){try{return Q(e),!1}catch(e){return !0}}(e))return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",function(e){return "function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object"}(e)),Q(e)}var ee,re,te,ne=b.ReactCurrentOwner,oe={key:!0,ref:!0,__self:!0,__source:!0};te={};var ae=function(e,t,n,o,a,i,s){var c={$$typeof:r,type:e,key:t,ref:n,props:s,_owner:i,_store:{}};return Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function ie(e,r,t,n,o){var a,i={},s=null,c=null;for(a in void 0!==t&&(Z(t),s=""+t),function(e){if(q.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return !1}return void 0!==e.key}(r)&&(Z(r.key),s=""+r.key),function(e){if(q.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return !1}return void 0!==e.ref}(r)&&(c=r.ref,function(e,r){if("string"==typeof e.ref&&ne.current&&r&&ne.current.stateNode!==r){var t=E(ne.current.type);te[t]||(h('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(ne.current.type),e.ref),te[t]=!0);}}(r,o)),r)q.call(r,a)&&!oe.hasOwnProperty(a)&&(i[a]=r[a]);if(e&&e.defaultProps){var u=e.defaultProps;for(a in u)void 0===i[a]&&(i[a]=u[a]);}if(s||c){var f="function"==typeof e?e.displayName||e.name||"Unknown":e;s&&function(e,r){var t=function(){ee||(ee=!0,h("%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));};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0});}(i,f),c&&function(e,r){var t=function(){re||(re=!0,h("%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));};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0});}(i,f);}return ae(e,s,c,o,n,ne.current,i)}var se,ce=b.ReactCurrentOwner,ue=b.ReactDebugCurrentFrame;function fe(e){if(e){var r=e._owner,t=V(e.type,e._source,r?r.type:null);ue.setExtraStackFrame(t);}else ue.setExtraStackFrame(null);}function le(e){return "object"==typeof e&&null!==e&&e.$$typeof===r}function pe(){if(ce.current){var e=E(ce.current.type);if(e)return "\n\nCheck the render method of `"+e+"`."}return ""}se=!1;var ye={};function de(e,r){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var t=function(e){var r=pe();if(!r){var t="string"==typeof e?e:e.displayName||e.name;t&&(r="\n\nCheck the top-level render call using <"+t+">.");}return r}(r);if(!ye[t]){ye[t]=!0;var n="";e&&e._owner&&e._owner!==ce.current&&(n=" It was passed a child from "+E(e._owner.type)+"."),fe(e),h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),fe(null);}}}function me(e,r){if("object"==typeof e)if(K(e))for(var t=0;t<e.length;t++){var n=e[t];le(n)&&de(n,r);}else if(le(e))e._store&&(e._store.validated=!0);else if(e){var o=function(e){if(null===e||"object"!=typeof e)return null;var r=v&&e[v]||e[g];return "function"==typeof r?r:null}(e);if("function"==typeof o&&o!==e.entries)for(var a,i=o.call(e);!(a=i.next()).done;)le(a.value)&&de(a.value,r);}}function ve(e){var r,t=e.type;if(null!=t&&"string"!=typeof t){if("function"==typeof t)r=t.propTypes;else {if("object"!=typeof t||t.$$typeof!==u&&t.$$typeof!==y)return;r=t.propTypes;}if(r){var n=E(t);!function(e,r,t,n,o){var a=Function.call.bind(q);for(var i in e)if(a(e,i)){var s=void 0;try{if("function"!=typeof e[i]){var c=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw c.name="Invariant Violation",c}s=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");}catch(e){s=e;}!s||s instanceof Error||(X(o),h("%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).",n||"React class",t,i,typeof s),X(null)),s instanceof Error&&!(s.message in H)&&(H[s.message]=!0,X(o),h("Failed %s type: %s",t,s.message),X(null));}}(r,e.props,"prop",n,e);}else if(void 0!==t.PropTypes&&!se){se=!0,h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",E(t)||"Unknown");}"function"!=typeof t.getDefaultProps||t.getDefaultProps.isReactClassApproved||h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");}}function ge(e,t,n,l,v,g){var b=function(e){return "string"==typeof e||"function"==typeof e||!!(e===o||e===i||O||e===a||e===f||e===p||j||e===m||k||w||S)||"object"==typeof e&&null!==e&&(e.$$typeof===d||e.$$typeof===y||e.$$typeof===s||e.$$typeof===c||e.$$typeof===u||e.$$typeof===_||void 0!==e.getModuleId)}(e);if(!b){var R="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(R+=" 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 P,T=function(e){return void 0!==e?"\n\nCheck your code at "+e.fileName.replace(/^.*[\\\/]/,"")+":"+e.lineNumber+".":""}(v);R+=T||pe(),null===e?P="null":K(e)?P="array":void 0!==e&&e.$$typeof===r?(P="<"+(E(e.type)||"Unknown")+" />",R=" Did you accidentally export a JSX literal instead of a component?"):P=typeof e,h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",P,R);}var x=ie(e,t,n,v,g);if(null==x)return x;if(b){var $=t.children;if(void 0!==$)if(l)if(K($)){for(var N=0;N<$.length;N++)me($[N],e);Object.freeze&&Object.freeze($);}else h("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 me($,e);}return e===o?function(e){for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if("children"!==n&&"key"!==n){fe(e),h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),fe(null);break}}null!==e.ref&&(fe(e),h("Invalid attribute `ref` supplied to `React.Fragment`."),fe(null));}(x):ve(x),x}var be=function(e,r,t){return ge(e,r,t,!1)},he=function(e,r,t){return ge(e,r,t,!0)};l.Fragment=o,l.jsx=be,l.jsxs=he;}()),l}f={get exports(){return s},set exports(e){s=e;}},"production"===process.env.NODE_ENV?f.exports=function(){if(i)return c;i=1;var e=n__default["default"],r=Symbol.for("react.element"),t=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,n){var i,c={},u=null,f=null;for(i in void 0!==n&&(u=""+n),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(f=t.ref),t)o.call(t,i)&&!s.hasOwnProperty(i)&&(c[i]=t[i]);if(e&&e.defaultProps)for(i in t=e.defaultProps)void 0===c[i]&&(c[i]=t[i]);return {$$typeof:r,type:e,key:u,ref:f,props:c,_owner:a.current}}return c.Fragment=t,c.jsx=u,c.jsxs=u,c}():f.exports=p();n.forwardRef((function(n$1,a){var i,c,u=n$1.component,f=n$1.mask,l=n$1.replacement,p=n$1.showMask,y$1=n$1.separate,d=n$1.modify,m=n$1.onMask,v=o(n$1,["component","mask","replacement","showMask","separate","modify","onMask"]),g=y({mask:f,replacement:l,showMask:p,separate:y$1,modify:d,onMask:m}),b=n.useCallback((function(e){i.current=e,"function"==typeof c?c(e):"object"==typeof c&&null!==c&&(c.current=e);}),[i=g,c=a]);return u?s.jsx(u,l$1({ref:b},v)):s.jsx("input",l$1({ref:b},v))}));
|
|
528
|
+
|
|
515
529
|
var InputGroupForm = function (props) {
|
|
516
|
-
var
|
|
530
|
+
var _a;
|
|
531
|
+
var name = props.name, _b = props.htmlType, htmlType = _b === void 0 ? 'text' : _b, label = props.label, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, value = props.value, mask = props.mask, _c = props.replacementCharacter, replacementCharacter = _c === void 0 ? 'X' : _c, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, isRequired = props.isRequired, isTouched = props.isTouched, _e = props.isSolo, isSolo = _e === void 0 ? false : _e, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
532
|
+
var isValid = error === undefined;
|
|
533
|
+
var ref = y({ mask: mask, replacement: (_a = {}, _a[replacementCharacter] = /\d/, _a) });
|
|
517
534
|
var handleGenerateStyle = function () {
|
|
518
535
|
var result = deepCopyObject(styles$e.base);
|
|
519
536
|
var keys = calculateNestedKeys(styles$e.base);
|
|
@@ -524,7 +541,7 @@ var InputGroupForm = function (props) {
|
|
|
524
541
|
};
|
|
525
542
|
var styles = handleGenerateStyle();
|
|
526
543
|
var invalidIcon = (jsxRuntime.jsx(solid.ExclamationCircleIcon, { className: "h-5 w-5 text-red-500", "aria-hidden": "true" }));
|
|
527
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.label }, { children: label }))), !isRequired && jsxRuntime.jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))] })), jsxRuntime.jsxs("div", __assign({ className: styles.body }, { children: [leading && jsxRuntime.jsx("div", __assign({ className: styles.leading }, { children: leading })), jsxRuntime.jsx("input", { type: htmlType, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: value, disabled: isDisabled, onChange: onChange }), type === 'floored' && (jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: trailing }))), !isValid && jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon }))] })), jsxRuntime.
|
|
544
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.label }, { children: label }))), !isRequired && jsxRuntime.jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))] })), jsxRuntime.jsxs("div", __assign({ className: styles.body }, { children: [leading && jsxRuntime.jsx("div", __assign({ className: styles.leading }, { children: leading })), jsxRuntime.jsx("input", { type: mask !== '' ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, disabled: isDisabled, onChange: onChange, onBlur: onBlur }), type === 'floored' && (jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: trailing }))), !isValid && jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon }))] })), jsxRuntime.jsxs("div", __assign({ className: styles.foot }, { children: [description && !error && (jsxRuntime.jsx("p", __assign({ className: styles.description }, { children: description }))), error && isTouched && jsxRuntime.jsx("p", __assign({ className: styles.error }, { children: error }))] }))] })));
|
|
528
545
|
};
|
|
529
546
|
|
|
530
547
|
var base$d = {
|
|
@@ -537,7 +554,8 @@ var base$d = {
|
|
|
537
554
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
538
555
|
input: 'block w-full',
|
|
539
556
|
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
540
|
-
description: 'text-gray-
|
|
557
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
558
|
+
error: 'text-red-500 text-xs ml-5 mt-1',
|
|
541
559
|
};
|
|
542
560
|
var leading = {
|
|
543
561
|
input: 'pl-10',
|
|
@@ -698,7 +716,7 @@ var ListContainerLayout = function (props) {
|
|
|
698
716
|
return result;
|
|
699
717
|
};
|
|
700
718
|
var styles = handleGenerateStyle();
|
|
701
|
-
return (jsxRuntime.jsx("div", __assign({ className: styles.container }, { children: jsxRuntime.jsx("ul", __assign({ className: styles.list }, { children:
|
|
719
|
+
return (jsxRuntime.jsx("div", __assign({ className: styles.container }, { children: jsxRuntime.jsx("ul", __assign({ className: styles.list }, { children: n.Children.map(children, function (child, index) {
|
|
702
720
|
var _a;
|
|
703
721
|
return (jsxRuntime.jsx("li", __assign({ className: styles.item }, { children: child }), (_a = child.key) !== null && _a !== void 0 ? _a : index));
|
|
704
722
|
}) })) })));
|
|
@@ -759,7 +777,7 @@ var MediaObjectLayout = function (props) {
|
|
|
759
777
|
var handleGenerateComponent = function () {
|
|
760
778
|
var result = (jsxRuntime.jsx("svg", __assign({ className: styles.svg, preserveAspectRatio: "none", stroke: "currentColor", fill: "none", viewBox: "0 0 200 200", "aria-hidden": "true" }, { children: jsxRuntime.jsx("path", { vectorEffect: "non-scaling-stroke", strokeWidth: 1, d: "M0 0l200 200M0 200L200 0" }) })));
|
|
761
779
|
if (customFigure) {
|
|
762
|
-
result =
|
|
780
|
+
result = n__default["default"].cloneElement(customFigure, {
|
|
763
781
|
className: styles.svg,
|
|
764
782
|
});
|
|
765
783
|
}
|
|
@@ -16812,7 +16830,7 @@ var useExcel = function () {
|
|
|
16812
16830
|
|
|
16813
16831
|
var PanelPaginationNavigation = function (props) {
|
|
16814
16832
|
var _a = props.min, min = _a === void 0 ? 1 : _a, _b = props.max, max = _b === void 0 ? 20 : _b, stylesOverrides = props.styles, children = props.children, onChange = props.onChange;
|
|
16815
|
-
var _c =
|
|
16833
|
+
var _c = n.useState(1), current = _c[0], setCurrent = _c[1];
|
|
16816
16834
|
var handleGenerateStyle = function () {
|
|
16817
16835
|
var result = deepCopyObject(styles$8.base);
|
|
16818
16836
|
var keys = calculateNestedKeys(styles$8.base);
|
|
@@ -16822,11 +16840,11 @@ var PanelPaginationNavigation = function (props) {
|
|
|
16822
16840
|
return result;
|
|
16823
16841
|
};
|
|
16824
16842
|
var styles = handleGenerateStyle();
|
|
16825
|
-
var handleChangeCurrent =
|
|
16843
|
+
var handleChangeCurrent = n.useCallback(function (current) {
|
|
16826
16844
|
setCurrent(current);
|
|
16827
16845
|
onChange && onChange(current);
|
|
16828
16846
|
}, [onChange]);
|
|
16829
|
-
var pageType =
|
|
16847
|
+
var pageType = n.useMemo(function () {
|
|
16830
16848
|
var result = 'center';
|
|
16831
16849
|
if (current < min + 3) {
|
|
16832
16850
|
result = 'first';
|
|
@@ -16894,9 +16912,9 @@ var TableList = function (props) {
|
|
|
16894
16912
|
return result;
|
|
16895
16913
|
};
|
|
16896
16914
|
var styles = handleGenerateStyle();
|
|
16897
|
-
var _f =
|
|
16898
|
-
var _g =
|
|
16899
|
-
var _h =
|
|
16915
|
+
var _f = n.useState([]), sorting = _f[0], setSorting = _f[1];
|
|
16916
|
+
var _g = n.useState({}), visibility = _g[0], setVisibility = _g[1];
|
|
16917
|
+
var _h = n.useState([]), order = _h[0], setOrder = _h[1];
|
|
16900
16918
|
var table = reactTable.useReactTable({
|
|
16901
16919
|
getCoreRowModel: reactTable.getCoreRowModel(),
|
|
16902
16920
|
columns: columns,
|
|
@@ -16955,7 +16973,7 @@ var TableList = function (props) {
|
|
|
16955
16973
|
});
|
|
16956
16974
|
return [{ title: 'Sheet 1', rows: rowsForFirstSheet }];
|
|
16957
16975
|
};
|
|
16958
|
-
var handleUpdateColumnOrder =
|
|
16976
|
+
var handleUpdateColumnOrder = n.useCallback(function (column, location) {
|
|
16959
16977
|
var _a;
|
|
16960
16978
|
var ids = (_a = table
|
|
16961
16979
|
.getAllLeafColumns()
|
|
@@ -16968,7 +16986,7 @@ var TableList = function (props) {
|
|
|
16968
16986
|
setOrder(ids);
|
|
16969
16987
|
}, [table]);
|
|
16970
16988
|
// Load state from local storage at mount.
|
|
16971
|
-
|
|
16989
|
+
n.useEffect(function () {
|
|
16972
16990
|
var _a;
|
|
16973
16991
|
var state = window === null || window === void 0 ? void 0 : window.localStorage.getItem("TableList.".concat(id, ".state"));
|
|
16974
16992
|
if (!state) {
|
|
@@ -16983,7 +17001,7 @@ var TableList = function (props) {
|
|
|
16983
17001
|
setVisibility(savedColumnVisibility);
|
|
16984
17002
|
}, [columns, id]);
|
|
16985
17003
|
// Save state to local storage when column visibility or order updates.
|
|
16986
|
-
|
|
17004
|
+
n.useEffect(function () {
|
|
16987
17005
|
var _a;
|
|
16988
17006
|
// Prevent resetting storage to default when rendering a stateless component at mount.
|
|
16989
17007
|
var isMounted = order.length > 0;
|
|
@@ -17162,7 +17180,7 @@ var BreadcrumbsNavigation = function (props) {
|
|
|
17162
17180
|
return result;
|
|
17163
17181
|
};
|
|
17164
17182
|
var styles = handleGenerateStyle();
|
|
17165
|
-
var separator =
|
|
17183
|
+
var separator = n.useMemo(function () {
|
|
17166
17184
|
var component;
|
|
17167
17185
|
switch (type) {
|
|
17168
17186
|
case 'slashes':
|
|
@@ -17288,7 +17306,7 @@ var styles$6 = {
|
|
|
17288
17306
|
|
|
17289
17307
|
var PagePaginationNavigation = function (props) {
|
|
17290
17308
|
var _a = props.min, min = _a === void 0 ? 1 : _a, _b = props.max, max = _b === void 0 ? 20 : _b, stylesOverrides = props.styles, onChange = props.onChange;
|
|
17291
|
-
var _c =
|
|
17309
|
+
var _c = n.useState(2), current = _c[0], setCurrent = _c[1];
|
|
17292
17310
|
var handleGenerateStyle = function () {
|
|
17293
17311
|
var result = deepCopyObject(styles$5.base);
|
|
17294
17312
|
var keys = calculateNestedKeys(styles$5.base);
|
|
@@ -17298,7 +17316,7 @@ var PagePaginationNavigation = function (props) {
|
|
|
17298
17316
|
return result;
|
|
17299
17317
|
};
|
|
17300
17318
|
var styles = handleGenerateStyle();
|
|
17301
|
-
var pageType =
|
|
17319
|
+
var pageType = n.useMemo(function () {
|
|
17302
17320
|
var result = 'center';
|
|
17303
17321
|
if (current < min + 3) {
|
|
17304
17322
|
result = 'first';
|
|
@@ -17320,7 +17338,7 @@ var PagePaginationNavigation = function (props) {
|
|
|
17320
17338
|
component = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", __assign({ className: styles.button.default, onClick: function () { return setCurrent(min); } }, { children: min })), jsxRuntime.jsx("span", __assign({ className: styles.divider }, { children: "..." })), jsxRuntime.jsx("button", __assign({ className: toClassName(styles.button.default, current === max - 2 && styles.button.active), onClick: function () { return setCurrent(max - 2); } }, { children: max - 2 })), jsxRuntime.jsx("button", __assign({ className: toClassName(styles.button.default, current === max - 1 && styles.button.active), onClick: function () { return setCurrent(max - 1); } }, { children: max - 1 })), jsxRuntime.jsx("button", __assign({ className: toClassName(styles.button.default, current === max && styles.button.active), onClick: function () { return setCurrent(max); } }, { children: max }))] }));
|
|
17321
17339
|
break;
|
|
17322
17340
|
}
|
|
17323
|
-
|
|
17341
|
+
n.useEffect(function () {
|
|
17324
17342
|
if (current) {
|
|
17325
17343
|
onChange && onChange(current);
|
|
17326
17344
|
}
|
|
@@ -17356,7 +17374,7 @@ var styles$5 = {
|
|
|
17356
17374
|
|
|
17357
17375
|
var Container$1 = function (props) {
|
|
17358
17376
|
var children = props.children, stylesOverrides = props.styles;
|
|
17359
|
-
var _a =
|
|
17377
|
+
var _a = n.useState(''), active = _a[0], setActive = _a[1];
|
|
17360
17378
|
var handleGenerateStyle = function () {
|
|
17361
17379
|
var result = deepCopyObject(styles$4.base);
|
|
17362
17380
|
var keys = calculateNestedKeys(styles$4.base);
|
|
@@ -17379,10 +17397,10 @@ var List$1 = function (props) {
|
|
|
17379
17397
|
return result;
|
|
17380
17398
|
};
|
|
17381
17399
|
var styles = handleGenerateStyle();
|
|
17382
|
-
var handleChangeSelect =
|
|
17400
|
+
var handleChangeSelect = n.useCallback(function (e) {
|
|
17383
17401
|
var _a, _b;
|
|
17384
17402
|
var key = (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
|
|
17385
|
-
var tab = (_b =
|
|
17403
|
+
var tab = (_b = n.Children.map(children, function (child) { return child; })) === null || _b === void 0 ? void 0 : _b.find(function (child) { return child.props.accessor === key; });
|
|
17386
17404
|
if (tab === null || tab === void 0 ? void 0 : tab.props.href) {
|
|
17387
17405
|
window.location.href = tab.props.href;
|
|
17388
17406
|
}
|
|
@@ -17390,9 +17408,9 @@ var List$1 = function (props) {
|
|
|
17390
17408
|
setActive && setActive(tab === null || tab === void 0 ? void 0 : tab.props.accessor);
|
|
17391
17409
|
}
|
|
17392
17410
|
}, [children, setActive]);
|
|
17393
|
-
|
|
17411
|
+
n.useEffect(function () {
|
|
17394
17412
|
var tab;
|
|
17395
|
-
var tabs =
|
|
17413
|
+
var tabs = n.Children.map(children, function (child) { return child; });
|
|
17396
17414
|
var initialTab = tabs === null || tabs === void 0 ? void 0 : tabs.find(function (tab) { return tab.props.isInitial; });
|
|
17397
17415
|
if (initialTab !== undefined) {
|
|
17398
17416
|
tab = initialTab;
|
|
@@ -17403,7 +17421,7 @@ var List$1 = function (props) {
|
|
|
17403
17421
|
setActive && setActive(tab === null || tab === void 0 ? void 0 : tab.props.accessor);
|
|
17404
17422
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17405
17423
|
}, []);
|
|
17406
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles.list.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.list.head }, { children: [jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.list.label }, { children: "Select a tab" })), jsxRuntime.jsx("select", __assign({ id: name, name: name, value: active, className: styles.list.select, onChange: handleChangeSelect }, { children:
|
|
17424
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles.list.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.list.head }, { children: [jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.list.label }, { children: "Select a tab" })), jsxRuntime.jsx("select", __assign({ id: name, name: name, value: active, className: styles.list.select, onChange: handleChangeSelect }, { children: n.Children.map(children, function (child) {
|
|
17407
17425
|
var _a;
|
|
17408
17426
|
return (jsxRuntime.jsx("option", __assign({ value: child.props.accessor }, { children: child.props.children }), (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.accessor));
|
|
17409
17427
|
}) }))] })), jsxRuntime.jsx("div", __assign({ className: styles.list.body }, { children: jsxRuntime.jsx("nav", __assign({ className: styles.list.navigation }, { children: children })) }))] })));
|
|
@@ -17478,15 +17496,15 @@ var styles$4 = {
|
|
|
17478
17496
|
|
|
17479
17497
|
var Container = function (props) {
|
|
17480
17498
|
var children = props.children, stylesOverrides = props.styles;
|
|
17481
|
-
var _a =
|
|
17499
|
+
var _a = n.useState(''), active = _a[0], setActive = _a[1];
|
|
17482
17500
|
return (jsxRuntime.jsx("div", __assign({ className: stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.container }, { children: children({ active: active, setActive: setActive }) })));
|
|
17483
17501
|
};
|
|
17484
17502
|
var List = function (props) {
|
|
17485
17503
|
var children = props.children, setActive = props.setActive, stylesOverrides = props.styles;
|
|
17486
|
-
|
|
17504
|
+
n.useEffect(function () {
|
|
17487
17505
|
var _a;
|
|
17488
17506
|
var tab;
|
|
17489
|
-
var tabs = (_a =
|
|
17507
|
+
var tabs = (_a = n.Children.map(children, function (child) { return child; })) !== null && _a !== void 0 ? _a : [];
|
|
17490
17508
|
var initialTab = tabs.find(function (tab) { return tab === null || tab === void 0 ? void 0 : tab.props.isInitial; });
|
|
17491
17509
|
if (initialTab !== undefined) {
|
|
17492
17510
|
tab = initialTab;
|
|
@@ -17526,8 +17544,8 @@ var styles$3 = {
|
|
|
17526
17544
|
|
|
17527
17545
|
var ModalOverlay = function (props) {
|
|
17528
17546
|
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? 'md' : _a, stylesOverrides = props.styles, onOpen = props.onOpen, onClose = props.onClose;
|
|
17529
|
-
var _b =
|
|
17530
|
-
var options =
|
|
17547
|
+
var _b = n.useState(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
17548
|
+
var options = n.useMemo(function () { return ({
|
|
17531
17549
|
handleOpen: function () { return setIsOpen(true); },
|
|
17532
17550
|
handleClose: function () { return setIsOpen(false); },
|
|
17533
17551
|
}); }, []);
|
|
@@ -17540,17 +17558,17 @@ var ModalOverlay = function (props) {
|
|
|
17540
17558
|
return result;
|
|
17541
17559
|
};
|
|
17542
17560
|
var styles = handleGenerateStyle();
|
|
17543
|
-
|
|
17561
|
+
n.useEffect(function () {
|
|
17544
17562
|
if (isOpen) {
|
|
17545
17563
|
onOpen && onOpen();
|
|
17546
17564
|
}
|
|
17547
17565
|
}, [isOpen, onOpen]);
|
|
17548
|
-
|
|
17566
|
+
n.useEffect(function () {
|
|
17549
17567
|
if (!isOpen) {
|
|
17550
17568
|
onClose && onClose();
|
|
17551
17569
|
}
|
|
17552
17570
|
}, [isOpen, onClose]);
|
|
17553
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition.Root, __assign({ show: isOpen, as:
|
|
17571
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition.Root, __assign({ show: isOpen, as: n.Fragment }, { children: jsxRuntime.jsxs(react.Dialog, __assign({ as: "div", className: styles.container, onClose: setIsOpen }, { children: [jsxRuntime.jsx(react.Transition.Child, __assign({ as: n.Fragment, enter: styles.background.transition.enter, enterFrom: styles.background.transition.enterFrom, enterTo: styles.background.transition.enterTo, leave: styles.background.transition.leave, leaveFrom: styles.background.transition.leaveFrom, leaveTo: styles.background.transition.leaveTo }, { children: jsxRuntime.jsx("div", { className: styles.background.container }) })), jsxRuntime.jsx("div", __assign({ className: styles.layout.container }, { children: jsxRuntime.jsx("div", __assign({ className: styles.layout.content }, { children: jsxRuntime.jsx(react.Transition.Child, __assign({ as: n.Fragment, enter: styles.panel.transition.enter, enterFrom: styles.panel.transition.enterFrom, enterTo: styles.panel.transition.enterTo, leave: styles.panel.transition.leave, leaveFrom: styles.panel.transition.leaveFrom, leaveTo: styles.panel.transition.leaveTo }, { children: jsxRuntime.jsx(react.Dialog.Panel, __assign({ className: styles.panel.container }, { children: children(options) })) })) })) }))] })) })), trigger && trigger(options)] }));
|
|
17554
17572
|
};
|
|
17555
17573
|
|
|
17556
17574
|
var base$2 = {
|
|
@@ -17631,8 +17649,8 @@ var NotificationOverlayContainer = function (_a) {
|
|
|
17631
17649
|
};
|
|
17632
17650
|
var NotificationOverlayItem = function (props) {
|
|
17633
17651
|
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? 'md' : _a, stylesOverrides = props.styles;
|
|
17634
|
-
var _b =
|
|
17635
|
-
var options =
|
|
17652
|
+
var _b = n.useState(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
17653
|
+
var options = n.useMemo(function () { return ({
|
|
17636
17654
|
onOpen: function () { return setIsOpen(true); },
|
|
17637
17655
|
onClose: function () { return setIsOpen(false); },
|
|
17638
17656
|
}); }, []);
|
|
@@ -17645,7 +17663,7 @@ var NotificationOverlayItem = function (props) {
|
|
|
17645
17663
|
return result;
|
|
17646
17664
|
};
|
|
17647
17665
|
var styles = handleGenerateStyle();
|
|
17648
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition, __assign({ show: isOpen, as:
|
|
17666
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition, __assign({ show: isOpen, as: n.Fragment, enter: styles.item.panel.transition.enter, enterFrom: styles.item.panel.transition.enterFrom, enterTo: styles.item.panel.transition.enterTo, leave: styles.item.panel.transition.leave, leaveFrom: styles.item.panel.transition.leaveFrom, leaveTo: styles.item.panel.transition.leaveTo }, { children: jsxRuntime.jsx("div", __assign({ className: styles.item.panel.container }, { children: children(options) })) })), trigger && trigger(options)] }));
|
|
17649
17667
|
};
|
|
17650
17668
|
var NotificationOverlay = {
|
|
17651
17669
|
Container: NotificationOverlayContainer,
|
|
@@ -17723,8 +17741,8 @@ var styles$1 = {
|
|
|
17723
17741
|
|
|
17724
17742
|
var SlideOverOverlay = function (props) {
|
|
17725
17743
|
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? 'md' : _a, stylesOverrides = props.styles;
|
|
17726
|
-
var _b =
|
|
17727
|
-
var options =
|
|
17744
|
+
var _b = n.useState(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
17745
|
+
var options = n.useMemo(function () { return ({
|
|
17728
17746
|
onOpen: function () { return setIsOpen(true); },
|
|
17729
17747
|
onClose: function () { return setIsOpen(false); },
|
|
17730
17748
|
}); }, []);
|
|
@@ -17737,7 +17755,7 @@ var SlideOverOverlay = function (props) {
|
|
|
17737
17755
|
return result;
|
|
17738
17756
|
};
|
|
17739
17757
|
var styles$1 = handleGenerateStyle();
|
|
17740
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition.Root, __assign({ show: isOpen, as:
|
|
17758
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition.Root, __assign({ show: isOpen, as: n.Fragment }, { children: jsxRuntime.jsxs(react.Dialog, __assign({ as: "div", className: styles$1.container, onClose: setIsOpen }, { children: [jsxRuntime.jsx(react.Transition.Child, __assign({ as: n.Fragment, enter: styles$1.background.transition.enter, enterFrom: styles$1.background.transition.enterFrom, enterTo: styles$1.background.transition.enterTo, leave: styles$1.background.transition.leave, leaveFrom: styles$1.background.transition.leaveFrom, leaveTo: styles$1.background.transition.leaveTo }, { children: jsxRuntime.jsx("div", { className: styles$1.background.container }) })), jsxRuntime.jsx("div", __assign({ className: styles$1.layout.container }, { children: jsxRuntime.jsx("div", __assign({ className: styles$1.layout.content }, { children: jsxRuntime.jsx("div", __assign({ className: styles$1.layout.inner }, { children: jsxRuntime.jsx(react.Transition.Child, __assign({ as: n.Fragment, enter: styles$1.panel.transition.enter, enterFrom: styles$1.panel.transition.enterFrom, enterTo: styles$1.panel.transition.enterTo, leave: styles$1.panel.transition.leave, leaveFrom: styles$1.panel.transition.leaveFrom, leaveTo: styles$1.panel.transition.leaveTo }, { children: jsxRuntime.jsx(react.Dialog.Panel, __assign({ className: styles$1.panel.container }, { children: children(options) })) })) })) })) }))] })) })), trigger && trigger(options)] }));
|
|
17741
17759
|
};
|
|
17742
17760
|
|
|
17743
17761
|
var base = {
|