@patternfly/react-table 6.0.0-alpha.5 → 6.0.0-alpha.51

package/dist/js/demos/DashboardWrapper.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+interface DashboardWrapperProps {
+    /** Programmatically manage if the sidebar nav is shown */
+    sidebarNavOpen?: boolean;
+    /** Flag to render sample breadcrumb if custom breadcrumb not passed */
+    hasDefaultBreadcrumb?: boolean;
+    /** Flag to render sample page title if custom title not passed */
+    hasPageTemplateTitle?: boolean;
+    /** Content rendered inside the main section of the page layout (e.g. <PageSection />) */
+    children?: React.ReactNode;
+    /** Additional classes added to the page layout */
+    className?: string;
+    /** Header component (e.g. <Masthead />) */
+    header?: React.ReactNode;
+    /** Sidebar component for a side nav (e.g. <PageSidebar />) */
+    sidebar?: React.ReactNode;
+    /** Notification drawer component for an optional notification drawer (e.g. <NotificationDrawer />) */
+    notificationDrawer?: React.ReactNode;
+    /** Flag indicating Notification drawer in expanded */
+    isNotificationDrawerExpanded?: boolean;
+    /** Flag indicating if breadcrumb width should be limited */
+    isBreadcrumbWidthLimited?: boolean;
+    /** Callback when notification drawer panel is finished expanding. */
+    onNotificationDrawerExpand?: (event: KeyboardEvent | React.MouseEvent | React.TransitionEvent) => void;
+    /** Skip to content component for the page */
+    skipToContent?: React.ReactElement;
+    /** Sets the value for role on the <main> element */
+    role?: string;
+    /** an id to use for the [role="main"] element */
+    mainContainerId?: string;
+    /** tabIndex to use for the [role="main"] element, null to unset it */
+    mainTabIndex?: number | null;
+    /**
+     * If true, manages the sidebar open/close state and there is no need to pass the isSidebarOpen boolean into
+     * the sidebar component or add a callback onSidebarToggle function into the Masthead component
+     */
+    isManagedSidebar?: boolean;
+    /** Flag indicating if tertiary nav width should be limited */
+    isTertiaryNavWidthLimited?: boolean;
+    /**
+     * If true, the managed sidebar is initially open for desktop view
+     */
+    defaultManagedSidebarIsOpen?: boolean;
+    /**
+     * Can add callback to be notified when resize occurs, for example to set the sidebar isSidebarOpen prop to false for a width < 768px
+     * Returns object { mobileView: boolean, windowSize: number }
+     */
+    onPageResize?: ((event: MouseEvent | TouchEvent | React.KeyboardEvent, object: any) => void) | null;
+    /**
+     * The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
+     * You can override the default getBreakpoint function to return breakpoints at different sizes than the default
+     * You can view the default getBreakpoint function here:
+     * https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
+     */
+    getBreakpoint?: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /**
+     * The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
+     * You can override the default getVerticalBreakpoint function to return breakpoints at different sizes than the default
+     * You can view the default getVerticalBreakpoint function here:
+     * https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
+     */
+    getVerticalBreakpoint?: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Breadcrumb component for the page */
+    breadcrumb?: React.ReactNode;
+    /** Tertiary nav component for the page */
+    tertiaryNav?: React.ReactNode;
+    /** Accessible label, can be used to name main section */
+    mainAriaLabel?: string;
+    /** Flag indicating if the tertiaryNav should be in a group */
+    isTertiaryNavGrouped?: boolean;
+    /** Flag indicating if the breadcrumb should be in a group */
+    isBreadcrumbGrouped?: boolean;
+    /** Additional content of the group */
+    additionalGroupedContent?: React.ReactNode;
+    /** HTML component used as main component of the page. Defaults to 'main', only pass in 'div' if another 'main' element already exists. */
+    mainComponent?: 'main' | 'div';
+    /** Additional props of the group */
+    groupProps?: any;
+    /** Additional props of the breadcrumb */
+    breadcrumbProps?: any;
+}
+export declare const DashboardBreadcrumb: React.JSX.Element;
+export declare const DashboardWrapper: React.FC<DashboardWrapperProps>;
+export {};
+//# sourceMappingURL=DashboardWrapper.d.ts.map

package/dist/js/demos/DashboardWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWrapper.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,UAAU,qBAAqB;IAC7B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kEAAkE;IAClE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,sDAAsD;IACtD,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,4DAA4D;IAC5D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qEAAqE;IACrE,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC;IACvG,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8DAA8D;IAC9D,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACpG;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACxF;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACjG,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0CAA0C;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sCAAsC;IACtC,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3C,0IAA0I;IAC1I,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B,oCAAoC;IACpC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yCAAyC;IACzC,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,mBAS/B,CAAC;AAWF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+E5D,CAAC"}

package/dist/js/demos/DashboardWrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardWrapper = exports.DashboardBreadcrumb = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const DashboardHeader_1 = require("./DashboardHeader");
+exports.DashboardBreadcrumb = (react_1.default.createElement(react_core_1.Breadcrumb, null,
+    react_1.default.createElement(react_core_1.BreadcrumbItem, null, "Section home"),
+    react_1.default.createElement(react_core_1.BreadcrumbItem, { to: "#" }, "Section title"),
+    react_1.default.createElement(react_core_1.BreadcrumbItem, { to: "#" }, "Section title"),
+    react_1.default.createElement(react_core_1.BreadcrumbItem, { to: "#", isActive: true }, "Section landing")));
+const PageTemplateTitle = (react_1.default.createElement(react_core_1.PageSection, null,
+    react_1.default.createElement(react_core_1.TextContent, null,
+        react_1.default.createElement(react_core_1.Text, { component: "h1" }, "Main title"),
+        react_1.default.createElement(react_core_1.Text, { component: "p" }, "This is a full page demo."))));
+const DashboardWrapper = (_a) => {
+    var { children, mainContainerId, breadcrumb, header, sidebar, sidebarNavOpen, onPageResize, hasDefaultBreadcrumb, notificationDrawer, isNotificationDrawerExpanded, hasPageTemplateTitle } = _a, pageProps = tslib_1.__rest(_a, ["children", "mainContainerId", "breadcrumb", "header", "sidebar", "sidebarNavOpen", "onPageResize", "hasDefaultBreadcrumb", "notificationDrawer", "isNotificationDrawerExpanded", "hasPageTemplateTitle"]);
+    const [activeItem, setActiveItem] = (0, react_1.useState)(1);
+    const onNavSelect = (_event, result) => {
+        setActiveItem(result.itemId);
+    };
+    let renderedBreadcrumb;
+    if (!hasDefaultBreadcrumb) {
+        renderedBreadcrumb = breadcrumb !== null && breadcrumb !== void 0 ? breadcrumb : exports.DashboardBreadcrumb;
+    }
+    const PageNav = (react_1.default.createElement(react_core_1.Nav, { onSelect: onNavSelect, "aria-label": "Nav" },
+        react_1.default.createElement(react_core_1.NavList, null,
+            react_1.default.createElement(react_core_1.NavItem, { itemId: 0, isActive: activeItem === 0, to: "#system-panel" }, "System panel"),
+            react_1.default.createElement(react_core_1.NavItem, { itemId: 1, isActive: activeItem === 1, to: "#policy" }, "Policy"),
+            react_1.default.createElement(react_core_1.NavItem, { itemId: 2, isActive: activeItem === 2, to: "#auth" }, "Authentication"),
+            react_1.default.createElement(react_core_1.NavItem, { itemId: 3, isActive: activeItem === 3, to: "#network" }, "Network services"),
+            react_1.default.createElement(react_core_1.NavItem, { itemId: 4, isActive: activeItem === 4, to: "#server" }, "Server"))));
+    const _sidebar = (react_1.default.createElement(react_core_1.PageSidebar, { isSidebarOpen: sidebarNavOpen || false },
+        react_1.default.createElement(react_core_1.PageSidebarBody, null, PageNav)));
+    const PageSkipToContent = (react_1.default.createElement(react_core_1.SkipToContent, { href: `#${mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav'}` }, "Skip to content"));
+    return (react_1.default.createElement(react_core_1.Page, Object.assign({ header: header !== null && header !== void 0 ? header : react_1.default.createElement(DashboardHeader_1.DashboardHeader, null), sidebar: sidebar !== null && sidebar !== void 0 ? sidebar : _sidebar, isManagedSidebar: true, skipToContent: PageSkipToContent, breadcrumb: renderedBreadcrumb, mainContainerId: mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav', notificationDrawer: notificationDrawer, isNotificationDrawerExpanded: isNotificationDrawerExpanded }, (typeof onPageResize === 'function' && {
+        onPageResize: (event, resizeObject) => onPageResize(event, resizeObject)
+    }), pageProps),
+        hasPageTemplateTitle && PageTemplateTitle,
+        children));
+};
+exports.DashboardWrapper = DashboardWrapper;
+exports.DashboardWrapper.displayName = 'DashboardWrapper';
+//# sourceMappingURL=DashboardWrapper.js.map

package/dist/js/demos/DashboardWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWrapper.js","sourceRoot":"","sources":["../../../src/demos/DashboardWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/js/demos/index.d.ts

@@ -1,2 +1,4 @@
 export * from './sampleData';
+export * from './DashboardWrapper';
+export * from './DashboardHeader';
 //# sourceMappingURL=index.d.ts.map

package/dist/js/demos/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/dist/js/demos/index.js

@@ -2,4 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./sampleData"), exports);
+tslib_1.__exportStar(require("./DashboardWrapper"), exports);
+tslib_1.__exportStar(require("./DashboardHeader"), exports);
 //# sourceMappingURL=index.js.map

package/dist/js/demos/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,6DAAmC;AACnC,4DAAkC"}