@linzjs/lui 17.29.1-4 → 17.29.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts +1 -0
- package/dist/components/LuiHeader/LuiHeader.d.ts +0 -8
- package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts +0 -12
- package/dist/index.d.ts +0 -3
- package/dist/index.js +1 -196
- package/dist/index.js.map +1 -1
- package/dist/lui.css +12 -326
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +2 -185
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiFormElements/LuiTextInput/LuiTextInput.scss +14 -2
- package/dist/scss/base.scss +0 -2
- package/package.json +3 -4
- package/dist/components/LuiHeaderMenuV2/LuiHeaderMenusV2.d.ts +0 -60
- package/dist/components/LuiHeaderV2/LuiHeaderV2.d.ts +0 -20
- package/dist/components/common/UseMediaQuery.d.ts +0 -9
- package/dist/scss/Components/HeaderV2/header-v2.scss +0 -204
- package/dist/scss/Components/MenuV2/menu-v2.scss +0 -165
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [17.29.1](https://github.com/linz/lui/compare/v17.29.0...v17.29.1) (2023-02-06)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* added option to have a smaller text input ([#829](https://github.com/linz/lui/issues/829)) ([d32479f](https://github.com/linz/lui/commit/d32479f52a67fcf5e5fe20a5a5030188a3a1ecba))
|
|
7
|
+
|
|
1
8
|
# [17.29.0](https://github.com/linz/lui/compare/v17.28.2...v17.29.0) (2023-02-01)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -17,6 +17,7 @@ export interface LuiTextInputProps {
|
|
|
17
17
|
className?: string;
|
|
18
18
|
value?: string;
|
|
19
19
|
icon?: JSX.Element;
|
|
20
|
+
size?: 'sm';
|
|
20
21
|
}
|
|
21
22
|
export declare function useGenerateOrDefaultId(idFromProps?: string): string;
|
|
22
23
|
export declare const LuiTextInput: (props: LuiTextInputProps) => JSX.Element;
|
|
@@ -9,9 +9,6 @@ interface HeaderProps {
|
|
|
9
9
|
transparent?: boolean;
|
|
10
10
|
sticky?: boolean;
|
|
11
11
|
}
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated: this is replaced by LuiHeaderV2
|
|
14
|
-
*/
|
|
15
12
|
declare const LuiHeader: React.FC<React.PropsWithChildren<HeaderProps>>;
|
|
16
13
|
interface ILuiIcon {
|
|
17
14
|
/**
|
|
@@ -42,8 +39,6 @@ interface ILuiHeaderMenuItem extends ILuiIcon {
|
|
|
42
39
|
'data-testid'?: string;
|
|
43
40
|
}
|
|
44
41
|
/**
|
|
45
|
-
* @deprecated: this is replaced by LuiHeaderMenuItemV2
|
|
46
|
-
*
|
|
47
42
|
* The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
|
|
48
43
|
* Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
|
|
49
44
|
* To configure the item for responsiveness, ensure to set any of the hideOn* properties.
|
|
@@ -61,9 +56,6 @@ interface ILuiCloseableHeaderMenuItem extends Omit<ILuiHeaderMenuItem, 'onClick'
|
|
|
61
56
|
open: boolean;
|
|
62
57
|
setOpen: (value: boolean) => void;
|
|
63
58
|
}
|
|
64
|
-
/**
|
|
65
|
-
* @deprecated replaced by LuiCloseableHeaderMenuItemV2
|
|
66
|
-
*/
|
|
67
59
|
declare const LuiCloseableHeaderMenuItem: React.FC<React.PropsWithChildren<ILuiCloseableHeaderMenuItem>>;
|
|
68
60
|
interface ILuiMenuCloseButton extends ILuiIcon {
|
|
69
61
|
'data-testid'?: string;
|
|
@@ -18,25 +18,13 @@ interface ILuiDrawerMenuOption {
|
|
|
18
18
|
*/
|
|
19
19
|
onClick?: () => void;
|
|
20
20
|
}
|
|
21
|
-
/**
|
|
22
|
-
* @deprecated replaced by LuiDrawerMenuOptionsV2
|
|
23
|
-
*/
|
|
24
21
|
declare const LuiDrawerMenuOptions: React.FC<React.PropsWithChildren<ILuiIcon>>;
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated replaced by LuiDrawerMenuOptionV2
|
|
27
|
-
*/
|
|
28
22
|
declare const LuiDrawerMenuOption: React.FC<React.PropsWithChildren<ILuiDrawerMenuOption>>;
|
|
29
23
|
declare type ILuiDrawerMenu = Omit<ILuiHeaderMenuItem, 'onClick'> & {
|
|
30
24
|
hasStickyHeader?: boolean;
|
|
31
25
|
};
|
|
32
|
-
/**
|
|
33
|
-
* @deprecated replaced by LuiDrawerMenuV2
|
|
34
|
-
*/
|
|
35
26
|
declare const LuiDrawerMenu: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
|
|
36
27
|
declare type ILuiDropdownMenu = Omit<ILuiHeaderMenuItem, 'onClick'>;
|
|
37
|
-
/**
|
|
38
|
-
* @deprecated replaced by LuiDropdownMenuV2
|
|
39
|
-
*/
|
|
40
28
|
declare const LuiDropdownMenu: React.FC<React.PropsWithChildren<ILuiDropdownMenu>>;
|
|
41
29
|
interface ILuiDrawerMenuSection {
|
|
42
30
|
/**
|
package/dist/index.d.ts
CHANGED
|
@@ -36,9 +36,7 @@ export { LuiFooter } from './components/LuiFooter/LuiFooter';
|
|
|
36
36
|
export { LuiComboSelect, LuiComboSelectProps, LuiComboSelectOption, } from './components/LuiForms/LuiComboSelect/LuiComboSelect';
|
|
37
37
|
export { LuiFormSectionHeader, IFormSectionHeaderProps, } from './components/LuiForms/LuiFormSection/LuiFormSectionHeader';
|
|
38
38
|
export * from './components/LuiHeader/LuiHeader';
|
|
39
|
-
export * from './components/LuiHeaderV2/LuiHeaderV2';
|
|
40
39
|
export * from './components/LuiHeaderMenu/LuiHeaderMenus';
|
|
41
|
-
export * from './components/LuiHeaderMenuV2/LuiHeaderMenusV2';
|
|
42
40
|
export { LuiUpdatesSplashModal } from './components/LuiUpdateSplashModal/LuiUpdatesSplashModal';
|
|
43
41
|
export { LuiModal, LuiAlertModal, LuiAlertModalButtons, } from './components/LuiModal/LuiModal';
|
|
44
42
|
export { ISearchInputProps, ISearchGroupedResult, ISearchResult, LuiSearchInput, } from './components/LuiSearchInput/LuiSearchInput';
|
|
@@ -69,4 +67,3 @@ export { RadioItemRenderer } from './components/LuiListBox/Renderers/RadioItemRe
|
|
|
69
67
|
export { CheckboxItemRenderer } from './components/LuiListBox/Renderers/CheckboxItemRenderer';
|
|
70
68
|
export { LuiSideMenu, ILuiSideMenuProps, } from './components/LuiSideMenu/LuiSideMenu';
|
|
71
69
|
export { LuiSideMenuItem, ILuiSideMenuItemProps, LuiMenuItemClickHandler, } from './components/LuiSideMenu/LuiSideMenuItem';
|
|
72
|
-
export { Breakpoint, breakpoints, breakpointQuery, useMediaQuery, } from './components/common/UseMediaQuery';
|
package/dist/index.js
CHANGED
|
@@ -15578,8 +15578,7 @@ var LuiTextInput = function (props) {
|
|
|
15578
15578
|
React__default["default"].createElement("span", { className: 'LuiTextInput-label-text ' +
|
|
15579
15579
|
clsx$1(props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
|
|
15580
15580
|
React__default["default"].createElement("span", { className: "LuiTextInput-inputWrapper" },
|
|
15581
|
-
React__default["default"].createElement("input", __assign$3({ type: 'text', className: (props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '')
|
|
15582
|
-
clsx$1('LuiTextInput-input'), min: "0", value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
|
|
15581
|
+
React__default["default"].createElement("input", __assign$3({ type: 'text', className: clsx$1('LuiTextInput-input', props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '', props.size ? "LuiTextInput-".concat(props.size) : ''), min: "0", value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
|
|
15583
15582
|
props.icon),
|
|
15584
15583
|
props.error && (React__default["default"].createElement("span", { className: "LuiTextInput-error" },
|
|
15585
15584
|
React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }),
|
|
@@ -40119,12 +40118,8 @@ var buildHideClassDict = function (_a) {
|
|
|
40119
40118
|
};
|
|
40120
40119
|
};
|
|
40121
40120
|
|
|
40122
|
-
/**
|
|
40123
|
-
* @deprecated: this is replaced by LuiHeaderV2
|
|
40124
|
-
*/
|
|
40125
40121
|
var LuiHeader = function (_a) {
|
|
40126
40122
|
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;
|
|
40127
|
-
useDeprecatedWarning('LuiHeader');
|
|
40128
40123
|
var logoElement = size === 'normal' ? (React__default["default"].createElement("img", { className: "linz-logo", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "linz-motif", alt: "LINZ Logo", src: motif }));
|
|
40129
40124
|
var logoContainer = logoElement;
|
|
40130
40125
|
if (typeof homeLink === 'string') {
|
|
@@ -40149,15 +40144,12 @@ var LuiHeader = function (_a) {
|
|
|
40149
40144
|
React__default["default"].createElement("div", { className: "lui-header-col" }, children))));
|
|
40150
40145
|
};
|
|
40151
40146
|
/**
|
|
40152
|
-
* @deprecated: this is replaced by LuiHeaderMenuItemV2
|
|
40153
|
-
*
|
|
40154
40147
|
* The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
|
|
40155
40148
|
* Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
|
|
40156
40149
|
* To configure the item for responsiveness, ensure to set any of the hideOn* properties.
|
|
40157
40150
|
*/
|
|
40158
40151
|
var LuiHeaderMenuItem = React$1.forwardRef(function (_a, ref) {
|
|
40159
40152
|
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;
|
|
40160
|
-
useDeprecatedWarning('LuiHeaderMenuItem');
|
|
40161
40153
|
var menuItemClasses = clsx$1('lui-header-menu-item', hide && buildHideClassDict(hide));
|
|
40162
40154
|
var resolvedIcon = !icon && !label ? 'menu' : icon;
|
|
40163
40155
|
return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
|
|
@@ -40172,12 +40164,8 @@ var LuiCloseableHeaderMenuContext = React$1.createContext({
|
|
|
40172
40164
|
open: function () { },
|
|
40173
40165
|
close: function () { }
|
|
40174
40166
|
});
|
|
40175
|
-
/**
|
|
40176
|
-
* @deprecated replaced by LuiCloseableHeaderMenuItemV2
|
|
40177
|
-
*/
|
|
40178
40167
|
var LuiCloseableHeaderMenuItem = function (_a) {
|
|
40179
40168
|
var open = _a.open, setOpen = _a.setOpen, props = __rest$1(_a, ["open", "setOpen"]);
|
|
40180
|
-
useDeprecatedWarning('LuiCloseableHeaderMenuItem');
|
|
40181
40169
|
useEscapeFunction(function () { return setOpen(false); });
|
|
40182
40170
|
var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
|
|
40183
40171
|
if (!open) {
|
|
@@ -40201,76 +40189,12 @@ var LuiMenuCloseButton = function (_a) {
|
|
|
40201
40189
|
return (React__default["default"].createElement("i", { className: classes, onClick: menu.close, "data-testid": dataTestId }, icon));
|
|
40202
40190
|
};
|
|
40203
40191
|
|
|
40204
|
-
var LuiHeaderV2 = function (_a) {
|
|
40205
|
-
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, appMenu = _a.appMenu;
|
|
40206
|
-
var logoElement = size === 'normal' ? (React__default["default"].createElement("img", { className: "linz-logo-v2", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "linz-motif-v2", alt: "LINZ Logo", src: motif }));
|
|
40207
|
-
var logoContainer = logoElement;
|
|
40208
|
-
if (typeof homeLink === 'string') {
|
|
40209
|
-
logoContainer = React__default["default"].createElement("a", { href: homeLink }, logoElement);
|
|
40210
|
-
}
|
|
40211
|
-
else if (typeof homeLink === 'function') {
|
|
40212
|
-
logoContainer = (React__default["default"].createElement("div", { className: "clickable", onClick: function () {
|
|
40213
|
-
homeLink();
|
|
40214
|
-
} }, logoElement));
|
|
40215
|
-
}
|
|
40216
|
-
return (React__default["default"].createElement("header", { className: clsx$1({
|
|
40217
|
-
'lui-header-v2': true,
|
|
40218
|
-
'lui-header-transparent': transparent,
|
|
40219
|
-
'lui-header-small-v2': size === 'small',
|
|
40220
|
-
'lui-header-sticky-v2': sticky
|
|
40221
|
-
}) },
|
|
40222
|
-
React__default["default"].createElement("div", { className: "lui-header-row-v2" },
|
|
40223
|
-
React__default["default"].createElement("div", { className: "lui-header-col-v2" },
|
|
40224
|
-
!!appMenu && appMenu,
|
|
40225
|
-
React__default["default"].createElement("div", { className: "lui-header-logo-v2" }, logoContainer),
|
|
40226
|
-
headingText && (React__default["default"].createElement("div", { className: "lui-header-title-v2" },
|
|
40227
|
-
React__default["default"].createElement("h1", null, headingText)))),
|
|
40228
|
-
React__default["default"].createElement("div", { className: "lui-header-col-v2" }, children))));
|
|
40229
|
-
};
|
|
40230
|
-
var LuiHeaderMenuItemV2 = React$1.forwardRef(function (_a, ref) {
|
|
40231
|
-
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;
|
|
40232
|
-
var menuItemClasses = clsx$1('lui-header-menu-item-v2', hide && buildHideClassDict(hide));
|
|
40233
|
-
var resolvedIcon = !icon && !label ? 'menu' : icon;
|
|
40234
|
-
return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
|
|
40235
|
-
React__default["default"].createElement("div", { className: "lui-header-menu-button" },
|
|
40236
|
-
React__default["default"].createElement("div", { className: clsx$1('lui-header-menu-icon', onClick && 'clickable'), onClick: onClick, "data-testid": dataTestId }, resolvedIcon && (React__default["default"].createElement("i", { title: "Main menu", className: "material-icons-round lui-icon-md" }, resolvedIcon))),
|
|
40237
|
-
label && React__default["default"].createElement("div", { className: "lui-menu-label-v2" }, label),
|
|
40238
|
-
badge && React__default["default"].createElement("div", { className: "badge-v2" }, badge)),
|
|
40239
|
-
children));
|
|
40240
|
-
});
|
|
40241
|
-
var LuiCloseableHeaderMenuItemV2 = function (_a) {
|
|
40242
|
-
var open = _a.open, setOpen = _a.setOpen, children = _a.children, props = __rest$1(_a, ["open", "setOpen", "children"]);
|
|
40243
|
-
useEscapeFunction(function () { return setOpen(false); });
|
|
40244
|
-
var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
|
|
40245
|
-
if (!open) {
|
|
40246
|
-
event.stopPropagation();
|
|
40247
|
-
setOpen(false);
|
|
40248
|
-
}
|
|
40249
|
-
});
|
|
40250
|
-
var menuControls = {
|
|
40251
|
-
isOpen: function () { return open; },
|
|
40252
|
-
open: function () { return setOpen(!open); },
|
|
40253
|
-
close: function () { return setOpen(false); }
|
|
40254
|
-
};
|
|
40255
|
-
var menuItemProps = __assign$3({ onClick: function () { return menuControls.open(); } }, props);
|
|
40256
|
-
return (React__default["default"].createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
|
|
40257
|
-
React__default["default"].createElement(LuiHeaderMenuItemV2, __assign$3({ ref: menuDiv }, menuItemProps), children)));
|
|
40258
|
-
};
|
|
40259
|
-
|
|
40260
|
-
/**
|
|
40261
|
-
* @deprecated replaced by LuiDrawerMenuOptionsV2
|
|
40262
|
-
*/
|
|
40263
40192
|
var LuiDrawerMenuOptions = function (_a) {
|
|
40264
40193
|
var children = _a.children;
|
|
40265
|
-
useDeprecatedWarning('LuiDrawerMenuOptions');
|
|
40266
40194
|
return React__default["default"].createElement("div", { className: "lui-menu-drawer-options" }, children);
|
|
40267
40195
|
};
|
|
40268
|
-
/**
|
|
40269
|
-
* @deprecated replaced by LuiDrawerMenuOptionV2
|
|
40270
|
-
*/
|
|
40271
40196
|
var LuiDrawerMenuOption = function (_a) {
|
|
40272
40197
|
var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
|
|
40273
|
-
useDeprecatedWarning('LuiDrawerMenuOption');
|
|
40274
40198
|
var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
|
|
40275
40199
|
return (React__default["default"].createElement("div", { className: "lui-menu-drawer-option", onClick: function () {
|
|
40276
40200
|
menu.close();
|
|
@@ -40281,12 +40205,8 @@ var LuiDrawerMenuOption = function (_a) {
|
|
|
40281
40205
|
label),
|
|
40282
40206
|
badge));
|
|
40283
40207
|
};
|
|
40284
|
-
/**
|
|
40285
|
-
* @deprecated replaced by LuiDrawerMenuV2
|
|
40286
|
-
*/
|
|
40287
40208
|
var LuiDrawerMenu = function (_a) {
|
|
40288
40209
|
var restOfProps = __rest$1(_a, []);
|
|
40289
|
-
useDeprecatedWarning('LuiDrawerMenu');
|
|
40290
40210
|
var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(restOfProps, ["children", "hasStickyHeader"]);
|
|
40291
40211
|
var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
|
|
40292
40212
|
var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
|
|
@@ -40309,12 +40229,8 @@ var LuiDrawerMenu = function (_a) {
|
|
|
40309
40229
|
'lui-menu-drawer-closed': !open
|
|
40310
40230
|
}), "data-testid": 'drawer', "aria-hidden": !open }, children)));
|
|
40311
40231
|
};
|
|
40312
|
-
/**
|
|
40313
|
-
* @deprecated replaced by LuiDropdownMenuV2
|
|
40314
|
-
*/
|
|
40315
40232
|
var LuiDropdownMenu = function (_a) {
|
|
40316
40233
|
var restOfProps = __rest$1(_a, []);
|
|
40317
|
-
useDeprecatedWarning('LuiDropdownMenu');
|
|
40318
40234
|
var children = restOfProps.children, menuPropsCopy = __rest$1(restOfProps, ["children"]);
|
|
40319
40235
|
var _b = React$1.useState(false), open = _b[0], setOpen = _b[1];
|
|
40320
40236
|
var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen });
|
|
@@ -40340,77 +40256,6 @@ var LuiDrawerMenuDivider = function () {
|
|
|
40340
40256
|
return React__default["default"].createElement("hr", { className: "LuiDrawerMenuDivider" });
|
|
40341
40257
|
};
|
|
40342
40258
|
|
|
40343
|
-
var LuiDrawerMenuOptionsV2 = function (_a) {
|
|
40344
|
-
var children = _a.children;
|
|
40345
|
-
return (React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-options" }, children));
|
|
40346
|
-
};
|
|
40347
|
-
var LuiDrawerMenuOptionV2 = function (_a) {
|
|
40348
|
-
var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
|
|
40349
|
-
var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
|
|
40350
|
-
return (React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-option", onClick: function () {
|
|
40351
|
-
menu.close();
|
|
40352
|
-
onClick();
|
|
40353
|
-
}, "data-testid": 'drawer-option' },
|
|
40354
|
-
React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-option-label" },
|
|
40355
|
-
typeof icon === 'string' ? (React__default["default"].createElement("i", { className: "material-icons-round", "data-testid": 'drawer-option-icon' }, icon)) : (icon),
|
|
40356
|
-
label),
|
|
40357
|
-
badge));
|
|
40358
|
-
};
|
|
40359
|
-
var LuiDrawerMenuV2 = function (_a) {
|
|
40360
|
-
var children = _a.children, _b = _a.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(_a, ["children", "hasStickyHeader"]);
|
|
40361
|
-
var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
|
|
40362
|
-
var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
|
|
40363
|
-
React$1.useEffect(function () {
|
|
40364
|
-
// Support for non-sticky headers. Scroll back to top when menu is opened
|
|
40365
|
-
if (open && !hasStickyHeader) {
|
|
40366
|
-
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
40367
|
-
}
|
|
40368
|
-
// Disable page scrolling while menu is open
|
|
40369
|
-
if (open) {
|
|
40370
|
-
document.body.classList.add('lui-menu-drawer-v2-open');
|
|
40371
|
-
}
|
|
40372
|
-
else {
|
|
40373
|
-
document.body.classList.remove('lui-menu-drawer-v2-open');
|
|
40374
|
-
}
|
|
40375
|
-
}, [open, hasStickyHeader]);
|
|
40376
|
-
return (React__default["default"].createElement(LuiCloseableHeaderMenuItemV2, __assign$3({}, closeableMenuProps),
|
|
40377
|
-
React__default["default"].createElement("div", { className: clsx$1({
|
|
40378
|
-
'lui-menu-drawer-v2': true,
|
|
40379
|
-
'lui-menu-drawer-v2-closed': !open
|
|
40380
|
-
}), "data-testid": 'drawer', "aria-hidden": !open }, children)));
|
|
40381
|
-
};
|
|
40382
|
-
var LuiDropdownMenuV2 = function (_a) {
|
|
40383
|
-
var restOfProps = __rest$1(_a, []);
|
|
40384
|
-
var children = restOfProps.children, _b = restOfProps.anchorOrigin, _c = _b === void 0 ? {
|
|
40385
|
-
horizontal: 'left'
|
|
40386
|
-
} : _b, _d = _c.horizontal, horizontal = _d === void 0 ? 'left' : _d, _e = restOfProps.size, size = _e === void 0 ? 'md' : _e, menuPropsCopy = __rest$1(restOfProps, ["children", "anchorOrigin", "size"]);
|
|
40387
|
-
var _f = React$1.useState(false), open = _f[0], setOpen = _f[1];
|
|
40388
|
-
var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen });
|
|
40389
|
-
return (React__default["default"].createElement(LuiCloseableHeaderMenuItemV2, __assign$3({}, closeableMenuProps),
|
|
40390
|
-
React__default["default"].createElement("div", { className: "lui-menu-dropdown-container" },
|
|
40391
|
-
React__default["default"].createElement("div", { className: clsx$1({
|
|
40392
|
-
'lui-menu-dropdown-v2': true,
|
|
40393
|
-
'dropdown-horizontal-right': horizontal === 'right',
|
|
40394
|
-
'dropdown-horizontal-left': horizontal === 'left',
|
|
40395
|
-
'dropdown-xxl': size === 'xxl',
|
|
40396
|
-
'dropdown-xl': size === 'xl',
|
|
40397
|
-
'dropdown-lg': size === 'lg',
|
|
40398
|
-
'dropdown-md': size === 'md',
|
|
40399
|
-
'dropdown-sm': size === 'sm',
|
|
40400
|
-
'dropdown-xs': size === 'xs',
|
|
40401
|
-
'lui-box-shadow': true,
|
|
40402
|
-
'lui-menu-dropdown-v2-closed': !open
|
|
40403
|
-
}), "data-testid": 'dropdown', "aria-hidden": !open },
|
|
40404
|
-
children,
|
|
40405
|
-
' '))));
|
|
40406
|
-
};
|
|
40407
|
-
var LuiDrawerMenuSectionV2 = function (props) {
|
|
40408
|
-
return React__default["default"].createElement(LuiDrawerMenuSection, __assign$3({}, props));
|
|
40409
|
-
};
|
|
40410
|
-
var LuiDrawerMenuDividerV2 = function () {
|
|
40411
|
-
return React__default["default"].createElement(LuiDrawerMenuDivider, null);
|
|
40412
|
-
};
|
|
40413
|
-
|
|
40414
40259
|
var lib = {exports: {}};
|
|
40415
40260
|
|
|
40416
40261
|
var Modal$2 = {};
|
|
@@ -58143,34 +57988,6 @@ function LuiSideMenuItem(_a) {
|
|
|
58143
57988
|
React__default["default"].createElement("span", { className: "navText" }, label))));
|
|
58144
57989
|
}
|
|
58145
57990
|
|
|
58146
|
-
var breakpoints = {
|
|
58147
|
-
sm: 480,
|
|
58148
|
-
md: 768,
|
|
58149
|
-
lg: 1024,
|
|
58150
|
-
xl: 1280,
|
|
58151
|
-
xxl: 1600
|
|
58152
|
-
};
|
|
58153
|
-
var breakpointQuery = {
|
|
58154
|
-
up: function (bp) { return "(min-width: ".concat(breakpoints[bp], "px)"); },
|
|
58155
|
-
down: function (bp) { return "(max-width: ".concat(breakpoints[bp], "px)"); },
|
|
58156
|
-
between: function (bp1, bp2) {
|
|
58157
|
-
return "(min-width: ".concat(breakpoints[bp1], "px) and (max-width: ").concat(breakpoints[bp2], "px)");
|
|
58158
|
-
}
|
|
58159
|
-
};
|
|
58160
|
-
var useMediaQuery = function (query) {
|
|
58161
|
-
var _a = React$1.useState(false), matches = _a[0], setMatches = _a[1];
|
|
58162
|
-
React$1.useEffect(function () {
|
|
58163
|
-
var media = window.matchMedia(query);
|
|
58164
|
-
if (media.matches !== matches) {
|
|
58165
|
-
setMatches(media.matches);
|
|
58166
|
-
}
|
|
58167
|
-
var listener = function () { return setMatches(media.matches); };
|
|
58168
|
-
window.addEventListener('resize', listener);
|
|
58169
|
-
return function () { return window.removeEventListener('resize', listener); };
|
|
58170
|
-
}, [matches, query]);
|
|
58171
|
-
return matches;
|
|
58172
|
-
};
|
|
58173
|
-
|
|
58174
57991
|
exports.CheckboxItemRenderer = CheckboxItemRenderer;
|
|
58175
57992
|
exports.FIRM_KEY = FIRM_KEY;
|
|
58176
57993
|
exports.FIRM_NAME_KEY = FIRM_NAME_KEY;
|
|
@@ -58203,21 +58020,14 @@ exports.LuiButtonGroup = LuiButtonGroup;
|
|
|
58203
58020
|
exports.LuiCheckboxInput = LuiCheckboxInput;
|
|
58204
58021
|
exports.LuiCloseableHeaderMenuContext = LuiCloseableHeaderMenuContext;
|
|
58205
58022
|
exports.LuiCloseableHeaderMenuItem = LuiCloseableHeaderMenuItem;
|
|
58206
|
-
exports.LuiCloseableHeaderMenuItemV2 = LuiCloseableHeaderMenuItemV2;
|
|
58207
58023
|
exports.LuiComboSelect = LuiComboSelect;
|
|
58208
58024
|
exports.LuiControlledMenu = LuiControlledMenu;
|
|
58209
58025
|
exports.LuiDrawerMenu = LuiDrawerMenu;
|
|
58210
58026
|
exports.LuiDrawerMenuDivider = LuiDrawerMenuDivider;
|
|
58211
|
-
exports.LuiDrawerMenuDividerV2 = LuiDrawerMenuDividerV2;
|
|
58212
58027
|
exports.LuiDrawerMenuOption = LuiDrawerMenuOption;
|
|
58213
|
-
exports.LuiDrawerMenuOptionV2 = LuiDrawerMenuOptionV2;
|
|
58214
58028
|
exports.LuiDrawerMenuOptions = LuiDrawerMenuOptions;
|
|
58215
|
-
exports.LuiDrawerMenuOptionsV2 = LuiDrawerMenuOptionsV2;
|
|
58216
58029
|
exports.LuiDrawerMenuSection = LuiDrawerMenuSection;
|
|
58217
|
-
exports.LuiDrawerMenuSectionV2 = LuiDrawerMenuSectionV2;
|
|
58218
|
-
exports.LuiDrawerMenuV2 = LuiDrawerMenuV2;
|
|
58219
58030
|
exports.LuiDropdownMenu = LuiDropdownMenu;
|
|
58220
|
-
exports.LuiDropdownMenuV2 = LuiDropdownMenuV2;
|
|
58221
58031
|
exports.LuiErrorPage = LuiErrorPage;
|
|
58222
58032
|
exports.LuiExpandableBanner = LuiExpandableBanner;
|
|
58223
58033
|
exports.LuiFileInputBox = LuiFileInputBox;
|
|
@@ -58237,8 +58047,6 @@ exports.LuiFormikSelect = LuiFormikSelect;
|
|
|
58237
58047
|
exports.LuiFormikTextInput = LuiFormikTextInput;
|
|
58238
58048
|
exports.LuiHeader = LuiHeader;
|
|
58239
58049
|
exports.LuiHeaderMenuItem = LuiHeaderMenuItem;
|
|
58240
|
-
exports.LuiHeaderMenuItemV2 = LuiHeaderMenuItemV2;
|
|
58241
|
-
exports.LuiHeaderV2 = LuiHeaderV2;
|
|
58242
58050
|
exports.LuiIcon = LuiIcon;
|
|
58243
58051
|
exports.LuiListBox = LuiListBox;
|
|
58244
58052
|
exports.LuiLoadingSpinner = LuiLoadingSpinner;
|
|
@@ -58278,14 +58086,11 @@ exports.LuiToastMessage = LuiToastMessage;
|
|
|
58278
58086
|
exports.LuiTooltip = LuiTooltip;
|
|
58279
58087
|
exports.LuiUpdatesSplashModal = LuiUpdatesSplashModal;
|
|
58280
58088
|
exports.RadioItemRenderer = RadioItemRenderer;
|
|
58281
|
-
exports.breakpointQuery = breakpointQuery;
|
|
58282
|
-
exports.breakpoints = breakpoints;
|
|
58283
58089
|
exports.getDefaultSearchMenuOptions = getDefaultSearchMenuOptions;
|
|
58284
58090
|
exports.isChromatic = isChromatic;
|
|
58285
58091
|
exports.useClickedOutsideElement = useClickedOutsideElement;
|
|
58286
58092
|
exports.useLOLGlobalClientRefContext = useLOLGlobalClientRefContext;
|
|
58287
58093
|
exports.useLOLUserContext = useLOLUserContext;
|
|
58288
58094
|
exports.useLuiFloatingWindow = useFloatingWindow;
|
|
58289
|
-
exports.useMediaQuery = useMediaQuery;
|
|
58290
58095
|
exports.useShowLUIMessage = useShowLUIMessage;
|
|
58291
58096
|
//# sourceMappingURL=index.js.map
|