@elliemae/ds-page-header-v2 3.34.0-next.1 → 3.34.0-next.3

package/dist/esm/components/page-header-editable-title/react-desc-prop-types.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-props-helpers";
+const PageHeaderEditableTitlePropTypes = {
+  ...globalAttributesPropTypes,
+  /** The title text */
+  children: PropTypes.string.description("The title text"),
+  /** Whether the title is editing or not */
+  editing: PropTypes.bool.description("Whether the title is editing or not"),
+  /** Show error marker */
+  showMarker: PropTypes.bool.description("Show error marker")
+};
+export {
+  PageHeaderEditableTitlePropTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/components/page-header-editable-title/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-editable-title/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type GlobalAttributesT, PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace PageHeaderEditableTitleT {\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    children?: string;\n    editing?: boolean;\n    showMarker?: boolean;\n    [key: string]: unknown;\n  }\n\n  export interface RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps>,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps>,\n      RequiredProps {}\n}\n\nexport const PageHeaderEditableTitlePropTypes = {\n  ...globalAttributesPropTypes,\n  /** The title text */\n  children: PropTypes.string.description('The title text'),\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool.description('Whether the title is editing or not'),\n  /** Show error marker */\n  showMarker: PropTypes.bool.description('Show error marker'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAiC,WAAW,iCAAiC;AA2BtE,MAAM,mCAAmC;AAAA,EAC9C,GAAG;AAAA;AAAA,EAEH,UAAU,UAAU,OAAO,YAAY,gBAAgB;AAAA;AAAA,EAEvD,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA;AAAA,EAEzE,YAAY,UAAU,KAAK,YAAY,mBAAmB;AAC5D;",
+  "names": []
+}

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

@@ -1,8 +1,9 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-props-helpers";
+import { describe } from "@elliemae/ds-props-helpers";
 import { styled } from "@elliemae/ds-system";
-import { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from "../exported-related/index.js";
+import { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from "../../exported-related/index.js";
+import { PageHeaderSummaryPropTypes } from "./react-desc-prop-types.js";
 const PageHeaderSummaryWrapper = styled("div", {
   name: DSPageHeaderName,
   slot: DSPageHeaderSlots.SUMMARY
@@ -34,24 +35,18 @@ const PageHeaderSummaryWrapper = styled("div", {
     width: ${({ theme }) => theme.space.l};
   }
 `;
-const PageHeaderSummary = (props2) => {
-  const { value = null, label = "", ...rest } = props2;
+const PageHeaderSummary = (props) => {
+  const { value = null, label = "", ...rest } = props;
   return /* @__PURE__ */ jsxs(PageHeaderSummaryWrapper, { "data-testid": DSPageHeaderDataTestIds.SUMMARY, ...rest, children: [
     (value === 0 || value) && /* @__PURE__ */ jsx("div", { className: "ph-summary-value", children: value }),
     label && /* @__PURE__ */ jsx("div", { className: "ph-summary-label", children: label }),
     (value === 0 || value || label) && /* @__PURE__ */ jsx("div", { className: "ph-summary-space" })
   ] });
 };
-const props = {
-  /** value for page header summary */
-  value: PropTypes.number.description("value for page header summary"),
-  /** label attached to value */
-  label: PropTypes.string.description("label attached to value")
-};
-PageHeaderSummary.propTypes = props;
+PageHeaderSummary.propTypes = PageHeaderSummaryPropTypes;
 PageHeaderSummary.displayName = "PageHeaderSummary";
 const DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);
-DSPageHeaderSummaryWithSchema.propTypes = props;
+DSPageHeaderSummaryWithSchema.propTypes = PageHeaderSummaryPropTypes;
 export {
   DSPageHeaderSummaryWithSchema,
   PageHeaderSummary

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { PageHeaderSummary, DSPageHeaderSummaryWithSchema } from "./PageHeaderSummary.js";
+export {
+  DSPageHeaderSummaryWithSchema,
+  PageHeaderSummary
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-summary/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { PageHeaderSummary, DSPageHeaderSummaryWithSchema } from './PageHeaderSummary.js';\nexport type { PageHeaderSummaryT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB,qCAAqC;",
+  "names": []
+}

package/dist/esm/components/page-header-summary/react-desc-prop-types.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const PageHeaderSummaryPropTypes = {
+  /** value for page header summary */
+  value: PropTypes.number.description("value for page header summary"),
+  /** label attached to value */
+  label: PropTypes.string.description("label attached to value")
+};
+export {
+  PageHeaderSummaryPropTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/components/page-header-summary/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-summary/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace PageHeaderSummaryT {\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    value?: number;\n    label?: string;\n  }\n\n  export interface RequiredProps {}\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const PageHeaderSummaryPropTypes = {\n  /** value for page header summary */\n  value: PropTypes.number.description('value for page header summary'),\n  /** label attached to value */\n  label: PropTypes.string.description('label attached to value'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAiBnB,MAAM,6BAA6B;AAAA;AAAA,EAExC,OAAO,UAAU,OAAO,YAAY,+BAA+B;AAAA;AAAA,EAEnE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAC/D;",
+  "names": []
+}

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

@@ -1,10 +1,12 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
-import { PropTypes, describe } from "@elliemae/ds-props-helpers";
+import { describe } from "@elliemae/ds-props-helpers";
 import { DSTruncatedTooltipText, TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
 import { RequiredMark } from "@elliemae/ds-form";
-import { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from "../exported-related/index.js";
+import { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from "../../exported-related/index.js";
+import { PageHeaderTitlePropTypes } from "./react-desc-prop-types.js";
+import { defaultProps } from "./react-desc-prop-types.js";
 const PageHeaderTitleWrapper = styled("div", {
   name: DSPageHeaderName,
   slot: DSPageHeaderSlots.HEADER_TITLE
@@ -26,16 +28,11 @@ const PageHeaderTitle = ({ children = "", showMarker = false, ...rest }) => /* @
   /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(DSTruncatedTooltipText, { value: children }) }),
   showMarker && /* @__PURE__ */ jsx(RequiredMark, { required: true })
 ] });
-const props = {
-  /** page header title string */
-  children: PropTypes.string.description("Page header title string"),
-  /** show required mark */
-  showMarker: PropTypes.bool.description("show required mark")
-};
-PageHeaderTitle.propTypes = props;
+PageHeaderTitle.propTypes = PageHeaderTitlePropTypes;
+PageHeaderTitle.defaultProps = defaultProps;
 PageHeaderTitle.displayName = "PageHeaderTitle";
 const DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);
-DSPageHeaderTitleWithSchema.propTypes = props;
+DSPageHeaderTitleWithSchema.propTypes = PageHeaderTitlePropTypes;
 export {
   DSPageHeaderTitleWithSchema,
   PageHeaderTitle

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { PageHeaderTitle, DSPageHeaderTitleWithSchema } from "./PageHeaderTitle.js";
+export {
+  DSPageHeaderTitleWithSchema,
+  PageHeaderTitle
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-title/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { PageHeaderTitle, DSPageHeaderTitleWithSchema } from './PageHeaderTitle.js';\nexport type { PageHeaderTitleT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB,mCAAmC;",
+  "names": []
+}

package/dist/esm/components/page-header-title/react-desc-prop-types.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  children: "",
+  showMarker: false
+};
+const PageHeaderTitlePropTypes = {
+  /** page header title string */
+  children: PropTypes.string.description("Page header title string"),
+  /** show required mark */
+  showMarker: PropTypes.bool.description("show required mark")
+};
+export {
+  PageHeaderTitlePropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/components/page-header-title/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-title/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace PageHeaderTitleT {\n  export interface DefaultProps {\n    children: string;\n    showMarker: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface RequiredProps {}\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const defaultProps: PageHeaderTitleT.DefaultProps = {\n  children: '',\n  showMarker: false,\n};\n\nexport const PageHeaderTitlePropTypes = {\n  /** page header title string */\n  children: PropTypes.string.description('Page header title string'),\n  /** show required mark */\n  showMarker: PropTypes.bool.description('show required mark'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAiBnB,MAAM,eAA8C;AAAA,EACzD,UAAU;AAAA,EACV,YAAY;AACd;AAEO,MAAM,2BAA2B;AAAA;AAAA,EAEtC,UAAU,UAAU,OAAO,YAAY,0BAA0B;AAAA;AAAA,EAEjE,YAAY,UAAU,KAAK,YAAY,oBAAoB;AAC7D;",
+  "names": []
+}

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

@@ -1,7 +1,7 @@
 {
   "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(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(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,6BAA6B,OAAO,YAAY;AAC1E,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,uBAAuB,iBAAiB;AACjE,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;",
+  "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;",
   "names": []
 }

package/dist/esm/index.js

@@ -8,9 +8,11 @@ import {
   PageHeaderSummary,
   PageHeaderTitle
 } from "./PageHeader.js";
-import { DSPageHeaderSummaryWithSchema } from "./components/PageHeaderSummary.js";
-import { DSPageHeaderTitleWithSchema } from "./components/PageHeaderTitle.js";
-import { DSPageHeaderEditableTitleWithSchema } from "./components/PageHeaderEditableTitle.js";
+import { DSPageHeaderSummaryWithSchema } from "./components/page-header-summary/index.js";
+import { DSPageHeaderTitleWithSchema } from "./components/page-header-title/index.js";
+import {
+  DSPageHeaderEditableTitleWithSchema
+} from "./components/page-header-editable-title/index.js";
 export * from "./exported-related/index.js";
 export {
   DSPageHeaderEditableTitleWithSchema,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  DSPageHeaderV2,\n  DSPageHeaderWithSchema,\n  PageHeaderCustomRenderer,\n  PageHeaderEditableTitle,\n  PageHeaderMenu,\n  PageHeaderSummary,\n  PageHeaderTitle,\n} from './PageHeader.js';\nexport { DSPageHeaderSummaryWithSchema } from './components/PageHeaderSummary.js';\nexport { DSPageHeaderTitleWithSchema } from './components/PageHeaderTitle.js';\nexport { DSPageHeaderEditableTitleWithSchema } from './components/PageHeaderEditableTitle.js';\nexport * from './exported-related/index.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qCAAqC;AAC9C,SAAS,mCAAmC;AAC5C,SAAS,2CAA2C;AACpD,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  DSPageHeaderV2,\n  DSPageHeaderWithSchema,\n  PageHeaderCustomRenderer,\n  PageHeaderEditableTitle,\n  PageHeaderMenu,\n  PageHeaderSummary,\n  PageHeaderTitle,\n} from './PageHeader.js';\nexport type { DSPageHeaderT } from './react-desc-prop-types.js';\nexport { DSPageHeaderSummaryWithSchema, type PageHeaderSummaryT } from './components/page-header-summary/index.js';\nexport { DSPageHeaderTitleWithSchema, type PageHeaderTitleT } from './components/page-header-title/index.js';\nexport {\n  DSPageHeaderEditableTitleWithSchema,\n  type PageHeaderEditableTitleT,\n} from './components/page-header-editable-title/index.js';\nexport * from './exported-related/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qCAA8D;AACvE,SAAS,mCAA0D;AACnE;AAAA,EACE;AAAA,OAEK;AACP,cAAc;",
   "names": []
 }

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

@@ -1,5 +1,10 @@
 import * as React from "react";
 import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  containerProps: {},
+  withBottomSeparator: true,
+  isSkeleton: false
+};
 const PageHeaderPropTypes = {
   ...globalAttributesPropTypes,
   /** props injected to wrapper of page header */
@@ -26,11 +31,6 @@ const PageHeaderPropTypes = {
   withBottomSeparator: PropTypes.bool.description("Border bottom below the page header"),
   isSkeleton: PropTypes.bool.description("Loading state of the page header").defaultValue(false)
 };
-const defaultProps = {
-  containerProps: {},
-  withBottomSeparator: true,
-  isSkeleton: false
-};
 export {
   PageHeaderPropTypes,
   defaultProps

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSPageHeaderT {\n  export interface DefaultProps {\n    withBottomSeparator: boolean;\n    containerProps: object;\n    isSkeleton: boolean;\n  }\n\n  export interface OptionalProps {\n    breadcrumbs?: JSX.Element;\n    pageTitle?: JSX.Element;\n    backarrow?: JSX.Element;\n    summary?: JSX.Element;\n    toolbar?: JSX.Element;\n    menu?: JSX.Element;\n    Breadcrumbs?: () => JSX.Element;\n    PageTitle?: () => JSX.Element;\n    Backarrow?: () => JSX.Element;\n    Summary?: () => JSX.Element;\n    Toolbar?: () => JSX.Element;\n    Menu?: () => JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n}\n\nexport const PageHeaderPropTypes = {\n  ...globalAttributesPropTypes,\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n  /** breadcrumbs component */\n  breadcrumbs: PropTypes.node\n    .description('breadcrumbs component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Breadcrumbs: PropTypes.func.description('breadcrumbs component'),\n  /** PageHeaderTitle component */\n  pageTitle: PropTypes.node\n    .description('PageHeaderTitle component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  PageTitle: PropTypes.func.description('PageHeaderTitle component'),\n  /** back arrow component */\n  backarrow: PropTypes.node\n    .description('back arrow component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Backarrow: PropTypes.func.description('back arrow component'),\n\n  /** PageHeaderSummary component */\n  summary: PropTypes.node\n    .description('PageHeaderSummary component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Summary: PropTypes.func.description('PageHeaderSummary component'),\n  /** toolbar component */\n  toolbar: PropTypes.node\n    .description('toolbar component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Toolbar: PropTypes.func.description('toolbar component'),\n\n  /** PageHeaderMenu component */\n  menu: PropTypes.node\n    .description('PageHeaderMenu component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Menu: PropTypes.func.description('PageHeaderMenu component'),\n  /** Border bottom below the page header */\n  withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n  isSkeleton: PropTypes.bool.description('Loading state of the page header').defaultValue(false),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n  isSkeleton: false,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B,iBAAiB;AA2B9C,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA;AAAA,EAEH,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAE1F,aAAa,UAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,UAAU,KAAK,YAAY,uBAAuB;AAAA;AAAA,EAE/D,WAAW,UAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAEjE,WAAW,UAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAG5D,SAAS,UAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,6BAA6B;AAAA;AAAA,EAEjE,SAAS,UAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAGvD,MAAM,UAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,UAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE3D,qBAAqB,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACrF,YAAY,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAC/F;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AAAA,EACrB,YAAY;AACd;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, type GlobalAttributesT, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSPageHeaderT {\n  export interface DefaultProps {\n    withBottomSeparator: boolean;\n    containerProps: object;\n    isSkeleton: boolean;\n  }\n\n  export interface OptionalProps {\n    breadcrumbs?: JSX.Element;\n    pageTitle?: JSX.Element;\n    backarrow?: JSX.Element;\n    summary?: JSX.Element;\n    toolbar?: JSX.Element;\n    menu?: JSX.Element;\n    Breadcrumbs?: () => JSX.Element;\n    PageTitle?: () => JSX.Element;\n    Backarrow?: () => JSX.Element;\n    Summary?: () => JSX.Element;\n    Toolbar?: () => JSX.Element;\n    Menu?: () => JSX.Element;\n  }\n\n  export interface RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n  isSkeleton: false,\n};\n\nexport const PageHeaderPropTypes = {\n  ...globalAttributesPropTypes,\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n  /** breadcrumbs component */\n  breadcrumbs: PropTypes.node\n    .description('breadcrumbs component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Breadcrumbs: PropTypes.func.description('breadcrumbs component'),\n  /** PageHeaderTitle component */\n  pageTitle: PropTypes.node\n    .description('PageHeaderTitle component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  PageTitle: PropTypes.func.description('PageHeaderTitle component'),\n  /** back arrow component */\n  backarrow: PropTypes.node\n    .description('back arrow component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Backarrow: PropTypes.func.description('back arrow component'),\n\n  /** PageHeaderSummary component */\n  summary: PropTypes.node\n    .description('PageHeaderSummary component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Summary: PropTypes.func.description('PageHeaderSummary component'),\n  /** toolbar component */\n  toolbar: PropTypes.node\n    .description('toolbar component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Toolbar: PropTypes.func.description('toolbar component'),\n\n  /** PageHeaderMenu component */\n  menu: PropTypes.node\n    .description('PageHeaderMenu component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Menu: PropTypes.func.description('PageHeaderMenu component'),\n  /** Border bottom below the page header */\n  withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n  isSkeleton: PropTypes.bool.description('Loading state of the page header').defaultValue(false),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAAmD,iBAAiB;AAuCtE,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AAAA,EACrB,YAAY;AACd;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA;AAAA,EAEH,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAE1F,aAAa,UAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,UAAU,KAAK,YAAY,uBAAuB;AAAA;AAAA,EAE/D,WAAW,UAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAEjE,WAAW,UAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAG5D,SAAS,UAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,6BAA6B;AAAA;AAAA,EAEjE,SAAS,UAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAGvD,MAAM,UAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,UAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE3D,qBAAqB,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACrF,YAAY,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAC/F;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-page-header-editable-title-valid.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PageHeaderEditableTitle } from "../index.js";
+const testRequiredProps = {};
+const testOptionalProps = {
+  children: "",
+  editing: false,
+  showMarker: false
+};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  children: "",
+  editing: false,
+  showMarker: false
+};
+const testInferedTypeCompatibility = {
+  children: "",
+  editing: false,
+  showMarker: false
+};
+const testDefinitionAsConst = {
+  children: "",
+  editing: false,
+  showMarker: false
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(PageHeaderEditableTitle, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(PageHeaderEditableTitle, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(PageHeaderEditableTitle, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(PageHeaderEditableTitle, { children: "", editing: false, showMarker: false })
+] });
+//# sourceMappingURL=typescript-page-header-editable-title-valid.js.map

package/dist/esm/typescript-testing/typescript-page-header-editable-title-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-editable-title-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { PageHeaderEditableTitle } from '../index.js';\nimport type { PageHeaderEditableTitleT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = PageHeaderEditableTitleT.Props;\ntype ComponentPropsInternals = PageHeaderEditableTitleT.InternalProps;\ntype ComponentPropsDefaultProps = PageHeaderEditableTitleT.DefaultProps;\ntype ComponentPropsOptionalProps = PageHeaderEditableTitleT.OptionalProps;\ntype ComponentPropsRequiredProps = PageHeaderEditableTitleT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: '',\n  editing: false,\n  showMarker: false,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  children: '',\n  editing: false,\n  showMarker: false,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  children: '',\n  editing: false,\n  showMarker: false,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  children: '',\n  editing: false,\n  showMarker: false,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <PageHeaderEditableTitle {...testExplicitDefinition} />\n    <PageHeaderEditableTitle {...testInferedTypeCompatibility} />\n    <PageHeaderEditableTitle {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <PageHeaderEditableTitle children=\"\" editing={false} showMarker={false} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuErB,mBAEE,KAFF;AAtEF,SAAS,+BAA+B;AAUxC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD;AAAA,EACrD,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AACd;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D,CAAC;AAEpE,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AACd;AAEA,MAAM,wBAAwB;AAAA,EAC5B,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AACd;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,2BAAyB,GAAG,wBAAwB;AAAA,EACrD,oBAAC,2BAAyB,GAAG,8BAA8B;AAAA,EAC3D,oBAAC,2BAAyB,GAAG,uBAAuB;AAAA,EAEpD,oBAAC,2BAAwB,UAAS,IAAG,SAAS,OAAO,YAAY,OAAO;AAAA,GAC1E;",
+  "names": []
+}

package/dist/esm/typescript-testing/typescript-page-header-summary-valid.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PageHeaderSummary } from "../index.js";
+const testRequiredProps = {};
+const testOptionalProps = {
+  value: 2,
+  label: ""
+};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  value: 2,
+  label: ""
+};
+const testInferedTypeCompatibility = {
+  value: 2,
+  label: ""
+};
+const testDefinitionAsConst = {
+  value: 2,
+  label: ""
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(PageHeaderSummary, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(PageHeaderSummary, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(PageHeaderSummary, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(PageHeaderSummary, { value: 1, label: "" })
+] });
+//# sourceMappingURL=typescript-page-header-summary-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-summary-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { PageHeaderSummary } from '../index.js';\nimport type { PageHeaderSummaryT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = PageHeaderSummaryT.Props;\ntype ComponentPropsInternals = PageHeaderSummaryT.InternalProps;\ntype ComponentPropsDefaultProps = PageHeaderSummaryT.DefaultProps;\ntype ComponentPropsOptionalProps = PageHeaderSummaryT.OptionalProps;\ntype ComponentPropsRequiredProps = PageHeaderSummaryT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  value: 2,\n  label: '',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  value: 2,\n  label: '',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  value: 2,\n  label: '',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  value: 2,\n  label: '',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <PageHeaderSummary {...testExplicitDefinition} />\n    <PageHeaderSummary {...testInferedTypeCompatibility} />\n    <PageHeaderSummary {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <PageHeaderSummary value={1} label=\"\" />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmErB,mBAEE,KAFF;AAlEF,SAAS,yBAAyB;AAUlC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD;AAAA,EACrD,OAAO;AAAA,EACP,OAAO;AACT;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D,CAAC;AAEpE,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,OAAO;AACT;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,OAAO;AACT;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AACT;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,qBAAmB,GAAG,wBAAwB;AAAA,EAC/C,oBAAC,qBAAmB,GAAG,8BAA8B;AAAA,EACrD,oBAAC,qBAAmB,GAAG,uBAAuB;AAAA,EAE9C,oBAAC,qBAAkB,OAAO,GAAG,OAAM,IAAG;AAAA,GACxC;",
+  "names": []
+}

package/dist/esm/typescript-testing/typescript-page-header-title-valid.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PageHeaderTitle } from "../index.js";
+const testRequiredProps = {};
+const testOptionalProps = {};
+const testPartialDefaults = {
+  children: ""
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  children: "",
+  showMarker: true
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  children: "",
+  showMarker: true
+};
+const testInferedTypeCompatibility = {
+  children: "",
+  showMarker: true
+};
+const testDefinitionAsConst = {
+  children: "",
+  showMarker: true
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(PageHeaderTitle, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(PageHeaderTitle, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(PageHeaderTitle, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(PageHeaderTitle, { children: "", showMarker: true })
+] });
+//# sourceMappingURL=typescript-page-header-title-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-title-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { PageHeaderTitle } from '../index.js';\nimport type { PageHeaderTitleT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = PageHeaderTitleT.Props;\ntype ComponentPropsInternals = PageHeaderTitleT.InternalProps;\ntype ComponentPropsDefaultProps = PageHeaderTitleT.DefaultProps;\ntype ComponentPropsOptionalProps = PageHeaderTitleT.OptionalProps;\ntype ComponentPropsRequiredProps = PageHeaderTitleT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  children: '',\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  children: '',\n  showMarker: true,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  children: '',\n  showMarker: true,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  children: '',\n  showMarker: true,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  children: '',\n  showMarker: true,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <PageHeaderTitle {...testExplicitDefinition} />\n    <PageHeaderTitle {...testInferedTypeCompatibility} />\n    <PageHeaderTitle {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <PageHeaderTitle children=\"\" showMarker={true} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqErB,mBAEE,KAFF;AApEF,SAAS,uBAAuB;AAUhC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,UAAU;AACZ;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,UAAU;AAAA,EACV,YAAY;AACd;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,UAAU;AAAA,EACV,YAAY;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,UAAU;AAAA,EACV,YAAY;AACd;AAEA,MAAM,wBAAwB;AAAA,EAC5B,UAAU;AAAA,EACV,YAAY;AACd;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,mBAAiB,GAAG,wBAAwB;AAAA,EAC7C,oBAAC,mBAAiB,GAAG,8BAA8B;AAAA,EACnD,oBAAC,mBAAiB,GAAG,uBAAuB;AAAA,EAE5C,oBAAC,mBAAgB,UAAS,IAAG,YAAY,MAAM;AAAA,GACjD;",
+  "names": []
+}