@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 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: (menuIconClass?: string) => void;
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