@elliemae/ds-page-header-v2 3.36.0-rc.0 → 3.37.0-next.0

package/dist/cjs/PageHeader.js

@@ -96,7 +96,6 @@ const DSPageHeaderV2 = (props) => {
     }
   );
 };
-DSPageHeaderV2.propTypes = import_react_desc_prop_types.PageHeaderPropTypes;
 DSPageHeaderV2.defaultProps = import_react_desc_prop_types.defaultProps;
 DSPageHeaderV2.displayName = import_exported_related.DSPageHeaderName;
 const DSPageHeaderWithSchema = (0, import_ds_props_helpers.describe)(DSPageHeaderV2);

package/dist/cjs/PageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport {\n  Container,\n  ContainerWBorder,\n  PageHeaderCustomRenderer,\n  PageHeaderToolbarWrapper,\n  PageHeaderMenu,\n  PageHeaderBack,\n} from './styled.js';\nimport { usePageHeader } from './config/usePageHeader.js';\nimport { PageHeaderTitle } from './components/page-header-title/index.js';\nimport { PageHeaderEditableTitle } from './components/page-header-editable-title/index.js';\nimport { PageHeaderSummary } from './components/page-header-summary/index.js';\nimport type { DSPageHeaderT } from './react-desc-prop-types.js';\nimport { PageHeaderPropTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSPageHeaderDataTestIds, DSPageHeaderName } from './exported-related/index.js';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n  const {\n    currentBackArrow,\n    currentMenu,\n    currentBreadcrumbs,\n    currentSummary,\n    currentToolbar,\n    currentPageTitle,\n    containerProps,\n    withBottomSeparator,\n    globalAttributes,\n    xStyledProps,\n  } = usePageHeader(props);\n\n  const { isSkeleton } = props;\n  const wrapperRow = ['auto', '1fr'];\n  const mainRow = ['1fr', 'auto'];\n  const pageTitleRow = [\n    isSkeleton ? '2fr' : 'auto',\n    currentMenu !== undefined && '30px',\n    currentSummary !== undefined && 'auto',\n    '1fr',\n  ].filter((col) => typeof col === 'string') as string[];\n  return (\n    <Container\n      {...containerProps}\n      {...globalAttributes}\n      {...xStyledProps}\n      data-testid={DSPageHeaderDataTestIds.CONTAINER}\n    >\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{currentBackArrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className=\"em-ds-page-header-v2-breadcrumb\">{currentBreadcrumbs}</Grid>\n            <Grid cols={mainRow} alignItems=\"center\">\n              <Grid cols={pageTitleRow} alignItems=\"center\">\n                {currentPageTitle}\n                {currentMenu && <PageHeaderMenu>{currentMenu}</PageHeaderMenu>}\n                {currentSummary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbarWrapper>{currentToolbar}</PageHeaderToolbarWrapper>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = DSPageHeaderName;\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDX;AAnDZ,8BAAyB;AACzB,qBAAqB;AACrB,oBAOO;AACP,2BAA8B;AAC9B,+BAAgC;AAChC,wCAAwC;AACxC,iCAAkC;AAElC,mCAAkD;AAClD,8BAA0D;AAE1D,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,oCAAc,KAAK;AAEvB,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,aAAa,CAAC,QAAQ,KAAK;AACjC,QAAM,UAAU,CAAC,OAAO,MAAM;AAC9B,QAAM,eAAe;AAAA,IACnB,aAAa,QAAQ;AAAA,IACrB,gBAAgB,UAAa;AAAA,IAC7B,mBAAmB,UAAa;AAAA,IAChC;AAAA,EACF,EAAE,OAAO,CAAC,QAAQ,OAAO,QAAQ,QAAQ;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,eAAa,gDAAwB;AAAA,MAErC,sDAAC,kCAAiB,qBAChB,uDAAC,uBAAK,MAAM,YACV;AAAA,oDAAC,uBACC,sDAAC,gCAAgB,4BAAiB,GACpC;AAAA,QACA,6CAAC,uBAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA,sDAAC,uBAAK,WAAU,mCAAmC,8BAAmB;AAAA,UACtE,6CAAC,uBAAK,MAAM,SAAS,YAAW,UAC9B;AAAA,yDAAC,uBAAK,MAAM,cAAc,YAAW,UAClC;AAAA;AAAA,cACA,eAAe,4CAAC,gCAAgB,uBAAY;AAAA,cAC5C;AAAA,cACD,4CAAC,SAAI;AAAA,eACP;AAAA,YACA,4CAAC,uBACC,sDAAC,0CAA0B,0BAAe,GAC5C;AAAA,aACF;AAAA,WACF;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,6BAAyB,kCAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport {\n  Container,\n  ContainerWBorder,\n  PageHeaderCustomRenderer,\n  PageHeaderToolbarWrapper,\n  PageHeaderMenu,\n  PageHeaderBack,\n} from './styled.js';\nimport { usePageHeader } from './config/usePageHeader.js';\nimport { PageHeaderTitle } from './components/page-header-title/index.js';\nimport { PageHeaderEditableTitle } from './components/page-header-editable-title/index.js';\nimport { PageHeaderSummary } from './components/page-header-summary/index.js';\nimport type { DSPageHeaderT } from './react-desc-prop-types.js';\nimport { PageHeaderPropTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSPageHeaderDataTestIds, DSPageHeaderName } from './exported-related/index.js';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n  const {\n    currentBackArrow,\n    currentMenu,\n    currentBreadcrumbs,\n    currentSummary,\n    currentToolbar,\n    currentPageTitle,\n    containerProps,\n    withBottomSeparator,\n    globalAttributes,\n    xStyledProps,\n  } = usePageHeader(props);\n\n  const { isSkeleton } = props;\n  const wrapperRow = ['auto', '1fr'];\n  const mainRow = ['1fr', 'auto'];\n  const pageTitleRow = [\n    isSkeleton ? '2fr' : 'auto',\n    currentMenu !== undefined && '30px',\n    currentSummary !== undefined && 'auto',\n    '1fr',\n  ].filter((col) => typeof col === 'string') as string[];\n  return (\n    <Container\n      {...containerProps}\n      {...globalAttributes}\n      {...xStyledProps}\n      data-testid={DSPageHeaderDataTestIds.CONTAINER}\n    >\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{currentBackArrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className=\"em-ds-page-header-v2-breadcrumb\">{currentBreadcrumbs}</Grid>\n            <Grid cols={mainRow} alignItems=\"center\">\n              <Grid cols={pageTitleRow} alignItems=\"center\">\n                {currentPageTitle}\n                {currentMenu && <PageHeaderMenu>{currentMenu}</PageHeaderMenu>}\n                {currentSummary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbarWrapper>{currentToolbar}</PageHeaderToolbarWrapper>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = DSPageHeaderName;\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDX;AAnDZ,8BAAyB;AACzB,qBAAqB;AACrB,oBAOO;AACP,2BAA8B;AAC9B,+BAAgC;AAChC,wCAAwC;AACxC,iCAAkC;AAElC,mCAAkD;AAClD,8BAA0D;AAE1D,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,oCAAc,KAAK;AAEvB,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,aAAa,CAAC,QAAQ,KAAK;AACjC,QAAM,UAAU,CAAC,OAAO,MAAM;AAC9B,QAAM,eAAe;AAAA,IACnB,aAAa,QAAQ;AAAA,IACrB,gBAAgB,UAAa;AAAA,IAC7B,mBAAmB,UAAa;AAAA,IAChC;AAAA,EACF,EAAE,OAAO,CAAC,QAAQ,OAAO,QAAQ,QAAQ;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,eAAa,gDAAwB;AAAA,MAErC,sDAAC,kCAAiB,qBAChB,uDAAC,uBAAK,MAAM,YACV;AAAA,oDAAC,uBACC,sDAAC,gCAAgB,4BAAiB,GACpC;AAAA,QACA,6CAAC,uBAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA,sDAAC,uBAAK,WAAU,mCAAmC,8BAAmB;AAAA,UACtE,6CAAC,uBAAK,MAAM,SAAS,YAAW,UAC9B;AAAA,yDAAC,uBAAK,MAAM,cAAc,YAAW,UAClC;AAAA;AAAA,cACA,eAAe,4CAAC,gCAAgB,uBAAY;AAAA,cAC5C;AAAA,cACD,4CAAC,SAAI;AAAA,eACP;AAAA,YACA,4CAAC,uBACC,sDAAC,0CAA0B,0BAAe,GAC5C;AAAA,aACF;AAAA,WACF;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,6BAAyB,kCAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/components/page-header-editable-title/PageHeaderEditableTitle.js

@@ -114,7 +114,6 @@ const PageHeaderEditableTitle = (props) => {
     }
   );
 };
-PageHeaderEditableTitle.propTypes = import_react_desc_prop_types.PageHeaderEditableTitlePropTypes;
 PageHeaderEditableTitle.displayName = "PageHeaderEditableTitle";
 const DSPageHeaderEditableTitleWithSchema = (0, import_ds_props_helpers.describe)(PageHeaderEditableTitle);
 DSPageHeaderEditableTitleWithSchema.propTypes = import_react_desc_prop_types.PageHeaderEditableTitlePropTypes;

package/dist/cjs/components/page-header-editable-title/PageHeaderEditableTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/page-header-editable-title/PageHeaderEditableTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useState, useCallback } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, useGetGlobalAttributes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from '../page-header-title/index.js';\nimport { DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderEditableTitlePropTypes, type PageHeaderEditableTitleT } from './react-desc-prop-types.js';\n\nconst EditableContainer = styled('div')`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n  &.editable-title-component {\n    position: relative;\n    left: -7px;\n    top: -1px;\n    margin-left: -2px;\n    margin-right: -9px;\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n      height: 32px;\n    }\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n      font-size: ${({ theme }) => theme.fontSizes.title[800]};\n      line-height: normal;\n      color: ${({ theme }) => theme.colors.neutral['700']};\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n  }\n`;\n\nexport const PageHeaderEditableTitle = (props: PageHeaderEditableTitleT.Props) => {\n  const { children: value, editing: editingProp, showMarker, ...rest } = props;\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef<HTMLDivElement>(null);\n  const width = titleRef.current?.offsetWidth || 0;\n\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback((e) => {\n    setTitleValue(e.target.value);\n  }, []);\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n    setEditing(true);\n  }, [setEditing]);\n\n  const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n    setEditing(false);\n  }, [setEditing]);\n\n  const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const globals = useGetGlobalAttributes(rest, {\n    onFocus: handleOnFocus,\n    onMouseOut: handleOnMouseOut,\n    onChange: handleOnChange,\n    onBlur: handleOnBlur,\n  });\n\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      data-testid={DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE}\n    >\n      {(hovered || editing) && (\n        <DSInputText\n          onChange={handleOnChange}\n          {...rest}\n          {...globals}\n          placeholder=\"\"\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nPageHeaderEditableTitle.propTypes = PageHeaderEditableTitlePropTypes as ValidationMap<unknown>;\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = PageHeaderEditableTitlePropTypes as ValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEnB;AAhEJ,mBAAqD;AACrD,gCAA+D;AAC/D,uBAAuB;AACvB,8BAAqE;AACrE,0BAAyC;AACzC,+BAAgC;AAChC,8BAAwC;AACxC,mCAAgF;AAEhF,MAAM,wBAAoB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,6CAAmB,2CAAiB;AAAA;AAAA;AAAA,SAGpC,6CAAmB,2CAAiB;AAAA,mBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA;AAAA,eAE5C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjD,MAAM,0BAA0B,CAAC,UAA0C;AAChF,QAAM,EAAE,UAAU,OAAO,SAAS,aAAa,YAAY,GAAG,KAAK,IAAI;AACvE,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,QAAI,8CAAyB,eAAe,KAAK;AAC3E,QAAM,eAAW,qBAAuB,IAAI;AAC5C,QAAM,QAAQ,SAAS,SAAS,eAAe;AAE/C,QAAM,qBAA6D,0BAAY,CAAC,MAAM;AACpF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAyC,0BAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAAwC,0BAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,uBAA4C,0BAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAU,gDAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,MAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,MACnC,cAAc,MAAM,WAAW,KAAK;AAAA,MACpC,eAAa,gDAAwB;AAAA,MAEnC;AAAA,oBAAW,YACX;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACT,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,aAAY;AAAA,YACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,YAChE,OAAO;AAAA;AAAA,QACT;AAAA,QAEF,4CAAC,SAAI,KAAK,UAAU,OAAO,EAAE,OAAO,cAAc,GAChD,sDAAC,4CAAgB,YAAY,cAAc,CAAC,WAAW,CAAC,SAAU,sBAAW,GAC/E;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,0CAAsC,kCAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
+  "sourcesContent": ["import React, { useRef, useState, useCallback } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, useGetGlobalAttributes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from '../page-header-title/index.js';\nimport { DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderEditableTitlePropTypes, type PageHeaderEditableTitleT } from './react-desc-prop-types.js';\n\nconst EditableContainer = styled('div')`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n  &.editable-title-component {\n    position: relative;\n    left: -7px;\n    top: -1px;\n    margin-left: -2px;\n    margin-right: -9px;\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n      height: 32px;\n    }\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n      font-size: ${({ theme }) => theme.fontSizes.title[800]};\n      line-height: normal;\n      color: ${({ theme }) => theme.colors.neutral['700']};\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n  }\n`;\n\nexport const PageHeaderEditableTitle = (props: PageHeaderEditableTitleT.Props) => {\n  const { children: value, editing: editingProp, showMarker, ...rest } = props;\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef<HTMLDivElement>(null);\n  const width = titleRef.current?.offsetWidth || 0;\n\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback((e) => {\n    setTitleValue(e.target.value);\n  }, []);\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n    setEditing(true);\n  }, [setEditing]);\n\n  const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n    setEditing(false);\n  }, [setEditing]);\n\n  const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const globals = useGetGlobalAttributes(rest, {\n    onFocus: handleOnFocus,\n    onMouseOut: handleOnMouseOut,\n    onChange: handleOnChange,\n    onBlur: handleOnBlur,\n  });\n\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      data-testid={DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE}\n    >\n      {(hovered || editing) && (\n        <DSInputText\n          onChange={handleOnChange}\n          {...rest}\n          {...globals}\n          placeholder=\"\"\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = PageHeaderEditableTitlePropTypes as ValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEnB;AAhEJ,mBAAqD;AACrD,gCAA+D;AAC/D,uBAAuB;AACvB,8BAAqE;AACrE,0BAAyC;AACzC,+BAAgC;AAChC,8BAAwC;AACxC,mCAAgF;AAEhF,MAAM,wBAAoB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,yCAAe,IAAI,2CAAiB,aAAa;AAAA;AAAA;AAAA,SAGjD,yCAAe,IAAI,2CAAiB,KAAK;AAAA,mBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA,eAE7C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlD,MAAM,0BAA0B,CAAC,UAA0C;AAChF,QAAM,EAAE,UAAU,OAAO,SAAS,aAAa,YAAY,GAAG,KAAK,IAAI;AACvE,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,QAAI,8CAAyB,eAAe,KAAK;AAC3E,QAAM,eAAW,qBAAuB,IAAI;AAC5C,QAAM,QAAQ,SAAS,SAAS,eAAe;AAE/C,QAAM,qBAA6D,0BAAY,CAAC,MAAM;AACpF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAyC,0BAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAAwC,0BAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,uBAA4C,0BAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAU,gDAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,MAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,MACnC,cAAc,MAAM,WAAW,KAAK;AAAA,MACpC,eAAa,gDAAwB;AAAA,MAEnC;AAAA,oBAAW,YACX;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACT,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,aAAY;AAAA,YACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,YAChE,OAAO;AAAA;AAAA,QACT;AAAA,QAEF,4CAAC,SAAI,KAAK,UAAU,OAAO,EAAE,OAAO,cAAc,GAChD,sDAAC,4CAAgB,YAAY,cAAc,CAAC,WAAW,CAAC,SAAU,sBAAW,GAC/E;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,wBAAwB,cAAc;AACtC,MAAM,0CAAsC,kCAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
   "names": []
 }

package/dist/cjs/components/page-header-summary/PageHeaderSummary.js

@@ -77,7 +77,6 @@ const PageHeaderSummary = (props) => {
     (value === 0 || value || label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ph-summary-space" })
   ] });
 };
-PageHeaderSummary.propTypes = import_react_desc_prop_types.PageHeaderSummaryPropTypes;
 PageHeaderSummary.displayName = "PageHeaderSummary";
 const DSPageHeaderSummaryWithSchema = (0, import_ds_props_helpers.describe)(PageHeaderSummary);
 DSPageHeaderSummaryWithSchema.propTypes = import_react_desc_prop_types.PageHeaderSummaryPropTypes;

package/dist/cjs/components/page-header-summary/PageHeaderSummary.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/page-header-summary/PageHeaderSummary.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderSummaryPropTypes, type PageHeaderSummaryT } from './react-desc-prop-types.js';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.SUMMARY,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  line-height: ${({ theme }) => theme.lineHeights.m};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  &:before {\n    display: block;\n    content: '';\n    height: 23px;\n    background: ${({ theme }) => theme.colors.neutral[600]};\n    width: 1px;\n    margin-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-value {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    padding-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-label {\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n  .ph-summary-space {\n    width: ${({ theme }) => theme.space.l};\n  }\n`;\n\nconst PageHeaderSummary = (props: PageHeaderSummaryT.Props) => {\n  const { value = null, label = '', ...rest } = props;\n  return (\n    <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n      {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n      {label && <div className=\"ph-summary-label\">{label}</div>}\n      {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n    </PageHeaderSummaryWrapper>\n  );\n};\n\nPageHeaderSummary.propTypes = PageHeaderSummaryPropTypes as ValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = PageHeaderSummaryPropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyCnB;AAxCJ,8BAA6C;AAC7C,uBAAuB;AACvB,8BAA6E;AAC7E,mCAAoE;AAEpE,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,iBACtC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,oBAErC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,qBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,aAGvC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAIxC,MAAM,oBAAoB,CAAC,UAAoC;AAC7D,QAAM,EAAE,QAAQ,MAAM,QAAQ,IAAI,GAAG,KAAK,IAAI;AAC9C,SACE,6CAAC,4BAAyB,eAAa,gDAAwB,SAAU,GAAG,MACxE;AAAA,eAAU,KAAK,UAAU,4CAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,IACnE,SAAS,4CAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,KACjD,UAAU,KAAK,SAAS,UAAU,4CAAC,SAAI,WAAU,oBAAmB;AAAA,KACxE;AAEJ;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,oCAAgC,kCAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderSummaryPropTypes, type PageHeaderSummaryT } from './react-desc-prop-types.js';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.SUMMARY,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  line-height: ${({ theme }) => theme.lineHeights.m};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  &:before {\n    display: block;\n    content: '';\n    height: 23px;\n    background: ${({ theme }) => theme.colors.neutral[600]};\n    width: 1px;\n    margin-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-value {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    padding-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-label {\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n  .ph-summary-space {\n    width: ${({ theme }) => theme.space.l};\n  }\n`;\n\nconst PageHeaderSummary = (props: PageHeaderSummaryT.Props) => {\n  const { value = null, label = '', ...rest } = props;\n  return (\n    <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n      {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n      {label && <div className=\"ph-summary-label\">{label}</div>}\n      {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n    </PageHeaderSummaryWrapper>\n  );\n};\n\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = PageHeaderSummaryPropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyCnB;AAxCJ,8BAA6C;AAC7C,uBAAuB;AACvB,8BAA6E;AAC7E,mCAAoE;AAEpE,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,eACjC,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,iBACvC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,CAAC;AAAA,iBAClC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,oBAEtC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,aAGrC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,qBAChC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,aAGtC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA,aAGxC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAIzC,MAAM,oBAAoB,CAAC,UAAoC;AAC7D,QAAM,EAAE,QAAQ,MAAM,QAAQ,IAAI,GAAG,KAAK,IAAI;AAC9C,SACE,6CAAC,4BAAyB,eAAa,gDAAwB,SAAU,GAAG,MACxE;AAAA,eAAU,KAAK,UAAU,4CAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,IACnE,SAAS,4CAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,KACjD,UAAU,KAAK,SAAS,UAAU,4CAAC,SAAI,WAAU,oBAAmB;AAAA,KACxE;AAEJ;AAEA,kBAAkB,cAAc;AAChC,MAAM,oCAAgC,kCAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
   "names": []
 }

package/dist/cjs/components/page-header-title/PageHeaderTitle.js

@@ -50,6 +50,7 @@ const PageHeaderTitleWrapper = (0, import_ds_system.styled)("div", {
   color: ${({ theme }) => theme.colors.neutral["700"]};
   line-height: normal;
   font-weight: 400;
+  margin: 0;
   margin-right: 0.61538rem;
 
   & .em-ds-form-required-mark {
@@ -62,7 +63,6 @@ const PageHeaderTitle = ({ children = "", showMarker = false, ...rest }) => /* @
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, { value: children }) }),
   showMarker && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.RequiredMark, { required: true })
 ] });
-PageHeaderTitle.propTypes = import_react_desc_prop_types.PageHeaderTitlePropTypes;
 PageHeaderTitle.defaultProps = import_react_desc_prop_types2.defaultProps;
 PageHeaderTitle.displayName = "PageHeaderTitle";
 const DSPageHeaderTitleWithSchema = (0, import_ds_props_helpers.describe)(PageHeaderTitle);

package/dist/cjs/components/page-header-title/PageHeaderTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/page-header-title/PageHeaderTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderTitlePropTypes, type PageHeaderTitleT } from './react-desc-prop-types.js';\nimport { defaultProps } from './react-desc-prop-types.js';\n\nconst PageHeaderTitleWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.HEADER_TITLE,\n})`\n  display: grid;\n  font-size: ${({ theme }) => theme.fontSizes.title[800]};\n  color: ${({ theme }) => theme.colors.neutral['700']};\n  line-height: normal;\n  font-weight: 400;\n  margin-right: 0.61538rem;\n\n  & .em-ds-form-required-mark {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n`;\n\nconst PageHeaderTitle = ({ children = '', showMarker = false, ...rest }: PageHeaderTitleT.Props) => (\n  <PageHeaderTitleWrapper {...rest} data-testid={DSPageHeaderDataTestIds.HEADER_TITLE}>\n    <TooltipTextProvider>\n      <DSTruncatedTooltipText value={children} />\n    </TooltipTextProvider>\n    {showMarker && <RequiredMark required />}\n  </PageHeaderTitleWrapper>\n);\n\nPageHeaderTitle.propTypes = PageHeaderTitlePropTypes as ValidationMap<unknown>;\nPageHeaderTitle.defaultProps = defaultProps;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = PageHeaderTitlePropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4BrB;AA3BF,uBAAuB;AACvB,8BAA6C;AAC7C,uCAA4D;AAC5D,qBAA6B;AAC7B,8BAA6E;AAC7E,mCAAgE;AAChE,IAAAA,gCAA6B;AAE7B,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,WAC5C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYpD,MAAM,kBAAkB,CAAC,EAAE,WAAW,IAAI,aAAa,OAAO,GAAG,KAAK,MACpE,6CAAC,0BAAwB,GAAG,MAAM,eAAa,gDAAwB,cACrE;AAAA,8CAAC,wDACC,sDAAC,2DAAuB,OAAO,UAAU,GAC3C;AAAA,EACC,cAAc,4CAAC,+BAAa,UAAQ,MAAC;AAAA,GACxC;AAGF,gBAAgB,YAAY;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderTitlePropTypes, type PageHeaderTitleT } from './react-desc-prop-types.js';\nimport { defaultProps } from './react-desc-prop-types.js';\n\nconst PageHeaderTitleWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.HEADER_TITLE,\n})`\n  display: grid;\n  font-size: ${({ theme }) => theme.fontSizes.title[800]};\n  color: ${({ theme }) => theme.colors.neutral['700']};\n  line-height: normal;\n  font-weight: 400;\n  margin: 0;\n  margin-right: 0.61538rem;\n\n  & .em-ds-form-required-mark {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n`;\n\nconst PageHeaderTitle = ({ children = '', showMarker = false, ...rest }: PageHeaderTitleT.Props) => (\n  <PageHeaderTitleWrapper {...rest} data-testid={DSPageHeaderDataTestIds.HEADER_TITLE}>\n    <TooltipTextProvider>\n      <DSTruncatedTooltipText value={children} />\n    </TooltipTextProvider>\n    {showMarker && <RequiredMark required />}\n  </PageHeaderTitleWrapper>\n);\n\nPageHeaderTitle.defaultProps = defaultProps;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = PageHeaderTitlePropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BrB;AA5BF,uBAAuB;AACvB,8BAA6C;AAC7C,uCAA4D;AAC5D,qBAA6B;AAC7B,8BAA6E;AAC7E,mCAAgE;AAChE,IAAAA,gCAA6B;AAE7B,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,WAC7C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarD,MAAM,kBAAkB,CAAC,EAAE,WAAW,IAAI,aAAa,OAAO,GAAG,KAAK,MACpE,6CAAC,0BAAwB,GAAG,MAAM,eAAa,gDAAwB,cACrE;AAAA,8CAAC,wDACC,sDAAC,2DAAuB,OAAO,UAAU,GAC3C;AAAA,EACC,cAAc,4CAAC,+BAAa,UAAQ,MAAC;AAAA,GACxC;AAGF,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
   "names": ["import_react_desc_prop_types"]
 }

package/dist/cjs/config/usePageHeader.js

@@ -59,57 +59,39 @@ const usePageHeader = (props) => {
   const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefaults);
   const xStyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefaults);
   const currentBackArrow = (0, import_react.useMemo)(() => {
-    if (isSkeleton && (Backarrow || backarrow))
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.BackArrowSkeleton, {});
-    if (Backarrow)
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Backarrow, {});
-    if (backarrow)
-      return backarrow;
+    if (isSkeleton && (Backarrow || backarrow)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.BackArrowSkeleton, {});
+    if (Backarrow) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Backarrow, {});
+    if (backarrow) return backarrow;
     return void 0;
   }, [Backarrow, backarrow, isSkeleton]);
   const currentMenu = (0, import_react.useMemo)(() => {
-    if (isSkeleton && (Menu || menu))
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.MenuSkeleton, {});
-    if (Menu)
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {});
-    if (menu)
-      return menu;
+    if (isSkeleton && (Menu || menu)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.MenuSkeleton, {});
+    if (Menu) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {});
+    if (menu) return menu;
     return void 0;
   }, [Menu, menu, isSkeleton]);
   const currentBreadcrumbs = (0, import_react.useMemo)(() => {
-    if (isSkeleton && (Breadcrumbs || breadcrumbs))
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.BreadcrumbSkeleton, {});
-    if (Breadcrumbs)
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumbs, {});
-    if (breadcrumbs)
-      return breadcrumbs;
+    if (isSkeleton && (Breadcrumbs || breadcrumbs)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.BreadcrumbSkeleton, {});
+    if (Breadcrumbs) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumbs, {});
+    if (breadcrumbs) return breadcrumbs;
     return void 0;
   }, [Breadcrumbs, breadcrumbs, isSkeleton]);
   const currentSummary = (0, import_react.useMemo)(() => {
-    if (isSkeleton && (Summary || summary))
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.SummarySkeleton, {});
-    if (Summary)
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Summary, {});
-    if (summary)
-      return summary;
+    if (isSkeleton && (Summary || summary)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.SummarySkeleton, {});
+    if (Summary) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Summary, {});
+    if (summary) return summary;
     return void 0;
   }, [Summary, summary, isSkeleton]);
   const currentToolbar = (0, import_react.useMemo)(() => {
-    if (isSkeleton && (Toolbar || toolbar))
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.ToolbarSkeleton, {});
-    if (Toolbar)
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toolbar, {});
-    if (toolbar)
-      return toolbar;
+    if (isSkeleton && (Toolbar || toolbar)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.ToolbarSkeleton, {});
+    if (Toolbar) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toolbar, {});
+    if (toolbar) return toolbar;
     return void 0;
   }, [Toolbar, toolbar, isSkeleton]);
   const currentPageTitle = (0, import_react.useMemo)(() => {
-    if (isSkeleton && (PageTitle || pageTitle))
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.PageTitleSkeleton, {});
-    if (PageTitle)
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageTitle, {});
-    if (pageTitle)
-      return pageTitle;
+    if (isSkeleton && (PageTitle || pageTitle)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.PageTitleSkeleton, {});
+    if (PageTitle) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageTitle, {});
+    if (pageTitle) return pageTitle;
     return void 0;
   }, [PageTitle, pageTitle, isSkeleton]);
   return (0, import_react.useMemo)(

package/dist/cjs/config/usePageHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/config/usePageHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport {\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\n\nimport type { DSPageHeaderT } from '../react-desc-prop-types.js';\nimport { PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport {\n  DSPageHeaderName,\n  BackArrowSkeleton,\n  BreadcrumbSkeleton,\n  MenuSkeleton,\n  PageTitleSkeleton,\n  SummarySkeleton,\n  ToolbarSkeleton,\n} from '../exported-related/index.js';\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSPageHeaderT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes, DSPageHeaderName);\n\n  const {\n    menu,\n    Menu,\n    pageTitle,\n    PageTitle,\n    toolbar,\n    Toolbar,\n    summary,\n    Summary,\n    backarrow,\n    Backarrow,\n    breadcrumbs,\n    Breadcrumbs,\n    isSkeleton,\n    ...rest\n  } = props;\n\n  const globalAttributes = useGetGlobalAttributes<DSPageHeaderT.InternalProps, HTMLDivElement>(propsWithDefaults);\n  const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const currentBackArrow = useMemo(() => {\n    if (isSkeleton && (Backarrow || backarrow)) return <BackArrowSkeleton />;\n    if (Backarrow) return <Backarrow />;\n    if (backarrow) return backarrow;\n    return undefined;\n  }, [Backarrow, backarrow, isSkeleton]);\n\n  const currentMenu = useMemo(() => {\n    if (isSkeleton && (Menu || menu)) return <MenuSkeleton />;\n    if (Menu) return <Menu />;\n    if (menu) return menu;\n    return undefined;\n  }, [Menu, menu, isSkeleton]);\n\n  const currentBreadcrumbs = useMemo(() => {\n    if (isSkeleton && (Breadcrumbs || breadcrumbs)) return <BreadcrumbSkeleton />;\n    if (Breadcrumbs) return <Breadcrumbs />;\n    if (breadcrumbs) return breadcrumbs;\n    return undefined;\n  }, [Breadcrumbs, breadcrumbs, isSkeleton]);\n\n  const currentSummary = useMemo(() => {\n    if (isSkeleton && (Summary || summary)) return <SummarySkeleton />;\n    if (Summary) return <Summary />;\n    if (summary) return summary;\n    return undefined;\n  }, [Summary, summary, isSkeleton]);\n\n  const currentToolbar = useMemo(() => {\n    if (isSkeleton && (Toolbar || toolbar)) return <ToolbarSkeleton />;\n    if (Toolbar) return <Toolbar />;\n    if (toolbar) return toolbar;\n    return undefined;\n  }, [Toolbar, toolbar, isSkeleton]);\n\n  const currentPageTitle = useMemo(() => {\n    if (isSkeleton && (PageTitle || pageTitle)) return <PageTitleSkeleton />;\n    if (PageTitle) return <PageTitle />;\n    if (pageTitle) return pageTitle;\n    return undefined;\n  }, [PageTitle, pageTitle, isSkeleton]);\n\n  return useMemo(\n    () => ({\n      propsWithDefaults,\n      globalAttributes,\n      xStyledProps,\n      currentBackArrow,\n      currentMenu,\n      currentBreadcrumbs,\n      currentSummary,\n      currentToolbar,\n      currentPageTitle,\n      ...rest,\n    }),\n    [\n      propsWithDefaults,\n      currentBackArrow,\n      currentBreadcrumbs,\n      currentMenu,\n      currentPageTitle,\n      currentSummary,\n      currentToolbar,\n      globalAttributes,\n      rest,\n      xStyledProps,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CgC;AA5CvD,mBAAwB;AACxB,8BAKO;AAGP,mCAAkD;AAClD,8BAQO;AACA,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,wBAAoB,sDAA0D,OAAO,yCAAY;AACvG,8DAA+B,mBAAmB,kDAAqB,wCAAgB;AAEvF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,uBAAmB,gDAAoE,iBAAiB;AAC9G,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,uBAAmB,sBAAQ,MAAM;AACrC,QAAI,eAAe,aAAa;AAAY,aAAO,4CAAC,6CAAkB;AACtE,QAAI;AAAW,aAAO,4CAAC,aAAU;AACjC,QAAI;AAAW,aAAO;AACtB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAErC,QAAM,kBAAc,sBAAQ,MAAM;AAChC,QAAI,eAAe,QAAQ;AAAO,aAAO,4CAAC,wCAAa;AACvD,QAAI;AAAM,aAAO,4CAAC,QAAK;AACvB,QAAI;AAAM,aAAO;AACjB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,MAAM,UAAU,CAAC;AAE3B,QAAM,yBAAqB,sBAAQ,MAAM;AACvC,QAAI,eAAe,eAAe;AAAc,aAAO,4CAAC,8CAAmB;AAC3E,QAAI;AAAa,aAAO,4CAAC,eAAY;AACrC,QAAI;AAAa,aAAO;AACxB,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,aAAa,UAAU,CAAC;AAEzC,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,QAAI,eAAe,WAAW;AAAU,aAAO,4CAAC,2CAAgB;AAChE,QAAI;AAAS,aAAO,4CAAC,WAAQ;AAC7B,QAAI;AAAS,aAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,UAAU,CAAC;AAEjC,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,QAAI,eAAe,WAAW;AAAU,aAAO,4CAAC,2CAAgB;AAChE,QAAI;AAAS,aAAO,4CAAC,WAAQ;AAC7B,QAAI;AAAS,aAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,UAAU,CAAC;AAEjC,QAAM,uBAAmB,sBAAQ,MAAM;AACrC,QAAI,eAAe,aAAa;AAAY,aAAO,4CAAC,6CAAkB;AACtE,QAAI;AAAW,aAAO,4CAAC,aAAU;AACjC,QAAI;AAAW,aAAO;AACtB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAErC,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CgC;AA5CvD,mBAAwB;AACxB,8BAKO;AAGP,mCAAkD;AAClD,8BAQO;AACA,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,wBAAoB,sDAA0D,OAAO,yCAAY;AACvG,8DAA+B,mBAAmB,kDAAqB,wCAAgB;AAEvF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,uBAAmB,gDAAoE,iBAAiB;AAC9G,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,uBAAmB,sBAAQ,MAAM;AACrC,QAAI,eAAe,aAAa,WAAY,QAAO,4CAAC,6CAAkB;AACtE,QAAI,UAAW,QAAO,4CAAC,aAAU;AACjC,QAAI,UAAW,QAAO;AACtB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAErC,QAAM,kBAAc,sBAAQ,MAAM;AAChC,QAAI,eAAe,QAAQ,MAAO,QAAO,4CAAC,wCAAa;AACvD,QAAI,KAAM,QAAO,4CAAC,QAAK;AACvB,QAAI,KAAM,QAAO;AACjB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,MAAM,UAAU,CAAC;AAE3B,QAAM,yBAAqB,sBAAQ,MAAM;AACvC,QAAI,eAAe,eAAe,aAAc,QAAO,4CAAC,8CAAmB;AAC3E,QAAI,YAAa,QAAO,4CAAC,eAAY;AACrC,QAAI,YAAa,QAAO;AACxB,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,aAAa,UAAU,CAAC;AAEzC,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,QAAI,eAAe,WAAW,SAAU,QAAO,4CAAC,2CAAgB;AAChE,QAAI,QAAS,QAAO,4CAAC,WAAQ;AAC7B,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,UAAU,CAAC;AAEjC,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,QAAI,eAAe,WAAW,SAAU,QAAO,4CAAC,2CAAgB;AAChE,QAAI,QAAS,QAAO,4CAAC,WAAQ;AAC7B,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,UAAU,CAAC;AAEjC,QAAM,uBAAmB,sBAAQ,MAAM;AACrC,QAAI,eAAe,aAAa,WAAY,QAAO,4CAAC,6CAAkB;AACtE,QAAI,UAAW,QAAO,4CAAC,aAAU;AACjC,QAAI,UAAW,QAAO;AACtB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAErC,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related/index.js';\n\ninterface StyledContainerProps {\n  withBottomSeparator?: boolean;\n}\n\nexport const PageHeaderCustomRenderer = styled('div')`\n  width: auto;\n  color: ${({ theme }) => theme.colors.brand[800]};\n  font-style: italic;\n  font-size: 0.8rem;\n`;\n\nexport const Container = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.CONTAINER,\n})<StyledContainerProps>`\n  width: 100%;\n  margin-bottom: 8px;\n  ${xStyledCommonProps}\n`;\n\nexport const ContainerWBorder = styled('div')<StyledContainerProps>`\n  width: 100%;\n  padding: 12px 0 8px 0;\n  display: grid;\n  align-items: center;\n  height: 100%;\n  ${({ withBottomSeparator, theme }) =>\n    !withBottomSeparator ? '' : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}\n`;\n\nexport const PageHeaderToolbarWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.TOOLBAR,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  & .em-ds-toolbar {\n    height: auto;\n    background: none;\n    & > div {\n      .em-ds-button {\n        margin-left: ${({ theme }) => theme.space.xxs};\n      }\n      .em-ds-input-search {\n        box-shadow: none;\n        div {\n          height: 100%;\n        }\n      }\n    }\n  }\n`;\n\nexport const PageHeaderMenu = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.MENU,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-left: ${({ theme }) => theme.space.xxxs};\n  .em-ds-button--secondary {\n    &:not(:hover) {\n      border-color: transparent;\n    }\n    &:focus:after {\n      top: -1px;\n      left: -1px;\n      width: calc(100% + 2px);\n      height: calc(100% + 2px);\n    }\n  }\n`;\n\nexport const PageHeaderBack = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.BACK,\n})`\n  display: flex;\n  align-items: center;\n  fill: ${({ theme }) => theme.colors.brand[600]};\n  cursor: pointer;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,8BAAoD;AAM7C,MAAM,+BAA2B,yBAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAKzC,MAAM,gBAAY,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG;AAAA;AAGG,MAAM,uBAAmB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ,GAAG;AAAA;AAG7E,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,8BAAoD;AAM7C,MAAM,+BAA2B,yBAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAK1C,MAAM,gBAAY,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG,mCAAkB;AAAA;AAGf,MAAM,uBAAmB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ,GAAG,CAAC,GAAG;AAAA;AAGjF,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY9C,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc1C,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/PageHeader.js

@@ -63,7 +63,6 @@ const DSPageHeaderV2 = (props) => {
     }
   );
 };
-DSPageHeaderV2.propTypes = PageHeaderPropTypes;
 DSPageHeaderV2.defaultProps = defaultProps;
 DSPageHeaderV2.displayName = DSPageHeaderName;
 const DSPageHeaderWithSchema = describe(DSPageHeaderV2);

package/dist/esm/PageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/PageHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport {\n  Container,\n  ContainerWBorder,\n  PageHeaderCustomRenderer,\n  PageHeaderToolbarWrapper,\n  PageHeaderMenu,\n  PageHeaderBack,\n} from './styled.js';\nimport { usePageHeader } from './config/usePageHeader.js';\nimport { PageHeaderTitle } from './components/page-header-title/index.js';\nimport { PageHeaderEditableTitle } from './components/page-header-editable-title/index.js';\nimport { PageHeaderSummary } from './components/page-header-summary/index.js';\nimport type { DSPageHeaderT } from './react-desc-prop-types.js';\nimport { PageHeaderPropTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSPageHeaderDataTestIds, DSPageHeaderName } from './exported-related/index.js';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n  const {\n    currentBackArrow,\n    currentMenu,\n    currentBreadcrumbs,\n    currentSummary,\n    currentToolbar,\n    currentPageTitle,\n    containerProps,\n    withBottomSeparator,\n    globalAttributes,\n    xStyledProps,\n  } = usePageHeader(props);\n\n  const { isSkeleton } = props;\n  const wrapperRow = ['auto', '1fr'];\n  const mainRow = ['1fr', 'auto'];\n  const pageTitleRow = [\n    isSkeleton ? '2fr' : 'auto',\n    currentMenu !== undefined && '30px',\n    currentSummary !== undefined && 'auto',\n    '1fr',\n  ].filter((col) => typeof col === 'string') as string[];\n  return (\n    <Container\n      {...containerProps}\n      {...globalAttributes}\n      {...xStyledProps}\n      data-testid={DSPageHeaderDataTestIds.CONTAINER}\n    >\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{currentBackArrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className=\"em-ds-page-header-v2-breadcrumb\">{currentBreadcrumbs}</Grid>\n            <Grid cols={mainRow} alignItems=\"center\">\n              <Grid cols={pageTitleRow} alignItems=\"center\">\n                {currentPageTitle}\n                {currentMenu && <PageHeaderMenu>{currentMenu}</PageHeaderMenu>}\n                {currentSummary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbarWrapper>{currentToolbar}</PageHeaderToolbarWrapper>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = DSPageHeaderName;\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuDX,cAKE,YALF;AAnDZ,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAElC,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,yBAAyB,wBAAwB;AAE1D,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc,KAAK;AAEvB,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,aAAa,CAAC,QAAQ,KAAK;AACjC,QAAM,UAAU,CAAC,OAAO,MAAM;AAC9B,QAAM,eAAe;AAAA,IACnB,aAAa,QAAQ;AAAA,IACrB,gBAAgB,UAAa;AAAA,IAC7B,mBAAmB,UAAa;AAAA,IAChC;AAAA,EACF,EAAE,OAAO,CAAC,QAAQ,OAAO,QAAQ,QAAQ;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,eAAa,wBAAwB;AAAA,MAErC,8BAAC,oBAAiB,qBAChB,+BAAC,QAAK,MAAM,YACV;AAAA,4BAAC,QACC,8BAAC,kBAAgB,4BAAiB,GACpC;AAAA,QACA,qBAAC,QAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA,8BAAC,QAAK,WAAU,mCAAmC,8BAAmB;AAAA,UACtE,qBAAC,QAAK,MAAM,SAAS,YAAW,UAC9B;AAAA,iCAAC,QAAK,MAAM,cAAc,YAAW,UAClC;AAAA;AAAA,cACA,eAAe,oBAAC,kBAAgB,uBAAY;AAAA,cAC5C;AAAA,cACD,oBAAC,SAAI;AAAA,eACP;AAAA,YACA,oBAAC,QACC,8BAAC,4BAA0B,0BAAe,GAC5C;AAAA,aACF;AAAA,WACF;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,SAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport {\n  Container,\n  ContainerWBorder,\n  PageHeaderCustomRenderer,\n  PageHeaderToolbarWrapper,\n  PageHeaderMenu,\n  PageHeaderBack,\n} from './styled.js';\nimport { usePageHeader } from './config/usePageHeader.js';\nimport { PageHeaderTitle } from './components/page-header-title/index.js';\nimport { PageHeaderEditableTitle } from './components/page-header-editable-title/index.js';\nimport { PageHeaderSummary } from './components/page-header-summary/index.js';\nimport type { DSPageHeaderT } from './react-desc-prop-types.js';\nimport { PageHeaderPropTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSPageHeaderDataTestIds, DSPageHeaderName } from './exported-related/index.js';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n  const {\n    currentBackArrow,\n    currentMenu,\n    currentBreadcrumbs,\n    currentSummary,\n    currentToolbar,\n    currentPageTitle,\n    containerProps,\n    withBottomSeparator,\n    globalAttributes,\n    xStyledProps,\n  } = usePageHeader(props);\n\n  const { isSkeleton } = props;\n  const wrapperRow = ['auto', '1fr'];\n  const mainRow = ['1fr', 'auto'];\n  const pageTitleRow = [\n    isSkeleton ? '2fr' : 'auto',\n    currentMenu !== undefined && '30px',\n    currentSummary !== undefined && 'auto',\n    '1fr',\n  ].filter((col) => typeof col === 'string') as string[];\n  return (\n    <Container\n      {...containerProps}\n      {...globalAttributes}\n      {...xStyledProps}\n      data-testid={DSPageHeaderDataTestIds.CONTAINER}\n    >\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{currentBackArrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className=\"em-ds-page-header-v2-breadcrumb\">{currentBreadcrumbs}</Grid>\n            <Grid cols={mainRow} alignItems=\"center\">\n              <Grid cols={pageTitleRow} alignItems=\"center\">\n                {currentPageTitle}\n                {currentMenu && <PageHeaderMenu>{currentMenu}</PageHeaderMenu>}\n                {currentSummary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbarWrapper>{currentToolbar}</PageHeaderToolbarWrapper>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = DSPageHeaderName;\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuDX,cAKE,YALF;AAnDZ,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAElC,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,yBAAyB,wBAAwB;AAE1D,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc,KAAK;AAEvB,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,aAAa,CAAC,QAAQ,KAAK;AACjC,QAAM,UAAU,CAAC,OAAO,MAAM;AAC9B,QAAM,eAAe;AAAA,IACnB,aAAa,QAAQ;AAAA,IACrB,gBAAgB,UAAa;AAAA,IAC7B,mBAAmB,UAAa;AAAA,IAChC;AAAA,EACF,EAAE,OAAO,CAAC,QAAQ,OAAO,QAAQ,QAAQ;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,eAAa,wBAAwB;AAAA,MAErC,8BAAC,oBAAiB,qBAChB,+BAAC,QAAK,MAAM,YACV;AAAA,4BAAC,QACC,8BAAC,kBAAgB,4BAAiB,GACpC;AAAA,QACA,qBAAC,QAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA,8BAAC,QAAK,WAAU,mCAAmC,8BAAmB;AAAA,UACtE,qBAAC,QAAK,MAAM,SAAS,YAAW,UAC9B;AAAA,iCAAC,QAAK,MAAM,cAAc,YAAW,UAClC;AAAA;AAAA,cACA,eAAe,oBAAC,kBAAgB,uBAAY;AAAA,cAC5C;AAAA,cACD,oBAAC,SAAI;AAAA,eACP;AAAA,YACA,oBAAC,QACC,8BAAC,4BAA0B,0BAAe,GAC5C;AAAA,aACF;AAAA,WACF;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,SAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/components/page-header-editable-title/PageHeaderEditableTitle.js

@@ -79,7 +79,6 @@ const PageHeaderEditableTitle = (props) => {
     }
   );
 };
-PageHeaderEditableTitle.propTypes = PageHeaderEditableTitlePropTypes;
 PageHeaderEditableTitle.displayName = "PageHeaderEditableTitle";
 const DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);
 DSPageHeaderEditableTitleWithSchema.propTypes = PageHeaderEditableTitlePropTypes;

package/dist/esm/components/page-header-editable-title/PageHeaderEditableTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-editable-title/PageHeaderEditableTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useCallback } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, useGetGlobalAttributes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from '../page-header-title/index.js';\nimport { DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderEditableTitlePropTypes, type PageHeaderEditableTitleT } from './react-desc-prop-types.js';\n\nconst EditableContainer = styled('div')`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n  &.editable-title-component {\n    position: relative;\n    left: -7px;\n    top: -1px;\n    margin-left: -2px;\n    margin-right: -9px;\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n      height: 32px;\n    }\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n      font-size: ${({ theme }) => theme.fontSizes.title[800]};\n      line-height: normal;\n      color: ${({ theme }) => theme.colors.neutral['700']};\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n  }\n`;\n\nexport const PageHeaderEditableTitle = (props: PageHeaderEditableTitleT.Props) => {\n  const { children: value, editing: editingProp, showMarker, ...rest } = props;\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef<HTMLDivElement>(null);\n  const width = titleRef.current?.offsetWidth || 0;\n\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback((e) => {\n    setTitleValue(e.target.value);\n  }, []);\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n    setEditing(true);\n  }, [setEditing]);\n\n  const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n    setEditing(false);\n  }, [setEditing]);\n\n  const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const globals = useGetGlobalAttributes(rest, {\n    onFocus: handleOnFocus,\n    onMouseOut: handleOnMouseOut,\n    onChange: handleOnChange,\n    onBlur: handleOnBlur,\n  });\n\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      data-testid={DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE}\n    >\n      {(hovered || editing) && (\n        <DSInputText\n          onChange={handleOnChange}\n          {...rest}\n          {...globals}\n          placeholder=\"\"\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nPageHeaderEditableTitle.propTypes = PageHeaderEditableTitlePropTypes as ValidationMap<unknown>;\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = PageHeaderEditableTitlePropTypes as ValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgEnB,SAOI,KAPJ;AAhEJ,SAAgB,QAAQ,UAAU,mBAAmB;AACrD,SAAS,aAAa,iBAAiB,wBAAwB;AAC/D,SAAS,cAAc;AACvB,SAAS,UAAU,8BAAkD;AACrE,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,wCAAuE;AAEhF,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,mBAAmB,iBAAiB;AAAA;AAAA;AAAA,SAGpC,mBAAmB,iBAAiB;AAAA,mBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA;AAAA,eAE5C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjD,MAAM,0BAA0B,CAAC,UAA0C;AAChF,QAAM,EAAE,UAAU,OAAO,SAAS,aAAa,YAAY,GAAG,KAAK,IAAI;AACvE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAuB,IAAI;AAC5C,QAAM,QAAQ,SAAS,SAAS,eAAe;AAE/C,QAAM,iBAA6D,YAAY,CAAC,MAAM;AACpF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,YAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAwC,YAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAA4C,YAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,uBAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,MAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,MACnC,cAAc,MAAM,WAAW,KAAK;AAAA,MACpC,eAAa,wBAAwB;AAAA,MAEnC;AAAA,oBAAW,YACX;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACT,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,aAAY;AAAA,YACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,YAChE,OAAO;AAAA;AAAA,QACT;AAAA,QAEF,oBAAC,SAAI,KAAK,UAAU,OAAO,EAAE,OAAO,cAAc,GAChD,8BAAC,mBAAgB,YAAY,cAAc,CAAC,WAAW,CAAC,SAAU,sBAAW,GAC/E;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,SAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useCallback } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, useGetGlobalAttributes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from '../page-header-title/index.js';\nimport { DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderEditableTitlePropTypes, type PageHeaderEditableTitleT } from './react-desc-prop-types.js';\n\nconst EditableContainer = styled('div')`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n  &.editable-title-component {\n    position: relative;\n    left: -7px;\n    top: -1px;\n    margin-left: -2px;\n    margin-right: -9px;\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n      height: 32px;\n    }\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n      font-size: ${({ theme }) => theme.fontSizes.title[800]};\n      line-height: normal;\n      color: ${({ theme }) => theme.colors.neutral['700']};\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n  }\n`;\n\nexport const PageHeaderEditableTitle = (props: PageHeaderEditableTitleT.Props) => {\n  const { children: value, editing: editingProp, showMarker, ...rest } = props;\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef<HTMLDivElement>(null);\n  const width = titleRef.current?.offsetWidth || 0;\n\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback((e) => {\n    setTitleValue(e.target.value);\n  }, []);\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n    setEditing(true);\n  }, [setEditing]);\n\n  const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n    setEditing(false);\n  }, [setEditing]);\n\n  const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const globals = useGetGlobalAttributes(rest, {\n    onFocus: handleOnFocus,\n    onMouseOut: handleOnMouseOut,\n    onChange: handleOnChange,\n    onBlur: handleOnBlur,\n  });\n\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      data-testid={DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE}\n    >\n      {(hovered || editing) && (\n        <DSInputText\n          onChange={handleOnChange}\n          {...rest}\n          {...globals}\n          placeholder=\"\"\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = PageHeaderEditableTitlePropTypes as ValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgEnB,SAOI,KAPJ;AAhEJ,SAAgB,QAAQ,UAAU,mBAAmB;AACrD,SAAS,aAAa,iBAAiB,wBAAwB;AAC/D,SAAS,cAAc;AACvB,SAAS,UAAU,8BAAkD;AACrE,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,wCAAuE;AAEhF,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,eAAe,IAAI,iBAAiB,aAAa;AAAA;AAAA;AAAA,SAGjD,eAAe,IAAI,iBAAiB,KAAK;AAAA,mBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA,eAE7C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlD,MAAM,0BAA0B,CAAC,UAA0C;AAChF,QAAM,EAAE,UAAU,OAAO,SAAS,aAAa,YAAY,GAAG,KAAK,IAAI;AACvE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAuB,IAAI;AAC5C,QAAM,QAAQ,SAAS,SAAS,eAAe;AAE/C,QAAM,iBAA6D,YAAY,CAAC,MAAM;AACpF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,YAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAwC,YAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAA4C,YAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,uBAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,MAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,MACnC,cAAc,MAAM,WAAW,KAAK;AAAA,MACpC,eAAa,wBAAwB;AAAA,MAEnC;AAAA,oBAAW,YACX;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACT,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,aAAY;AAAA,YACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,YAChE,OAAO;AAAA;AAAA,QACT;AAAA,QAEF,oBAAC,SAAI,KAAK,UAAU,OAAO,EAAE,OAAO,cAAc,GAChD,8BAAC,mBAAgB,YAAY,cAAc,CAAC,WAAW,CAAC,SAAU,sBAAW,GAC/E;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,SAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
   "names": []
 }

package/dist/esm/components/page-header-summary/PageHeaderSummary.js

@@ -43,7 +43,6 @@ const PageHeaderSummary = (props) => {
     (value === 0 || value || label) && /* @__PURE__ */ jsx("div", { className: "ph-summary-space" })
   ] });
 };
-PageHeaderSummary.propTypes = PageHeaderSummaryPropTypes;
 PageHeaderSummary.displayName = "PageHeaderSummary";
 const DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);
 DSPageHeaderSummaryWithSchema.propTypes = PageHeaderSummaryPropTypes;

package/dist/esm/components/page-header-summary/PageHeaderSummary.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-summary/PageHeaderSummary.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderSummaryPropTypes, type PageHeaderSummaryT } from './react-desc-prop-types.js';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.SUMMARY,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  line-height: ${({ theme }) => theme.lineHeights.m};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  &:before {\n    display: block;\n    content: '';\n    height: 23px;\n    background: ${({ theme }) => theme.colors.neutral[600]};\n    width: 1px;\n    margin-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-value {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    padding-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-label {\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n  .ph-summary-space {\n    width: ${({ theme }) => theme.space.l};\n  }\n`;\n\nconst PageHeaderSummary = (props: PageHeaderSummaryT.Props) => {\n  const { value = null, label = '', ...rest } = props;\n  return (\n    <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n      {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n      {label && <div className=\"ph-summary-label\">{label}</div>}\n      {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n    </PageHeaderSummaryWrapper>\n  );\n};\n\nPageHeaderSummary.propTypes = PageHeaderSummaryPropTypes as ValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = PageHeaderSummaryPropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyCnB,SAC6B,KAD7B;AAxCJ,SAAS,gBAAoC;AAC7C,SAAS,cAAc;AACvB,SAAS,kBAAkB,mBAAmB,+BAA+B;AAC7E,SAAS,kCAA2D;AAEpE,MAAM,2BAA2B,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,iBACtC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,oBAErC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,qBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,aAGvC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAIxC,MAAM,oBAAoB,CAAC,UAAoC;AAC7D,QAAM,EAAE,QAAQ,MAAM,QAAQ,IAAI,GAAG,KAAK,IAAI;AAC9C,SACE,qBAAC,4BAAyB,eAAa,wBAAwB,SAAU,GAAG,MACxE;AAAA,eAAU,KAAK,UAAU,oBAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,IACnE,SAAS,oBAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,KACjD,UAAU,KAAK,SAAS,UAAU,oBAAC,SAAI,WAAU,oBAAmB;AAAA,KACxE;AAEJ;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,SAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderSummaryPropTypes, type PageHeaderSummaryT } from './react-desc-prop-types.js';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.SUMMARY,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  line-height: ${({ theme }) => theme.lineHeights.m};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  &:before {\n    display: block;\n    content: '';\n    height: 23px;\n    background: ${({ theme }) => theme.colors.neutral[600]};\n    width: 1px;\n    margin-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-value {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    padding-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-label {\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n  .ph-summary-space {\n    width: ${({ theme }) => theme.space.l};\n  }\n`;\n\nconst PageHeaderSummary = (props: PageHeaderSummaryT.Props) => {\n  const { value = null, label = '', ...rest } = props;\n  return (\n    <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n      {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n      {label && <div className=\"ph-summary-label\">{label}</div>}\n      {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n    </PageHeaderSummaryWrapper>\n  );\n};\n\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = PageHeaderSummaryPropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyCnB,SAC6B,KAD7B;AAxCJ,SAAS,gBAAoC;AAC7C,SAAS,cAAc;AACvB,SAAS,kBAAkB,mBAAmB,+BAA+B;AAC7E,SAAS,kCAA2D;AAEpE,MAAM,2BAA2B,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,eACjC,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,iBACvC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,CAAC;AAAA,iBAClC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,oBAEtC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,aAGrC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,qBAChC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,aAGtC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA,aAGxC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAIzC,MAAM,oBAAoB,CAAC,UAAoC;AAC7D,QAAM,EAAE,QAAQ,MAAM,QAAQ,IAAI,GAAG,KAAK,IAAI;AAC9C,SACE,qBAAC,4BAAyB,eAAa,wBAAwB,SAAU,GAAG,MACxE;AAAA,eAAU,KAAK,UAAU,oBAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,IACnE,SAAS,oBAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,KACjD,UAAU,KAAK,SAAS,UAAU,oBAAC,SAAI,WAAU,oBAAmB;AAAA,KACxE;AAEJ;AAEA,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,SAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
   "names": []
 }

package/dist/esm/components/page-header-title/PageHeaderTitle.js

@@ -16,6 +16,7 @@ const PageHeaderTitleWrapper = styled("div", {
   color: ${({ theme }) => theme.colors.neutral["700"]};
   line-height: normal;
   font-weight: 400;
+  margin: 0;
   margin-right: 0.61538rem;
 
   & .em-ds-form-required-mark {
@@ -28,7 +29,6 @@ const PageHeaderTitle = ({ children = "", showMarker = false, ...rest }) => /* @
   /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(DSTruncatedTooltipText, { value: children }) }),
   showMarker && /* @__PURE__ */ jsx(RequiredMark, { required: true })
 ] });
-PageHeaderTitle.propTypes = PageHeaderTitlePropTypes;
 PageHeaderTitle.defaultProps = defaultProps;
 PageHeaderTitle.displayName = "PageHeaderTitle";
 const DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);

package/dist/esm/components/page-header-title/PageHeaderTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-title/PageHeaderTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderTitlePropTypes, type PageHeaderTitleT } from './react-desc-prop-types.js';\nimport { defaultProps } from './react-desc-prop-types.js';\n\nconst PageHeaderTitleWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.HEADER_TITLE,\n})`\n  display: grid;\n  font-size: ${({ theme }) => theme.fontSizes.title[800]};\n  color: ${({ theme }) => theme.colors.neutral['700']};\n  line-height: normal;\n  font-weight: 400;\n  margin-right: 0.61538rem;\n\n  & .em-ds-form-required-mark {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n`;\n\nconst PageHeaderTitle = ({ children = '', showMarker = false, ...rest }: PageHeaderTitleT.Props) => (\n  <PageHeaderTitleWrapper {...rest} data-testid={DSPageHeaderDataTestIds.HEADER_TITLE}>\n    <TooltipTextProvider>\n      <DSTruncatedTooltipText value={children} />\n    </TooltipTextProvider>\n    {showMarker && <RequiredMark required />}\n  </PageHeaderTitleWrapper>\n);\n\nPageHeaderTitle.propTypes = PageHeaderTitlePropTypes as ValidationMap<unknown>;\nPageHeaderTitle.defaultProps = defaultProps;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = PageHeaderTitlePropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC4BrB,SAEI,KAFJ;AA3BF,SAAS,cAAc;AACvB,SAAS,gBAAoC;AAC7C,SAAS,wBAAwB,2BAA2B;AAC5D,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,mBAAmB,+BAA+B;AAC7E,SAAS,gCAAuD;AAChE,SAAS,oBAAoB;AAE7B,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,WAC5C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYpD,MAAM,kBAAkB,CAAC,EAAE,WAAW,IAAI,aAAa,OAAO,GAAG,KAAK,MACpE,qBAAC,0BAAwB,GAAG,MAAM,eAAa,wBAAwB,cACrE;AAAA,sBAAC,uBACC,8BAAC,0BAAuB,OAAO,UAAU,GAC3C;AAAA,EACC,cAAc,oBAAC,gBAAa,UAAQ,MAAC;AAAA,GACxC;AAGF,gBAAgB,YAAY;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../exported-related/index.js';\nimport { PageHeaderTitlePropTypes, type PageHeaderTitleT } from './react-desc-prop-types.js';\nimport { defaultProps } from './react-desc-prop-types.js';\n\nconst PageHeaderTitleWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.HEADER_TITLE,\n})`\n  display: grid;\n  font-size: ${({ theme }) => theme.fontSizes.title[800]};\n  color: ${({ theme }) => theme.colors.neutral['700']};\n  line-height: normal;\n  font-weight: 400;\n  margin: 0;\n  margin-right: 0.61538rem;\n\n  & .em-ds-form-required-mark {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n`;\n\nconst PageHeaderTitle = ({ children = '', showMarker = false, ...rest }: PageHeaderTitleT.Props) => (\n  <PageHeaderTitleWrapper {...rest} data-testid={DSPageHeaderDataTestIds.HEADER_TITLE}>\n    <TooltipTextProvider>\n      <DSTruncatedTooltipText value={children} />\n    </TooltipTextProvider>\n    {showMarker && <RequiredMark required />}\n  </PageHeaderTitleWrapper>\n);\n\nPageHeaderTitle.defaultProps = defaultProps;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = PageHeaderTitlePropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6BrB,SAEI,KAFJ;AA5BF,SAAS,cAAc;AACvB,SAAS,gBAAoC;AAC7C,SAAS,wBAAwB,2BAA2B;AAC5D,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,mBAAmB,+BAA+B;AAC7E,SAAS,gCAAuD;AAChE,SAAS,oBAAoB;AAE7B,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,WAC7C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarD,MAAM,kBAAkB,CAAC,EAAE,WAAW,IAAI,aAAa,OAAO,GAAG,KAAK,MACpE,qBAAC,0BAAwB,GAAG,MAAM,eAAa,wBAAwB,cACrE;AAAA,sBAAC,uBACC,8BAAC,0BAAuB,OAAO,UAAU,GAC3C;AAAA,EACC,cAAc,oBAAC,gBAAa,UAAQ,MAAC;AAAA,GACxC;AAGF,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
   "names": []
 }

package/dist/esm/config/usePageHeader.js

@@ -39,57 +39,39 @@ const usePageHeader = (props) => {
   const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
   const xStyledProps = useGetXstyledProps(propsWithDefaults);
   const currentBackArrow = useMemo(() => {
-    if (isSkeleton && (Backarrow || backarrow))
-      return /* @__PURE__ */ jsx(BackArrowSkeleton, {});
-    if (Backarrow)
-      return /* @__PURE__ */ jsx(Backarrow, {});
-    if (backarrow)
-      return backarrow;
+    if (isSkeleton && (Backarrow || backarrow)) return /* @__PURE__ */ jsx(BackArrowSkeleton, {});
+    if (Backarrow) return /* @__PURE__ */ jsx(Backarrow, {});
+    if (backarrow) return backarrow;
     return void 0;
   }, [Backarrow, backarrow, isSkeleton]);
   const currentMenu = useMemo(() => {
-    if (isSkeleton && (Menu || menu))
-      return /* @__PURE__ */ jsx(MenuSkeleton, {});
-    if (Menu)
-      return /* @__PURE__ */ jsx(Menu, {});
-    if (menu)
-      return menu;
+    if (isSkeleton && (Menu || menu)) return /* @__PURE__ */ jsx(MenuSkeleton, {});
+    if (Menu) return /* @__PURE__ */ jsx(Menu, {});
+    if (menu) return menu;
     return void 0;
   }, [Menu, menu, isSkeleton]);
   const currentBreadcrumbs = useMemo(() => {
-    if (isSkeleton && (Breadcrumbs || breadcrumbs))
-      return /* @__PURE__ */ jsx(BreadcrumbSkeleton, {});
-    if (Breadcrumbs)
-      return /* @__PURE__ */ jsx(Breadcrumbs, {});
-    if (breadcrumbs)
-      return breadcrumbs;
+    if (isSkeleton && (Breadcrumbs || breadcrumbs)) return /* @__PURE__ */ jsx(BreadcrumbSkeleton, {});
+    if (Breadcrumbs) return /* @__PURE__ */ jsx(Breadcrumbs, {});
+    if (breadcrumbs) return breadcrumbs;
     return void 0;
   }, [Breadcrumbs, breadcrumbs, isSkeleton]);
   const currentSummary = useMemo(() => {
-    if (isSkeleton && (Summary || summary))
-      return /* @__PURE__ */ jsx(SummarySkeleton, {});
-    if (Summary)
-      return /* @__PURE__ */ jsx(Summary, {});
-    if (summary)
-      return summary;
+    if (isSkeleton && (Summary || summary)) return /* @__PURE__ */ jsx(SummarySkeleton, {});
+    if (Summary) return /* @__PURE__ */ jsx(Summary, {});
+    if (summary) return summary;
     return void 0;
   }, [Summary, summary, isSkeleton]);
   const currentToolbar = useMemo(() => {
-    if (isSkeleton && (Toolbar || toolbar))
-      return /* @__PURE__ */ jsx(ToolbarSkeleton, {});
-    if (Toolbar)
-      return /* @__PURE__ */ jsx(Toolbar, {});
-    if (toolbar)
-      return toolbar;
+    if (isSkeleton && (Toolbar || toolbar)) return /* @__PURE__ */ jsx(ToolbarSkeleton, {});
+    if (Toolbar) return /* @__PURE__ */ jsx(Toolbar, {});
+    if (toolbar) return toolbar;
     return void 0;
   }, [Toolbar, toolbar, isSkeleton]);
   const currentPageTitle = useMemo(() => {
-    if (isSkeleton && (PageTitle || pageTitle))
-      return /* @__PURE__ */ jsx(PageTitleSkeleton, {});
-    if (PageTitle)
-      return /* @__PURE__ */ jsx(PageTitle, {});
-    if (pageTitle)
-      return pageTitle;
+    if (isSkeleton && (PageTitle || pageTitle)) return /* @__PURE__ */ jsx(PageTitleSkeleton, {});
+    if (PageTitle) return /* @__PURE__ */ jsx(PageTitle, {});
+    if (pageTitle) return pageTitle;
     return void 0;
   }, [PageTitle, pageTitle, isSkeleton]);
   return useMemo(

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/usePageHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport {\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\n\nimport type { DSPageHeaderT } from '../react-desc-prop-types.js';\nimport { PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport {\n  DSPageHeaderName,\n  BackArrowSkeleton,\n  BreadcrumbSkeleton,\n  MenuSkeleton,\n  PageTitleSkeleton,\n  SummarySkeleton,\n  ToolbarSkeleton,\n} from '../exported-related/index.js';\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSPageHeaderT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes, DSPageHeaderName);\n\n  const {\n    menu,\n    Menu,\n    pageTitle,\n    PageTitle,\n    toolbar,\n    Toolbar,\n    summary,\n    Summary,\n    backarrow,\n    Backarrow,\n    breadcrumbs,\n    Breadcrumbs,\n    isSkeleton,\n    ...rest\n  } = props;\n\n  const globalAttributes = useGetGlobalAttributes<DSPageHeaderT.InternalProps, HTMLDivElement>(propsWithDefaults);\n  const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const currentBackArrow = useMemo(() => {\n    if (isSkeleton && (Backarrow || backarrow)) return <BackArrowSkeleton />;\n    if (Backarrow) return <Backarrow />;\n    if (backarrow) return backarrow;\n    return undefined;\n  }, [Backarrow, backarrow, isSkeleton]);\n\n  const currentMenu = useMemo(() => {\n    if (isSkeleton && (Menu || menu)) return <MenuSkeleton />;\n    if (Menu) return <Menu />;\n    if (menu) return menu;\n    return undefined;\n  }, [Menu, menu, isSkeleton]);\n\n  const currentBreadcrumbs = useMemo(() => {\n    if (isSkeleton && (Breadcrumbs || breadcrumbs)) return <BreadcrumbSkeleton />;\n    if (Breadcrumbs) return <Breadcrumbs />;\n    if (breadcrumbs) return breadcrumbs;\n    return undefined;\n  }, [Breadcrumbs, breadcrumbs, isSkeleton]);\n\n  const currentSummary = useMemo(() => {\n    if (isSkeleton && (Summary || summary)) return <SummarySkeleton />;\n    if (Summary) return <Summary />;\n    if (summary) return summary;\n    return undefined;\n  }, [Summary, summary, isSkeleton]);\n\n  const currentToolbar = useMemo(() => {\n    if (isSkeleton && (Toolbar || toolbar)) return <ToolbarSkeleton />;\n    if (Toolbar) return <Toolbar />;\n    if (toolbar) return toolbar;\n    return undefined;\n  }, [Toolbar, toolbar, isSkeleton]);\n\n  const currentPageTitle = useMemo(() => {\n    if (isSkeleton && (PageTitle || pageTitle)) return <PageTitleSkeleton />;\n    if (PageTitle) return <PageTitle />;\n    if (pageTitle) return pageTitle;\n    return undefined;\n  }, [PageTitle, pageTitle, isSkeleton]);\n\n  return useMemo(\n    () => ({\n      propsWithDefaults,\n      globalAttributes,\n      xStyledProps,\n      currentBackArrow,\n      currentMenu,\n      currentBreadcrumbs,\n      currentSummary,\n      currentToolbar,\n      currentPageTitle,\n      ...rest,\n    }),\n    [\n      propsWithDefaults,\n      currentBackArrow,\n      currentBreadcrumbs,\n      currentMenu,\n      currentPageTitle,\n      currentSummary,\n      currentToolbar,\n      globalAttributes,\n      rest,\n      xStyledProps,\n    ],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6CgC;AA5CvD,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB,oBAAoB;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACA,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,oBAAoB,6BAA0D,OAAO,YAAY;AACvG,iCAA+B,mBAAmB,qBAAqB,gBAAgB;AAEvF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,mBAAmB,uBAAoE,iBAAiB;AAC9G,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,eAAe,aAAa;AAAY,aAAO,oBAAC,qBAAkB;AACtE,QAAI;AAAW,aAAO,oBAAC,aAAU;AACjC,QAAI;AAAW,aAAO;AACtB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAErC,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,eAAe,QAAQ;AAAO,aAAO,oBAAC,gBAAa;AACvD,QAAI;AAAM,aAAO,oBAAC,QAAK;AACvB,QAAI;AAAM,aAAO;AACjB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,MAAM,UAAU,CAAC;AAE3B,QAAM,qBAAqB,QAAQ,MAAM;AACvC,QAAI,eAAe,eAAe;AAAc,aAAO,oBAAC,sBAAmB;AAC3E,QAAI;AAAa,aAAO,oBAAC,eAAY;AACrC,QAAI;AAAa,aAAO;AACxB,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,aAAa,UAAU,CAAC;AAEzC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,eAAe,WAAW;AAAU,aAAO,oBAAC,mBAAgB;AAChE,QAAI;AAAS,aAAO,oBAAC,WAAQ;AAC7B,QAAI;AAAS,aAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,UAAU,CAAC;AAEjC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,eAAe,WAAW;AAAU,aAAO,oBAAC,mBAAgB;AAChE,QAAI;AAAS,aAAO,oBAAC,WAAQ;AAC7B,QAAI;AAAS,aAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,UAAU,CAAC;AAEjC,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,eAAe,aAAa;AAAY,aAAO,oBAAC,qBAAkB;AACtE,QAAI;AAAW,aAAO,oBAAC,aAAU;AACjC,QAAI;AAAW,aAAO;AACtB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAErC,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;AC6CgC;AA5CvD,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB,oBAAoB;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACA,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,oBAAoB,6BAA0D,OAAO,YAAY;AACvG,iCAA+B,mBAAmB,qBAAqB,gBAAgB;AAEvF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,mBAAmB,uBAAoE,iBAAiB;AAC9G,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,eAAe,aAAa,WAAY,QAAO,oBAAC,qBAAkB;AACtE,QAAI,UAAW,QAAO,oBAAC,aAAU;AACjC,QAAI,UAAW,QAAO;AACtB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAErC,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,eAAe,QAAQ,MAAO,QAAO,oBAAC,gBAAa;AACvD,QAAI,KAAM,QAAO,oBAAC,QAAK;AACvB,QAAI,KAAM,QAAO;AACjB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,MAAM,UAAU,CAAC;AAE3B,QAAM,qBAAqB,QAAQ,MAAM;AACvC,QAAI,eAAe,eAAe,aAAc,QAAO,oBAAC,sBAAmB;AAC3E,QAAI,YAAa,QAAO,oBAAC,eAAY;AACrC,QAAI,YAAa,QAAO;AACxB,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,aAAa,UAAU,CAAC;AAEzC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,eAAe,WAAW,SAAU,QAAO,oBAAC,mBAAgB;AAChE,QAAI,QAAS,QAAO,oBAAC,WAAQ;AAC7B,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,UAAU,CAAC;AAEjC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,eAAe,WAAW,SAAU,QAAO,oBAAC,mBAAgB;AAChE,QAAI,QAAS,QAAO,oBAAC,WAAQ;AAC7B,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,UAAU,CAAC;AAEjC,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,eAAe,aAAa,WAAY,QAAO,oBAAC,qBAAkB;AACtE,QAAI,UAAW,QAAO,oBAAC,aAAU;AACjC,QAAI,UAAW,QAAO;AACtB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAErC,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related/index.js';\n\ninterface StyledContainerProps {\n  withBottomSeparator?: boolean;\n}\n\nexport const PageHeaderCustomRenderer = styled('div')`\n  width: auto;\n  color: ${({ theme }) => theme.colors.brand[800]};\n  font-style: italic;\n  font-size: 0.8rem;\n`;\n\nexport const Container = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.CONTAINER,\n})<StyledContainerProps>`\n  width: 100%;\n  margin-bottom: 8px;\n  ${xStyledCommonProps}\n`;\n\nexport const ContainerWBorder = styled('div')<StyledContainerProps>`\n  width: 100%;\n  padding: 12px 0 8px 0;\n  display: grid;\n  align-items: center;\n  height: 100%;\n  ${({ withBottomSeparator, theme }) =>\n    !withBottomSeparator ? '' : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}\n`;\n\nexport const PageHeaderToolbarWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.TOOLBAR,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  & .em-ds-toolbar {\n    height: auto;\n    background: none;\n    & > div {\n      .em-ds-button {\n        margin-left: ${({ theme }) => theme.space.xxs};\n      }\n      .em-ds-input-search {\n        box-shadow: none;\n        div {\n          height: 100%;\n        }\n      }\n    }\n  }\n`;\n\nexport const PageHeaderMenu = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.MENU,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-left: ${({ theme }) => theme.space.xxxs};\n  .em-ds-button--secondary {\n    &:not(:hover) {\n      border-color: transparent;\n    }\n    &:focus:after {\n      top: -1px;\n      left: -1px;\n      width: calc(100% + 2px);\n      height: calc(100% + 2px);\n    }\n  }\n`;\n\nexport const PageHeaderBack = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.BACK,\n})`\n  display: flex;\n  align-items: center;\n  fill: ${({ theme }) => theme.colors.brand[600]};\n  cursor: pointer;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,mBAAmB,wBAAwB;AAM7C,MAAM,2BAA2B,OAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAKzC,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG;AAAA;AAGG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ,GAAG;AAAA;AAG7E,MAAM,2BAA2B,OAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,mBAAmB,wBAAwB;AAM7C,MAAM,2BAA2B,OAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAK1C,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG,kBAAkB;AAAA;AAGf,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ,GAAG,CAAC,GAAG;AAAA;AAGjF,MAAM,2BAA2B,OAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY9C,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc1C,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;",
   "names": []
 }

package/dist/types/components/page-header-editable-title/PageHeaderEditableTitle.d.ts

@@ -1,8 +1,6 @@
-import { type ValidationMap } from '@elliemae/ds-props-helpers';
 import { type PageHeaderEditableTitleT } from './react-desc-prop-types.js';
 export declare const PageHeaderEditableTitle: {
     (props: PageHeaderEditableTitleT.Props): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: ValidationMap<unknown>;
     displayName: string;
 };
 declare const DSPageHeaderEditableTitleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<PageHeaderEditableTitleT.Props>;

package/dist/types/components/page-header-summary/PageHeaderSummary.d.ts

@@ -1,8 +1,6 @@
-import { type ValidationMap } from '@elliemae/ds-props-helpers';
 import { type PageHeaderSummaryT } from './react-desc-prop-types.js';
 declare const PageHeaderSummary: {
     (props: PageHeaderSummaryT.Props): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: ValidationMap<unknown>;
     displayName: string;
 };
 declare const DSPageHeaderSummaryWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<PageHeaderSummaryT.Props>;

package/dist/types/components/page-header-title/PageHeaderTitle.d.ts

@@ -1,8 +1,6 @@
-import { type ValidationMap } from '@elliemae/ds-props-helpers';
 import { type PageHeaderTitleT } from './react-desc-prop-types.js';
 declare const PageHeaderTitle: {
     ({ children, showMarker, ...rest }: PageHeaderTitleT.Props): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: ValidationMap<unknown>;
     defaultProps: PageHeaderTitleT.DefaultProps;
     displayName: string;
 };

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

@@ -367,13 +367,20 @@ export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
     wmode?: string | undefined;
     propsWithDefaults: DSPageHeaderT.InternalProps;
     globalAttributes: Partial<Pick<object, "summary" | "rows" | "cols" | "className" | "wrap" | "span" | "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode"> & Omit<{
-        name?: string | undefined;
+        summary?: string | undefined;
+        rows?: number | undefined;
+        cols?: number | undefined;
+        className?: string | undefined;
+        wrap?: string | undefined;
+        span?: number | undefined;
+        form?: string | undefined;
+        list?: string | undefined;
         "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: boolean | "true" | "false" | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: boolean | "true" | "false" | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
@@ -384,37 +391,37 @@ export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
-        "aria-disabled"?: boolean | "true" | "false" | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: boolean | "true" | "false" | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: boolean | "true" | "false" | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
         "aria-haspopup"?: boolean | "menu" | "true" | "false" | "dialog" | "grid" | "listbox" | "tree" | undefined;
-        "aria-hidden"?: boolean | "true" | "false" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: boolean | "true" | "false" | undefined;
-        "aria-multiline"?: boolean | "true" | "false" | undefined;
-        "aria-multiselectable"?: boolean | "true" | "false" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined;
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-readonly"?: boolean | "true" | "false" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
         "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: boolean | "true" | "false" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
         "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
-        "aria-selected"?: boolean | "true" | "false" | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
         "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
         "aria-valuemax"?: number | undefined;
@@ -582,25 +589,22 @@ export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        form?: string | undefined;
-        list?: string | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: boolean | "true" | "false" | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
-        draggable?: boolean | "true" | "false" | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         slot?: string | undefined;
-        spellCheck?: boolean | "true" | "false" | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
         tabIndex?: 0 | -1 | undefined;
         title?: string | undefined;
@@ -649,7 +653,6 @@ export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
         checked?: boolean | undefined;
         cite?: string | undefined;
         classID?: string | undefined;
-        cols?: number | undefined;
         colSpan?: number | undefined;
         controls?: boolean | undefined;
         coords?: string | undefined;
@@ -693,6 +696,7 @@ export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
         minLength?: number | undefined;
         multiple?: boolean | undefined;
         muted?: boolean | undefined;
+        name?: string | undefined;
         noValidate?: boolean | undefined;
         open?: boolean | undefined;
         optimum?: number | undefined;
@@ -704,7 +708,6 @@ export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         reversed?: boolean | undefined;
-        rows?: number | undefined;
         rowSpan?: number | undefined;
         sandbox?: string | undefined;
         scope?: string | undefined;
@@ -715,21 +718,18 @@ export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
         shape?: string | undefined;
         size?: number | undefined;
         sizes?: string | undefined;
-        span?: number | undefined;
         src?: string | undefined;
         srcDoc?: string | undefined;
         srcLang?: string | undefined;
         srcSet?: string | undefined;
         start?: number | undefined;
         step?: string | number | undefined;
-        summary?: string | undefined;
         target?: string | undefined;
         type?: string | undefined;
         useMap?: string | undefined;
         value?: string | number | readonly string[] | undefined;
         width?: string | number | undefined;
         wmode?: string | undefined;
-        wrap?: string | undefined;
     }, never>>;
     xStyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
     currentBackArrow: import("react/jsx-runtime.js").JSX.Element | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-page-header-v2",
-  "version": "3.36.0-rc.0",
+  "version": "3.37.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Page Header V2",
   "files": [
@@ -73,23 +73,23 @@
   },
   "dependencies": {
     "prop-types": "~15.8.1",
-    "@elliemae/ds-breadcrumb": "3.36.0-rc.0",
-    "@elliemae/ds-button": "3.36.0-rc.0",
-    "@elliemae/ds-form": "3.36.0-rc.0",
-    "@elliemae/ds-form-input-text": "3.36.0-rc.0",
-    "@elliemae/ds-grid": "3.36.0-rc.0",
-    "@elliemae/ds-icon": "3.36.0-rc.0",
-    "@elliemae/ds-icons": "3.36.0-rc.0",
-    "@elliemae/ds-props-helpers": "3.36.0-rc.0",
-    "@elliemae/ds-skeleton": "3.36.0-rc.0",
-    "@elliemae/ds-system": "3.36.0-rc.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.36.0-rc.0",
-    "@elliemae/ds-utilities": "3.36.0-rc.0"
+    "@elliemae/ds-grid": "3.37.0-next.0",
+    "@elliemae/ds-icons": "3.37.0-next.0",
+    "@elliemae/ds-props-helpers": "3.37.0-next.0",
+    "@elliemae/ds-button": "3.37.0-next.0",
+    "@elliemae/ds-form": "3.37.0-next.0",
+    "@elliemae/ds-skeleton": "3.37.0-next.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.37.0-next.0",
+    "@elliemae/ds-form-input-text": "3.37.0-next.0",
+    "@elliemae/ds-utilities": "3.37.0-next.0",
+    "@elliemae/ds-icon": "3.37.0-next.0",
+    "@elliemae/ds-breadcrumb": "3.37.0-next.0",
+    "@elliemae/ds-system": "3.37.0-next.0"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.36.0-rc.0"
+    "@elliemae/ds-monorepo-devops": "3.37.0-next.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",