@linzjs/lui 17.29.1-5 → 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/components/common/StorybookSupport.d.ts +1 -1
- package/dist/index.d.ts +0 -3
- package/dist/index.js +1 -203
- package/dist/index.js.map +1 -1
- package/dist/lui.css +12 -337
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +2 -192
- 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 -19
- package/dist/components/common/UseMediaQuery.d.ts +0 -9
- package/dist/scss/Components/HeaderV2/header-v2.scss +0 -238
- package/dist/scss/Components/MenuV2/menu-v2.scss +0 -172
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
|
/**
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Open menu after render so chromatic can see it.
|
|
3
3
|
* Place in useEffect in story. e.g. useEffect(openHeaderMenu, []);
|
|
4
4
|
*/
|
|
5
|
-
export declare const openHeaderMenu: (
|
|
5
|
+
export declare const openHeaderMenu: () => void;
|
|
6
6
|
export declare const expandCollapsedContainer: () => void;
|
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,77 +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: "LuiHeaderV2-linz-logo", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "LuiHeaderV2-linz-motif", 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
|
-
LuiHeaderV2: true,
|
|
40218
|
-
'LuiHeaderV2-transparent': transparent,
|
|
40219
|
-
'LuiHeaderV2-small': size === 'small',
|
|
40220
|
-
'LuiHeaderV2-sticky': sticky
|
|
40221
|
-
}) },
|
|
40222
|
-
React__default["default"].createElement("div", { className: "LuiHeaderV2-row" },
|
|
40223
|
-
React__default["default"].createElement("div", { className: "LuiHeaderV2-col" },
|
|
40224
|
-
!!appMenu && appMenu,
|
|
40225
|
-
React__default["default"].createElement("div", { className: "LuiHeaderV2-logo" }, logoContainer),
|
|
40226
|
-
headingText && (React__default["default"].createElement("div", { className: "LuiHeaderV2-title" },
|
|
40227
|
-
React__default["default"].createElement("h1", null, headingText)))),
|
|
40228
|
-
React__default["default"].createElement("div", { className: "LuiHeaderV2-col" }, 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('LuiHeaderV2-menu-item', 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: "LuiHeaderV2-menu-button" },
|
|
40236
|
-
resolvedIcon && (React__default["default"].createElement("div", { className: clsx$1('LuiHeaderV2-menu-icon', onClick && 'clickable'), "data-testid": dataTestId, onClick: onClick },
|
|
40237
|
-
React__default["default"].createElement("i", { title: "Main menu", className: "material-icons-round lui-icon-md" }, resolvedIcon))),
|
|
40238
|
-
label && (React__default["default"].createElement("div", { className: clsx$1(onClick && 'clickable', { 'LuiHeaderV2-menu-label': !!resolvedIcon }, { 'LuiHeaderV2-menu-label-only': !resolvedIcon }), onClick: onClick }, label)),
|
|
40239
|
-
badge && React__default["default"].createElement("div", { className: "LuiHeaderV2-badge" }, badge)),
|
|
40240
|
-
!!children && children));
|
|
40241
|
-
});
|
|
40242
|
-
var LuiCloseableHeaderMenuItemV2 = function (_a) {
|
|
40243
|
-
var open = _a.open, setOpen = _a.setOpen, children = _a.children, props = __rest$1(_a, ["open", "setOpen", "children"]);
|
|
40244
|
-
useEscapeFunction(function () { return setOpen(false); });
|
|
40245
|
-
var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
|
|
40246
|
-
if (!open) {
|
|
40247
|
-
event.stopPropagation();
|
|
40248
|
-
setOpen(false);
|
|
40249
|
-
}
|
|
40250
|
-
});
|
|
40251
|
-
var menuControls = {
|
|
40252
|
-
isOpen: function () { return open; },
|
|
40253
|
-
open: function () { return setOpen(!open); },
|
|
40254
|
-
close: function () { return setOpen(false); }
|
|
40255
|
-
};
|
|
40256
|
-
var menuItemProps = __assign$3({ onClick: function () { return menuControls.open(); } }, props);
|
|
40257
|
-
return (React__default["default"].createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
|
|
40258
|
-
React__default["default"].createElement(LuiHeaderMenuItemV2, __assign$3({ ref: menuDiv }, menuItemProps), !!children && children)));
|
|
40259
|
-
};
|
|
40260
|
-
|
|
40261
|
-
/**
|
|
40262
|
-
* @deprecated replaced by LuiDrawerMenuOptionsV2
|
|
40263
|
-
*/
|
|
40264
40192
|
var LuiDrawerMenuOptions = function (_a) {
|
|
40265
40193
|
var children = _a.children;
|
|
40266
|
-
useDeprecatedWarning('LuiDrawerMenuOptions');
|
|
40267
40194
|
return React__default["default"].createElement("div", { className: "lui-menu-drawer-options" }, children);
|
|
40268
40195
|
};
|
|
40269
|
-
/**
|
|
40270
|
-
* @deprecated replaced by LuiDrawerMenuOptionV2
|
|
40271
|
-
*/
|
|
40272
40196
|
var LuiDrawerMenuOption = function (_a) {
|
|
40273
40197
|
var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
|
|
40274
|
-
useDeprecatedWarning('LuiDrawerMenuOption');
|
|
40275
40198
|
var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
|
|
40276
40199
|
return (React__default["default"].createElement("div", { className: "lui-menu-drawer-option", onClick: function () {
|
|
40277
40200
|
menu.close();
|
|
@@ -40282,12 +40205,8 @@ var LuiDrawerMenuOption = function (_a) {
|
|
|
40282
40205
|
label),
|
|
40283
40206
|
badge));
|
|
40284
40207
|
};
|
|
40285
|
-
/**
|
|
40286
|
-
* @deprecated replaced by LuiDrawerMenuV2
|
|
40287
|
-
*/
|
|
40288
40208
|
var LuiDrawerMenu = function (_a) {
|
|
40289
40209
|
var restOfProps = __rest$1(_a, []);
|
|
40290
|
-
useDeprecatedWarning('LuiDrawerMenu');
|
|
40291
40210
|
var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(restOfProps, ["children", "hasStickyHeader"]);
|
|
40292
40211
|
var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
|
|
40293
40212
|
var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
|
|
@@ -40310,12 +40229,8 @@ var LuiDrawerMenu = function (_a) {
|
|
|
40310
40229
|
'lui-menu-drawer-closed': !open
|
|
40311
40230
|
}), "data-testid": 'drawer', "aria-hidden": !open }, children)));
|
|
40312
40231
|
};
|
|
40313
|
-
/**
|
|
40314
|
-
* @deprecated replaced by LuiDropdownMenuV2
|
|
40315
|
-
*/
|
|
40316
40232
|
var LuiDropdownMenu = function (_a) {
|
|
40317
40233
|
var restOfProps = __rest$1(_a, []);
|
|
40318
|
-
useDeprecatedWarning('LuiDropdownMenu');
|
|
40319
40234
|
var children = restOfProps.children, menuPropsCopy = __rest$1(restOfProps, ["children"]);
|
|
40320
40235
|
var _b = React$1.useState(false), open = _b[0], setOpen = _b[1];
|
|
40321
40236
|
var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen });
|
|
@@ -40341,83 +40256,6 @@ var LuiDrawerMenuDivider = function () {
|
|
|
40341
40256
|
return React__default["default"].createElement("hr", { className: "LuiDrawerMenuDivider" });
|
|
40342
40257
|
};
|
|
40343
40258
|
|
|
40344
|
-
var LuiDrawerMenuOptionsV2 = function (_a) {
|
|
40345
|
-
var children = _a.children;
|
|
40346
|
-
return (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-options" }, children));
|
|
40347
|
-
};
|
|
40348
|
-
var LuiDrawerMenuOptionV2 = function (_a) {
|
|
40349
|
-
var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
|
|
40350
|
-
var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
|
|
40351
|
-
return (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option", onClick: function () {
|
|
40352
|
-
menu.close();
|
|
40353
|
-
onClick();
|
|
40354
|
-
}, "data-testid": 'drawer-option' },
|
|
40355
|
-
React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-label" },
|
|
40356
|
-
typeof icon === 'string' ? (React__default["default"].createElement("i", { className: "material-icons-round", "data-testid": 'drawer-option-icon' }, icon)) : (icon),
|
|
40357
|
-
label),
|
|
40358
|
-
badge));
|
|
40359
|
-
};
|
|
40360
|
-
var LuiDrawerMenuV2 = function (_a) {
|
|
40361
|
-
var children = _a.children, _b = _a.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(_a, ["children", "hasStickyHeader"]);
|
|
40362
|
-
var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
|
|
40363
|
-
var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
|
|
40364
|
-
React$1.useEffect(function () {
|
|
40365
|
-
// Support for non-sticky headers. Scroll back to top when menu is opened
|
|
40366
|
-
if (open && !hasStickyHeader) {
|
|
40367
|
-
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
40368
|
-
}
|
|
40369
|
-
// Disable page scrolling while menu is open
|
|
40370
|
-
if (open) {
|
|
40371
|
-
document.body.classList.add('LuiHeaderMenuV2-drawer-open');
|
|
40372
|
-
}
|
|
40373
|
-
else {
|
|
40374
|
-
document.body.classList.remove('LuiHeaderMenuV2-drawer-open');
|
|
40375
|
-
}
|
|
40376
|
-
}, [open, hasStickyHeader]);
|
|
40377
|
-
return (React__default["default"].createElement(LuiCloseableHeaderMenuItemV2, __assign$3({}, closeableMenuProps),
|
|
40378
|
-
React__default["default"].createElement("div", { className: clsx$1({
|
|
40379
|
-
'LuiHeaderMenuV2-drawer': true,
|
|
40380
|
-
'LuiHeaderMenuV2-drawer-closed': !open
|
|
40381
|
-
}), "data-testid": 'drawer', "aria-hidden": !open }, children)));
|
|
40382
|
-
};
|
|
40383
|
-
var LuiDropdownMenuV2 = function (_a) {
|
|
40384
|
-
var restOfProps = __rest$1(_a, []);
|
|
40385
|
-
var children = restOfProps.children, _b = restOfProps.anchorOrigin, _c = _b === void 0 ? {
|
|
40386
|
-
horizontal: 'left'
|
|
40387
|
-
} : _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"]);
|
|
40388
|
-
var _f = React$1.useState(null), open = _f[0], setOpen = _f[1];
|
|
40389
|
-
var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open || false, setOpen: function (currentOpen) {
|
|
40390
|
-
setOpen(function (preOpen) {
|
|
40391
|
-
if (preOpen !== null) {
|
|
40392
|
-
return currentOpen;
|
|
40393
|
-
}
|
|
40394
|
-
// if the menu was not opened before, then ignore close event,
|
|
40395
|
-
// thus apply -closed animation css only if the menu is closed from the open state
|
|
40396
|
-
return currentOpen || null;
|
|
40397
|
-
});
|
|
40398
|
-
} });
|
|
40399
|
-
// const anchorHorizontal = menuPropsCopy.label && horizontal === 'right' ?
|
|
40400
|
-
return (React__default["default"].createElement(LuiCloseableHeaderMenuItemV2, __assign$3({}, closeableMenuProps),
|
|
40401
|
-
React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-dropdown-container" },
|
|
40402
|
-
React__default["default"].createElement("div", { className: clsx$1('LuiHeaderMenuV2-dropdown', 'lui-box-shadow', { 'anchor-horizontal-icon-left': horizontal === 'left' }, {
|
|
40403
|
-
'anchor-horizontal-icon-right': !menuPropsCopy.label && horizontal === 'right'
|
|
40404
|
-
}, {
|
|
40405
|
-
'anchor-horizontal-label-right': menuPropsCopy.label && horizontal === 'right'
|
|
40406
|
-
}, "dropdown-".concat(size), {
|
|
40407
|
-
'LuiHeaderMenuV2-dropdown-open': open
|
|
40408
|
-
}, {
|
|
40409
|
-
'LuiHeaderMenuV2-dropdown-closed': open !== null && !open
|
|
40410
|
-
}), "data-testid": 'dropdown', "aria-hidden": !open },
|
|
40411
|
-
children,
|
|
40412
|
-
' '))));
|
|
40413
|
-
};
|
|
40414
|
-
var LuiDrawerMenuSectionV2 = function (props) {
|
|
40415
|
-
return React__default["default"].createElement(LuiDrawerMenuSection, __assign$3({}, props));
|
|
40416
|
-
};
|
|
40417
|
-
var LuiDrawerMenuDividerV2 = function () {
|
|
40418
|
-
return React__default["default"].createElement(LuiDrawerMenuDivider, null);
|
|
40419
|
-
};
|
|
40420
|
-
|
|
40421
40259
|
var lib = {exports: {}};
|
|
40422
40260
|
|
|
40423
40261
|
var Modal$2 = {};
|
|
@@ -58150,34 +57988,6 @@ function LuiSideMenuItem(_a) {
|
|
|
58150
57988
|
React__default["default"].createElement("span", { className: "navText" }, label))));
|
|
58151
57989
|
}
|
|
58152
57990
|
|
|
58153
|
-
var breakpoints = {
|
|
58154
|
-
sm: 480,
|
|
58155
|
-
md: 768,
|
|
58156
|
-
lg: 1024,
|
|
58157
|
-
xl: 1280,
|
|
58158
|
-
xxl: 1600
|
|
58159
|
-
};
|
|
58160
|
-
var breakpointQuery = {
|
|
58161
|
-
up: function (bp) { return "(min-width: ".concat(breakpoints[bp], "px)"); },
|
|
58162
|
-
down: function (bp) { return "(max-width: ".concat(breakpoints[bp], "px)"); },
|
|
58163
|
-
between: function (bp1, bp2) {
|
|
58164
|
-
return "(min-width: ".concat(breakpoints[bp1], "px) and (max-width: ").concat(breakpoints[bp2], "px)");
|
|
58165
|
-
}
|
|
58166
|
-
};
|
|
58167
|
-
var useMediaQuery = function (query) {
|
|
58168
|
-
var _a = React$1.useState(false), matches = _a[0], setMatches = _a[1];
|
|
58169
|
-
React$1.useEffect(function () {
|
|
58170
|
-
var media = window.matchMedia(query);
|
|
58171
|
-
if (media.matches !== matches) {
|
|
58172
|
-
setMatches(media.matches);
|
|
58173
|
-
}
|
|
58174
|
-
var listener = function () { return setMatches(media.matches); };
|
|
58175
|
-
window.addEventListener('resize', listener);
|
|
58176
|
-
return function () { return window.removeEventListener('resize', listener); };
|
|
58177
|
-
}, [matches, query]);
|
|
58178
|
-
return matches;
|
|
58179
|
-
};
|
|
58180
|
-
|
|
58181
57991
|
exports.CheckboxItemRenderer = CheckboxItemRenderer;
|
|
58182
57992
|
exports.FIRM_KEY = FIRM_KEY;
|
|
58183
57993
|
exports.FIRM_NAME_KEY = FIRM_NAME_KEY;
|
|
@@ -58210,21 +58020,14 @@ exports.LuiButtonGroup = LuiButtonGroup;
|
|
|
58210
58020
|
exports.LuiCheckboxInput = LuiCheckboxInput;
|
|
58211
58021
|
exports.LuiCloseableHeaderMenuContext = LuiCloseableHeaderMenuContext;
|
|
58212
58022
|
exports.LuiCloseableHeaderMenuItem = LuiCloseableHeaderMenuItem;
|
|
58213
|
-
exports.LuiCloseableHeaderMenuItemV2 = LuiCloseableHeaderMenuItemV2;
|
|
58214
58023
|
exports.LuiComboSelect = LuiComboSelect;
|
|
58215
58024
|
exports.LuiControlledMenu = LuiControlledMenu;
|
|
58216
58025
|
exports.LuiDrawerMenu = LuiDrawerMenu;
|
|
58217
58026
|
exports.LuiDrawerMenuDivider = LuiDrawerMenuDivider;
|
|
58218
|
-
exports.LuiDrawerMenuDividerV2 = LuiDrawerMenuDividerV2;
|
|
58219
58027
|
exports.LuiDrawerMenuOption = LuiDrawerMenuOption;
|
|
58220
|
-
exports.LuiDrawerMenuOptionV2 = LuiDrawerMenuOptionV2;
|
|
58221
58028
|
exports.LuiDrawerMenuOptions = LuiDrawerMenuOptions;
|
|
58222
|
-
exports.LuiDrawerMenuOptionsV2 = LuiDrawerMenuOptionsV2;
|
|
58223
58029
|
exports.LuiDrawerMenuSection = LuiDrawerMenuSection;
|
|
58224
|
-
exports.LuiDrawerMenuSectionV2 = LuiDrawerMenuSectionV2;
|
|
58225
|
-
exports.LuiDrawerMenuV2 = LuiDrawerMenuV2;
|
|
58226
58030
|
exports.LuiDropdownMenu = LuiDropdownMenu;
|
|
58227
|
-
exports.LuiDropdownMenuV2 = LuiDropdownMenuV2;
|
|
58228
58031
|
exports.LuiErrorPage = LuiErrorPage;
|
|
58229
58032
|
exports.LuiExpandableBanner = LuiExpandableBanner;
|
|
58230
58033
|
exports.LuiFileInputBox = LuiFileInputBox;
|
|
@@ -58244,8 +58047,6 @@ exports.LuiFormikSelect = LuiFormikSelect;
|
|
|
58244
58047
|
exports.LuiFormikTextInput = LuiFormikTextInput;
|
|
58245
58048
|
exports.LuiHeader = LuiHeader;
|
|
58246
58049
|
exports.LuiHeaderMenuItem = LuiHeaderMenuItem;
|
|
58247
|
-
exports.LuiHeaderMenuItemV2 = LuiHeaderMenuItemV2;
|
|
58248
|
-
exports.LuiHeaderV2 = LuiHeaderV2;
|
|
58249
58050
|
exports.LuiIcon = LuiIcon;
|
|
58250
58051
|
exports.LuiListBox = LuiListBox;
|
|
58251
58052
|
exports.LuiLoadingSpinner = LuiLoadingSpinner;
|
|
@@ -58285,14 +58086,11 @@ exports.LuiToastMessage = LuiToastMessage;
|
|
|
58285
58086
|
exports.LuiTooltip = LuiTooltip;
|
|
58286
58087
|
exports.LuiUpdatesSplashModal = LuiUpdatesSplashModal;
|
|
58287
58088
|
exports.RadioItemRenderer = RadioItemRenderer;
|
|
58288
|
-
exports.breakpointQuery = breakpointQuery;
|
|
58289
|
-
exports.breakpoints = breakpoints;
|
|
58290
58089
|
exports.getDefaultSearchMenuOptions = getDefaultSearchMenuOptions;
|
|
58291
58090
|
exports.isChromatic = isChromatic;
|
|
58292
58091
|
exports.useClickedOutsideElement = useClickedOutsideElement;
|
|
58293
58092
|
exports.useLOLGlobalClientRefContext = useLOLGlobalClientRefContext;
|
|
58294
58093
|
exports.useLOLUserContext = useLOLUserContext;
|
|
58295
58094
|
exports.useLuiFloatingWindow = useFloatingWindow;
|
|
58296
|
-
exports.useMediaQuery = useMediaQuery;
|
|
58297
58095
|
exports.useShowLUIMessage = useShowLUIMessage;
|
|
58298
58096
|
//# sourceMappingURL=index.js.map
|