@elliemae/ds-accordion 3.49.0-rc.21 → 3.49.0-rc.23
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/DSAccordionDefinitions.js +5 -1
- package/dist/cjs/exported-related/DSAccordionDefinitions.js.map +2 -2
- package/dist/cjs/parts/accordionItem/styles.js +10 -10
- package/dist/cjs/parts/accordionItem/styles.js.map +2 -2
- package/dist/cjs/react-desc-prop-types.js +4 -4
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/esm/exported-related/DSAccordionDefinitions.js +5 -1
- package/dist/esm/exported-related/DSAccordionDefinitions.js.map +2 -2
- package/dist/esm/parts/accordionItem/styles.js +11 -11
- package/dist/esm/parts/accordionItem/styles.js.map +2 -2
- package/dist/esm/react-desc-prop-types.js +7 -7
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/types/exported-related/DSAccordionDefinitions.d.ts +2 -0
- package/dist/types/react-desc-prop-types.d.ts +4 -2
- package/package.json +9 -8
|
@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
29
29
|
var DSAccordionDefinitions_exports = {};
|
|
30
30
|
__export(DSAccordionDefinitions_exports, {
|
|
31
31
|
DSAccordionDataTestid: () => DSAccordionDataTestid,
|
|
32
|
+
DSAccordionItemSlots: () => DSAccordionItemSlots,
|
|
32
33
|
DSAccordionName: () => DSAccordionName,
|
|
33
34
|
DSAccordionSlots: () => DSAccordionSlots
|
|
34
35
|
});
|
|
@@ -37,7 +38,9 @@ var React = __toESM(require("react"));
|
|
|
37
38
|
var import_ds_system = require("@elliemae/ds-system");
|
|
38
39
|
const DSAccordionName = "DSAccordion";
|
|
39
40
|
const DSAccordionSlots = {
|
|
40
|
-
CONTAINER: "root"
|
|
41
|
+
CONTAINER: "root"
|
|
42
|
+
};
|
|
43
|
+
const DSAccordionItemSlots = {
|
|
41
44
|
ITEM_CONTAINER: "item-container",
|
|
42
45
|
ITEM_HEADER_CONTAINER: "item-header-container",
|
|
43
46
|
ITEM_HEADER: "item-header",
|
|
@@ -51,6 +54,7 @@ const DSAccordionSlots = {
|
|
|
51
54
|
};
|
|
52
55
|
const DSAccordionDataTestid = {
|
|
53
56
|
...(0, import_ds_system.slotObjectToDataTestIds)(DSAccordionName, DSAccordionSlots),
|
|
57
|
+
...(0, import_ds_system.slotObjectToDataTestIds)(DSAccordionName, DSAccordionItemSlots),
|
|
54
58
|
ITEM_CONTENT_CONTAINER: "ds-accordion_item-content",
|
|
55
59
|
ITEM_HEADER: "ds-accordion_item-header",
|
|
56
60
|
ITEM_CONTAINER: "ds-accordion_item",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/exported-related/DSAccordionDefinitions.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSAccordionName = 'DSAccordion';\n\nexport const DSAccordionSlots = {\n CONTAINER: 'root',\n ITEM_CONTAINER: 'item-container',\n ITEM_HEADER_CONTAINER: 'item-header-container',\n ITEM_HEADER: 'item-header',\n ITEM_HEADER_ADDON: 'item-header-addon',\n ITEM_HEADER_TITLE_CONTAINER: 'item-header-titles-container',\n ITEM_HEADER_PRIMARY_TITLE: 'item-header-primary-title',\n ITEM_HEADER_SECONDARY_TITLE: 'item-header-secondary-title',\n ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n ITEM_HEADER_TOOLTIP: 'item-header-tooltip',\n ITEM_CONTENT_CONTAINER: 'item-content-container',\n};\n\nexport const DSAccordionDataTestid = {\n ...slotObjectToDataTestIds(DSAccordionName, DSAccordionSlots),\n ITEM_CONTENT_CONTAINER: 'ds-accordion_item-content',\n ITEM_HEADER: 'ds-accordion_item-header',\n ITEM_CONTAINER: 'ds-accordion_item',\n CONTAINER: 'ds-accordion_group',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AAAA,
|
|
4
|
+
"sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSAccordionName = 'DSAccordion';\n\nexport const DSAccordionSlots = {\n CONTAINER: 'root',\n};\n\nexport const DSAccordionItemSlots = {\n ITEM_CONTAINER: 'item-container',\n ITEM_HEADER_CONTAINER: 'item-header-container',\n ITEM_HEADER: 'item-header',\n ITEM_HEADER_ADDON: 'item-header-addon',\n ITEM_HEADER_TITLE_CONTAINER: 'item-header-titles-container',\n ITEM_HEADER_PRIMARY_TITLE: 'item-header-primary-title',\n ITEM_HEADER_SECONDARY_TITLE: 'item-header-secondary-title',\n ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n ITEM_HEADER_TOOLTIP: 'item-header-tooltip',\n ITEM_CONTENT_CONTAINER: 'item-content-container',\n};\n\nexport const DSAccordionDataTestid = {\n ...slotObjectToDataTestIds(DSAccordionName, DSAccordionSlots),\n ...slotObjectToDataTestIds(DSAccordionName, DSAccordionItemSlots),\n ITEM_CONTENT_CONTAINER: 'ds-accordion_item-content',\n ITEM_HEADER: 'ds-accordion_item-header',\n ITEM_CONTAINER: 'ds-accordion_item',\n CONTAINER: 'ds-accordion_group',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AACb;AAEO,MAAM,uBAAuB;AAAA,EAClC,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,sCAAsC;AAAA,EACtC,qBAAqB;AAAA,EACrB,wBAAwB;AAC1B;AAEO,MAAM,wBAAwB;AAAA,EACnC,OAAG,0CAAwB,iBAAiB,gBAAgB;AAAA,EAC5D,OAAG,0CAAwB,iBAAiB,oBAAoB;AAAA,EAChE,wBAAwB;AAAA,EACxB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,WAAW;AACb;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -45,7 +45,7 @@ var import_ds_system = require("@elliemae/ds-system");
|
|
|
45
45
|
var import_exported_related = require("../../exported-related/index.js");
|
|
46
46
|
const StyledItemContainer = (0, import_ds_system.styled)("div", {
|
|
47
47
|
name: import_exported_related.DSAccordionName,
|
|
48
|
-
slot: import_exported_related.
|
|
48
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_CONTAINER
|
|
49
49
|
})`
|
|
50
50
|
display: grid;
|
|
51
51
|
grid-template-rows: auto auto;
|
|
@@ -57,7 +57,7 @@ const StyledItemContainer = (0, import_ds_system.styled)("div", {
|
|
|
57
57
|
`;
|
|
58
58
|
const StyledItemHeader = (0, import_ds_system.styled)("button", {
|
|
59
59
|
name: import_exported_related.DSAccordionName,
|
|
60
|
-
slot: import_exported_related.
|
|
60
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_HEADER
|
|
61
61
|
})`
|
|
62
62
|
display: flex;
|
|
63
63
|
min-height: ${({ theme, withSecondaryTitle, isDSMobile }) => isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};
|
|
@@ -87,7 +87,7 @@ const StyledItemHeader = (0, import_ds_system.styled)("button", {
|
|
|
87
87
|
`;
|
|
88
88
|
const StyledItemContent = (0, import_ds_system.styled)("div", {
|
|
89
89
|
name: import_exported_related.DSAccordionName,
|
|
90
|
-
slot: import_exported_related.
|
|
90
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_CONTENT_CONTAINER
|
|
91
91
|
})`
|
|
92
92
|
padding: ${({ isDSMobile }) => isDSMobile ? `3px 16px 24px 16px` : "16px 20px"};
|
|
93
93
|
${({ selected, keepContentMounted }) => {
|
|
@@ -99,7 +99,7 @@ const StyledItemContent = (0, import_ds_system.styled)("div", {
|
|
|
99
99
|
`;
|
|
100
100
|
const StyledItemAddon = (0, import_ds_system.styled)("div", {
|
|
101
101
|
name: import_exported_related.DSAccordionName,
|
|
102
|
-
slot: import_exported_related.
|
|
102
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_HEADER_ADDON
|
|
103
103
|
})`
|
|
104
104
|
height: 100%;
|
|
105
105
|
display: grid;
|
|
@@ -110,7 +110,7 @@ const StyledItemAddon = (0, import_ds_system.styled)("div", {
|
|
|
110
110
|
`;
|
|
111
111
|
const StyledItemTitles = (0, import_ds_system.styled)("div", {
|
|
112
112
|
name: import_exported_related.DSAccordionName,
|
|
113
|
-
slot: import_exported_related.
|
|
113
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_HEADER_TITLE_CONTAINER
|
|
114
114
|
})`
|
|
115
115
|
display: grid;
|
|
116
116
|
grid-gap: ${({ theme }) => theme.space.xxxs};
|
|
@@ -120,7 +120,7 @@ const StyledItemTitles = (0, import_ds_system.styled)("div", {
|
|
|
120
120
|
`;
|
|
121
121
|
const StyledPrimaryTitle = (0, import_ds_system.styled)("div", {
|
|
122
122
|
name: import_exported_related.DSAccordionName,
|
|
123
|
-
slot: import_exported_related.
|
|
123
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_HEADER_PRIMARY_TITLE
|
|
124
124
|
})`
|
|
125
125
|
margin: 0;
|
|
126
126
|
font-size: 16px;
|
|
@@ -139,7 +139,7 @@ const StyledPrimaryTitle = (0, import_ds_system.styled)("div", {
|
|
|
139
139
|
`;
|
|
140
140
|
const StyledSecondaryTitle = (0, import_ds_system.styled)("span", {
|
|
141
141
|
name: import_exported_related.DSAccordionName,
|
|
142
|
-
slot: import_exported_related.
|
|
142
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_HEADER_SECONDARY_TITLE
|
|
143
143
|
})`
|
|
144
144
|
margin: 0;
|
|
145
145
|
font-size: ${({ theme }) => theme.fontSizes.label[200]};
|
|
@@ -156,7 +156,7 @@ const StyledSecondaryTitle = (0, import_ds_system.styled)("span", {
|
|
|
156
156
|
`;
|
|
157
157
|
const StyledItemCustomActions = (0, import_ds_system.styled)("div", {
|
|
158
158
|
name: import_exported_related.DSAccordionName,
|
|
159
|
-
slot: import_exported_related.
|
|
159
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER
|
|
160
160
|
})`
|
|
161
161
|
display: grid;
|
|
162
162
|
grid-auto-flow: column;
|
|
@@ -168,7 +168,7 @@ const StyledItemCustomActions = (0, import_ds_system.styled)("div", {
|
|
|
168
168
|
`;
|
|
169
169
|
const StyledItemHeaderContainer = (0, import_ds_system.styled)("div", {
|
|
170
170
|
name: import_exported_related.DSAccordionName,
|
|
171
|
-
slot: import_exported_related.
|
|
171
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_HEADER_CONTAINER
|
|
172
172
|
})`
|
|
173
173
|
display: grid;
|
|
174
174
|
grid-template-columns: auto max-content;
|
|
@@ -181,7 +181,7 @@ const StyledItemHeaderContainer = (0, import_ds_system.styled)("div", {
|
|
|
181
181
|
`;
|
|
182
182
|
const StyledTooltipContent = (0, import_ds_system.styled)("div", {
|
|
183
183
|
name: import_exported_related.DSAccordionName,
|
|
184
|
-
slot: import_exported_related.
|
|
184
|
+
slot: import_exported_related.DSAccordionItemSlots.ITEM_HEADER_TOOLTIP
|
|
185
185
|
})`
|
|
186
186
|
padding: 8px;
|
|
187
187
|
width: 250px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/accordionItem/styles.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName,
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA2C;AAC3C,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionItemSlots } from '../../exported-related/index.js';\ninterface StyledItemHeaderPropsT {\n withCustomActions: boolean;\n withSecondaryTitle?: string;\n isDSMobile?: boolean;\n applyAriaDisabled: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n withSecondaryTitle?: string;\n isDSMobile?: boolean;\n selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n disabled: boolean;\n applyAriaDisabled: boolean;\n isDSMobile?: boolean;\n selected: boolean;\n withSecondaryTitle: boolean;\n}\n\ninterface StyledItemContentPropsT {\n isDSMobile?: boolean;\n selected?: boolean;\n keepContentMounted: boolean;\n applyAriaDisabled: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n disabled: boolean;\n applyAriaDisabled: boolean;\n selected: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n disabled: boolean;\n applyAriaDisabled: boolean;\n isDSMobile?: boolean;\n}\n\ninterface StyledItemHeaderContainerPropsT {\n disabled: boolean;\n applyAriaDisabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n isDSMobile?: boolean;\n}\n\nexport const StyledItemContainer = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_CONTAINER,\n})`\n display: grid;\n grid-template-rows: auto auto;\n border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n align-items: center;\n min-width: 240px;\n grid-template-columns: 100%;\n ${xStyledCommonProps};\n`;\n\nexport const StyledItemHeader = styled('button', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\n display: flex;\n min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n width: 100%;\n align-items: center;\n border: none;\n outline: none;\n background: none;\n &:hover {\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n cursor: ${({ applyAriaDisabled }) => (applyAriaDisabled ? 'not-allowed' : 'pointer')};\n }\n padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n &:focus {\n &:after {\n position: absolute;\n content: '';\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 2px;\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledItemContent = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\n padding: ${({ isDSMobile }) => (isDSMobile ? `3px 16px 24px 16px` : '16px 20px')};\n ${({ selected, keepContentMounted }) => {\n if (selected) return '';\n return keepContentMounted ? 'visibility: hidden; height: 0px; padding: 0px;' : '';\n }}\n color: ${({ applyAriaDisabled, theme }) =>\n applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n ${xStyledCommonProps};\n`;\n\nexport const StyledItemAddon = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_ADDON,\n})<StyledItemAddonPropsT>`\n height: 100%;\n display: grid;\n place-items: center;\n & .em-ds-icon svg {\n fill: ${({ disabled, applyAriaDisabled, theme }) =>\n disabled || applyAriaDisabled ? theme.colors.neutral[200] : theme.colors.brand[800]};\n }\n`;\n\nexport const StyledItemTitles = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n display: grid;\n grid-gap: ${({ theme }) => theme.space.xxxs};\n grid-template-columns: 100%;\n width: 100%;\n align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n margin: 0;\n font-size: 16px;\n line-height: 1.125;\n text-align: left;\n text-overflow: ellipsis;\n min-height: ${({ theme }) => theme.space.xs};\n color: ${({ disabled, applyAriaDisabled, theme }) =>\n disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n ${({ selected }) =>\n selected\n ? `word-break: break-word;`\n : `\n overflow: hidden;\n white-space: nowrap;\n `};\n width: 100%;\n display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n margin: 0;\n font-size: ${({ theme }) => theme.fontSizes.label[200]};\n line-height: 1.273;\n text-align: left;\n min-height: 12px;\n color: ${({ disabled, applyAriaDisabled, theme }) =>\n disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n text-overflow: ellipsis;\n ${({ selected }) =>\n selected\n ? `word-break: break-word;`\n : `\n overflow: hidden;\n white-space: nowrap;\n width: 100%;\n display: block;`}\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n display: grid;\n grid-auto-flow: column;\n place-items: center;\n grid-gap: ${({ theme }) => theme.space.xxs};\n margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : '0 20px 0 16px')};\n justify-content: flex-end;\n height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n display: grid;\n grid-template-columns: auto max-content;\n place-items: center;\n position: relative;\n border-radius: 2px;\n &:hover {\n ${({ disabled, applyAriaDisabled, theme }) =>\n !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n }\n`;\n\nexport const StyledTooltipContent = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_TOOLTIP,\n})`\n padding: 8px;\n width: 250px;\n background: white;\n display: grid;\n gap: ${({ theme }) => theme.space.xxs};\n\n p {\n margin: 0;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA2C;AAC3C,8BAAsD;AAkD/C,MAAM,0BAAsB,yBAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA,6BAG4B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,IAIjE,mCAAkB;AAAA;AAGf,MAAM,uBAAmB,yBAAO,UAAU;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA,gBAEe,CAAC,EAAE,OAAO,oBAAoB,WAAW,MACrD,aAAa,SAAS,GAAG,qBAAqB,MAAM,MAAM,IAAI,MAAM,MAAM,CAAC,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAOnE,CAAC,EAAE,SAAS,MAAO,WAAW,gBAAgB,SAAU;AAAA,cACxD,CAAC,EAAE,kBAAkB,MAAO,oBAAoB,gBAAgB,SAAU;AAAA;AAAA,aAE3E,CAAC,EAAE,WAAW,MAAO,aAAa,WAAW,GAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUpC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAMzD,MAAM,wBAAoB,yBAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA,aACY,CAAC,EAAE,WAAW,MAAO,aAAa,uBAAuB,WAAY;AAAA,IAC9E,CAAC,EAAE,UAAU,mBAAmB,MAAM;AACtC,MAAI,SAAU,QAAO;AACrB,SAAO,qBAAqB,mDAAmD;AACjF,CAAC;AAAA,WACQ,CAAC,EAAE,mBAAmB,MAAM,MACnC,oBAAoB,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,IACzE,mCAAkB;AAAA;AAGf,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKW,CAAC,EAAE,UAAU,mBAAmB,MAAM,MAC5C,YAAY,oBAAoB,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAIlF,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA,cAEa,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAMtC,MAAM,yBAAqB,yBAAO,OAAO;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMe,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,WAClC,CAAC,EAAE,UAAU,mBAAmB,MAAM,MAC7C,YAAY,oBAAoB,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,iBACxE,CAAC,EAAE,OAAO,WAAW,MAAO,aAAa,MAAM,YAAY,WAAW,MAAM,YAAY,OAAQ;AAAA,IAC7G,CAAC,EAAE,SAAS,MACZ,WACI,4BACA;AAAA;AAAA;AAAA,IAGJ;AAAA;AAAA;AAAA;AAKG,MAAM,2BAAuB,yBAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,WAI7C,CAAC,EAAE,UAAU,mBAAmB,MAAM,MAC7C,YAAY,oBAAoB,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,IAErF,CAAC,EAAE,SAAS,MACZ,WACI,4BACA;AAAA;AAAA;AAAA;AAAA,kBAIU;AAAA;AAGX,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA,cAIa,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA,YAChC,CAAC,EAAE,OAAO,WAAW,MAAO,aAAa,KAAK,MAAM,MAAM,EAAE,KAAK,eAAgB;AAAA;AAAA;AAAA;AAKtF,MAAM,gCAA4B,yBAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOK,CAAC,EAAE,UAAU,mBAAmB,MAAM,MACtC,CAAC,YAAY,CAAC,oBAAoB,eAAe,MAAM,OAAO,MAAM,GAAG,CAAC,MAAM,EAAE;AAAA;AAAA;AAI/E,MAAM,2BAAuB,yBAAO,OAAO;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,6CAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,SAKQ,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -36,6 +36,7 @@ var React = __toESM(require("react"));
|
|
|
36
36
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
37
37
|
var import_DSAccordionDefinitions = require("./exported-related/DSAccordionDefinitions.js");
|
|
38
38
|
const accordionItemPropTypes = {
|
|
39
|
+
...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_DSAccordionDefinitions.DSAccordionName, import_DSAccordionDefinitions.DSAccordionItemSlots),
|
|
39
40
|
...import_ds_props_helpers.globalAttributesPropTypes,
|
|
40
41
|
...import_ds_props_helpers.xstyledPropTypes,
|
|
41
42
|
children: import_ds_props_helpers.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
|
|
@@ -61,10 +62,10 @@ const accordionItemPropTypes = {
|
|
|
61
62
|
),
|
|
62
63
|
applyAriaDisabled: import_ds_props_helpers.PropTypes.bool.description(
|
|
63
64
|
"Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION."
|
|
64
|
-
).defaultValue(false)
|
|
65
|
-
...(0, import_ds_props_helpers.getPropsPerDatatestIdPropTypes)(import_DSAccordionDefinitions.DSAccordionDataTestid)
|
|
65
|
+
).defaultValue(false)
|
|
66
66
|
};
|
|
67
67
|
const accordionPropTypes = {
|
|
68
|
+
...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_DSAccordionDefinitions.DSAccordionName, import_DSAccordionDefinitions.DSAccordionSlots),
|
|
68
69
|
...import_ds_props_helpers.globalAttributesPropTypes,
|
|
69
70
|
...import_ds_props_helpers.xstyledPropTypes,
|
|
70
71
|
containerProps: import_ds_props_helpers.PropTypes.object.description("Adds props to the container.").deprecated({ version: "4.x" }),
|
|
@@ -75,7 +76,6 @@ const accordionPropTypes = {
|
|
|
75
76
|
]).description("Selected active value. This property makes the component a controlled one."),
|
|
76
77
|
children: import_ds_props_helpers.PropTypes.node.description("Dimsum AccordionItems to show."),
|
|
77
78
|
allowMultipleOpen: import_ds_props_helpers.PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
|
|
78
|
-
onChange: import_ds_props_helpers.PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
|
|
79
|
-
...(0, import_ds_props_helpers.getPropsPerDatatestIdPropTypes)(import_DSAccordionDefinitions.DSAccordionDataTestid)
|
|
79
|
+
onChange: import_ds_props_helpers.PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
|
|
80
80
|
};
|
|
81
81
|
//# sourceMappingURL=react-desc-prop-types.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type React from 'react';\nimport {\n PropTypes,\n globalAttributesPropTypes,\n xstyledPropTypes,\n type XstyledProps,\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAMO;
|
|
4
|
+
"sourcesContent": ["import type React from 'react';\nimport {\n PropTypes,\n getPropsPerSlotPropTypes,\n globalAttributesPropTypes,\n xstyledPropTypes,\n type XstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSAccordionInternalsT } from './sharedTypes.js';\nimport { DSAccordionItemSlots, DSAccordionName, DSAccordionSlots } from './exported-related/DSAccordionDefinitions.js';\n\nexport declare namespace DSAccordionT {\n export type AccordionValueT = string | number | null | (string | number)[];\n\n // Accordion\n export interface DefaultProps {\n containerProps: Record<string, unknown>;\n allowMultipleOpen: boolean;\n onChange: (value: AccordionValueT, e: React.MouseEvent | React.KeyboardEvent) => void;\n children: React.ReactElement<InternalItemProps>[];\n isDSMobile: boolean;\n }\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSAccordionName, typeof DSAccordionSlots> {\n activeValue?: DSAccordionInternalsT.InternalActiveValue;\n }\n\n export interface RequiredProps {\n children: React.ReactElement<ItemProps>[] | React.ReactElement<ItemProps>;\n }\n\n export interface Props extends OptionalProps, Partial<Omit<DefaultProps, 'children'>>, RequiredProps {}\n\n // AccordionItem\n export interface ItemDefaultProps {\n iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n title: string;\n customActions: DSAccordionInternalsT.CustomActions[];\n disabled: boolean;\n keepContentMounted: boolean;\n xStyledPropsContent: XstyledProps;\n applyAriaDisabled: boolean;\n }\n\n export interface ItemOptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSAccordionName, typeof DSAccordionItemSlots> {\n secondaryTitle?: string;\n renderCustomActions?: (props: {\n allRefs: DSAccordionInternalsT.AllChildrenReferences;\n actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n }) => JSX.Element;\n CustomActions?: React.ComponentType<{\n allRefs: DSAccordionInternalsT.AllChildrenReferences;\n actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n }>;\n innerRef?: React.MutableRefObject<HTMLButtonElement | null> | ((_ref: HTMLButtonElement | null) => void);\n }\n\n export interface ItemRequiredProps {\n children: React.ReactNode;\n value: string | number;\n }\n\n export interface ItemProps extends ItemRequiredProps, ItemOptionalProps, Partial<ItemDefaultProps> {}\n\n export interface InternalItemProps\n extends ItemRequiredProps,\n ItemOptionalProps,\n Omit<ItemDefaultProps, 'disabled' | 'customActions' | 'iconClosed' | 'iconOpened'> {\n dsIndex: number;\n disabled: boolean;\n customActions: DSAccordionInternalsT.CustomActions[];\n iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n }\n\n export interface InternalProps\n extends OptionalProps,\n Partial<Omit<DefaultProps, 'children' | 'isDSMobile' | 'onChange'>> {\n children: React.ReactElement<InternalItemProps>[];\n isDSMobile: boolean;\n onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n }\n}\n\nexport const accordionItemPropTypes = {\n ...getPropsPerSlotPropTypes(DSAccordionName, DSAccordionItemSlots),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n title: PropTypes.string.description('Set a primary title.'),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Dimsum AccordionItem value, this value should be unique.',\n ).isRequired,\n iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.').deprecated({ version: '3.x' }),\n iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.').deprecated({ version: '3.x' }),\n secondaryTitle: PropTypes.string.description('Set a secondary title'),\n xStyledPropsContent: PropTypes.shape(xstyledPropTypes).description(\n 'This property is xStyledProps object to apply in the content wrapper',\n ),\n customActions: PropTypes.arrayOf(PropTypes.object)\n .description('Set Dimsum AccordionItem custom actions.')\n .deprecated({ version: '3.x' }),\n renderCustomActions: PropTypes.func\n .description(\n 'This property will render any JSX in the header controls area. You can access to all references and active values within the props. Rendered as a function which does not allow hook calls inside.',\n )\n .deprecated({ version: '4.x' }),\n CustomActions: PropTypes.func.description(\n 'This property will render any JSX in the header controls area. You can access to all references and active values within the props.',\n ),\n keepContentMounted: PropTypes.bool.description(\n 'This property will keep the content mounted when the AccordionItem is closed.',\n ),\n applyAriaDisabled: PropTypes.bool\n .description(\n 'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n )\n .defaultValue(false),\n};\n\nexport const accordionPropTypes = {\n ...getPropsPerSlotPropTypes(DSAccordionName, DSAccordionSlots),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n containerProps: PropTypes.object.description('Adds props to the container.').deprecated({ version: '4.x' }),\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected active value. This property makes the component a controlled one.'),\n children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAMO;AAGP,oCAAwE;AA8EjE,MAAM,yBAAyB;AAAA,EACpC,OAAG,kDAAyB,+CAAiB,kDAAoB;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,kCAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF,EAAE;AAAA,EACF,YAAY,kCAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,kCAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,qBAAqB,kCAAU,MAAM,wCAAgB,EAAE;AAAA,IACrD;AAAA,EACF;AAAA,EACA,eAAe,kCAAU,QAAQ,kCAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,kCAAU,KAC5B;AAAA,IACC;AAAA,EACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,eAAe,kCAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,oBAAoB,kCAAU,KAAK;AAAA,IACjC;AAAA,EACF;AAAA,EACA,mBAAmB,kCAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AACvB;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAG,kDAAyB,+CAAiB,8CAAgB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,kCAAU,OAAO,YAAY,8BAA8B,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC1G,aAAa,kCAAU,UAAU;AAAA,IAC/B,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,kCAAU;AAAA,IACV,kCAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,kCAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,kCAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,kCAAU,KAAK,YAAY,sDAAsD;AAC7F;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,7 +2,9 @@ import * as React from "react";
|
|
|
2
2
|
import { slotObjectToDataTestIds } from "@elliemae/ds-system";
|
|
3
3
|
const DSAccordionName = "DSAccordion";
|
|
4
4
|
const DSAccordionSlots = {
|
|
5
|
-
CONTAINER: "root"
|
|
5
|
+
CONTAINER: "root"
|
|
6
|
+
};
|
|
7
|
+
const DSAccordionItemSlots = {
|
|
6
8
|
ITEM_CONTAINER: "item-container",
|
|
7
9
|
ITEM_HEADER_CONTAINER: "item-header-container",
|
|
8
10
|
ITEM_HEADER: "item-header",
|
|
@@ -16,6 +18,7 @@ const DSAccordionSlots = {
|
|
|
16
18
|
};
|
|
17
19
|
const DSAccordionDataTestid = {
|
|
18
20
|
...slotObjectToDataTestIds(DSAccordionName, DSAccordionSlots),
|
|
21
|
+
...slotObjectToDataTestIds(DSAccordionName, DSAccordionItemSlots),
|
|
19
22
|
ITEM_CONTENT_CONTAINER: "ds-accordion_item-content",
|
|
20
23
|
ITEM_HEADER: "ds-accordion_item-header",
|
|
21
24
|
ITEM_CONTAINER: "ds-accordion_item",
|
|
@@ -23,6 +26,7 @@ const DSAccordionDataTestid = {
|
|
|
23
26
|
};
|
|
24
27
|
export {
|
|
25
28
|
DSAccordionDataTestid,
|
|
29
|
+
DSAccordionItemSlots,
|
|
26
30
|
DSAccordionName,
|
|
27
31
|
DSAccordionSlots
|
|
28
32
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/DSAccordionDefinitions.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSAccordionName = 'DSAccordion';\n\nexport const DSAccordionSlots = {\n CONTAINER: 'root',\n ITEM_CONTAINER: 'item-container',\n ITEM_HEADER_CONTAINER: 'item-header-container',\n ITEM_HEADER: 'item-header',\n ITEM_HEADER_ADDON: 'item-header-addon',\n ITEM_HEADER_TITLE_CONTAINER: 'item-header-titles-container',\n ITEM_HEADER_PRIMARY_TITLE: 'item-header-primary-title',\n ITEM_HEADER_SECONDARY_TITLE: 'item-header-secondary-title',\n ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n ITEM_HEADER_TOOLTIP: 'item-header-tooltip',\n ITEM_CONTENT_CONTAINER: 'item-content-container',\n};\n\nexport const DSAccordionDataTestid = {\n ...slotObjectToDataTestIds(DSAccordionName, DSAccordionSlots),\n ITEM_CONTENT_CONTAINER: 'ds-accordion_item-content',\n ITEM_HEADER: 'ds-accordion_item-header',\n ITEM_CONTAINER: 'ds-accordion_item',\n CONTAINER: 'ds-accordion_group',\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AAAA,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSAccordionName = 'DSAccordion';\n\nexport const DSAccordionSlots = {\n CONTAINER: 'root',\n};\n\nexport const DSAccordionItemSlots = {\n ITEM_CONTAINER: 'item-container',\n ITEM_HEADER_CONTAINER: 'item-header-container',\n ITEM_HEADER: 'item-header',\n ITEM_HEADER_ADDON: 'item-header-addon',\n ITEM_HEADER_TITLE_CONTAINER: 'item-header-titles-container',\n ITEM_HEADER_PRIMARY_TITLE: 'item-header-primary-title',\n ITEM_HEADER_SECONDARY_TITLE: 'item-header-secondary-title',\n ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n ITEM_HEADER_TOOLTIP: 'item-header-tooltip',\n ITEM_CONTENT_CONTAINER: 'item-content-container',\n};\n\nexport const DSAccordionDataTestid = {\n ...slotObjectToDataTestIds(DSAccordionName, DSAccordionSlots),\n ...slotObjectToDataTestIds(DSAccordionName, DSAccordionItemSlots),\n ITEM_CONTENT_CONTAINER: 'ds-accordion_item-content',\n ITEM_HEADER: 'ds-accordion_item-header',\n ITEM_CONTAINER: 'ds-accordion_item',\n CONTAINER: 'ds-accordion_group',\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AACb;AAEO,MAAM,uBAAuB;AAAA,EAClC,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,sCAAsC;AAAA,EACtC,qBAAqB;AAAA,EACrB,wBAAwB;AAC1B;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG,wBAAwB,iBAAiB,gBAAgB;AAAA,EAC5D,GAAG,wBAAwB,iBAAiB,oBAAoB;AAAA,EAChE,wBAAwB;AAAA,EACxB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,WAAW;AACb;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
3
|
-
import { DSAccordionName,
|
|
3
|
+
import { DSAccordionName, DSAccordionItemSlots } from "../../exported-related/index.js";
|
|
4
4
|
const StyledItemContainer = styled("div", {
|
|
5
5
|
name: DSAccordionName,
|
|
6
|
-
slot:
|
|
6
|
+
slot: DSAccordionItemSlots.ITEM_CONTAINER
|
|
7
7
|
})`
|
|
8
8
|
display: grid;
|
|
9
9
|
grid-template-rows: auto auto;
|
|
@@ -15,7 +15,7 @@ const StyledItemContainer = styled("div", {
|
|
|
15
15
|
`;
|
|
16
16
|
const StyledItemHeader = styled("button", {
|
|
17
17
|
name: DSAccordionName,
|
|
18
|
-
slot:
|
|
18
|
+
slot: DSAccordionItemSlots.ITEM_HEADER
|
|
19
19
|
})`
|
|
20
20
|
display: flex;
|
|
21
21
|
min-height: ${({ theme, withSecondaryTitle, isDSMobile }) => isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};
|
|
@@ -45,7 +45,7 @@ const StyledItemHeader = styled("button", {
|
|
|
45
45
|
`;
|
|
46
46
|
const StyledItemContent = styled("div", {
|
|
47
47
|
name: DSAccordionName,
|
|
48
|
-
slot:
|
|
48
|
+
slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER
|
|
49
49
|
})`
|
|
50
50
|
padding: ${({ isDSMobile }) => isDSMobile ? `3px 16px 24px 16px` : "16px 20px"};
|
|
51
51
|
${({ selected, keepContentMounted }) => {
|
|
@@ -57,7 +57,7 @@ const StyledItemContent = styled("div", {
|
|
|
57
57
|
`;
|
|
58
58
|
const StyledItemAddon = styled("div", {
|
|
59
59
|
name: DSAccordionName,
|
|
60
|
-
slot:
|
|
60
|
+
slot: DSAccordionItemSlots.ITEM_HEADER_ADDON
|
|
61
61
|
})`
|
|
62
62
|
height: 100%;
|
|
63
63
|
display: grid;
|
|
@@ -68,7 +68,7 @@ const StyledItemAddon = styled("div", {
|
|
|
68
68
|
`;
|
|
69
69
|
const StyledItemTitles = styled("div", {
|
|
70
70
|
name: DSAccordionName,
|
|
71
|
-
slot:
|
|
71
|
+
slot: DSAccordionItemSlots.ITEM_HEADER_TITLE_CONTAINER
|
|
72
72
|
})`
|
|
73
73
|
display: grid;
|
|
74
74
|
grid-gap: ${({ theme }) => theme.space.xxxs};
|
|
@@ -78,7 +78,7 @@ const StyledItemTitles = styled("div", {
|
|
|
78
78
|
`;
|
|
79
79
|
const StyledPrimaryTitle = styled("div", {
|
|
80
80
|
name: DSAccordionName,
|
|
81
|
-
slot:
|
|
81
|
+
slot: DSAccordionItemSlots.ITEM_HEADER_PRIMARY_TITLE
|
|
82
82
|
})`
|
|
83
83
|
margin: 0;
|
|
84
84
|
font-size: 16px;
|
|
@@ -97,7 +97,7 @@ const StyledPrimaryTitle = styled("div", {
|
|
|
97
97
|
`;
|
|
98
98
|
const StyledSecondaryTitle = styled("span", {
|
|
99
99
|
name: DSAccordionName,
|
|
100
|
-
slot:
|
|
100
|
+
slot: DSAccordionItemSlots.ITEM_HEADER_SECONDARY_TITLE
|
|
101
101
|
})`
|
|
102
102
|
margin: 0;
|
|
103
103
|
font-size: ${({ theme }) => theme.fontSizes.label[200]};
|
|
@@ -114,7 +114,7 @@ const StyledSecondaryTitle = styled("span", {
|
|
|
114
114
|
`;
|
|
115
115
|
const StyledItemCustomActions = styled("div", {
|
|
116
116
|
name: DSAccordionName,
|
|
117
|
-
slot:
|
|
117
|
+
slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER
|
|
118
118
|
})`
|
|
119
119
|
display: grid;
|
|
120
120
|
grid-auto-flow: column;
|
|
@@ -126,7 +126,7 @@ const StyledItemCustomActions = styled("div", {
|
|
|
126
126
|
`;
|
|
127
127
|
const StyledItemHeaderContainer = styled("div", {
|
|
128
128
|
name: DSAccordionName,
|
|
129
|
-
slot:
|
|
129
|
+
slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER
|
|
130
130
|
})`
|
|
131
131
|
display: grid;
|
|
132
132
|
grid-template-columns: auto max-content;
|
|
@@ -139,7 +139,7 @@ const StyledItemHeaderContainer = styled("div", {
|
|
|
139
139
|
`;
|
|
140
140
|
const StyledTooltipContent = styled("div", {
|
|
141
141
|
name: DSAccordionName,
|
|
142
|
-
slot:
|
|
142
|
+
slot: DSAccordionItemSlots.ITEM_HEADER_TOOLTIP
|
|
143
143
|
})`
|
|
144
144
|
padding: 8px;
|
|
145
145
|
width: 250px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionItem/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName,
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,iBAAiB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionItemSlots } from '../../exported-related/index.js';\ninterface StyledItemHeaderPropsT {\n withCustomActions: boolean;\n withSecondaryTitle?: string;\n isDSMobile?: boolean;\n applyAriaDisabled: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n withSecondaryTitle?: string;\n isDSMobile?: boolean;\n selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n disabled: boolean;\n applyAriaDisabled: boolean;\n isDSMobile?: boolean;\n selected: boolean;\n withSecondaryTitle: boolean;\n}\n\ninterface StyledItemContentPropsT {\n isDSMobile?: boolean;\n selected?: boolean;\n keepContentMounted: boolean;\n applyAriaDisabled: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n disabled: boolean;\n applyAriaDisabled: boolean;\n selected: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n disabled: boolean;\n applyAriaDisabled: boolean;\n isDSMobile?: boolean;\n}\n\ninterface StyledItemHeaderContainerPropsT {\n disabled: boolean;\n applyAriaDisabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n isDSMobile?: boolean;\n}\n\nexport const StyledItemContainer = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_CONTAINER,\n})`\n display: grid;\n grid-template-rows: auto auto;\n border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n align-items: center;\n min-width: 240px;\n grid-template-columns: 100%;\n ${xStyledCommonProps};\n`;\n\nexport const StyledItemHeader = styled('button', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\n display: flex;\n min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n width: 100%;\n align-items: center;\n border: none;\n outline: none;\n background: none;\n &:hover {\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n cursor: ${({ applyAriaDisabled }) => (applyAriaDisabled ? 'not-allowed' : 'pointer')};\n }\n padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n &:focus {\n &:after {\n position: absolute;\n content: '';\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 2px;\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledItemContent = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\n padding: ${({ isDSMobile }) => (isDSMobile ? `3px 16px 24px 16px` : '16px 20px')};\n ${({ selected, keepContentMounted }) => {\n if (selected) return '';\n return keepContentMounted ? 'visibility: hidden; height: 0px; padding: 0px;' : '';\n }}\n color: ${({ applyAriaDisabled, theme }) =>\n applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n ${xStyledCommonProps};\n`;\n\nexport const StyledItemAddon = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_ADDON,\n})<StyledItemAddonPropsT>`\n height: 100%;\n display: grid;\n place-items: center;\n & .em-ds-icon svg {\n fill: ${({ disabled, applyAriaDisabled, theme }) =>\n disabled || applyAriaDisabled ? theme.colors.neutral[200] : theme.colors.brand[800]};\n }\n`;\n\nexport const StyledItemTitles = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n display: grid;\n grid-gap: ${({ theme }) => theme.space.xxxs};\n grid-template-columns: 100%;\n width: 100%;\n align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n margin: 0;\n font-size: 16px;\n line-height: 1.125;\n text-align: left;\n text-overflow: ellipsis;\n min-height: ${({ theme }) => theme.space.xs};\n color: ${({ disabled, applyAriaDisabled, theme }) =>\n disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n ${({ selected }) =>\n selected\n ? `word-break: break-word;`\n : `\n overflow: hidden;\n white-space: nowrap;\n `};\n width: 100%;\n display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n margin: 0;\n font-size: ${({ theme }) => theme.fontSizes.label[200]};\n line-height: 1.273;\n text-align: left;\n min-height: 12px;\n color: ${({ disabled, applyAriaDisabled, theme }) =>\n disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n text-overflow: ellipsis;\n ${({ selected }) =>\n selected\n ? `word-break: break-word;`\n : `\n overflow: hidden;\n white-space: nowrap;\n width: 100%;\n display: block;`}\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n display: grid;\n grid-auto-flow: column;\n place-items: center;\n grid-gap: ${({ theme }) => theme.space.xxs};\n margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : '0 20px 0 16px')};\n justify-content: flex-end;\n height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n display: grid;\n grid-template-columns: auto max-content;\n place-items: center;\n position: relative;\n border-radius: 2px;\n &:hover {\n ${({ disabled, applyAriaDisabled, theme }) =>\n !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n }\n`;\n\nexport const StyledTooltipContent = styled('div', {\n name: DSAccordionName,\n slot: DSAccordionItemSlots.ITEM_HEADER_TOOLTIP,\n})`\n padding: 8px;\n width: 250px;\n background: white;\n display: grid;\n gap: ${({ theme }) => theme.space.xxs};\n\n p {\n margin: 0;\n }\n`;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import {
|
|
3
3
|
PropTypes,
|
|
4
|
+
getPropsPerSlotPropTypes,
|
|
4
5
|
globalAttributesPropTypes,
|
|
5
|
-
xstyledPropTypes
|
|
6
|
-
getPropsPerDatatestIdPropTypes
|
|
6
|
+
xstyledPropTypes
|
|
7
7
|
} from "@elliemae/ds-props-helpers";
|
|
8
|
-
import {
|
|
8
|
+
import { DSAccordionItemSlots, DSAccordionName, DSAccordionSlots } from "./exported-related/DSAccordionDefinitions.js";
|
|
9
9
|
const accordionItemPropTypes = {
|
|
10
|
+
...getPropsPerSlotPropTypes(DSAccordionName, DSAccordionItemSlots),
|
|
10
11
|
...globalAttributesPropTypes,
|
|
11
12
|
...xstyledPropTypes,
|
|
12
13
|
children: PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
|
|
@@ -32,10 +33,10 @@ const accordionItemPropTypes = {
|
|
|
32
33
|
),
|
|
33
34
|
applyAriaDisabled: PropTypes.bool.description(
|
|
34
35
|
"Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION."
|
|
35
|
-
).defaultValue(false)
|
|
36
|
-
...getPropsPerDatatestIdPropTypes(DSAccordionDataTestid)
|
|
36
|
+
).defaultValue(false)
|
|
37
37
|
};
|
|
38
38
|
const accordionPropTypes = {
|
|
39
|
+
...getPropsPerSlotPropTypes(DSAccordionName, DSAccordionSlots),
|
|
39
40
|
...globalAttributesPropTypes,
|
|
40
41
|
...xstyledPropTypes,
|
|
41
42
|
containerProps: PropTypes.object.description("Adds props to the container.").deprecated({ version: "4.x" }),
|
|
@@ -46,8 +47,7 @@ const accordionPropTypes = {
|
|
|
46
47
|
]).description("Selected active value. This property makes the component a controlled one."),
|
|
47
48
|
children: PropTypes.node.description("Dimsum AccordionItems to show."),
|
|
48
49
|
allowMultipleOpen: PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
|
|
49
|
-
onChange: PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
|
|
50
|
-
...getPropsPerDatatestIdPropTypes(DSAccordionDataTestid)
|
|
50
|
+
onChange: PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
|
|
51
51
|
};
|
|
52
52
|
export {
|
|
53
53
|
accordionItemPropTypes,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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", "import type React from 'react';\nimport {\n PropTypes,\n globalAttributesPropTypes,\n xstyledPropTypes,\n type XstyledProps,\n
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport {\n PropTypes,\n getPropsPerSlotPropTypes,\n globalAttributesPropTypes,\n xstyledPropTypes,\n type XstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSAccordionInternalsT } from './sharedTypes.js';\nimport { DSAccordionItemSlots, DSAccordionName, DSAccordionSlots } from './exported-related/DSAccordionDefinitions.js';\n\nexport declare namespace DSAccordionT {\n export type AccordionValueT = string | number | null | (string | number)[];\n\n // Accordion\n export interface DefaultProps {\n containerProps: Record<string, unknown>;\n allowMultipleOpen: boolean;\n onChange: (value: AccordionValueT, e: React.MouseEvent | React.KeyboardEvent) => void;\n children: React.ReactElement<InternalItemProps>[];\n isDSMobile: boolean;\n }\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSAccordionName, typeof DSAccordionSlots> {\n activeValue?: DSAccordionInternalsT.InternalActiveValue;\n }\n\n export interface RequiredProps {\n children: React.ReactElement<ItemProps>[] | React.ReactElement<ItemProps>;\n }\n\n export interface Props extends OptionalProps, Partial<Omit<DefaultProps, 'children'>>, RequiredProps {}\n\n // AccordionItem\n export interface ItemDefaultProps {\n iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n title: string;\n customActions: DSAccordionInternalsT.CustomActions[];\n disabled: boolean;\n keepContentMounted: boolean;\n xStyledPropsContent: XstyledProps;\n applyAriaDisabled: boolean;\n }\n\n export interface ItemOptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSAccordionName, typeof DSAccordionItemSlots> {\n secondaryTitle?: string;\n renderCustomActions?: (props: {\n allRefs: DSAccordionInternalsT.AllChildrenReferences;\n actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n }) => JSX.Element;\n CustomActions?: React.ComponentType<{\n allRefs: DSAccordionInternalsT.AllChildrenReferences;\n actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n }>;\n innerRef?: React.MutableRefObject<HTMLButtonElement | null> | ((_ref: HTMLButtonElement | null) => void);\n }\n\n export interface ItemRequiredProps {\n children: React.ReactNode;\n value: string | number;\n }\n\n export interface ItemProps extends ItemRequiredProps, ItemOptionalProps, Partial<ItemDefaultProps> {}\n\n export interface InternalItemProps\n extends ItemRequiredProps,\n ItemOptionalProps,\n Omit<ItemDefaultProps, 'disabled' | 'customActions' | 'iconClosed' | 'iconOpened'> {\n dsIndex: number;\n disabled: boolean;\n customActions: DSAccordionInternalsT.CustomActions[];\n iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n }\n\n export interface InternalProps\n extends OptionalProps,\n Partial<Omit<DefaultProps, 'children' | 'isDSMobile' | 'onChange'>> {\n children: React.ReactElement<InternalItemProps>[];\n isDSMobile: boolean;\n onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n }\n}\n\nexport const accordionItemPropTypes = {\n ...getPropsPerSlotPropTypes(DSAccordionName, DSAccordionItemSlots),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n title: PropTypes.string.description('Set a primary title.'),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Dimsum AccordionItem value, this value should be unique.',\n ).isRequired,\n iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.').deprecated({ version: '3.x' }),\n iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.').deprecated({ version: '3.x' }),\n secondaryTitle: PropTypes.string.description('Set a secondary title'),\n xStyledPropsContent: PropTypes.shape(xstyledPropTypes).description(\n 'This property is xStyledProps object to apply in the content wrapper',\n ),\n customActions: PropTypes.arrayOf(PropTypes.object)\n .description('Set Dimsum AccordionItem custom actions.')\n .deprecated({ version: '3.x' }),\n renderCustomActions: PropTypes.func\n .description(\n 'This property will render any JSX in the header controls area. You can access to all references and active values within the props. Rendered as a function which does not allow hook calls inside.',\n )\n .deprecated({ version: '4.x' }),\n CustomActions: PropTypes.func.description(\n 'This property will render any JSX in the header controls area. You can access to all references and active values within the props.',\n ),\n keepContentMounted: PropTypes.bool.description(\n 'This property will keep the content mounted when the AccordionItem is closed.',\n ),\n applyAriaDisabled: PropTypes.bool\n .description(\n 'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n )\n .defaultValue(false),\n};\n\nexport const accordionPropTypes = {\n ...getPropsPerSlotPropTypes(DSAccordionName, DSAccordionSlots),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n containerProps: PropTypes.object.description('Adds props to the container.').deprecated({ version: '4.x' }),\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected active value. This property makes the component a controlled one.'),\n children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAGP,SAAS,sBAAsB,iBAAiB,wBAAwB;AA8EjE,MAAM,yBAAyB;AAAA,EACpC,GAAG,yBAAyB,iBAAiB,oBAAoB;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF,EAAE;AAAA,EACF,YAAY,UAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,UAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,qBAAqB,UAAU,MAAM,gBAAgB,EAAE;AAAA,IACrD;AAAA,EACF;AAAA,EACA,eAAe,UAAU,QAAQ,UAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,UAAU,KAC5B;AAAA,IACC;AAAA,EACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,eAAe,UAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,oBAAoB,UAAU,KAAK;AAAA,IACjC;AAAA,EACF;AAAA,EACA,mBAAmB,UAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AACvB;AAEO,MAAM,qBAAqB;AAAA,EAChC,GAAG,yBAAyB,iBAAiB,gBAAgB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,UAAU,OAAO,YAAY,8BAA8B,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC1G,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,UAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,UAAU,KAAK,YAAY,sDAAsD;AAC7F;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import { type XstyledProps } from '@elliemae/ds-props-helpers';
|
|
3
|
+
import type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
|
|
3
4
|
import type { DSAccordionInternalsT } from './sharedTypes.js';
|
|
5
|
+
import { DSAccordionItemSlots, DSAccordionName, DSAccordionSlots } from './exported-related/DSAccordionDefinitions.js';
|
|
4
6
|
export declare namespace DSAccordionT {
|
|
5
7
|
type AccordionValueT = string | number | null | (string | number)[];
|
|
6
8
|
interface DefaultProps {
|
|
@@ -10,7 +12,7 @@ export declare namespace DSAccordionT {
|
|
|
10
12
|
children: React.ReactElement<InternalItemProps>[];
|
|
11
13
|
isDSMobile: boolean;
|
|
12
14
|
}
|
|
13
|
-
interface OptionalProps {
|
|
15
|
+
interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSAccordionName, typeof DSAccordionSlots> {
|
|
14
16
|
activeValue?: DSAccordionInternalsT.InternalActiveValue;
|
|
15
17
|
}
|
|
16
18
|
interface RequiredProps {
|
|
@@ -28,7 +30,7 @@ export declare namespace DSAccordionT {
|
|
|
28
30
|
xStyledPropsContent: XstyledProps;
|
|
29
31
|
applyAriaDisabled: boolean;
|
|
30
32
|
}
|
|
31
|
-
interface ItemOptionalProps {
|
|
33
|
+
interface ItemOptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSAccordionName, typeof DSAccordionItemSlots> {
|
|
32
34
|
secondaryTitle?: string;
|
|
33
35
|
renderCustomActions?: (props: {
|
|
34
36
|
allRefs: DSAccordionInternalsT.AllChildrenReferences;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-accordion",
|
|
3
|
-
"version": "3.49.0-rc.
|
|
3
|
+
"version": "3.49.0-rc.23",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Accordion",
|
|
6
6
|
"files": [
|
|
@@ -85,12 +85,13 @@
|
|
|
85
85
|
},
|
|
86
86
|
"dependencies": {
|
|
87
87
|
"lodash": "~4.17.21",
|
|
88
|
-
"@elliemae/ds-button-v2": "3.49.0-rc.
|
|
89
|
-
"@elliemae/ds-
|
|
90
|
-
"@elliemae/ds-
|
|
91
|
-
"@elliemae/ds-
|
|
92
|
-
"@elliemae/ds-
|
|
93
|
-
"@elliemae/ds-
|
|
88
|
+
"@elliemae/ds-button-v2": "3.49.0-rc.23",
|
|
89
|
+
"@elliemae/ds-icons": "3.49.0-rc.23",
|
|
90
|
+
"@elliemae/ds-grid": "3.49.0-rc.23",
|
|
91
|
+
"@elliemae/ds-popperjs": "3.49.0-rc.23",
|
|
92
|
+
"@elliemae/ds-props-helpers": "3.49.0-rc.23",
|
|
93
|
+
"@elliemae/ds-system": "3.49.0-rc.23",
|
|
94
|
+
"@elliemae/ds-typescript-helpers": "3.49.0-rc.23"
|
|
94
95
|
},
|
|
95
96
|
"devDependencies": {
|
|
96
97
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
@@ -101,7 +102,7 @@
|
|
|
101
102
|
"react": "^17.0.2",
|
|
102
103
|
"react-dom": "^17.0.2",
|
|
103
104
|
"styled-components": "~5.3.9",
|
|
104
|
-
"@elliemae/ds-monorepo-devops": "3.49.0-rc.
|
|
105
|
+
"@elliemae/ds-monorepo-devops": "3.49.0-rc.23"
|
|
105
106
|
},
|
|
106
107
|
"peerDependencies": {
|
|
107
108
|
"lodash": "^4.17.21",
|