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

package/dist/cjs/typescript-testing/typescript-global-header-deprecated.js

@@ -0,0 +1,73 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testPartialDefaults = {
+  breadcrumb: [],
+  toolbar: [],
+  LogoWithBrand: () => null,
+  Logo: () => null
+};
+const testPropsAsSyntax = {
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  breadcrumb: [],
+  toolbar: [],
+  LogoWithBrand: () => null,
+  Logo: () => null,
+  CustomNavigation: () => null
+};
+const testInternalProps = {
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  breadcrumb: [],
+  toolbar: [],
+  LogoWithBrand: () => null,
+  Logo: () => null
+};
+const testInferedTypeCompatibility = {
+  breadcrumb: [],
+  toolbar: [],
+  LogoWithBrand: () => null,
+  Logo: () => null
+};
+const testDefinitionAsConst = {
+  breadcrumb: [],
+  toolbar: [],
+  LogoWithBrand: () => null,
+  Logo: () => null
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSGlobalHeader, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSGlobalHeader, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSGlobalHeader, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSGlobalHeader, { breadcrumb: [], toolbar: [], LogoWithBrand: () => null, Logo: () => null })
+] });
+//# sourceMappingURL=typescript-global-header-deprecated.js.map

package/dist/cjs/typescript-testing/typescript-global-header-deprecated.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-global-header-deprecated.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSGlobalHeaderInternalsT, DSGlobalHeaderT } from '../index.js';\nimport { DSGlobalHeader } from '../index.js';\n\n/* ******************************************************************************\n KEPT AROUND FOR BACKWARD COMPATIBILITY, THIS IS LEGACY!\n*********************************************************************************\nthis should be code-modded away in code-bases in favour of the actual namespace.\n******************************************************************************* */\ntype ComponentPropsForApp = DSGlobalHeaderT.Props;\ntype ComponentPropsInternals = DSGlobalHeaderInternalsT.InternalProps;\ntype ComponentPropsDefaultProps = DSGlobalHeaderInternalsT.DefaultProps;\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n};\nconst testPropsAsSyntax = {\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n  CustomNavigation: () => null,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\nconst testExplicitDefinition: ComponentPropsForApp = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n};\nconst testInferedTypeCompatibility = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n} as ComponentPropsForApp;\nconst testDefinitionAsConst = {\n  breadcrumb: [] as DSGlobalHeaderInternalsT.BreadcrumbItem[],\n  toolbar: [] as DSGlobalHeaderInternalsT.ToolbarItem[],\n  LogoWithBrand: () => null,\n  Logo: () => null,\n} as const;\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/* ******************************************************************************\n KEPT AROUND FOR BACKWARD COMPATIBILITY, THIS IS LEGACY!\n*********************************************************************************\nthis should be code-modded away in code-bases in favour of the actual namespace.\n******************************************************************************* */\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACqDrB;AAnDF,eAA+B;AAU/B,MAAM,sBAA2D;AAAA,EAC/D,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AACA,MAAM,uBAA6D;AAAA,EACjE,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AAAA,EACZ,kBAAkB,MAAM;AAC1B;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;AACA,MAAM,yBAA+C;AAAA,EACnD,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AACA,MAAM,+BAA+B;AAAA,EACnC,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AACA,MAAM,wBAAwB;AAAA,EAC5B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AACA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,2BAAgB,GAAG,wBAAwB;AAAA,EAC5C,4CAAC,2BAAgB,GAAG,8BAA8B;AAAA,EAClD,4CAAC,2BAAgB,GAAG,uBAAuB;AAAA,EAE3C,4CAAC,2BAAe,YAAY,CAAC,GAAG,SAAS,CAAC,GAAG,eAAe,MAAM,MAAM,MAAM,MAAM,MAAM;AAAA,GAC5F;",
+  "names": []
+}

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

@@ -0,0 +1,285 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var typescript_global_header_toolbar_types_exports = {};
+__export(typescript_global_header_toolbar_types_exports, {
+  toolbarItemsAsSyntax: () => toolbarItemsAsSyntax,
+  toolbarItemsStrict: () => toolbarItemsStrict
+});
+module.exports = __toCommonJS(typescript_global_header_toolbar_types_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const EmptyComponent = () => null;
+const IconPlaceholder = () => null;
+const divRef = import_react.default.createRef();
+const buttonRef = import_react.default.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
+];
+//# sourceMappingURL=typescript-global-header-toolbar-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/typescript-testing/typescript-global-header-toolbar-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

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

@@ -24,9 +24,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import__ = require("../index.js");
+var import_typescript_global_header_breadcrumb_types = require("./typescript-global-header-breadcrumb-types.js");
+var import_typescript_global_header_toolbar_types = require("./typescript-global-header-toolbar-types.js");
 const testPartialDefaults = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: import_typescript_global_header_breadcrumb_types.breadcrumbItems,
+  toolbar: import_typescript_global_header_toolbar_types.toolbarItemsStrict,
   LogoWithBrand: () => null,
   Logo: () => null
 };
@@ -34,8 +36,8 @@ const testPropsAsSyntax = {
   ...testPartialDefaults
 };
 const testCompleteDefaults = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: import_typescript_global_header_breadcrumb_types.breadcrumbItems,
+  toolbar: import_typescript_global_header_toolbar_types.toolbarItemsStrict,
   LogoWithBrand: () => null,
   Logo: () => null,
   CustomNavigation: () => null
@@ -47,20 +49,20 @@ const testInternalPropsAsSyntax = {
   ...testCompleteDefaults
 };
 const testExplicitDefinition = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: import_typescript_global_header_breadcrumb_types.breadcrumbItems,
+  toolbar: import_typescript_global_header_toolbar_types.toolbarItemsStrict,
   LogoWithBrand: () => null,
   Logo: () => null
 };
 const testInferedTypeCompatibility = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: import_typescript_global_header_breadcrumb_types.breadcrumbItemsAsSyntax,
+  toolbar: import_typescript_global_header_toolbar_types.toolbarItemsAsSyntax,
   LogoWithBrand: () => null,
   Logo: () => null
 };
 const testDefinitionAsConst = {
-  breadcrumb: [],
-  toolbar: [],
+  breadcrumb: import_typescript_global_header_breadcrumb_types.breadcrumbItemsAsSyntax,
+  toolbar: import_typescript_global_header_toolbar_types.toolbarItemsAsSyntax,
   LogoWithBrand: () => null,
   Logo: () => null
 };
@@ -68,6 +70,14 @@ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSGlobalHeader, { ...testExplicitDefinition }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSGlobalHeader, { ...testInferedTypeCompatibility }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSGlobalHeader, { ...testDefinitionAsConst }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSGlobalHeader, { breadcrumb: [], toolbar: [], LogoWithBrand: () => null, Logo: () => null })
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSGlobalHeader,
+    {
+      breadcrumb: import_typescript_global_header_breadcrumb_types.breadcrumbItems,
+      toolbar: import_typescript_global_header_toolbar_types.toolbarItemsStrict,
+      LogoWithBrand: () => null,
+      Logo: () => null
+    }
+  )
 ] });
 //# sourceMappingURL=typescript-global-header-valid.js.map

package/dist/cjs/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,YAAuB;ACgErB;AA9DF,eAA+B;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,4EAEE;AAAA,8CAAC,2BAAgB,GAAG,wBAAwB;AAAA,EAC5C,4CAAC,2BAAgB,GAAG,8BAA8B;AAAA,EAClD,4CAAC,2BAAgB,GAAG,uBAAuB;AAAA,EAE3C,4CAAC,2BAAe,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,YAAuB;ACmErB;AA/DF,eAA+B;AAC/B,uDAAyD;AACzD,oDAAyD;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,4EAEE;AAAA,8CAAC,2BAAgB,GAAG,wBAAwB;AAAA,EAC5C,4CAAC,2BAAgB,GAAG,8BAA8B;AAAA,EAClD,4CAAC,2BAAgB,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/esm/DSGlobalHeader.js

@@ -4,7 +4,7 @@ import { useMemo } from "react";
 import { Grid } from "@elliemae/ds-grid";
 import { useGetLayoutMode } from "@elliemae/ds-system";
 import { useGetGlobalAttributes, useGetXstyledProps, describe } from "@elliemae/ds-props-helpers";
-import { propTypes } from "./react-desc-prop-types.js";
+import { DSGlobalHeaderPropTypesSchema } from "./react-desc-prop-types.js";
 import { GlobalHeaderLogo } from "./parts/Logo/GlobalHeaderLogo.js";
 import { GlobalHeaderBreadcrumb } from "./parts/Breadcrumb/GlobalHeaderBreadcrumb.js";
 import { GlobalHeaderToolbar } from "./parts/Toolbar/GlobalHeaderToolbar.js";
@@ -68,7 +68,7 @@ const DSGlobalHeader = (props) => {
 };
 DSGlobalHeader.displayName = DSGlobalHeaderName;
 const DSGlobalHeaderWithSchema = describe(DSGlobalHeader).description("DSGlobalHeader");
-DSGlobalHeaderWithSchema.propTypes = propTypes;
+DSGlobalHeaderWithSchema.propTypes = DSGlobalHeaderPropTypesSchema;
 const GlobalHeader = DSGlobalHeader;
 export {
   DSGlobalHeader,

package/dist/esm/DSGlobalHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSGlobalHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { type DSGridT, Grid } from '@elliemae/ds-grid';\nimport { useGetLayoutMode } from '@elliemae/ds-system';\nimport { useGetGlobalAttributes, useGetXstyledProps, describe } from '@elliemae/ds-props-helpers';\nimport { propTypes, type DSGlobalHeaderT } from './react-desc-prop-types.js';\nimport { GlobalHeaderLogo } from './parts/Logo/GlobalHeaderLogo.js';\nimport { GlobalHeaderBreadcrumb } from './parts/Breadcrumb/GlobalHeaderBreadcrumb.js';\nimport { GlobalHeaderToolbar } from './parts/Toolbar/GlobalHeaderToolbar.js';\nimport { DSGlobalHeaderContext } from './DSGlobalHeaderContext.js';\nimport { useGlobalHeader } from './config/useGlobalHeader.js';\nimport { useValidateProps } from './config/useValidateProps.js';\nimport { DSGlobalHeaderName } from './exported-related/index.js';\nimport { FONT_DETECTOR } from './config/constants.js';\nimport { Container } from './parts/styles.js';\n\nconst DSGlobalHeader = (props: DSGlobalHeaderT.Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n  const {\n    props: { toolbar },\n    ownerProps,\n    fontDetector,\n  } = ctx;\n  const propsWithDefaults = ctx.props;\n  const globalAttrs = useGetGlobalAttributes<DSGlobalHeaderT.Props, HTMLDivElement, DSGridT.Props>(propsWithDefaults);\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults);\n  const layoutMode = useGetLayoutMode();\n\n  const cols2 = useMemo(() => {\n    if (['l'].includes(layoutMode!)) {\n      return ['1fr', 'auto'];\n    }\n    if (['m', 's'].includes(layoutMode!)) {\n      return ['1fr'];\n    }\n    if (['xs'].includes(layoutMode!)) {\n      return ['auto'];\n    }\n    if (fontDetector > FONT_DETECTOR.SMALL) {\n      return ['auto', '1fr'];\n    }\n    return ['1fr', 'auto'];\n  }, [fontDetector, layoutMode]);\n\n  const cols = useMemo(() => {\n    if (['xs'].includes(layoutMode!)) {\n      return ['auto'];\n    }\n    return ['auto', '1fr'];\n  }, [layoutMode]);\n\n  return (\n    <Container\n      {...globalAttrs}\n      {...xstyledAttrs}\n      {...ownerProps}\n      forwardedAs=\"header\"\n      data-testid=\"ds-global-header\"\n      cols={cols2}\n    >\n      <DSGlobalHeaderContext.Provider value={ctx}>\n        <Grid cols={cols}>\n          <GlobalHeaderLogo />\n          <GlobalHeaderBreadcrumb />\n        </Grid>\n        {toolbar.length ? <GlobalHeaderToolbar /> : null}\n      </DSGlobalHeaderContext.Provider>\n    </Container>\n  );\n};\n\nDSGlobalHeader.displayName = DSGlobalHeaderName;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader).description('DSGlobalHeader');\nDSGlobalHeaderWithSchema.propTypes = propTypes;\n\nconst GlobalHeader = DSGlobalHeader;\n\nexport { GlobalHeader, DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6Df,SACE,KADF;AA7DR,SAAgB,eAAe;AAC/B,SAAuB,YAAY;AACnC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB,oBAAoB,gBAAgB;AACrE,SAAS,iBAAuC;AAChD,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB,CAAC,UAA8C;AACpE,mBAAiB,KAAK;AACtB,QAAM,MAAM,gBAAgB,KAAK;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,oBAAoB,IAAI;AAC9B,QAAM,cAAc,uBAA6E,iBAAiB;AAClH,QAAM,eAAe,mBAAmB,iBAAiB;AACzD,QAAM,aAAa,iBAAiB;AAEpC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,CAAC,GAAG,EAAE,SAAS,UAAW,GAAG;AAC/B,aAAO,CAAC,OAAO,MAAM;AAAA,IACvB;AACA,QAAI,CAAC,KAAK,GAAG,EAAE,SAAS,UAAW,GAAG;AACpC,aAAO,CAAC,KAAK;AAAA,IACf;AACA,QAAI,CAAC,IAAI,EAAE,SAAS,UAAW,GAAG;AAChC,aAAO,CAAC,MAAM;AAAA,IAChB;AACA,QAAI,eAAe,cAAc,OAAO;AACtC,aAAO,CAAC,QAAQ,KAAK;AAAA,IACvB;AACA,WAAO,CAAC,OAAO,MAAM;AAAA,EACvB,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC,IAAI,EAAE,SAAS,UAAW,GAAG;AAChC,aAAO,CAAC,MAAM;AAAA,IAChB;AACA,WAAO,CAAC,QAAQ,KAAK;AAAA,EACvB,GAAG,CAAC,UAAU,CAAC;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,aAAY;AAAA,MACZ,eAAY;AAAA,MACZ,MAAM;AAAA,MAEN,+BAAC,sBAAsB,UAAtB,EAA+B,OAAO,KACrC;AAAA,6BAAC,QAAK,MACJ;AAAA,8BAAC,oBAAiB;AAAA,UAClB,oBAAC,0BAAuB;AAAA,WAC1B;AAAA,QACC,QAAQ,SAAS,oBAAC,uBAAoB,IAAK;AAAA,SAC9C;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc,EAAE,YAAY,gBAAgB;AACtF,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { type DSGridT, Grid } from '@elliemae/ds-grid';\nimport { useGetLayoutMode } from '@elliemae/ds-system';\nimport { useGetGlobalAttributes, useGetXstyledProps, describe } from '@elliemae/ds-props-helpers';\nimport { DSGlobalHeaderPropTypesSchema, type DSGlobalHeaderT } from './react-desc-prop-types.js';\nimport { GlobalHeaderLogo } from './parts/Logo/GlobalHeaderLogo.js';\nimport { GlobalHeaderBreadcrumb } from './parts/Breadcrumb/GlobalHeaderBreadcrumb.js';\nimport { GlobalHeaderToolbar } from './parts/Toolbar/GlobalHeaderToolbar.js';\nimport { DSGlobalHeaderContext } from './DSGlobalHeaderContext.js';\nimport { useGlobalHeader } from './config/useGlobalHeader.js';\nimport { useValidateProps } from './config/useValidateProps.js';\nimport { DSGlobalHeaderName } from './exported-related/index.js';\nimport { FONT_DETECTOR } from './config/constants.js';\nimport { Container } from './parts/styles.js';\n\nconst DSGlobalHeader = (props: DSGlobalHeaderT.Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n  const {\n    props: { toolbar },\n    ownerProps,\n    fontDetector,\n  } = ctx;\n  const propsWithDefaults = ctx.props;\n  const globalAttrs = useGetGlobalAttributes<DSGlobalHeaderT.Props, HTMLDivElement, DSGridT.Props>(propsWithDefaults);\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults);\n  const layoutMode = useGetLayoutMode();\n\n  const cols2 = useMemo(() => {\n    if (['l'].includes(layoutMode!)) {\n      return ['1fr', 'auto'];\n    }\n    if (['m', 's'].includes(layoutMode!)) {\n      return ['1fr'];\n    }\n    if (['xs'].includes(layoutMode!)) {\n      return ['auto'];\n    }\n    if (fontDetector > FONT_DETECTOR.SMALL) {\n      return ['auto', '1fr'];\n    }\n    return ['1fr', 'auto'];\n  }, [fontDetector, layoutMode]);\n\n  const cols = useMemo(() => {\n    if (['xs'].includes(layoutMode!)) {\n      return ['auto'];\n    }\n    return ['auto', '1fr'];\n  }, [layoutMode]);\n\n  return (\n    <Container\n      {...globalAttrs}\n      {...xstyledAttrs}\n      {...ownerProps}\n      forwardedAs=\"header\"\n      data-testid=\"ds-global-header\"\n      cols={cols2}\n    >\n      <DSGlobalHeaderContext.Provider value={ctx}>\n        <Grid cols={cols}>\n          <GlobalHeaderLogo />\n          <GlobalHeaderBreadcrumb />\n        </Grid>\n        {toolbar.length ? <GlobalHeaderToolbar /> : null}\n      </DSGlobalHeaderContext.Provider>\n    </Container>\n  );\n};\n\nDSGlobalHeader.displayName = DSGlobalHeaderName;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader).description('DSGlobalHeader');\nDSGlobalHeaderWithSchema.propTypes = DSGlobalHeaderPropTypesSchema;\n\nconst GlobalHeader = DSGlobalHeader;\n\nexport { GlobalHeader, DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6Df,SACE,KADF;AA7DR,SAAgB,eAAe;AAC/B,SAAuB,YAAY;AACnC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB,oBAAoB,gBAAgB;AACrE,SAAS,qCAA2D;AACpE,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB,CAAC,UAA8C;AACpE,mBAAiB,KAAK;AACtB,QAAM,MAAM,gBAAgB,KAAK;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,oBAAoB,IAAI;AAC9B,QAAM,cAAc,uBAA6E,iBAAiB;AAClH,QAAM,eAAe,mBAAmB,iBAAiB;AACzD,QAAM,aAAa,iBAAiB;AAEpC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,CAAC,GAAG,EAAE,SAAS,UAAW,GAAG;AAC/B,aAAO,CAAC,OAAO,MAAM;AAAA,IACvB;AACA,QAAI,CAAC,KAAK,GAAG,EAAE,SAAS,UAAW,GAAG;AACpC,aAAO,CAAC,KAAK;AAAA,IACf;AACA,QAAI,CAAC,IAAI,EAAE,SAAS,UAAW,GAAG;AAChC,aAAO,CAAC,MAAM;AAAA,IAChB;AACA,QAAI,eAAe,cAAc,OAAO;AACtC,aAAO,CAAC,QAAQ,KAAK;AAAA,IACvB;AACA,WAAO,CAAC,OAAO,MAAM;AAAA,EACvB,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC,IAAI,EAAE,SAAS,UAAW,GAAG;AAChC,aAAO,CAAC,MAAM;AAAA,IAChB;AACA,WAAO,CAAC,QAAQ,KAAK;AAAA,EACvB,GAAG,CAAC,UAAU,CAAC;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,aAAY;AAAA,MACZ,eAAY;AAAA,MACZ,MAAM;AAAA,MAEN,+BAAC,sBAAsB,UAAtB,EAA+B,OAAO,KACrC;AAAA,6BAAC,QAAK,MACJ;AAAA,8BAAC,oBAAiB;AAAA,UAClB,oBAAC,0BAAuB;AAAA,WAC1B;AAAA,QACC,QAAQ,SAAS,oBAAC,uBAAoB,IAAK;AAAA,SAC9C;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc,EAAE,YAAY,gBAAgB;AACtF,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
   "names": []
 }

package/dist/esm/DSGlobalHeaderContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSGlobalHeaderContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DSGlobalHeaderInternalsT } from './sharedTypes.js';\n\nconst defaultContext = {} as DSGlobalHeaderInternalsT.Context;\n\nexport const DSGlobalHeaderContext = createContext<DSGlobalHeaderInternalsT.Context>(defaultContext);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,wBAAwB,cAAgD,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DSGlobalHeaderT } from './react-desc-prop-types.js';\n\nconst defaultContext = {} as DSGlobalHeaderT.Context;\n\nexport const DSGlobalHeaderContext = createContext<DSGlobalHeaderT.Context>(defaultContext);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,wBAAwB,cAAuC,cAAc;",
   "names": []
 }

package/dist/esm/config/useGlobalHeader.js

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { useState, useMemo } from "react";
-import { uid } from "uid";
 import { useFontsizeMedia } from "@elliemae/ds-hooks-fontsize-media";
 import { useMemoMergePropsWithDefault, useOwnerProps } from "@elliemae/ds-props-helpers";
+import { useMemo, useState } from "react";
+import { uid } from "uid";
 import { defaultProps } from "../react-desc-prop-types.js";
 import { FONT_DETECTOR } from "./constants.js";
 const useGlobalHeader = (props) => {

package/dist/esm/config/useGlobalHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGlobalHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useMemo } from 'react';\nimport { uid } from 'uid';\nimport { useFontsizeMedia } from '@elliemae/ds-hooks-fontsize-media';\nimport { useMemoMergePropsWithDefault, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { defaultProps, type DSGlobalHeaderT } from '../react-desc-prop-types.js';\nimport { type DSGlobalHeaderInternalsT } from '../sharedTypes.js';\n\nimport { FONT_DETECTOR } from './constants.js';\nexport const useGlobalHeader = (props: DSGlobalHeaderT.Props) => {\n  const [showIconOnly, setShowIconOnly] = useState<boolean>(false);\n\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGlobalHeaderInternalsT.InternalProps>(props, defaultProps);\n\n  const instanceUID = useMemo(() => uid(5), []);\n\n  const globalHeaderToolbarGrid = useMemo(\n    () => new Array(propsWithDefaults.toolbar.length).fill('auto') as string[],\n    [propsWithDefaults.toolbar],\n  );\n\n  const ownerProps = useOwnerProps(props);\n\n  const fontDetector = useFontsizeMedia({\n    largeFont: FONT_DETECTOR.LARGE,\n    mediumFont: FONT_DETECTOR.MEDIUM,\n    smallFont: FONT_DETECTOR.SMALL,\n  });\n\n  return useMemo(\n    () => ({\n      props: propsWithDefaults,\n      showIconOnly,\n      setShowIconOnly,\n      instanceUID,\n      globalHeaderToolbarGrid,\n      fontDetector,\n      ownerProps,\n    }),\n    [propsWithDefaults, ownerProps, showIconOnly, instanceUID, fontDetector, globalHeaderToolbarGrid],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,eAAe;AAClC,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,8BAA8B,qBAAqB;AAC5D,SAAS,oBAA0C;AAGnD,SAAS,qBAAqB;AACvB,MAAM,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAE/D,QAAM,oBAAoB,6BAAqE,OAAO,YAAY;AAElH,QAAM,cAAc,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,0BAA0B;AAAA,IAC9B,MAAM,IAAI,MAAM,kBAAkB,QAAQ,MAAM,EAAE,KAAK,MAAM;AAAA,IAC7D,CAAC,kBAAkB,OAAO;AAAA,EAC5B;AAEA,QAAM,aAAa,cAAc,KAAK;AAEtC,QAAM,eAAe,iBAAiB;AAAA,IACpC,WAAW,cAAc;AAAA,IACzB,YAAY,cAAc;AAAA,IAC1B,WAAW,cAAc;AAAA,EAC3B,CAAC;AAED,SAAO;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,YAAY,cAAc,aAAa,cAAc,uBAAuB;AAAA,EAClG;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useFontsizeMedia } from '@elliemae/ds-hooks-fontsize-media';\nimport { useMemoMergePropsWithDefault, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useMemo, useState } from 'react';\nimport { uid } from 'uid';\nimport { defaultProps, type DSGlobalHeaderT } from '../react-desc-prop-types.js';\nimport { FONT_DETECTOR } from './constants.js';\n\nexport const useGlobalHeader = (props: DSGlobalHeaderT.Props) => {\n  const [showIconOnly, setShowIconOnly] = useState<boolean>(false);\n\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGlobalHeaderT.InternalProps>(props, defaultProps);\n\n  const instanceUID = useMemo(() => uid(5), []);\n\n  const globalHeaderToolbarGrid = useMemo(\n    () => new Array(propsWithDefaults.toolbar.length).fill('auto') as string[],\n    [propsWithDefaults.toolbar],\n  );\n\n  const ownerProps = useOwnerProps(props);\n\n  const fontDetector = useFontsizeMedia({\n    largeFont: FONT_DETECTOR.LARGE,\n    mediumFont: FONT_DETECTOR.MEDIUM,\n    smallFont: FONT_DETECTOR.SMALL,\n  });\n\n  return useMemo(\n    () => ({\n      props: propsWithDefaults,\n      showIconOnly,\n      setShowIconOnly,\n      instanceUID,\n      globalHeaderToolbarGrid,\n      fontDetector,\n      ownerProps,\n    }),\n    [propsWithDefaults, ownerProps, showIconOnly, instanceUID, fontDetector, globalHeaderToolbarGrid],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;AACjC,SAAS,8BAA8B,qBAAqB;AAC5D,SAAS,SAAS,gBAAgB;AAClC,SAAS,WAAW;AACpB,SAAS,oBAA0C;AACnD,SAAS,qBAAqB;AAEvB,MAAM,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAE/D,QAAM,oBAAoB,6BAA4D,OAAO,YAAY;AAEzG,QAAM,cAAc,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,0BAA0B;AAAA,IAC9B,MAAM,IAAI,MAAM,kBAAkB,QAAQ,MAAM,EAAE,KAAK,MAAM;AAAA,IAC7D,CAAC,kBAAkB,OAAO;AAAA,EAC5B;AAEA,QAAM,aAAa,cAAc,KAAK;AAEtC,QAAM,eAAe,iBAAiB;AAAA,IACpC,WAAW,cAAc;AAAA,IACzB,YAAY,cAAc;AAAA,IAC1B,WAAW,cAAc;AAAA,EAC3B,CAAC;AAED,SAAO;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,YAAY,cAAc,aAAa,cAAc,uBAAuB;AAAA,EAClG;AACF;",
   "names": []
 }

package/dist/esm/config/useValidateProps.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 import {
-  throwToolbarPopupItemError,
+  isObject,
+  isValidToolbarType,
+  throwBreadcrumbItemError,
+  throwLogoError,
   throwToolbarAppPickerItemError,
   throwToolbarItemGenericError,
-  throwLogoError,
-  throwBreadcrumbItemError,
-  isValidToolbarType,
-  isObject
+  throwToolbarPopupItemError
 } from "./validateHelpers.js";
 const validatePopupItem = (componentProps) => {
   if (componentProps.options && !Array.isArray(componentProps.options)) {