@elliemae/ds-indeterminate-progress-indicator 3.80.0-next.36 → 3.80.0-next.39
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/DSIndeterminateProgressIndicator.js +20 -6
- package/dist/cjs/DSIndeterminateProgressIndicator.js.map +2 -2
- package/dist/cjs/TruncatedTooltipText.js +49 -6
- package/dist/cjs/TruncatedTooltipText.js.map +2 -2
- package/dist/cjs/config/useIndeterminateProgressIndicator.js +1 -1
- package/dist/cjs/config/useIndeterminateProgressIndicator.js.map +2 -2
- package/dist/cjs/config/useValidateProps.js.map +1 -1
- package/dist/cjs/constants/index.js +10 -5
- package/dist/cjs/constants/index.js.map +2 -2
- package/dist/cjs/index.js +6 -3
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/react-desc-prop-types.js +13 -1
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/styled.js +4 -6
- package/dist/cjs/styled.js.map +3 -3
- package/dist/cjs/typescript-testing/slot-props.js +43 -0
- package/dist/cjs/typescript-testing/slot-props.js.map +7 -0
- package/dist/cjs/typescript-testing/typescript-indeterminate-progress-indicator-valid.js +125 -0
- package/dist/cjs/typescript-testing/typescript-indeterminate-progress-indicator-valid.js.map +7 -0
- package/dist/esm/DSIndeterminateProgressIndicator.js +48 -34
- package/dist/esm/DSIndeterminateProgressIndicator.js.map +2 -2
- package/dist/esm/TruncatedTooltipText.js +50 -7
- package/dist/esm/TruncatedTooltipText.js.map +2 -2
- package/dist/esm/config/useIndeterminateProgressIndicator.js +2 -2
- package/dist/esm/config/useIndeterminateProgressIndicator.js.map +2 -2
- package/dist/esm/config/useValidateProps.js.map +1 -1
- package/dist/esm/constants/index.js +10 -5
- package/dist/esm/constants/index.js.map +2 -2
- package/dist/esm/index.js +15 -3
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/react-desc-prop-types.js +19 -2
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/esm/styled.js +5 -7
- package/dist/esm/styled.js.map +3 -3
- package/dist/esm/typescript-testing/slot-props.js +20 -0
- package/dist/esm/typescript-testing/slot-props.js.map +7 -0
- package/dist/esm/typescript-testing/typescript-indeterminate-progress-indicator-valid.js +102 -0
- package/dist/esm/typescript-testing/typescript-indeterminate-progress-indicator-valid.js.map +7 -0
- package/dist/types/TruncatedTooltipText.d.ts +3 -1
- package/dist/types/config/useValidateProps.d.ts +2 -2
- package/dist/types/constants/index.d.ts +22 -10
- package/dist/types/index.d.ts +3 -2
- package/dist/types/react-desc-prop-types.d.ts +19 -5
- package/dist/types/styled.d.ts +0 -1
- package/package.json +8 -6
package/dist/esm/styled.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { css, kfrm, styled } from "@elliemae/ds-system";
|
|
3
|
-
import { DSIndeterminateProgressIndicatorName,
|
|
3
|
+
import { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS } from "./constants/index.js";
|
|
4
4
|
const IndeterminateAnimation = (color) => kfrm`
|
|
5
5
|
0% {
|
|
6
6
|
transform: scaleX(0.015);
|
|
@@ -59,22 +59,21 @@ const ProcessingFailEnd = kfrm`
|
|
|
59
59
|
`;
|
|
60
60
|
const Container = styled("div", {
|
|
61
61
|
name: DSIndeterminateProgressIndicatorName,
|
|
62
|
-
slot:
|
|
62
|
+
slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.ROOT
|
|
63
63
|
})`
|
|
64
64
|
width: 100%;
|
|
65
65
|
padding: ${({ theme, lineOnly }) => lineOnly ? 0 : `${theme.space.xxs} ${theme.space.xs}`};
|
|
66
66
|
`;
|
|
67
|
-
import { TruncatedTooltipText as TruncatedTooltipText2 } from "./TruncatedTooltipText.js";
|
|
68
67
|
const Bar = styled("div", {
|
|
69
68
|
name: DSIndeterminateProgressIndicatorName,
|
|
70
|
-
slot:
|
|
69
|
+
slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.BAR
|
|
71
70
|
})`
|
|
72
71
|
background-color: ${({ theme }) => theme.colors.neutral[100]};
|
|
73
72
|
overflow: hidden;
|
|
74
73
|
`;
|
|
75
74
|
const BarIndicator = styled("div", {
|
|
76
75
|
name: DSIndeterminateProgressIndicatorName,
|
|
77
|
-
slot:
|
|
76
|
+
slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.BAR_INDICATOR
|
|
78
77
|
})`
|
|
79
78
|
height: ${({ theme }) => theme.space.xxxs};
|
|
80
79
|
width: ${({ complete, failed, animated, processing, percent }) => `${!complete && !failed && !animated && processing ? percent : 100}%`};
|
|
@@ -145,7 +144,6 @@ const BarIndicator = styled("div", {
|
|
|
145
144
|
export {
|
|
146
145
|
Bar,
|
|
147
146
|
BarIndicator,
|
|
148
|
-
Container
|
|
149
|
-
TruncatedTooltipText2 as StyledTruncatedTooltipText
|
|
147
|
+
Container
|
|
150
148
|
};
|
|
151
149
|
//# sourceMappingURL=styled.js.map
|
package/dist/esm/styled.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { css, kfrm, styled } from '@elliemae/ds-system';\nimport {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,KAAK,MAAM,cAAc;
|
|
6
|
-
"names": [
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { css, kfrm, styled } from '@elliemae/ds-system';\nimport { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';\nimport { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS } from './constants/index.js';\n\nconst IndeterminateAnimation = (color: string) => kfrm`\n 0% {\n transform: scaleX(0.015);\n transform-origin: 0% 0%;\n background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});\n }\n 25% {\n transform: scaleX(0.4);\n }\n 50% {\n transform: scaleX(0.015);\n transform-origin: 100% 0%;\n background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});\n }\n 50.1% {\n transform: scaleX(0.015);\n transform-origin: 100% 0%;\n background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});\n }\n 75% {\n transform: scaleX(0.4);\n }\n 100% {\n transform: scaleX(0.015);\n transform-origin: 0% 0%;\n background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});\n }\n`;\n\nconst ProcessingSuccess = kfrm`\n 0%, 30% { transform: translateX(-50%); width: 50% }\n 15% { transform: translateX(150%); width: 50% }\n 0%, 60% { transform: translateX(-50%); width: 50% }\n 45% { transform: translateX(150%); width: 50% }\n 0%, 90% { transform: translateX(-50%); width: 50% }\n 75% { transform: translateX(150%); width: 50% }\n 100% { transform: translateX(0%); }\n`;\n\nconst ProcessingSuccessEnd = (color: string) => kfrm`\n 0% { transform: translateX(-50%); width: 50% }\n 45% { transform: translateX(150%); width: 50% }\n 100% { transform: translateX(0%); background-color: ${color}; }\n`;\n\nconst ProcessingFail = kfrm`\n 0%, 30% { transform: translateX(-50%); width: 50% }\n 15% { transform: translateX(150%); width: 50% }\n 0%, 60% { transform: translateX(-50%); width: 50% }\n 45% { transform: translateX(150%); width: 50% }\n 0%, 90% { transform: translateX(-50%); width: 50% }\n 75% { transform: translateX(150%); width: 50%; }\n 100% { transform: translateX(0%); }\n`;\n\nconst ProcessingFailEnd = kfrm`\n 0% { transform: translateX(-50%); width: 50% }\n 45% { transform: translateX(150%); width: 50% }\n 100% { transform: translateX(0%); background-color: #e34256; }\n`;\n\nexport const Container = styled('div', {\n name: DSIndeterminateProgressIndicatorName,\n slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.ROOT,\n})<DSIndeterminateProgressIndicatorT.Props>`\n width: 100%;\n padding: ${({ theme, lineOnly }) => (lineOnly ? 0 : `${theme.space.xxs} ${theme.space.xs}`)};\n`;\n\nexport const Bar = styled('div', {\n name: DSIndeterminateProgressIndicatorName,\n slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.BAR,\n})`\n background-color: ${({ theme }) => theme.colors.neutral[100]};\n overflow: hidden;\n`;\n\nexport const BarIndicator = styled('div', {\n name: DSIndeterminateProgressIndicatorName,\n slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.BAR_INDICATOR,\n})<DSIndeterminateProgressIndicatorT.Props>`\n height: ${({ theme }) => theme.space.xxxs};\n width: ${({ complete, failed, animated, processing, percent }) =>\n `${!complete && !failed && !animated && processing ? percent : 100}%`};\n ${({ theme, complete, failed, processing, animated, processingComplete, processingFail }) => {\n // Default\n if (!complete && !failed && !processing && !processingComplete && !processingFail)\n return css`\n background-color: ${theme.colors.neutral[500]};\n `;\n // Completed\n if (complete && processing)\n return css`\n width: 100%;\n background-color: ${theme.colors.brand[500]};\n animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;\n animation-fill-mode: forwards;\n `;\n if (complete && !processingComplete && !processing)\n return css`\n background-color: ${theme.colors.success[900]};\n `;\n // Failed\n if (failed && !processingFail && !processing)\n return css`\n background-color: #e34256;\n `;\n // Processing\n if (processing) {\n if (animated) {\n return css`\n width: 100%;\n animation: ${IndeterminateAnimation(theme.colors.brand[500])} 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;\n background-color: ${theme.colors.brand[500]};\n `;\n }\n return css`\n background-color: ${theme.colors.brand[500]};\n `;\n }\n // Processing -> Completed\n if (processingComplete && !complete) {\n return css`\n width: 50%;\n animation: ${ProcessingSuccess} 4s infinite;\n animation-fill-mode: forwards;\n background-color: ${theme.colors.brand[500]};\n `;\n }\n if (processingComplete && complete)\n return css`\n width: 100%;\n background-color: ${theme.colors.brand[500]};\n animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;\n animation-fill-mode: forwards;\n `;\n // Processing -> Failed\n if (processingFail && !failed)\n return css`\n width: 50%;\n animation: ${ProcessingFail} 4s infinite;\n animation-fill-mode: forwards;\n background-color: ${theme.colors.brand[500]};\n `;\n if (processingFail && failed)\n return css`\n width: 100%;\n background-color: ${theme.colors.brand[500]};\n animation: ${ProcessingFailEnd} 1s ease-in-out;\n animation-fill-mode: forwards;\n `;\n return '';\n }};\n`;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
const SlotPropsAsObject = {
|
|
3
|
+
dsIndeterminateprogressindicatorRoot: { "aria-label": "just a typescript test" },
|
|
4
|
+
dsIndeterminateprogressindicatorLabel: { "aria-label": "just a typescript test" },
|
|
5
|
+
dsIndeterminateprogressindicatorTooltipContainer: { "aria-label": "just a typescript test" },
|
|
6
|
+
dsIndeterminateprogressindicatorTooltipText: { "aria-label": "just a typescript test" },
|
|
7
|
+
dsIndeterminateprogressindicatorBar: { "aria-label": "just a typescript test" },
|
|
8
|
+
dsIndeterminateprogressindicatorBar_indicator: { "aria-label": "just a typescript test" }
|
|
9
|
+
};
|
|
10
|
+
const SlotPropsAsFunctions = {
|
|
11
|
+
dsIndeterminateprogressindicatorRoot: () => ({ "aria-label": "just a typescript test" }),
|
|
12
|
+
dsIndeterminateprogressindicatorLabel: () => ({ "aria-label": "just a typescript test" }),
|
|
13
|
+
dsIndeterminateprogressindicatorTooltipContainer: () => ({ "aria-label": "just a typescript test" }),
|
|
14
|
+
dsIndeterminateprogressindicatorTooltipText: () => ({ "aria-label": "just a typescript test" }),
|
|
15
|
+
dsIndeterminateprogressindicatorBar: () => ({ "aria-label": "just a typescript test" }),
|
|
16
|
+
dsIndeterminateprogressindicatorBar_indicator: () => ({ "aria-label": "just a typescript test" })
|
|
17
|
+
};
|
|
18
|
+
const SlotFunctionsAreValidProps = SlotPropsAsFunctions;
|
|
19
|
+
const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
|
|
20
|
+
//# sourceMappingURL=slot-props.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type {\n DSIndeterminateProgressIndicatorName,\n INDETERMINATE_PROGRESS_INDICATOR_SLOTS,\n} from '../constants/index.js';\nimport type { DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObject: Partial<DSIndeterminateProgressIndicatorT.Props> = {\n dsIndeterminateprogressindicatorRoot: { 'aria-label': 'just a typescript test' },\n dsIndeterminateprogressindicatorLabel: { 'aria-label': 'just a typescript test' },\n dsIndeterminateprogressindicatorTooltipContainer: { 'aria-label': 'just a typescript test' },\n dsIndeterminateprogressindicatorTooltipText: { 'aria-label': 'just a typescript test' },\n dsIndeterminateprogressindicatorBar: { 'aria-label': 'just a typescript test' },\n dsIndeterminateprogressindicatorBar_indicator: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSIndeterminateProgressIndicatorT.SlotFunctionArguments = {\n dsIndeterminateprogressindicatorRoot: () => ({ 'aria-label': 'just a typescript test' }),\n dsIndeterminateprogressindicatorLabel: () => ({ 'aria-label': 'just a typescript test' }),\n dsIndeterminateprogressindicatorTooltipContainer: () => ({ 'aria-label': 'just a typescript test' }),\n dsIndeterminateprogressindicatorTooltipText: () => ({ 'aria-label': 'just a typescript test' }),\n dsIndeterminateprogressindicatorBar: () => ({ 'aria-label': 'just a typescript test' }),\n dsIndeterminateprogressindicatorBar_indicator: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// The function form must also be accepted by the public Props, slot by slot\nconst SlotFunctionsAreValidProps: Partial<DSIndeterminateProgressIndicatorT.Props> = SlotPropsAsFunctions;\n\n// Exhaustiveness check \u2014 fails compilation if a kebab-case slot is missing from SlotFunctionArguments.\n// `bar_indicator` is left out on purpose: PropsForSlots would derive `\u2026BarIndicator`, a key the runtime never\n// reads (see react-desc-prop-types.ts). Its runtime key is pinned by the two literals above instead.\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n TypescriptHelpersT.PropsForSlots<\n typeof DSIndeterminateProgressIndicatorName,\n Omit<typeof INDETERMINATE_PROGRESS_INDICATOR_SLOTS, 'BAR_INDICATOR'>\n >\n> = SlotPropsAsFunctions;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACQvB,MAAM,oBAAsE;AAAA,EAC1E,sCAAsC,EAAE,cAAc,yBAAyB;AAAA,EAC/E,uCAAuC,EAAE,cAAc,yBAAyB;AAAA,EAChF,kDAAkD,EAAE,cAAc,yBAAyB;AAAA,EAC3F,6CAA6C,EAAE,cAAc,yBAAyB;AAAA,EACtF,qCAAqC,EAAE,cAAc,yBAAyB;AAAA,EAC9E,+CAA+C,EAAE,cAAc,yBAAyB;AAC1F;AAEA,MAAM,uBAAgF;AAAA,EACpF,sCAAsC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACtF,uCAAuC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACvF,kDAAkD,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAClG,6CAA6C,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC7F,qCAAqC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACrF,+CAA+C,OAAO,EAAE,cAAc,yBAAyB;AACjG;AAGA,MAAM,6BAA+E;AAKrF,MAAM,6CAKF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { DSIndeterminateProgressIndicator } from "../index.js";
|
|
4
|
+
const testRequiredProps = {};
|
|
5
|
+
const testOptionalProps = {
|
|
6
|
+
dsIndeterminateprogressindicatorRoot: { "data-testid": "custom-root" },
|
|
7
|
+
dsIndeterminateprogressindicatorBar_indicator: () => ({ "aria-hidden": true })
|
|
8
|
+
};
|
|
9
|
+
const testPartialDefaults = {
|
|
10
|
+
title: "Loading",
|
|
11
|
+
processing: true
|
|
12
|
+
};
|
|
13
|
+
const testProps = {
|
|
14
|
+
...testRequiredProps,
|
|
15
|
+
...testOptionalProps,
|
|
16
|
+
...testPartialDefaults
|
|
17
|
+
};
|
|
18
|
+
const testPropsAsSyntax = {
|
|
19
|
+
...testRequiredProps,
|
|
20
|
+
...testOptionalProps,
|
|
21
|
+
...testPartialDefaults
|
|
22
|
+
};
|
|
23
|
+
const testCompleteDefaults = {
|
|
24
|
+
containerProps: {},
|
|
25
|
+
title: "",
|
|
26
|
+
complete: false,
|
|
27
|
+
failed: false,
|
|
28
|
+
processing: false,
|
|
29
|
+
processingComplete: false,
|
|
30
|
+
processingCompleteTitle: "Complete",
|
|
31
|
+
processingFail: false,
|
|
32
|
+
processingFailTitle: "Fail",
|
|
33
|
+
animated: true,
|
|
34
|
+
percent: 50,
|
|
35
|
+
lineOnly: false
|
|
36
|
+
};
|
|
37
|
+
const testInternalProps = {
|
|
38
|
+
...testRequiredProps,
|
|
39
|
+
...testOptionalProps,
|
|
40
|
+
...testCompleteDefaults
|
|
41
|
+
};
|
|
42
|
+
const testInternalPropsAsSyntax = {
|
|
43
|
+
...testRequiredProps,
|
|
44
|
+
...testOptionalProps,
|
|
45
|
+
...testCompleteDefaults
|
|
46
|
+
};
|
|
47
|
+
const testExplicitDefinition = {
|
|
48
|
+
containerProps: { "data-testid": "custom-root" },
|
|
49
|
+
title: "Loading documents",
|
|
50
|
+
complete: false,
|
|
51
|
+
failed: false,
|
|
52
|
+
processing: true,
|
|
53
|
+
processingComplete: false,
|
|
54
|
+
processingCompleteTitle: "Done",
|
|
55
|
+
processingFail: false,
|
|
56
|
+
processingFailTitle: "Failed",
|
|
57
|
+
animated: true,
|
|
58
|
+
percent: 50,
|
|
59
|
+
lineOnly: false,
|
|
60
|
+
id: "documents-loader",
|
|
61
|
+
mt: "xs"
|
|
62
|
+
};
|
|
63
|
+
const testInferedTypeCompatibility = {
|
|
64
|
+
containerProps: { "data-testid": "custom-root" },
|
|
65
|
+
title: "Loading documents",
|
|
66
|
+
processing: true,
|
|
67
|
+
processingCompleteTitle: "Done",
|
|
68
|
+
processingFailTitle: "Failed",
|
|
69
|
+
animated: false,
|
|
70
|
+
percent: 40
|
|
71
|
+
};
|
|
72
|
+
const testDefinitionAsConst = {
|
|
73
|
+
containerProps: { "data-testid": "custom-root" },
|
|
74
|
+
title: "Loading documents",
|
|
75
|
+
processing: true,
|
|
76
|
+
lineOnly: true
|
|
77
|
+
};
|
|
78
|
+
const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
79
|
+
/* @__PURE__ */ jsx(DSIndeterminateProgressIndicator, { ...testExplicitDefinition }),
|
|
80
|
+
/* @__PURE__ */ jsx(DSIndeterminateProgressIndicator, { ...testInferedTypeCompatibility }),
|
|
81
|
+
/* @__PURE__ */ jsx(DSIndeterminateProgressIndicator, { ...testDefinitionAsConst }),
|
|
82
|
+
/* @__PURE__ */ jsx(
|
|
83
|
+
DSIndeterminateProgressIndicator,
|
|
84
|
+
{
|
|
85
|
+
containerProps: { "data-testid": "custom-root" },
|
|
86
|
+
title: "Loading documents",
|
|
87
|
+
complete: false,
|
|
88
|
+
failed: false,
|
|
89
|
+
processing: true,
|
|
90
|
+
processingComplete: false,
|
|
91
|
+
processingCompleteTitle: "Done",
|
|
92
|
+
processingFail: false,
|
|
93
|
+
processingFailTitle: "Failed",
|
|
94
|
+
animated: true,
|
|
95
|
+
percent: 50,
|
|
96
|
+
lineOnly: false,
|
|
97
|
+
dsIndeterminateprogressindicatorLabel: { "aria-hidden": true },
|
|
98
|
+
dsIndeterminateprogressindicatorBar_indicator: () => ({ "data-custom": "bar" })
|
|
99
|
+
}
|
|
100
|
+
)
|
|
101
|
+
] });
|
|
102
|
+
//# sourceMappingURL=typescript-indeterminate-progress-indicator-valid.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-indeterminate-progress-indicator-valid.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSIndeterminateProgressIndicator } from '../index.js';\nimport type { DSIndeterminateProgressIndicatorT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSIndeterminateProgressIndicatorT.Props;\ntype ComponentPropsInternals = DSIndeterminateProgressIndicatorT.InternalProps;\ntype ComponentPropsDefaultProps = DSIndeterminateProgressIndicatorT.DefaultProps;\ntype ComponentPropsOptionalProps = DSIndeterminateProgressIndicatorT.OptionalProps;\ntype ComponentPropsRequiredProps = DSIndeterminateProgressIndicatorT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n dsIndeterminateprogressindicatorRoot: { 'data-testid': 'custom-root' },\n dsIndeterminateprogressindicatorBar_indicator: () => ({ 'aria-hidden': true }),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n title: 'Loading',\n processing: true,\n};\n\nconst testProps: ComponentPropsForApp = {\n ...testRequiredProps,\n ...testOptionalProps,\n ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n ...testRequiredProps,\n ...testOptionalProps,\n ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n containerProps: {},\n title: '',\n complete: false,\n failed: false,\n processing: false,\n processingComplete: false,\n processingCompleteTitle: 'Complete',\n processingFail: false,\n processingFailTitle: 'Fail',\n animated: true,\n percent: 50,\n lineOnly: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n ...testRequiredProps,\n ...testOptionalProps,\n ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n ...testRequiredProps,\n ...testOptionalProps,\n ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n containerProps: { 'data-testid': 'custom-root' },\n title: 'Loading documents',\n complete: false,\n failed: false,\n processing: true,\n processingComplete: false,\n processingCompleteTitle: 'Done',\n processingFail: false,\n processingFailTitle: 'Failed',\n animated: true,\n percent: 50,\n lineOnly: false,\n id: 'documents-loader',\n mt: 'xs',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n containerProps: { 'data-testid': 'custom-root' },\n title: 'Loading documents',\n processing: true,\n processingCompleteTitle: 'Done',\n processingFailTitle: 'Failed',\n animated: false,\n percent: 40,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n containerProps: { 'data-testid': 'custom-root' },\n title: 'Loading documents',\n processing: true,\n lineOnly: true,\n} as const;\n\nconst ExampleUsageComponent = () => (\n <>\n {/* works with explicitly casted props, all syntaxes */}\n <DSIndeterminateProgressIndicator {...testExplicitDefinition} />\n <DSIndeterminateProgressIndicator {...testInferedTypeCompatibility} />\n <DSIndeterminateProgressIndicator {...testDefinitionAsConst} />\n {/* works with inline values */}\n <DSIndeterminateProgressIndicator\n containerProps={{ 'data-testid': 'custom-root' }}\n title=\"Loading documents\"\n complete={false}\n failed={false}\n processing\n processingComplete={false}\n processingCompleteTitle=\"Done\"\n processingFail={false}\n processingFailTitle=\"Failed\"\n animated\n percent={50}\n lineOnly={false}\n dsIndeterminateprogressindicatorLabel={{ 'aria-hidden': true }}\n dsIndeterminateprogressindicatorBar_indicator={() => ({ 'data-custom': 'bar' })}\n />\n </>\n);\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACuGrB,mBAEE,KAFF;AArGF,SAAS,wCAAwC;AAUjD,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD;AAAA,EACrD,sCAAsC,EAAE,eAAe,cAAc;AAAA,EACrE,+CAA+C,OAAO,EAAE,eAAe,KAAK;AAC9E;AAIA,MAAM,sBAA2D;AAAA,EAC/D,OAAO;AAAA,EACP,YAAY;AACd;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,gBAAgB,EAAE,eAAe,cAAc;AAAA,EAC/C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AACN;AAGA,MAAM,+BAA+B;AAAA,EACnC,gBAAgB,EAAE,eAAe,cAAc;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AACX;AAEA,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB,EAAE,eAAe,cAAc;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AACZ;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,oCAAkC,GAAG,wBAAwB;AAAA,EAC9D,oBAAC,oCAAkC,GAAG,8BAA8B;AAAA,EACpE,oBAAC,oCAAkC,GAAG,uBAAuB;AAAA,EAE7D;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,EAAE,eAAe,cAAc;AAAA,MAC/C,OAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,yBAAwB;AAAA,MACxB,gBAAgB;AAAA,MAChB,qBAAoB;AAAA,MACpB,UAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,MACV,uCAAuC,EAAE,eAAe,KAAK;AAAA,MAC7D,+CAA+C,OAAO,EAAE,eAAe,MAAM;AAAA;AAAA,EAC/E;AAAA,GACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -3,7 +3,9 @@ import { type DSHookFloatingContextT } from '@elliemae/ds-floating-context';
|
|
|
3
3
|
interface TruncatedTooltipTextProps {
|
|
4
4
|
value?: string;
|
|
5
5
|
placement?: DSHookFloatingContextT.PopperPlacementsT;
|
|
6
|
+
getOwnerProps?: () => object;
|
|
7
|
+
getOwnerPropsArguments?: () => object;
|
|
6
8
|
}
|
|
7
|
-
declare const TruncatedTooltipText: ({ value, placement }: TruncatedTooltipTextProps) => React.JSX.Element;
|
|
9
|
+
declare const TruncatedTooltipText: ({ value, placement, getOwnerProps, getOwnerPropsArguments, }: TruncatedTooltipTextProps) => React.JSX.Element;
|
|
8
10
|
export { TruncatedTooltipText };
|
|
9
11
|
export default TruncatedTooltipText;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ValidationMap } from '@elliemae/ds-props-helpers';
|
|
2
2
|
import { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';
|
|
3
|
-
export declare const useValidateProps: (props: DSIndeterminateProgressIndicatorT.InternalProps, propTypes:
|
|
3
|
+
export declare const useValidateProps: (props: DSIndeterminateProgressIndicatorT.InternalProps, propTypes: ValidationMap<unknown>) => void;
|
|
@@ -1,13 +1,25 @@
|
|
|
1
1
|
export declare const DSIndeterminateProgressIndicatorName = "DSIndeterminateprogressindicator";
|
|
2
|
-
export declare const
|
|
3
|
-
ROOT:
|
|
4
|
-
LABEL:
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
export declare const INDETERMINATE_PROGRESS_INDICATOR_SLOTS: {
|
|
3
|
+
readonly ROOT: "root";
|
|
4
|
+
readonly LABEL: "label";
|
|
5
|
+
readonly TOOLTIP_CONTAINER: "tooltip-container";
|
|
6
|
+
readonly TOOLTIP_TEXT: "tooltip-text";
|
|
7
|
+
readonly BAR: "bar";
|
|
8
|
+
readonly BAR_INDICATOR: "bar_indicator";
|
|
9
|
+
};
|
|
10
|
+
export declare const INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID: {
|
|
11
|
+
readonly ROOT: "ds-indeterminateprogressindicator-root";
|
|
12
|
+
readonly LABEL: "ds-indeterminateprogressindicator-label";
|
|
13
|
+
readonly TOOLTIP_CONTAINER: "ds-indeterminateprogressindicator-tooltip-container";
|
|
14
|
+
readonly TOOLTIP_TEXT: "ds-indeterminateprogressindicator-tooltip-text";
|
|
15
|
+
readonly BAR: "ds-indeterminateprogressindicator-bar";
|
|
16
|
+
readonly BAR_INDICATOR: "ds-indeterminateprogressindicator-bar_indicator";
|
|
7
17
|
};
|
|
8
|
-
export declare const
|
|
9
|
-
ROOT:
|
|
10
|
-
LABEL:
|
|
11
|
-
|
|
12
|
-
|
|
18
|
+
export declare const DSIndeterminateProgressIndicatorSlots: {
|
|
19
|
+
readonly ROOT: "root";
|
|
20
|
+
readonly LABEL: "label";
|
|
21
|
+
readonly TOOLTIP_CONTAINER: "tooltip-container";
|
|
22
|
+
readonly TOOLTIP_TEXT: "tooltip-text";
|
|
23
|
+
readonly BAR: "bar";
|
|
24
|
+
readonly BAR_INDICATOR: "bar_indicator";
|
|
13
25
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
export {
|
|
1
|
+
export { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema, } from './DSIndeterminateProgressIndicator.js';
|
|
2
|
+
export { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';
|
|
3
|
+
export { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS, INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID, DSIndeterminateProgressIndicatorSlots, } from './constants/index.js';
|
|
@@ -1,5 +1,16 @@
|
|
|
1
|
-
import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
|
|
1
|
+
import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
|
|
2
|
+
import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
|
|
3
|
+
import { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS } from './constants/index.js';
|
|
4
|
+
type KebabCaseSlots = Omit<typeof INDETERMINATE_PROGRESS_INDICATOR_SLOTS, 'BAR_INDICATOR'>;
|
|
2
5
|
export declare namespace DSIndeterminateProgressIndicatorT {
|
|
6
|
+
type SlotFunctionArguments = {
|
|
7
|
+
dsIndeterminateprogressindicatorRoot: () => object;
|
|
8
|
+
dsIndeterminateprogressindicatorLabel: () => object;
|
|
9
|
+
dsIndeterminateprogressindicatorTooltipContainer: () => object;
|
|
10
|
+
dsIndeterminateprogressindicatorTooltipText: () => object;
|
|
11
|
+
dsIndeterminateprogressindicatorBar: () => object;
|
|
12
|
+
dsIndeterminateprogressindicatorBar_indicator: () => object;
|
|
13
|
+
};
|
|
3
14
|
interface RequiredProps {
|
|
4
15
|
}
|
|
5
16
|
interface DefaultProps {
|
|
@@ -16,12 +27,15 @@ export declare namespace DSIndeterminateProgressIndicatorT {
|
|
|
16
27
|
percent: number;
|
|
17
28
|
lineOnly: boolean;
|
|
18
29
|
}
|
|
19
|
-
interface OptionalProps {
|
|
30
|
+
interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSIndeterminateProgressIndicatorName, KebabCaseSlots> {
|
|
31
|
+
dsIndeterminateprogressindicatorBar_indicator?: object | TypescriptHelpersT.GenericFunc<unknown, object>;
|
|
20
32
|
}
|
|
21
|
-
interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>, XstyledProps, RequiredProps {
|
|
33
|
+
interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps, RequiredProps {
|
|
22
34
|
}
|
|
23
|
-
interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>, XstyledProps, RequiredProps {
|
|
35
|
+
interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps, RequiredProps {
|
|
24
36
|
}
|
|
25
37
|
}
|
|
26
38
|
export declare const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps;
|
|
27
|
-
export declare const DSIndeterminateProgressIndicatorPropTypes:
|
|
39
|
+
export declare const DSIndeterminateProgressIndicatorPropTypes: DSPropTypesSchema<DSIndeterminateProgressIndicatorT.Props>;
|
|
40
|
+
export declare const DSIndeterminateProgressIndicatorPropTypesSchema: ValidationMap<DSIndeterminateProgressIndicatorT.Props>;
|
|
41
|
+
export {};
|
package/dist/types/styled.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';
|
|
2
2
|
export declare const Container: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, DSIndeterminateProgressIndicatorT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
3
|
-
export { TruncatedTooltipText as StyledTruncatedTooltipText } from './TruncatedTooltipText.js';
|
|
4
3
|
export declare const Bar: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
5
4
|
export declare const BarIndicator: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, DSIndeterminateProgressIndicatorT.Props & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-indeterminate-progress-indicator",
|
|
3
|
-
"version": "3.80.0-next.
|
|
3
|
+
"version": "3.80.0-next.39",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
|
|
6
6
|
"files": [
|
|
@@ -36,12 +36,14 @@
|
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-floating-context": "3.80.0-next.
|
|
40
|
-
"@elliemae/ds-props-helpers": "3.80.0-next.
|
|
41
|
-
"@elliemae/ds-system": "3.80.0-next.
|
|
39
|
+
"@elliemae/ds-floating-context": "3.80.0-next.39",
|
|
40
|
+
"@elliemae/ds-props-helpers": "3.80.0-next.39",
|
|
41
|
+
"@elliemae/ds-system": "3.80.0-next.39",
|
|
42
|
+
"@elliemae/ds-typescript-helpers": "3.80.0-next.39",
|
|
43
|
+
"@elliemae/ds-typography": "3.80.0-next.39"
|
|
42
44
|
},
|
|
43
45
|
"devDependencies": {
|
|
44
|
-
"@elliemae/ds-monorepo-devops": "3.80.0-next.
|
|
46
|
+
"@elliemae/ds-monorepo-devops": "3.80.0-next.39",
|
|
45
47
|
"jest": "^30.0.0",
|
|
46
48
|
"styled-components": "~5.3.11"
|
|
47
49
|
},
|
|
@@ -51,7 +53,7 @@
|
|
|
51
53
|
},
|
|
52
54
|
"publishConfig": {
|
|
53
55
|
"access": "public",
|
|
54
|
-
"typeSafety":
|
|
56
|
+
"typeSafety": true
|
|
55
57
|
},
|
|
56
58
|
"scripts": {
|
|
57
59
|
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|