@elliemae/ds-panel-header 3.80.0-next.22

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.
Files changed (37) hide show
  1. package/dist/cjs/DSPanelHeader.js +91 -0
  2. package/dist/cjs/DSPanelHeader.js.map +7 -0
  3. package/dist/cjs/config/usePanelHeader.js +63 -0
  4. package/dist/cjs/config/usePanelHeader.js.map +7 -0
  5. package/dist/cjs/config/useValidateProps.js +40 -0
  6. package/dist/cjs/config/useValidateProps.js.map +7 -0
  7. package/dist/cjs/constants/index.js +45 -0
  8. package/dist/cjs/constants/index.js.map +7 -0
  9. package/dist/cjs/index.js +40 -0
  10. package/dist/cjs/index.js.map +7 -0
  11. package/dist/cjs/package.json +7 -0
  12. package/dist/cjs/react-desc-prop-types.js +50 -0
  13. package/dist/cjs/react-desc-prop-types.js.map +7 -0
  14. package/dist/cjs/typescript-testing/DSPanelHeaderNamespace.js +113 -0
  15. package/dist/cjs/typescript-testing/DSPanelHeaderNamespace.js.map +7 -0
  16. package/dist/esm/DSPanelHeader.js +61 -0
  17. package/dist/esm/DSPanelHeader.js.map +7 -0
  18. package/dist/esm/config/usePanelHeader.js +33 -0
  19. package/dist/esm/config/usePanelHeader.js.map +7 -0
  20. package/dist/esm/config/useValidateProps.js +10 -0
  21. package/dist/esm/config/useValidateProps.js.map +7 -0
  22. package/dist/esm/constants/index.js +15 -0
  23. package/dist/esm/constants/index.js.map +7 -0
  24. package/dist/esm/index.js +10 -0
  25. package/dist/esm/index.js.map +7 -0
  26. package/dist/esm/package.json +7 -0
  27. package/dist/esm/react-desc-prop-types.js +25 -0
  28. package/dist/esm/react-desc-prop-types.js.map +7 -0
  29. package/dist/esm/typescript-testing/DSPanelHeaderNamespace.js +90 -0
  30. package/dist/esm/typescript-testing/DSPanelHeaderNamespace.js.map +7 -0
  31. package/dist/types/DSPanelHeader.d.ts +5 -0
  32. package/dist/types/config/usePanelHeader.d.ts +379 -0
  33. package/dist/types/config/useValidateProps.d.ts +3 -0
  34. package/dist/types/constants/index.d.ts +11 -0
  35. package/dist/types/index.d.ts +3 -0
  36. package/dist/types/react-desc-prop-types.d.ts +23 -0
  37. package/package.json +73 -0
@@ -0,0 +1,33 @@
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
4
+ import { uid } from "uid";
5
+ import { DSPanelHeaderPropTypes, defaultProps } from "../react-desc-prop-types.js";
6
+ import { useValidateProps } from "./useValidateProps.js";
7
+ const usePanelHeader = (propsFromUser) => {
8
+ const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
9
+ useValidateProps(propsWithDefault, DSPanelHeaderPropTypes);
10
+ const globalProps = useGetGlobalAttributes(propsWithDefault);
11
+ const xstyledProps = useGetXstyledProps(propsWithDefault);
12
+ const instanceUid = React2.useMemo(() => `ds-panel-header-${uid(5)}`, []);
13
+ return React2.useMemo(
14
+ () => ({
15
+ propsWithDefault,
16
+ xstyledProps,
17
+ globalProps,
18
+ instanceUid
19
+ // ...eventHandlers,
20
+ }),
21
+ [
22
+ propsWithDefault,
23
+ xstyledProps,
24
+ globalProps,
25
+ instanceUid
26
+ // eventHandlers,
27
+ ]
28
+ );
29
+ };
30
+ export {
31
+ usePanelHeader
32
+ };
33
+ //# sourceMappingURL=usePanelHeader.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/usePanelHeader.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSPanelHeaderT, DSPanelHeaderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface PanelHeaderCTX {\n propsWithDefault: DSPanelHeaderT.InternalProps;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n instanceUid: string;\n}\n\nexport const usePanelHeader = (propsFromUser: DSPanelHeaderT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSPanelHeaderT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSPanelHeaderPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSPanelHeaderT.InternalProps, HTMLElement>(propsWithDefault);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const instanceUid = React.useMemo(() => `ds-panel-header-${uid(5)}`, []);\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n xstyledProps,\n globalProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n xstyledProps,\n globalProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AACpB,SAA8B,wBAAwB,oBAAoB;AAC1E,SAAS,wBAAwB;AAQ1B,MAAM,iBAAiB,CAAC,kBAAwC;AAIrE,QAAM,mBAAmB,6BAA2D,eAAe,YAAY;AAC/G,mBAAiB,kBAAkB,sBAAsB;AAIzD,QAAM,cAAc,uBAAkE,gBAAgB;AACtG,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,cAAcA,OAAM,QAAQ,MAAM,mBAAmB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAMvE,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
6
+ "names": ["React"]
7
+ }
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
3
+ import { DSPanelHeaderName } from "../constants/index.js";
4
+ const useValidateProps = (props, propTypes) => {
5
+ useValidateTypescriptPropTypes(props, propTypes, DSPanelHeaderName);
6
+ };
7
+ export {
8
+ useValidateProps
9
+ };
10
+ //# sourceMappingURL=useValidateProps.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSPanelHeaderT } from '../react-desc-prop-types.js';\nimport { DSPanelHeaderName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSPanelHeaderT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n useValidateTypescriptPropTypes(props, propTypes, DSPanelHeaderName);\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,yBAAyB;AAE3B,MAAM,mBAAmB,CAAC,OAAqC,cAA4C;AAEhH,iCAA+B,OAAO,WAAW,iBAAiB;AACpE;",
6
+ "names": []
7
+ }
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import { slotObjectToDataTestIds } from "@elliemae/ds-system";
3
+ const DSPanelHeaderName = "DSPanelheader";
4
+ const PANEL_HEADER_SLOTS = {
5
+ ROOT: "root",
6
+ LEFT_REGION: "leftRegion",
7
+ RIGHT_REGION: "rightRegion"
8
+ };
9
+ const PANEL_HEADER_DATA_TESTID = slotObjectToDataTestIds(DSPanelHeaderName, PANEL_HEADER_SLOTS);
10
+ export {
11
+ DSPanelHeaderName,
12
+ PANEL_HEADER_DATA_TESTID,
13
+ PANEL_HEADER_SLOTS
14
+ };
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSPanelHeaderName = 'DSPanelheader';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PANEL_HEADER_SLOTS = {\n ROOT: 'root',\n LEFT_REGION: 'leftRegion',\n RIGHT_REGION: 'rightRegion',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PANEL_HEADER_DATA_TESTID = slotObjectToDataTestIds(DSPanelHeaderName, PANEL_HEADER_SLOTS);\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,oBAAoB;AAG1B,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,cAAc;AAChB;AAGO,MAAM,2BAA2B,wBAAwB,mBAAmB,kBAAkB;",
6
+ "names": []
7
+ }
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { DSPanelHeader, DSPanelHeaderWithSchema } from "./DSPanelHeader.js";
3
+ import { PANEL_HEADER_SLOTS, PANEL_HEADER_DATA_TESTID } from "./constants/index.js";
4
+ export {
5
+ DSPanelHeader,
6
+ DSPanelHeaderWithSchema,
7
+ PANEL_HEADER_DATA_TESTID,
8
+ PANEL_HEADER_SLOTS
9
+ };
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSPanelHeader, DSPanelHeaderWithSchema } from './DSPanelHeader.js';\nexport { type DSPanelHeaderT } from './react-desc-prop-types.js';\nexport { PANEL_HEADER_SLOTS, PANEL_HEADER_DATA_TESTID } from './constants/index.js';\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,eAAe,+BAA+B;AAEvD,SAAS,oBAAoB,gCAAgC;",
6
+ "names": []
7
+ }
@@ -0,0 +1,7 @@
1
+ {
2
+ "type": "module",
3
+ "sideEffects": [
4
+ "*.css",
5
+ "*.scss"
6
+ ]
7
+ }
@@ -0,0 +1,25 @@
1
+ import * as React from "react";
2
+ import {
3
+ PropTypes,
4
+ getPropsPerSlotPropTypes,
5
+ globalAttributesPropTypes,
6
+ xstyledPropTypes
7
+ } from "@elliemae/ds-props-helpers";
8
+ import { DSPanelHeaderName, PANEL_HEADER_SLOTS } from "./constants/index.js";
9
+ const defaultProps = {};
10
+ const DSPanelHeaderPropTypes = {
11
+ ...getPropsPerSlotPropTypes(DSPanelHeaderName, PANEL_HEADER_SLOTS),
12
+ ...globalAttributesPropTypes,
13
+ ...xstyledPropTypes,
14
+ LeftRegion: PropTypes.func.description("Region A \u2014 agnostic region intended to identify the content (e.g. a title)"),
15
+ RightRegion: PropTypes.func.description(
16
+ "Region 1 \u2014 agnostic region reserved for interactive elements, such as a Toolbar"
17
+ )
18
+ };
19
+ const DSPanelHeaderPropTypesSchema = DSPanelHeaderPropTypes;
20
+ export {
21
+ DSPanelHeaderPropTypes,
22
+ DSPanelHeaderPropTypesSchema,
23
+ defaultProps
24
+ };
25
+ //# sourceMappingURL=react-desc-prop-types.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n PropTypes,\n getPropsPerSlotPropTypes,\n globalAttributesPropTypes,\n xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSPanelHeaderName, PANEL_HEADER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSPanelHeaderT {\n export interface RequiredProps {}\n\n export interface DefaultProps {}\n\n export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n typeof DSPanelHeaderName,\n typeof PANEL_HEADER_SLOTS\n > {\n className?: string;\n /** Region A \u2014 agnostic region intended to identify the content (e.g. a title) */\n LeftRegion?: () => JSX.Element;\n /** Region 1 \u2014 agnostic region reserved for interactive elements, such as a Toolbar */\n RightRegion?: () => JSX.Element;\n }\n\n export interface Props\n extends\n Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends\n DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSPanelHeaderT.DefaultProps = {};\n\nexport const DSPanelHeaderPropTypes: DSPropTypesSchema<DSPanelHeaderT.Props> = {\n ...getPropsPerSlotPropTypes(DSPanelHeaderName, PANEL_HEADER_SLOTS),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n LeftRegion: PropTypes.func.description('Region A \u2014 agnostic region intended to identify the content (e.g. a title)'),\n RightRegion: PropTypes.func.description(\n 'Region 1 \u2014 agnostic region reserved for interactive elements, such as a Toolbar',\n ),\n};\n\nexport const DSPanelHeaderPropTypesSchema = DSPanelHeaderPropTypes as unknown as ValidationMap<DSPanelHeaderT.Props>;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB,0BAA0B;AAmC/C,MAAM,eAA4C,CAAC;AAEnD,MAAM,yBAAkE;AAAA,EAC7E,GAAG,yBAAyB,mBAAmB,kBAAkB;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,UAAU,KAAK,YAAY,iFAA4E;AAAA,EACnH,aAAa,UAAU,KAAK;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,MAAM,+BAA+B;",
6
+ "names": []
7
+ }
@@ -0,0 +1,90 @@
1
+ import * as React from "react";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { DSPanelHeader } from "../index.js";
4
+ const TitleRegion = () => /* @__PURE__ */ jsx("span", { children: "title" });
5
+ const ToolbarRegion = () => /* @__PURE__ */ jsx("span", { children: "toolbar" });
6
+ const testRequiredProps = {};
7
+ const testOptionalProps = {
8
+ className: "string",
9
+ LeftRegion: TitleRegion,
10
+ RightRegion: ToolbarRegion,
11
+ dsPanelheaderRoot: {
12
+ onClick: () => {
13
+ },
14
+ "data-testid": "over-ride-test-id",
15
+ "aria-label": "over-ride-aria-label"
16
+ }
17
+ };
18
+ const testPartialDefaults = {};
19
+ const testProps = {
20
+ ...testRequiredProps,
21
+ ...testOptionalProps,
22
+ ...testPartialDefaults
23
+ };
24
+ const testPropsAsSyntax = {
25
+ ...testRequiredProps,
26
+ ...testOptionalProps,
27
+ ...testPartialDefaults
28
+ };
29
+ const testCompleteDefaults = {};
30
+ const testInternalProps = {
31
+ ...testRequiredProps,
32
+ ...testOptionalProps,
33
+ ...testCompleteDefaults
34
+ };
35
+ const testInternalPropsAsSyntax = {
36
+ ...testRequiredProps,
37
+ ...testOptionalProps,
38
+ ...testCompleteDefaults
39
+ };
40
+ const testExplicitDefinition = {
41
+ className: "string",
42
+ LeftRegion: TitleRegion,
43
+ RightRegion: ToolbarRegion,
44
+ dsPanelheaderRoot: {
45
+ onClick: () => {
46
+ },
47
+ "data-testid": "over-ride-test-id",
48
+ "aria-label": "over-ride-aria-label"
49
+ }
50
+ };
51
+ const testInferedTypeCompatibility = {
52
+ className: "string",
53
+ LeftRegion: TitleRegion,
54
+ RightRegion: ToolbarRegion,
55
+ dsPanelheaderRoot: {
56
+ onClick: () => {
57
+ },
58
+ "data-testid": "over-ride-test-id",
59
+ "aria-label": "over-ride-aria-label"
60
+ }
61
+ };
62
+ const testDefinitionAsConst = {
63
+ className: "string",
64
+ dsPanelheaderRoot: {
65
+ onClick: () => {
66
+ },
67
+ "data-testid": "over-ride-test-id",
68
+ "aria-label": "over-ride-aria-label"
69
+ }
70
+ };
71
+ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
72
+ /* @__PURE__ */ jsx(DSPanelHeader, { ...testExplicitDefinition }),
73
+ /* @__PURE__ */ jsx(DSPanelHeader, { ...testInferedTypeCompatibility }),
74
+ /* @__PURE__ */ jsx(DSPanelHeader, { ...testDefinitionAsConst }),
75
+ /* @__PURE__ */ jsx(
76
+ DSPanelHeader,
77
+ {
78
+ className: "string",
79
+ LeftRegion: TitleRegion,
80
+ RightRegion: ToolbarRegion,
81
+ dsPanelheaderRoot: {
82
+ onClick: () => {
83
+ },
84
+ "data-testid": "over-ride-test-id",
85
+ "aria-label": "over-ride-aria-label"
86
+ }
87
+ }
88
+ )
89
+ ] });
90
+ //# sourceMappingURL=DSPanelHeaderNamespace.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/DSPanelHeaderNamespace.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSPanelHeader, type DSPanelHeaderT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSPanelHeaderT.Props;\ntype ComponentPropsInternals = DSPanelHeaderT.InternalProps;\ntype ComponentPropsDefaultProps = DSPanelHeaderT.DefaultProps;\ntype ComponentPropsOptionalProps = DSPanelHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSPanelHeaderT.RequiredProps;\n\nconst TitleRegion = () => <span>title</span>;\nconst ToolbarRegion = () => <span>toolbar</span>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n className: 'string',\n LeftRegion: TitleRegion,\n RightRegion: ToolbarRegion,\n dsPanelheaderRoot: {\n onClick: () => {},\n 'data-testid': 'over-ride-test-id',\n 'aria-label': 'over-ride-aria-label',\n },\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 className: 'string',\n LeftRegion: TitleRegion,\n RightRegion: ToolbarRegion,\n dsPanelheaderRoot: {\n onClick: () => {},\n 'data-testid': 'over-ride-test-id',\n 'aria-label': 'over-ride-aria-label',\n },\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 className: 'string',\n LeftRegion: TitleRegion,\n RightRegion: ToolbarRegion,\n dsPanelheaderRoot: {\n onClick: () => {},\n 'data-testid': 'over-ride-test-id',\n 'aria-label': 'over-ride-aria-label',\n },\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n className: 'string',\n dsPanelheaderRoot: {\n onClick: () => {},\n 'data-testid': 'over-ride-test-id',\n 'aria-label': 'over-ride-aria-label',\n },\n} as const;\n\nconst ExampleUsageComponent = () => (\n <>\n {/* works with explicitly casted props, all syntaxes */}\n <DSPanelHeader {...testExplicitDefinition} />\n <DSPanelHeader {...testInferedTypeCompatibility} />\n <DSPanelHeader {...testDefinitionAsConst} />\n {/* works with inline values */}\n <DSPanelHeader\n className=\"string\"\n LeftRegion={TitleRegion}\n RightRegion={ToolbarRegion}\n dsPanelheaderRoot={{\n onClick: () => {},\n 'data-testid': 'over-ride-test-id',\n 'aria-label': 'over-ride-aria-label',\n }}\n />\n </>\n);\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACUG,SAiFxB,UAjFwB,KAiFxB,YAjFwB;AAT1B,SAAS,qBAA0C;AASnD,MAAM,cAAc,MAAM,oBAAC,UAAK,mBAAK;AACrC,MAAM,gBAAgB,MAAM,oBAAC,UAAK,qBAAO;AAEzC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD;AAAA,EACrD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,mBAAmB;AAAA,IACjB,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;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,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,mBAAmB;AAAA,IACjB,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,mBAAmB;AAAA,IACjB,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,mBAAmB;AAAA,IACjB,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,iBAAe,GAAG,wBAAwB;AAAA,EAC3C,oBAAC,iBAAe,GAAG,8BAA8B;AAAA,EACjD,oBAAC,iBAAe,GAAG,uBAAuB;AAAA,EAE1C;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,mBAAmB;AAAA,QACjB,SAAS,MAAM;AAAA,QAAC;AAAA,QAChB,eAAe;AAAA,QACf,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAAA,GACF;",
6
+ "names": []
7
+ }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { type DSPanelHeaderT } from './react-desc-prop-types.js';
3
+ declare const DSPanelHeader: React.ComponentType<DSPanelHeaderT.Props>;
4
+ declare const DSPanelHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSPanelHeaderT.Props>;
5
+ export { DSPanelHeader, DSPanelHeaderWithSchema };