@alfalab/core-components-steps 1.8.4 → 2.0.0-snapshot-6a9d3fc
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/Component.d.ts +4 -6
- package/Component.js +6 -7
- package/Component.js.map +1 -0
- package/components/step/Component.d.ts +5 -5
- package/components/step/Component.js +37 -38
- package/components/step/Component.js.map +1 -0
- package/components/step/index.css +38 -58
- package/components/step/index.d.ts +1 -1
- package/components/step/index.js +3 -2
- package/components/step/index.js.map +1 -0
- package/components/step/index.module.css.js +8 -0
- package/components/step/index.module.css.js.map +1 -0
- package/components/step-indicator/Component.d.ts +3 -5
- package/components/step-indicator/Component.js +3 -4
- package/components/step-indicator/Component.js.map +1 -0
- package/components/step-indicator/index.css +2 -24
- package/components/step-indicator/index.d.ts +1 -1
- package/components/step-indicator/index.js +3 -2
- package/components/step-indicator/index.js.map +1 -0
- package/components/step-indicator/index.module.css.js +8 -0
- package/components/step-indicator/index.module.css.js.map +1 -0
- package/cssm/Component.d.ts +4 -6
- package/cssm/Component.js +3 -2
- package/cssm/Component.js.map +1 -0
- package/cssm/components/step/Component.d.ts +5 -5
- package/cssm/components/step/Component.js +11 -10
- package/cssm/components/step/Component.js.map +1 -0
- package/cssm/components/step/index.d.ts +1 -1
- package/cssm/components/step/index.js +3 -2
- package/cssm/components/step/index.js.map +1 -0
- package/cssm/components/step/index.module.css +8 -27
- package/cssm/components/step-indicator/Component.d.ts +3 -5
- package/cssm/components/step-indicator/Component.js +3 -2
- package/cssm/components/step-indicator/Component.js.map +1 -0
- package/cssm/components/step-indicator/index.d.ts +1 -1
- package/cssm/components/step-indicator/index.js +3 -2
- package/cssm/components/step-indicator/index.js.map +1 -0
- package/cssm/components/step-indicator/index.module.css +2 -23
- package/cssm/index.d.ts +1 -1
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/index.module.css +1 -23
- package/cssm/shared/index.d.ts +1 -1
- package/cssm/shared/index.js +3 -2
- package/cssm/shared/index.js.map +1 -0
- package/cssm/types/common-props.d.ts +1 -2
- package/cssm/types/common-props.js +1 -0
- package/cssm/types/common-props.js.map +1 -0
- package/cssm/utils/getStepsTestIds.d.ts +1 -2
- package/cssm/utils/getStepsTestIds.js +3 -2
- package/cssm/utils/getStepsTestIds.js.map +1 -0
- package/esm/Component.d.ts +4 -6
- package/esm/Component.js +2 -3
- package/esm/Component.js.map +1 -0
- package/esm/components/step/Component.d.ts +5 -5
- package/esm/components/step/Component.js +2 -3
- package/esm/components/step/Component.js.map +1 -0
- package/esm/components/step/index.css +38 -58
- package/esm/components/step/index.d.ts +1 -1
- package/esm/components/step/index.js +1 -0
- package/esm/components/step/index.js.map +1 -0
- package/esm/components/step/index.module.css.js +6 -0
- package/esm/components/step/index.module.css.js.map +1 -0
- package/esm/components/step-indicator/Component.d.ts +3 -5
- package/esm/components/step-indicator/Component.js +2 -3
- package/esm/components/step-indicator/Component.js.map +1 -0
- package/esm/components/step-indicator/index.css +2 -24
- package/esm/components/step-indicator/index.d.ts +1 -1
- package/esm/components/step-indicator/index.js +1 -0
- package/esm/components/step-indicator/index.js.map +1 -0
- package/esm/components/step-indicator/index.module.css.js +6 -0
- package/esm/components/step-indicator/index.module.css.js.map +1 -0
- package/esm/index.css +2 -25
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/index.module.css.js +6 -0
- package/esm/index.module.css.js.map +1 -0
- package/esm/shared/index.d.ts +1 -1
- package/esm/shared/index.js +1 -0
- package/esm/shared/index.js.map +1 -0
- package/esm/types/common-props.d.ts +1 -2
- package/esm/types/common-props.js +1 -0
- package/esm/types/common-props.js.map +1 -0
- package/esm/utils/getStepsTestIds.d.ts +1 -2
- package/esm/utils/getStepsTestIds.js +1 -0
- package/esm/utils/getStepsTestIds.js.map +1 -0
- package/index.css +2 -25
- package/index.d.ts +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/index.module.css.js +8 -0
- package/index.module.css.js.map +1 -0
- package/modern/Component.d.ts +4 -6
- package/modern/Component.js +2 -3
- package/modern/Component.js.map +1 -0
- package/modern/components/step/Component.d.ts +5 -5
- package/modern/components/step/Component.js +2 -3
- package/modern/components/step/Component.js.map +1 -0
- package/modern/components/step/index.css +38 -58
- package/modern/components/step/index.d.ts +1 -1
- package/modern/components/step/index.js +1 -0
- package/modern/components/step/index.js.map +1 -0
- package/modern/components/step/index.module.css.js +6 -0
- package/modern/components/step/index.module.css.js.map +1 -0
- package/modern/components/step-indicator/Component.d.ts +3 -5
- package/modern/components/step-indicator/Component.js +2 -3
- package/modern/components/step-indicator/Component.js.map +1 -0
- package/modern/components/step-indicator/index.css +2 -24
- package/modern/components/step-indicator/index.d.ts +1 -1
- package/modern/components/step-indicator/index.js +1 -0
- package/modern/components/step-indicator/index.js.map +1 -0
- package/modern/components/step-indicator/index.module.css.js +6 -0
- package/modern/components/step-indicator/index.module.css.js.map +1 -0
- package/modern/index.css +2 -25
- package/modern/index.d.ts +1 -1
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/index.module.css.js +6 -0
- package/modern/index.module.css.js.map +1 -0
- package/modern/shared/index.d.ts +1 -1
- package/modern/shared/index.js +1 -0
- package/modern/shared/index.js.map +1 -0
- package/modern/types/common-props.d.ts +1 -2
- package/modern/types/common-props.js +1 -0
- package/modern/types/common-props.js.map +1 -0
- package/modern/utils/getStepsTestIds.d.ts +1 -2
- package/modern/utils/getStepsTestIds.js +1 -0
- package/modern/utils/getStepsTestIds.js.map +1 -0
- package/moderncssm/Component.d.ts +4 -6
- package/moderncssm/Component.js +1 -0
- package/moderncssm/Component.js.map +1 -0
- package/moderncssm/components/step/Component.d.ts +5 -5
- package/moderncssm/components/step/Component.js +1 -0
- package/moderncssm/components/step/Component.js.map +1 -0
- package/moderncssm/components/step/index.d.ts +1 -1
- package/moderncssm/components/step/index.js +1 -0
- package/moderncssm/components/step/index.js.map +1 -0
- package/moderncssm/components/step/index.module.css +1 -6
- package/moderncssm/components/step-indicator/Component.d.ts +3 -5
- package/moderncssm/components/step-indicator/Component.js +1 -0
- package/moderncssm/components/step-indicator/Component.js.map +1 -0
- package/moderncssm/components/step-indicator/index.d.ts +1 -1
- package/moderncssm/components/step-indicator/index.js +1 -0
- package/moderncssm/components/step-indicator/index.js.map +1 -0
- package/moderncssm/components/step-indicator/index.module.css +0 -2
- package/moderncssm/index.d.ts +1 -1
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/index.module.css +0 -2
- package/moderncssm/shared/index.d.ts +1 -1
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/shared/index.js.map +1 -0
- package/moderncssm/types/common-props.d.ts +1 -2
- package/moderncssm/types/common-props.js +1 -0
- package/moderncssm/types/common-props.js.map +1 -0
- package/moderncssm/utils/getStepsTestIds.d.ts +1 -2
- package/moderncssm/utils/getStepsTestIds.js +1 -0
- package/moderncssm/utils/getStepsTestIds.js.map +1 -0
- package/package.json +7 -6
- package/shared/index.d.ts +1 -1
- package/shared/index.js +3 -2
- package/shared/index.js.map +1 -0
- package/src/components/step/index.module.css +0 -4
- package/types/common-props.d.ts +1 -2
- package/types/common-props.js +1 -0
- package/types/common-props.js.map +1 -0
- package/utils/getStepsTestIds.d.ts +1 -2
- package/utils/getStepsTestIds.js +1 -0
- package/utils/getStepsTestIds.js.map +1 -0
- package/shared/package.json +0 -3
- package/src/shared/package.json +0 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/step/Component.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useFocus } from '@alfalab/hooks';\nimport { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';\nimport { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';\nimport { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';\nimport { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';\n\nimport { CommonProps } from '../../types/common-props';\nimport { StepIndicator, StepIndicatorProps } from '../step-indicator';\n\nimport styles from './index.module.css';\n\ntype StepProps = {\n /**\n * Номер шага\n */\n stepNumber: number;\n\n /**\n * Маркер того, что текущий шаг выбран\n */\n isSelected: boolean;\n\n /**\n * Маркер того, что текущий шаг доступен для клика\n */\n disabled: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"Positive\"\n */\n isPositive: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"Error\"\n */\n isError: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"isCriticalError\"\n */\n isCriticalError: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"Warning\"\n */\n isWarning: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"Waiting\"\n */\n isWaiting: boolean;\n\n /**\n * Маркер того, что текущий шаг нужно пометить как завершенный\n */\n isStepCompleted: boolean;\n\n /**\n * Свойства кастомного индикатора текущего шага\n */\n customStepIndicator?: StepIndicatorProps | null;\n\n /**\n * Указывает, является ли текущий шаг последним в списке\n */\n isNotLastStep?: boolean;\n\n /**\n * Обработчик нажатия на текущей шаг\n * @param stepNumber - номер шага\n */\n onClick: (stepNumber: number) => void;\n} & CommonProps;\n\nexport const Step: FC<StepProps> = ({\n children,\n stepNumber,\n isSelected,\n disabled,\n ordered,\n isPositive,\n isError,\n isCriticalError,\n isWarning,\n isWaiting,\n customStepIndicator,\n isStepCompleted,\n onClick,\n interactive,\n isVerticalAlign,\n isNotLastStep,\n fullWidth,\n minSpaceBetweenSteps = 24,\n completedDashColor,\n dataTestId,\n}) => {\n const stepRef = useRef<HTMLDivElement>(null);\n\n const [focused] = useFocus(stepRef, 'keyboard');\n\n const handleButtonClick = () => {\n if (!disabled && interactive && onClick) {\n onClick(stepNumber);\n }\n };\n\n const handleTextClick = (e: React.MouseEvent<HTMLElement>) => {\n if (!interactive) {\n e.stopPropagation();\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Enter') {\n handleButtonClick();\n }\n };\n\n const getStepIndicator = () => {\n if (customStepIndicator) {\n return <StepIndicator {...customStepIndicator} />;\n }\n if (isCriticalError) {\n return <StepIndicator iconColor='negative' content={<CrossCompactMIcon />} />;\n }\n if (isError) {\n return <StepIndicator iconColor='negative' content={<ExclamationCircleMIcon />} />;\n }\n if (isWarning) {\n return <StepIndicator iconColor='attention' content={<ExclamationCircleMIcon />} />;\n }\n if (isWaiting) {\n return <StepIndicator iconColor='secondary' content={<ClockMIcon />} />;\n }\n if (isPositive) {\n return <StepIndicator iconColor='positive' content={<CheckmarkCircleMIcon />} />;\n }\n if (isStepCompleted) {\n return (\n <StepIndicator\n iconColor='positive'\n content={<CheckmarkCircleMIcon />}\n className={styles.completedIndicator}\n />\n );\n }\n if (!ordered) {\n return (\n <div className={styles.checkbox}>\n <span className={styles.dot} />\n </div>\n );\n }\n\n return stepNumber;\n };\n\n const getCustomDashColor = () => {\n if (isStepCompleted && completedDashColor) {\n return {\n borderColor: completedDashColor,\n };\n }\n\n return {};\n };\n\n const renderDash = () => (\n <div\n className={cn(styles.dash, {\n [styles.vertical]: isVerticalAlign,\n [styles.completed]: isStepCompleted,\n })}\n style={{\n ...getCustomDashColor(),\n }}\n />\n );\n\n return (\n <div\n data-test-id={getDataTestId(dataTestId, 'step')}\n role='button'\n tabIndex={0}\n ref={stepRef}\n className={cn(styles.step, {\n [styles.completed]: isStepCompleted,\n [styles.error]: isError,\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.focused]: focused,\n [styles.vertical]: isVerticalAlign,\n [styles.interactive]: interactive,\n [styles.fullWidth]: fullWidth && isVerticalAlign,\n [styles.horizontal]: !isVerticalAlign,\n })}\n onClick={handleButtonClick}\n onKeyDown={handleKeyDown}\n >\n <div\n className={cn(styles.indicator, {\n [styles.vertical]: isVerticalAlign,\n [styles.interactive]: interactive,\n })}\n >\n <div\n className={cn(styles.option, {\n [styles.unordered]: !ordered,\n [styles.vertical]: isVerticalAlign,\n [styles.error]: isError,\n })}\n >\n {getStepIndicator()}\n </div>\n {isNotLastStep && isVerticalAlign && renderDash()}\n </div>\n <div\n className={cn(styles.textWrapper, styles[`gap-${minSpaceBetweenSteps}`], {\n [styles.vertical]: isVerticalAlign,\n })}\n >\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n <div\n className={cn(styles.text, {\n [styles.interactive]: interactive,\n [styles.fullWidth]: fullWidth && isVerticalAlign,\n })}\n onClick={handleTextClick}\n >\n {children}\n </div>\n </div>\n {isNotLastStep && !isVerticalAlign && renderDash()}\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/* */
|
|
2
|
-
|
|
3
1
|
:root {
|
|
4
2
|
--steps-option-svg-color: var(--color-light-status-positive);
|
|
5
3
|
--steps-dash-border: 2px solid var(--color-light-status-positive);
|
|
@@ -18,10 +16,6 @@
|
|
|
18
16
|
align-items: center;
|
|
19
17
|
}
|
|
20
18
|
|
|
21
|
-
.step:last-of-type .textWrapper.vertical {
|
|
22
|
-
margin-bottom: var(--gap-0);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
19
|
.step.interactive:not(.disabled):hover {
|
|
26
20
|
cursor: pointer;
|
|
27
21
|
}
|
|
@@ -110,6 +104,7 @@
|
|
|
110
104
|
padding: var(--gap-8);
|
|
111
105
|
color: var(--color-light-text-primary);
|
|
112
106
|
border-radius: var(--gap-8);
|
|
107
|
+
height: -moz-min-content;
|
|
113
108
|
height: min-content
|
|
114
109
|
}
|
|
115
110
|
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { BadgeProps } from
|
|
4
|
-
type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;
|
|
5
|
-
declare const StepIndicator: React.FC<StepIndicatorProps>;
|
|
6
|
-
export { StepIndicatorProps, StepIndicator };
|
|
2
|
+
import { BadgeProps } from '@alfalab/core-components-badge';
|
|
3
|
+
export declare type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;
|
|
4
|
+
export declare const StepIndicator: React.FC<StepIndicatorProps>;
|
|
@@ -6,3 +6,4 @@ import styles from './index.module.css';
|
|
|
6
6
|
const StepIndicator = ({ content, iconColor, className }) => (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));
|
|
7
7
|
|
|
8
8
|
export { StepIndicator };
|
|
9
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/step-indicator/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Badge, BadgeProps } from '@alfalab/core-components-badge';\n\nimport styles from './index.module.css';\n\nexport type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;\n\nexport const StepIndicator: React.FC<StepIndicatorProps> = ({ content, iconColor, className }) => (\n <Badge\n size='l'\n view='icon'\n iconColor={iconColor}\n className={cn(styles.component, className)}\n content={content}\n />\n);\n"],"names":[],"mappings":";;;;;MASa,aAAa,GAAiC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MACzF,oBAAC,KAAK,EAAA,EACF,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,OAAO,EAClB,CAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/moderncssm/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
package/moderncssm/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { getStepsTestIds } from
|
|
1
|
+
export { getStepsTestIds } from '../utils/getStepsTestIds';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
/** Обобщенный набор типов который подходит для Steps, но также прокинут в дочерний Step */
|
|
3
|
-
type CommonProps = {
|
|
3
|
+
export declare type CommonProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Идентификатор для систем автоматизированного тестирования
|
|
6
6
|
*/
|
|
@@ -38,4 +38,3 @@ type CommonProps = {
|
|
|
38
38
|
*/
|
|
39
39
|
completedDashColor?: string;
|
|
40
40
|
};
|
|
41
|
-
export { CommonProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common-props.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getStepsTestIds.js","sources":["../../src/utils/getStepsTestIds.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getStepsTestIds(dataTestId: string) {\n return {\n steps: dataTestId,\n step: getDataTestId(dataTestId, 'step'),\n };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,eAAe,CAAC,UAAkB,EAAA;IAC9C,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAE,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC;KAC1C;AACL;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-steps",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-snapshot-6a9d3fc",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -12,16 +12,17 @@
|
|
|
12
12
|
},
|
|
13
13
|
"sideEffects": false,
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
15
|
+
"react": "^16.9.0 || ^17.0.1 || ^18.0.0",
|
|
16
|
+
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
17
|
},
|
|
17
18
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-badge": "
|
|
19
|
-
"@alfalab/core-components-shared": "
|
|
19
|
+
"@alfalab/core-components-badge": "6.0.0-snapshot-6a9d3fc",
|
|
20
|
+
"@alfalab/core-components-shared": "1.0.0-snapshot-6a9d3fc",
|
|
20
21
|
"@alfalab/hooks": "^1.13.1",
|
|
21
22
|
"@alfalab/icons-glyph": "^2.210.0",
|
|
22
23
|
"classnames": "^2.5.1",
|
|
23
24
|
"tslib": "^2.4.0"
|
|
24
25
|
},
|
|
25
|
-
"themesVersion": "
|
|
26
|
-
"varsVersion": "
|
|
26
|
+
"themesVersion": "14.0.0-snapshot-6a9d3fc",
|
|
27
|
+
"varsVersion": "10.0.0-snapshot-6a9d3fc"
|
|
27
28
|
}
|
package/shared/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { getStepsTestIds } from
|
|
1
|
+
export { getStepsTestIds } from '../utils/getStepsTestIds';
|
package/shared/index.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var getStepsTestIds = require('../utils/getStepsTestIds.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.getStepsTestIds =
|
|
9
|
+
exports.getStepsTestIds = getStepsTestIds.getStepsTestIds;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
package/types/common-props.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
/** Обобщенный набор типов который подходит для Steps, но также прокинут в дочерний Step */
|
|
3
|
-
type CommonProps = {
|
|
3
|
+
export declare type CommonProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Идентификатор для систем автоматизированного тестирования
|
|
6
6
|
*/
|
|
@@ -38,4 +38,3 @@ type CommonProps = {
|
|
|
38
38
|
*/
|
|
39
39
|
completedDashColor?: string;
|
|
40
40
|
};
|
|
41
|
-
export { CommonProps };
|
package/types/common-props.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common-props.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/utils/getStepsTestIds.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getStepsTestIds.js","sources":["../src/utils/getStepsTestIds.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getStepsTestIds(dataTestId: string) {\n return {\n steps: dataTestId,\n step: getDataTestId(dataTestId, 'step'),\n };\n}\n"],"names":["getDataTestId"],"mappings":";;;;;;AAEM,SAAU,eAAe,CAAC,UAAkB,EAAA;IAC9C,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAEA,kCAAa,CAAC,UAAU,EAAE,MAAM,CAAC;KAC1C;AACL;;;;"}
|
package/shared/package.json
DELETED
package/src/shared/package.json
DELETED