@pantheon-systems/pds-toolkit-react 1.0.0-dev.99 → 1.0.0-dev.9999

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

@@ -0,0 +1,367 @@
+import React from 'react';
+import type { SideNavGlobalItemProps } from '@components/navigation/SideNavGlobal/SideNavGlobalItem';
+export declare const dialogMsgBase = "Activated menu item => ";
+import { UserMenuItem } from '@components/navigation/UserMenu/UserMenu';
+export declare const buttonNavSampleMenuItems: ({
+    linkContent: React.JSX.Element;
+    isActive: boolean;
+} | {
+    linkContent: React.JSX.Element;
+    isActive?: undefined;
+})[];
+export declare const buttonNavSampleMenuItemsRR: {
+    linkContent: React.JSX.Element;
+}[];
+export declare const blogMenuItems: {
+    linkContent: React.JSX.Element;
+}[];
+export declare const dashboardNavSampleMenuItems: SideNavGlobalItemProps[];
+export declare const dashboardNavSampleMenuItemsRR: SideNavGlobalItemProps[];
+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: 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 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,16 @@
+import React from 'react';
+export declare const PanelRowDemoItemsLeft: ({ slot: _slot }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const PanelRowDemoItemsLeftList: ({ slot: _slot, }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const PanelRowDemoItemsRight: ({ slot: _slot }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const PanelRowDemoItemsDropdown: ({ slot: _slot, }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const PanelRowDemoItemsBelow: ({ slot: _slot }: {
+    slot?: string;
+}) => React.JSX.Element;

package/_dist/utilities/color/color-preview-swatches.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './color-preview-swatches.css';
+export declare const SwatchButton: ({ clipboardText, color, type, }: {
+    color: string;
+    clipboardText: string;
+    type: "background" | "foreground" | "border";
+}) => React.JSX.Element;
+interface ColorPreviewSwatchesProps {
+    colors: string[];
+    type: 'background' | 'foreground' | 'border';
+}
+export declare const ColorPreviewSwatches: ({ colors, type, }: ColorPreviewSwatchesProps) => React.JSX.Element;
+export {};

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/useKeyPress.d.ts

@@ -0,0 +1 @@
+export declare const useKeyPress: (targetKey: string, callback?: (event: KeyboardEvent) => void) => boolean;

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

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

package/_dist/vars/animation.d.ts

@@ -0,0 +1,5 @@
+export const ANIMATION_TRANSITION_DEFAULT_DURATION: 200;
+export const ANIMATION_TRANSITION_DEFAULT_DELAY: 0;
+export const ANIMATION_TRANSITION_DEFAULT_TIMING_FUNCTION: "ease-in-out";
+export const ANIMATION_TRANSITION_REVEAL_DURATION: 300;
+export const ANIMATION_TRANSITION_REVEAL_TIMING_FUNCTION: "ease-out";

package/_dist/vars/spacing.d.ts

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

package/_dist/vars/type-scale.d.ts

@@ -0,0 +1,28 @@
+export const TYPE_SCALE_XS: 0.64;
+export const TYPE_SCALE_S: 0.8;
+export const TYPE_SCALE_M: 1;
+export const TYPE_SCALE_L: 1.25;
+export const TYPE_SCALE_XL: 1.563;
+export const TYPE_SCALE_2XL: 1.953;
+export const TYPE_SCALE_3XL: 2.441;
+export const TYPE_SCALE_4XL: 3.052;
+export const TYPE_SCALE_5XL: 3.815;
+export const TYPE_SCALE_6XL: 4.678;
+export const TYPE_SCALE_7XL: 5.96;
+export const TYPE_SCALE_8XL: 7.451;
+export const TYPE_SCALE_9XL: 6.192;
+export namespace TYPE_SCALE {
+    export { TYPE_SCALE_XS };
+    export { TYPE_SCALE_S };
+    export { TYPE_SCALE_M };
+    export { TYPE_SCALE_L };
+    export { TYPE_SCALE_XL };
+    export { TYPE_SCALE_2XL };
+    export { TYPE_SCALE_3XL };
+    export { TYPE_SCALE_4XL };
+    export { TYPE_SCALE_5XL };
+    export { TYPE_SCALE_6XL };
+    export { TYPE_SCALE_7XL };
+    export { TYPE_SCALE_8XL };
+    export { TYPE_SCALE_9XL };
+}

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

@@ -0,0 +1,16 @@
+export const Z_INDEX_NAVIGATION: 100;
+export const Z_INDEX_DROPDOWN: 300;
+export const Z_INDEX_NOTIFICATIONS: 500;
+export const Z_INDEX_OVERLAY: 700;
+export const Z_INDEX_MODAL: 900;
+export const Z_INDEX_MAX: 9999;
+export const Z_INDEX_RESET: 0;
+export namespace Z_INDEX {
+    export { Z_INDEX_NAVIGATION };
+    export { Z_INDEX_DROPDOWN };
+    export { Z_INDEX_NOTIFICATIONS };
+    export { Z_INDEX_OVERLAY };
+    export { Z_INDEX_MODAL };
+    export { Z_INDEX_MAX };
+    export { Z_INDEX_RESET };
+}