@linzjs/lui 21.42.0 → 21.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/assets/icons/auto_regenerate.svg +1 -0
- package/dist/assets/icons/fast_forward_outline.svg +3 -0
- package/dist/assets/icons/regenerate_off.svg +1 -0
- package/dist/assets/svg-content.d.ts +1 -1
- package/dist/assets/svg-content.tsx +30 -11
- package/dist/components/Toast/ToastBanner.d.ts +6 -0
- package/dist/index.js +67 -50
- package/dist/index.js.map +1 -1
- package/dist/lui.esm.js +67 -50
- package/dist/lui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/lui.esm.js
CHANGED
|
@@ -202,6 +202,9 @@ iconMap['ic_attachment'] = (React__default.createElement("svg", { viewBox: "0 0
|
|
|
202
202
|
React__default.createElement("path", { d: "M2.016 12.023c0-1.531.531-2.836 1.594-3.914C4.673 7.03 5.97 6.492 7.501 6.492h10.5c1.094 0 2.032.398 2.813 1.195.781.797 1.172 1.742 1.172 2.836 0 1.094-.39 2.032-1.172 2.813-.781.781-1.719 1.172-2.813 1.172H9.517a2.472 2.472 0 0 1-1.781-.727c-.5-.485-.75-1.07-.75-1.758 0-.687.25-1.281.75-1.781s1.094-.75 1.781-.75h7.5v2.016H9.423c-.281 0-.422.164-.422.492 0 .328.14.492.422.492h8.578c.531 0 1-.195 1.406-.586.406-.39.609-.852.609-1.383s-.203-1-.609-1.406c-.406-.406-.875-.61-1.406-.61h-10.5c-.969 0-1.797.345-2.484 1.032a3.386 3.386 0 0 0-1.031 2.484c0 .969.344 1.789 1.031 2.46a3.425 3.425 0 0 0 2.484 1.009h9.516v2.016H7.501c-1.531 0-2.828-.531-3.891-1.594-1.063-1.063-1.594-2.36-1.594-3.891Z" })));
|
|
203
203
|
iconMap['ic_auth_and_instruct'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
|
|
204
204
|
React__default.createElement("path", { d: "m12.69 17.403 1.059 1.053a1.37 1.37 0 0 1-.724.194.825.825 0 0 1-.528-.162.528.528 0 0 1-.206-.437c0-.134.036-.252.107-.354.071-.103.168-.2.292-.294Zm.6-1.268a.477.477 0 0 0 .146-.346.33.33 0 0 0-.115-.266.443.443 0 0 0-.296-.098.51.51 0 0 0-.337.102.356.356 0 0 0-.123.29c0 .188.101.394.303.62a1.89 1.89 0 0 0 .421-.302Zm-5.912-1.311a73.182 73.182 0 0 1-.696 2.33h1.403c-.36-1.16-.564-1.817-.61-1.97a5.627 5.627 0 0 1-.097-.36ZM21.222 8v12c0 1.1-.9 2-2 2H5.212c-1.1 0-1.99-.9-1.99-2l.01-16c0-1.1.89-2 1.99-2h10l6 6ZM9.978 19.393 8.07 13.988H6.675l-1.9 5.405h1.23l.39-1.281h1.962l.39 1.281h1.23Zm5.927.01-.96-.935c.17-.21.322-.452.456-.725.134-.273.24-.554.316-.84h-1.014c-.111.39-.242.71-.393.96l-.906-.884c.328-.19.565-.389.712-.598.146-.21.22-.441.22-.694a.887.887 0 0 0-.356-.739c-.237-.184-.553-.276-.949-.276-.415 0-.746.1-.994.297a.951.951 0 0 0-.371.782c0 .197.036.38.108.547.073.167.189.342.348.525-.313.178-.533.37-.662.575a1.374 1.374 0 0 0-.193.745c0 .406.152.729.456.967.304.238.716.357 1.235.357.512 0 .972-.141 1.378-.424l.367.36h1.202Zm3.08-5.393h-1.142v5.383h1.142V14.01ZM19.222 9h-5V4h-9v8h14V9Z" })));
|
|
205
|
+
iconMap['ic_auto_regenerate'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
|
|
206
|
+
React__default.createElement("path", { d: "M12 7V5.589c-3.724 0-6.75 2.874-6.75 6.41 0 .845.169 1.668.495 2.405.169.385.045.823-.259 1.111-.574.545-1.541.353-1.845-.363A8 8 0 0 1 3 12c0-4.723 4.028-8.548 9-8.548V1.539c0-.48.607-.716.956-.384l3.139 2.98a.51.51 0 0 1 0 .76L13.878 7zm-1.878 10-2.217 2.105a.51.51 0 0 0 0 .759l3.139 2.981c.348.331.956.096.956-.374v-1.923c4.973 0 9-3.825 9-8.548 0-1.111-.225-2.18-.641-3.152-.304-.716-1.272-.908-1.845-.364-.304.289-.428.738-.259 1.112.315.748.495 1.56.495 2.404 0 3.537-3.026 6.41-6.75 6.41V17z" }),
|
|
207
|
+
React__default.createElement("path", { d: "M16 16h-1.487l-.78-2.046H10.26L9.487 16H8l3.232-8h1.536zm-2.716-3.206-1.247-3.308h-.074l-1.247 3.308z" })));
|
|
205
208
|
iconMap['ic_balance_parcel'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
206
209
|
React__default.createElement("path", { d: "M23 15h-2v2h2v-2Zm0-4h-2v2h2v-2Zm0 8h-2v2c1 0 2-1 2-2ZM15 3h-2v2h2V3Zm8 4h-2v2h2V7Zm-2-4v2h2c0-1-1-2-2-2ZM3 21h8v-6H1v4c0 1.1.9 2 2 2ZM3 7H1v2h2V7Zm12 12h-2v2h2v-2Zm4-16h-2v2h2V3Zm0 16h-2v2h2v-2ZM3 3C2 3 1 4 1 5h2V3Zm0 8H1v2h2v-2Zm8-8H9v2h2V3ZM7 3H5v2h2V3Z" })));
|
|
207
210
|
iconMap['ic_basemap_off'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -364,6 +367,8 @@ iconMap['ic_expand_more'] = (React__default.createElement("svg", { xmlns: "http:
|
|
|
364
367
|
React__default.createElement("path", { d: "M16.594 8.297 18 9.703l-6 6-6-6 1.406-1.406L12 12.891z" })));
|
|
365
368
|
iconMap['ic_fast_forward'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
|
|
366
369
|
React__default.createElement("path", { d: "m5.58 16.89 5.77-4.07c.56-.4.56-1.24 0-1.63L5.58 7.11C4.91 6.65 4 7.12 4 7.93v8.14c0 .81.91 1.28 1.58.82ZM13 7.93v8.14c0 .81.91 1.28 1.58.82l5.77-4.07c.56-.4.56-1.24 0-1.63l-5.77-4.07c-.67-.47-1.58 0-1.58.81Z" })));
|
|
370
|
+
iconMap['ic_fast_forward_outline'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
|
|
371
|
+
React__default.createElement("path", { d: "M20.88,10.37l-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v2.46l-.02-.02-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v8.14c0,.75.4,1.42,1.06,1.77.66.35,1.46.3,2.08-.12l5.79-4.08s.01,0,.02-.01v2.45c0,.75.4,1.42,1.06,1.77.3.16.62.23.94.23.4,0,.8-.12,1.14-.35l5.79-4.08c.53-.38.84-.99.84-1.64,0-.66-.31-1.25-.84-1.62ZM11.35,12.82l-5.77,4.07c-.32.21-.71.24-1.04.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82ZM20.3,12.82l-5.77,4.07h0c-.32.22-.71.24-1.05.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82Z" })));
|
|
367
372
|
iconMap['ic_feedback_lightbulb'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
368
373
|
React__default.createElement("path", { d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2Zm-3-3h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1s.45 1 1 1Zm3-17C7.86 2 4.5 5.36 4.5 9.5c0 3.82 2.66 5.86 3.77 6.5h7.46c1.11-.64 3.77-2.68 3.77-6.5C19.5 5.36 16.14 2 12 2Z" })));
|
|
369
374
|
iconMap['ic_feedback_lightbulb_alt'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -567,11 +572,11 @@ iconMap['ic_placeholder'] = (React__default.createElement("svg", { viewBox: "0 0
|
|
|
567
572
|
iconMap['ic_plan_generation'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
|
|
568
573
|
React__default.createElement("g", null,
|
|
569
574
|
React__default.createElement("path", { d: "M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H3V6h18zm-6.5-7L11 15.51 8.5 12.5 5 17h14z" }))));
|
|
570
|
-
iconMap['ic_pointer_outlined'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
571
|
-
React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.2254 15.7324L14.2019 10.7768L20 8.82125L4 3.99902L8.80221 19.999L10.7054 14.2212L15.7068 19.2657L19.2254 15.7324ZM10.1081 11.5323L15.707 17.2212L17.1676 15.7767L11.5244 10.1101L15.1537 8.91008L6.19107 6.22119L8.89093 15.2212L10.1081 11.5323Z", fill: "currentColor" })));
|
|
572
575
|
iconMap['ic_plus_one'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
573
576
|
React__default.createElement("g", null,
|
|
574
577
|
React__default.createElement("path", { d: "M10 8H8v4H4v2h4v4h2v-4h4v-2h-4V8Zm4.5-1.92V7.9l2.5-.5V18h2V5l-4.5 1.08Z" }))));
|
|
578
|
+
iconMap['ic_pointer_outlined'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
579
|
+
React__default.createElement("path", { d: "M19.2254 15.7324L14.2019 10.7768L20 8.82125L4 3.99902L8.80221 19.999L10.7054 14.2212L15.7068 19.2657L19.2254 15.7324ZM10.1081 11.5323L15.707 17.2212L17.1676 15.7767L11.5244 10.1101L15.1537 8.91008L6.19107 6.22119L8.89093 15.2212L10.1081 11.5323Z" })));
|
|
575
580
|
iconMap['ic_polygon_selection'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
576
581
|
React__default.createElement("path", { d: "M21.02 17H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" }),
|
|
577
582
|
React__default.createElement("path", { d: "M9.793 3.793a1 1 0 0 1 1.327-.078l.791.625-1.239 1.57-.277.11L8.98 4.605l.813-.812Zm4.046 4.617-1.584-1.25 1.24-1.57 1.583 1.25-1.24 1.57Zm-5.07-.765L7.146 9.27 5.73 7.855 7.355 6.23 8.77 7.645Zm8.236 3.265-1.583-1.25 1.24-1.57 1.583 1.25-1.24 1.57ZM5 12.125l.52-1.23L4.105 9.48l-.812.813A1 1 0 0 0 3 11v1.125h2Zm13.589.035 1.239-1.57.792.625A1 1 0 0 1 21 12v1h-2l-.411-.84ZM5 14.375v2.25H3v-2.25h2Zm0 4.5V21H4a1 1 0 0 1-1-1v-1.125h2ZM7 19h2v2H7v-2Zm4 0h2v2h-2v-2Z" })));
|
|
@@ -599,6 +604,9 @@ iconMap['ic_refresh'] = (React__default.createElement("svg", { viewBox: "0 0 24
|
|
|
599
604
|
iconMap['ic_regenerate'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
600
605
|
React__default.createElement("g", null,
|
|
601
606
|
React__default.createElement("path", { d: "M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79a.5.5 0 0 0-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6Zm5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79a.5.5 0 0 0 .85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34Z" }))));
|
|
607
|
+
iconMap['ic_regenerate_off'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
|
|
608
|
+
React__default.createElement("g", null,
|
|
609
|
+
React__default.createElement("path", { d: "M10 5.74v-.19c0-.68-.71-1.11-1.32-.82-.19.09-.36.2-.54.3L9.6 6.49c.24-.18.4-.45.4-.75M20 12c0-2.21-.91-4.2-2.36-5.64l1.51-1.51a.5.5 0 0 0-.36-.85H14v4.79c0 .45.54.67.85.35l1.39-1.39C17.32 8.85 18 10.34 18 12c0 .85-.18 1.66-.5 2.39l1.48 1.48A7.9 7.9 0 0 0 20 12M3.57 4.7a.996.996 0 0 0 0 1.41l1.65 1.65A8 8 0 0 0 4 12c0 2.21.91 4.2 2.36 5.64l-1.51 1.51a.5.5 0 0 0 .36.85H9.5c.28 0 .5-.22.5-.5v-4.29c0-.45-.54-.67-.85-.35l-1.39 1.39C6.68 15.15 6 13.66 6 12c0-1 .26-1.93.69-2.76l8.07 8.07c-.01.02-.01.02-.01.04-.43.12-.75.48-.75.91v.18c0 .68.71 1.11 1.32.82.31-.14.61-.31.9-.49l1.87 1.87a.996.996 0 1 0 1.41-1.41L4.98 4.7a.996.996 0 0 0-1.41 0" }))));
|
|
602
610
|
iconMap['ic_release'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
603
611
|
React__default.createElement("path", { d: "M17.8 9.5h-1.5V20h-3.9l-.6 1.5h6v-12Zm-.8-7H5.8v5h1.5V4h8.3L17 2.5Zm1.8 15h2.5c.8 0 1.5-.7 1.5-1.5V9.5c0-.4-.2-.8-.4-1.1l-4.9-4.9-.8.8c-.2.2-.3.5-.3.8v.2l.6 3.2h1.8v9Zm-7-4H6.6l.7-3.2v-.2c0-.3-.1-.6-.3-.8l-.8-.8-4.9 4.9c-.3.3-.4.7-.4 1.1V21c0 .8.7 1.5 1.5 1.5H9c.6 0 1.1-.4 1.4-.9l2.3-5.3c.1-.2.1-.4.1-.5v-1.2c0-.7-.5-1.1-1-1.1Z" })));
|
|
604
612
|
iconMap['ic_remove_circle'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -25657,8 +25665,8 @@ function styleInject(css, ref) {
|
|
|
25657
25665
|
}
|
|
25658
25666
|
}
|
|
25659
25667
|
|
|
25660
|
-
var css_248z$
|
|
25661
|
-
styleInject(css_248z$
|
|
25668
|
+
var css_248z$n = ".LuiFloatingWindow-buttons {\n display: flex;\n align-items: center;\n}\n\n.LuiFloatingWindow-extra-buttons-divider {\n margin-right: 4px;\n margin-left: 8px;\n margin-top: -6px;\n font-size: x-large;\n opacity: 0.7;\n}\n\n.FloatingWindow-window {\n box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1490196078), 0px 6px 10px 0px rgba(0, 0, 0, 0.2509803922);\n position: absolute;\n background-color: #ffffff;\n top: 10%;\n left: 5%;\n display: flex;\n flex-direction: column;\n border-radius: 9px;\n}\n\n.FloatingWindow-container {\n display: flex;\n height: calc(100% - 50px);\n width: 100%;\n overflow: auto;\n}\n\n.FloatingWindow-header-element {\n flex: 0;\n}\n\n.FloatingWindow-header {\n height: 48px;\n line-height: 48px;\n color: #2a292c;\n padding: 0 8px;\n display: flex;\n overflow: hidden;\n justify-content: space-between;\n border-bottom: 2px #eaeaea solid;\n font-size: 1em;\n font-weight: 600;\n}\n\n.FloatingWindow-header-title-text {\n font-size: 1em;\n font-weight: 600;\n overflow: hidden;\n}\n\n.FloatingWindow-buttons {\n display: flex;\n align-items: center;\n}\n\n.FloatingWindow-extra-buttons-divider {\n margin-right: 4px;\n margin-left: 8px;\n margin-top: -6px;\n font-size: x-large;\n opacity: 0.7;\n}\n\n.FloatingWindowHeaderButton-button {\n padding: 0 0 0 8px;\n border: none;\n outline: none;\n border-radius: 50%;\n background-color: transparent;\n color: #6b6966;\n display: flex;\n}\n\n.FloatingWindowHeaderButton-icon {\n fill: #6b6966;\n}\n\n.floating-window-icon {\n display: inline-block;\n height: 24px;\n max-height: 24px;\n max-width: 24px;\n width: 24px;\n fill: #6b6966;\n}";
|
|
25669
|
+
styleInject(css_248z$n);
|
|
25662
25670
|
|
|
25663
25671
|
/**
|
|
25664
25672
|
* Overwrite the common buttons for floating window to
|
|
@@ -27853,8 +27861,8 @@ ReactSplitGrid.defaultProps = {
|
|
|
27853
27861
|
onDrag: undefined,
|
|
27854
27862
|
};
|
|
27855
27863
|
|
|
27856
|
-
var css_248z$
|
|
27857
|
-
styleInject(css_248z$
|
|
27864
|
+
var css_248z$m = ".LuiResizableLayout-leftPanel {\n display: flex;\n flex-direction: column;\n /* this overflow and the one below (LuiResizableLayout-leftPanelBody) are need to make only\n the search result div scroll (instead of the whole page) */\n overflow: auto;\n}\n\n.LuiResizableLayout-rightPanel {\n display: flex;\n flex-direction: column;\n /* this overflow and the one below (LuiResizableLayout-leftPanelBody) are need to make only\n the search result div scroll (instead of the whole page) */\n overflow: auto;\n}\n\n.LuiResizableLayout-leftPanelBody {\n overflow-y: auto;\n}\n\n.LuiResizableLayout-gutterParentControl {\n display: flex;\n /* use visibility and opacity instead of display: none as we want to be able to fade in on hover */\n visibility: hidden;\n opacity: 0;\n position: fixed;\n top: 50%;\n z-index: 500;\n margin-left: -30px; /*half total control width, minus half the gutter width*/\n transition: 0.3s all 2s ease-in;\n}\n\n.LuiResizableLayout-gutterControlLeft, .LuiResizableLayout-gutterControlRight {\n background-color: #eaeaea;\n width: 32px;\n height: 80px;\n text-align: center;\n display: flex;\n align-items: center;\n}\n\n.LuiResizableLayout-gutterControlLeft {\n border-radius: 3px 0 0 3px;\n}\n\n.LuiResizableLayout-gutterControlRight {\n border-radius: 0 3px 3px 0;\n}\n\n.LuiResizableLayout-gutterControlLeft > .LuiIcon, .LuiResizableLayout-gutterControlRight > .LuiIcon {\n height: auto;\n}\n\n.LuiResizableLayout-gutterControlLeft:hover, .LuiResizableLayout-gutterControlRight:hover {\n background-color: #73c8e1;\n cursor: pointer;\n}\n\n.LuiResizableLayout-gutterControl-collapsed {\n visibility: hidden;\n}\n\n/* TODO: move the expand gutter button so it doesn't show over the scroll bar */\n.LuiResizableLayout-gutterParentControlVisible {\n visibility: visible;\n opacity: 1;\n}\n\n.LuiResizableLayout-grid {\n display: grid;\n height: 100%;\n}\n\n.LuiResizableLayout-gutterCol {\n grid-row: 1/-1;\n cursor: col-resize;\n width: 16px;\n z-index: 1;\n}\n\n.LuiResizableLayout-gutterCol-collapsed {\n width: 4px;\n}\n\n.LuiResizableLayout-gutterCol1 {\n grid-column: 2;\n}\n\n.LuiResizableLayout-gutterCol:hover > .LuiResizableLayout-gutterParentControl {\n visibility: visible;\n opacity: 1;\n transition: 0s all 0s ease-in;\n}\n\n.LuiResizableLayout-gutterSlider {\n width: 4px;\n height: 100%;\n background-color: #eaeaea;\n pointer-events: none;\n}\n\n.LuiResizableLayout-gutterCol:hover .LuiResizableLayout-gutterSlider, .LuiResizableLayout-gutterCol:active .LuiResizableLayout-gutterSlider {\n background-color: #73c8e1;\n}";
|
|
27865
|
+
styleInject(css_248z$m);
|
|
27858
27866
|
|
|
27859
27867
|
var GutterComponent = function (props) {
|
|
27860
27868
|
var leftIcon = (React__default.createElement(LuiIcon, { name: "ic_double_arrow_left", alt: "", status: "interactive" }));
|
|
@@ -31613,8 +31621,8 @@ var LuiTabsPanelSwitch = function (props) {
|
|
|
31613
31621
|
} }, tabProps), children));
|
|
31614
31622
|
};
|
|
31615
31623
|
|
|
31616
|
-
var css_248z$
|
|
31617
|
-
styleInject(css_248z$
|
|
31624
|
+
var css_248z$l = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiError {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: 600;\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n color: #2a292c;\n}\n.LuiError-errorIcon {\n vertical-align: middle;\n display: inline-block;\n}\n.LuiError-errorText {\n margin-left: 0.5rem;\n}";
|
|
31625
|
+
styleInject(css_248z$l);
|
|
31618
31626
|
|
|
31619
31627
|
var LuiError = function (_a) {
|
|
31620
31628
|
var error = _a.error, className = _a.className;
|
|
@@ -31976,8 +31984,8 @@ var LuiDateInput = React__default.forwardRef(function (_a, ref) {
|
|
|
31976
31984
|
return React__default.createElement(LuiTextInput, __assign({}, mapped, { ref: ref }));
|
|
31977
31985
|
});
|
|
31978
31986
|
|
|
31979
|
-
var css_248z$
|
|
31980
|
-
styleInject(css_248z$
|
|
31987
|
+
var css_248z$k = ".LuiTextInput.money input {\n background-image: url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'> <text x='4' y='31' font-size='15' font-family='Open Sans, system-ui, sans-seri' text-anchor='middle'>$</text> </svg>\");\n background-position: 10px center;\n background-repeat: no-repeat;\n padding-left: 22px;\n line-height: unset;\n}";
|
|
31988
|
+
styleInject(css_248z$k);
|
|
31981
31989
|
|
|
31982
31990
|
var MoneyParser = /** @class */ (function () {
|
|
31983
31991
|
function MoneyParser(init, options) {
|
|
@@ -39629,9 +39637,9 @@ var StateManagedSelect = /*#__PURE__*/React__default.forwardRef(function (props,
|
|
|
39629
39637
|
|
|
39630
39638
|
var Select = StateManagedSelect;
|
|
39631
39639
|
|
|
39632
|
-
var css_248z$
|
|
39640
|
+
var css_248z$j = "";
|
|
39633
39641
|
var colors = {"charcoal":"#2a292c","fuscous":"#6b6966","gray":"#989189","silver":"#beb9b4","lily":"#eaeaea","dew":"#DAD7D6","hint":"#f9f9f9","snow":"#ffffff","white":"#ffffff","teal":"#00425d","sea":"#007198","electric":"#0096cc","spray":"#73c8e1","polar":"#e2f3f7","memesia":"#1F69C3","sherpa":"#004b50","surfie":"#017a76","persian":"#00a599","downy":"#73cdc8","iceberg":"#dcf5f0","sacramento":"#004e32","salem":"#08814d","pigment":"#0aa245","granny":"#9bd79b","panache":"#e9fae7","brand-primary":"#004b50","brand-secondary":"#017a76","engine":"#cc0000","carrot":"#EA6A2E","kendall":"#F5CCCC","elizabeth":"#FBDED0","andrea":"#3A7CDF","celestial":"#D7E5F9","golf":"#0AA345","error":"#cc0000","error-bg":"#F5CCCC","error-focus":"#5a0000","warning":"#EA6A2E","warning-bg":"#fbdfd2","warning-focus":"#b33a01","success":"#0aa245","success-bg":"#e9fae7","info":"#3A7CDF","info-bg":"#d8e5f9","visited":"#00425d","green-hover":"#107c3a","green-active":"#094a22","green-btn":"#0aa245","txt-link":"#1F69C3","primary-hover-btn":"#005678","selection":"#c7e9f3","heading-color":"#017a76","heading-color--secondary":"#2a292c","base-type-color":"#2a292c","input-text":"#2a292c","input-placeholder":"#6b6966","input-placeholder-when-disabled":"#989189","base-icon-color":"#007198","disabled-color":"#989189","disabled-color-dark":"#6b6966","linz-color-primary":"#023d48","linz-color-primary-hover":"#01818a","linz-color-tertiary":"#e1e44a","linz-color-tertiary-hover":"#cdcf59","color-test-pink":"#f09","linz-linear-gradient-blue":"linear-gradient(70deg, #00425d 12%, #007198 100%)","linz-linear-gradient-teal":"linear-gradient(270deg, #00a599 1%, #73cdc8 100%)"};
|
|
39634
|
-
styleInject(css_248z$
|
|
39642
|
+
styleInject(css_248z$j);
|
|
39635
39643
|
|
|
39636
39644
|
var _excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
|
|
39637
39645
|
|
|
@@ -42294,8 +42302,8 @@ var LuiAlertModalV2 = function (props) {
|
|
|
42294
42302
|
} }), children));
|
|
42295
42303
|
};
|
|
42296
42304
|
|
|
42297
|
-
var css_248z$
|
|
42298
|
-
styleInject(css_248z$
|
|
42305
|
+
var css_248z$i = "@keyframes react-loading-skeleton {\n 100% {\n transform: translateX(100%);\n }\n}\n\n.react-loading-skeleton {\n --base-color: #ebebeb;\n --highlight-color: #f5f5f5;\n --animation-duration: 1.5s;\n --animation-direction: normal;\n --pseudo-element-display: block; /* Enable animation */\n\n background-color: var(--base-color);\n\n width: 100%;\n border-radius: 0.25rem;\n display: inline-flex;\n line-height: 1;\n\n position: relative;\n user-select: none;\n overflow: hidden;\n z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n}\n\n.react-loading-skeleton::after {\n content: ' ';\n display: var(--pseudo-element-display);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--base-color),\n var(--highlight-color),\n var(--base-color)\n );\n transform: translateX(-100%);\n\n animation-name: react-loading-skeleton;\n animation-direction: var(--animation-direction);\n animation-duration: var(--animation-duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n@media (prefers-reduced-motion) {\n .react-loading-skeleton {\n --pseudo-element-display: none; /* Disable animation */\n }\n}\n";
|
|
42306
|
+
styleInject(css_248z$i);
|
|
42299
42307
|
|
|
42300
42308
|
/**
|
|
42301
42309
|
* @internal
|
|
@@ -46995,8 +47003,8 @@ var LuiSidePanelProvider = function (_a) {
|
|
|
46995
47003
|
React__default.createElement(LuiSidePanelContainer, __assign({}, props))));
|
|
46996
47004
|
};
|
|
46997
47005
|
|
|
46998
|
-
var css_248z$
|
|
46999
|
-
styleInject(css_248z$
|
|
47006
|
+
var css_248z$h = ".lui-switch-checkbox {\n height: 0;\n width: 0;\n visibility: hidden;\n}\n\n.lui-switch-label {\n display: flex;\n align-items: center;\n cursor: pointer;\n width: 40px;\n padding: 2px;\n background: #ffffff;\n border: 1px solid #007198;\n border-radius: 40px;\n position: relative;\n transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n content: \"\";\n position: relative;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n transition: 0.2s;\n background: #007198;\n box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-label-checked {\n background: #007198;\n}\n.lui-switch-label-checked .lui-switch-button {\n transform: translateX(20px);\n background: #ffffff;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n background: #eaeaea;\n border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n background: #eaeaea;\n}";
|
|
47007
|
+
styleInject(css_248z$h);
|
|
47000
47008
|
|
|
47001
47009
|
var LuiSwitchButton = function (props) {
|
|
47002
47010
|
var generatedId = useGenerateOrDefaultId();
|
|
@@ -54627,8 +54635,8 @@ var LuiAccordicardStatic = function (props) {
|
|
|
54627
54635
|
React__default.createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
|
|
54628
54636
|
};
|
|
54629
54637
|
|
|
54630
|
-
var css_248z$
|
|
54631
|
-
styleInject(css_248z$
|
|
54638
|
+
var css_248z$g = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-accordion {\n padding: 8px;\n display: flex;\n border-radius: 5px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n}\n.lui-accordion .chevron {\n transition: all 0.3s ease-in-out;\n transform: rotate(0);\n}\n.lui-accordion .chevron--isOpen {\n transform: rotate(180deg);\n}\n.lui-accordion .accordion-heading {\n padding: 4px;\n}\n.lui-accordion h4 {\n padding: 4px;\n}\n.lui-accordion > summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.lui-accordion > summary h4 {\n margin-top: 0;\n display: inline-block;\n}\n.lui-accordion > summary::marker, .lui-accordion > summary::-webkit-details-marker {\n display: none;\n}";
|
|
54639
|
+
styleInject(css_248z$g);
|
|
54632
54640
|
|
|
54633
54641
|
var LuiAccordion = function (props) {
|
|
54634
54642
|
var _a = props.expanded, expanded = _a === void 0 ? false : _a, heading = props.heading, children = props.children, _b = props.iconColor, iconColor = _b === void 0 ? '#017A76' : _b, className = props.className, _c = props.style, style = _c === void 0 ? {} : _c;
|
|
@@ -54739,8 +54747,8 @@ var LuiMultiSwitch = function (_a) {
|
|
|
54739
54747
|
React__default.createElement("div", { className: clsx('LuiMultiSwitch-labels', disabled && 'LuiMultiSwitch-disabled') }, options === null || options === void 0 ? void 0 : options.map(function (option, i) { return (React__default.createElement("label", { role: 'radio', key: i, htmlFor: id.current, "aria-disabled": option.disabled || disabled, "aria-checked": selectedIndex === i, className: option.className, onClick: function () { return select(i); }, onTouchStart: function () { return select(i); } }, option.text)); }))));
|
|
54740
54748
|
};
|
|
54741
54749
|
|
|
54742
|
-
var css_248z$
|
|
54743
|
-
styleInject(css_248z$
|
|
54750
|
+
var css_248z$f = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiListBox {\n padding: 0;\n list-style: none;\n}\n.LuiListBox .LuiListBoxItem {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n user-select: none;\n color: #2a292c;\n line-height: 24px;\n outline: none;\n padding: 0.5rem 0.75rem;\n border: 2px solid transparent;\n}\n.LuiListBox .LuiListBoxItem:focus-visible {\n border-color: #007198;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-selected {\n background: #e2f3f7;\n}\n.LuiListBox .LuiListBoxItem:hover, .LuiListBox .LuiListBoxItem.LuiListBoxItem-selected:hover {\n background: #d6eef4;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-disabled {\n background: #eaeaea;\n}\n.LuiListBox .LuiListBox-emptyIndicator, .LuiListBox .LuiListBox-loadingIndicator {\n padding: 0.5rem 0.75rem;\n}\n.LuiListBox .LuiListBoxGroup .LuiListBoxGroup-heading {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n user-select: none;\n color: #6b6966;\n line-height: 16px;\n padding: 0.5rem 0.5rem;\n}";
|
|
54751
|
+
styleInject(css_248z$f);
|
|
54744
54752
|
|
|
54745
54753
|
function $c1d7fb2ec91bae71$var$Item(props) {
|
|
54746
54754
|
return null;
|
|
@@ -58240,16 +58248,16 @@ function DefaultEmptyIndicator() {
|
|
|
58240
58248
|
return React__default.createElement("li", { className: "LuiListBox-emptyIndicator" }, "Nothing to Display");
|
|
58241
58249
|
}
|
|
58242
58250
|
|
|
58243
|
-
var css_248z$
|
|
58244
|
-
styleInject(css_248z$
|
|
58251
|
+
var css_248z$e = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.RadioItemRenderer {\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 0 0 2rem;\n}\n.RadioItemRenderer::before {\n content: \"\";\n height: 1.5rem;\n min-width: 1.5rem;\n width: 1.5rem;\n border: 2px solid #007198;\n border-radius: 50%;\n background-color: transparent;\n position: absolute;\n left: 0;\n top: 0;\n margin-right: 0.75rem;\n}\n.RadioItemRenderer:after {\n content: \"\";\n position: absolute;\n left: 5px;\n top: 5px;\n background-color: #007198;\n height: 14px;\n min-width: 14px;\n width: 14px;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n}\n.RadioItemRenderer-isSelected:after {\n opacity: 1;\n}";
|
|
58252
|
+
styleInject(css_248z$e);
|
|
58245
58253
|
|
|
58246
58254
|
function RadioItemRenderer(_a) {
|
|
58247
58255
|
var item = _a.item, isSelected = _a.isSelected;
|
|
58248
58256
|
return (React__default.createElement("div", { className: "RadioItemRenderer ".concat(isSelected ? 'RadioItemRenderer-isSelected' : '') }, item.label));
|
|
58249
58257
|
}
|
|
58250
58258
|
|
|
58251
|
-
var css_248z$
|
|
58252
|
-
styleInject(css_248z$
|
|
58259
|
+
var css_248z$d = ".CheckboxRenderer {\n display: flex;\n align-items: center;\n}";
|
|
58260
|
+
styleInject(css_248z$d);
|
|
58253
58261
|
|
|
58254
58262
|
function CheckboxItemRenderer(_a) {
|
|
58255
58263
|
var item = _a.item, isSelected = _a.isSelected;
|
|
@@ -58275,8 +58283,8 @@ function LuiSideMenuItem(_a) {
|
|
|
58275
58283
|
React__default.createElement("span", { className: "navText" }, label)))));
|
|
58276
58284
|
}
|
|
58277
58285
|
|
|
58278
|
-
var css_248z$
|
|
58279
|
-
styleInject(css_248z$
|
|
58286
|
+
var css_248z$c = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n@keyframes animate-stripes {\n 100% {\n background-position: 100px 0;\n }\n}\n.ProgressBar, .ProgressBar-PROC, .ProgressBar-COMP, .ProgressBar-FAIL {\n height: 5px;\n width: 100%;\n background-color: #eaeaea;\n border-radius: 3px;\n}\n.ProgressBar-FAIL {\n background-color: #cc0000;\n}\n.ProgressBar-COMP {\n background-color: #0aa245;\n}\n.ProgressBar-PROC {\n background-color: #0096cc;\n transition: width 0.3s ease-in-out;\n}\n.ProgressBar-PROC.indeterminate {\n background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.75) 75%, transparent 75%);\n background-size: 50px 100%;\n animation: animate-stripes 5s linear infinite;\n}";
|
|
58287
|
+
styleInject(css_248z$c);
|
|
58280
58288
|
|
|
58281
58289
|
var LuiProgressBar = function (_a) {
|
|
58282
58290
|
var value = _a.value, max = _a.max, error = _a.error, _b = _a.barHeight, barHeight = _b === void 0 ? '5px' : _b;
|
|
@@ -58304,8 +58312,8 @@ var LuiProgressBar = function (_a) {
|
|
|
58304
58312
|
React__default.createElement("div", { "data-testid": 'progress-bar-size', className: clsx("ProgressBar-".concat(status), { indeterminate: indeterminate }), style: { width: "".concat(percentage, "%"), height: barHeight } })));
|
|
58305
58313
|
};
|
|
58306
58314
|
|
|
58307
|
-
var css_248z$
|
|
58308
|
-
styleInject(css_248z$
|
|
58315
|
+
var css_248z$b = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Toolbar {\n position: absolute;\n align-items: center;\n align-self: center;\n background: #ffffff;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n height: fit-content;\n margin: 0 0.75rem;\n padding: 0;\n width: fit-content;\n z-index: 1000;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n}\n\n.Left {\n justify-self: start;\n}\n\n.Right {\n justify-self: end;\n}";
|
|
58316
|
+
styleInject(css_248z$b);
|
|
58309
58317
|
|
|
58310
58318
|
var ToolbarDirection;
|
|
58311
58319
|
(function (ToolbarDirection) {
|
|
@@ -58327,8 +58335,8 @@ var ToolbarIcon = function (_a) {
|
|
|
58327
58335
|
return iconImage ? (React__default.createElement("img", { className: "LuiIcon--lg", alt: iconName, src: iconImage })) : (React__default.createElement(LuiIcon, { name: iconName, alt: iconName, size: 'md' }));
|
|
58328
58336
|
};
|
|
58329
58337
|
|
|
58330
|
-
var css_248z$
|
|
58331
|
-
styleInject(css_248z$
|
|
58338
|
+
var css_248z$a = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToolbarButton {\n height: 40px;\n width: 40px;\n line-height: 12px;\n margin: 2px;\n padding: 0.25rem;\n}\n\n.ToolbarButton-placement {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ToolbarButton img {\n border-radius: 3px;\n margin: -0.25rem;\n}\n\n.ToolbarButton,\n.ToolbarButton:hover,\n.ToolbarButton:disabled,\n.ToolbarButton:active:enabled {\n border-radius: 5px;\n border: 2px #ffffff solid !important;\n}\n\n.ToolbarItem-separator {\n height: 2px;\n background-color: #eaeaea;\n width: 100%;\n}";
|
|
58339
|
+
styleInject(css_248z$a);
|
|
58332
58340
|
|
|
58333
58341
|
/**
|
|
58334
58342
|
* Create button for using either LuiIcon or Image.
|
|
@@ -58391,8 +58399,8 @@ var useMediaQuery = function (query) {
|
|
|
58391
58399
|
return matches;
|
|
58392
58400
|
};
|
|
58393
58401
|
|
|
58394
|
-
var css_248z$
|
|
58395
|
-
styleInject(css_248z$
|
|
58402
|
+
var css_248z$9 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiCounter-round {\n background: #007198;\n color: #ffffff;\n text-align: center;\n width: 1.5em;\n height: 1.5em;\n border-radius: 50%;\n display: inline-block;\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n pointer-events: none;\n}";
|
|
58403
|
+
styleInject(css_248z$9);
|
|
58396
58404
|
|
|
58397
58405
|
var LuiCounter = React__default.forwardRef(function (props, ref) {
|
|
58398
58406
|
var selectedNum = props.selectedNum, totalNum = props.totalNum, _a = props.shape, shape = _a === void 0 ? 'rect' : _a, _b = props.countZero, countZero = _b === void 0 ? true : _b, title = props.title, className = props.className, rest = __rest(props, ["selectedNum", "totalNum", "shape", "countZero", "title", "className"]);
|
|
@@ -58407,8 +58415,8 @@ var LuiCounter = React__default.forwardRef(function (props, ref) {
|
|
|
58407
58415
|
return (React__default.createElement(React__default.Fragment, null, !(selectedNum === 0 && !countZero) && (React__default.createElement("span", __assign({ ref: ref, className: determineCounterClassname(), "data-testid": "lui-counter-number-".concat(shape), title: title !== null && title !== void 0 ? title : "".concat(selectedNum, " of ").concat(totalNum, " rows selected") }, rest), selectedNum.toLocaleString()))));
|
|
58408
58416
|
});
|
|
58409
58417
|
|
|
58410
|
-
var css_248z$
|
|
58411
|
-
styleInject(css_248z$
|
|
58418
|
+
var css_248z$8 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-pagination-override-mobile .lui-pagination-desktop {\n display: none;\n visibility: hidden;\n opacity: 0;\n}\n.lui-pagination-override-mobile .lui-pagination-mobile {\n display: flex;\n}\n\n.lui-pagination-override-desktop .lui-pagination-mobile {\n display: none;\n visibility: hidden;\n opacity: 0;\n}\n.lui-pagination-override-desktop .lui-pagination-desktop {\n display: flex;\n}\n\n.lui-pagination-controller {\n container-type: inline-size;\n}\n@container (min-width: 500px) {\n .lui-pagination-controller .lui-pagination-mobile {\n display: none;\n visibility: hidden;\n opacity: 0;\n }\n .lui-pagination-controller .lui-pagination-desktop {\n display: flex;\n }\n}\n@container (max-width: 499px) {\n .lui-pagination-controller .lui-pagination-desktop {\n display: none;\n visibility: hidden;\n opacity: 0;\n }\n .lui-pagination-controller .lui-pagination-mobile {\n display: flex;\n }\n}\n\n.lui-pagination {\n display: flex;\n user-select: none;\n justify-content: center;\n}\n.lui-pagination-page-counter {\n display: flex;\n align-items: center;\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n.lui-pagination .lui-button {\n color: #2a292c;\n height: 40px;\n padding: 0.5rem 0.75rem;\n vertical-align: top;\n}\n.lui-pagination .lui-button .lui-pagination-navigation-icon {\n padding-top: 1px;\n}\n.lui-pagination .lui-button .lui-pagination-navigation-icon path {\n fill: #2a292c;\n}\n.lui-pagination .lui-button:hover {\n color: #2a292c;\n}\n.lui-pagination .lui-button-selected {\n background-color: #007198;\n color: #ffffff;\n}\n.lui-pagination-ellipsis {\n pointer-events: none;\n}\n.lui-pagination-navigate-disabled {\n pointer-events: none;\n}\n.lui-pagination-navigate-disabled .lui-pagination-navigation-icon {\n padding-top: 1px;\n}\n.lui-pagination-navigate-disabled .lui-pagination-navigation-icon path {\n fill: #989189 !important;\n}";
|
|
58419
|
+
styleInject(css_248z$8);
|
|
58412
58420
|
|
|
58413
58421
|
var LuiPagination = function (_a) {
|
|
58414
58422
|
var totalPages = _a.totalPages, currentPage = _a.currentPage, onPageChange = _a.onPageChange, _b = _a.isMobileLayout, isMobileLayout = _b === void 0 ? null : _b;
|
|
@@ -58518,11 +58526,11 @@ var LuiPagination = function (_a) {
|
|
|
58518
58526
|
React__default.createElement("div", { className: "pagination" }, renderPaginationNumbers())))));
|
|
58519
58527
|
};
|
|
58520
58528
|
|
|
58521
|
-
var css_248z$
|
|
58522
|
-
styleInject(css_248z$
|
|
58529
|
+
var css_248z$7 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Separator {\n background-color: #eaeaea;\n position: absolute;\n display: flex;\n justify-content: space-around;\n transition-property: background-color;\n transition-delay: 750ms;\n transition-duration: 0ms;\n}\n.Separator-arrows {\n align-self: center;\n position: relative;\n opacity: 0;\n transition-property: opacity;\n transition-delay: 750ms;\n transition-duration: 0ms;\n}\n.Separator:focus-within, .Separator:hover, .Separator:focus, .Separator:active {\n background-color: #73c8e1;\n transition-delay: 0ms;\n transition-duration: 0ms;\n}\n.Separator:focus-within .Separator-arrows, .Separator:hover .Separator-arrows, .Separator:focus .Separator-arrows, .Separator:active .Separator-arrows {\n opacity: 1;\n transition-delay: 0ms;\n transition-duration: 0ms;\n display: inline-block;\n}";
|
|
58530
|
+
styleInject(css_248z$7);
|
|
58523
58531
|
|
|
58524
|
-
var css_248z$
|
|
58525
|
-
styleInject(css_248z$
|
|
58532
|
+
var css_248z$6 = ".Control {\n transition: opacity 0.2s ease;\n position: absolute;\n margin-left: 0 !important;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}";
|
|
58533
|
+
styleInject(css_248z$6);
|
|
58526
58534
|
|
|
58527
58535
|
var useForkRef = function (forwardedRef) {
|
|
58528
58536
|
var localRef = useRef(null);
|
|
@@ -59251,8 +59259,8 @@ var keyDownHandler = function (e) {
|
|
|
59251
59259
|
return valueNow + delta;
|
|
59252
59260
|
};
|
|
59253
59261
|
|
|
59254
|
-
var css_248z$
|
|
59255
|
-
styleInject(css_248z$
|
|
59262
|
+
var css_248z$5 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Splitter {\n display: grid;\n position: relative;\n overflow: hidden;\n opacity: 0;\n}\n.Splitter > :first-child, .Splitter > :nth-child(2) {\n position: relative;\n z-index: 0;\n overflow: auto;\n background: #ffffff;\n}\n.Splitter.resizing * {\n pointer-events: none;\n user-select: none;\n}";
|
|
59263
|
+
styleInject(css_248z$5);
|
|
59256
59264
|
|
|
59257
59265
|
/**
|
|
59258
59266
|
* Container that appends a separator when the children count equals 2.
|
|
@@ -59304,8 +59312,8 @@ var useSplitterRef = function () {
|
|
|
59304
59312
|
return { ref: ref, setRatio: setRatio };
|
|
59305
59313
|
};
|
|
59306
59314
|
|
|
59307
|
-
var css_248z$
|
|
59308
|
-
styleInject(css_248z$
|
|
59315
|
+
var css_248z$4 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiBannerV2 {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n font-size: 16px;\n display: grid;\n align-items: center;\n min-height: 3rem;\n position: relative;\n background-color: #ffffff;\n border-radius: 5px;\n padding-bottom: 0.5rem;\n padding-top: 0.5rem;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.LuiBannerV2 > :first-child {\n margin-top: 0;\n}\n.LuiBannerV2.has-level {\n padding-left: 3.25rem;\n border-left-width: 0.5rem;\n border-left-style: solid;\n}\n.LuiBannerV2.warning {\n border-left-color: #EA6A2E;\n}\n.LuiBannerV2.error {\n border-left-color: #cc0000;\n}\n.LuiBannerV2.info {\n border-left-color: #3A7CDF;\n}\n.LuiBannerV2.success {\n border-left-color: #0AA345;\n}\n.LuiBannerV2.can-dismiss {\n padding-right: 2.5rem;\n}\n.LuiBannerV2-Icon {\n position: absolute;\n left: 0.5rem;\n top: 0.5rem;\n}\n.LuiBannerV2-Icon.warning {\n color: #EA6A2E;\n}\n.LuiBannerV2-Icon.error {\n color: #cc0000;\n}\n.LuiBannerV2-Icon.info {\n color: #3A7CDF;\n}\n.LuiBannerV2-Icon.success {\n color: #0AA345;\n}\n.LuiBannerV2-Icon svg {\n fill: currentColor;\n}\n.LuiBannerV2-Dismiss {\n display: flex;\n position: absolute;\n right: 0.75rem;\n top: 50%;\n transform: translateY(-50%);\n background-color: transparent;\n padding: 0;\n}\n.LuiBannerV2-Dismiss svg {\n fill: #6b6966;\n}";
|
|
59316
|
+
styleInject(css_248z$4);
|
|
59309
59317
|
|
|
59310
59318
|
var LuiBannerV2 = forwardRef$1(function (_a, ref) {
|
|
59311
59319
|
var _b, _c, _d;
|
|
@@ -59324,8 +59332,8 @@ var LuiBannerV2 = forwardRef$1(function (_a, ref) {
|
|
|
59324
59332
|
onDismiss && (React__default.createElement("button", __assign({}, dismissButtonProps, { className: clsx('LuiBannerV2-Dismiss', dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.className), "aria-label": (_b = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps['aria-label']) !== null && _b !== void 0 ? _b : 'Dismiss', type: (_c = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.type) !== null && _c !== void 0 ? _c : 'button', onClick: onDismiss }), (_d = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.children) !== null && _d !== void 0 ? _d : (React__default.createElement(LuiIcon, { size: "md", name: "ic_clear", spanProps: { 'aria-hidden': true }, alt: "Dismiss" }))))));
|
|
59325
59333
|
});
|
|
59326
59334
|
|
|
59327
|
-
var css_248z$
|
|
59328
|
-
styleInject(css_248z$
|
|
59335
|
+
var css_248z$3 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-color-picker,\n.lui-input-color-group {\n display: inline-grid;\n gap: 0.5rem;\n grid-template-columns: repeat(7, 1fr);\n}\n\ninput.lui-input-color-radio {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n word-wrap: normal;\n}\ninput.lui-input-color-radio + label {\n width: 1.5rem;\n height: 1.5rem;\n border-radius: 1rem;\n cursor: pointer;\n border: none;\n}\ninput.lui-input-color-radio:checked + label {\n border: 0.125rem solid #ffffff;\n box-shadow: 0 0 0.125rem 0.0625rem rgba(0, 0, 0, 0.2509803922);\n transition: all 0.05s ease;\n}";
|
|
59336
|
+
styleInject(css_248z$3);
|
|
59329
59337
|
|
|
59330
59338
|
var defaultColours = [
|
|
59331
59339
|
{ color: '#FF0000', description: 'Red' },
|
|
@@ -59375,8 +59383,8 @@ var ColorPalette = forwardRef$1(function (_a, ref) {
|
|
|
59375
59383
|
})));
|
|
59376
59384
|
});
|
|
59377
59385
|
|
|
59378
|
-
var css_248z$
|
|
59379
|
-
styleInject(css_248z$
|
|
59386
|
+
var css_248z$2 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToastProvider {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n display: grid;\n grid-template-columns: repeat(3, auto);\n grid-template-areas: \"left center right\";\n padding: 1.5rem;\n z-index: 1200;\n}\n.ToastProvider .LuiBannerV2 {\n justify-content: flex-start;\n min-height: 4rem;\n min-width: 320px;\n max-width: min(50vw - 2rem, 400px);\n background-color: #f9f9f9;\n}\n.ToastProvider .LuiBannerV2-Icon {\n top: 50%;\n transform: translateY(-50%);\n}\n.ToastProvider .LuiBannerV2-Icon.warning {\n transform: translateY(calc(-50% - 1px));\n}\n.ToastProvider .LuiBannerV2 * {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-weight: 400;\n}";
|
|
59387
|
+
styleInject(css_248z$2);
|
|
59380
59388
|
|
|
59381
59389
|
var topRightToastsHeight = function (portal) {
|
|
59382
59390
|
var _a, _b, _c, _d;
|
|
@@ -59447,8 +59455,8 @@ var getToastProviderEl = function () {
|
|
|
59447
59455
|
return portal;
|
|
59448
59456
|
};
|
|
59449
59457
|
|
|
59450
|
-
var css_248z = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToastSection {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 0.5rem;\n max-height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n /* IE and Edge */\n -ms-overflow-style: none;\n /* Firefox */\n scrollbar-width: none;\n /* Opera Safari Chrome */\n}\n.ToastSection::-webkit-scrollbar {\n display: none;\n}\n.ToastSection > :not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.ToastSection [data-toastId] {\n pointer-events: all;\n}\n.ToastSection.topLeft {\n grid-area: left;\n}\n.ToastSection.topLeft [data-toastId] {\n margin-right: auto;\n max-height: 100vh;\n animation: 0.4s topLeftin forwards;\n}\n@keyframes topLeftin {\n 0% {\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topLeft [data-toastId].ItemDeleted {\n animation: 0.4s topLeftout forwards;\n}\n@keyframes topLeftout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.topCenter {\n grid-area: center;\n}\n.ToastSection.topCenter [data-toastId] {\n margin-left: auto;\n margin-right: auto;\n max-height: 100vh;\n animation: 0.4s topCenterin forwards;\n}\n@keyframes topCenterin {\n 0% {\n opacity: 0;\n transform: translateY(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topCenter [data-toastId].ItemDeleted {\n animation: 0.4s topCenterout forwards;\n}\n@keyframes topCenterout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateY(-40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.topRight {\n grid-area: right;\n}\n.ToastSection.topRight [data-toastId] {\n margin-left: auto;\n max-height: 100vh;\n animation: 0.4s topRightin forwards;\n}\n@keyframes topRightin {\n 0% {\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topRight [data-toastId].ItemDeleted {\n animation: 0.4s topRightout forwards;\n}\n@keyframes topRightout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.bottomLeft {\n margin-right: auto;\n grid-area: left;\n margin-top: auto;\n}\n.ToastSection.bottomLeft [data-toastId] {\n animation: 0.4s bottomLeftin forwards;\n}\n@keyframes bottomLeftin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomLeft [data-toastId].ItemDeleted {\n animation: 0.4s bottomLeftout forwards;\n}\n@keyframes bottomLeftout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateX(-40%);\n }\n}\n.ToastSection.bottomCenter {\n grid-area: center;\n margin-top: auto;\n margin-left: auto;\n margin-right: auto;\n}\n.ToastSection.bottomCenter [data-toastId] {\n animation: 0.4s bottomCenterin forwards;\n}\n@keyframes bottomCenterin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateY(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomCenter [data-toastId].ItemDeleted {\n animation: 0.4s bottomCenterout forwards;\n}\n@keyframes bottomCenterout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateY(-40%);\n }\n}\n.ToastSection.bottomRight {\n grid-area: right;\n margin-top: auto;\n}\n.ToastSection.bottomRight [data-toastId] {\n margin-left: auto;\n animation: 0.4s bottomRightin forwards;\n}\n@keyframes bottomRightin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomRight [data-toastId].ItemDeleted {\n animation: 0.4s bottomRightout forwards;\n}\n@keyframes bottomRightout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateX(40%);\n }\n}";
|
|
59451
|
-
styleInject(css_248z);
|
|
59458
|
+
var css_248z$1 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToastSection {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 0.5rem;\n max-height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n /* IE and Edge */\n -ms-overflow-style: none;\n /* Firefox */\n scrollbar-width: none;\n /* Opera Safari Chrome */\n}\n.ToastSection::-webkit-scrollbar {\n display: none;\n}\n.ToastSection > :not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.ToastSection [data-toastId] {\n pointer-events: all;\n}\n.ToastSection.topLeft {\n grid-area: left;\n}\n.ToastSection.topLeft [data-toastId] {\n margin-right: auto;\n max-height: 100vh;\n animation: 0.4s topLeftin forwards;\n}\n@keyframes topLeftin {\n 0% {\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topLeft [data-toastId].ItemDeleted {\n animation: 0.4s topLeftout forwards;\n}\n@keyframes topLeftout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.topCenter {\n grid-area: center;\n}\n.ToastSection.topCenter [data-toastId] {\n margin-left: auto;\n margin-right: auto;\n max-height: 100vh;\n animation: 0.4s topCenterin forwards;\n}\n@keyframes topCenterin {\n 0% {\n opacity: 0;\n transform: translateY(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topCenter [data-toastId].ItemDeleted {\n animation: 0.4s topCenterout forwards;\n}\n@keyframes topCenterout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateY(-40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.topRight {\n grid-area: right;\n}\n.ToastSection.topRight [data-toastId] {\n margin-left: auto;\n max-height: 100vh;\n animation: 0.4s topRightin forwards;\n}\n@keyframes topRightin {\n 0% {\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topRight [data-toastId].ItemDeleted {\n animation: 0.4s topRightout forwards;\n}\n@keyframes topRightout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.bottomLeft {\n margin-right: auto;\n grid-area: left;\n margin-top: auto;\n}\n.ToastSection.bottomLeft [data-toastId] {\n animation: 0.4s bottomLeftin forwards;\n}\n@keyframes bottomLeftin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomLeft [data-toastId].ItemDeleted {\n animation: 0.4s bottomLeftout forwards;\n}\n@keyframes bottomLeftout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateX(-40%);\n }\n}\n.ToastSection.bottomCenter {\n grid-area: center;\n margin-top: auto;\n margin-left: auto;\n margin-right: auto;\n}\n.ToastSection.bottomCenter [data-toastId] {\n animation: 0.4s bottomCenterin forwards;\n}\n@keyframes bottomCenterin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateY(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomCenter [data-toastId].ItemDeleted {\n animation: 0.4s bottomCenterout forwards;\n}\n@keyframes bottomCenterout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateY(-40%);\n }\n}\n.ToastSection.bottomRight {\n grid-area: right;\n margin-top: auto;\n}\n.ToastSection.bottomRight [data-toastId] {\n margin-left: auto;\n animation: 0.4s bottomRightin forwards;\n}\n@keyframes bottomRightin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomRight [data-toastId].ItemDeleted {\n animation: 0.4s bottomRightout forwards;\n}\n@keyframes bottomRightout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateX(40%);\n }\n}";
|
|
59459
|
+
styleInject(css_248z$1);
|
|
59452
59460
|
|
|
59453
59461
|
var getToastSectionEl = function (position) {
|
|
59454
59462
|
var portal = getToastProviderEl();
|
|
@@ -59629,6 +59637,15 @@ var ToastProvider = function (_a) {
|
|
|
59629
59637
|
React.createElement(ToastContext.Provider, { value: dispatch }, children)));
|
|
59630
59638
|
};
|
|
59631
59639
|
|
|
59640
|
+
var css_248z = ".ToastBanner span[data-testid=toastMessageShow] {\n display: contents;\n}\n.ToastBanner span[data-testid=toastMessageShow] > :first-child {\n margin-top: 0;\n}";
|
|
59641
|
+
styleInject(css_248z);
|
|
59642
|
+
|
|
59643
|
+
var ToastBanner = function (_a) {
|
|
59644
|
+
var level = _a.level, onDismiss = _a.onDismiss, children = _a.children;
|
|
59645
|
+
return (React__default.createElement(LuiBannerV2, __assign({}, { level: level, onDismiss: onDismiss }, { "data-testid": "lui-msg-toast-show", dismissButtonProps: { 'aria-label': 'Close dialog' }, className: "ToastBanner" }),
|
|
59646
|
+
React__default.createElement("span", { "data-testid": "toastMessageShow" }, children)));
|
|
59647
|
+
};
|
|
59648
|
+
|
|
59632
59649
|
var getUniqueToastId = function () {
|
|
59633
59650
|
var _a;
|
|
59634
59651
|
var id = Number("".concat(Math.floor(Math.random() * 10000000)).slice(0, 4));
|
|
@@ -59653,7 +59670,7 @@ var toastFunctions = function (dispatch) {
|
|
|
59653
59670
|
var options = __assign(__assign({}, defaults), config);
|
|
59654
59671
|
return toast(function (_a) {
|
|
59655
59672
|
var onDismiss = _a.close;
|
|
59656
|
-
return (React.createElement(
|
|
59673
|
+
return (React.createElement(ToastBanner, __assign({}, { level: level, children: children, onDismiss: onDismiss })));
|
|
59657
59674
|
}, options);
|
|
59658
59675
|
};
|
|
59659
59676
|
};
|
|
@@ -59800,7 +59817,7 @@ var LuiToastMessageCompatibleInterface = function (props) {
|
|
|
59800
59817
|
if (display && !onceDismissed) {
|
|
59801
59818
|
var notification = function (_a) {
|
|
59802
59819
|
var close = _a.close;
|
|
59803
|
-
return React__default.createElement(
|
|
59820
|
+
return React__default.createElement(ToastBanner, __assign({}, { level: level, onDismiss: close, children: children }));
|
|
59804
59821
|
};
|
|
59805
59822
|
var options = {
|
|
59806
59823
|
timeout: requireDismiss || !displayTimeout ? Infinity : displayTimeout,
|