@elliemae/ds-indeterminate-progress-indicator 3.80.0-next.5 → 3.80.0-next.50
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 +21 -7
- 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 +49 -35
- 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 +9 -7
|
@@ -34,13 +34,22 @@ __export(DSIndeterminateProgressIndicator_exports, {
|
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(DSIndeterminateProgressIndicator_exports);
|
|
36
36
|
var React = __toESM(require("react"));
|
|
37
|
-
var import_jsx_runtime =
|
|
37
|
+
var import_jsx_runtime = (
|
|
38
|
+
// Live-region contract, per the Accessibility Expert Validation (PUI-18878, PUI-18879, PUI-18622):
|
|
39
|
+
// - `role="status"` in every state: a loader is ambient feedback and must not interrupt, which the assertive
|
|
40
|
+
// `role="alert"` did. Its implicit polite/atomic semantics make an explicit `aria-live` redundant, and the
|
|
41
|
+
// explicit `aria-live="polite"` next to `role="alert"` was the conflicting signal.
|
|
42
|
+
// - no `aria-busy`: it belongs on the region being loaded, which only the consumer renders.
|
|
43
|
+
// These are defaults, so global attributes, containerProps and the root slot can still override them.
|
|
44
|
+
require("react/jsx-runtime")
|
|
45
|
+
);
|
|
38
46
|
var import_react = require("react");
|
|
39
47
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
40
48
|
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
41
49
|
var import_useIndeterminateProgressIndicator = require("./config/useIndeterminateProgressIndicator.js");
|
|
42
50
|
var import_constants = require("./constants/index.js");
|
|
43
51
|
var import_styled = require("./styled.js");
|
|
52
|
+
var import_TruncatedTooltipText = require("./TruncatedTooltipText.js");
|
|
44
53
|
const DSIndeterminateProgressIndicator = (props) => {
|
|
45
54
|
const { propsWithDefault, label } = (0, import_useIndeterminateProgressIndicator.useIndeterminateProgressIndicator)(props);
|
|
46
55
|
const {
|
|
@@ -54,17 +63,15 @@ const DSIndeterminateProgressIndicator = (props) => {
|
|
|
54
63
|
percent,
|
|
55
64
|
lineOnly
|
|
56
65
|
} = propsWithDefault;
|
|
57
|
-
const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
|
|
66
|
+
const { title: titleConsumed, ...globalAttributes } = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
|
|
58
67
|
const xstyledAttributes = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
|
|
59
68
|
const getOwnerProps = (0, import_react.useCallback)(() => propsWithDefault, [propsWithDefault]);
|
|
60
69
|
const getOwnerPropsArguments = (0, import_react.useCallback)(() => ({}), []);
|
|
61
70
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
62
71
|
import_styled.Container,
|
|
63
72
|
{
|
|
64
|
-
"
|
|
73
|
+
role: "status",
|
|
65
74
|
"aria-label": label,
|
|
66
|
-
"aria-live": "polite",
|
|
67
|
-
role: "alert",
|
|
68
75
|
lineOnly,
|
|
69
76
|
getOwnerProps,
|
|
70
77
|
getOwnerPropsArguments,
|
|
@@ -72,7 +79,14 @@ const DSIndeterminateProgressIndicator = (props) => {
|
|
|
72
79
|
...xstyledAttributes,
|
|
73
80
|
...containerProps,
|
|
74
81
|
children: [
|
|
75
|
-
!lineOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
82
|
+
!lineOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
83
|
+
import_TruncatedTooltipText.TruncatedTooltipText,
|
|
84
|
+
{
|
|
85
|
+
value: label,
|
|
86
|
+
getOwnerProps,
|
|
87
|
+
getOwnerPropsArguments
|
|
88
|
+
}
|
|
89
|
+
) : null,
|
|
76
90
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Bar, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
77
91
|
import_styled.BarIndicator,
|
|
78
92
|
{
|
|
@@ -93,6 +107,6 @@ const DSIndeterminateProgressIndicator = (props) => {
|
|
|
93
107
|
};
|
|
94
108
|
DSIndeterminateProgressIndicator.displayName = import_constants.DSIndeterminateProgressIndicatorName;
|
|
95
109
|
const IndeterminateProgressIndicatorWithSchema = (0, import_ds_props_helpers.describe)(DSIndeterminateProgressIndicator);
|
|
96
|
-
IndeterminateProgressIndicatorWithSchema.propTypes = import_react_desc_prop_types.
|
|
110
|
+
IndeterminateProgressIndicatorWithSchema.propTypes = import_react_desc_prop_types.DSIndeterminateProgressIndicatorPropTypesSchema;
|
|
97
111
|
var DSIndeterminateProgressIndicator_default = DSIndeterminateProgressIndicator;
|
|
98
112
|
//# sourceMappingURL=DSIndeterminateProgressIndicator.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSIndeterminateProgressIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n DSIndeterminateProgressIndicatorPropTypesSchema,\n type DSIndeterminateProgressIndicatorT,\n} from './react-desc-prop-types.js';\nimport { useIndeterminateProgressIndicator } from './config/useIndeterminateProgressIndicator.js';\nimport { DSIndeterminateProgressIndicatorName } from './constants/index.js';\nimport { Bar, BarIndicator, Container } from './styled.js';\nimport { TruncatedTooltipText } from './TruncatedTooltipText.js';\n\nconst DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props> = (props) => {\n const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);\n const {\n containerProps,\n complete,\n failed,\n processing,\n processingComplete,\n processingFail,\n animated,\n percent,\n lineOnly,\n } = propsWithDefault;\n\n // exclude `title` \u2014 it is consumed as the accessible name (aria-label); forwarding it as the HTML\n // `title` attribute would make some screen readers announce the label twice (PUI-18880).\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { title: titleConsumed, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);\n const xstyledAttributes = useGetXstyledProps(propsWithDefault);\n const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n return (\n // Live-region contract, per the Accessibility Expert Validation (PUI-18878, PUI-18879, PUI-18622):\n // - `role=\"status\"` in every state: a loader is ambient feedback and must not interrupt, which the assertive\n // `role=\"alert\"` did. Its implicit polite/atomic semantics make an explicit `aria-live` redundant, and the\n // explicit `aria-live=\"polite\"` next to `role=\"alert\"` was the conflicting signal.\n // - no `aria-busy`: it belongs on the region being loaded, which only the consumer renders.\n // These are defaults, so global attributes, containerProps and the root slot can still override them.\n <Container\n role=\"status\"\n aria-label={label}\n lineOnly={lineOnly}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n {...globalAttributes}\n {...xstyledAttributes}\n {...containerProps}\n >\n {!lineOnly ? (\n <TruncatedTooltipText\n value={label}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n />\n ) : null}\n <Bar getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n <BarIndicator\n complete={complete}\n failed={failed}\n processing={processing}\n animated={animated}\n processingComplete={processingComplete}\n processingFail={processingFail}\n percent={percent}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n />\n </Bar>\n </Container>\n );\n};\n\nDSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypesSchema;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAxCJ,mBAAmC;AACnC,8BAAqE;AACrE,mCAGO;AACP,+CAAkD;AAClD,uBAAqD;AACrD,oBAA6C;AAC7C,kCAAqC;AAErC,MAAM,mCAAiG,CAAC,UAAU;AAChH,QAAM,EAAE,kBAAkB,MAAM,QAAI,4EAAkC,KAAK;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAKJ,QAAM,EAAE,OAAO,eAAe,GAAG,iBAAiB,QAAI,gDAAuB,gBAAgB;AAC7F,QAAM,wBAAoB,4CAAmB,gBAAgB;AAC7D,QAAM,oBAAgB,0BAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAC5E,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,SAOE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,SAAC,WACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP;AAAA,YACA;AAAA;AAAA,QACF,IACE;AAAA,QACJ,4CAAC,qBAAI,eAA8B,wBACjC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,iCAAiC,cAAc;AAC/C,MAAM,+CAA2C,kCAAS,gCAAgC;AAC1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -36,15 +36,35 @@ var React = __toESM(require("react"));
|
|
|
36
36
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
37
|
var import_react = require("react");
|
|
38
38
|
var import_ds_system = require("@elliemae/ds-system");
|
|
39
|
+
var import_ds_typography = require("@elliemae/ds-typography");
|
|
39
40
|
var import_ds_floating_context = require("@elliemae/ds-floating-context");
|
|
40
|
-
|
|
41
|
+
var import_constants = require("./constants/index.js");
|
|
42
|
+
const inheritedTypography = import_ds_system.css`
|
|
43
|
+
font: inherit;
|
|
44
|
+
line-height: inherit;
|
|
45
|
+
color: inherit;
|
|
46
|
+
white-space: inherit;
|
|
47
|
+
overflow-wrap: inherit;
|
|
48
|
+
margin: 0;
|
|
49
|
+
padding: 0;
|
|
50
|
+
`;
|
|
51
|
+
const StyledLabel = (0, import_ds_system.styled)("span", {
|
|
52
|
+
name: import_constants.DSIndeterminateProgressIndicatorName,
|
|
53
|
+
slot: import_constants.INDETERMINATE_PROGRESS_INDICATOR_SLOTS.LABEL
|
|
54
|
+
})`
|
|
41
55
|
text-overflow: ellipsis;
|
|
42
56
|
white-space: nowrap;
|
|
43
57
|
overflow: hidden;
|
|
44
58
|
display: inline-block;
|
|
45
59
|
max-width: 100%;
|
|
60
|
+
&& > * {
|
|
61
|
+
${inheritedTypography}
|
|
62
|
+
}
|
|
46
63
|
`;
|
|
47
|
-
const
|
|
64
|
+
const StyledTooltipContainer = (0, import_ds_system.styled)("div", {
|
|
65
|
+
name: import_constants.DSIndeterminateProgressIndicatorName,
|
|
66
|
+
slot: import_constants.INDETERMINATE_PROGRESS_INDICATOR_SLOTS.TOOLTIP_CONTAINER
|
|
67
|
+
})`
|
|
48
68
|
text-align: center;
|
|
49
69
|
min-width: ${({ theme }) => theme.space.l};
|
|
50
70
|
max-width: 250px;
|
|
@@ -61,7 +81,20 @@ const TooltipContainer = import_ds_system.styled.div`
|
|
|
61
81
|
color: ${({ theme }) => theme.colors.neutral[600]};
|
|
62
82
|
pointer-events: none;
|
|
63
83
|
`;
|
|
64
|
-
const
|
|
84
|
+
const StyledTooltipText = (0, import_ds_system.styled)("span", {
|
|
85
|
+
name: import_constants.DSIndeterminateProgressIndicatorName,
|
|
86
|
+
slot: import_constants.INDETERMINATE_PROGRESS_INDICATOR_SLOTS.TOOLTIP_TEXT
|
|
87
|
+
})`
|
|
88
|
+
&& > * {
|
|
89
|
+
${inheritedTypography}
|
|
90
|
+
}
|
|
91
|
+
`;
|
|
92
|
+
const TruncatedTooltipText = ({
|
|
93
|
+
value = "",
|
|
94
|
+
placement = "top",
|
|
95
|
+
getOwnerProps,
|
|
96
|
+
getOwnerPropsArguments
|
|
97
|
+
}) => {
|
|
65
98
|
const [showTooltip, setShowTooltip] = (0, import_react.useState)(false);
|
|
66
99
|
const { refs, floatingStyles, arrowStyles, context } = (0, import_ds_floating_context.useFloatingContext)({
|
|
67
100
|
placement,
|
|
@@ -76,7 +109,17 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
|
|
|
76
109
|
setShowTooltip(false);
|
|
77
110
|
}, []);
|
|
78
111
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
79
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
112
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
113
|
+
StyledLabel,
|
|
114
|
+
{
|
|
115
|
+
innerRef: refs.setReference,
|
|
116
|
+
onMouseEnter: handleMouseEnter,
|
|
117
|
+
onMouseLeave: handleMouseLeave,
|
|
118
|
+
getOwnerProps,
|
|
119
|
+
getOwnerPropsArguments,
|
|
120
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_typography.DSTypography, { component: "span", variant: "b2", children: value })
|
|
121
|
+
}
|
|
122
|
+
),
|
|
80
123
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
81
124
|
import_ds_floating_context.FloatingWrapper,
|
|
82
125
|
{
|
|
@@ -84,8 +127,8 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
|
|
|
84
127
|
isOpen: showTooltip,
|
|
85
128
|
floatingStyles,
|
|
86
129
|
context,
|
|
87
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
88
|
-
value,
|
|
130
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledTooltipContainer, { getOwnerProps, getOwnerPropsArguments, children: [
|
|
131
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTooltipText, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_typography.DSTypography, { component: "span", variant: "b2-light", children: value }) }),
|
|
89
132
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles })
|
|
90
133
|
] })
|
|
91
134
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TruncatedTooltipText.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport {\n useFloatingContext,\n FloatingWrapper,\n PopoverArrow,\n type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\n\nconst
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport { css, styled } from '@elliemae/ds-system';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport {\n useFloatingContext,\n FloatingWrapper,\n PopoverArrow,\n type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\nimport { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS } from './constants/index.js';\n\n// ============================================================================================================\n// Typography (PUI-18944)\n// ============================================================================================================\n// The label and the tooltip text render through DSTypography, following the ds-form-radio reference pattern\n// (b2 / b2-light). Three constraints shape how:\n//\n// - Each DSTypography is nested inside its slot element (LABEL, TOOLTIP_TEXT) rather than being the slot.\n// Making DSTypography the slot would let the nested-slot mechanism rewrite `data-dimsum-slot` to\n// `dsTypographyRoot` and demote ours to `data-dimsum-parent-slot` (see ds-progress-indicator, PUI-18942).\n// `dsIndeterminateprogressindicatorLabel` shipped on the label span until the ds-truncated-tooltip-text\n// deprecation (PUI-17903) silently dropped it, so it is restored here with its original value.\n// - No visual change. Today the label inherits the consumer's typography and the tooltip text inherits the\n// body's, inside a container that pins 13px / neutral-600. DSTypography's own metrics (b2 line-height,\n// font-family, `white-space: pre-wrap`) would change both, so the DSTypography elements inherit everything\n// from their slot. `&& > *` gives 0-2-0, which beats DSTypography's single class whatever the injection order.\n// - Slot customization must still reach the text. The theme's `styleOverrides` for a slot are emitted at the end\n// of the slot's own class (0-1-0), so the inherit rules target the child only: a 0-2-0 rule on the slot\n// element itself would silently beat a consumer's `styleOverrides` color or font for that slot.\n//\n// Deliberately neutral: adopting the b2 / b2-light metrics is a UX decision, not a side effect of this change.\n// When it is taken, drop `font` / `line-height` / `color` from these blocks and let the variants apply.\nconst inheritedTypography = css`\n font: inherit;\n line-height: inherit;\n color: inherit;\n white-space: inherit;\n overflow-wrap: inherit;\n margin: 0;\n padding: 0;\n`;\n\nconst StyledLabel = styled('span', {\n name: DSIndeterminateProgressIndicatorName,\n slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.LABEL,\n})`\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: inline-block;\n max-width: 100%;\n && > * {\n ${inheritedTypography}\n }\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst StyledTooltipContainer = styled('div', {\n name: DSIndeterminateProgressIndicatorName,\n slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.TOOLTIP_CONTAINER,\n})`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n overflow-wrap: break-word;\n word-break: break-word;\n min-height: 30px;\n display: grid;\n align-items: center;\n padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n pointer-events: none;\n`;\n\nconst StyledTooltipText = styled('span', {\n name: DSIndeterminateProgressIndicatorName,\n slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.TOOLTIP_TEXT,\n})`\n && > * {\n ${inheritedTypography}\n }\n`;\n\ninterface TruncatedTooltipTextProps {\n value?: string;\n placement?: DSHookFloatingContextT.PopperPlacementsT;\n getOwnerProps?: () => object;\n getOwnerPropsArguments?: () => object;\n}\n\nconst TruncatedTooltipText = ({\n value = '',\n placement = 'top',\n getOwnerProps,\n getOwnerPropsArguments,\n}: TruncatedTooltipTextProps) => {\n const [showTooltip, setShowTooltip] = useState(false);\n\n const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n placement,\n externallyControlledIsOpen: showTooltip,\n withoutAnimation: true,\n });\n\n const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n const el = e.currentTarget;\n setShowTooltip(el.offsetWidth < el.scrollWidth);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setShowTooltip(false);\n }, []);\n\n return (\n <>\n <StyledLabel\n innerRef={refs.setReference}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <DSTypography component=\"span\" variant=\"b2\">\n {value}\n </DSTypography>\n </StyledLabel>\n <FloatingWrapper\n innerRef={refs.setFloating}\n isOpen={showTooltip}\n floatingStyles={floatingStyles}\n context={context}\n >\n <StyledTooltipContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n <StyledTooltipText getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n <DSTypography component=\"span\" variant=\"b2-light\">\n {value}\n </DSTypography>\n </StyledTooltipText>\n <PopoverArrow {...arrowStyles} />\n </StyledTooltipContainer>\n </FloatingWrapper>\n </>\n );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsHnB;AAtHJ,mBAA6C;AAC7C,uBAA4B;AAC5B,2BAA6B;AAC7B,iCAKO;AACP,uBAA6F;AAuB7F,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU5B,MAAM,kBAAc,yBAAO,QAAQ;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,wDAAuC;AAC/C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOK,mBAAmB;AAAA;AAAA;AAKzB,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,wDAAuC;AAC/C,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAInD,MAAM,wBAAoB,yBAAO,QAAQ;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,wDAAuC;AAC/C,CAAC;AAAA;AAAA,MAEK,mBAAmB;AAAA;AAAA;AAWzB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,QAAI,+CAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,uBAAmB,0BAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,0BAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QAEA,sDAAC,qCAAa,WAAU,QAAO,SAAQ,MACpC,iBACH;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,uDAAC,0BAAuB,eAA8B,wBACpD;AAAA,sDAAC,qBAAkB,eAA8B,wBAC/C,sDAAC,qCAAa,WAAU,QAAO,SAAQ,YACpC,iBACH,GACF;AAAA,UACA,4CAAC,2CAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -41,7 +41,7 @@ const useIndeterminateProgressIndicator = (propsFromUser) => {
|
|
|
41
41
|
propsFromUser,
|
|
42
42
|
import_react_desc_prop_types.defaultProps
|
|
43
43
|
);
|
|
44
|
-
(0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.
|
|
44
|
+
(0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSIndeterminateProgressIndicatorPropTypesSchema);
|
|
45
45
|
const {
|
|
46
46
|
title,
|
|
47
47
|
complete,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useIndeterminateProgressIndicator.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useMemo } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n type DSIndeterminateProgressIndicatorT,\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,8BAA6C;AAC7C,mCAIO;AACP,8BAAiC;AAM1B,MAAM,oCAAoC,CAAC,kBAA2D;AAI3G,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,
|
|
4
|
+
"sourcesContent": ["import React, { useMemo } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n type DSIndeterminateProgressIndicatorT,\n DSIndeterminateProgressIndicatorPropTypesSchema,\n defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface IndeterminateProgressIndicatorCTX {\n propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;\n}\n\nexport const useIndeterminateProgressIndicator = (propsFromUser: DSIndeterminateProgressIndicatorT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSIndeterminateProgressIndicatorT.InternalProps>(\n propsFromUser,\n defaultProps,\n );\n useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypesSchema);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n const {\n title,\n complete,\n failed,\n processing,\n processingComplete,\n processingCompleteTitle,\n processingFail,\n processingFailTitle,\n } = propsWithDefault;\n\n const label = useMemo(() => {\n if ((processingComplete || processingFail || processing) && (complete || failed)) {\n return complete ? processingCompleteTitle : processingFailTitle;\n }\n return title;\n }, [\n processingComplete,\n processingFail,\n processing,\n complete,\n failed,\n title,\n processingCompleteTitle,\n processingFailTitle,\n ]);\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n label,\n }),\n [propsWithDefault, label],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,8BAA6C;AAC7C,mCAIO;AACP,8BAAiC;AAM1B,MAAM,oCAAoC,CAAC,kBAA2D;AAI3G,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,4EAA+C;AAIlF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,SAAK,sBAAsB,kBAAkB,gBAAgB,YAAY,SAAS;AAChF,aAAO,WAAW,0BAA0B;AAAA,IAC9C;AACA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,KAAK;AAAA,EAC1B;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type {
|
|
4
|
+
"sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';\nimport { DSIndeterminateProgressIndicatorName } from '../constants/index.js';\n\nexport const useValidateProps = (\n props: DSIndeterminateProgressIndicatorT.InternalProps,\n propTypes: ValidationMap<unknown>,\n): void => {\n // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n useValidateTypescriptPropTypes(props, propTypes, DSIndeterminateProgressIndicatorName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAqD;AAE9C,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,qDAAoC;AACvF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -28,22 +28,27 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
29
|
var constants_exports = {};
|
|
30
30
|
__export(constants_exports, {
|
|
31
|
-
DSIndeterminateProgressIndicatorDataTestIds: () => DSIndeterminateProgressIndicatorDataTestIds,
|
|
32
31
|
DSIndeterminateProgressIndicatorName: () => DSIndeterminateProgressIndicatorName,
|
|
33
|
-
DSIndeterminateProgressIndicatorSlots: () => DSIndeterminateProgressIndicatorSlots
|
|
32
|
+
DSIndeterminateProgressIndicatorSlots: () => DSIndeterminateProgressIndicatorSlots,
|
|
33
|
+
INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID: () => INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID,
|
|
34
|
+
INDETERMINATE_PROGRESS_INDICATOR_SLOTS: () => INDETERMINATE_PROGRESS_INDICATOR_SLOTS
|
|
34
35
|
});
|
|
35
36
|
module.exports = __toCommonJS(constants_exports);
|
|
36
37
|
var React = __toESM(require("react"));
|
|
37
38
|
var import_ds_system = require("@elliemae/ds-system");
|
|
38
39
|
const DSIndeterminateProgressIndicatorName = "DSIndeterminateprogressindicator";
|
|
39
|
-
const
|
|
40
|
+
const INDETERMINATE_PROGRESS_INDICATOR_SLOTS = {
|
|
40
41
|
ROOT: "root",
|
|
41
42
|
LABEL: "label",
|
|
43
|
+
TOOLTIP_CONTAINER: "tooltip-container",
|
|
44
|
+
TOOLTIP_TEXT: "tooltip-text",
|
|
42
45
|
BAR: "bar",
|
|
46
|
+
// legacy snake_case value — shipped as "ds-indeterminateprogressindicator-bar_indicator", breaking change if renamed
|
|
43
47
|
BAR_INDICATOR: "bar_indicator"
|
|
44
48
|
};
|
|
45
|
-
const
|
|
49
|
+
const INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(
|
|
46
50
|
DSIndeterminateProgressIndicatorName,
|
|
47
|
-
|
|
51
|
+
INDETERMINATE_PROGRESS_INDICATOR_SLOTS
|
|
48
52
|
);
|
|
53
|
+
const DSIndeterminateProgressIndicatorSlots = INDETERMINATE_PROGRESS_INDICATOR_SLOTS;
|
|
49
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSIndeterminateProgressIndicatorName = 'DSIndeterminateprogressindicator';\n\nexport const
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,uCAAuC;
|
|
4
|
+
"sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSIndeterminateProgressIndicatorName = 'DSIndeterminateprogressindicator';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const INDETERMINATE_PROGRESS_INDICATOR_SLOTS = {\n ROOT: 'root',\n LABEL: 'label',\n TOOLTIP_CONTAINER: 'tooltip-container',\n TOOLTIP_TEXT: 'tooltip-text',\n BAR: 'bar',\n // legacy snake_case value \u2014 shipped as \"ds-indeterminateprogressindicator-bar_indicator\", breaking change if renamed\n BAR_INDICATOR: 'bar_indicator',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID = slotObjectToDataTestIds(\n DSIndeterminateProgressIndicatorName,\n INDETERMINATE_PROGRESS_INDICATOR_SLOTS,\n);\n\n// pre-convention public name, kept so existing imports keep working\nexport const DSIndeterminateProgressIndicatorSlots = INDETERMINATE_PROGRESS_INDICATOR_SLOTS;\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,uCAAuC;AAG7C,MAAM,yCAAyC;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,KAAK;AAAA;AAAA,EAEL,eAAe;AACjB;AAGO,MAAM,mDAA+C;AAAA,EAC1D;AAAA,EACA;AACF;AAGO,MAAM,wCAAwC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
21
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
22
|
// file that has been converted to a CommonJS file using a Babel-
|
|
@@ -29,11 +28,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
29
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
29
|
var index_exports = {};
|
|
31
30
|
__export(index_exports, {
|
|
31
|
+
DSIndeterminateProgressIndicator: () => import_DSIndeterminateProgressIndicator.DSIndeterminateProgressIndicator,
|
|
32
32
|
DSIndeterminateProgressIndicatorName: () => import_constants.DSIndeterminateProgressIndicatorName,
|
|
33
|
-
DSIndeterminateProgressIndicatorSlots: () => import_constants.DSIndeterminateProgressIndicatorSlots
|
|
33
|
+
DSIndeterminateProgressIndicatorSlots: () => import_constants.DSIndeterminateProgressIndicatorSlots,
|
|
34
|
+
INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID: () => import_constants.INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID,
|
|
35
|
+
INDETERMINATE_PROGRESS_INDICATOR_SLOTS: () => import_constants.INDETERMINATE_PROGRESS_INDICATOR_SLOTS,
|
|
36
|
+
IndeterminateProgressIndicatorWithSchema: () => import_DSIndeterminateProgressIndicator.IndeterminateProgressIndicatorWithSchema
|
|
34
37
|
});
|
|
35
38
|
module.exports = __toCommonJS(index_exports);
|
|
36
39
|
var React = __toESM(require("react"));
|
|
37
|
-
|
|
40
|
+
var import_DSIndeterminateProgressIndicator = require("./DSIndeterminateProgressIndicator.js");
|
|
38
41
|
var import_constants = require("./constants/index.js");
|
|
39
42
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["export {\n DSIndeterminateProgressIndicator,\n IndeterminateProgressIndicatorWithSchema,\n} from './DSIndeterminateProgressIndicator.js';\nexport { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';\nexport {\n DSIndeterminateProgressIndicatorName,\n INDETERMINATE_PROGRESS_INDICATOR_SLOTS,\n INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID,\n DSIndeterminateProgressIndicatorSlots,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8CAGO;AAEP,uBAKO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -29,11 +29,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
29
29
|
var react_desc_prop_types_exports = {};
|
|
30
30
|
__export(react_desc_prop_types_exports, {
|
|
31
31
|
DSIndeterminateProgressIndicatorPropTypes: () => DSIndeterminateProgressIndicatorPropTypes,
|
|
32
|
+
DSIndeterminateProgressIndicatorPropTypesSchema: () => DSIndeterminateProgressIndicatorPropTypesSchema,
|
|
32
33
|
defaultProps: () => defaultProps
|
|
33
34
|
});
|
|
34
35
|
module.exports = __toCommonJS(react_desc_prop_types_exports);
|
|
35
36
|
var React = __toESM(require("react"));
|
|
36
37
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
+
var import_constants = require("./constants/index.js");
|
|
37
39
|
const defaultProps = {
|
|
38
40
|
containerProps: {},
|
|
39
41
|
title: "",
|
|
@@ -48,7 +50,14 @@ const defaultProps = {
|
|
|
48
50
|
percent: 50,
|
|
49
51
|
lineOnly: false
|
|
50
52
|
};
|
|
53
|
+
const slotPropTypes = (0, import_ds_props_helpers.getPropsPerSlotPropTypes)(
|
|
54
|
+
import_constants.DSIndeterminateProgressIndicatorName,
|
|
55
|
+
import_constants.INDETERMINATE_PROGRESS_INDICATOR_SLOTS
|
|
56
|
+
);
|
|
51
57
|
const DSIndeterminateProgressIndicatorPropTypes = {
|
|
58
|
+
...slotPropTypes,
|
|
59
|
+
// already built by the spread above under its real (underscore) key — restated so TypeScript sees that key too
|
|
60
|
+
dsIndeterminateprogressindicatorBar_indicator: slotPropTypes.dsIndeterminateprogressindicatorBar_indicator,
|
|
52
61
|
...import_ds_props_helpers.globalAttributesPropTypes,
|
|
53
62
|
...import_ds_props_helpers.xstyledPropTypes,
|
|
54
63
|
containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
|
|
@@ -61,7 +70,10 @@ const DSIndeterminateProgressIndicatorPropTypes = {
|
|
|
61
70
|
processingFail: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
|
|
62
71
|
processingFailTitle: import_ds_props_helpers.PropTypes.string.description("label to display when the process has failed"),
|
|
63
72
|
animated: import_ds_props_helpers.PropTypes.bool.description("animate or not").defaultValue(true),
|
|
64
|
-
percent: import_ds_props_helpers.PropTypes.number.description(
|
|
73
|
+
percent: import_ds_props_helpers.PropTypes.number.description(
|
|
74
|
+
'Width of the static fill shown while "processing" with "animated" set to false. Visual only: it is not exposed to assistive technology and does not represent measurable progress \u2014 use DSProgressIndicator for determinate progress.'
|
|
75
|
+
).defaultValue(50),
|
|
65
76
|
lineOnly: import_ds_props_helpers.PropTypes.bool.description("hide the label from rendering")
|
|
66
77
|
};
|
|
78
|
+
const DSIndeterminateProgressIndicatorPropTypesSchema = DSIndeterminateProgressIndicatorPropTypes;
|
|
67
79
|
//# 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 { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,
|
|
4
|
+
"sourcesContent": ["import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n PropTypes,\n getPropsPerSlotPropTypes,\n globalAttributesPropTypes,\n xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS } from './constants/index.js';\n\n// `bar_indicator` predates the kebab-case slot convention and cannot be renamed (its data-testid shipped). The\n// slot system keeps the underscore when it builds the prop name (`dsIndeterminateprogressindicatorBar_indicator`),\n// but `TypescriptHelpersT.PropsForGlobalOnSlots` assumes kebab-case and would type it as `\u2026BarIndicator` \u2014 a key\n// the runtime never reads. So the kebab-case slots go through the helper and this one is declared by hand.\ntype KebabCaseSlots = Omit<typeof INDETERMINATE_PROGRESS_INDICATOR_SLOTS, 'BAR_INDICATOR'>;\n\nexport declare namespace DSIndeterminateProgressIndicatorT {\n export type SlotFunctionArguments = {\n dsIndeterminateprogressindicatorRoot: () => object;\n dsIndeterminateprogressindicatorLabel: () => object;\n dsIndeterminateprogressindicatorTooltipContainer: () => object;\n dsIndeterminateprogressindicatorTooltipText: () => object;\n dsIndeterminateprogressindicatorBar: () => object;\n dsIndeterminateprogressindicatorBar_indicator: () => object;\n };\n\n export interface RequiredProps {}\n\n export interface DefaultProps {\n containerProps: object;\n title: string;\n complete: boolean;\n failed: boolean;\n processing: boolean;\n processingComplete: boolean;\n processingCompleteTitle: string;\n processingFail: boolean;\n processingFailTitle: string;\n animated: boolean;\n percent: number;\n lineOnly: boolean;\n }\n\n export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n typeof DSIndeterminateProgressIndicatorName,\n KebabCaseSlots\n > {\n dsIndeterminateprogressindicatorBar_indicator?: object | TypescriptHelpersT.GenericFunc<unknown, object>;\n }\n\n export interface Props\n extends\n Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends\n DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps = {\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 slotPropTypes = getPropsPerSlotPropTypes(\n DSIndeterminateProgressIndicatorName,\n INDETERMINATE_PROGRESS_INDICATOR_SLOTS,\n);\n\nexport const DSIndeterminateProgressIndicatorPropTypes: DSPropTypesSchema<DSIndeterminateProgressIndicatorT.Props> = {\n ...slotPropTypes,\n // already built by the spread above under its real (underscore) key \u2014 restated so TypeScript sees that key too\n dsIndeterminateprogressindicatorBar_indicator: (\n slotPropTypes as Record<string, (typeof slotPropTypes)['dsIndeterminateprogressindicatorRoot']>\n ).dsIndeterminateprogressindicatorBar_indicator,\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n title: PropTypes.string.description('component s label'),\n complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n processingComplete: PropTypes.bool\n .description('Sets the process state to processing and then completed')\n .defaultValue(false),\n processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n processingFail: PropTypes.bool\n .description('Sets the process state to processing and then failed')\n .defaultValue(false),\n processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n animated: PropTypes.bool.description('animate or not').defaultValue(true),\n percent: PropTypes.number\n .description(\n 'Width of the static fill shown while \"processing\" with \"animated\" set to false. Visual only: it is not exposed to assistive technology and does not represent measurable progress \u2014 use DSProgressIndicator for determinate progress.',\n )\n .defaultValue(50),\n lineOnly: PropTypes.bool.description('hide the label from rendering'),\n};\n\nexport const DSIndeterminateProgressIndicatorPropTypesSchema =\n DSIndeterminateProgressIndicatorPropTypes as unknown as ValidationMap<DSIndeterminateProgressIndicatorT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAKO;AAEP,uBAA6F;AA2DtF,MAAM,eAA+D;AAAA,EAC1E,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,oBAAgB;AAAA,EACpB;AAAA,EACA;AACF;AAEO,MAAM,4CAAwG;AAAA,EACnH,GAAG;AAAA;AAAA,EAEH,+CACE,cACA;AAAA,EACF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,kCAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,UAAU,kCAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,QAAQ,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,kCAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,KAAK;AAAA,EACjG,oBAAoB,kCAAU,KAC3B,YAAY,yDAAyD,EACrE,aAAa,KAAK;AAAA,EACrB,yBAAyB,kCAAU,OAAO,YAAY,gDAAgD;AAAA,EACtG,gBAAgB,kCAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,KAAK;AAAA,EACrB,qBAAqB,kCAAU,OAAO,YAAY,8CAA8C;AAAA,EAChG,UAAU,kCAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,IAAI;AAAA,EACxE,SAAS,kCAAU,OAChB;AAAA,IACC;AAAA,EACF,EACC,aAAa,EAAE;AAAA,EAClB,UAAU,kCAAU,KAAK,YAAY,+BAA+B;AACtE;AAEO,MAAM,kDACX;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/styled.js
CHANGED
|
@@ -30,14 +30,12 @@ var styled_exports = {};
|
|
|
30
30
|
__export(styled_exports, {
|
|
31
31
|
Bar: () => Bar,
|
|
32
32
|
BarIndicator: () => BarIndicator,
|
|
33
|
-
Container: () => Container
|
|
34
|
-
StyledTruncatedTooltipText: () => import_TruncatedTooltipText2.TruncatedTooltipText
|
|
33
|
+
Container: () => Container
|
|
35
34
|
});
|
|
36
35
|
module.exports = __toCommonJS(styled_exports);
|
|
37
36
|
var React = __toESM(require("react"));
|
|
38
37
|
var import_ds_system = require("@elliemae/ds-system");
|
|
39
38
|
var import_constants = require("./constants/index.js");
|
|
40
|
-
var import_TruncatedTooltipText2 = require("./TruncatedTooltipText.js");
|
|
41
39
|
const IndeterminateAnimation = (color) => import_ds_system.kfrm`
|
|
42
40
|
0% {
|
|
43
41
|
transform: scaleX(0.015);
|
|
@@ -96,21 +94,21 @@ const ProcessingFailEnd = import_ds_system.kfrm`
|
|
|
96
94
|
`;
|
|
97
95
|
const Container = (0, import_ds_system.styled)("div", {
|
|
98
96
|
name: import_constants.DSIndeterminateProgressIndicatorName,
|
|
99
|
-
slot: import_constants.
|
|
97
|
+
slot: import_constants.INDETERMINATE_PROGRESS_INDICATOR_SLOTS.ROOT
|
|
100
98
|
})`
|
|
101
99
|
width: 100%;
|
|
102
100
|
padding: ${({ theme, lineOnly }) => lineOnly ? 0 : `${theme.space.xxs} ${theme.space.xs}`};
|
|
103
101
|
`;
|
|
104
102
|
const Bar = (0, import_ds_system.styled)("div", {
|
|
105
103
|
name: import_constants.DSIndeterminateProgressIndicatorName,
|
|
106
|
-
slot: import_constants.
|
|
104
|
+
slot: import_constants.INDETERMINATE_PROGRESS_INDICATOR_SLOTS.BAR
|
|
107
105
|
})`
|
|
108
106
|
background-color: ${({ theme }) => theme.colors.neutral[100]};
|
|
109
107
|
overflow: hidden;
|
|
110
108
|
`;
|
|
111
109
|
const BarIndicator = (0, import_ds_system.styled)("div", {
|
|
112
110
|
name: import_constants.DSIndeterminateProgressIndicatorName,
|
|
113
|
-
slot: import_constants.
|
|
111
|
+
slot: import_constants.INDETERMINATE_PROGRESS_INDICATOR_SLOTS.BAR_INDICATOR
|
|
114
112
|
})`
|
|
115
113
|
height: ${({ theme }) => theme.space.xxxs};
|
|
116
114
|
width: ${({ complete, failed, animated, processing, percent }) => `${!complete && !failed && !animated && processing ? percent : 100}%`};
|
package/dist/cjs/styled.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport { css, kfrm, styled } from '@elliemae/ds-system';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
6
|
-
"names": [
|
|
4
|
+
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAkC;AAElC,uBAA6F;AAE7F,MAAM,yBAAyB,CAAC,UAAkB;AAAA;AAAA;AAAA;AAAA,6EAI2B,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6EAQL,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,4EAKN,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4EAQL,KAAK;AAAA;AAAA;AAIjF,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1B,MAAM,uBAAuB,CAAC,UAAkB;AAAA;AAAA;AAAA,2DAGW,KAAK;AAAA;AAGhE,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvB,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAMnB,MAAM,gBAAY,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,wDAAuC;AAC/C,CAAC;AAAA;AAAA,aAEY,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,IAAI,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAG;AAAA;AAGtF,MAAM,UAAM,yBAAO,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM,wDAAuC;AAC/C,CAAC;AAAA,sBACqB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAIvD,MAAM,mBAAe,yBAAO,OAAO;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,wDAAuC;AAC/C,CAAC;AAAA,YACW,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,WAChC,CAAC,EAAE,UAAU,QAAQ,UAAU,YAAY,QAAQ,MAC1D,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,YAAY,aAAa,UAAU,GAAG,GAAG;AAAA,IACrE,CAAC,EAAE,OAAO,UAAU,QAAQ,YAAY,UAAU,oBAAoB,eAAe,MAAM;AAE3F,MAAI,CAAC,YAAY,CAAC,UAAU,CAAC,cAAc,CAAC,sBAAsB,CAAC;AACjE,WAAO;AAAA,4BACe,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAGjD,MAAI,YAAY;AACd,WAAO;AAAA;AAAA,4BAEe,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,qBAC9B,qBAAqB,MAAM,OAAO,QAAQ,GAAG,CAAC,CAAC;AAAA;AAAA;AAGhE,MAAI,YAAY,CAAC,sBAAsB,CAAC;AACtC,WAAO;AAAA,4BACe,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAGjD,MAAI,UAAU,CAAC,kBAAkB,CAAC;AAChC,WAAO;AAAA;AAAA;AAIT,MAAI,YAAY;AACd,QAAI,UAAU;AACZ,aAAO;AAAA;AAAA,uBAEQ,uBAAuB,MAAM,OAAO,MAAM,GAAG,CAAC,CAAC;AAAA,8BACxC,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,IAE/C;AACA,WAAO;AAAA,4BACe,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,EAE/C;AAEA,MAAI,sBAAsB,CAAC,UAAU;AACnC,WAAO;AAAA;AAAA,qBAEQ,iBAAiB;AAAA;AAAA,4BAEV,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,EAE/C;AACA,MAAI,sBAAsB;AACxB,WAAO;AAAA;AAAA,4BAEe,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,qBAC9B,qBAAqB,MAAM,OAAO,QAAQ,GAAG,CAAC,CAAC;AAAA;AAAA;AAIhE,MAAI,kBAAkB,CAAC;AACrB,WAAO;AAAA;AAAA,qBAEQ,cAAc;AAAA;AAAA,4BAEP,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAE/C,MAAI,kBAAkB;AACpB,WAAO;AAAA;AAAA,4BAEe,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,qBAC9B,iBAAiB;AAAA;AAAA;AAGlC,SAAO;AACT,CAAC;AAAA;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
10
|
+
for (let key of __getOwnPropNames(from))
|
|
11
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
12
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
24
|
+
var React = __toESM(require("react"));
|
|
25
|
+
const SlotPropsAsObject = {
|
|
26
|
+
dsIndeterminateprogressindicatorRoot: { "aria-label": "just a typescript test" },
|
|
27
|
+
dsIndeterminateprogressindicatorLabel: { "aria-label": "just a typescript test" },
|
|
28
|
+
dsIndeterminateprogressindicatorTooltipContainer: { "aria-label": "just a typescript test" },
|
|
29
|
+
dsIndeterminateprogressindicatorTooltipText: { "aria-label": "just a typescript test" },
|
|
30
|
+
dsIndeterminateprogressindicatorBar: { "aria-label": "just a typescript test" },
|
|
31
|
+
dsIndeterminateprogressindicatorBar_indicator: { "aria-label": "just a typescript test" }
|
|
32
|
+
};
|
|
33
|
+
const SlotPropsAsFunctions = {
|
|
34
|
+
dsIndeterminateprogressindicatorRoot: () => ({ "aria-label": "just a typescript test" }),
|
|
35
|
+
dsIndeterminateprogressindicatorLabel: () => ({ "aria-label": "just a typescript test" }),
|
|
36
|
+
dsIndeterminateprogressindicatorTooltipContainer: () => ({ "aria-label": "just a typescript test" }),
|
|
37
|
+
dsIndeterminateprogressindicatorTooltipText: () => ({ "aria-label": "just a typescript test" }),
|
|
38
|
+
dsIndeterminateprogressindicatorBar: () => ({ "aria-label": "just a typescript test" }),
|
|
39
|
+
dsIndeterminateprogressindicatorBar_indicator: () => ({ "aria-label": "just a typescript test" })
|
|
40
|
+
};
|
|
41
|
+
const SlotFunctionsAreValidProps = SlotPropsAsFunctions;
|
|
42
|
+
const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
|
|
43
|
+
//# 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,YAAuB;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
|
+
}
|