@elliemae/ds-page-header-v2 3.37.2 → 3.38.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/exported-related/skeletons.js.map +2 -2
- package/dist/cjs/typescript-testing/typescript-page-header-editable-title-valid.js +1 -1
- package/dist/cjs/typescript-testing/typescript-page-header-editable-title-valid.js.map +2 -2
- package/dist/cjs/typescript-testing/typescript-page-header-title-valid.js +1 -1
- package/dist/cjs/typescript-testing/typescript-page-header-title-valid.js.map +2 -2
- package/dist/cjs/typescript-testing/typescript-page-header-v2-valid.js.map +2 -2
- package/dist/esm/exported-related/skeletons.js.map +2 -2
- package/dist/esm/typescript-testing/typescript-page-header-editable-title-valid.js +1 -1
- package/dist/esm/typescript-testing/typescript-page-header-editable-title-valid.js.map +2 -2
- package/dist/esm/typescript-testing/typescript-page-header-title-valid.js +1 -1
- package/dist/esm/typescript-testing/typescript-page-header-title-valid.js.map +2 -2
- package/dist/esm/typescript-testing/typescript-page-header-v2-valid.js.map +2 -2
- package/package.json +13 -13
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/exported-related/skeletons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { Grid } from '@elliemae/ds-grid';\nexport const ToolbarSkeleton = () => (\n <Grid cols={['repeat(2, auto)']} gutter
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGrB;AAHF,yBAA2B;AAC3B,qBAAqB;AACd,MAAM,kBAAkB,MAC7B,6CAAC,uBAAK,MAAM,CAAC,iBAAiB,GAAG,
|
|
4
|
+
"sourcesContent": ["import { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { Grid } from '@elliemae/ds-grid';\nexport const ToolbarSkeleton = () => (\n <Grid cols={['repeat(2, auto)']} gutter=\"xxxs\">\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />\n </Grid>\n);\nexport const BreadcrumbSkeleton = () => (\n <Grid cols={['auto']} gutter=\"xxxs\" justifyContent=\"flex-start\" height=\"24px\" alignItems=\"center\">\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"1rem\" />\n </Grid>\n);\nexport const SummarySkeleton = () => <DSSkeleton marginLeft=\"xxs\" variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />;\nexport const PageTitleSkeleton = () => (\n <DSSkeleton variant=\"rectangular\" maxWidth=\"100%\" height=\"2rem\" minWidth=\"200px\" />\n);\nexport const MenuSkeleton = () => <DSSkeleton variant=\"rectangular\" width=\"2rem\" height=\"2rem\" />;\nexport const BackArrowSkeleton = () => (\n <DSSkeleton marginRight=\"xxs\" variant=\"rectangular\" width=\"2rem\" height=\"2rem\" />\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGrB;AAHF,yBAA2B;AAC3B,qBAAqB;AACd,MAAM,kBAAkB,MAC7B,6CAAC,uBAAK,MAAM,CAAC,iBAAiB,GAAG,QAAO,QACtC;AAAA,8CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAAA,EAC7D,4CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAAA,GAC/D;AAEK,MAAM,qBAAqB,MAChC,4CAAC,uBAAK,MAAM,CAAC,MAAM,GAAG,QAAO,QAAO,gBAAe,cAAa,QAAO,QAAO,YAAW,UACvF,sDAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO,GAC/D;AAEK,MAAM,kBAAkB,MAAM,4CAAC,iCAAW,YAAW,OAAM,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAC5G,MAAM,oBAAoB,MAC/B,4CAAC,iCAAW,SAAQ,eAAc,UAAS,QAAO,QAAO,QAAO,UAAS,SAAQ;AAE5E,MAAM,eAAe,MAAM,4CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AACxF,MAAM,oBAAoB,MAC/B,4CAAC,iCAAW,aAAY,OAAM,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -71,6 +71,6 @@ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)
|
|
|
71
71
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderEditableTitle, { ...testExplicitDefinition }),
|
|
72
72
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderEditableTitle, { ...testInferedTypeCompatibility }),
|
|
73
73
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderEditableTitle, { ...testDefinitionAsConst }),
|
|
74
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderEditableTitle, {
|
|
74
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderEditableTitle, { editing: false, showMarker: false, children: "Children" })
|
|
75
75
|
] });
|
|
76
76
|
//# sourceMappingURL=typescript-page-header-editable-title-valid.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-editable-title-valid.tsx"],
|
|
4
|
-
"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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACuErB;AAtEF,eAAwC;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,4EAEE;AAAA,8CAAC,oCAAyB,GAAG,wBAAwB;AAAA,EACrD,4CAAC,oCAAyB,GAAG,8BAA8B;AAAA,EAC3D,4CAAC,oCAAyB,GAAG,uBAAuB;AAAA,EAEpD,4CAAC,oCAAwB,
|
|
4
|
+
"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 editing={false} showMarker={false}>\n Children\n </PageHeaderEditableTitle>\n </>\n);\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACuErB;AAtEF,eAAwC;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,4EAEE;AAAA,8CAAC,oCAAyB,GAAG,wBAAwB;AAAA,EACrD,4CAAC,oCAAyB,GAAG,8BAA8B;AAAA,EAC3D,4CAAC,oCAAyB,GAAG,uBAAuB;AAAA,EAEpD,4CAAC,oCAAwB,SAAS,OAAO,YAAY,OAAO,sBAE5D;AAAA,GACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -69,6 +69,6 @@ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)
|
|
|
69
69
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderTitle, { ...testExplicitDefinition }),
|
|
70
70
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderTitle, { ...testInferedTypeCompatibility }),
|
|
71
71
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderTitle, { ...testDefinitionAsConst }),
|
|
72
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderTitle, {
|
|
72
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.PageHeaderTitle, { showMarker: true, children: "Children" })
|
|
73
73
|
] });
|
|
74
74
|
//# sourceMappingURL=typescript-page-header-title-valid.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-title-valid.tsx"],
|
|
4
|
-
"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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACqErB;AApEF,eAAgC;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,4EAEE;AAAA,8CAAC,4BAAiB,GAAG,wBAAwB;AAAA,EAC7C,4CAAC,4BAAiB,GAAG,8BAA8B;AAAA,EACnD,4CAAC,4BAAiB,GAAG,uBAAuB;AAAA,EAE5C,4CAAC,4BAAgB,
|
|
4
|
+
"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 showMarker>Children</PageHeaderTitle>\n </>\n);\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACqErB;AApEF,eAAgC;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,4EAEE;AAAA,8CAAC,4BAAiB,GAAG,wBAAwB;AAAA,EAC7C,4CAAC,4BAAiB,GAAG,8BAA8B;AAAA,EACnD,4CAAC,4BAAiB,GAAG,uBAAuB;AAAA,EAE5C,4CAAC,4BAAgB,YAAU,MAAC,sBAAQ;AAAA,GACtC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-v2-valid.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPageHeaderV2 } from '../index.js';\nimport type { DSPageHeaderT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPageHeaderT.Props;\ntype ComponentPropsInternals = DSPageHeaderT.InternalProps;\ntype ComponentPropsDefaultProps = DSPageHeaderT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPageHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPageHeaderT.RequiredProps;\n\nconst MockComponent = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\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 containerProps: {},\n isSkeleton: true,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\n} as const;\n\nconst ExampleUsageComponent = () => (\n <>\n {/* works with explicitly casted props, all syntaxes */}\n <DSPageHeaderV2 {...testExplicitDefinition} />\n <DSPageHeaderV2 {...testInferedTypeCompatibility} />\n <DSPageHeaderV2 {...testDefinitionAsConst} />\n {/* works with inline values */}\n <DSPageHeaderV2\n containerProps={{ 'data-testid': 'test-id' }}\n isSkeleton={false}\n withBottomSeparator={false}\n breadcrumbs={MockComponent()}\n pageTitle={MockComponent()}\n backarrow={MockComponent()}\n summary={MockComponent()}\n toolbar={MockComponent()}\n menu={MockComponent()}\n Breadcrumbs={MockComponent}\n PageTitle={MockComponent}\n Backarrow={MockComponent}\n Summary={MockComponent}\n Toolbar={MockComponent}\n Menu={MockComponent}\n />\n </>\n);\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/jsx-no-duplicate-props */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPageHeaderV2 } from '../index.js';\nimport type { DSPageHeaderT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPageHeaderT.Props;\ntype ComponentPropsInternals = DSPageHeaderT.InternalProps;\ntype ComponentPropsDefaultProps = DSPageHeaderT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPageHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPageHeaderT.RequiredProps;\n\nconst MockComponent = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\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 containerProps: {},\n isSkeleton: true,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\n} as const;\n\nconst ExampleUsageComponent = () => (\n <>\n {/* works with explicitly casted props, all syntaxes */}\n <DSPageHeaderV2 {...testExplicitDefinition} />\n <DSPageHeaderV2 {...testInferedTypeCompatibility} />\n <DSPageHeaderV2 {...testDefinitionAsConst} />\n {/* works with inline values */}\n <DSPageHeaderV2\n containerProps={{ 'data-testid': 'test-id' }}\n isSkeleton={false}\n withBottomSeparator={false}\n breadcrumbs={MockComponent()}\n pageTitle={MockComponent()}\n backarrow={MockComponent()}\n summary={MockComponent()}\n toolbar={MockComponent()}\n menu={MockComponent()}\n Breadcrumbs={MockComponent}\n PageTitle={MockComponent}\n Backarrow={MockComponent}\n Summary={MockComponent}\n Toolbar={MockComponent}\n Menu={MockComponent}\n />\n </>\n);\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/skeletons.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { Grid } from '@elliemae/ds-grid';\nexport const ToolbarSkeleton = () => (\n <Grid cols={['repeat(2, auto)']} gutter
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACGrB,SACE,KADF;AAHF,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACd,MAAM,kBAAkB,MAC7B,qBAAC,QAAK,MAAM,CAAC,iBAAiB,GAAG,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { Grid } from '@elliemae/ds-grid';\nexport const ToolbarSkeleton = () => (\n <Grid cols={['repeat(2, auto)']} gutter=\"xxxs\">\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />\n </Grid>\n);\nexport const BreadcrumbSkeleton = () => (\n <Grid cols={['auto']} gutter=\"xxxs\" justifyContent=\"flex-start\" height=\"24px\" alignItems=\"center\">\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"1rem\" />\n </Grid>\n);\nexport const SummarySkeleton = () => <DSSkeleton marginLeft=\"xxs\" variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />;\nexport const PageTitleSkeleton = () => (\n <DSSkeleton variant=\"rectangular\" maxWidth=\"100%\" height=\"2rem\" minWidth=\"200px\" />\n);\nexport const MenuSkeleton = () => <DSSkeleton variant=\"rectangular\" width=\"2rem\" height=\"2rem\" />;\nexport const BackArrowSkeleton = () => (\n <DSSkeleton marginRight=\"xxs\" variant=\"rectangular\" width=\"2rem\" height=\"2rem\" />\n);\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACGrB,SACE,KADF;AAHF,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACd,MAAM,kBAAkB,MAC7B,qBAAC,QAAK,MAAM,CAAC,iBAAiB,GAAG,QAAO,QACtC;AAAA,sBAAC,cAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAAA,EAC7D,oBAAC,cAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAAA,GAC/D;AAEK,MAAM,qBAAqB,MAChC,oBAAC,QAAK,MAAM,CAAC,MAAM,GAAG,QAAO,QAAO,gBAAe,cAAa,QAAO,QAAO,YAAW,UACvF,8BAAC,cAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO,GAC/D;AAEK,MAAM,kBAAkB,MAAM,oBAAC,cAAW,YAAW,OAAM,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAC5G,MAAM,oBAAoB,MAC/B,oBAAC,cAAW,SAAQ,eAAc,UAAS,QAAO,QAAO,QAAO,UAAS,SAAQ;AAE5E,MAAM,eAAe,MAAM,oBAAC,cAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AACxF,MAAM,oBAAoB,MAC/B,oBAAC,cAAW,aAAY,OAAM,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -48,6 +48,6 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
|
48
48
|
/* @__PURE__ */ jsx(PageHeaderEditableTitle, { ...testExplicitDefinition }),
|
|
49
49
|
/* @__PURE__ */ jsx(PageHeaderEditableTitle, { ...testInferedTypeCompatibility }),
|
|
50
50
|
/* @__PURE__ */ jsx(PageHeaderEditableTitle, { ...testDefinitionAsConst }),
|
|
51
|
-
/* @__PURE__ */ jsx(PageHeaderEditableTitle, {
|
|
51
|
+
/* @__PURE__ */ jsx(PageHeaderEditableTitle, { editing: false, showMarker: false, children: "Children" })
|
|
52
52
|
] });
|
|
53
53
|
//# sourceMappingURL=typescript-page-header-editable-title-valid.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-editable-title-valid.tsx"],
|
|
4
|
-
"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
|
|
5
|
-
"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,
|
|
4
|
+
"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 editing={false} showMarker={false}>\n Children\n </PageHeaderEditableTitle>\n </>\n);\n"],
|
|
5
|
+
"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,SAAS,OAAO,YAAY,OAAO,sBAE5D;AAAA,GACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -46,6 +46,6 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
|
46
46
|
/* @__PURE__ */ jsx(PageHeaderTitle, { ...testExplicitDefinition }),
|
|
47
47
|
/* @__PURE__ */ jsx(PageHeaderTitle, { ...testInferedTypeCompatibility }),
|
|
48
48
|
/* @__PURE__ */ jsx(PageHeaderTitle, { ...testDefinitionAsConst }),
|
|
49
|
-
/* @__PURE__ */ jsx(PageHeaderTitle, {
|
|
49
|
+
/* @__PURE__ */ jsx(PageHeaderTitle, { showMarker: true, children: "Children" })
|
|
50
50
|
] });
|
|
51
51
|
//# sourceMappingURL=typescript-page-header-title-valid.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-title-valid.tsx"],
|
|
4
|
-
"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
|
|
5
|
-
"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,
|
|
4
|
+
"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 showMarker>Children</PageHeaderTitle>\n </>\n);\n"],
|
|
5
|
+
"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,YAAU,MAAC,sBAAQ;AAAA,GACtC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-page-header-v2-valid.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPageHeaderV2 } from '../index.js';\nimport type { DSPageHeaderT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPageHeaderT.Props;\ntype ComponentPropsInternals = DSPageHeaderT.InternalProps;\ntype ComponentPropsDefaultProps = DSPageHeaderT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPageHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPageHeaderT.RequiredProps;\n\nconst MockComponent = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\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 containerProps: {},\n isSkeleton: true,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\n} as const;\n\nconst ExampleUsageComponent = () => (\n <>\n {/* works with explicitly casted props, all syntaxes */}\n <DSPageHeaderV2 {...testExplicitDefinition} />\n <DSPageHeaderV2 {...testInferedTypeCompatibility} />\n <DSPageHeaderV2 {...testDefinitionAsConst} />\n {/* works with inline values */}\n <DSPageHeaderV2\n containerProps={{ 'data-testid': 'test-id' }}\n isSkeleton={false}\n withBottomSeparator={false}\n breadcrumbs={MockComponent()}\n pageTitle={MockComponent()}\n backarrow={MockComponent()}\n summary={MockComponent()}\n toolbar={MockComponent()}\n menu={MockComponent()}\n Breadcrumbs={MockComponent}\n PageTitle={MockComponent}\n Backarrow={MockComponent}\n Summary={MockComponent}\n Toolbar={MockComponent}\n Menu={MockComponent}\n />\n </>\n);\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/jsx-no-duplicate-props */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPageHeaderV2 } from '../index.js';\nimport type { DSPageHeaderT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPageHeaderT.Props;\ntype ComponentPropsInternals = DSPageHeaderT.InternalProps;\ntype ComponentPropsDefaultProps = DSPageHeaderT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPageHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPageHeaderT.RequiredProps;\n\nconst MockComponent = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\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 containerProps: {},\n isSkeleton: true,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\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 containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n containerProps: { 'data-testid': 'test-id' },\n isSkeleton: false,\n withBottomSeparator: false,\n breadcrumbs: MockComponent(),\n pageTitle: MockComponent(),\n backarrow: MockComponent(),\n summary: MockComponent(),\n toolbar: MockComponent(),\n menu: MockComponent(),\n Breadcrumbs: MockComponent,\n PageTitle: MockComponent,\n Backarrow: MockComponent,\n Summary: MockComponent,\n Toolbar: MockComponent,\n Menu: MockComponent,\n} as const;\n\nconst ExampleUsageComponent = () => (\n <>\n {/* works with explicitly casted props, all syntaxes */}\n <DSPageHeaderV2 {...testExplicitDefinition} />\n <DSPageHeaderV2 {...testInferedTypeCompatibility} />\n <DSPageHeaderV2 {...testDefinitionAsConst} />\n {/* works with inline values */}\n <DSPageHeaderV2\n containerProps={{ 'data-testid': 'test-id' }}\n isSkeleton={false}\n withBottomSeparator={false}\n breadcrumbs={MockComponent()}\n pageTitle={MockComponent()}\n backarrow={MockComponent()}\n summary={MockComponent()}\n toolbar={MockComponent()}\n menu={MockComponent()}\n Breadcrumbs={MockComponent}\n PageTitle={MockComponent}\n Backarrow={MockComponent}\n Summary={MockComponent}\n Toolbar={MockComponent}\n Menu={MockComponent}\n />\n </>\n);\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-page-header-v2",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.38.0-rc.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Page Header V2",
|
|
6
6
|
"files": [
|
|
@@ -73,22 +73,22 @@
|
|
|
73
73
|
},
|
|
74
74
|
"dependencies": {
|
|
75
75
|
"prop-types": "~15.8.1",
|
|
76
|
-
"@elliemae/ds-breadcrumb": "3.
|
|
77
|
-
"@elliemae/ds-
|
|
78
|
-
"@elliemae/ds-
|
|
79
|
-
"@elliemae/ds-form": "3.
|
|
80
|
-
"@elliemae/ds-grid": "3.
|
|
81
|
-
"@elliemae/ds-
|
|
82
|
-
"@elliemae/ds-
|
|
83
|
-
"@elliemae/ds-
|
|
84
|
-
"@elliemae/ds-
|
|
85
|
-
"@elliemae/ds-
|
|
86
|
-
"@elliemae/ds-
|
|
76
|
+
"@elliemae/ds-breadcrumb": "3.38.0-rc.1",
|
|
77
|
+
"@elliemae/ds-button": "3.38.0-rc.1",
|
|
78
|
+
"@elliemae/ds-form": "3.38.0-rc.1",
|
|
79
|
+
"@elliemae/ds-form-input-text": "3.38.0-rc.1",
|
|
80
|
+
"@elliemae/ds-grid": "3.38.0-rc.1",
|
|
81
|
+
"@elliemae/ds-icons": "3.38.0-rc.1",
|
|
82
|
+
"@elliemae/ds-props-helpers": "3.38.0-rc.1",
|
|
83
|
+
"@elliemae/ds-icon": "3.38.0-rc.1",
|
|
84
|
+
"@elliemae/ds-skeleton": "3.38.0-rc.1",
|
|
85
|
+
"@elliemae/ds-system": "3.38.0-rc.1",
|
|
86
|
+
"@elliemae/ds-truncated-tooltip-text": "3.38.0-rc.1"
|
|
87
87
|
},
|
|
88
88
|
"devDependencies": {
|
|
89
89
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
90
90
|
"styled-components": "~5.3.9",
|
|
91
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
91
|
+
"@elliemae/ds-monorepo-devops": "3.38.0-rc.1"
|
|
92
92
|
},
|
|
93
93
|
"peerDependencies": {
|
|
94
94
|
"lodash": "^4.17.21",
|