@pantheon-systems/pds-toolkit-react 1.0.0-dev.22 → 1.0.0-dev.220

package/_dist/mocks/data/navigation-items.d.ts

@@ -0,0 +1,382 @@
+import React from 'react';
+export declare const dialogMsgBase = "Activated menu item => ";
+import { UserMenuItem } from '@components/navigation/UserMenu/UserMenu';
+export declare const blogMenuItems: {
+    linkContent: React.JSX.Element;
+}[];
+export declare const dashboardNavSampleMenuItems: ({
+    icon: string;
+    linkContent: React.JSX.Element;
+    links?: undefined;
+    isActive?: undefined;
+} | {
+    icon: string;
+    linkContent: string;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+    isActive?: undefined;
+} | {
+    icon: string;
+    linkContent: React.JSX.Element;
+    isActive: boolean;
+    links?: undefined;
+})[];
+export declare const dashboardNavSampleMenuItemsRR: ({
+    icon: string;
+    linkContent: React.JSX.Element;
+    links?: undefined;
+} | {
+    icon: string;
+    linkContent: React.JSX.Element;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+})[];
+export declare const dashboardSegmentedButtonItems: {
+    label: string;
+    value: string;
+}[];
+export declare const documentationMenuItems: ({
+    label: string;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+    linkContent?: undefined;
+} | {
+    linkContent: React.JSX.Element;
+    label?: undefined;
+    links?: undefined;
+})[];
+export declare const helpMenuItems: ({
+    label: string;
+    callback: (item: any) => void;
+    isSeparator?: undefined;
+    isHeading?: undefined;
+} | {
+    isSeparator: boolean;
+    label?: undefined;
+    callback?: undefined;
+    isHeading?: undefined;
+} | {
+    label: string;
+    isHeading: boolean;
+    callback?: undefined;
+    isSeparator?: undefined;
+})[];
+export declare const micrositeMenuItems: ({
+    label: string;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+    linkContent?: undefined;
+} | {
+    linkContent: React.JSX.Element;
+    label?: undefined;
+    links?: undefined;
+})[];
+export declare const navMenuSampleMenuItems: ({
+    label: string;
+    links: ({
+        linkContent: React.JSX.Element;
+        isSeparator?: undefined;
+    } | {
+        isSeparator: boolean;
+        linkContent?: undefined;
+    })[];
+    linkContent?: undefined;
+    isActive?: undefined;
+} | {
+    linkContent: React.JSX.Element;
+    isActive: boolean;
+    label?: undefined;
+    links?: undefined;
+} | {
+    linkContent: React.JSX.Element;
+    label?: undefined;
+    links?: undefined;
+    isActive?: undefined;
+})[];
+export declare const navMenuSampleMenuItemsRR: ({
+    label: string;
+    links: ({
+        linkContent: React.JSX.Element;
+        isSeparator?: undefined;
+    } | {
+        isSeparator: boolean;
+        linkContent?: undefined;
+    })[];
+    linkContent?: undefined;
+} | {
+    linkContent: React.JSX.Element;
+    label?: undefined;
+    links?: undefined;
+})[];
+export declare const sampleSites: ({
+    id: string;
+    machineName: string;
+    name: string;
+    status: string;
+    type: string;
+} | {
+    id: string;
+    name: string;
+    status: string;
+    type: string;
+    machineName?: undefined;
+} | {
+    id: string;
+    machineName: string;
+    name: string;
+    status: string;
+    type?: undefined;
+})[];
+export declare const sideNavSampleMenuItems: ({
+    linkContent: React.JSX.Element;
+    links?: undefined;
+} | {
+    linkContent: string;
+    links: ({
+        linkContent: React.JSX.Element;
+        isActive?: undefined;
+    } | {
+        linkContent: React.JSX.Element;
+        isActive: boolean;
+    })[];
+})[];
+export declare const sideNavSampleMenuItemsWithTallies: ({
+    linkContent: React.JSX.Element;
+    links?: undefined;
+} | {
+    linkContent: React.JSX.Element;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+} | {
+    linkContent: string;
+    links: ({
+        linkContent: React.JSX.Element;
+        isActive?: undefined;
+    } | {
+        linkContent: React.JSX.Element;
+        isActive: boolean;
+    })[];
+})[];
+export declare const sideNavSampleMenuItemsRR: ({
+    linkContent: React.JSX.Element;
+    links?: undefined;
+} | {
+    linkContent: string;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+})[];
+export declare const sideNavSampleMenuItemsMultidev: ({
+    linkContent: React.JSX.Element;
+    isActive: boolean;
+} | {
+    linkContent: React.JSX.Element;
+    isActive?: undefined;
+})[];
+export declare const sideNavSampleMenuItemsCode: ({
+    linkContent: React.JSX.Element;
+    isActive: boolean;
+} | {
+    linkContent: React.JSX.Element;
+    isActive?: undefined;
+})[];
+export declare const sideNavCompactSampleMenuItems: ({
+    linkContent: React.JSX.Element;
+    links?: undefined;
+} | {
+    linkContent: string;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+} | {
+    linkContent: React.JSX.Element;
+    links: ({
+        linkContent: string;
+        links: ({
+            linkContent: React.JSX.Element;
+            links: ({
+                linkContent: React.JSX.Element;
+                isActive: boolean;
+            } | {
+                linkContent: React.JSX.Element;
+                isActive?: undefined;
+            })[];
+        } | {
+            linkContent: React.JSX.Element;
+            links?: undefined;
+        })[];
+    } | {
+        linkContent: React.JSX.Element;
+        links?: undefined;
+    })[];
+})[];
+export declare const sideNavCompactSampleMenuItemsRR: ({
+    linkContent: React.JSX.Element;
+    links?: undefined;
+} | {
+    linkContent: string;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+} | {
+    linkContent: React.JSX.Element;
+    links: ({
+        linkContent: string;
+        links: {
+            linkContent: React.JSX.Element;
+        }[];
+    } | {
+        linkContent: React.JSX.Element;
+        links?: undefined;
+    })[];
+})[];
+export declare const tabMenuSampleMenuItems: ({
+    dropdownSettings: {
+        buttonLabel: string;
+        filterLabel: string;
+        filterPlaceholder: string;
+        minFilterItems: number;
+        noResultsText: string;
+    };
+    icon: string;
+    linkContent: React.JSX.Element;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+    isActive?: undefined;
+} | {
+    icon: string;
+    linkContent: React.JSX.Element;
+    isActive: boolean;
+    dropdownSettings?: undefined;
+    links?: undefined;
+} | {
+    icon: string;
+    linkContent: React.JSX.Element;
+    dropdownSettings?: undefined;
+    links?: undefined;
+    isActive?: undefined;
+})[];
+export declare const tabMenuSampleMenuItemsMultidev: ({
+    dropdownSettings: {
+        buttonLabel: string;
+        filterLabel: string;
+        filterPlaceholder: string;
+        minFilterItems: number;
+        noResultsText: string;
+    };
+    icon: string;
+    linkContent: React.JSX.Element;
+    links: ({
+        linkContent: React.JSX.Element;
+        isActive?: undefined;
+    } | {
+        linkContent: React.JSX.Element;
+        isActive: boolean;
+    })[];
+    promoteActiveChildLink: boolean;
+} | {
+    icon: string;
+    linkContent: React.JSX.Element;
+    dropdownSettings?: undefined;
+    links?: undefined;
+    promoteActiveChildLink?: undefined;
+})[];
+export declare const userMenuSampleItems: UserMenuItem[];
+export declare const workspaceItemsSimple: ({
+    displayName: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    imageSrc?: undefined;
+    planTier?: undefined;
+    isUnprivileged?: undefined;
+    isActive?: undefined;
+} | {
+    displayName: string;
+    imageSrc: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    isUnprivileged?: undefined;
+    isActive?: undefined;
+} | {
+    displayName: string;
+    imageSrc: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    isUnprivileged: boolean;
+    isActive?: undefined;
+} | {
+    displayName: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    isActive: boolean;
+    imageSrc?: undefined;
+    isUnprivileged?: undefined;
+} | {
+    displayName: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    imageSrc?: undefined;
+    isUnprivileged?: undefined;
+    isActive?: undefined;
+})[];
+export declare const workspaceItemsPersonal: ({
+    displayName: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    isActive: boolean;
+    imageSrc?: undefined;
+    planTier?: undefined;
+} | {
+    displayName: string;
+    imageSrc: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    isActive?: undefined;
+} | {
+    displayName: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    isActive?: undefined;
+    imageSrc?: undefined;
+})[];
+export declare const workspaceItemsLonger: ({
+    displayName: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    imageSrc?: undefined;
+    planTier?: undefined;
+    isActive?: undefined;
+} | {
+    displayName: string;
+    imageSrc: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    isActive?: undefined;
+} | {
+    displayName: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    imageSrc?: undefined;
+    isActive?: undefined;
+} | {
+    displayName: string;
+    planTier: string;
+    workspaceId: string;
+    workspaceLink: React.JSX.Element;
+    isActive: boolean;
+    imageSrc?: undefined;
+})[];

package/_dist/mocks/data/pagination-items.d.ts

@@ -0,0 +1,16 @@
+export declare const paginationItemsSites: {
+    sitename: string;
+    dateCreated: string;
+    user: string;
+    upstream: string;
+    plan: string;
+    status: string;
+}[];
+export declare const paginationItemsUsers: {
+    id: number;
+    first_name: string;
+    last_name: string;
+    job_title: string;
+    email: string;
+    phone: string;
+}[];

package/_dist/mocks/markup/dashboard-main-content.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const DemoDashboardInnerHeaderLeft: ({ slot: _slot, }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const DemoDashboardInnerHeaderRight: ({ slot: _slot, }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const DemoDashboardContent: ({ slot: _slot }: {
+    slot?: string;
+}) => React.JSX.Element;

package/_dist/mocks/markup/dashboard-navigation.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const DemoDashboardSidebarNav: ({ slot: _slot }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const DemoDashboardFooter: ({ slot: _slot }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const DemoDashboardNavbar: ({ isAdmin, slot: _slot, }: {
+    isAdmin?: boolean;
+    slot?: string;
+}) => React.JSX.Element;

package/_dist/mocks/markup/inputs.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const sampleMessage: React.JSX.Element;

package/_dist/mocks/markup/modal.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ModalWithForm: () => React.JSX.Element;

package/_dist/mocks/markup/panel-row-content.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const PanelRowDemoItemsLeft: ({ slot: _slot }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const PanelRowDemoItemsRight: ({ slot: _slot }: {
+    slot?: string;
+}) => React.JSX.Element;

package/_dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const ResponsiveContext: React.Context<any>;
+export declare const ResponsiveContextProvider: ({ children, mobileMenuMaxWidth, }: {
+    children: any;
+    mobileMenuMaxWidth?: number;
+}) => React.JSX.Element;

package/_dist/utilities/hooks/useClipboard.d.ts

@@ -0,0 +1,6 @@
+interface ClipboardOptions {
+    duration?: number;
+}
+type UseClipboardReturn = [boolean, () => Promise<void>];
+export declare const useClipboard: (text: string, options?: ClipboardOptions) => UseClipboardReturn;
+export {};

package/_dist/utilities/hooks/useWindowWidth.d.ts

@@ -0,0 +1 @@
+export declare const useWindowWidth: () => number;

package/_dist/vars/spacing.d.ts

@@ -0,0 +1,17 @@
+export const SPACING_2XL: 1.953;
+export const SPACING_2XS: 0.512;
+export const SPACING_3XL: 2.441;
+export const SPACING_3XS: 0.41;
+export const SPACING_4XL: 3.052;
+export const SPACING_4XS: 0.328;
+export const SPACING_5XL: 3.815;
+export const SPACING_5XS: 0.25;
+export const SPACING_6XL: 4.678;
+export const SPACING_6XS: 0.125;
+export const SPACING_7XL: 5.96;
+export const SPACING_8XL: 7.451;
+export const SPACING_L: 1.25;
+export const SPACING_M: 1;
+export const SPACING_S: 0.8;
+export const SPACING_XL: 1.563;
+export const SPACING_XS: 0.64;

package/_dist/vars/z-index.d.ts

@@ -0,0 +1,5 @@
+export const Z_INDEX_NAVIGATION: 100;
+export const Z_INDEX_DROPDOWN: 200;
+export const Z_INDEX_NOTIFICATIONS: 300;
+export const Z_INDEX_OVERLAY: 400;
+export const Z_INDEX_MODAL: 500;