@elliemae/ds-global-header 3.56.0-rc.1 → 3.57.0-next.1

package/dist/esm/typescript-testing/typescript-global-header-toolbar-types.js

@@ -0,0 +1,255 @@
+import * as React from "react";
+import React2 from "react";
+const EmptyComponent = () => null;
+const IconPlaceholder = () => null;
+const divRef = React2.createRef();
+const buttonRef = React2.createRef();
+const customToolbarItemStrict = {
+  type: "custom",
+  label: "Custom Toolbar Item",
+  CustomComponent: EmptyComponent
+};
+const customToolbarItemAsSyntax = {
+  type: "custom",
+  label: "Custom Toolbar Item",
+  CustomComponent: EmptyComponent
+};
+const searchToggleToolbarItemStrict = {
+  type: "ds-search-toggle",
+  label: "Search",
+  componentProps: {
+    onNext: () => {
+    },
+    onPrevious: () => {
+    },
+    currentResultIndex: 0,
+    totalResults: 0,
+    placeholder: "Search...",
+    value: "",
+    onChange: () => {
+    },
+    onBlur: () => {
+    },
+    onClear: () => {
+    },
+    isOpen: false,
+    onKeyDown: (event) => {
+    },
+    onClick: (event) => {
+    },
+    triggerRef: buttonRef,
+    searchContainerRef: divRef
+  }
+};
+const searchToggleToolbarItemAsSyntax = {
+  type: "ds-search-toggle",
+  label: "Search",
+  componentProps: {
+    onNext: () => {
+    },
+    onPrevious: () => {
+    },
+    currentResultIndex: 0,
+    totalResults: 0,
+    placeholder: "Search...",
+    value: "",
+    onChange: () => {
+    },
+    onBlur: () => {
+    },
+    onClear: () => {
+    },
+    isOpen: false,
+    onKeyDown: (event) => {
+    },
+    onClick: (event) => {
+    },
+    triggerRef: buttonRef,
+    searchContainerRef: divRef
+  }
+};
+const appPickerToolbarItemStrict = {
+  id: "app-picker",
+  type: "ds-app-picker",
+  label: "Apps",
+  componentProps: {
+    sectionTitle: "APPLICATIONS",
+    apps: [
+      {
+        id: "0",
+        label: "Dashboard",
+        icon: IconPlaceholder,
+        onClick: () => {
+        },
+        selected: false
+      }
+    ],
+    customSectionTitle: "RESOURCES",
+    customApps: [
+      {
+        id: "7",
+        label: "Profile",
+        icon: IconPlaceholder,
+        onClick: () => {
+        },
+        selected: false
+      }
+    ]
+  }
+};
+const appPickerToolbarItemAsSyntax = {
+  id: "app-picker",
+  type: "ds-app-picker",
+  label: "Apps",
+  componentProps: {
+    sectionTitle: "APPLICATIONS",
+    apps: [
+      {
+        id: "0",
+        label: "Dashboard",
+        icon: IconPlaceholder,
+        onClick: () => {
+        },
+        selected: false
+      }
+    ],
+    customSectionTitle: "RESOURCES",
+    customApps: [
+      {
+        id: "7",
+        label: "Profile",
+        icon: IconPlaceholder,
+        onClick: () => {
+        },
+        selected: false
+      }
+    ]
+  }
+};
+const popupMenuToolbarItemStrict = {
+  type: "ds-popup-menu",
+  Icon: IconPlaceholder,
+  label: "Popup Menu",
+  onClick: (event) => {
+  },
+  Content: EmptyComponent,
+  componentProps: {
+    onClickOutside: (e) => {
+    },
+    onKeyPress: (event) => {
+    },
+    popupOnKeyPress: (event) => {
+    },
+    isOpen: true,
+    options: [
+      {
+        type: "custom",
+        Icon: IconPlaceholder,
+        label: "Custom Option",
+        onClick: (event) => {
+        },
+        Content: EmptyComponent
+      },
+      {
+        type: "separator",
+        Icon: IconPlaceholder,
+        label: "Separator",
+        onClick: (event) => {
+        },
+        Content: EmptyComponent
+      },
+      {
+        label: "Custom Option",
+        onClick: (event) => {
+        }
+      }
+    ],
+    closeOnClick: true
+  }
+};
+const popupMenuToolbarItemAsSyntax = {
+  type: "ds-popup-menu",
+  Icon: IconPlaceholder,
+  label: "Popup Menu",
+  onClick: (event) => {
+  },
+  Content: EmptyComponent,
+  componentProps: {
+    onClickOutside: (e) => {
+    },
+    onKeyPress: (event) => {
+    },
+    popupOnKeyPress: (event) => {
+    },
+    isOpen: true,
+    options: [
+      {
+        type: "custom",
+        Icon: IconPlaceholder,
+        label: "Custom Option",
+        onClick: (event) => {
+        },
+        Content: EmptyComponent
+      },
+      {
+        type: "separator",
+        Icon: IconPlaceholder,
+        label: "Separator",
+        onClick: (event) => {
+        },
+        Content: EmptyComponent
+      },
+      {
+        label: "Custom Option",
+        onClick: (event) => {
+        }
+      }
+    ],
+    closeOnClick: true
+  }
+};
+const toolbarItemTypelessDefaultStrict = {
+  label: "Default Label",
+  Icon: IconPlaceholder,
+  onClick: (event) => {
+  }
+};
+const toolbarItemTypelessDefaultAsSyntax = {
+  label: "Default Label",
+  Icon: IconPlaceholder,
+  onClick: (event) => {
+  }
+};
+const toolbarItemTypelessDefaultStrictExplicit = {
+  type: void 0,
+  label: "Default Label",
+  Icon: IconPlaceholder,
+  onClick: (event) => {
+  }
+};
+const toolbarItemTypelessDefaultAsSyntaxExplicit = {
+  type: void 0,
+  label: "Default Label",
+  Icon: IconPlaceholder,
+  onClick: (event) => {
+  }
+};
+const toolbarItemsStrict = [
+  customToolbarItemStrict,
+  searchToggleToolbarItemStrict,
+  appPickerToolbarItemStrict,
+  popupMenuToolbarItemStrict,
+  toolbarItemTypelessDefaultStrict
+];
+const toolbarItemsAsSyntax = [
+  customToolbarItemAsSyntax,
+  searchToggleToolbarItemAsSyntax,
+  appPickerToolbarItemAsSyntax,
+  popupMenuToolbarItemAsSyntax,
+  toolbarItemTypelessDefaultAsSyntax
+];
+export {
+  toolbarItemsAsSyntax,
+  toolbarItemsStrict
+};
+//# sourceMappingURL=typescript-global-header-toolbar-types.js.map

package/dist/esm/typescript-testing/typescript-global-header-toolbar-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-global-header-toolbar-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport type { DSGlobalHeaderT } from '../index.js';\n\nconst EmptyComponent: React.FC = () => null;\nconst IconPlaceholder: React.FC = () => null;\nconst divRef = React.createRef<HTMLDivElement>() as React.MutableRefObject<HTMLDivElement>;\nconst buttonRef = React.createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>;\n\n/* *************************************************************************************\n          TESTING INTERFACE FOR THE OUT OF THE BOX TOOLBAR WIDGET\n************************************************************************************** */\n\n/* *************************************************************************************\n          Toolbar -> ToolbarCustomItem\n************************************************************************************** */\nconst customToolbarItemStrict: DSGlobalHeaderT.ToolbarCustomItem = {\n  type: 'custom',\n  label: 'Custom Toolbar Item',\n  CustomComponent: EmptyComponent,\n};\nconst customToolbarItemAsSyntax = {\n  type: 'custom',\n  label: 'Custom Toolbar Item',\n  CustomComponent: EmptyComponent,\n} as DSGlobalHeaderT.ToolbarCustomItem;\n/* *************************************************************************************\n          Toolbar -> ToolbarSearchToggleItem\n************************************************************************************** */\nconst searchToggleToolbarItemStrict: DSGlobalHeaderT.ToolbarSearchToggleItem = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  componentProps: {\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    placeholder: 'Search...',\n    value: '',\n    onChange: () => {},\n    onBlur: () => {},\n    onClear: () => {},\n    isOpen: false,\n    onKeyDown: (event: React.KeyboardEvent) => {},\n    onClick: (event: React.MouseEvent) => {},\n    triggerRef: buttonRef,\n    searchContainerRef: divRef,\n  },\n};\nconst searchToggleToolbarItemAsSyntax = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  componentProps: {\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    placeholder: 'Search...',\n    value: '',\n    onChange: () => {},\n    onBlur: () => {},\n    onClear: () => {},\n    isOpen: false,\n    onKeyDown: (event: React.KeyboardEvent) => {},\n    onClick: (event: React.MouseEvent) => {},\n    triggerRef: buttonRef,\n    searchContainerRef: divRef,\n  },\n} as DSGlobalHeaderT.ToolbarSearchToggleItem;\n/* *************************************************************************************\n          Toolbar -> ToolbarAppPickerItem\n************************************************************************************** */\nconst appPickerToolbarItemStrict: DSGlobalHeaderT.ToolbarAppPickerItem = {\n  id: 'app-picker',\n  type: 'ds-app-picker',\n  label: 'Apps',\n  componentProps: {\n    sectionTitle: 'APPLICATIONS',\n    apps: [\n      {\n        id: '0',\n        label: 'Dashboard',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n    customSectionTitle: 'RESOURCES',\n    customApps: [\n      {\n        id: '7',\n        label: 'Profile',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n  },\n};\nconst appPickerToolbarItemAsSyntax = {\n  id: 'app-picker',\n  type: 'ds-app-picker',\n  label: 'Apps',\n  componentProps: {\n    sectionTitle: 'APPLICATIONS',\n    apps: [\n      {\n        id: '0',\n        label: 'Dashboard',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n    customSectionTitle: 'RESOURCES',\n    customApps: [\n      {\n        id: '7',\n        label: 'Profile',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n  },\n} as DSGlobalHeaderT.ToolbarAppPickerItem;\n/* *************************************************************************************\n          Toolbar -> PopupMenuItem\n************************************************************************************** */\nconst popupMenuToolbarItemStrict: DSGlobalHeaderT.PopupMenuItem = {\n  type: 'ds-popup-menu',\n  Icon: IconPlaceholder,\n  label: 'Popup Menu',\n  onClick: (event: React.MouseEvent) => {},\n  Content: EmptyComponent,\n  componentProps: {\n    onClickOutside: (e: MouseEvent | TouchEvent) => {},\n    onKeyPress: (event: React.KeyboardEvent) => {},\n    popupOnKeyPress: (event: React.KeyboardEvent) => {},\n    isOpen: true,\n    options: [\n      {\n        type: 'custom',\n        Icon: IconPlaceholder,\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        type: 'separator',\n        Icon: IconPlaceholder,\n        label: 'Separator',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n      },\n    ],\n    closeOnClick: true,\n  },\n};\nconst popupMenuToolbarItemAsSyntax = {\n  type: 'ds-popup-menu',\n  Icon: IconPlaceholder,\n  label: 'Popup Menu',\n  onClick: (event: React.MouseEvent) => {},\n  Content: EmptyComponent,\n  componentProps: {\n    onClickOutside: (e: MouseEvent | TouchEvent) => {},\n    onKeyPress: (event: React.KeyboardEvent) => {},\n    popupOnKeyPress: (event: React.KeyboardEvent) => {},\n    isOpen: true,\n    options: [\n      {\n        type: 'custom',\n        Icon: IconPlaceholder,\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        type: 'separator',\n        Icon: IconPlaceholder,\n        label: 'Separator',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n      },\n    ],\n    closeOnClick: true,\n  },\n} as DSGlobalHeaderT.PopupMenuItem;\n\n/* *************************************************************************************\n          Toolbar -> ToolbarItemTypelessDefault\n************************************************************************************** */\nconst toolbarItemTypelessDefaultStrict: DSGlobalHeaderT.ToolbarItemTypelessDefault = {\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n};\n\nconst toolbarItemTypelessDefaultAsSyntax = {\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n} as DSGlobalHeaderT.ToolbarItemTypelessDefault;\nconst toolbarItemTypelessDefaultStrictExplicit: DSGlobalHeaderT.ToolbarItemTypelessDefault = {\n  type: undefined,\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n};\n\nconst toolbarItemTypelessDefaultAsSyntaxExplicit = {\n  type: undefined,\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n} as DSGlobalHeaderT.ToolbarItemTypelessDefault;\n\n/* *************************************************************************************\n          <Globalheader toolbar={...}>\n************************************************************************************** */\nexport const toolbarItemsStrict: DSGlobalHeaderT.DefaultProps['toolbar'] = [\n  customToolbarItemStrict,\n  searchToggleToolbarItemStrict,\n  appPickerToolbarItemStrict,\n  popupMenuToolbarItemStrict,\n  toolbarItemTypelessDefaultStrict,\n];\nexport const toolbarItemsAsSyntax = [\n  customToolbarItemAsSyntax,\n  searchToggleToolbarItemAsSyntax,\n  appPickerToolbarItemAsSyntax,\n  popupMenuToolbarItemAsSyntax,\n  toolbarItemTypelessDefaultAsSyntax,\n] as DSGlobalHeaderT.DefaultProps['toolbar'];\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist/esm/typescript-testing/typescript-global-header-valid.js

@@ -1,9 +1,11 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DSGlobalHeader } from "../index.js";
+import { breadcrumbItems, breadcrumbItemsAsSyntax } from "./typescript-global-header-breadcrumb-types.js";
+import { toolbarItemsStrict, toolbarItemsAsSyntax } from "./typescript-global-header-toolbar-types.js";
 const testPartialDefaults = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: breadcrumbItems,
+  toolbar: toolbarItemsStrict,
   LogoWithBrand: () => null,
   Logo: () => null
 };
@@ -11,8 +13,8 @@ const testPropsAsSyntax = {
   ...testPartialDefaults
 };
 const testCompleteDefaults = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: breadcrumbItems,
+  toolbar: toolbarItemsStrict,
   LogoWithBrand: () => null,
   Logo: () => null,
   CustomNavigation: () => null
@@ -24,20 +26,20 @@ const testInternalPropsAsSyntax = {
   ...testCompleteDefaults
 };
 const testExplicitDefinition = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: breadcrumbItems,
+  toolbar: toolbarItemsStrict,
   LogoWithBrand: () => null,
   Logo: () => null
 };
 const testInferedTypeCompatibility = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: breadcrumbItemsAsSyntax,
+  toolbar: toolbarItemsAsSyntax,
   LogoWithBrand: () => null,
   Logo: () => null
 };
 const testDefinitionAsConst = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: breadcrumbItemsAsSyntax,
+  toolbar: toolbarItemsAsSyntax,
   LogoWithBrand: () => null,
   Logo: () => null
 };
@@ -45,6 +47,14 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(DSGlobalHeader, { ...testExplicitDefinition }),
   /* @__PURE__ */ jsx(DSGlobalHeader, { ...testInferedTypeCompatibility }),
   /* @__PURE__ */ jsx(DSGlobalHeader, { ...testDefinitionAsConst }),
-  /* @__PURE__ */ jsx(DSGlobalHeader, { breadcrumb: [], toolbar: [], LogoWithBrand: () => null, Logo: () => null })
+  /* @__PURE__ */ jsx(
+    DSGlobalHeader,
+    {
+      breadcrumb: breadcrumbItems,
+      toolbar: toolbarItemsStrict,
+      LogoWithBrand: () => null,
+      Logo: () => null
+    }
+  )
 ] });
 //# sourceMappingURL=typescript-global-header-valid.js.map

package/dist/esm/typescript-testing/typescript-global-header-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-global-header-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { createRef } from 'react';\nimport { DSGlobalHeader } from '../index.js';\nimport type { DSGlobalHeaderInternalsT, DSGlobalHeaderT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSGlobalHeaderT.Props;\ntype ComponentPropsInternals = DSGlobalHeaderInternalsT.InternalProps;\ntype ComponentPropsDefaultProps = DSGlobalHeaderInternalsT.DefaultProps;\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n};\n\nconst testPropsAsSyntax = {\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n  CustomNavigation: () => null,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  breadcrumb: [] as DSGlobalHeaderInternalsT.BreadcrumbItem[],\n  toolbar: [] as DSGlobalHeaderInternalsT.ToolbarItem[],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSGlobalHeader {...testExplicitDefinition} />\n    <DSGlobalHeader {...testInferedTypeCompatibility} />\n    <DSGlobalHeader {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSGlobalHeader breadcrumb={[]} toolbar={[]} LogoWithBrand={() => null} Logo={() => null} />\n  </>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgErB,mBAEE,KAFF;AA9DF,SAAS,sBAAsB;AAU/B,MAAM,sBAA2D;AAAA,EAC/D,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AAAA,EACZ,kBAAkB,MAAM;AAC1B;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AAEA,MAAM,wBAAwB;AAAA,EAC5B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,kBAAgB,GAAG,wBAAwB;AAAA,EAC5C,oBAAC,kBAAgB,GAAG,8BAA8B;AAAA,EAClD,oBAAC,kBAAgB,GAAG,uBAAuB;AAAA,EAE3C,oBAAC,kBAAe,YAAY,CAAC,GAAG,SAAS,CAAC,GAAG,eAAe,MAAM,MAAM,MAAM,MAAM,MAAM;AAAA,GAC5F;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport type { DSGlobalHeaderT } from '../index.js';\nimport { DSGlobalHeader } from '../index.js';\nimport { breadcrumbItems, breadcrumbItemsAsSyntax } from './typescript-global-header-breadcrumb-types.js';\nimport { toolbarItemsStrict, toolbarItemsAsSyntax } from './typescript-global-header-toolbar-types.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSGlobalHeaderT.Props;\ntype ComponentPropsInternals = DSGlobalHeaderT.InternalProps;\ntype ComponentPropsDefaultProps = DSGlobalHeaderT.DefaultProps;\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  breadcrumb: breadcrumbItems,\n  toolbar: toolbarItemsStrict,\n  LogoWithBrand: () => null,\n  Logo: () => null,\n};\n\nconst testPropsAsSyntax = {\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  breadcrumb: breadcrumbItems,\n  toolbar: toolbarItemsStrict,\n  LogoWithBrand: () => null,\n  Logo: () => null,\n  CustomNavigation: () => null,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  breadcrumb: breadcrumbItems,\n  toolbar: toolbarItemsStrict,\n  LogoWithBrand: () => null,\n  Logo: () => null,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  breadcrumb: breadcrumbItemsAsSyntax,\n  toolbar: toolbarItemsAsSyntax,\n  LogoWithBrand: () => null,\n  Logo: () => null,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  breadcrumb: breadcrumbItemsAsSyntax,\n  toolbar: toolbarItemsAsSyntax,\n  LogoWithBrand: () => null,\n  Logo: () => null,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSGlobalHeader {...testExplicitDefinition} />\n    <DSGlobalHeader {...testInferedTypeCompatibility} />\n    <DSGlobalHeader {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSGlobalHeader\n      breadcrumb={breadcrumbItems}\n      toolbar={toolbarItemsStrict}\n      LogoWithBrand={() => null}\n      Logo={() => null}\n    />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmErB,mBAEE,KAFF;AA/DF,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB,+BAA+B;AACzD,SAAS,oBAAoB,4BAA4B;AASzD,MAAM,sBAA2D;AAAA,EAC/D,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AAAA,EACZ,kBAAkB,MAAM;AAC1B;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AAEA,MAAM,wBAAwB;AAAA,EAC5B,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,kBAAgB,GAAG,wBAAwB;AAAA,EAC5C,oBAAC,kBAAgB,GAAG,8BAA8B;AAAA,EAClD,oBAAC,kBAAgB,GAAG,uBAAuB;AAAA,EAE3C;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe,MAAM;AAAA,MACrB,MAAM,MAAM;AAAA;AAAA,EACd;AAAA,GACF;",
   "names": []
 }

package/dist/types/DSGlobalHeader.d.ts

@@ -3,7 +3,7 @@ declare const DSGlobalHeader: {
     (props: DSGlobalHeaderT.Props): JSX.Element;
     displayName: string;
 };
-declare const DSGlobalHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<Partial<import("./sharedTypes.js").DSGlobalHeaderInternalsT.DefaultProps>>;
+declare const DSGlobalHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<Partial<DSGlobalHeaderT.DefaultProps>>;
 declare const GlobalHeader: {
     (props: DSGlobalHeaderT.Props): JSX.Element;
     displayName: string;

package/dist/types/DSGlobalHeaderContext.d.ts

@@ -1,2 +1,2 @@
-import type { DSGlobalHeaderInternalsT } from './sharedTypes.js';
-export declare const DSGlobalHeaderContext: import("react").Context<DSGlobalHeaderInternalsT.Context>;
+import type { DSGlobalHeaderT } from './react-desc-prop-types.js';
+export declare const DSGlobalHeaderContext: import("react").Context<DSGlobalHeaderT.Context>;

package/dist/types/config/useGlobalHeader.d.ts

@@ -1,14 +1,13 @@
 import { type DSGlobalHeaderT } from '../react-desc-prop-types.js';
-import { type DSGlobalHeaderInternalsT } from '../sharedTypes.js';
 export declare const useGlobalHeader: (props: DSGlobalHeaderT.Props) => {
-    props: DSGlobalHeaderInternalsT.InternalProps;
+    props: DSGlobalHeaderT.InternalProps;
     showIconOnly: boolean;
     setShowIconOnly: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     instanceUID: string;
     globalHeaderToolbarGrid: string[];
     fontDetector: 1 | 2 | 3;
     ownerProps: {
-        getOwnerProps: () => Partial<DSGlobalHeaderInternalsT.DefaultProps>;
+        getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;
         getOwnerPropsArguments: () => {};
     };
 };

package/dist/types/exported-related/index.d.ts

@@ -1,2 +1,2 @@
-export * from './theming.js';
-export * from './DSGlobalHeaderDatatestid.js';
+export { DSGlobalHeaderName, DSGlobalHeaderSlots, DSGlobalHeaderSlotsFlattened } from './theming.js';
+export { DSGlobalHeaderDatatestid, DSGlobalHeaderDatatestidFlattened } from './DSGlobalHeaderDatatestid.js';

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import { DSGlobalHeader } from './DSGlobalHeader.js';
-export * from './DSGlobalHeader.js';
-export * from './exported-related/index.js';
-export type { DSGlobalHeaderInternalsT } from './sharedTypes.js';
-export type { DSGlobalHeaderT } from './react-desc-prop-types.js';
 export default DSGlobalHeader;
+export { DSGlobalHeader, DSGlobalHeaderWithSchema, GlobalHeader } from './DSGlobalHeader.js';
+export { DSGlobalHeaderDatatestid, DSGlobalHeaderDatatestidFlattened, DSGlobalHeaderName, DSGlobalHeaderSlots, DSGlobalHeaderSlotsFlattened, } from './exported-related/index.js';
+export type { DSGlobalHeaderT } from './react-desc-prop-types.js';
+export type { DSGlobalHeaderInternalsT } from './sharedTypes.js';

package/dist/types/parts/Breadcrumb/PureBreadcrumb.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-import type { DSGlobalHeaderInternalsT } from '../../sharedTypes.js';
-export declare const PureBreadcrumb: React.MemoExoticComponent<({ onClick, onKeyDown, isSelected, length, label, hasNext, id, ...rest }: DSGlobalHeaderInternalsT.BreadcrumbItem) => import("react/jsx-runtime.js").JSX.Element>;
+import type { DSGlobalHeaderT } from '../../react-desc-prop-types.js';
+type PureBreadcrumbProps = DSGlobalHeaderT.BreadcrumbItem & {
+    fullBreadcrumbListLength: number;
+};
+export declare const PureBreadcrumb: React.MemoExoticComponent<({ onClick, isSelected, fullBreadcrumbListLength, label, hasNext, ...rest }: PureBreadcrumbProps) => import("react/jsx-runtime.js").JSX.Element>;
+export {};

package/dist/types/parts/Breadcrumb/useGlobalHeaderBreadcrumb.d.ts

@@ -1,14 +1,14 @@
 import type React from 'react';
-import type { DSGlobalHeaderInternalsT } from '../../sharedTypes.js';
+import type { DSGlobalHeaderT } from '../../react-desc-prop-types.js';
 interface UseGlobalHeaderBreadcrumbReturnT {
-    breadcrumb: DSGlobalHeaderInternalsT.BreadcrumbItem[];
+    breadcrumb: DSGlobalHeaderT.BreadcrumbItem[];
     CustomNavigation: React.ComponentType;
     showIconOnly: boolean;
     flexRegionRef: React.MutableRefObject<HTMLDivElement | null>;
-    handleOnKeyDown: (onClick: (event?: React.MouseEvent) => void) => (event: React.KeyboardEvent) => void;
+    handleOnKeyDown: (onClick: (event: React.MouseEvent | React.KeyboardEvent) => void) => (event: React.KeyboardEvent) => void;
     instanceUID: string;
     ownerProps: {
-        getOwnerProps: () => Partial<DSGlobalHeaderInternalsT.DefaultProps>;
+        getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;
         getOwnerPropsArguments: () => object;
     };
 }

package/dist/types/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.d.ts

@@ -1,2 +1,6 @@
-import type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes.js';
-export declare const AppPicker: ({ label, id, setRef, componentProps, ...otherProps }: DSGlobalHeaderInternalsT.AppPickerProps) => JSX.Element;
+import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
+type AppPickerOutOfTheBoxProps = DSGlobalHeaderT.AppPickerProps & {
+    setRef: (ref: HTMLElement) => void;
+};
+export declare const AppPicker: ({ label, setRef, componentProps, ...otherProps }: AppPickerOutOfTheBoxProps) => JSX.Element;
+export {};

package/dist/types/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.d.ts

@@ -1,2 +1,2 @@
-import type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes.js';
-export declare const PopupMenu: ({ Icon, onClick, id, setRef, componentProps, ...otherProps }: DSGlobalHeaderInternalsT.PopupProps) => JSX.Element;
+import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
+export declare const PopupMenu: ({ Icon, onClick, setRef, componentProps, ...otherProps }: DSGlobalHeaderT.PopupProps) => JSX.Element;

package/dist/types/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { DSGlobalHeaderInternalsT } from '../../../../../sharedTypes.js';
-export declare const PopupMenuContent: React.MemoExoticComponent<({ options, onItemClick, onClose, popupOnKeyPress, setIsOpen, }: DSGlobalHeaderInternalsT.PopupMenuContentProps) => JSX.Element>;
+import type { DSGlobalHeaderT } from '../../../../../react-desc-prop-types.js';
+export declare const PopupMenuContent: React.MemoExoticComponent<({ options, onItemClick, onClose, popupOnKeyPress, setIsOpen, }: DSGlobalHeaderT.PopupMenuContentProps) => JSX.Element>;

package/dist/types/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.d.ts

@@ -1,2 +1,2 @@
-import type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes.js';
-export declare const SearchToggle: ({ id, setRef, componentProps, ...otherProps }: DSGlobalHeaderInternalsT.SearchToggleProps) => JSX.Element;
+import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
+export declare const SearchToggle: ({ setRef, componentProps, ...otherProps }: DSGlobalHeaderT.SearchToggleProps) => JSX.Element;

package/dist/types/react-desc-prop-types.d.ts

@@ -1,5 +1,6 @@
-import type { WeakValidationMap } from 'react';
-import type { DSGlobalHeaderInternalsT } from './sharedTypes.js';
+import type { DSAppPicker } from '@elliemae/ds-app-picker';
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import type React from 'react';
 export declare const defaultProps: {
     breadcrumb: never[];
     toolbar: never[];
@@ -7,8 +8,152 @@ export declare const defaultProps: {
     Logo: () => null;
 };
 export declare namespace DSGlobalHeaderT {
-    type Props = Partial<DSGlobalHeaderInternalsT.DefaultProps>;
+    interface BreadcrumbItemOptionals {
+        hasNext?: boolean;
+        isSelected?: boolean;
+        onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    }
+    interface BreadcrumbItemRequired {
+        label: string;
+    }
+    interface BreadcrumbItemOptionalsGlobals extends Omit<GlobalAttributesT, keyof BreadcrumbItemOptionals | keyof BreadcrumbItemRequired> {
+    }
+    interface BreadcrumbItem extends BreadcrumbItemRequired, BreadcrumbItemOptionals, BreadcrumbItemOptionalsGlobals {
+    }
+    interface ToolbarCustomComponentProps {
+        item: Record<string, unknown> & {
+            type: 'custom';
+            CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;
+        };
+        setRef: (ref: HTMLElement | null) => void;
+    }
+    interface ToolbarCustomItem extends Record<string, unknown> {
+        type: 'custom';
+        label: string;
+        CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;
+    }
+    interface ToggleSearchComponentProps {
+        onNext: () => void;
+        onPrevious: () => void;
+        currentResultIndex: number;
+        totalResults: number;
+        placeholder: string;
+        value: string;
+        onChange: () => void;
+        onBlur: () => void;
+        onClear: () => void;
+        isOpen: boolean;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+        onClick: (event: React.MouseEvent) => void;
+        triggerRef: React.MutableRefObject<HTMLButtonElement>;
+        searchContainerRef: React.MutableRefObject<HTMLDivElement>;
+    }
+    interface SearchToggleProps extends GlobalAttributesT {
+        setRef: (ref: HTMLElement) => void;
+        componentProps: ToggleSearchComponentProps;
+    }
+    interface ToolbarSearchToggleItem {
+        type: 'ds-search-toggle';
+        label: string;
+        componentProps: ToggleSearchComponentProps;
+    }
+    interface PopupMenuContentItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {
+        type?: 'separator' | 'custom';
+        Icon?: React.ComponentType<{
+            fill?: string;
+            size?: string;
+        }>;
+        label?: string;
+        onClick?: (event: React.MouseEvent) => void;
+        closeOnClick?: boolean;
+        Content?: React.ComponentType;
+    }
+    interface PopupMenuComponentProps {
+        onClickOutside?: (e: MouseEvent | TouchEvent) => void;
+        onKeyPress: (event: React.KeyboardEvent) => void;
+        popupOnKeyPress: (event: React.KeyboardEvent) => void;
+        isOpen: boolean;
+        options: PopupMenuContentItem[];
+        closeOnClick: boolean;
+    }
+    interface PopupMenuItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {
+        type: 'ds-popup-menu';
+        Icon?: React.ComponentType<{
+            fill?: string;
+            size?: string;
+        }>;
+        label?: string;
+        onClick?: (event: React.MouseEvent) => void;
+        Content?: React.ComponentType;
+        componentProps: PopupMenuComponentProps;
+    }
+    interface PopupMenuContentProps {
+        options: PopupMenuContentItem[];
+        onItemClick: () => void;
+        onClose: () => void;
+        popupOnKeyPress: (event: React.KeyboardEvent) => void;
+        setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    }
+    interface PopupProps extends Omit<GlobalAttributesT, 'title' | 'label' | 'onClick'> {
+        Icon?: React.ComponentType<{
+            fill?: string;
+            size?: string;
+        }>;
+        onClick?: (event: React.MouseEvent) => void;
+        setRef: (ref: HTMLElement) => void;
+        componentProps: PopupMenuComponentProps;
+        title?: string;
+    }
+    type AppPickerComponentProps = React.ComponentProps<typeof DSAppPicker> & {
+        triggerOnClick?: React.MouseEventHandler<HTMLButtonElement>;
+    };
+    interface AppPickerProps extends Omit<GlobalAttributesT, 'label'> {
+        label: string;
+        componentProps: AppPickerComponentProps;
+    }
+    interface ToolbarAppPickerItem extends Omit<GlobalAttributesT, 'type' | 'label'> {
+        type: 'ds-app-picker';
+        label: string;
+        componentProps: AppPickerComponentProps;
+    }
+    interface ToolbarItemTypelessDefault extends Omit<GlobalAttributesT, 'label'> {
+        type?: undefined;
+        label: string;
+        Icon: React.ComponentType<{
+            fill?: string;
+            size?: string;
+        }>;
+    }
+    type ToolbarItem = ToolbarCustomItem | ToolbarSearchToggleItem | ToolbarAppPickerItem | PopupMenuItem | ToolbarItemTypelessDefault;
+    interface DefaultProps {
+        Logo: React.ComponentType;
+        LogoWithBrand: React.ComponentType;
+        breadcrumb: DSGlobalHeaderT.BreadcrumbItem[];
+        toolbar: DSGlobalHeaderT.ToolbarItem[];
+        CustomNavigation: React.ComponentType;
+    }
+    interface InternalProps extends DefaultProps, Omit<GlobalAttributesT, keyof DefaultProps>, XstyledProps {
+    }
+    type Props = Partial<DSGlobalHeaderT.DefaultProps>;
+    interface Context {
+        showIconOnly: boolean;
+        fontDetector: number;
+        setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;
+        instanceUID: string;
+        globalHeaderToolbarGrid: string[];
+        props: InternalProps;
+        ownerProps: {
+            getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;
+            getOwnerPropsArguments: () => object;
+        };
+    }
 }
-export declare const breadcrumbItem: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-export declare const toolbarItem: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-export declare const propTypes: WeakValidationMap<DSGlobalHeaderInternalsT.InternalProps>;
+export declare const DSGlobalHeaderPropTypes: DSPropTypesSchema<DSGlobalHeaderT.Props>;
+export declare const propTypes: Required<{
+    Logo?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT | undefined;
+    LogoWithBrand?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT | undefined;
+    breadcrumb?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT | undefined;
+    toolbar?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT | undefined;
+    CustomNavigation?: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT | undefined;
+}>;
+export declare const DSGlobalHeaderPropTypesSchema: ValidationMap<DSGlobalHeaderT.Props>;