@linzjs/lui 17.16.2-2 → 17.16.3-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 +2 -0
- package/dist/assets/icons/waves.svg +1 -1
- package/dist/assets/svg-content.tsx +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/lui.esm.js +1 -1
- package/dist/lui.esm.js.map +1 -1
- package/package.json +2 -2
- package/dist/animations/loader-easter.json +0 -2790
- package/dist/animations/loader-xmas.json +0 -3813
- package/dist/animations/loader.json +0 -1494
- package/dist/assets/svg-content.js +0 -323
- package/dist/assets/svg-content.js.map +0 -1
- package/dist/components/LuiAccordicard/LuiAccordicard.js +0 -55
- package/dist/components/LuiAccordicard/LuiAccordicard.js.map +0 -1
- package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.js +0 -17
- package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.js.map +0 -1
- package/dist/components/LuiBadge/LuiBadge.js +0 -4
- package/dist/components/LuiBadge/LuiBadge.js.map +0 -1
- package/dist/components/LuiBanner/LuiBanner.js +0 -26
- package/dist/components/LuiBanner/LuiBanner.js.map +0 -1
- package/dist/components/LuiButton/LuiButton.js +0 -38
- package/dist/components/LuiButton/LuiButton.js.map +0 -1
- package/dist/components/LuiError/LuiError.js +0 -10
- package/dist/components/LuiError/LuiError.js.map +0 -1
- package/dist/components/LuiErrorPage/LuiErrorPage.js +0 -13
- package/dist/components/LuiErrorPage/LuiErrorPage.js.map +0 -1
- package/dist/components/LuiExpandableBanner/LuiExpandableBanner.js +0 -54
- package/dist/components/LuiExpandableBanner/LuiExpandableBanner.js.map +0 -1
- package/dist/components/LuiFilterContainer/LuiFilterContainer.js +0 -20
- package/dist/components/LuiFilterContainer/LuiFilterContainer.js.map +0 -1
- package/dist/components/LuiFilterMenu/LuiFilterMenu.js +0 -50
- package/dist/components/LuiFilterMenu/LuiFilterMenu.js.map +0 -1
- package/dist/components/LuiFooter/LuiFooter.js +0 -37
- package/dist/components/LuiFooter/LuiFooter.js.map +0 -1
- package/dist/components/LuiFormElements/ClearableLuiTextInput/ClearableLuiTextInput.js +0 -21
- package/dist/components/LuiFormElements/ClearableLuiTextInput/ClearableLuiTextInput.js.map +0 -1
- package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.js +0 -23
- package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.js.map +0 -1
- package/dist/components/LuiFormElements/LuiFileInputBox/LuiFileInputBox.js +0 -90
- package/dist/components/LuiFormElements/LuiFileInputBox/LuiFileInputBox.js.map +0 -1
- package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.js +0 -41
- package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.js.map +0 -1
- package/dist/components/LuiFormElements/LuiSelectInput/LuiSelectInput.js +0 -22
- package/dist/components/LuiFormElements/LuiSelectInput/LuiSelectInput.js.map +0 -1
- package/dist/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.js +0 -20
- package/dist/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.js.map +0 -1
- package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.js +0 -29
- package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.js.map +0 -1
- package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.js +0 -54
- package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.js.map +0 -1
- package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.js +0 -9
- package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.js.map +0 -1
- package/dist/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.js +0 -7
- package/dist/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.js.map +0 -1
- package/dist/components/LuiHeader/LuiHeader.js +0 -79
- package/dist/components/LuiHeader/LuiHeader.js.map +0 -1
- package/dist/components/LuiHeaderMenu/LuiHeaderMenus.js +0 -73
- package/dist/components/LuiHeaderMenu/LuiHeaderMenus.js.map +0 -1
- package/dist/components/LuiIcon/LuiIcon.js +0 -39
- package/dist/components/LuiIcon/LuiIcon.js.map +0 -1
- package/dist/components/LuiListBox/LuiListBox.js +0 -60
- package/dist/components/LuiListBox/LuiListBox.js.map +0 -1
- package/dist/components/LuiListBox/LuiListBoxGroup.js +0 -15
- package/dist/components/LuiListBox/LuiListBoxGroup.js.map +0 -1
- package/dist/components/LuiListBox/LuiListBoxItem.js +0 -20
- package/dist/components/LuiListBox/LuiListBoxItem.js.map +0 -1
- package/dist/components/LuiListBox/Renderers/CheckboxItemRenderer.js +0 -10
- package/dist/components/LuiListBox/Renderers/CheckboxItemRenderer.js.map +0 -1
- package/dist/components/LuiListBox/Renderers/RadioItemRenderer.js +0 -7
- package/dist/components/LuiListBox/Renderers/RadioItemRenderer.js.map +0 -1
- package/dist/components/LuiListBox/useLuiListBox.js +0 -60
- package/dist/components/LuiListBox/useLuiListBox.js.map +0 -1
- package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.js +0 -62
- package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.js.map +0 -1
- package/dist/components/LuiLoadingSpinner/LuiLottieLight.js +0 -28
- package/dist/components/LuiLoadingSpinner/LuiLottieLight.js.map +0 -1
- package/dist/components/LuiMenu/LuiMenu.js +0 -18
- package/dist/components/LuiMenu/LuiMenu.js.map +0 -1
- package/dist/components/LuiMenuTrigger/LuiMenuTrigger.js +0 -10
- package/dist/components/LuiMenuTrigger/LuiMenuTrigger.js.map +0 -1
- package/dist/components/LuiModal/LuiModal.js +0 -57
- package/dist/components/LuiModal/LuiModal.js.map +0 -1
- package/dist/components/LuiModal/LuiModalContext.js +0 -30
- package/dist/components/LuiModal/LuiModalContext.js.map +0 -1
- package/dist/components/LuiSearchBox/LuiSearchBox.js +0 -67
- package/dist/components/LuiSearchBox/LuiSearchBox.js.map +0 -1
- package/dist/components/LuiSearchInput/LuiSearchInput.js +0 -184
- package/dist/components/LuiSearchInput/LuiSearchInput.js.map +0 -1
- package/dist/components/LuiSearchInput/ResultsDisplay.js +0 -38
- package/dist/components/LuiSearchInput/ResultsDisplay.js.map +0 -1
- package/dist/components/LuiSelectMenu/LuiSelectDataMenu.js +0 -34
- package/dist/components/LuiSelectMenu/LuiSelectDataMenu.js.map +0 -1
- package/dist/components/LuiSelectMenu/LuiSelectMenu.js +0 -29
- package/dist/components/LuiSelectMenu/LuiSelectMenu.js.map +0 -1
- package/dist/components/LuiShadow/LuiShadow.js +0 -6
- package/dist/components/LuiShadow/LuiShadow.js.map +0 -1
- package/dist/components/LuiSidePanel/LuiSidePanel.js +0 -51
- package/dist/components/LuiSidePanel/LuiSidePanel.js.map +0 -1
- package/dist/components/LuiSidePanel/LuiSidePanelHelper.js +0 -31
- package/dist/components/LuiSidePanel/LuiSidePanelHelper.js.map +0 -1
- package/dist/components/LuiStaticMessage/LuiStaticMessage.js +0 -17
- package/dist/components/LuiStaticMessage/LuiStaticMessage.js.map +0 -1
- package/dist/components/LuiSwitchButton/LuiSwitchButton.js +0 -12
- package/dist/components/LuiSwitchButton/LuiSwitchButton.js.map +0 -1
- package/dist/components/LuiTabs/LuiTab/LuiTab.js +0 -6
- package/dist/components/LuiTabs/LuiTab/LuiTab.js.map +0 -1
- package/dist/components/LuiTabs/LuiTabs.js +0 -11
- package/dist/components/LuiTabs/LuiTabs.js.map +0 -1
- package/dist/components/LuiTabs/LuiTabsGroup/LuiTabsGroup.js +0 -6
- package/dist/components/LuiTabs/LuiTabsGroup/LuiTabsGroup.js.map +0 -1
- package/dist/components/LuiTabs/LuiTabsPanel/LuiTabsPanel.js +0 -16
- package/dist/components/LuiTabs/LuiTabsPanel/LuiTabsPanel.js.map +0 -1
- package/dist/components/LuiTabs/LuiTabsPanelSwitch/LuiTabsPanelSwitch.js +0 -12
- package/dist/components/LuiTabs/LuiTabsPanelSwitch/LuiTabsPanelSwitch.js.map +0 -1
- package/dist/components/LuiToastMessage/LuiToastMessage.js +0 -47
- package/dist/components/LuiToastMessage/LuiToastMessage.js.map +0 -1
- package/dist/components/LuiTooltip/LuiTooltip.js +0 -32
- package/dist/components/LuiTooltip/LuiTooltip.js.map +0 -1
- package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.js +0 -41
- package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.js.map +0 -1
- package/dist/components/common/Hooks.js +0 -51
- package/dist/components/common/Hooks.js.map +0 -1
- package/dist/components/common/ResponsiveUtils.js +0 -16
- package/dist/components/common/ResponsiveUtils.js.map +0 -1
- package/dist/components/common/StorybookSupport.js +0 -14
- package/dist/components/common/StorybookSupport.js.map +0 -1
- package/dist/components/lol/LOLActiveFirmMessage.js +0 -30
- package/dist/components/lol/LOLActiveFirmMessage.js.map +0 -1
- package/dist/components/lol/LOLAppLauncherMenu.js +0 -86
- package/dist/components/lol/LOLAppLauncherMenu.js.map +0 -1
- package/dist/components/lol/LOLAuthorisedLink.js +0 -35
- package/dist/components/lol/LOLAuthorisedLink.js.map +0 -1
- package/dist/components/lol/LOLCommonDrawerMenu.js +0 -58
- package/dist/components/lol/LOLCommonDrawerMenu.js.map +0 -1
- package/dist/components/lol/LOLDrawerMenuFirmSwitcher.js +0 -21
- package/dist/components/lol/LOLDrawerMenuFirmSwitcher.js.map +0 -1
- package/dist/components/lol/LOLFirmSwitcher.js +0 -84
- package/dist/components/lol/LOLFirmSwitcher.js.map +0 -1
- package/dist/components/lol/LOLLogoutLink.js +0 -46
- package/dist/components/lol/LOLLogoutLink.js.map +0 -1
- package/dist/components/lol/LOLSearchBox.js +0 -105
- package/dist/components/lol/LOLSearchBox.js.map +0 -1
- package/dist/components/lol/LOLUserLastLogin.js +0 -25
- package/dist/components/lol/LOLUserLastLogin.js.map +0 -1
- package/dist/components/lol/MockBackendUtils.js +0 -30
- package/dist/components/lol/MockBackendUtils.js.map +0 -1
- package/dist/components/lol/contexts/LOLGlobalClientRefContext.js +0 -75
- package/dist/components/lol/contexts/LOLGlobalClientRefContext.js.map +0 -1
- package/dist/components/lol/contexts/LOLUserContext.js +0 -160
- package/dist/components/lol/contexts/LOLUserContext.js.map +0 -1
- package/dist/components/lol/contexts/LOLUserContextSupport.js +0 -11
- package/dist/components/lol/contexts/LOLUserContextSupport.js.map +0 -1
- package/dist/components/lol/handlers.js +0 -54
- package/dist/components/lol/handlers.js.map +0 -1
- package/dist/contexts/LuiMessagingContextProvider.js +0 -38
- package/dist/contexts/LuiMessagingContextProvider.js.map +0 -1
- package/dist/fonts.js +0 -11
- package/dist/fonts.js.map +0 -1
- package/dist/hooks/index.js +0 -2
- package/dist/hooks/index.js.map +0 -1
- package/dist/hooks/useClickedOutsideElement.js +0 -29
- package/dist/hooks/useClickedOutsideElement.js.map +0 -1
- package/dist/hooks/useDeprecatedWarning.js +0 -9
- package/dist/hooks/useDeprecatedWarning.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiTextInput.js","sourceRoot":"","sources":["../../../../src/components/LuiFormElements/LuiTextInput/LuiTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAIZ,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AA0BhD,MAAM,UAAU,sBAAsB,CAAC,WAAoB;IAClD,IAAA,EAAE,GAAI,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,GAAlD,CAAmD;IAC5D,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAwB;;IACnD,IAAM,EAAE,GAAG,sBAAsB,CAAC,MAAA,KAAK,CAAC,UAAU,0CAAE,EAAE,CAAC,CAAC;IAExD,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,cAAc,EACd,KAAK,CAAC,KAAK,IAAI,UAAU,EACzB,KAAK,CAAC,OAAO,IAAI,YAAY,EAC7B,KAAK,CAAC,SAAS,CAChB;QAED,+BAAO,SAAS,EAAE,oBAAoB,EAAE,OAAO,EAAE,EAAE;YAChD,KAAK,CAAC,SAAS,IAAI,8BAAM,SAAS,EAAC,wBAAwB,QAAS;YACrE,8BACE,SAAS,EACP,0BAA0B;oBAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,IAGpD,KAAK,CAAC,KAAK,CACP;YACP,8BAAM,SAAS,EAAC,2BAA2B;gBACzC,wCACE,IAAI,EAAE,MAAM,EACZ,SAAS,EACP,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC3D,IAAI,CAAC,oBAAoB,CAAC,EAE5B,GAAG,EAAC,GAAG,EACP,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IACpB,KAAK,CAAC,UAAU,IACpB,EAAE,EAAE,EAAE,IACN;gBACD,KAAK,CAAC,IAAI,CACN;YAGN,KAAK,CAAC,KAAK,IAAI,CACd,8BAAM,SAAS,EAAC,oBAAoB;gBAClC,oBAAC,OAAO,IACN,GAAG,EAAC,OAAO,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,OAAO,GACd;gBACD,KAAK,CAAC,KAAK,CACP,CACR;YAEA,KAAK,CAAC,OAAO,IAAI,CAChB,8BAAM,SAAS,EAAC,sBAAsB;gBACpC,oBAAC,OAAO,IACN,GAAG,EAAC,SAAS,EACb,IAAI,EAAC,YAAY,EACjB,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,SAAS,GAChB;gBACD,KAAK,CAAC,OAAO,CACT,CACR,CACK,CACJ,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
3
|
-
import Select from 'react-select';
|
|
4
|
-
import { LuiMiniSpinner } from '../../LuiLoadingSpinner/LuiLoadingSpinner';
|
|
5
|
-
import colors from '../../../scss/Foundation/Variables/ExportColors.scss';
|
|
6
|
-
import clsx from 'clsx';
|
|
7
|
-
import { useGenerateOrDefaultId } from '../../LuiFormElements/LuiTextInput/LuiTextInput';
|
|
8
|
-
import CreatableSelect from 'react-select/creatable';
|
|
9
|
-
import { LuiIcon } from '../../LuiIcon/LuiIcon';
|
|
10
|
-
/**
|
|
11
|
-
* A wrapper around React Select with Lui styling
|
|
12
|
-
*/
|
|
13
|
-
export var LuiComboSelect = forwardRef(LuiComboSelectActual);
|
|
14
|
-
// declare the indicator in here so it gets the types from
|
|
15
|
-
// the function declaration
|
|
16
|
-
var LuiLoadingIndicator = function () { return React.createElement(LuiMiniSpinner, { size: 25 }); };
|
|
17
|
-
function LuiComboSelectActual(givenProps, ref) {
|
|
18
|
-
var props = Object.assign({
|
|
19
|
-
noOptionsMessage: function (i) {
|
|
20
|
-
return "No options found containing '".concat(i.inputValue, "'");
|
|
21
|
-
}
|
|
22
|
-
}, givenProps);
|
|
23
|
-
props.components = __assign({ LoadingIndicator: LuiLoadingIndicator }, props.components);
|
|
24
|
-
// box-shadow: "-8px 0px 0 0 #cc0000";
|
|
25
|
-
// border-radius: "4px";
|
|
26
|
-
var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
|
|
27
|
-
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: colors['sea'], primary75: colors['electric'], primary50: colors['spray'], primary25: colors['polar'], neutral90: colors['charcoal'], neutral80: colors['charcoal'], neutral70: colors['charcoal'], neutral60: colors['fuscous'], neutral50: colors['fuscous'], neutral40: colors['gray'], neutral30: colors['gray'], neutral20: colors['silver'], neutral10: colors['lily'], neutral5: colors['hint'], danger: colors['error'], dangerLight: colors['error-bg'] }) })); }, styles: {
|
|
28
|
-
control: function (provided, state) { return (__assign(__assign({}, provided), {
|
|
29
|
-
/* matches style of .LuiTextInput-input */
|
|
30
|
-
boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
|
|
31
|
-
borderColor: '#053d52'
|
|
32
|
-
} })); },
|
|
33
|
-
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: colors['fuscous'] })); },
|
|
34
|
-
indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
|
|
35
|
-
input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
|
|
36
|
-
height: '38px !important'
|
|
37
|
-
} })); },
|
|
38
|
-
singleValue: function (provided) { return (__assign(__assign({}, provided), { color: '#414042', fontWeight: 400 })); },
|
|
39
|
-
placeholder: function (provided) { return (__assign(__assign({}, provided), {
|
|
40
|
-
/* please keep this in sync with FormVars.scss/mixin.formPlaceholder */
|
|
41
|
-
fontWeight: 'normal', fontStyle: 'italic', color: colors['input-placeholder'] })); },
|
|
42
|
-
option: function (provided, _a) {
|
|
43
|
-
var isSelected = _a.isSelected;
|
|
44
|
-
return (__assign(__assign({}, provided), { color: colors['input-text'], backgroundColor: isSelected ? colors['selection'] : colors['white'] }));
|
|
45
|
-
}
|
|
46
|
-
} });
|
|
47
|
-
return (React.createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
|
|
48
|
-
React.createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
|
|
49
|
-
props.isCreateable ? (React.createElement(CreatableSelect, __assign({ formatCreateLabel: function (inputValue) { return inputValue; }, createOptionPosition: "first", ref: ref }, selectProp))) : (React.createElement(Select, __assign({ ref: ref }, selectProp))),
|
|
50
|
-
props.error && (React.createElement("span", { className: "LuiComboSelect-error" },
|
|
51
|
-
React.createElement(LuiIcon, { alt: 'Error', name: "ic_error", className: "LuiComboSelect-error-icon", size: "sm", status: "error" }),
|
|
52
|
-
props.error))));
|
|
53
|
-
}
|
|
54
|
-
//# sourceMappingURL=LuiComboSelect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiComboSelect.js","sourceRoot":"","sources":["../../../../src/components/LuiForms/LuiComboSelect/LuiComboSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { LuiShadow } from '../../LuiShadow/LuiShadow';
|
|
3
|
-
import { HelpInfo } from './LuiHelpInfo/LuiHelpInfo';
|
|
4
|
-
export var LuiFormSectionHeader = function (props) { return (React.createElement("div", { className: "LuiFormSectionHeader" },
|
|
5
|
-
React.createElement("div", { className: "LuiFormSectionHeader-header" },
|
|
6
|
-
React.createElement("h3", { className: "LuiFormSectionHeader-heading" }, props.header),
|
|
7
|
-
props.details && React.createElement(HelpInfo, { info: props.details })),
|
|
8
|
-
React.createElement(LuiShadow, { className: 'LuiFormSectionHeader-details' }, props.children))); };
|
|
9
|
-
//# sourceMappingURL=LuiFormSectionHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiFormSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/LuiForms/LuiFormSection/LuiFormSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAQrD,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAClC,KAAiD,IAC9C,OAAA,CACH,6BAAK,SAAS,EAAC,sBAAsB;IACnC,6BAAK,SAAS,EAAC,6BAA6B;QAC1C,4BAAI,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAC,MAAM,CAAM;QAC/D,KAAK,CAAC,OAAO,IAAI,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO,GAAI,CAC/C;IACN,oBAAC,SAAS,IAAC,SAAS,EAAE,8BAA8B,IACjD,KAAK,CAAC,QAAQ,CACL,CACR,CACP,EAVI,CAUJ,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { LuiIcon } from '../../../LuiIcon/LuiIcon';
|
|
4
|
-
export var HelpInfo = function (props) { return (React.createElement("div", { className: clsx('lui-small', 'HelpInfo') },
|
|
5
|
-
React.createElement(LuiIcon, { name: "ic_error_outline", className: 'HelpInfo-icon', size: "sm", alt: "Extra Information" }),
|
|
6
|
-
React.createElement("div", { className: 'HelpInfo-info' }, props.info))); };
|
|
7
|
-
//# sourceMappingURL=LuiHelpInfo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiHelpInfo.js","sourceRoot":"","sources":["../../../../../src/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAMnD,MAAM,CAAC,IAAM,QAAQ,GAAsD,UACzE,KAAqB,IAClB,OAAA,CACH,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC3C,oBAAC,OAAO,IACN,IAAI,EAAC,kBAAkB,EACvB,SAAS,EAAE,eAAe,EAC1B,IAAI,EAAC,IAAI,EACT,GAAG,EAAC,mBAAmB,GACvB;IACF,6BAAK,SAAS,EAAE,eAAe,IAAG,KAAK,CAAC,IAAI,CAAO,CAC/C,CACP,EAVI,CAUJ,CAAC"}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { createContext, forwardRef, useContext, } from 'react';
|
|
3
|
-
import logo from '../../assets/images/linz-logo-col-n-white-txt.svg';
|
|
4
|
-
import motif from '../../assets/images/linz-motif.svg';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { useEscapeFunction, usePageClickFunction } from '../common/Hooks';
|
|
7
|
-
import { buildHideClassDict } from '../common/ResponsiveUtils';
|
|
8
|
-
var LuiHeader = function (_a) {
|
|
9
|
-
var headingText = _a.headingText, _b = _a.size, size = _b === void 0 ? 'small' : _b, homeLink = _a.homeLink, transparent = _a.transparent, children = _a.children, _c = _a.sticky, sticky = _c === void 0 ? true : _c;
|
|
10
|
-
var logoElement = size === 'normal' ? (React.createElement("img", { className: "linz-logo", alt: "LINZ Logo", src: logo })) : (React.createElement("img", { className: "linz-motif", alt: "LINZ Logo", src: motif }));
|
|
11
|
-
var logoContainer = logoElement;
|
|
12
|
-
if (typeof homeLink === 'string') {
|
|
13
|
-
logoContainer = React.createElement("a", { href: homeLink }, logoElement);
|
|
14
|
-
}
|
|
15
|
-
else if (typeof homeLink === 'function') {
|
|
16
|
-
logoContainer = (React.createElement("div", { className: "clickable", onClick: function () {
|
|
17
|
-
homeLink();
|
|
18
|
-
} }, logoElement));
|
|
19
|
-
}
|
|
20
|
-
return (React.createElement("header", { className: clsx({
|
|
21
|
-
'lui-header': true,
|
|
22
|
-
'lui-header-transparent': transparent,
|
|
23
|
-
'lui-header-small': size === 'small',
|
|
24
|
-
'lui-header-sticky': sticky
|
|
25
|
-
}) },
|
|
26
|
-
React.createElement("div", { className: "lui-header-row" },
|
|
27
|
-
React.createElement("div", { className: "lui-header-col" },
|
|
28
|
-
React.createElement("div", { className: "lui-header-logo" }, logoContainer),
|
|
29
|
-
headingText && (React.createElement("div", { className: "lui-header-title" },
|
|
30
|
-
React.createElement("h1", null, headingText)))),
|
|
31
|
-
React.createElement("div", { className: "lui-header-col" }, children))));
|
|
32
|
-
};
|
|
33
|
-
/**
|
|
34
|
-
* The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
|
|
35
|
-
* Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
|
|
36
|
-
* To configure the item for responsiveness, ensure to set any of the hideOn* properties.
|
|
37
|
-
*/
|
|
38
|
-
var LuiHeaderMenuItem = forwardRef(function (_a, ref) {
|
|
39
|
-
var icon = _a.icon, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _b = _a["data-testid"], dataTestId = _b === void 0 ? 'menu-item' : _b, children = _a.children;
|
|
40
|
-
var menuItemClasses = clsx('lui-header-menu-item', hide && buildHideClassDict(hide));
|
|
41
|
-
var resolvedIcon = !icon && !label ? 'menu' : icon;
|
|
42
|
-
return (React.createElement("div", { className: menuItemClasses, ref: ref },
|
|
43
|
-
React.createElement("div", { className: clsx('lui-header-menu-icon', onClick && 'clickable'), onClick: onClick, "data-testid": dataTestId },
|
|
44
|
-
resolvedIcon && (React.createElement("i", { title: "Main menu", className: "material-icons-round md-36" }, resolvedIcon)),
|
|
45
|
-
label && React.createElement("div", { className: "lui-menu-label" }, label),
|
|
46
|
-
badge && React.createElement("div", { className: "badge" }, badge)),
|
|
47
|
-
children));
|
|
48
|
-
});
|
|
49
|
-
var LuiCloseableHeaderMenuContext = createContext({
|
|
50
|
-
isOpen: function () { return false; },
|
|
51
|
-
open: function () { },
|
|
52
|
-
close: function () { }
|
|
53
|
-
});
|
|
54
|
-
var LuiCloseableHeaderMenuItem = function (_a) {
|
|
55
|
-
var open = _a.open, setOpen = _a.setOpen, props = __rest(_a, ["open", "setOpen"]);
|
|
56
|
-
useEscapeFunction(function () { return setOpen(false); });
|
|
57
|
-
var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
|
|
58
|
-
if (!open) {
|
|
59
|
-
event.stopPropagation();
|
|
60
|
-
setOpen(false);
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
var menuControls = {
|
|
64
|
-
isOpen: function () { return open; },
|
|
65
|
-
open: function () { return setOpen(true); },
|
|
66
|
-
close: function () { return setOpen(false); }
|
|
67
|
-
};
|
|
68
|
-
var menuItemProps = __assign({ onClick: function () { return menuControls.open(); } }, props);
|
|
69
|
-
return (React.createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
|
|
70
|
-
React.createElement(LuiHeaderMenuItem, __assign({ ref: menuDiv }, menuItemProps), props.children)));
|
|
71
|
-
};
|
|
72
|
-
var LuiMenuCloseButton = function (_a) {
|
|
73
|
-
var _b = _a.icon, icon = _b === void 0 ? 'close' : _b, hide = _a.hide, _c = _a["data-testid"], dataTestId = _c === void 0 ? 'close-button' : _c;
|
|
74
|
-
var menu = useContext(LuiCloseableHeaderMenuContext);
|
|
75
|
-
var classes = clsx('material-icons-round', 'lui-menu-close-button', hide && buildHideClassDict(hide));
|
|
76
|
-
return (React.createElement("i", { className: classes, onClick: menu.close, "data-testid": dataTestId }, icon));
|
|
77
|
-
};
|
|
78
|
-
export { LuiHeader, LuiHeaderMenuItem, LuiMenuCloseButton, LuiCloseableHeaderMenuItem, LuiCloseableHeaderMenuContext, };
|
|
79
|
-
//# sourceMappingURL=LuiHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiHeader.js","sourceRoot":"","sources":["../../../src/components/LuiHeader/LuiHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { useContext, useEffect, useState, } from 'react';
|
|
3
|
-
import { LuiCloseableHeaderMenuContext, LuiCloseableHeaderMenuItem, } from '../LuiHeader/LuiHeader';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import { LuiExpandableBanner } from '../LuiExpandableBanner/LuiExpandableBanner';
|
|
6
|
-
var LuiDrawerMenuOptions = function (_a) {
|
|
7
|
-
var children = _a.children;
|
|
8
|
-
return React.createElement("div", { className: "lui-menu-drawer-options" }, children);
|
|
9
|
-
};
|
|
10
|
-
var LuiDrawerMenuOption = function (_a) {
|
|
11
|
-
var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
|
|
12
|
-
var menu = useContext(LuiCloseableHeaderMenuContext);
|
|
13
|
-
return (React.createElement("div", { className: "lui-menu-drawer-option", onClick: function () {
|
|
14
|
-
menu.close();
|
|
15
|
-
onClick();
|
|
16
|
-
}, "data-testid": 'drawer-option' },
|
|
17
|
-
React.createElement("div", { className: "lui-menu-drawer-option-label" },
|
|
18
|
-
typeof icon === 'string' ? (React.createElement("i", { className: "material-icons-round", "data-testid": 'drawer-option-icon' }, icon)) : (icon),
|
|
19
|
-
label),
|
|
20
|
-
badge));
|
|
21
|
-
};
|
|
22
|
-
var LuiDrawerMenu = function (_a) {
|
|
23
|
-
var restOfProps = __rest(_a, []);
|
|
24
|
-
var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest(restOfProps, ["children", "hasStickyHeader"]);
|
|
25
|
-
var _c = useState(false), open = _c[0], setOpen = _c[1];
|
|
26
|
-
var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
|
|
27
|
-
useEffect(function () {
|
|
28
|
-
// Support for non-sticky headers. Scroll back to top when menu is opened
|
|
29
|
-
if (open && !hasStickyHeader) {
|
|
30
|
-
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
31
|
-
}
|
|
32
|
-
// Disable page scrolling while menu is open
|
|
33
|
-
if (open) {
|
|
34
|
-
document.body.classList.add('lui-menu-drawer-open');
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
document.body.classList.remove('lui-menu-drawer-open');
|
|
38
|
-
}
|
|
39
|
-
}, [open, hasStickyHeader]);
|
|
40
|
-
return (React.createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
|
|
41
|
-
React.createElement("div", { className: clsx({
|
|
42
|
-
'lui-menu-drawer': true,
|
|
43
|
-
'lui-menu-drawer-closed': !open
|
|
44
|
-
}), "data-testid": 'drawer', "aria-hidden": !open }, children)));
|
|
45
|
-
};
|
|
46
|
-
var LuiDropdownMenu = function (_a) {
|
|
47
|
-
var restOfProps = __rest(_a, []);
|
|
48
|
-
var children = restOfProps.children, menuPropsCopy = __rest(restOfProps, ["children"]);
|
|
49
|
-
var _b = useState(false), open = _b[0], setOpen = _b[1];
|
|
50
|
-
var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open, setOpen: setOpen });
|
|
51
|
-
return (React.createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
|
|
52
|
-
React.createElement("div", { className: clsx({
|
|
53
|
-
'lui-menu-dropdown lui-box-shadow': true,
|
|
54
|
-
'lui-menu-dropdown-closed': !open
|
|
55
|
-
}), "data-testid": 'dropdown', "aria-hidden": !open },
|
|
56
|
-
children,
|
|
57
|
-
' ')));
|
|
58
|
-
};
|
|
59
|
-
var LuiDrawerMenuSection = function (props) {
|
|
60
|
-
var children = props.children, title = props.title, collapsible = props.collapsible;
|
|
61
|
-
return (React.createElement("div", null,
|
|
62
|
-
collapsible && (React.createElement(LuiExpandableBanner, { label: title || '', className: "LuiDrawerMenuSection-header" }, children)),
|
|
63
|
-
!collapsible && (React.createElement(React.Fragment, null,
|
|
64
|
-
title && (React.createElement("div", { className: "LuiDrawerMenuSection-header" },
|
|
65
|
-
React.createElement("div", { className: 'lui-expand-header', style: { cursor: 'default' } },
|
|
66
|
-
React.createElement("h3", null, title)))),
|
|
67
|
-
children))));
|
|
68
|
-
};
|
|
69
|
-
var LuiDrawerMenuDivider = function () {
|
|
70
|
-
return React.createElement("hr", { className: "LuiDrawerMenuDivider" });
|
|
71
|
-
};
|
|
72
|
-
export { LuiDrawerMenu, LuiDrawerMenuOptions, LuiDrawerMenuOption, LuiDropdownMenu, LuiDrawerMenuSection, LuiDrawerMenuDivider, };
|
|
73
|
-
//# sourceMappingURL=LuiHeaderMenus.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiHeaderMenus.js","sourceRoot":"","sources":["../../../src/components/LuiHeaderMenu/LuiHeaderMenus.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
// This component will import assets from the svg content file that is a code compilation our simple icons
|
|
5
|
-
// At this stage new icons need their width and height removed and replaced with
|
|
6
|
-
// The new icon is added to the export list for a bit of sense checking (could use * I guess)
|
|
7
|
-
// Icons then biffed in an object
|
|
8
|
-
// They are then typed by magic methods I read on stackoverflow (key of type of) that I will forget instantly
|
|
9
|
-
// Nice thing is that for both the size and the icons they should autocomplete/typeahead
|
|
10
|
-
//
|
|
11
|
-
// Use these to replace the material <i> things as you find them
|
|
12
|
-
// Classname gets optionally added. use this to add fill css property to change colour
|
|
13
|
-
import { ICONS } from '../../assets/svg-content';
|
|
14
|
-
export var ICON_SIZES = {
|
|
15
|
-
xs: 'LuiIcon--xs',
|
|
16
|
-
sm: 'LuiIcon--sm',
|
|
17
|
-
md: 'LuiIcon--md',
|
|
18
|
-
lg: 'LuiIcon--lg',
|
|
19
|
-
xl: 'LuiIcon--xl',
|
|
20
|
-
ns: 'LuiIcon--noSize'
|
|
21
|
-
};
|
|
22
|
-
export var ICON_STATUS = {
|
|
23
|
-
none: '',
|
|
24
|
-
error: 'LuiIcon--error',
|
|
25
|
-
warning: 'LuiIcon--warning',
|
|
26
|
-
success: 'LuiIcon--success',
|
|
27
|
-
interactive: 'LuiIcon--interactive',
|
|
28
|
-
disabled: 'LuiIcon--disabled'
|
|
29
|
-
};
|
|
30
|
-
export var LuiIcon = function (_a) {
|
|
31
|
-
var name = _a.name, className = _a.className, _b = _a.size, size = _b === void 0 ? 'ns' : _b, title = _a.title, alt = _a.alt, _c = _a.status, status = _c === void 0 ? 'none' : _c, spanProps = _a.spanProps;
|
|
32
|
-
var iconSVG = ICONS[name];
|
|
33
|
-
if (!iconSVG) {
|
|
34
|
-
console.warn("<LuiIcon>: No icon found for: ".concat(iconSVG));
|
|
35
|
-
return null;
|
|
36
|
-
}
|
|
37
|
-
return (React.createElement("span", __assign({ className: clsx('LuiIcon', className, size && ICON_SIZES[size], status && ICON_STATUS[status]), "data-icon": name, title: title, "aria-label": alt }, spanProps), iconSVG));
|
|
38
|
-
};
|
|
39
|
-
//# sourceMappingURL=LuiIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiIcon.js","sourceRoot":"","sources":["../../../src/components/LuiIcon/LuiIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,0GAA0G;AAC1G,gFAAgF;AAChF,6FAA6F;AAC7F,iCAAiC;AACjC,6GAA6G;AAC7G,wFAAwF;AACxF,EAAE;AACF,gEAAgE;AAChE,sFAAsF;AAEtF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAoBjD,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,gBAAgB;IACvB,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,WAAW,EAAE,sBAAsB;IACnC,QAAQ,EAAE,mBAAmB;CAC9B,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,EAQT;QAPb,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,KAAK,WAAA,EACL,GAAG,SAAA,EACH,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,SAAS,eAAA;IAET,IAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,wCAAiC,OAAO,CAAE,CAAC,CAAC;QACzD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uCACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,SAAS,EACT,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,EACxB,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC,CAC9B,eACU,IAAI,EACf,KAAK,EAAE,KAAK,gBACA,GAAG,IACX,SAAS,GAEZ,OAAO,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import './LuiListBox.scss';
|
|
3
|
-
import { useMemo, useRef } from 'react';
|
|
4
|
-
import { useLuiListBox } from './useLuiListBox';
|
|
5
|
-
import LuiListBoxItem from './LuiListBoxItem';
|
|
6
|
-
import clsx from 'clsx';
|
|
7
|
-
import Skeleton from 'react-loading-skeleton';
|
|
8
|
-
import React from 'react';
|
|
9
|
-
import { useListBox } from '@react-aria/listbox';
|
|
10
|
-
import { useListState } from '@react-stately/list';
|
|
11
|
-
import { LuiListBoxGroup } from './LuiListBoxGroup';
|
|
12
|
-
export function LuiListBox(_a) {
|
|
13
|
-
var ariaLabel = _a.ariaLabel, ariaLabelledBy = _a.ariaLabelledBy, _b = _a.itemRenderer, itemRenderer = _b === void 0 ? DefaultItemRenderer : _b, _c = _a.groupHeadingRenderer, groupHeadingRenderer = _c === void 0 ? DefaultGroupHeadingRenderer : _c, _d = _a.loadingIndicator, loadingIndicator = _d === void 0 ? DefaultLoadingIndicator : _d, _e = _a.emptyIndicator, emptyIndicator = _e === void 0 ? DefaultEmptyIndicator : _e, _f = _a.selectionMode, selectionMode = _f === void 0 ? 'single' : _f, _g = _a.selectionBehavior, selectionBehavior = _g === void 0 ? 'toggle' : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, items = _a.items, value = _a.value, onChange = _a.onChange, getKey = _a.getKey, getGroup = _a.getGroup, getLabel = _a.getLabel, ariaProps = _a.ariaProps, className = _a.className, ulProps = __rest(_a, ["ariaLabel", "ariaLabelledBy", "itemRenderer", "groupHeadingRenderer", "loadingIndicator", "emptyIndicator", "selectionMode", "selectionBehavior", "disabled", "items", "value", "onChange", "getKey", "getGroup", "getLabel", "ariaProps", "className"]);
|
|
14
|
-
var listProps = useLuiListBox({
|
|
15
|
-
selectionMode: selectionMode,
|
|
16
|
-
selectionBehavior: selectionBehavior,
|
|
17
|
-
items: items,
|
|
18
|
-
value: value,
|
|
19
|
-
onChange: onChange,
|
|
20
|
-
getKey: getKey,
|
|
21
|
-
getGroup: getGroup,
|
|
22
|
-
getLabel: getLabel,
|
|
23
|
-
ariaProps: ariaProps,
|
|
24
|
-
disabled: disabled
|
|
25
|
-
});
|
|
26
|
-
var ariaListBoxProps = useMemo(function () { return (__assign({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, listProps)); }, [listProps, ariaLabel, ariaLabelledBy]);
|
|
27
|
-
var ref = useRef(null);
|
|
28
|
-
var state = useListState(listProps);
|
|
29
|
-
var listBoxProps = useListBox(ariaListBoxProps, state, ref).listBoxProps;
|
|
30
|
-
return (React.createElement("ul", __assign({}, ulProps, listBoxProps, { ref: ref, className: clsx('LuiListBox', className) }),
|
|
31
|
-
!items && loadingIndicator(),
|
|
32
|
-
(items === null || items === void 0 ? void 0 : items.length) === 0 && emptyIndicator(),
|
|
33
|
-
Array.from(state.collection).map(function (node) {
|
|
34
|
-
return node.type === 'section' ? (React.createElement(LuiListBoxGroup, { key: node.key, group: node.value, state: state, headingRenderer: groupHeadingRenderer, itemRenderer: itemRenderer })) : (React.createElement(LuiListBoxItem, { key: node.key, node: node.value, state: state, renderer: itemRenderer }));
|
|
35
|
-
})));
|
|
36
|
-
}
|
|
37
|
-
function DefaultItemRenderer(_a) {
|
|
38
|
-
var item = _a.item;
|
|
39
|
-
if (!item.hasOwnProperty('label')) {
|
|
40
|
-
throw Error('Could not find `label` property on item, please provide a custom `itemRenderer`');
|
|
41
|
-
}
|
|
42
|
-
return React.createElement(React.Fragment, null, item.label);
|
|
43
|
-
}
|
|
44
|
-
function DefaultGroupHeadingRenderer(_a) {
|
|
45
|
-
var text = _a.text;
|
|
46
|
-
return text;
|
|
47
|
-
}
|
|
48
|
-
function DefaultLoadingIndicator() {
|
|
49
|
-
return (React.createElement(React.Fragment, null,
|
|
50
|
-
React.createElement("li", { className: "LuiListBox-loadingIndicator" },
|
|
51
|
-
React.createElement(Skeleton, null)),
|
|
52
|
-
React.createElement("li", { className: "LuiListBox-loadingIndicator" },
|
|
53
|
-
React.createElement(Skeleton, null)),
|
|
54
|
-
React.createElement("li", { className: "LuiListBox-loadingIndicator" },
|
|
55
|
-
React.createElement(Skeleton, null))));
|
|
56
|
-
}
|
|
57
|
-
function DefaultEmptyIndicator() {
|
|
58
|
-
return React.createElement("li", { className: "LuiListBox-emptyIndicator" }, "Nothing to Display");
|
|
59
|
-
}
|
|
60
|
-
//# sourceMappingURL=LuiListBox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiListBox.js","sourceRoot":"","sources":["../../../src/components/LuiListBox/LuiListBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { useListBoxSection } from '@react-aria/listbox';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import LuiListBoxItem from './LuiListBoxItem';
|
|
5
|
-
export function LuiListBoxGroup(_a) {
|
|
6
|
-
var group = _a.group, state = _a.state, headingRenderer = _a.headingRenderer, itemRenderer = _a.itemRenderer;
|
|
7
|
-
var _b = useListBoxSection({
|
|
8
|
-
heading: group.textValue,
|
|
9
|
-
'aria-label': group.textValue
|
|
10
|
-
}), itemProps = _b.itemProps, headingProps = _b.headingProps, groupProps = _b.groupProps;
|
|
11
|
-
return (React.createElement("li", __assign({ className: "LuiListBoxGroup" }, itemProps),
|
|
12
|
-
React.createElement("span", __assign({ className: "LuiListBoxGroup-heading" }, headingProps), headingRenderer({ text: group.textValue })),
|
|
13
|
-
React.createElement("ul", __assign({ className: "LuiListBoxGroup-items" }, groupProps), (group.childNodes || []).map(function (node) { return (React.createElement(LuiListBoxItem, { key: node.key, node: node, state: state, renderer: itemRenderer })); }))));
|
|
14
|
-
}
|
|
15
|
-
//# sourceMappingURL=LuiListBoxGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiListBoxGroup.js","sourceRoot":"","sources":["../../../src/components/LuiListBox/LuiListBoxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAc9C,MAAM,UAAU,eAAe,CAAI,EAKN;QAJ3B,KAAK,WAAA,EACL,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,YAAY,kBAAA;IAER,IAAA,KAA0C,iBAAiB,CAAC;QAC9D,OAAO,EAAE,KAAK,CAAC,SAAS;QACxB,YAAY,EAAE,KAAK,CAAC,SAAS;KAC9B,CAAC,EAHI,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAGvC,CAAC;IAEH,OAAO,CACL,qCAAI,SAAS,EAAC,iBAAiB,IAAK,SAAS;QAC3C,uCAAM,SAAS,EAAC,yBAAyB,IAAK,YAAY,GACvD,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CACtC;QACP,qCAAI,SAAS,EAAC,uBAAuB,IAAK,UAAU,GACjD,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACtC,oBAAC,cAAc,IACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,GACtB,CACH,EAPuC,CAOvC,CAAC,CACC,CACF,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { useRef } from 'react';
|
|
3
|
-
import { useOption } from '@react-aria/listbox';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { useFocusRing } from '@react-aria/focus';
|
|
7
|
-
import { mergeProps } from '@react-aria/utils';
|
|
8
|
-
export default function LuiListBoxItem(_a) {
|
|
9
|
-
var node = _a.node, state = _a.state, renderer = _a.renderer;
|
|
10
|
-
var ref = useRef(null);
|
|
11
|
-
var _b = useOption({ key: node.key, 'aria-label': node.textValue }, state, ref), optionProps = _b.optionProps, isSelected = _b.isSelected, isDisabled = _b.isDisabled;
|
|
12
|
-
var _c = useFocusRing(), isFocusVisible = _c.isFocusVisible, focusProps = _c.focusProps;
|
|
13
|
-
return (React.createElement("li", __assign({ ref: ref }, mergeProps(optionProps, focusProps), { className: clsx('LuiListBoxItem', isSelected && 'LuiListBoxItem-selected', isDisabled && 'LuiListBoxItem-disabled') }), renderer({
|
|
14
|
-
item: node.value,
|
|
15
|
-
isDisabled: isDisabled,
|
|
16
|
-
isSelected: isSelected,
|
|
17
|
-
isFocusVisible: isFocusVisible
|
|
18
|
-
})));
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=LuiListBoxItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiListBoxItem.js","sourceRoot":"","sources":["../../../src/components/LuiListBox/LuiListBoxItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS/C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAI,EAIhB;QAHxB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnB,IAAA,KAA0C,SAAS,CACvD,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,EAC/C,KAAK,EACL,GAAG,CACJ,EAJO,WAAW,iBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAI1C,CAAC;IACI,IAAA,KAAiC,YAAY,EAAE,EAA7C,cAAc,oBAAA,EAAE,UAAU,gBAAmB,CAAC;IAEtD,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,IACJ,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,IACvC,SAAS,EAAE,IAAI,CACb,gBAAgB,EAChB,UAAU,IAAI,yBAAyB,EACvC,UAAU,IAAI,yBAAyB,CACxC,KAEA,QAAQ,CAAC;QACR,IAAI,EAAE,IAAI,CAAC,KAAM;QACjB,UAAU,YAAA;QACV,UAAU,YAAA;QACV,cAAc,gBAAA;KACf,CAAC,CACC,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import './CheckboxItemRenderer.scss';
|
|
2
|
-
import { LuiIcon } from '../../LuiIcon/LuiIcon';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
export function CheckboxItemRenderer(_a) {
|
|
5
|
-
var item = _a.item, isSelected = _a.isSelected;
|
|
6
|
-
return (React.createElement("div", { className: "CheckboxRenderer ".concat(isSelected ? 'LuiCheckboxInput--isChecked' : '') },
|
|
7
|
-
React.createElement(LuiIcon, { size: "md", name: isSelected ? 'ic_check' : 'ic_zoom_out', alt: isSelected ? 'Checked' : 'Indeterminate Check', className: "LuiCheckboxInput-labelCheck ".concat(isSelected ? 'LuiCheckboxInput--isChecked' : '') }),
|
|
8
|
-
item.label));
|
|
9
|
-
}
|
|
10
|
-
//# sourceMappingURL=CheckboxItemRenderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxItemRenderer.js","sourceRoot":"","sources":["../../../../src/components/LuiListBox/Renderers/CheckboxItemRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,oBAAoB,CAAC,EAGC;QAFpC,IAAI,UAAA,EACJ,UAAU,gBAAA;IAEV,OAAO,CACL,6BACE,SAAS,EAAE,2BACT,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAC/C;QAEF,oBAAC,OAAO,IACN,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,EAC7C,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,EACnD,SAAS,EAAE,sCACT,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAC/C,GACF;QACD,IAAI,CAAC,KAAK,CACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import './RadioItemRenderer.scss';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export function RadioItemRenderer(_a) {
|
|
4
|
-
var item = _a.item, isSelected = _a.isSelected;
|
|
5
|
-
return (React.createElement("div", { className: "RadioItemRenderer ".concat(isSelected ? 'RadioItemRenderer-isSelected' : '') }, item.label));
|
|
6
|
-
}
|
|
7
|
-
//# sourceMappingURL=RadioItemRenderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioItemRenderer.js","sourceRoot":"","sources":["../../../../src/components/LuiListBox/Renderers/RadioItemRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,iBAAiB,CAAC,EAGI;QAFpC,IAAI,UAAA,EACJ,UAAU,gBAAA;IAEV,OAAO,CACL,6BACE,SAAS,EAAE,4BACT,UAAU,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAChD,IAED,IAAI,CAAC,KAAK,CACP,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { useCallback, useMemo } from 'react';
|
|
3
|
-
import { Item, Section } from '@react-stately/collections';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
export function useLuiListBox(_a) {
|
|
6
|
-
var selectionMode = _a.selectionMode, selectionBehavior = _a.selectionBehavior, _b = _a.items, items = _b === void 0 ? [] : _b, value = _a.value, onChange = _a.onChange, ariaProps = _a.ariaProps, _c = _a.getGroup, getGroup = _c === void 0 ? defaultGroupGetter : _c, _d = _a.getKey, getKey = _d === void 0 ? defaultKeyGetter : _d, _e = _a.getLabel, getLabel = _e === void 0 ? defaultLabelGetter : _e;
|
|
7
|
-
var children = useCallback(function (item) {
|
|
8
|
-
return item.childNodes ? (React.createElement(Section, { key: item.key, items: item.childNodes, title: item.textValue }, function (item) { return React.createElement(Item, null, String(item.key)); })) : (React.createElement(Item, null, String(item.key)));
|
|
9
|
-
}, []);
|
|
10
|
-
var onSelectionChange = useCallback(function (keys) {
|
|
11
|
-
if (!onChange) {
|
|
12
|
-
return;
|
|
13
|
-
}
|
|
14
|
-
onChange(keys === 'all' ? items.map(function (item) { return getKey(item); }) : Array.from(keys), keys === 'all' ? items : items.filter(function (item) { return keys.has(getKey(item)); }));
|
|
15
|
-
}, [items, onChange, getKey]);
|
|
16
|
-
var nodes = useMemo(function () { return mapItemsToNodes(items, getKey, getGroup, getLabel); }, [items, getKey, getGroup, getLabel]);
|
|
17
|
-
return __assign(__assign({}, ariaProps), { items: nodes, selectionMode: selectionMode, selectionBehavior: selectionBehavior, selectedKeys: (Array.isArray(value) ? value : [value]).filter(Boolean), children: children, onSelectionChange: onSelectionChange });
|
|
18
|
-
}
|
|
19
|
-
function mapItemsToNodes(items, getKey, getGroup, getLabel) {
|
|
20
|
-
var rootNodes = new Map();
|
|
21
|
-
for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
|
|
22
|
-
var item = items_1[_i];
|
|
23
|
-
var groupName = getGroup(item);
|
|
24
|
-
var key = getKey(item);
|
|
25
|
-
var textValue = getLabel(item);
|
|
26
|
-
var node = { key: key, textValue: textValue, value: item };
|
|
27
|
-
// Is an item without a group
|
|
28
|
-
if (!groupName) {
|
|
29
|
-
rootNodes.set(key, node);
|
|
30
|
-
}
|
|
31
|
-
// is an item with a group that has not been encountered yet.
|
|
32
|
-
if (groupName && !rootNodes.get(groupName)) {
|
|
33
|
-
rootNodes.set(groupName, {
|
|
34
|
-
key: groupName,
|
|
35
|
-
textValue: groupName,
|
|
36
|
-
childNodes: []
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
if (groupName) {
|
|
40
|
-
rootNodes.get(groupName).childNodes.push(node);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return Array.from(rootNodes.values());
|
|
44
|
-
}
|
|
45
|
-
function defaultKeyGetter(item) {
|
|
46
|
-
if (!item.hasOwnProperty('key')) {
|
|
47
|
-
throw Error('Could not find `key` property on item, please provide a custom `getKey` function');
|
|
48
|
-
}
|
|
49
|
-
return item.key;
|
|
50
|
-
}
|
|
51
|
-
function defaultGroupGetter(item) {
|
|
52
|
-
return item.group || null;
|
|
53
|
-
}
|
|
54
|
-
function defaultLabelGetter(item) {
|
|
55
|
-
if (!item.hasOwnProperty('key')) {
|
|
56
|
-
throw Error('Could not find `label` property on item, please provide a custom `getLabel` function');
|
|
57
|
-
}
|
|
58
|
-
return item.label;
|
|
59
|
-
}
|
|
60
|
-
//# sourceMappingURL=useLuiListBox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLuiListBox.js","sourceRoot":"","sources":["../../../src/components/LuiListBox/useLuiListBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import loaderData from '../../animations/loader.json';
|
|
4
|
-
import loaderDataEaster from '../../animations/loader-easter.json';
|
|
5
|
-
import loaderDataChristmas from '../../animations/loader-xmas.json';
|
|
6
|
-
import { LuiLottieLight } from './LuiLottieLight';
|
|
7
|
-
// This prevents spinners from animating and causing diffs in chromatic
|
|
8
|
-
var autoplay = !isChromatic();
|
|
9
|
-
var style = { height: 148, width: 148 };
|
|
10
|
-
var renderSettings = {
|
|
11
|
-
preserveAspectRatio: 'xMidYMid slice'
|
|
12
|
-
};
|
|
13
|
-
var LuiLoadingSpinnerBase = function (props) {
|
|
14
|
-
return (React.createElement("div", { style: {
|
|
15
|
-
position: 'absolute',
|
|
16
|
-
top: '50%',
|
|
17
|
-
left: '50%',
|
|
18
|
-
zIndex: 1000,
|
|
19
|
-
marginLeft: '-74px',
|
|
20
|
-
marginTop: '-74px'
|
|
21
|
-
}, "data-testid": "loading-spinner" },
|
|
22
|
-
React.createElement(LuiLottieLight, { animationData: props.animationData, loop: true, autoplay: autoplay, rendererSettings: renderSettings, style: style })));
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* A LuiSpinner with a status message beneath it.
|
|
26
|
-
*/
|
|
27
|
-
export var LuiStatusSpinner = function (props) {
|
|
28
|
-
return (React.createElement("div", { className: 'LuiStatusSpinner' },
|
|
29
|
-
React.createElement(LuiLoadingSpinner, null),
|
|
30
|
-
React.createElement("div", { style: {
|
|
31
|
-
position: 'absolute',
|
|
32
|
-
top: '50%',
|
|
33
|
-
left: '50%',
|
|
34
|
-
marginLeft: '-150px',
|
|
35
|
-
marginTop: '74px'
|
|
36
|
-
} },
|
|
37
|
-
React.createElement("div", { style: {
|
|
38
|
-
textAlign: 'center',
|
|
39
|
-
width: '300px'
|
|
40
|
-
} }, props.children))));
|
|
41
|
-
};
|
|
42
|
-
export var LuiMiniSpinner = function (props) {
|
|
43
|
-
return (React.createElement("div", __assign({}, props.divProps),
|
|
44
|
-
React.createElement(LuiLottieLight, { animationData: loaderData, loop: true, autoplay: autoplay, rendererSettings: {
|
|
45
|
-
preserveAspectRatio: 'xMidYMid slice'
|
|
46
|
-
}, style: { height: props.size, width: props.size } })));
|
|
47
|
-
};
|
|
48
|
-
export var LuiLoadingSpinner = function () {
|
|
49
|
-
return React.createElement(LuiLoadingSpinnerBase, { animationData: loaderData });
|
|
50
|
-
};
|
|
51
|
-
export var LuiLoadingSpinnerEaster = function () {
|
|
52
|
-
return React.createElement(LuiLoadingSpinnerBase, { animationData: loaderDataEaster });
|
|
53
|
-
};
|
|
54
|
-
export var LuiLoadingSpinnerChristmas = function () {
|
|
55
|
-
return React.createElement(LuiLoadingSpinnerBase, { animationData: loaderDataChristmas });
|
|
56
|
-
};
|
|
57
|
-
// this function was extracted from chromatic/isChromatic. It was causing TS issues for the consumer
|
|
58
|
-
export function isChromatic() {
|
|
59
|
-
return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) ||
|
|
60
|
-
(window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=LuiLoadingSpinner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LuiLoadingSpinner.js","sourceRoot":"","sources":["../../../src/components/LuiLoadingSpinner/LuiLoadingSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,gBAAgB,MAAM,qCAAqC,CAAC;AACnE,OAAO,mBAAmB,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,uEAAuE;AACvE,IAAM,QAAQ,GAAG,CAAC,WAAW,EAAE,CAAC;AAMhC,IAAM,KAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAC1C,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,gBAAgB;CACtC,CAAC;AAEF,IAAM,qBAAqB,GAAG,UAAC,KAAiC;IAC9D,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,OAAO;SACnB,iBACW,iBAAiB;QAE7B,oBAAC,cAAc,IACb,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,cAAc,EAChC,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAA+C,UAC1E,KAAK;IAEL,OAAO,CACL,6BAAK,SAAS,EAAE,kBAAkB;QAChC,oBAAC,iBAAiB,OAAG;QACrB,6BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,MAAM;aAClB;YAED,6BACE,KAAK,EAAE;oBACL,SAAS,EAAE,QAAQ;oBACnB,KAAK,EAAE,OAAO;iBACf,IAEA,KAAK,CAAC,QAAQ,CACX,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,KAA0B;IACvD,OAAO,CACL,wCAAS,KAAK,CAAC,QAAQ;QACrB,oBAAC,cAAc,IACb,aAAa,EAAE,UAAU,EACzB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE;gBAChB,mBAAmB,EAAE,gBAAgB;aACtC,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAChD,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,OAAO,oBAAC,qBAAqB,IAAC,aAAa,EAAE,UAAU,GAAI,CAAC;AAC9D,CAAC,CAAC;AACF,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,OAAO,oBAAC,qBAAqB,IAAC,aAAa,EAAE,gBAAgB,GAAI,CAAC;AACpE,CAAC,CAAC;AACF,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,OAAO,oBAAC,qBAAqB,IAAC,aAAa,EAAE,mBAAmB,GAAI,CAAC;AACvE,CAAC,CAAC;AAEF,oGAAoG;AACpG,MAAM,UAAU,WAAW;IACzB,OAAO,CAAC,CAAC,CACP,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC;SAC9C,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA,CAC9C,CAAC;AACJ,CAAC"}
|