@elliemae/ds-ribbon 3.80.0-next.22 → 3.80.0-next.30

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 (38) hide show
  1. package/dist/cjs/index.js +2 -0
  2. package/dist/cjs/index.js.map +2 -2
  3. package/dist/cjs/parts/DSRibbonCard/react-desc-prop-types.js.map +2 -2
  4. package/dist/cjs/parts/DSRibbonCol/react-desc-prop-types.js.map +2 -2
  5. package/dist/cjs/parts/DSRibbonRow/react-desc-prop-types.js.map +2 -2
  6. package/dist/cjs/parts/DSRibbonWrapper/react-desc-prop-types.js.map +2 -2
  7. package/dist/cjs/typescript-testing/slot-props.js +66 -0
  8. package/dist/cjs/typescript-testing/slot-props.js.map +7 -0
  9. package/dist/cjs/typescript-testing/typescript-ribbon-card-valid.js +155 -0
  10. package/dist/cjs/typescript-testing/typescript-ribbon-card-valid.js.map +7 -0
  11. package/dist/cjs/typescript-testing/typescript-ribbon-col-valid.js +94 -0
  12. package/dist/cjs/typescript-testing/typescript-ribbon-col-valid.js.map +7 -0
  13. package/dist/cjs/typescript-testing/typescript-ribbon-row-valid.js +96 -0
  14. package/dist/cjs/typescript-testing/typescript-ribbon-row-valid.js.map +7 -0
  15. package/dist/cjs/typescript-testing/typescript-ribbon-wrapper-valid.js +94 -0
  16. package/dist/cjs/typescript-testing/typescript-ribbon-wrapper-valid.js.map +7 -0
  17. package/dist/esm/index.js +2 -0
  18. package/dist/esm/index.js.map +2 -2
  19. package/dist/esm/parts/DSRibbonCard/react-desc-prop-types.js.map +2 -2
  20. package/dist/esm/parts/DSRibbonCol/react-desc-prop-types.js.map +2 -2
  21. package/dist/esm/parts/DSRibbonRow/react-desc-prop-types.js.map +2 -2
  22. package/dist/esm/parts/DSRibbonWrapper/react-desc-prop-types.js.map +2 -2
  23. package/dist/esm/typescript-testing/slot-props.js +43 -0
  24. package/dist/esm/typescript-testing/slot-props.js.map +7 -0
  25. package/dist/esm/typescript-testing/typescript-ribbon-card-valid.js +125 -0
  26. package/dist/esm/typescript-testing/typescript-ribbon-card-valid.js.map +7 -0
  27. package/dist/esm/typescript-testing/typescript-ribbon-col-valid.js +64 -0
  28. package/dist/esm/typescript-testing/typescript-ribbon-col-valid.js.map +7 -0
  29. package/dist/esm/typescript-testing/typescript-ribbon-row-valid.js +66 -0
  30. package/dist/esm/typescript-testing/typescript-ribbon-row-valid.js.map +7 -0
  31. package/dist/esm/typescript-testing/typescript-ribbon-wrapper-valid.js +64 -0
  32. package/dist/esm/typescript-testing/typescript-ribbon-wrapper-valid.js.map +7 -0
  33. package/dist/types/index.d.ts +1 -0
  34. package/dist/types/parts/DSRibbonCard/react-desc-prop-types.d.ts +9 -0
  35. package/dist/types/parts/DSRibbonCol/react-desc-prop-types.d.ts +3 -0
  36. package/dist/types/parts/DSRibbonRow/react-desc-prop-types.d.ts +3 -0
  37. package/dist/types/parts/DSRibbonWrapper/react-desc-prop-types.d.ts +3 -0
  38. package/package.json +6 -6
@@ -0,0 +1,64 @@
1
+ import * as React from "react";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { DSRibbonWrapper } from "../parts/DSRibbonWrapper/index.js";
4
+ const testRequiredProps = {};
5
+ const testOptionalProps = {};
6
+ const testPartialDefaults = {};
7
+ const testCompleteDefaults = {};
8
+ const testProps = {
9
+ ...testRequiredProps,
10
+ ...testOptionalProps,
11
+ ...testPartialDefaults
12
+ };
13
+ const testPropsAsSyntax = {
14
+ ...testRequiredProps,
15
+ ...testOptionalProps,
16
+ ...testPartialDefaults
17
+ };
18
+ const testInternalProps = {
19
+ ...testRequiredProps,
20
+ ...testOptionalProps,
21
+ ...testCompleteDefaults
22
+ };
23
+ const testInternalPropsAsSyntax = {
24
+ ...testRequiredProps,
25
+ ...testOptionalProps,
26
+ ...testCompleteDefaults
27
+ };
28
+ const testExplicitDefinition = {
29
+ id: "ribbon-wrapper",
30
+ className: "custom-class",
31
+ "aria-label": "Job stats",
32
+ dsRibbonRibbonWrapper: { "data-custom": "from-object" }
33
+ };
34
+ const testInferedTypeCompatibility = {
35
+ id: "ribbon-wrapper",
36
+ className: "custom-class",
37
+ dsRibbonRibbonWrapper: () => ({ "data-custom": "from-function" })
38
+ };
39
+ const testDefinitionAsConst = {
40
+ id: "ribbon-wrapper",
41
+ className: "custom-class"
42
+ };
43
+ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
44
+ /* @__PURE__ */ jsx(DSRibbonWrapper, { ...testExplicitDefinition, children: "content" }),
45
+ /* @__PURE__ */ jsx(DSRibbonWrapper, { ...testInferedTypeCompatibility, children: "content" }),
46
+ /* @__PURE__ */ jsx(DSRibbonWrapper, { ...testDefinitionAsConst, children: "content" }),
47
+ /* @__PURE__ */ jsx(
48
+ DSRibbonWrapper,
49
+ {
50
+ id: "ribbon-wrapper",
51
+ className: "custom-class",
52
+ role: "region",
53
+ "aria-label": "Job stats",
54
+ dsRibbonRibbonWrapper: { "data-custom": "inline-object" },
55
+ children: "content"
56
+ }
57
+ ),
58
+ /* @__PURE__ */ jsx(DSRibbonWrapper, { dsRibbonRibbonWrapper: () => ({ "data-custom": "inline-function" }), children: "content" })
59
+ ] });
60
+ var typescript_ribbon_wrapper_valid_default = ExampleUsageComponent;
61
+ export {
62
+ typescript_ribbon_wrapper_valid_default as default
63
+ };
64
+ //# sourceMappingURL=typescript-ribbon-wrapper-valid.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-ribbon-wrapper-valid.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n/* eslint-disable local-rules/custom-rule */\nimport { DSRibbonWrapper } from '../parts/DSRibbonWrapper/index.js';\nimport type { DSRibbonWrapperT } from '../parts/DSRibbonWrapper/react-desc-prop-types.js';\n\ntype ComponentPropsForApp = DSRibbonWrapperT.Props;\ntype ComponentPropsInternals = DSRibbonWrapperT.InternalProps;\ntype ComponentPropsDefaultProps = DSRibbonWrapperT.DefaultProps;\ntype ComponentPropsOptionalProps = DSRibbonWrapperT.OptionalProps;\ntype ComponentPropsRequiredProps = DSRibbonWrapperT.RequiredProps;\n\n// This part declares no required, default or own optional props \u2014 its surface is children, global\n// attributes, xstyled props and its single slot. The empty buckets are the assertion: if a prop is\n// ever added to any of those interfaces, these stop compiling.\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testCompleteDefaults: Required<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\nconst testInternalProps: ComponentPropsInternals = {\n ...testRequiredProps,\n ...testOptionalProps,\n ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n ...testRequiredProps,\n ...testOptionalProps,\n ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\nconst testExplicitDefinition: ComponentPropsForApp = {\n id: 'ribbon-wrapper',\n className: 'custom-class',\n 'aria-label': 'Job stats',\n dsRibbonRibbonWrapper: { 'data-custom': 'from-object' },\n};\n\nconst testInferedTypeCompatibility = {\n id: 'ribbon-wrapper',\n className: 'custom-class',\n dsRibbonRibbonWrapper: () => ({ 'data-custom': 'from-function' }),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n id: 'ribbon-wrapper',\n className: 'custom-class',\n} as const;\n\nconst ExampleUsageComponent = () => (\n <>\n <DSRibbonWrapper {...testExplicitDefinition}>content</DSRibbonWrapper>\n <DSRibbonWrapper {...testInferedTypeCompatibility}>content</DSRibbonWrapper>\n <DSRibbonWrapper {...testDefinitionAsConst}>content</DSRibbonWrapper>\n\n <DSRibbonWrapper\n id=\"ribbon-wrapper\"\n className=\"custom-class\"\n role=\"region\"\n aria-label=\"Job stats\"\n dsRibbonRibbonWrapper={{ 'data-custom': 'inline-object' }}\n >\n content\n </DSRibbonWrapper>\n\n <DSRibbonWrapper dsRibbonRibbonWrapper={() => ({ 'data-custom': 'inline-function' })}>content</DSRibbonWrapper>\n </>\n);\n\nexport default ExampleUsageComponent;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACiErB,mBACE,KADF;AA/DF,SAAS,uBAAuB;AAYhC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAExD,MAAM,sBAA2D,CAAC;AAElE,MAAM,uBAA6D,CAAC;AAEpE,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;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;AAEA,MAAM,yBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,uBAAuB,EAAE,eAAe,cAAc;AACxD;AAEA,MAAM,+BAA+B;AAAA,EACnC,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,uBAAuB,OAAO,EAAE,eAAe,gBAAgB;AACjE;AAEA,MAAM,wBAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,WAAW;AACb;AAEA,MAAM,wBAAwB,MAC5B,iCACE;AAAA,sBAAC,mBAAiB,GAAG,wBAAwB,qBAAO;AAAA,EACpD,oBAAC,mBAAiB,GAAG,8BAA8B,qBAAO;AAAA,EAC1D,oBAAC,mBAAiB,GAAG,uBAAuB,qBAAO;AAAA,EAEnD;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MACX,uBAAuB,EAAE,eAAe,gBAAgB;AAAA,MACzD;AAAA;AAAA,EAED;AAAA,EAEA,oBAAC,mBAAgB,uBAAuB,OAAO,EAAE,eAAe,kBAAkB,IAAI,qBAAO;AAAA,GAC/F;AAGF,IAAO,0CAAQ;",
6
+ "names": []
7
+ }
@@ -4,6 +4,7 @@ export declare const DSRibbon: {
4
4
  RibbonCol: import("react").ComponentType<import("./parts/DSRibbonCol/react-desc-prop-types.js").DSRibbonColT.Props>;
5
5
  RibbonCard: import("react").ComponentType<import("./parts/DSRibbonCard/react-desc-prop-types.js").DSRibbonCardT.Props>;
6
6
  };
7
+ export { DSRibbonName } from './constants/index.js';
7
8
  export { DSRibbonCard, DSRibbonCardWithSchema, RIBBON_CARD_DATA_TESTID, RIBBON_CARD_SLOTS, type DSRibbonCardT, DSRibbonCardPropTypes, } from './parts/DSRibbonCard/index.js';
8
9
  export { DSRibbonCol, DSRibbonColWithSchema, RIBBON_COL_DATA_TESTID, RIBBON_COL_SLOTS, type DSRibbonColT, DSRibbonColPropTypes, } from './parts/DSRibbonCol/index.js';
9
10
  export { DSRibbonRow, DSRibbonRowWithSchema, RIBBON_ROW_DATA_TESTID, RIBBON_ROW_SLOTS, type DSRibbonRowT, DSRibbonRowPropTypes, } from './parts/DSRibbonRow/index.js';
@@ -18,6 +18,15 @@ export declare namespace DSRibbonCardT {
18
18
  statusText: string;
19
19
  center: boolean;
20
20
  }
21
+ type SlotFunctionArguments = {
22
+ dsRibbonRibbonCardBlock: () => object;
23
+ dsRibbonRibbonCardBlockRow: () => object;
24
+ dsRibbonRibbonCardBlockCol: () => object;
25
+ dsRibbonRibbonCardBlockIcon: () => object;
26
+ dsRibbonRibbonCardBlockLabel: () => object;
27
+ dsRibbonRibbonCardBlockValue: () => object;
28
+ dsRibbonRibbonCardBlockValueLabel: () => object;
29
+ };
21
30
  interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_CARD_SLOTS> {
22
31
  }
23
32
  interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>, XstyledProps, RequiredProps {
@@ -6,6 +6,9 @@ export declare namespace DSRibbonColT {
6
6
  }
7
7
  interface DefaultProps {
8
8
  }
9
+ type SlotFunctionArguments = {
10
+ dsRibbonRibbonCol: () => object;
11
+ };
9
12
  interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_COL_SLOTS> {
10
13
  }
11
14
  interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
@@ -9,6 +9,9 @@ export declare namespace DSRibbonRowT {
9
9
  solid: boolean;
10
10
  wrapColumns: boolean;
11
11
  }
12
+ type SlotFunctionArguments = {
13
+ dsRibbonRibbonRow: () => object;
14
+ };
12
15
  interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_ROW_SLOTS> {
13
16
  }
14
17
  interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
@@ -6,6 +6,9 @@ export declare namespace DSRibbonWrapperT {
6
6
  }
7
7
  interface DefaultProps {
8
8
  }
9
+ type SlotFunctionArguments = {
10
+ dsRibbonRibbonWrapper: () => object;
11
+ };
9
12
  interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_WRAPPER_SLOTS> {
10
13
  }
11
14
  interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-ribbon",
3
- "version": "3.80.0-next.22",
3
+ "version": "3.80.0-next.30",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Ribbon",
6
6
  "files": [
@@ -36,13 +36,13 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@elliemae/ds-props-helpers": "3.80.0-next.22",
40
- "@elliemae/ds-system": "3.80.0-next.22"
39
+ "@elliemae/ds-props-helpers": "3.80.0-next.30",
40
+ "@elliemae/ds-system": "3.80.0-next.30"
41
41
  },
42
42
  "devDependencies": {
43
- "@elliemae/ds-monorepo-devops": "3.80.0-next.22",
44
- "@elliemae/ds-test-utils": "3.80.0-next.22",
45
- "@elliemae/ds-typescript-helpers": "3.80.0-next.22",
43
+ "@elliemae/ds-monorepo-devops": "3.80.0-next.30",
44
+ "@elliemae/ds-test-utils": "3.80.0-next.30",
45
+ "@elliemae/ds-typescript-helpers": "3.80.0-next.30",
46
46
  "jest": "^30.0.0",
47
47
  "styled-components": "~5.3.11"
48
48
  },