@pantheon-systems/pds-toolkit-react 1.0.0-dev.192 → 1.0.0-dev.194

package/_dist/layouts/{DashboardLayout/DashboardLayout.d.ts → DashboardGlobal/DashboardGlobal.d.ts}

@@ -1,14 +1,18 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 export declare const DashboardContext: React.Context<any>;
-import './dashboard-layout.css';
+import './dashboard-global.css';
 /**
- * Prop types for DashboardLayout
+ * Prop types for DashboardGlobal
  */
-export interface DashboardLayoutProps extends ComponentPropsWithoutRef<'div'> {
+interface DashboardGlobalProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Child elements to be assigned to named slots.
      */
     children: ReactNode;
+    /**
+     * Is the dashboard in admin mode?
+     */
+    isAdmin?: boolean;
     /**
      * Whether to include a sidebar toggle button.
      */
@@ -37,12 +41,9 @@ export interface DashboardLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * Additional class names. Will be merged with existing component root classes.
      */
     className?: string;
-    /**
-     * for admin view UI changes
-     */
-    isAdmin?: boolean;
 }
 /**
- * DashboardLayout UI component
+ * DashboardGlobal UI component
  */
-export declare const DashboardLayout: ({ children, hasSidebarToggle, isAdmin, logoLinkContent, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarToggleLabel, skiplinkText, className, ...props }: DashboardLayoutProps) => React.JSX.Element;
+export declare const DashboardGlobal: ({ children, hasSidebarToggle, isAdmin, logoLinkContent, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarToggleLabel, skiplinkText, className, ...props }: DashboardGlobalProps) => React.JSX.Element;
+export {};

package/_dist/layouts/DashboardInner/DashboardInner.d.ts

@@ -0,0 +1,20 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './dashboard-inner.css';
+/**
+ * Prop types for DashboardInner
+ */
+interface DashboardInnerProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Child elements to be assigned to named slots.
+     */
+    children: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * DashboardInner UI component
+ */
+export declare const DashboardInner: ({ children, className, ...props }: DashboardInnerProps) => React.JSX.Element;
+export {};

package/_dist/libs/types/custom-types.d.ts

@@ -1,3 +1,4 @@
+import { PDSIcon } from '@components/Icon/Icon';
 export type BadgeColor = 'success' | 'critical' | 'info' | 'warning' | 'neutral' | 'brand' | 'silver' | 'gold' | 'platinum' | 'diamond';
 export type ButtonDisplayType = 'label-only' | 'icon-start' | 'icon-end';
 export type ButtonSize = 'sm' | 'md' | 'lg';
@@ -11,4 +12,9 @@ export type FuiOffset = number | {
 };
 export type FuiPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 export type HeadingLevel = 'h2' | 'h3' | 'h4' | 'span';
+export type SitePlanLevel = 'basic' | 'performance-small' | 'performance-medium' | 'performance-large' | 'performance-xl' | 'elite';
+export declare const SitePlanLevelLabel: Record<SitePlanLevel, string>;
 export type SiteStatus = 'active' | 'frozen';
+export type SiteType = 'drupal' | 'wordpress' | 'gatsby' | 'nextjs';
+export declare const SiteTypeLabel: Record<SiteType, string>;
+export declare const SiteTypeIcon: Record<SiteType, PDSIcon>;

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

@@ -0,0 +1,357 @@
+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 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;
+    isActive?: undefined;
+} | {
+    linkContent: string;
+    links: {
+        linkContent: React.JSX.Element;
+    }[];
+    isActive?: undefined;
+} | {
+    linkContent: React.JSX.Element;
+    isActive: boolean;
+    links: ({
+        linkContent: string;
+        links: {
+            linkContent: React.JSX.Element;
+        }[];
+    } | {
+        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/markup/dashboard-main-content.d.ts

@@ -0,0 +1,16 @@
+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 DemoDashboardInnerHeaderBelow: ({ slot: _slot, }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const DemoDashboardInnerSidebar: ({ slot: _slot, }: {
+    slot?: string;
+}) => React.JSX.Element;
+export declare const DemoDashboardMainContent: ({ 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/modal.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-dev.192",
+	"version": "1.0.0-dev.194",
 	"description": "PDS toolkit built using the React framework",
 	"repository": {
 		"type": "git",

package/_dist/components/navigation/DashboardNav/dashboard-nav-sample-content.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-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;
-    }[];
-})[];

package/_dist/components/navigation/UserMenu/user-menu-sample-content.d.ts

@@ -1,2 +0,0 @@
-import { UserMenuItem } from './UserMenu';
-export declare const userMenuItems: UserMenuItem[];

package/_dist/components/navigation/WorkspaceSelector/workspace-sample-content.d.ts

@@ -1,35 +0,0 @@
-import { ReactElement } from 'react';
-interface WorkspaceItem {
-    /**
-     * Name of the workspace.
-     */
-    displayName?: string;
-    /**
-     * Image src for the workspace.
-     */
-    imageSrc?: string;
-    /**
-     * Is this the currently selected workspace?
-     */
-    isActive?: boolean;
-    /**
-     * This user does not have access to this workspace.
-     */
-    isUnprivileged?: boolean;
-    /**
-     * Account plan tier.
-     */
-    planTier?: 'silver' | 'gold' | 'platinum' | 'diamond';
-    /**
-     * Id of the workspace.
-     */
-    workspaceId?: string;
-    /**
-     * Link to the workspace. A link element via the router of your choice.
-     */
-    workspaceLink?: ReactElement;
-}
-export declare const workspaceItemsSimple: WorkspaceItem[];
-export declare const workspaceItemsPersonal: WorkspaceItem[];
-export declare const workspaceItemsLonger: WorkspaceItem[];
-export {};

package/_dist/layouts/DashboardLayout/DemoContent.d.ts

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