@patternfly/react-table 5.2.0-prerelease.9 → 5.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,UAAU,oBAAoB;IAC5B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+J1D,CAAC"}

package/dist/js/demos/DashboardHeader.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardHeader = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bars-icon'));
+const cog_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/cog-icon'));
+const help_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/help-icon'));
+const question_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/question-circle-icon'));
+const bell_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bell-icon'));
+const ellipsis_v_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/ellipsis-v-icon'));
+const avatarImg_svg_1 = tslib_1.__importDefault(require("@patternfly/react-table/src/demos/assets/avatarImg.svg"));
+const pf_logo_svg_1 = tslib_1.__importDefault(require("@patternfly/react-table/src/demos/assets/pf-logo.svg"));
+const DashboardHeader = ({ notificationBadge }) => {
+    const [isDropdownOpen, setIsDropdownOpen] = (0, react_1.useState)(false);
+    const [isKebabDropdownOpen, setIsKebabDropdownOpen] = (0, react_1.useState)(false);
+    const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = (0, react_1.useState)(false);
+    const kebabDropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.DropdownItem, null,
+            react_1.default.createElement(cog_icon_1.default, null),
+            " Settings"),
+        react_1.default.createElement(react_core_1.DropdownItem, null,
+            react_1.default.createElement(help_icon_1.default, null),
+            " Help")));
+    const userDropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 profile" }, "My profile"),
+        react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 user" }, "User management"),
+        react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 logout" }, "Logout")));
+    const onDropdownToggle = () => {
+        setIsDropdownOpen(!isDropdownOpen);
+    };
+    const onDropdownSelect = () => {
+        setIsDropdownOpen(false);
+    };
+    const onKebabDropdownToggle = () => {
+        setIsKebabDropdownOpen(!isKebabDropdownOpen);
+    };
+    const onKebabDropdownSelect = () => {
+        setIsKebabDropdownOpen(false);
+    };
+    const onFullKebabToggle = () => {
+        setIsFullKebabDropdownOpen(!isFullKebabDropdownOpen);
+    };
+    const onFullKebabSelect = () => {
+        setIsFullKebabDropdownOpen(false);
+    };
+    return (react_1.default.createElement(react_core_1.Masthead, null,
+        react_1.default.createElement(react_core_1.MastheadToggle, null,
+            react_1.default.createElement(react_core_1.PageToggleButton, { variant: "plain", "aria-label": "Global navigation" },
+                react_1.default.createElement(bars_icon_1.default, null))),
+        react_1.default.createElement(react_core_1.MastheadMain, null,
+            react_1.default.createElement(react_core_1.MastheadBrand, null,
+                react_1.default.createElement(react_core_1.Brand, { src: pf_logo_svg_1.default, alt: "PatternFly", heights: { default: '36px' } }))),
+        react_1.default.createElement(react_core_1.MastheadContent, null,
+            react_1.default.createElement(react_core_1.Toolbar, { id: "toolbar", isFullHeight: true, isStatic: true },
+                react_1.default.createElement(react_core_1.ToolbarContent, null,
+                    react_1.default.createElement(react_core_1.ToolbarGroup, { variant: "icon-button-group", align: { default: 'alignRight' }, spacer: { default: 'spacerNone', md: 'spacerMd' } }, notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : (react_1.default.createElement(react_core_1.ToolbarItem, null,
+                        react_1.default.createElement(react_core_1.Button, { "aria-label": "Notifications", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(bell_icon_1.default, null), onClick: () => { } }))),
+                        react_1.default.createElement(react_core_1.ToolbarGroup, { variant: "icon-button-group", visibility: { default: 'hidden', lg: 'visible' } },
+                            react_1.default.createElement(react_core_1.ToolbarItem, null,
+                                react_1.default.createElement(react_core_1.Button, { "aria-label": "Settings", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(cog_icon_1.default, null) })),
+                            react_1.default.createElement(react_core_1.ToolbarItem, null,
+                                react_1.default.createElement(react_core_1.Button, { "aria-label": "Help", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(question_circle_icon_1.default, null) }))),
+                        react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible', lg: 'hidden' } },
+                            react_1.default.createElement(react_core_1.Dropdown, { isOpen: isKebabDropdownOpen, onSelect: onKebabDropdownSelect, onOpenChange: setIsKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isKebabDropdownOpen, onClick: onKebabDropdownToggle, variant: "plain", "aria-label": "Settings and help" },
+                                    react_1.default.createElement(ellipsis_v_icon_1.default, { "aria-hidden": "true" }))) },
+                                react_1.default.createElement(react_core_1.DropdownList, null, kebabDropdownItems))),
+                        react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { md: 'hidden' } },
+                            react_1.default.createElement(react_core_1.Dropdown, { isOpen: isFullKebabDropdownOpen, onSelect: onFullKebabSelect, onOpenChange: setIsFullKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isFullKebabDropdownOpen, onClick: onFullKebabToggle, variant: "plain", "aria-label": "Toolbar menu" },
+                                    react_1.default.createElement(ellipsis_v_icon_1.default, { "aria-hidden": "true" }))) },
+                                react_1.default.createElement(react_core_1.DropdownGroup, { key: "group 2", "aria-label": "User actions" },
+                                    react_1.default.createElement(react_core_1.DropdownList, null, userDropdownItems)),
+                                react_1.default.createElement(react_core_1.Divider, null),
+                                react_1.default.createElement(react_core_1.DropdownList, null, kebabDropdownItems)))),
+                    react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible' } },
+                        react_1.default.createElement(react_core_1.Dropdown, { isOpen: isDropdownOpen, onSelect: onDropdownSelect, onOpenChange: setIsDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isDropdownOpen, onClick: onDropdownToggle, icon: react_1.default.createElement(react_core_1.Avatar, { src: avatarImg_svg_1.default, alt: "" }), isFullHeight: true }, "Ned Username")) },
+                            react_1.default.createElement(react_core_1.DropdownList, null, userDropdownItems))))))));
+};
+exports.DashboardHeader = DashboardHeader;
+exports.DashboardHeader.displayName = 'DashboardHeader';
+//# sourceMappingURL=DashboardHeader.js.map

package/dist/js/demos/DashboardHeader.js.map

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

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, { variant: "light" },
+    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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+"use strict";
+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

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

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

@@ -0,0 +1,13 @@
+export interface SampleDataRow {
+    name: string;
+    threads: number;
+    applications: number;
+    workspaces: number;
+    status: string;
+    location: string;
+    lastModified: string;
+    url: string;
+}
+export declare const columns: string[];
+export declare const rows: SampleDataRow[];
+//# sourceMappingURL=sampleData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sampleData.d.ts","sourceRoot":"","sources":["../../../src/demos/sampleData.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,UASnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,aAAa,EA+uB/B,CAAC"}