@linzjs/lui 17.29.1-2 → 17.29.1-4

package/dist/components/{LuiHeaderMenu → LuiHeaderMenuV2}/LuiHeaderMenusV2.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { ILuiHeaderMenuItem, ILuiIcon } from '../LuiHeader/LuiHeader';
-import { ILuiDrawerMenu, ILuiDrawerMenuSection } from './LuiHeaderMenus';
+import { ILuiDrawerMenu, ILuiDrawerMenuSection } from '../LuiHeaderMenu/LuiHeaderMenus';
 import { Size } from '../common/ResponsiveUtils';
 interface ILuiDrawerMenuOptionV2 {
     /**
@@ -20,12 +20,15 @@ interface ILuiDrawerMenuOptionV2 {
      */
     onClick?: () => void;
 }
-declare const LuiDrawerMenuOptionsV2: React.FC<React.PropsWithChildren<ILuiIcon>>;
-/**
- * display badge on the left
- */
-declare const LuiDrawerMenuOptionV2: React.FC<React.PropsWithChildren<ILuiDrawerMenuOptionV2>>;
-declare const LuiDrawerMenuV2: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
+declare const LuiDrawerMenuOptionsV2: ({ children, }: ILuiIcon & {
+    children: ReactNode;
+}) => JSX.Element;
+declare const LuiDrawerMenuOptionV2: ({ icon, label, badge, onClick, }: ILuiDrawerMenuOptionV2) => JSX.Element;
+declare const LuiDrawerMenuV2: ({ children, hasStickyHeader, ...menuPropsCopy }: Omit<ILuiHeaderMenuItem, "onClick"> & {
+    hasStickyHeader?: boolean | undefined;
+} & {
+    children: ReactNode;
+}) => JSX.Element;
 declare type ILuiDropdownMenuV2 = Omit<ILuiHeaderMenuItem, 'onClick'> & {
     /**
      * The anchor origin of dropdown, default to left
@@ -38,7 +41,20 @@ declare type ILuiDropdownMenuV2 = Omit<ILuiHeaderMenuItem, 'onClick'> & {
      */
     size?: Size | 'xxl';
 };
-declare const LuiDropdownMenuV2: React.FC<React.PropsWithChildren<ILuiDropdownMenuV2>>;
+declare const LuiDropdownMenuV2: ({ ...restOfProps }: Omit<ILuiHeaderMenuItem, "onClick"> & {
+    /**
+     * The anchor origin of dropdown, default to left
+     */
+    anchorOrigin?: {
+        horizontal?: "left" | "right" | undefined;
+    } | undefined;
+    /**
+     * the width of dropdown, default to 'md'
+     */
+    size?: Size | "xxl" | undefined;
+} & {
+    children: ReactNode;
+}) => JSX.Element;
 declare const LuiDrawerMenuSectionV2: (props: ILuiDrawerMenuSection) => JSX.Element;
 declare const LuiDrawerMenuDividerV2: () => JSX.Element;
 export { LuiDrawerMenuV2, LuiDrawerMenuOptionsV2, LuiDrawerMenuOptionV2, ILuiDropdownMenuV2, LuiDropdownMenuV2, LuiDrawerMenuSectionV2, LuiDrawerMenuDividerV2, ILuiDrawerMenuOptionV2, };

package/dist/components/{LuiHeader → LuiHeaderV2}/LuiHeaderV2.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { HeaderSize, ILuiCloseableHeaderMenuItem, ILuiHeaderMenuItem } from './LuiHeader';
+import { HeaderSize, ILuiCloseableHeaderMenuItem, ILuiHeaderMenuItem } from '../LuiHeader/LuiHeader';
 interface HeaderPropsV2 {
     headingText?: string;
     size?: HeaderSize;
@@ -7,10 +7,14 @@ interface HeaderPropsV2 {
     transparent?: boolean;
     sticky?: boolean;
     appMenu?: ReactNode;
+    children: ReactNode;
 }
-declare const LuiHeaderV2: React.FC<React.PropsWithChildren<HeaderPropsV2>>;
+declare const LuiHeaderV2: ({ headingText, size, homeLink, transparent, children, sticky, appMenu, }: HeaderPropsV2) => JSX.Element;
 declare const LuiHeaderMenuItemV2: React.ForwardRefExoticComponent<ILuiHeaderMenuItem & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const LuiCloseableHeaderMenuItemV2: React.FC<React.PropsWithChildren<ILuiCloseableHeaderMenuItem>>;
-export { LuiHeaderV2, LuiHeaderMenuItemV2, LuiCloseableHeaderMenuItemV2 };
+interface ILuiCloseableHeaderMenuItemV2 extends ILuiCloseableHeaderMenuItem {
+    children: ReactNode;
+}
+declare const LuiCloseableHeaderMenuItemV2: ({ open, setOpen, children, ...props }: ILuiCloseableHeaderMenuItemV2) => JSX.Element;
+export { LuiHeaderV2, LuiHeaderMenuItemV2, LuiCloseableHeaderMenuItemV2, ILuiCloseableHeaderMenuItemV2, };

package/dist/index.d.ts

@@ -36,9 +36,9 @@ export { LuiFooter } from './components/LuiFooter/LuiFooter';
 export { LuiComboSelect, LuiComboSelectProps, LuiComboSelectOption, } from './components/LuiForms/LuiComboSelect/LuiComboSelect';
 export { LuiFormSectionHeader, IFormSectionHeaderProps, } from './components/LuiForms/LuiFormSection/LuiFormSectionHeader';
 export * from './components/LuiHeader/LuiHeader';
-export * from './components/LuiHeader/LuiHeaderV2';
+export * from './components/LuiHeaderV2/LuiHeaderV2';
 export * from './components/LuiHeaderMenu/LuiHeaderMenus';
-export * from './components/LuiHeaderMenu/LuiHeaderMenusV2';
+export * from './components/LuiHeaderMenuV2/LuiHeaderMenusV2';
 export { LuiUpdatesSplashModal } from './components/LuiUpdateSplashModal/LuiUpdatesSplashModal';
 export { LuiModal, LuiAlertModal, LuiAlertModalButtons, } from './components/LuiModal/LuiModal';
 export { ISearchInputProps, ISearchGroupedResult, ISearchResult, LuiSearchInput, } from './components/LuiSearchInput/LuiSearchInput';

package/dist/index.js

@@ -40239,7 +40239,7 @@ var LuiHeaderMenuItemV2 = React$1.forwardRef(function (_a, ref) {
         children));
 });
 var LuiCloseableHeaderMenuItemV2 = function (_a) {
-    var open = _a.open, setOpen = _a.setOpen, props = __rest$1(_a, ["open", "setOpen"]);
+    var open = _a.open, setOpen = _a.setOpen, children = _a.children, props = __rest$1(_a, ["open", "setOpen", "children"]);
     useEscapeFunction(function () { return setOpen(false); });
     var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
         if (!open) {
@@ -40254,7 +40254,7 @@ var LuiCloseableHeaderMenuItemV2 = function (_a) {
     };
     var menuItemProps = __assign$3({ onClick: function () { return menuControls.open(); } }, props);
     return (React__default["default"].createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
-        React__default["default"].createElement(LuiHeaderMenuItemV2, __assign$3({ ref: menuDiv }, menuItemProps), props.children)));
+        React__default["default"].createElement(LuiHeaderMenuItemV2, __assign$3({ ref: menuDiv }, menuItemProps), children)));
 };
 
 /**
@@ -40342,11 +40342,8 @@ var LuiDrawerMenuDivider = function () {
 
 var LuiDrawerMenuOptionsV2 = function (_a) {
     var children = _a.children;
-    return React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-options" }, children);
+    return (React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-options" }, children));
 };
-/**
- * display badge on the left
- */
 var LuiDrawerMenuOptionV2 = function (_a) {
     var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
     var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
@@ -40355,13 +40352,12 @@ var LuiDrawerMenuOptionV2 = function (_a) {
             onClick();
         }, "data-testid": 'drawer-option' },
         React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-option-label" },
-            badge,
             typeof icon === 'string' ? (React__default["default"].createElement("i", { className: "material-icons-round", "data-testid": 'drawer-option-icon' }, icon)) : (icon),
-            label)));
+            label),
+        badge));
 };
 var LuiDrawerMenuV2 = function (_a) {
-    var restOfProps = __rest$1(_a, []);
-    var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(restOfProps, ["children", "hasStickyHeader"]);
+    var children = _a.children, _b = _a.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(_a, ["children", "hasStickyHeader"]);
     var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
     var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
     React$1.useEffect(function () {