@elliemae/ds-ribbon 3.60.0-next.2 → 3.60.0-next.21

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 (160) hide show
  1. package/dist/cjs/constants/index.js +36 -0
  2. package/dist/cjs/constants/index.js.map +7 -0
  3. package/dist/cjs/index.js +31 -3
  4. package/dist/cjs/index.js.map +4 -4
  5. package/dist/cjs/parts/DSRibbonCard/DSRibbonCard.js +73 -0
  6. package/dist/cjs/parts/DSRibbonCard/DSRibbonCard.js.map +7 -0
  7. package/dist/cjs/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.js +82 -0
  8. package/dist/cjs/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.js.map +7 -0
  9. package/dist/cjs/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.js +82 -0
  10. package/dist/cjs/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.js.map +7 -0
  11. package/dist/cjs/parts/DSRibbonCard/PureLabelPlace.js +61 -0
  12. package/dist/cjs/parts/DSRibbonCard/PureLabelPlace.js.map +7 -0
  13. package/dist/cjs/parts/DSRibbonCard/config/useRibbonCard.js +63 -0
  14. package/dist/cjs/parts/DSRibbonCard/config/useRibbonCard.js.map +7 -0
  15. package/dist/cjs/parts/DSRibbonCard/config/useValidateProps.js +39 -0
  16. package/dist/cjs/parts/DSRibbonCard/config/useValidateProps.js.map +7 -0
  17. package/dist/cjs/parts/DSRibbonCard/constants/index.js +49 -0
  18. package/dist/cjs/parts/DSRibbonCard/constants/index.js.map +7 -0
  19. package/dist/cjs/parts/DSRibbonCard/index.js +40 -0
  20. package/dist/cjs/parts/DSRibbonCard/index.js.map +7 -0
  21. package/dist/cjs/parts/DSRibbonCard/react-desc-prop-types.js +69 -0
  22. package/dist/cjs/parts/DSRibbonCard/react-desc-prop-types.js.map +7 -0
  23. package/dist/cjs/parts/DSRibbonCard/styled.js +138 -0
  24. package/dist/cjs/parts/DSRibbonCard/styled.js.map +7 -0
  25. package/dist/cjs/parts/DSRibbonCol/DSRibbonCol.js +83 -0
  26. package/dist/cjs/parts/DSRibbonCol/DSRibbonCol.js.map +7 -0
  27. package/dist/cjs/parts/DSRibbonCol/config/useRibbonCol.js +63 -0
  28. package/dist/cjs/parts/DSRibbonCol/config/useRibbonCol.js.map +7 -0
  29. package/dist/cjs/parts/DSRibbonCol/config/useValidateProps.js +39 -0
  30. package/dist/cjs/parts/DSRibbonCol/config/useValidateProps.js.map +7 -0
  31. package/dist/cjs/parts/DSRibbonCol/constants/index.js +43 -0
  32. package/dist/cjs/parts/DSRibbonCol/constants/index.js.map +7 -0
  33. package/dist/cjs/parts/DSRibbonCol/index.js +40 -0
  34. package/dist/cjs/parts/DSRibbonCol/index.js.map +7 -0
  35. package/dist/cjs/parts/DSRibbonCol/react-desc-prop-types.js +46 -0
  36. package/dist/cjs/parts/DSRibbonCol/react-desc-prop-types.js.map +7 -0
  37. package/dist/cjs/parts/DSRibbonRow/DSRibbonRow.js +111 -0
  38. package/dist/cjs/parts/DSRibbonRow/DSRibbonRow.js.map +7 -0
  39. package/dist/cjs/parts/DSRibbonRow/config/useRibbonRow.js +63 -0
  40. package/dist/cjs/parts/DSRibbonRow/config/useRibbonRow.js.map +7 -0
  41. package/dist/cjs/parts/DSRibbonRow/config/useValidateProps.js +39 -0
  42. package/dist/cjs/parts/DSRibbonRow/config/useValidateProps.js.map +7 -0
  43. package/dist/cjs/parts/DSRibbonRow/constants/index.js +43 -0
  44. package/dist/cjs/parts/DSRibbonRow/constants/index.js.map +7 -0
  45. package/dist/cjs/parts/DSRibbonRow/index.js +40 -0
  46. package/dist/cjs/parts/DSRibbonRow/index.js.map +7 -0
  47. package/dist/cjs/parts/DSRibbonRow/react-desc-prop-types.js +53 -0
  48. package/dist/cjs/parts/DSRibbonRow/react-desc-prop-types.js.map +7 -0
  49. package/dist/cjs/parts/DSRibbonWrapper/DSRibbonWrapper.js +85 -0
  50. package/dist/cjs/parts/DSRibbonWrapper/DSRibbonWrapper.js.map +7 -0
  51. package/dist/cjs/parts/DSRibbonWrapper/config/useRibbonWrapper.js +63 -0
  52. package/dist/cjs/parts/DSRibbonWrapper/config/useRibbonWrapper.js.map +7 -0
  53. package/dist/cjs/parts/DSRibbonWrapper/config/useValidateProps.js +39 -0
  54. package/dist/cjs/parts/DSRibbonWrapper/config/useValidateProps.js.map +7 -0
  55. package/dist/cjs/parts/DSRibbonWrapper/constants/index.js +43 -0
  56. package/dist/cjs/parts/DSRibbonWrapper/constants/index.js.map +7 -0
  57. package/dist/cjs/parts/DSRibbonWrapper/index.js +40 -0
  58. package/dist/cjs/parts/DSRibbonWrapper/index.js.map +7 -0
  59. package/dist/cjs/parts/DSRibbonWrapper/react-desc-prop-types.js +46 -0
  60. package/dist/cjs/parts/DSRibbonWrapper/react-desc-prop-types.js.map +7 -0
  61. package/dist/esm/constants/index.js +6 -0
  62. package/dist/esm/constants/index.js.map +7 -0
  63. package/dist/esm/index.js +50 -2
  64. package/dist/esm/index.js.map +4 -4
  65. package/dist/esm/parts/DSRibbonCard/DSRibbonCard.js +43 -0
  66. package/dist/esm/parts/DSRibbonCard/DSRibbonCard.js.map +7 -0
  67. package/dist/esm/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.js +52 -0
  68. package/dist/esm/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.js.map +7 -0
  69. package/dist/esm/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.js +52 -0
  70. package/dist/esm/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.js.map +7 -0
  71. package/dist/esm/parts/DSRibbonCard/PureLabelPlace.js +31 -0
  72. package/dist/esm/parts/DSRibbonCard/PureLabelPlace.js.map +7 -0
  73. package/dist/esm/parts/DSRibbonCard/config/useRibbonCard.js +33 -0
  74. package/dist/esm/parts/DSRibbonCard/config/useRibbonCard.js.map +7 -0
  75. package/dist/esm/parts/DSRibbonCard/config/useValidateProps.js +9 -0
  76. package/dist/esm/parts/DSRibbonCard/config/useValidateProps.js.map +7 -0
  77. package/dist/esm/parts/DSRibbonCard/constants/index.js +19 -0
  78. package/dist/esm/parts/DSRibbonCard/constants/index.js.map +7 -0
  79. package/dist/esm/parts/DSRibbonCard/index.js +10 -0
  80. package/dist/esm/parts/DSRibbonCard/index.js.map +7 -0
  81. package/dist/esm/parts/DSRibbonCard/react-desc-prop-types.js +44 -0
  82. package/dist/esm/parts/DSRibbonCard/react-desc-prop-types.js.map +7 -0
  83. package/dist/esm/parts/DSRibbonCard/styled.js +108 -0
  84. package/dist/esm/parts/DSRibbonCard/styled.js.map +7 -0
  85. package/dist/esm/parts/DSRibbonCol/DSRibbonCol.js +53 -0
  86. package/dist/esm/parts/DSRibbonCol/DSRibbonCol.js.map +7 -0
  87. package/dist/esm/parts/DSRibbonCol/config/useRibbonCol.js +33 -0
  88. package/dist/esm/parts/DSRibbonCol/config/useRibbonCol.js.map +7 -0
  89. package/dist/esm/parts/DSRibbonCol/config/useValidateProps.js +9 -0
  90. package/dist/esm/parts/DSRibbonCol/config/useValidateProps.js.map +7 -0
  91. package/dist/esm/parts/DSRibbonCol/constants/index.js +13 -0
  92. package/dist/esm/parts/DSRibbonCol/constants/index.js.map +7 -0
  93. package/dist/esm/parts/DSRibbonCol/index.js +10 -0
  94. package/dist/esm/parts/DSRibbonCol/index.js.map +7 -0
  95. package/dist/esm/parts/DSRibbonCol/react-desc-prop-types.js +16 -0
  96. package/dist/esm/parts/DSRibbonCol/react-desc-prop-types.js.map +7 -0
  97. package/dist/esm/parts/DSRibbonRow/DSRibbonRow.js +81 -0
  98. package/dist/esm/parts/DSRibbonRow/DSRibbonRow.js.map +7 -0
  99. package/dist/esm/parts/DSRibbonRow/config/useRibbonRow.js +33 -0
  100. package/dist/esm/parts/DSRibbonRow/config/useRibbonRow.js.map +7 -0
  101. package/dist/esm/parts/DSRibbonRow/config/useValidateProps.js +9 -0
  102. package/dist/esm/parts/DSRibbonRow/config/useValidateProps.js.map +7 -0
  103. package/dist/esm/parts/DSRibbonRow/constants/index.js +13 -0
  104. package/dist/esm/parts/DSRibbonRow/constants/index.js.map +7 -0
  105. package/dist/esm/parts/DSRibbonRow/index.js +10 -0
  106. package/dist/esm/parts/DSRibbonRow/index.js.map +7 -0
  107. package/dist/esm/parts/DSRibbonRow/react-desc-prop-types.js +28 -0
  108. package/dist/esm/parts/DSRibbonRow/react-desc-prop-types.js.map +7 -0
  109. package/dist/esm/parts/DSRibbonWrapper/DSRibbonWrapper.js +55 -0
  110. package/dist/esm/parts/DSRibbonWrapper/DSRibbonWrapper.js.map +7 -0
  111. package/dist/esm/parts/DSRibbonWrapper/config/useRibbonWrapper.js +33 -0
  112. package/dist/esm/parts/DSRibbonWrapper/config/useRibbonWrapper.js.map +7 -0
  113. package/dist/esm/parts/DSRibbonWrapper/config/useValidateProps.js +9 -0
  114. package/dist/esm/parts/DSRibbonWrapper/config/useValidateProps.js.map +7 -0
  115. package/dist/esm/parts/DSRibbonWrapper/constants/index.js +13 -0
  116. package/dist/esm/parts/DSRibbonWrapper/constants/index.js.map +7 -0
  117. package/dist/esm/parts/DSRibbonWrapper/index.js +10 -0
  118. package/dist/esm/parts/DSRibbonWrapper/index.js.map +7 -0
  119. package/dist/esm/parts/DSRibbonWrapper/react-desc-prop-types.js +16 -0
  120. package/dist/esm/parts/DSRibbonWrapper/react-desc-prop-types.js.map +7 -0
  121. package/dist/types/constants/index.d.ts +1 -0
  122. package/dist/types/index.d.ts +10 -1
  123. package/dist/types/parts/DSRibbonCard/DSRibbonCard.d.ts +5 -0
  124. package/dist/types/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.d.ts +7 -0
  125. package/dist/types/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.d.ts +7 -0
  126. package/dist/types/parts/DSRibbonCard/PureLabelPlace.d.ts +13 -0
  127. package/dist/types/parts/DSRibbonCard/config/useRibbonCard.d.ts +373 -0
  128. package/dist/types/parts/DSRibbonCard/config/useValidateProps.d.ts +3 -0
  129. package/dist/types/parts/DSRibbonCard/constants/index.d.ts +20 -0
  130. package/dist/types/parts/DSRibbonCard/index.d.ts +2 -0
  131. package/dist/types/parts/DSRibbonCard/react-desc-prop-types.d.ts +29 -0
  132. package/dist/types/parts/DSRibbonCard/styled.d.ts +21 -0
  133. package/dist/types/parts/DSRibbonCard/tests/DSRibbonCard.test.d.ts +1 -0
  134. package/dist/types/parts/DSRibbonCol/DSRibbonCol.d.ts +5 -0
  135. package/dist/types/parts/DSRibbonCol/config/useRibbonCol.d.ts +373 -0
  136. package/dist/types/parts/DSRibbonCol/config/useValidateProps.d.ts +3 -0
  137. package/dist/types/parts/DSRibbonCol/constants/index.d.ts +8 -0
  138. package/dist/types/parts/DSRibbonCol/index.d.ts +2 -0
  139. package/dist/types/parts/DSRibbonCol/react-desc-prop-types.d.ts +18 -0
  140. package/dist/types/parts/DSRibbonCol/tests/DSRibbonCol.test.d.ts +1 -0
  141. package/dist/types/parts/DSRibbonRow/DSRibbonRow.d.ts +5 -0
  142. package/dist/types/parts/DSRibbonRow/config/useRibbonRow.d.ts +373 -0
  143. package/dist/types/parts/DSRibbonRow/config/useValidateProps.d.ts +3 -0
  144. package/dist/types/parts/DSRibbonRow/constants/index.d.ts +8 -0
  145. package/dist/types/parts/DSRibbonRow/index.d.ts +2 -0
  146. package/dist/types/parts/DSRibbonRow/react-desc-prop-types.d.ts +20 -0
  147. package/dist/types/parts/DSRibbonRow/tests/DSRibbonRow.test.d.ts +1 -0
  148. package/dist/types/parts/DSRibbonWrapper/DSRibbonWrapper.d.ts +5 -0
  149. package/dist/types/parts/DSRibbonWrapper/config/useRibbonWrapper.d.ts +373 -0
  150. package/dist/types/parts/DSRibbonWrapper/config/useValidateProps.d.ts +3 -0
  151. package/dist/types/parts/DSRibbonWrapper/constants/index.d.ts +8 -0
  152. package/dist/types/parts/DSRibbonWrapper/index.d.ts +2 -0
  153. package/dist/types/parts/DSRibbonWrapper/react-desc-prop-types.d.ts +18 -0
  154. package/dist/types/parts/DSRibbonWrapper/tests/DSRibbonWrapper.test.d.ts +1 -0
  155. package/package.json +23 -23
  156. package/dist/cjs/DSRibbon.js +0 -284
  157. package/dist/cjs/DSRibbon.js.map +0 -7
  158. package/dist/esm/DSRibbon.js +0 -254
  159. package/dist/esm/DSRibbon.js.map +0 -7
  160. package/dist/types/DSRibbon.d.ts +0 -65
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { RIBBON_ROW_DATA_TESTID, RIBBON_ROW_SLOTS } from "./constants/index.js";
3
+ import { DSRibbonRow, DSRibbonRowWithSchema } from "./DSRibbonRow.js";
4
+ export {
5
+ DSRibbonRow,
6
+ DSRibbonRowWithSchema,
7
+ RIBBON_ROW_DATA_TESTID,
8
+ RIBBON_ROW_SLOTS
9
+ };
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonRow/index.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { RIBBON_ROW_DATA_TESTID, RIBBON_ROW_SLOTS } from './constants/index.js';\nexport { DSRibbonRow, DSRibbonRowWithSchema } from './DSRibbonRow.js';\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,wBAAwB;AACzD,SAAS,aAAa,6BAA6B;",
6
+ "names": []
7
+ }
@@ -0,0 +1,28 @@
1
+ import * as React from "react";
2
+ import {
3
+ PropTypes,
4
+ getPropsPerSlotPropTypes,
5
+ globalAttributesPropTypes,
6
+ xstyledPropTypes
7
+ } from "@elliemae/ds-props-helpers";
8
+ import { DSRibbonName, RIBBON_ROW_SLOTS } from "./constants/index.js";
9
+ const defaultProps = {
10
+ alignLeft: false,
11
+ solid: false
12
+ };
13
+ const DSRibbonRowPropTypes = {
14
+ ...getPropsPerSlotPropTypes(DSRibbonName, RIBBON_ROW_SLOTS),
15
+ ...globalAttributesPropTypes,
16
+ ...xstyledPropTypes,
17
+ alignLeft: PropTypes.bool.description(
18
+ "If true, the content will be aligned to the left and the row will stretch to fill the height of the tallest column."
19
+ ),
20
+ solid: PropTypes.bool.description("If true, the dashed border between columns will be solid.")
21
+ };
22
+ const DSRibbonRowPropTypesSchema = DSRibbonRowPropTypes;
23
+ export {
24
+ DSRibbonRowPropTypes,
25
+ DSRibbonRowPropTypesSchema,
26
+ defaultProps
27
+ };
28
+ //# sourceMappingURL=react-desc-prop-types.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonRow/react-desc-prop-types.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } 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 { DSRibbonName, RIBBON_ROW_SLOTS } from './constants/index.js';\n\nexport declare namespace DSRibbonRowT {\n export interface RequiredProps {}\n\n export interface DefaultProps {\n alignLeft: boolean;\n solid: boolean;\n }\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_ROW_SLOTS> {}\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSRibbonRowT.DefaultProps = {\n alignLeft: false,\n solid: false,\n};\n\nexport const DSRibbonRowPropTypes: DSPropTypesSchema<DSRibbonRowT.Props> = {\n ...getPropsPerSlotPropTypes(DSRibbonName, RIBBON_ROW_SLOTS),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n alignLeft: PropTypes.bool.description(\n 'If true, the content will be aligned to the left and the row will stretch to fill the height of the tallest column.',\n ),\n solid: PropTypes.bool.description('If true, the dashed border between columns will be solid.'),\n};\n\nexport const DSRibbonRowPropTypesSchema = DSRibbonRowPropTypes as unknown as ValidationMap<DSRibbonRowT.Props>;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc,wBAAwB;AA2BxC,MAAM,eAA0C;AAAA,EACrD,WAAW;AAAA,EACX,OAAO;AACT;AAEO,MAAM,uBAA8D;AAAA,EACzE,GAAG,yBAAyB,cAAc,gBAAgB;AAAA,EAC1D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,OAAO,UAAU,KAAK,YAAY,2DAA2D;AAC/F;AAEO,MAAM,6BAA6B;",
6
+ "names": []
7
+ }
@@ -0,0 +1,55 @@
1
+ import * as React from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { describe } from "@elliemae/ds-props-helpers";
4
+ import { styled, xStyledCommonProps } from "@elliemae/ds-system";
5
+ import React2 from "react";
6
+ import { useRibbonWrapper } from "./config/useRibbonWrapper.js";
7
+ import { DSRibbonName, RIBBON_WRAPPER_SLOTS } from "./constants/index.js";
8
+ import { DSRibbonWrapperPropTypesSchema } from "./react-desc-prop-types.js";
9
+ const StyledFlexWrapper = styled("div", { name: DSRibbonName, slot: RIBBON_WRAPPER_SLOTS.RIBBON_WRAPPER })`
10
+ width: 100%;
11
+ display: flex;
12
+ flex-direction: column;
13
+ padding: 0.62rem 1.22rem;
14
+ border-bottom: solid 1px #cfcfd7;
15
+ background: #fff;
16
+ & > .DSRibbon-ribbon-row {
17
+ border-bottom: solid 1px #ebedf0;
18
+ width: auto;
19
+ &:last-child {
20
+ border: none;
21
+ }
22
+ & > .DSRibbon-ribbon-col {
23
+ &:last-child {
24
+ &:after {
25
+ display: none;
26
+ }
27
+ }
28
+ }
29
+ }
30
+ ${xStyledCommonProps}
31
+ `;
32
+ const DSRibbonWrapper = (props) => {
33
+ const { propsWithDefault, xstyledProps, globalProps } = useRibbonWrapper(props);
34
+ const { children } = propsWithDefault;
35
+ const getOwnerProps = React2.useCallback(() => propsWithDefault, [propsWithDefault]);
36
+ const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
37
+ return /* @__PURE__ */ jsx(
38
+ StyledFlexWrapper,
39
+ {
40
+ ...globalProps,
41
+ ...xstyledProps,
42
+ getOwnerProps,
43
+ getOwnerPropsArguments,
44
+ children
45
+ }
46
+ );
47
+ };
48
+ DSRibbonWrapper.displayName = "DSRibbonWrapper";
49
+ const DSRibbonWrapperWithSchema = describe(DSRibbonWrapper);
50
+ DSRibbonWrapperWithSchema.propTypes = DSRibbonWrapperPropTypesSchema;
51
+ export {
52
+ DSRibbonWrapper,
53
+ DSRibbonWrapperWithSchema
54
+ };
55
+ //# sourceMappingURL=DSRibbonWrapper.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonWrapper/DSRibbonWrapper.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport React from 'react';\nimport { useRibbonWrapper } from './config/useRibbonWrapper.js';\nimport { DSRibbonName, RIBBON_WRAPPER_SLOTS } from './constants/index.js';\nimport { type DSRibbonWrapperT, DSRibbonWrapperPropTypesSchema } from './react-desc-prop-types.js';\n\nconst StyledFlexWrapper = styled('div', { name: DSRibbonName, slot: RIBBON_WRAPPER_SLOTS.RIBBON_WRAPPER })`\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: 0.62rem 1.22rem;\n border-bottom: solid 1px #cfcfd7;\n background: #fff;\n & > .DSRibbon-ribbon-row {\n border-bottom: solid 1px #ebedf0;\n width: auto;\n &:last-child {\n border: none;\n }\n & > .DSRibbon-ribbon-col {\n &:last-child {\n &:after {\n display: none;\n }\n }\n }\n }\n ${xStyledCommonProps}\n`;\nconst DSRibbonWrapper: React.ComponentType<DSRibbonWrapperT.Props> = (props) => {\n const { propsWithDefault, xstyledProps, globalProps } = useRibbonWrapper(props);\n const { children } = propsWithDefault;\n const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n\n return (\n <StyledFlexWrapper\n {...globalProps}\n {...xstyledProps}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n {children}\n </StyledFlexWrapper>\n );\n};\n\nDSRibbonWrapper.displayName = 'DSRibbonWrapper';\nconst DSRibbonWrapperWithSchema = describe(DSRibbonWrapper);\nDSRibbonWrapperWithSchema.propTypes = DSRibbonWrapperPropTypesSchema;\n\nexport { DSRibbonWrapper, DSRibbonWrapperWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACqCnB;AArCJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,0BAA0B;AAC3C,OAAOA,YAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,cAAc,4BAA4B;AACnD,SAAgC,sCAAsC;AAEtE,MAAM,oBAAoB,OAAO,OAAO,EAAE,MAAM,cAAc,MAAM,qBAAqB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAqBrG,kBAAkB;AAAA;AAEtB,MAAM,kBAA+D,CAAC,UAAU;AAC9E,QAAM,EAAE,kBAAkB,cAAc,YAAY,IAAI,iBAAiB,KAAK;AAC9E,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,gBAAgBA,OAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyBA,OAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
6
+ "names": ["React"]
7
+ }
@@ -0,0 +1,33 @@
1
+ import * as React from "react";
2
+ import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
3
+ import React2 from "react";
4
+ import { uid } from "uid";
5
+ import { DSRibbonWrapperPropTypesSchema, defaultProps } from "../react-desc-prop-types.js";
6
+ import { useValidateProps } from "./useValidateProps.js";
7
+ const useRibbonWrapper = (propsFromUser) => {
8
+ const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
9
+ useValidateProps(propsWithDefault, DSRibbonWrapperPropTypesSchema);
10
+ const globalProps = useGetGlobalAttributes(propsWithDefault);
11
+ const xstyledProps = useGetXstyledProps(propsWithDefault);
12
+ const instanceUid = React2.useMemo(() => `ds-ribbon-wrapper-${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
+ useRibbonWrapper
32
+ };
33
+ //# sourceMappingURL=useRibbonWrapper.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSRibbonWrapper/config/useRibbonWrapper.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { type DSRibbonWrapperT, DSRibbonWrapperPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useRibbonWrapper = (propsFromUser: DSRibbonWrapperT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSRibbonWrapperT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSRibbonWrapperPropTypesSchema);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSRibbonWrapperT.InternalProps, HTMLDivElement>(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-ribbon-wrapper-${uid(5)}`, []);\n\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,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAgC,gCAAgC,oBAAoB;AACpF,SAAS,wBAAwB;AAE1B,MAAM,mBAAmB,CAAC,kBAA0C;AAIzE,QAAM,mBAAmB,6BAA6D,eAAe,YAAY;AACjH,mBAAiB,kBAAkB,8BAA8B;AAIjE,QAAM,cAAc,uBAAuE,gBAAgB;AAC3G,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,cAAcA,OAAM,QAAQ,MAAM,qBAAqB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAOzE,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,9 @@
1
+ import * as React from "react";
2
+ import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
3
+ const useValidateProps = (props, propTypes) => {
4
+ useValidateTypescriptPropTypes(props, propTypes, "DSRibbonWrapper");
5
+ };
6
+ export {
7
+ useValidateProps
8
+ };
9
+ //# sourceMappingURL=useValidateProps.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSRibbonWrapper/config/useValidateProps.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSRibbonWrapperT } from '../react-desc-prop-types.js';\n\nexport const useValidateProps = (\n props: DSRibbonWrapperT.InternalProps,\n propTypes: ValidationMap<DSRibbonWrapperT.Props>,\n): void => {\n // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n useValidateTypescriptPropTypes(props, propTypes, 'DSRibbonWrapper');\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,sCAAsC;AAGxC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,iBAAiB;AACpE;",
6
+ "names": []
7
+ }
@@ -0,0 +1,13 @@
1
+ import * as React from "react";
2
+ import { slotObjectToDataTestIds } from "@elliemae/ds-system";
3
+ import { DSRibbonName } from "../../../constants/index.js";
4
+ const RIBBON_WRAPPER_SLOTS = {
5
+ RIBBON_WRAPPER: "ribbon-wrapper"
6
+ };
7
+ const RIBBON_WRAPPER_DATA_TESTID = slotObjectToDataTestIds(DSRibbonName, RIBBON_WRAPPER_SLOTS);
8
+ export {
9
+ DSRibbonName,
10
+ RIBBON_WRAPPER_DATA_TESTID,
11
+ RIBBON_WRAPPER_SLOTS
12
+ };
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSRibbonWrapper/constants/index.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSRibbonName } from '../../../constants/index.js';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const RIBBON_WRAPPER_SLOTS = {\n RIBBON_WRAPPER: 'ribbon-wrapper',\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 RIBBON_WRAPPER_DATA_TESTID = slotObjectToDataTestIds(DSRibbonName, RIBBON_WRAPPER_SLOTS);\nexport { DSRibbonName };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAGtB,MAAM,uBAAuB;AAAA,EAClC,gBAAgB;AAClB;AAGO,MAAM,6BAA6B,wBAAwB,cAAc,oBAAoB;",
6
+ "names": []
7
+ }
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { RIBBON_WRAPPER_DATA_TESTID, RIBBON_WRAPPER_SLOTS } from "./constants/index.js";
3
+ import { DSRibbonWrapper, DSRibbonWrapperWithSchema } from "./DSRibbonWrapper.js";
4
+ export {
5
+ DSRibbonWrapper,
6
+ DSRibbonWrapperWithSchema,
7
+ RIBBON_WRAPPER_DATA_TESTID,
8
+ RIBBON_WRAPPER_SLOTS
9
+ };
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonWrapper/index.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { RIBBON_WRAPPER_DATA_TESTID, RIBBON_WRAPPER_SLOTS } from './constants/index.js';\nexport { DSRibbonWrapper, DSRibbonWrapperWithSchema } from './DSRibbonWrapper.js';\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,4BAA4B,4BAA4B;AACjE,SAAS,iBAAiB,iCAAiC;",
6
+ "names": []
7
+ }
@@ -0,0 +1,16 @@
1
+ import * as React from "react";
2
+ import { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
3
+ import { DSRibbonName, RIBBON_WRAPPER_SLOTS } from "./constants/index.js";
4
+ const defaultProps = {};
5
+ const DSRibbonWrapperPropTypes = {
6
+ ...getPropsPerSlotPropTypes(DSRibbonName, RIBBON_WRAPPER_SLOTS),
7
+ ...globalAttributesPropTypes,
8
+ ...xstyledPropTypes
9
+ };
10
+ const DSRibbonWrapperPropTypesSchema = DSRibbonWrapperPropTypes;
11
+ export {
12
+ DSRibbonWrapperPropTypes,
13
+ DSRibbonWrapperPropTypesSchema,
14
+ defaultProps
15
+ };
16
+ //# sourceMappingURL=react-desc-prop-types.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonWrapper/react-desc-prop-types.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSRibbonName, RIBBON_WRAPPER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSRibbonWrapperT {\n export interface RequiredProps {}\n\n export interface DefaultProps {}\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_WRAPPER_SLOTS> {}\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSRibbonWrapperT.DefaultProps = {};\n\nexport const DSRibbonWrapperPropTypes: DSPropTypesSchema<DSRibbonWrapperT.Props> = {\n ...getPropsPerSlotPropTypes(DSRibbonName, RIBBON_WRAPPER_SLOTS),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n};\n\nexport const DSRibbonWrapperPropTypesSchema =\n DSRibbonWrapperPropTypes as unknown as ValidationMap<DSRibbonWrapperT.Props>;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,cAAc,4BAA4B;AAwB5C,MAAM,eAA8C,CAAC;AAErD,MAAM,2BAAsE;AAAA,EACjF,GAAG,yBAAyB,cAAc,oBAAoB;AAAA,EAC9D,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,iCACX;",
6
+ "names": []
7
+ }
@@ -0,0 +1 @@
1
+ export declare const DSRibbonName = "DSRibbon";
@@ -1 +1,10 @@
1
- export { DSRibbon, DSRibbonCardWithSchema } from './DSRibbon.js';
1
+ export declare const DSRibbon: {
2
+ RibbonWrapper: import("react").ComponentType<import("./parts/DSRibbonWrapper/react-desc-prop-types.js").DSRibbonWrapperT.Props>;
3
+ RibbonRow: import("react").ComponentType<import("./parts/DSRibbonRow/react-desc-prop-types.js").DSRibbonRowT.Props>;
4
+ RibbonCol: import("react").ComponentType<import("./parts/DSRibbonCol/react-desc-prop-types.js").DSRibbonColT.Props>;
5
+ RibbonCard: import("react").ComponentType<import("./parts/DSRibbonCard/react-desc-prop-types.js").DSRibbonCardT.Props>;
6
+ };
7
+ export { DSRibbonCard, DSRibbonCardWithSchema, RIBBON_CARD_DATA_TESTID, RIBBON_CARD_SLOTS, } from './parts/DSRibbonCard/index.js';
8
+ export { DSRibbonCol, DSRibbonColWithSchema, RIBBON_COL_DATA_TESTID, RIBBON_COL_SLOTS, } from './parts/DSRibbonCol/index.js';
9
+ export { DSRibbonRow, DSRibbonRowWithSchema, RIBBON_ROW_DATA_TESTID, RIBBON_ROW_SLOTS, } from './parts/DSRibbonRow/index.js';
10
+ export { DSRibbonWrapper, DSRibbonWrapperWithSchema, RIBBON_WRAPPER_DATA_TESTID, RIBBON_WRAPPER_SLOTS, } from './parts/DSRibbonWrapper/index.js';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { type DSRibbonCardT } from './react-desc-prop-types.js';
3
+ declare const DSRibbonCard: React.ComponentType<DSRibbonCardT.Props>;
4
+ declare const DSRibbonCardWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSRibbonCardT.Props>;
5
+ export { DSRibbonCard, DSRibbonCardWithSchema };
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import type { useRibbonCard } from './config/useRibbonCard.js';
3
+ import type { DSRibbonCardT } from './react-desc-prop-types.js';
4
+ export declare const DSRibbonCardWithAdditionalLabel: React.ComponentType<{
5
+ ribbonCardConfig: ReturnType<typeof useRibbonCard>;
6
+ getOwnerProps: () => DSRibbonCardT.InternalProps;
7
+ }>;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import type { useRibbonCard } from './config/useRibbonCard.js';
3
+ import type { DSRibbonCardT } from './react-desc-prop-types.js';
4
+ export declare const DSRibbonCardWithAdditionalValue: React.ComponentType<{
5
+ ribbonCardConfig: ReturnType<typeof useRibbonCard>;
6
+ getOwnerProps: () => DSRibbonCardT.InternalProps;
7
+ }>;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import type { DSRibbonCardT } from './react-desc-prop-types.js';
3
+ export declare const PureLabelPlace: React.ComponentType<PureLabelPlaceProps>;
4
+ type PureLabelPlaceProps = {
5
+ icon?: DSRibbonCardT.Props['icon'];
6
+ label?: DSRibbonCardT.Props['label'];
7
+ error?: DSRibbonCardT.Props['error'];
8
+ info?: DSRibbonCardT.Props['info'];
9
+ success?: DSRibbonCardT.Props['success'];
10
+ warning?: DSRibbonCardT.Props['warning'];
11
+ getOwnerProps: () => DSRibbonCardT.InternalProps;
12
+ };
13
+ export {};