@elliemae/ds-global-header 3.70.0-next.61 → 3.70.0-next.63

package/dist/esm/parts/Toolbar/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Toolbar/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSGlobalHeaderName, GLOBAL_HEADER_SLOTS } from '../../constants/index.js';\n\nexport const StyledMenubarContainer = styled('div', {\n  name: DSGlobalHeaderName,\n  slot: GLOBAL_HEADER_SLOTS.MENUBAR_CONTAINER,\n})<{ withSpan: boolean }>`\n  ${({ withSpan, theme }) => (withSpan && !theme.layoutMode ? 'grid-column: span 2;' : '')}\n`;\n\nexport const StyledList = styled(Grid, { name: DSGlobalHeaderName, slot: GLOBAL_HEADER_SLOTS.MENUBAR_LIST })`\n  padding: 0;\n  margin: 0;\n`;\n\nexport const StyledToolbarItem = styled('div', { name: DSGlobalHeaderName, slot: GLOBAL_HEADER_SLOTS.MENUBAR_ITEM })``;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,oBAAoB,2BAA2B;AAEjD,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,oBAAoB;AAC5B,CAAC;AAAA,IACG,CAAC,EAAE,UAAU,MAAM,MAAO,YAAY,CAAC,MAAM,aAAa,yBAAyB,EAAG;AAAA;AAGnF,MAAM,aAAa,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,oBAAoB,aAAa,CAAC;AAAA;AAAA;AAAA;AAKpG,MAAM,oBAAoB,OAAO,OAAO,EAAE,MAAM,oBAAoB,MAAM,oBAAoB,aAAa,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSGlobalHeaderName, GLOBAL_HEADER_SLOTS } from '../../constants/index.js';\n\nexport const StyledMenubarContainer = styled('div', {\n  name: DSGlobalHeaderName,\n  slot: GLOBAL_HEADER_SLOTS.MENUBAR_CONTAINER,\n})<{ withSpan: boolean }>`\n  ${({ withSpan, theme }) => (withSpan && !theme.layoutMode ? 'grid-column: span 2;' : '')}\n`;\n\nexport const StyledList = styled(Grid, { name: DSGlobalHeaderName, slot: GLOBAL_HEADER_SLOTS.MENUBAR_LIST })`\n  padding: 0;\n  margin: 0;\n`;\n\nexport const StyledToolbarItem = styled('div', { name: DSGlobalHeaderName, slot: GLOBAL_HEADER_SLOTS.MENUBAR_ITEM })``;\n\n// PUI-18647 \u2014 the popup menu item's own root. It was a bare unstyled `<div>`, which left this\n// out-of-the-box type without a root injection point: no slot for consumers to target, no data-testid,\n// and no styled element to forward xstyled props to. A Grid rather than a plain div so it participates in\n// the same layout vocabulary as its siblings; no styles of its own, so replacing the div changes nothing\n// visually \u2014 a `<div>` and an unstyled `display: block` Grid lay out identically here.\nexport const StyledPopupMenuContainer = styled(Grid, {\n  name: DSGlobalHeaderName,\n  slot: GLOBAL_HEADER_SLOTS.MENUBAR_ITEM_POPUPMENU_CONTAINER,\n})``;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,oBAAoB,2BAA2B;AAEjD,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,oBAAoB;AAC5B,CAAC;AAAA,IACG,CAAC,EAAE,UAAU,MAAM,MAAO,YAAY,CAAC,MAAM,aAAa,yBAAyB,EAAG;AAAA;AAGnF,MAAM,aAAa,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,oBAAoB,aAAa,CAAC;AAAA;AAAA;AAAA;AAKpG,MAAM,oBAAoB,OAAO,OAAO,EAAE,MAAM,oBAAoB,MAAM,oBAAoB,aAAa,CAAC;AAO5G,MAAM,2BAA2B,OAAO,MAAM;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,oBAAoB;AAC5B,CAAC;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { DSAppPicker } from '@elliemae/ds-app-picker';\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  getPropsPerSlotPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport { DSGlobalHeaderName, GLOBAL_HEADER_SLOTS } from './constants/index.js';\n\nconst noop = () => null;\n\nexport const defaultProps = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: noop,\n  Logo: noop,\n};\n\nexport declare namespace DSGlobalHeaderT {\n  export interface Context {\n    showIconOnly: boolean;\n    fontDetector: number;\n    setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;\n    instanceUID: string;\n    globalHeaderToolbarGrid: string[];\n    props: InternalProps;\n    ownerProps: {\n      getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;\n      getOwnerPropsArguments: () => object;\n    };\n  }\n  /* *************************************************************************************\n                      \"Breadcrumb widget\" configuration types\n  ****************************************************************************************\n  The breadcrumb items ARE SPREADING GLOBAL PROPS!!!\n    + The breadcrumb items have a logic that force the onClick to be invoked on spacebar/enter too\n    forcing it even if not the standard browser behaviour as per our buttons too\n  ************************************************************************************** */\n  export interface BreadcrumbItemOptionals {\n    hasNext?: boolean;\n    isSelected?: boolean;\n    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n  export interface BreadcrumbItemRequired {\n    label: string;\n  }\n  export interface BreadcrumbItemOptionalsGlobals extends Omit<\n    GlobalAttributesT,\n    keyof BreadcrumbItemOptionals | keyof BreadcrumbItemRequired\n  > {}\n\n  export interface BreadcrumbItem\n    extends BreadcrumbItemRequired, BreadcrumbItemOptionals, BreadcrumbItemOptionalsGlobals {}\n  /* *************************************************************************************\n                      \"Toolbar widget\" configuration types\n  ****************************************************************************************\n    The toolbar item can be mainly of 4 different types\n    - app-picker \n        more or less map to ds-app-picker interface\n    - popup-menu\n        should more less map to dropdownmenu-v2 but should be changed to menu-button when possible\n    - search-toggle\n        a custom ad hoc implementation that expands in place and expose an input text,\n        kinda problematic and force-added due to unrestrained \"yes man\" attitude with PM/PO\n        we will be suggesting against using it officially in the later releases and try to find a better solution.\n    - custom\n        a way to allow app to provide their own render props along other pre-configured widgets out of the box\n  ************************************************************************************** */\n\n  /* *************************************************************************************\n      toolbar -> type === 'custom'\n  ************************************************************************************** */\n  export interface ToolbarCustomComponentProps {\n    item: Record<string, unknown> & {\n      type: 'custom';\n      CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;\n    };\n    setRef: (ref: HTMLElement | null) => void;\n  }\n  export interface ToolbarCustomItem extends Record<string, unknown> {\n    type: 'custom';\n    label: string;\n    CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;\n  }\n  /* *************************************************************************************\n      toolbar -> type === 'ds-search-toggle'\n  ************************************************************************************** */\n  // this props are actually required for the out-of-the-box to actually do what it needs to do\n  //    it's meant to be provided from the application, so this is kind of a weird way to do controlled components\n  export interface ToggleSearchComponentProps {\n    onNext: () => void;\n    onPrevious: () => void;\n    currentResultIndex: number;\n    totalResults: number;\n    placeholder: string;\n    value: string;\n    onChange: (value: string) => void;\n    onBlur?: () => void;\n    onClear: () => void;\n    isOpen: boolean;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    onClick: (event: React.MouseEvent) => void;\n    triggerRef: React.MutableRefObject<HTMLButtonElement>;\n    searchContainerRef: React.MutableRefObject<HTMLDivElement>;\n  }\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  export interface SearchToggleProps extends GlobalAttributesT {\n    setRef: (ref: HTMLButtonElement | null) => void;\n    label: string;\n    componentProps: ToggleSearchComponentProps;\n    // https://jira.elliemae.io/browse/PUI-17852\n    //   - Generic aria-labels\n    //     -> allows users to specify a custom aria-label when the search toggle is expanded\n    //     -> it's an incremental change, so its \"optional\", we fall back to the previous hardcoded \"Close search\" if not provided\n    //         but authors are encouraged to improve the Aria-label with context-specific information when possible, to improve the overall accessibility of the component.\n    ariaLabelExpanded?: string;\n    // aria-controls needs to point to a DOM id, we need to make sure there are no conflicts in case of multiple search toggles on the same page\n    instanceUID: Context['instanceUID'];\n  }\n  export interface ToolbarSearchToggleItem {\n    type: 'ds-search-toggle';\n    label: string;\n    componentProps: ToggleSearchComponentProps;\n  }\n  /* *************************************************************************************\n      toolbar -> type === 'ds-popup-menu'\n  ************************************************************************************** */\n\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupMenuContentItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {\n    type?: 'separator' | 'custom';\n    Icon?: React.ComponentType<{ fill?: string; size?: string }>;\n    label?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    closeOnClick?: boolean;\n    Content?: React.ComponentType;\n  }\n  export interface PopupMenuComponentProps {\n    onClickOutside?: (e: MouseEvent | TouchEvent) => void;\n    onKeyPress: (event: React.KeyboardEvent) => void;\n    popupOnKeyPress: (event: React.KeyboardEvent) => void;\n    isOpen: boolean;\n    options: PopupMenuContentItem[];\n    closeOnClick: boolean;\n  }\n  // this is the only type that was pre-existing (even if differently defined)\n  //  and that's why it doesn't include Toolbar at the start\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupMenuItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {\n    type: 'ds-popup-menu';\n    Icon?: React.ComponentType<{ fill?: string; size?: string }>;\n    label?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    Content?: React.ComponentType;\n    componentProps: PopupMenuComponentProps;\n  }\n\n  export interface PopupMenuContentProps {\n    options: PopupMenuContentItem[];\n    onItemClick: () => void;\n    onClose: () => void;\n    popupOnKeyPress: (event: React.KeyboardEvent) => void;\n    setIsOpen: () => void;\n    ownerProps: {\n      getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;\n      getOwnerPropsArguments: () => object;\n    };\n  }\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupProps extends Omit<GlobalAttributesT, 'title' | 'label' | 'onClick'> {\n    Icon?: React.ComponentType<{ fill?: string; size?: string }>;\n    onClick?: (event: React.MouseEvent) => void;\n    setRef: (ref: HTMLElement) => void;\n    componentProps: PopupMenuComponentProps;\n    title?: string; // this was probably not intended, but removing this means the HTML will not print the title={label}\n    // keeping this for now, if A11y says otherwise we will do the proper steps to remove it\n    ownerProps: {\n      getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;\n      getOwnerPropsArguments: () => object;\n    };\n  }\n\n  /* *************************************************************************************\n      toolbar -> type === 'ds-app-picker'\n  ************************************************************************************** */\n  export type AppPickerComponentProps = React.ComponentProps<typeof DSAppPicker> & {\n    triggerOnClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface AppPickerProps extends Omit<GlobalAttributesT, 'label'> {\n    label: string;\n    componentProps: AppPickerComponentProps;\n  }\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarAppPickerItem extends Omit<GlobalAttributesT, 'type' | 'label'> {\n    type: 'ds-app-picker';\n    label: string;\n    componentProps: AppPickerComponentProps;\n  }\n\n  /* *************************************************************************************\n      toolbar -> type === undefined (fallback default)\n  ************************************************************************************** */\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarItemTypelessDefault extends Omit<GlobalAttributesT, 'label'> {\n    type?: undefined;\n    label: string;\n    Icon: React.ComponentType<{ fill?: string; size?: string }>;\n  }\n\n  export type ToolbarItem =\n    | ToolbarCustomItem\n    | ToolbarSearchToggleItem\n    | ToolbarAppPickerItem\n    | PopupMenuItem // this is the only type that was pre-existing and that's why it doesn't include Toolbar at the start\n    | ToolbarItemTypelessDefault;\n\n  export type SlotFunctionArguments = {\n    dsGlobalheaderRoot: () => Record<string, never>;\n    dsGlobalheaderLogoContainer: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbContainer: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbPipe: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbChevron: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbList: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItem: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItemLink: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItemLinkLabel: () => Record<string, never>;\n    dsGlobalheaderMenubarContainer: () => Record<string, never>;\n    dsGlobalheaderMenubarList: () => Record<string, never>;\n    dsGlobalheaderMenubarItem: () => Record<string, never>;\n    dsGlobalheaderMenubarItemButton: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuList: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItem: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItemButton: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuSeparator: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItemLabel: () => Record<string, never>;\n    dsGlobalheaderMenubarItemSearchtoggleContainer: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonWrapper: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonText: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonSeparator: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonPrev: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonNext: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleTextinput: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleTriggerButton: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleExpandedContentWrapper: () => Record<string, never>;\n  };\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    Logo: React.ComponentType;\n    LogoWithBrand: React.ComponentType;\n    breadcrumb: DSGlobalHeaderT.BreadcrumbItem[];\n    toolbar: DSGlobalHeaderT.ToolbarItem[];\n    CustomNavigation: React.ComponentType;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSGlobalHeaderName,\n    typeof GLOBAL_HEADER_SLOTS\n  > {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSGlobalHeaderPropTypes: DSPropTypesSchema<DSGlobalHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSGlobalHeaderName, GLOBAL_HEADER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  CustomNavigation: PropTypes.func\n    .description(\n      'Component to use instead of the standard breadcrumb out of the box configuration for custom scenarios',\n    )\n    .defaultValue('() => JSX.Element'),\n  Logo: PropTypes.func\n    .description('Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.')\n    .defaultValue('() => JSX.Element'),\n  LogoWithBrand: PropTypes.func\n    .description(\n      'Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.',\n    )\n    .defaultValue('() => JSX.Element'),\n  breadcrumb: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.description('breadrcrumb item label'),\n      hasNext: PropTypes.bool.description('whether the item has a child or not'),\n      isSelected: PropTypes.bool.description('whether the item is selected or not'),\n      onClick: PropTypes.func.description('Callback executed on click'),\n    }),\n  )\n    .description('Breadcrumb items to display. Max 3 levels. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n  toolbar: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.description('title tag description'),\n      type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description(\n        'use to select one of the out-of-the-box types of items',\n      ),\n      componentProps: PropTypes.object.description('props of out-of-the-box component'),\n      Icon: PropTypes.func.description('Icon to display'),\n      onClick: PropTypes.func.description('Callback executed on click'),\n    }),\n  )\n    .description('Toolbar items. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n};\n// kept for legacy reasons, this is now named differently, but we want no breaking changes.\nexport const propTypes = DSGlobalHeaderPropTypes;\n\nexport const DSGlobalHeaderPropTypesSchema = DSGlobalHeaderPropTypes as unknown as ValidationMap<DSGlobalHeaderT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,oBAAoB,2BAA2B;AAExD,MAAM,OAAO,MAAM;AAEZ,MAAM,eAAe;AAAA,EAC1B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AACR;AA6QO,MAAM,0BAAoE;AAAA,EAC/E,GAAG,yBAAyB,oBAAoB,mBAAmB;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,kBAAkB,UAAU,KACzB;AAAA,IACC;AAAA,EACF,EACC,aAAa,mBAAmB;AAAA,EACnC,MAAM,UAAU,KACb,YAAY,gGAAgG,EAC5G,aAAa,mBAAmB;AAAA,EACnC,eAAe,UAAU,KACtB;AAAA,IACC;AAAA,EACF,EACC,aAAa,mBAAmB;AAAA,EACnC,YAAY,UAAU;AAAA,IACpB,UAAU,MAAM;AAAA,MACd,OAAO,UAAU,OAAO,YAAY,wBAAwB;AAAA,MAC5D,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,MACzE,YAAY,UAAU,KAAK,YAAY,qCAAqC;AAAA,MAC5E,SAAS,UAAU,KAAK,YAAY,4BAA4B;AAAA,IAClE,CAAC;AAAA,EACH,EACG,YAAY,8EAA8E,EAC1F,aAAa,IAAI;AAAA,EACpB,SAAS,UAAU;AAAA,IACjB,UAAU,MAAM;AAAA,MACd,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,MAC3D,MAAM,UAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,QAAQ,CAAC,EAAE;AAAA,QACtF;AAAA,MACF;AAAA,MACA,gBAAgB,UAAU,OAAO,YAAY,mCAAmC;AAAA,MAChF,MAAM,UAAU,KAAK,YAAY,iBAAiB;AAAA,MAClD,SAAS,UAAU,KAAK,YAAY,4BAA4B;AAAA,IAClE,CAAC;AAAA,EACH,EACG,YAAY,kDAAkD,EAC9D,aAAa,IAAI;AACtB;AAEO,MAAM,YAAY;AAElB,MAAM,gCAAgC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { DSAppPicker } from '@elliemae/ds-app-picker';\nimport type { DSHookFloatingContextT } from '@elliemae/ds-floating-context';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  getPropsPerSlotPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport { DSGlobalHeaderName, GLOBAL_HEADER_SLOTS } from './constants/index.js';\n\nconst noop = () => null;\n\nexport const defaultProps = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: noop,\n  Logo: noop,\n};\n\nexport declare namespace DSGlobalHeaderT {\n  /* *************************************************************************************\n                      \"Breadcrumb widget\" configuration types\n  ****************************************************************************************\n  The breadcrumb items ARE SPREADING GLOBAL PROPS!!!\n    + The breadcrumb items have a logic that force the onClick to be invoked on spacebar/enter too\n    forcing it even if not the standard browser behaviour as per our buttons too\n  ************************************************************************************** */\n  export interface BreadcrumbItemOptionals {\n    hasNext?: boolean;\n    isSelected?: boolean;\n    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n  export interface BreadcrumbItemRequired {\n    label: string;\n  }\n  export interface BreadcrumbItemOptionalsGlobals extends Omit<\n    GlobalAttributesT,\n    keyof BreadcrumbItemOptionals | keyof BreadcrumbItemRequired\n  > {}\n\n  export interface BreadcrumbItem\n    extends BreadcrumbItemRequired, BreadcrumbItemOptionals, BreadcrumbItemOptionalsGlobals {}\n  /* *************************************************************************************\n                      \"Toolbar widget\" configuration types\n  ****************************************************************************************\n    The toolbar item can be mainly of 4 different types\n    - app-picker \n        more or less map to ds-app-picker interface\n    - popup-menu\n        should more less map to dropdownmenu-v2 but should be changed to menu-button when possible\n    - search-toggle\n        a custom ad hoc implementation that expands in place and expose an input text,\n        kinda problematic and force-added due to unrestrained \"yes man\" attitude with PM/PO\n        we will be suggesting against using it officially in the later releases and try to find a better solution.\n    - custom\n        a way to allow app to provide their own render props along other pre-configured widgets out of the box\n  ************************************************************************************** */\n\n  /* *************************************************************************************\n      toolbar -> type === 'custom'\n  ************************************************************************************** */\n  export interface ToolbarCustomComponentProps {\n    item: Record<string, unknown> & {\n      type: 'custom';\n      CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;\n    };\n    setRef: (ref: HTMLElement | null) => void;\n  }\n  export interface ToolbarCustomItem extends Record<string, unknown> {\n    type: 'custom';\n    label: string;\n    CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;\n  }\n  /* *************************************************************************************\n      toolbar -> type === 'ds-search-toggle'\n  ************************************************************************************** */\n  // this props are actually required for the out-of-the-box to actually do what it needs to do\n  //    it's meant to be provided from the application, so this is kind of a weird way to do controlled components\n  /**\n   * Why the search region expanded or collapsed. Fired only for transitions this item drives itself \u2014\n   * a controlled consumer flipping `isOpen` already knows, and detecting their flip would need an\n   * effect watching state, which is not how this codebase reacts to state changes.\n   */\n  export type SearchToggleExpandChange = {\n    reason: 'trigger' | 'escape';\n    event: React.MouseEvent | React.KeyboardEvent;\n  };\n\n  export interface ToggleSearchComponentProps {\n    /* Genuinely required: the search state and its transitions live in the application. */\n    onNext: () => void;\n    onPrevious: () => void;\n    currentResultIndex: number;\n    totalResults: number;\n    value: string;\n    onChange: (value: string) => void;\n    onClear: () => void;\n    onBlur?: () => void;\n    /** Falls back to 'Search...'. */\n    placeholder?: string;\n    /** Supply to control the expanded state; omitted, the item manages it. */\n    isOpen?: boolean;\n    /*\n     * Declared but not consumed by the part, which uses its own container keydown, toggle click and\n     * trigger ref. Kept optional rather than removed because removing a declared key is a breaking type\n     * change; do not add wiring for them without deciding what they should mean first.\n     */\n    onKeyDown?: (event: React.KeyboardEvent) => void;\n    onClick?: (event: React.MouseEvent) => void;\n    triggerRef?: React.MutableRefObject<HTMLButtonElement>;\n    /** Merged with the part's own container ref when supplied. */\n    searchContainerRef?: React.MutableRefObject<HTMLDivElement>;\n    /**\n     * Notified when the search region expands. PASSIVE \u2014 being told does not make you responsible: the\n     * region still expands on its own unless you also supply `isOpen`.\n     *\n     * This is the disclosure-pattern counterpart to the `onOpen`/`onClose` the app-picker and popup-menu\n     * items expose; the vocabulary differs because this item expands an inline region rather than opening\n     * a dialog or a menu.\n     */\n    onExpand?: (info: SearchToggleExpandChange) => void;\n    /** Notified when the search region collapses, on the same terms as `onExpand`. */\n    onCollapse?: (info: SearchToggleExpandChange) => void;\n  }\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarSearchToggleItem extends Omit<GlobalAttributesT, 'type' | 'label'> {\n    type: 'ds-search-toggle';\n    label: string;\n    /** Accessible name for the trigger once expanded. Defaults to a generic string. */\n    ariaLabelExpanded?: string;\n    componentProps: ToggleSearchComponentProps;\n  }\n  /* *************************************************************************************\n      toolbar -> type === 'ds-popup-menu'\n  ************************************************************************************** */\n\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupMenuContentItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {\n    type?: 'separator' | 'custom';\n    /** Any `@elliemae/ds-icons` export. Typed from their own props so real icons satisfy it. */\n    Icon?: React.ComponentType<SvgIconT.Props>;\n    label?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    closeOnClick?: boolean;\n    Content?: React.ComponentType;\n  }\n  export interface PopupMenuComponentProps {\n    onClickOutside?: (e: MouseEvent | TouchEvent) => void;\n    /* Guarded at the call site (`if (onKeyPress)`), so optional. */\n    onKeyPress?: (event: React.KeyboardEvent) => void;\n    /* Guarded inside PopupMenuContent, whose own type already declares it optional. */\n    popupOnKeyPress?: (event: React.KeyboardEvent) => void;\n    /** Supply to control the menu; omitted, the item manages it. */\n    isOpen?: boolean;\n    /** The only genuinely required key \u2014 a menu with nothing to show has no purpose. */\n    options: PopupMenuContentItem[];\n    /** Close the menu when an option is clicked. */\n    closeOnClick?: boolean;\n    /**\n     * Notified on every open transition. PASSIVE \u2014 being told does not make you responsible for the\n     * transition: the menu opens and closes on its own unless you also supply `isOpen`.\n     *\n     * Every path reports: trigger click, ArrowDown, and a controlled flip of `isOpen`. Discriminate on\n     * the payload's `reason` \u2014 `interaction` is the synchronous, event-carrying signal, `controlled-flip`\n     * is the post-commit one that fires only when you own `isOpen`. A controlled consumer can see both\n     * for one logical transition.\n     */\n    onOpen?: (info: DSHookFloatingContextT.OpenChange) => void;\n    /**\n     * Notified on every close transition, on the same terms as `onOpen`. Every path reports: click\n     * outside, Escape inside the menu, an item click while `closeOnClick`, and a controlled flip.\n     */\n    onClose?: (info: DSHookFloatingContextT.OpenChange) => void;\n  }\n  // this is the only type that was pre-existing (even if differently defined)\n  //  and that's why it doesn't include Toolbar at the start\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupMenuItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {\n    type: 'ds-popup-menu';\n    /** Any `@elliemae/ds-icons` export. Typed from their own props so real icons satisfy it. */\n    Icon?: React.ComponentType<SvgIconT.Props>;\n    label?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    Content?: React.ComponentType;\n    componentProps: PopupMenuComponentProps;\n  }\n\n  /* *************************************************************************************\n      toolbar -> type === 'ds-app-picker'\n  ************************************************************************************** */\n  export type AppPickerComponentProps = React.ComponentProps<typeof DSAppPicker> & {\n    triggerOnClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarAppPickerItem extends Omit<GlobalAttributesT, 'type' | 'label'> {\n    type: 'ds-app-picker';\n    label: string;\n    componentProps: AppPickerComponentProps;\n  }\n\n  /* *************************************************************************************\n      toolbar -> type === undefined (fallback default)\n  ************************************************************************************** */\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarItemTypelessDefault extends Omit<GlobalAttributesT, 'label'> {\n    type?: undefined;\n    label: string;\n    Icon: React.ComponentType<SvgIconT.Props>;\n  }\n\n  export type ToolbarItem =\n    | ToolbarCustomItem\n    | ToolbarSearchToggleItem\n    | ToolbarAppPickerItem\n    | PopupMenuItem // this is the only type that was pre-existing and that's why it doesn't include Toolbar at the start\n    | ToolbarItemTypelessDefault;\n\n  export type SlotFunctionArguments = {\n    dsGlobalheaderRoot: () => Record<string, never>;\n    dsGlobalheaderLogoContainer: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbContainer: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbPipe: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbChevron: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbList: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItem: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItemLink: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItemLinkLabel: () => Record<string, never>;\n    dsGlobalheaderMenubarContainer: () => Record<string, never>;\n    dsGlobalheaderMenubarList: () => Record<string, never>;\n    dsGlobalheaderMenubarItem: () => Record<string, never>;\n    dsGlobalheaderMenubarItemButton: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuContainer: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuList: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItem: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItemButton: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuSeparator: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItemLabel: () => Record<string, never>;\n    dsGlobalheaderMenubarItemSearchtoggleContainer: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonWrapper: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonText: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonSeparator: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonPrev: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonNext: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleTextinput: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleTriggerButton: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleExpandedContentWrapper: () => Record<string, never>;\n  };\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    Logo: React.ComponentType;\n    LogoWithBrand: React.ComponentType;\n    breadcrumb: DSGlobalHeaderT.BreadcrumbItem[];\n    toolbar: DSGlobalHeaderT.ToolbarItem[];\n    CustomNavigation: React.ComponentType;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSGlobalHeaderName,\n    typeof GLOBAL_HEADER_SLOTS\n  > {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSGlobalHeaderPropTypes: DSPropTypesSchema<DSGlobalHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSGlobalHeaderName, GLOBAL_HEADER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  CustomNavigation: PropTypes.func\n    .description(\n      'Component to use instead of the standard breadcrumb out of the box configuration for custom scenarios',\n    )\n    .defaultValue('() => JSX.Element'),\n  Logo: PropTypes.func\n    .description('Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.')\n    .defaultValue('() => JSX.Element'),\n  LogoWithBrand: PropTypes.func\n    .description(\n      'Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.',\n    )\n    .defaultValue('() => JSX.Element'),\n  breadcrumb: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.description('breadrcrumb item label'),\n      hasNext: PropTypes.bool.description('whether the item has a child or not'),\n      isSelected: PropTypes.bool.description('whether the item is selected or not'),\n      onClick: PropTypes.func.description('Callback executed on click'),\n    }),\n  )\n    .description('Breadcrumb items to display. Max 3 levels. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n  toolbar: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.description('title tag description'),\n      type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description(\n        'use to select one of the out-of-the-box types of items',\n      ),\n      componentProps: PropTypes.object.description('props of out-of-the-box component'),\n      Icon: PropTypes.func.description('Icon to display'),\n      onClick: PropTypes.func.description('Callback executed on click'),\n    }),\n  )\n    .description('Toolbar items. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n};\n// kept for legacy reasons, this is now named differently, but we want no breaking changes.\nexport const propTypes = DSGlobalHeaderPropTypes;\n\nexport const DSGlobalHeaderPropTypesSchema = DSGlobalHeaderPropTypes as unknown as ValidationMap<DSGlobalHeaderT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACKvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,oBAAoB,2BAA2B;AAExD,MAAM,OAAO,MAAM;AAEZ,MAAM,eAAe;AAAA,EAC1B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AACR;AA4QO,MAAM,0BAAoE;AAAA,EAC/E,GAAG,yBAAyB,oBAAoB,mBAAmB;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,kBAAkB,UAAU,KACzB;AAAA,IACC;AAAA,EACF,EACC,aAAa,mBAAmB;AAAA,EACnC,MAAM,UAAU,KACb,YAAY,gGAAgG,EAC5G,aAAa,mBAAmB;AAAA,EACnC,eAAe,UAAU,KACtB;AAAA,IACC;AAAA,EACF,EACC,aAAa,mBAAmB;AAAA,EACnC,YAAY,UAAU;AAAA,IACpB,UAAU,MAAM;AAAA,MACd,OAAO,UAAU,OAAO,YAAY,wBAAwB;AAAA,MAC5D,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,MACzE,YAAY,UAAU,KAAK,YAAY,qCAAqC;AAAA,MAC5E,SAAS,UAAU,KAAK,YAAY,4BAA4B;AAAA,IAClE,CAAC;AAAA,EACH,EACG,YAAY,8EAA8E,EAC1F,aAAa,IAAI;AAAA,EACpB,SAAS,UAAU;AAAA,IACjB,UAAU,MAAM;AAAA,MACd,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,MAC3D,MAAM,UAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,QAAQ,CAAC,EAAE;AAAA,QACtF;AAAA,MACF;AAAA,MACA,gBAAgB,UAAU,OAAO,YAAY,mCAAmC;AAAA,MAChF,MAAM,UAAU,KAAK,YAAY,iBAAiB;AAAA,MAClD,SAAS,UAAU,KAAK,YAAY,4BAA4B;AAAA,IAClE,CAAC;AAAA,EACH,EACG,YAAY,kDAAkD,EAC9D,aAAa,IAAI;AACtB;AAEO,MAAM,YAAY;AAElB,MAAM,gCAAgC;",
   "names": []
 }

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

@@ -14,6 +14,58 @@ const customToolbarItemAsSyntax = {
   label: "Custom Toolbar Item",
   CustomComponent: EmptyComponent
 };
+const searchToggleToolbarItemMinimum = {
+  type: "ds-search-toggle",
+  label: "Search",
+  componentProps: {
+    // No placeholder (falls back), no isOpen (self-managed), no onKeyDown / onClick / triggerRef /
+    // searchContainerRef (not consumed by the part).
+    onNext: () => {
+    },
+    onPrevious: () => {
+    },
+    currentResultIndex: 0,
+    totalResults: 0,
+    value: "",
+    onChange: () => {
+    },
+    onClear: () => {
+    }
+  }
+};
+const searchToggleToolbarItemWithItemLevelAttributes = {
+  type: "ds-search-toggle",
+  label: "Search",
+  id: "search-toggle",
+  ariaLabelExpanded: "Collapse search",
+  "aria-label": "Search the page",
+  componentProps: {
+    onNext: () => {
+    },
+    onPrevious: () => {
+    },
+    currentResultIndex: 0,
+    totalResults: 0,
+    value: "",
+    onChange: () => {
+    },
+    onClear: () => {
+    }
+  }
+};
+const popupMenuToolbarItemMinimum = {
+  type: "ds-popup-menu",
+  // No onKeyPress / popupOnKeyPress (both guarded), no isOpen (self-managed), no closeOnClick.
+  componentProps: { options: [{ label: "Only key that is genuinely required" }] }
+};
+const popupMenuToolbarItemNotified = {
+  type: "ds-popup-menu",
+  componentProps: {
+    options: [{ label: "Item" }],
+    onOpen: (info) => info.reason,
+    onClose: (info) => info.reason
+  }
+};
 const searchToggleToolbarItemStrict = {
   type: "ds-search-toggle",
   label: "Search",

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

@@ -1,7 +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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",
+  "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          PUI-18647 \u2014 the MINIMUM each consumer-facing item type accepts.\n\n   These pin the widening, and they are the half that regresses silently: the maximal cases below\n   still compile if a key is wrongly required again, so only a minimum case catches it. Every key\n   omitted here is one the runtime supplies or guards \u2014 re-requiring any of them forces correct\n   consumer code to fail to type-check, which is what these exist to prevent.\n************************************************************************************** */\nconst searchToggleToolbarItemMinimum: DSGlobalHeaderT.ToolbarSearchToggleItem = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  componentProps: {\n    // No placeholder (falls back), no isOpen (self-managed), no onKeyDown / onClick / triggerRef /\n    // searchContainerRef (not consumed by the part).\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    value: '',\n    onChange: () => {},\n    onClear: () => {},\n  },\n};\n\n/*\n * Item-level global attributes and `ariaLabelExpanded` belong on the entry itself. The runtime forwards\n * them to the item's root container; before PUI-18647 this type extended no global-attribute surface at\n * all, so none of the keys below were admitted.\n *\n * Note what is NOT asserted here: a literal `data-public` key. `GlobalAttributesT` enumerates the HTML\n * global set and carries no index signature, so an arbitrary `data-*` written literally is an excess\n * property on EVERY toolbar item type, not just this one \u2014 consumers reach it by spreading an object\n * instead, which is what the stories do. That gap belongs to ds-props-helpers, not here.\n */\nconst searchToggleToolbarItemWithItemLevelAttributes: DSGlobalHeaderT.ToolbarSearchToggleItem = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  id: 'search-toggle',\n  ariaLabelExpanded: 'Collapse search',\n  'aria-label': 'Search the page',\n  componentProps: {\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    value: '',\n    onChange: () => {},\n    onClear: () => {},\n  },\n};\n\nconst popupMenuToolbarItemMinimum: DSGlobalHeaderT.PopupMenuItem = {\n  type: 'ds-popup-menu',\n  // No onKeyPress / popupOnKeyPress (both guarded), no isOpen (self-managed), no closeOnClick.\n  componentProps: { options: [{ label: 'Only key that is genuinely required' }] },\n};\n\n// Passive open/close notification \u2014 being told must not require owning `isOpen`.\nconst popupMenuToolbarItemNotified: DSGlobalHeaderT.PopupMenuItem = {\n  type: 'ds-popup-menu',\n  componentProps: {\n    options: [{ label: 'Item' }],\n    onOpen: (info) => info.reason,\n    onClose: (info) => info.reason,\n  },\n};\n\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/types/DSGlobalHeaderContext.d.ts

@@ -1,2 +1,10 @@
-import type { DSGlobalHeaderT } from './react-desc-prop-types.js';
-export declare const DSGlobalHeaderContext: import("react").Context<DSGlobalHeaderT.Context>;
+export declare const DSGlobalHeaderContext: import("react").Context<{
+    props: import("./react-desc-prop-types.js").DSGlobalHeaderT.InternalProps;
+    showIconOnly: boolean;
+    setShowIconOnly: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    instanceUID: string;
+    globalHeaderToolbarGrid: string[];
+    fontDetector: 1 | 2 | 3;
+    getOwnerPropsAwareOfPropsPassedToGlobalHeader: () => import("./react-desc-prop-types.js").DSGlobalHeaderT.Props;
+    noSlotArguments: () => {};
+}>;

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

@@ -6,8 +6,7 @@ export declare const useGlobalHeader: (props: DSGlobalHeaderT.Props) => {
     instanceUID: string;
     globalHeaderToolbarGrid: string[];
     fontDetector: 1 | 2 | 3;
-    ownerProps: {
-        getOwnerProps: () => DSGlobalHeaderT.Props;
-        getOwnerPropsArguments: () => {};
-    };
+    getOwnerPropsAwareOfPropsPassedToGlobalHeader: () => DSGlobalHeaderT.Props;
+    noSlotArguments: () => {};
 };
+export type GlobalHeaderCTX = ReturnType<typeof useGlobalHeader>;

package/dist/types/constants/index.d.ts

@@ -87,7 +87,6 @@ export declare const DSGlobalHeaderDatatestid: {
             SEPARATOR: string;
         };
         SEARCH_TOGGLE: {
-            CONTAINER: string;
             ITEM_BUTTON: string;
         };
     };
@@ -114,7 +113,6 @@ export declare const DSGlobalHeaderDatatestidFlattened: {
     MENUBAR_POPUP_MENU_ITEM_BUTTON: string;
     MENUBAR_POPUP_MENU_ITEM_LABEL: string;
     MENUBAR_POPUP_MENU_SEPARATOR: string;
-    MENUBAR_SEARCH_TOGGLE_CONTAINER: string;
     MENUBAR_SEARCH_TOGGLE_ITEM_BUTTON: string;
 };
 export declare const FONT_DETECTOR: {
@@ -131,6 +129,7 @@ export declare const GLOBAL_HEADER_SLOTS: {
     readonly SEARCH_TOGGLE_TEXTINPUT: "searchtoggle-textinput";
     readonly SEARCH_TOGGLE_TRIGGER_BUTTON: "searchtoggle-trigger-button";
     readonly SEARCH_TOGGLE_EXPANDED_CONTENT_WRAPPER: "searchtoggle-expanded-content-wrapper";
+    readonly MENUBAR_ITEM_POPUPMENU_CONTAINER: "menubar-item-popupmenu-container";
     readonly CONTAINER: string;
     readonly LOGO_CONTAINER: string;
     readonly BREADCRUMB_CONTAINER: string;
@@ -172,7 +171,6 @@ export declare const GLOBAL_HEADER_DATA_TESTID: {
     MENUBAR_POPUP_MENU_ITEM_BUTTON: string;
     MENUBAR_POPUP_MENU_ITEM_LABEL: string;
     MENUBAR_POPUP_MENU_SEPARATOR: string;
-    MENUBAR_SEARCH_TOGGLE_CONTAINER: string;
     MENUBAR_SEARCH_TOGGLE_ITEM_BUTTON: string;
     SEARCH_TOGGLE_SPINBUTTON_WRAPPER: "ds-globalheader-searchtoggle-spinbutton-wrapper";
     SEARCH_TOGGLE_SPINBUTTON_TEXT: "ds-globalheader-searchtoggle-spinbutton-text";
@@ -181,5 +179,7 @@ export declare const GLOBAL_HEADER_DATA_TESTID: {
     SEARCH_TOGGLE_SPINBUTTON_NEXT: "ds-globalheader-searchtoggle-spinbutton-next";
     SEARCH_TOGGLE_TEXTINPUT: "ds-globalheader-searchtoggle-textinput";
     SEARCH_TOGGLE_EXPANDED_CONTENT_WRAPPER: "ds-globalheader-searchtoggle-expanded-content-wrapper";
+    MENUBAR_ITEM_POPUPMENU_CONTAINER: "ds-globalheader-menubar-item-popupmenu-container";
     MENUBAR_POPUP_MENU_ITEM_BUTTON_LABEL: `ds-globalheader-${string}`;
+    MENUBAR_SEARCH_TOGGLE_CONTAINER: `ds-globalheader-${string}`;
 };

package/dist/types/index.d.ts

@@ -1,5 +1,3 @@
-import { DSGlobalHeader } from './DSGlobalHeader.js';
-export default DSGlobalHeader;
 export { DSGlobalHeader, DSGlobalHeaderWithSchema, GlobalHeader } from './DSGlobalHeader.js';
 export { DSGlobalHeaderDatatestid, DSGlobalHeaderDatatestidFlattened, DSGlobalHeaderSlots, DSGlobalHeaderSlotsFlattened, DSGlobalHeaderName, GLOBAL_HEADER_SLOTS, GLOBAL_HEADER_DATA_TESTID, } from './constants/index.js';
 export type { DSGlobalHeaderT } from './react-desc-prop-types.js';

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

@@ -0,0 +1,4 @@
+import type { useAppPickerCTX } from './useAppPickerCTX.js';
+export interface AppPickerCTX extends ReturnType<typeof useAppPickerCTX> {
+}
+export declare const AppPickerCtx: import("react").Context<AppPickerCTX>;

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

@@ -0,0 +1,2 @@
+import type { AppPickerT } from './react-desc-prop-types.js';
+export declare const AppPickerCTXRenderer: (appPickerProps: AppPickerT.Props) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const AppPickerRenderer: () => JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { DSAppPickerT } from '@elliemae/ds-app-picker';
+export declare const TriggerDefaultComponent: ({ innerRef, id, onClick: appPickerOnClick, onKeyDown: appPickerOnKeyDown, "aria-haspopup": ariaHasPopup, }: DSAppPickerT.TriggerComponentProps) => JSX.Element;

package/dist/types/parts/Toolbar/outOfTheBox/AppPicker/react-desc-prop-types.d.ts

@@ -0,0 +1,23 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
+export declare namespace AppPickerT {
+    interface RequiredProps {
+        /** Accessible name for the trigger, and the toolbar item's label. */
+        label: string;
+        /** The consumer-authored configuration object. Forwarded to DSAppPicker by its own contract. */
+        componentProps: DSGlobalHeaderT.AppPickerComponentProps;
+        getOwnerPropsAwareOfPropsPassedToGlobalHeader: () => Partial<DSGlobalHeaderT.DefaultProps>;
+        /** Focus-management registration, supplied by useGlobalHeaderToolbar for arrow-key navigation. */
+        setRef: (ref: HTMLElement) => void;
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const AppPickerPropTypes: DSPropTypesSchema<AppPickerT.Props>;
+export declare const AppPickerPropTypesSchema: ValidationMap<AppPickerT.Props>;