@ozen-ui/kit 0.75.0 → 0.77.0
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/ImageBase/package.json +5 -0
- package/StepperVertical/package.json +5 -0
- package/__inner__/cjs/components/Autocomplete/helper.d.ts +5 -5
- package/__inner__/cjs/components/Autocomplete/types.d.ts +1 -1
- package/__inner__/cjs/components/AutocompleteBase/AutocompleteBase.d.ts +2 -1
- package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts +4 -4
- package/__inner__/cjs/components/ButtonNext/types.d.ts +2 -1
- package/__inner__/cjs/components/DataList/types.d.ts +1 -1
- package/__inner__/cjs/components/InputOTP/InputOTP.js +79 -76
- package/__inner__/cjs/components/InputOTP/constants.d.ts +4 -4
- package/__inner__/cjs/components/InputOTP/presets.d.ts +5 -0
- package/__inner__/cjs/components/InputOTP/presets.js +5 -0
- package/__inner__/cjs/components/InputOTP/types.d.ts +9 -6
- package/__inner__/cjs/components/OzenProvider/providers/theme/entities/defaultProps.d.ts +6 -0
- package/__inner__/cjs/components/Select/Select.css +10 -1
- package/__inner__/cjs/components/Select/Select.d.ts +0 -1
- package/__inner__/cjs/components/Select/Select.js +40 -10
- package/__inner__/cjs/components/Select/SelectContext.d.ts +21 -0
- package/__inner__/cjs/components/Select/SelectContext.js +29 -0
- package/__inner__/cjs/components/Select/classNames.d.ts +1 -0
- package/__inner__/cjs/components/Select/classNames.js +5 -0
- package/__inner__/cjs/components/Select/components/SelectInput/SelectInput.js +14 -15
- package/__inner__/cjs/components/Select/components/SelectInput/types.d.ts +0 -22
- package/__inner__/cjs/components/Select/components/SelectInputContextConsumer/SelectInputContextConsumer.js +3 -3
- package/__inner__/cjs/components/Select/components/SelectInputRenderRight/SelectInputRenderRight.d.ts +2 -0
- package/__inner__/cjs/components/Select/components/SelectInputRenderRight/SelectInputRenderRight.js +42 -0
- package/__inner__/cjs/components/Select/components/SelectInputRenderRight/index.d.ts +1 -0
- package/__inner__/cjs/components/Select/components/SelectInputRenderRight/index.js +4 -0
- package/__inner__/cjs/components/Select/components/index.d.ts +1 -0
- package/__inner__/cjs/components/Select/components/index.js +1 -0
- package/__inner__/cjs/components/Select/constants.d.ts +3 -0
- package/__inner__/cjs/components/Select/constants.js +8 -1
- package/__inner__/cjs/components/Select/entities/index.d.ts +2 -0
- package/__inner__/cjs/components/Select/entities/index.js +5 -0
- package/__inner__/cjs/components/Select/entities/onClear.d.ts +2 -0
- package/__inner__/cjs/components/Select/entities/onClear.js +2 -0
- package/__inner__/cjs/components/Select/entities/render.d.ts +6 -0
- package/__inner__/cjs/components/Select/entities/render.js +4 -0
- package/__inner__/cjs/components/Select/index.d.ts +1 -0
- package/__inner__/cjs/components/Select/index.js +1 -0
- package/__inner__/cjs/components/Select/types.d.ts +30 -5
- package/__inner__/cjs/components/Select/types.js +3 -0
- package/__inner__/cjs/components/StepperVertical/StepperVertical.css +4 -0
- package/__inner__/cjs/components/StepperVertical/StepperVertical.d.ts +7 -0
- package/__inner__/cjs/components/StepperVertical/StepperVertical.js +21 -0
- package/__inner__/cjs/components/StepperVertical/StepperVerticalContext.d.ts +6 -0
- package/__inner__/cjs/components/StepperVertical/StepperVerticalContext.js +18 -0
- package/__inner__/cjs/components/StepperVertical/constants.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/constants.js +6 -0
- package/__inner__/cjs/components/StepperVertical/index.d.ts +5 -0
- package/__inner__/cjs/components/StepperVertical/index.js +8 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css +4 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.js +24 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.js +12 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/icon.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/icon.js +2 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/index.d.ts +1 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/index.js +4 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/index.d.ts +4 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/index.js +7 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/types.d.ts +7 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/types.js +2 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.css +20 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.js +23 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/constants.d.ts +1 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/constants.js +4 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/index.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/index.js +6 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/types.d.ts +11 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/types.js +2 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css +105 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.js +41 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.d.ts +8 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.js +19 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/constants.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/constants.js +6 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/index.d.ts +1 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/index.js +4 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts +2 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js +11 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/index.d.ts +5 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/index.js +8 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/types.d.ts +26 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/types.js +2 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/StepperVerticalStepButton.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/StepperVerticalStepButton.js +19 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/constants.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/constants.js +8 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/index.d.ts +3 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/index.js +6 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/types.d.ts +7 -0
- package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/types.js +2 -0
- package/__inner__/cjs/components/StepperVertical/modules/index.d.ts +4 -0
- package/__inner__/cjs/components/StepperVertical/modules/index.js +7 -0
- package/__inner__/cjs/components/StepperVertical/types.d.ts +13 -0
- package/__inner__/cjs/components/StepperVertical/types.js +2 -0
- package/__inner__/cjs/hooks/useLockBodyScroll/useLockBodyScroll.js +25 -5
- package/__inner__/cjs/locale/locale.js +9 -0
- package/__inner__/cjs/utils/array/generatePermutations/generatePermutations.d.ts +1 -0
- package/__inner__/cjs/utils/array/generatePermutations/generatePermutations.js +47 -0
- package/__inner__/cjs/utils/array/generatePermutations/index.d.ts +1 -0
- package/__inner__/cjs/utils/array/generatePermutations/index.js +4 -0
- package/__inner__/cjs/utils/array/index.d.ts +1 -0
- package/__inner__/cjs/utils/array/index.js +1 -0
- package/__inner__/esm/components/Autocomplete/helper.d.ts +5 -5
- package/__inner__/esm/components/Autocomplete/types.d.ts +1 -1
- package/__inner__/esm/components/AutocompleteBase/AutocompleteBase.d.ts +2 -1
- package/__inner__/esm/components/AutocompleteNext/helpers.d.ts +4 -4
- package/__inner__/esm/components/ButtonNext/types.d.ts +2 -1
- package/__inner__/esm/components/DataList/types.d.ts +1 -1
- package/__inner__/esm/components/InputOTP/InputOTP.js +79 -76
- package/__inner__/esm/components/InputOTP/constants.d.ts +4 -4
- package/__inner__/esm/components/InputOTP/presets.d.ts +5 -0
- package/__inner__/esm/components/InputOTP/presets.js +5 -0
- package/__inner__/esm/components/InputOTP/types.d.ts +9 -6
- package/__inner__/esm/components/OzenProvider/providers/theme/entities/defaultProps.d.ts +6 -0
- package/__inner__/esm/components/Select/Select.css +10 -1
- package/__inner__/esm/components/Select/Select.d.ts +0 -1
- package/__inner__/esm/components/Select/Select.js +40 -10
- package/__inner__/esm/components/Select/SelectContext.d.ts +21 -0
- package/__inner__/esm/components/Select/SelectContext.js +25 -0
- package/__inner__/esm/components/Select/classNames.d.ts +1 -0
- package/__inner__/esm/components/Select/classNames.js +2 -0
- package/__inner__/esm/components/Select/components/SelectInput/SelectInput.js +7 -8
- package/__inner__/esm/components/Select/components/SelectInput/types.d.ts +0 -22
- package/__inner__/esm/components/Select/components/SelectInputContextConsumer/SelectInputContextConsumer.js +1 -1
- package/__inner__/esm/components/Select/components/SelectInputRenderRight/SelectInputRenderRight.d.ts +2 -0
- package/__inner__/esm/components/Select/components/SelectInputRenderRight/SelectInputRenderRight.js +38 -0
- package/__inner__/esm/components/Select/components/SelectInputRenderRight/index.d.ts +1 -0
- package/__inner__/esm/components/Select/components/SelectInputRenderRight/index.js +1 -0
- package/__inner__/esm/components/Select/components/index.d.ts +1 -0
- package/__inner__/esm/components/Select/components/index.js +1 -0
- package/__inner__/esm/components/Select/constants.d.ts +3 -0
- package/__inner__/esm/components/Select/constants.js +7 -0
- package/__inner__/esm/components/Select/entities/index.d.ts +2 -0
- package/__inner__/esm/components/Select/entities/index.js +2 -0
- package/__inner__/esm/components/Select/entities/onClear.d.ts +2 -0
- package/__inner__/esm/components/Select/entities/onClear.js +1 -0
- package/__inner__/esm/components/Select/entities/render.d.ts +6 -0
- package/__inner__/esm/components/Select/entities/render.js +1 -0
- package/__inner__/esm/components/Select/index.d.ts +1 -0
- package/__inner__/esm/components/Select/index.js +1 -0
- package/__inner__/esm/components/Select/types.d.ts +30 -5
- package/__inner__/esm/components/Select/types.js +2 -1
- package/__inner__/esm/components/StepperVertical/StepperVertical.css +4 -0
- package/__inner__/esm/components/StepperVertical/StepperVertical.d.ts +7 -0
- package/__inner__/esm/components/StepperVertical/StepperVertical.js +18 -0
- package/__inner__/esm/components/StepperVertical/StepperVerticalContext.d.ts +6 -0
- package/__inner__/esm/components/StepperVertical/StepperVerticalContext.js +14 -0
- package/__inner__/esm/components/StepperVertical/constants.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/constants.js +3 -0
- package/__inner__/esm/components/StepperVertical/index.d.ts +5 -0
- package/__inner__/esm/components/StepperVertical/index.js +5 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css +4 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.js +21 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.js +9 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/icon.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/icon.js +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/index.d.ts +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/entities/index.js +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/index.d.ts +4 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/index.js +4 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/types.d.ts +7 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/types.js +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.css +20 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/StepperVerticalIndicator.js +20 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/constants.d.ts +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/constants.js +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/index.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/index.js +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/types.d.ts +11 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIndicator/types.js +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css +105 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.js +38 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.d.ts +8 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.js +15 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/constants.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/constants.js +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/index.d.ts +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/index.js +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts +2 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js +8 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/index.d.ts +5 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/index.js +5 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/types.d.ts +26 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/types.js +1 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/StepperVerticalStepButton.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/StepperVerticalStepButton.js +16 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/constants.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/constants.js +5 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/index.d.ts +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/index.js +3 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/types.d.ts +7 -0
- package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepButton/types.js +1 -0
- package/__inner__/esm/components/StepperVertical/modules/index.d.ts +4 -0
- package/__inner__/esm/components/StepperVertical/modules/index.js +4 -0
- package/__inner__/esm/components/StepperVertical/types.d.ts +13 -0
- package/__inner__/esm/components/StepperVertical/types.js +1 -0
- package/__inner__/esm/hooks/useLockBodyScroll/useLockBodyScroll.js +25 -5
- package/__inner__/esm/locale/locale.js +9 -0
- package/__inner__/esm/utils/array/generatePermutations/generatePermutations.d.ts +1 -0
- package/__inner__/esm/utils/array/generatePermutations/generatePermutations.js +43 -0
- package/__inner__/esm/utils/array/generatePermutations/index.d.ts +1 -0
- package/__inner__/esm/utils/array/generatePermutations/index.js +1 -0
- package/__inner__/esm/utils/array/index.d.ts +1 -0
- package/__inner__/esm/utils/array/index.js +1 -0
- package/package.json +4 -4
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StepperVerticalIndicator = exports.cnStepperVerticalIndicator = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
|
|
7
|
+
var utils_1 = require("../../../../utils");
|
|
8
|
+
var Stack_1 = require("../../../Stack");
|
|
9
|
+
var StepperVerticalStep_1 = require("../StepperVerticalStep");
|
|
10
|
+
var constants_1 = require("./constants");
|
|
11
|
+
exports.cnStepperVerticalIndicator = (0, utils_1.cn)('StepperVerticalIndicator');
|
|
12
|
+
exports.StepperVerticalIndicator = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
|
|
13
|
+
var props = (0, useThemeProps_1.useThemeProps)({
|
|
14
|
+
props: inProps,
|
|
15
|
+
name: 'StepperVerticalIndicator',
|
|
16
|
+
});
|
|
17
|
+
var children = props.children, className = props.className, as = props.as, other = tslib_1.__rest(props, ["children", "className", "as"]);
|
|
18
|
+
var variant = (0, StepperVerticalStep_1.useStepperVerticalStepContext)().variant;
|
|
19
|
+
var Tag = as !== null && as !== void 0 ? as : constants_1.STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG;
|
|
20
|
+
return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnStepperVerticalIndicator)({ variant: variant }, [className]) }),
|
|
21
|
+
react_1.default.createElement(Stack_1.Stack, { className: (0, exports.cnStepperVerticalIndicator)('Content'), align: "center", justify: "center" }, children)));
|
|
22
|
+
});
|
|
23
|
+
exports.StepperVerticalIndicator.displayName = 'StepperVerticalIndicator';
|
package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/constants.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG = "div";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./constants"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./StepperVerticalIndicator"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ComponentRef, ElementType, ReactNode } from 'react';
|
|
2
|
+
import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
|
|
3
|
+
import type { STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG } from './constants';
|
|
4
|
+
export type StepperVerticalIndicatorRef<As extends ElementType = typeof STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG> = ComponentRef<As>;
|
|
5
|
+
export type StepperVerticalIndicatorBaseProps = {
|
|
6
|
+
/** Контент */
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
/** Идентификатор компонента для тестов */
|
|
9
|
+
'data-testid'?: string;
|
|
10
|
+
};
|
|
11
|
+
export type StepperVerticalIndicatorProps<As extends ElementType = typeof STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalIndicatorBaseProps, As>;
|
package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
.StepperVerticalStep {
|
|
2
|
+
--stepper-vertical-indicator-icon-size: 24px;
|
|
3
|
+
--stepper-vertical-indicator-icon-inset-top: var(--spacing-2xs);
|
|
4
|
+
--stepper-vertical-indicator-color-non-current: transparent;
|
|
5
|
+
--stepper-vertical-indicator-color-current: transparent;
|
|
6
|
+
--stepper-vertical-indicator-color: var(--stepper-vertical-indicator-color-non-current);
|
|
7
|
+
--stepper-vertical-indicator-text-color-non-current: transparent;
|
|
8
|
+
--stepper-vertical-indicator-text-color-current: transparent;
|
|
9
|
+
--stepper-vertical-indicator-text-color: var(--stepper-vertical-indicator-text-color-non-current);
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.StepperVerticalStep-Indicator {
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
margin-block-start: var(--stepper-vertical-indicator-icon-inset-top);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.StepperVerticalStep-Info {
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.StepperVerticalStep-Action {
|
|
23
|
+
margin-block-start: var(--spacing-2xs);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.StepperVerticalStep-Description {
|
|
27
|
+
padding-block: var(--spacing-xs);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.StepperVerticalStep_variant_refusal {
|
|
31
|
+
--stepper-vertical-indicator-color-non-current: var(--color-background-error-light);
|
|
32
|
+
--stepper-vertical-indicator-color-current: var(--color-background-error);
|
|
33
|
+
--stepper-vertical-indicator-text-color-non-current: var(--color-content-error-dark);
|
|
34
|
+
--stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.StepperVerticalStep_variant_blocked {
|
|
38
|
+
--stepper-vertical-indicator-color-non-current: var(--color-background-error-light);
|
|
39
|
+
--stepper-vertical-indicator-color-current: var(--color-background-error);
|
|
40
|
+
--stepper-vertical-indicator-text-color-non-current: var(--color-content-error-dark);
|
|
41
|
+
--stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.StepperVerticalStep_variant_warning {
|
|
45
|
+
--stepper-vertical-indicator-color-non-current: var(--color-background-warning-light);
|
|
46
|
+
--stepper-vertical-indicator-color-current: var(--color-background-warning);
|
|
47
|
+
--stepper-vertical-indicator-text-color-non-current: var(--color-content-warning-dark);
|
|
48
|
+
--stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.StepperVerticalStep_variant_awaiting {
|
|
52
|
+
--stepper-vertical-indicator-color-non-current: var(--color-background-info-light);
|
|
53
|
+
--stepper-vertical-indicator-color-current: var(--color-background-info);
|
|
54
|
+
--stepper-vertical-indicator-text-color-non-current: var(--color-content-info-dark);
|
|
55
|
+
--stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.StepperVerticalStep_variant_inProcessing {
|
|
59
|
+
--stepper-vertical-indicator-color-non-current: var(--color-background-action-secondary-light);
|
|
60
|
+
--stepper-vertical-indicator-color-current: var(--color-background-accent-action-secondary-light);
|
|
61
|
+
--stepper-vertical-indicator-text-color-non-current: var(--color-content-action-secondary-dark);
|
|
62
|
+
--stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.StepperVerticalStep_variant_success {
|
|
66
|
+
--stepper-vertical-indicator-color-non-current: var(--color-background-action-light);
|
|
67
|
+
--stepper-vertical-indicator-color-current: var(--color-background-action);
|
|
68
|
+
--stepper-vertical-indicator-text-color-non-current: var(--color-content-action-dark);
|
|
69
|
+
--stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.StepperVerticalStep_current {
|
|
73
|
+
--stepper-vertical-indicator-color: var(--stepper-vertical-indicator-color-current);
|
|
74
|
+
--stepper-vertical-indicator-text-color: var(--stepper-vertical-indicator-text-color-current);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.StepperVerticalStep_ellipsis .StepperVerticalStep-Description {
|
|
78
|
+
overflow: hidden;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.StepperVerticalStep_ellipsis .StepperVerticalStep-Label, .StepperVerticalStep_ellipsis .StepperVerticalStep-Caption, .StepperVerticalStep_ellipsis .StepperVerticalStep-Hint, .StepperVerticalStep_ellipsis .StepperVerticalStep-Action {
|
|
82
|
+
overflow: hidden;
|
|
83
|
+
text-overflow: ellipsis;
|
|
84
|
+
white-space: nowrap;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.StepperVerticalStep:not(:last-child) .StepperVerticalStep-Path {
|
|
88
|
+
position: relative;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.StepperVerticalStep:not(:last-child) .StepperVerticalStep-Path::after {
|
|
92
|
+
--stepper-vertical-indicator-icon-stroke-gap: 1px;
|
|
93
|
+
--stepper-vertical-indicator-inset-top: calc(var(--stepper-vertical-indicator-icon-size) + var(--stepper-vertical-indicator-icon-inset-top) + var(--stepper-vertical-indicator-icon-stroke-gap));
|
|
94
|
+
content: '';
|
|
95
|
+
box-sizing: border-box;
|
|
96
|
+
display: block;
|
|
97
|
+
block-size: calc(100% - var(--stepper-vertical-indicator-inset-top) + var(--stepper-vertical-indicator-icon-inset-top) - var(--stepper-vertical-indicator-icon-stroke-gap));
|
|
98
|
+
inline-size: 2px;
|
|
99
|
+
position: absolute;
|
|
100
|
+
inset-block-start: var(--stepper-vertical-indicator-inset-top);
|
|
101
|
+
inset-inline-start: 50%;
|
|
102
|
+
transform: translate(-50%, 0);
|
|
103
|
+
background-color: var(--color-background-secondary);
|
|
104
|
+
border-radius: var(--border-radius-xs);
|
|
105
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { StepperVerticalStepBaseProps } from './types';
|
|
2
|
+
export declare const cnStepperVerticalStep: import("@bem-react/classname").ClassNameFormatter;
|
|
3
|
+
export declare const StepperVerticalStep: import("../../../../utils").PolymorphicComponentWithRef<StepperVerticalStepBaseProps, "div", "as">;
|
package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StepperVerticalStep = exports.cnStepperVerticalStep = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
|
|
7
|
+
var utils_1 = require("../../../../utils");
|
|
8
|
+
var Stack_1 = require("../../../Stack");
|
|
9
|
+
var Typography_1 = require("../../../Typography");
|
|
10
|
+
var StepperVerticalContext_1 = require("../../StepperVerticalContext");
|
|
11
|
+
var StepperVerticalIconIndicator_1 = require("../StepperVerticalIconIndicator");
|
|
12
|
+
var constants_1 = require("./constants");
|
|
13
|
+
var StepperVerticalStepContext_1 = require("./StepperVerticalStepContext");
|
|
14
|
+
exports.cnStepperVerticalStep = (0, utils_1.cn)('StepperVerticalStep');
|
|
15
|
+
exports.StepperVerticalStep = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
|
|
16
|
+
var props = (0, useThemeProps_1.useThemeProps)({
|
|
17
|
+
name: 'StepperVerticalStep',
|
|
18
|
+
props: inProps,
|
|
19
|
+
});
|
|
20
|
+
var _a = props.variant, variant = _a === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT : _a, _b = props.current, current = _b === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_CURRENT : _b, ellipsisProp = props.ellipsis, hint = props.hint, children = props.children, caption = props.caption, action = props.action, _c = props.indicator, indicator = _c === void 0 ? react_1.default.createElement(StepperVerticalIconIndicator_1.StepperVerticalIconIndicator, null) : _c, className = props.className, _d = props.as, as = _d === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_TAG : _d, other = tslib_1.__rest(props, ["variant", "current", "ellipsis", "hint", "children", "caption", "action", "indicator", "className", "as"]);
|
|
21
|
+
var stepperVerticalContext = (0, StepperVerticalContext_1.useStepperVerticalContext)();
|
|
22
|
+
var ellipsis = (function () {
|
|
23
|
+
if (ellipsisProp !== undefined) {
|
|
24
|
+
return ellipsisProp;
|
|
25
|
+
}
|
|
26
|
+
return stepperVerticalContext.ellipsis;
|
|
27
|
+
})();
|
|
28
|
+
return (react_1.default.createElement(StepperVerticalStepContext_1.StepperVerticalStepContext.Provider, { value: { variant: variant, current: current } },
|
|
29
|
+
react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { ref: ref, as: as, className: (0, exports.cnStepperVerticalStep)({ variant: variant, current: current, ellipsis: ellipsis }, [
|
|
30
|
+
className,
|
|
31
|
+
]), gap: "m" }),
|
|
32
|
+
react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Path') },
|
|
33
|
+
react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Indicator') }, indicator)),
|
|
34
|
+
react_1.default.createElement(Stack_1.Stack, { direction: "column", className: (0, exports.cnStepperVerticalStep)('Description') },
|
|
35
|
+
react_1.default.createElement(Stack_1.Stack, { className: (0, exports.cnStepperVerticalStep)('Info'), direction: "column", gap: "xs" },
|
|
36
|
+
children && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Label'), color: "primary", variant: "text-m_1" }, children)),
|
|
37
|
+
caption && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Caption'), color: "primary", variant: "text-s" }, caption)),
|
|
38
|
+
hint && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Hint'), color: "secondary", variant: "text-2xs" }, hint))),
|
|
39
|
+
action && (react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Action') }, action))))));
|
|
40
|
+
});
|
|
41
|
+
exports.StepperVerticalStep.displayName = 'StepperVerticalStep';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { StepperVerticalStepVariant } from './entities';
|
|
2
|
+
export type StepperVerticalStepContextValue = {
|
|
3
|
+
variant: StepperVerticalStepVariant;
|
|
4
|
+
current: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const StepperVerticalStepContextDefaultValue: StepperVerticalStepContextValue;
|
|
7
|
+
export declare const StepperVerticalStepContext: import("react").Context<StepperVerticalStepContextValue>;
|
|
8
|
+
export declare const useStepperVerticalStepContext: () => StepperVerticalStepContextValue;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useStepperVerticalStepContext = exports.StepperVerticalStepContext = exports.StepperVerticalStepContextDefaultValue = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var environment_1 = require("../../../../constants/environment");
|
|
6
|
+
var constants_1 = require("./constants");
|
|
7
|
+
exports.StepperVerticalStepContextDefaultValue = {
|
|
8
|
+
variant: constants_1.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT,
|
|
9
|
+
current: false,
|
|
10
|
+
};
|
|
11
|
+
exports.StepperVerticalStepContext = (0, react_1.createContext)(exports.StepperVerticalStepContextDefaultValue);
|
|
12
|
+
var useStepperVerticalStepContext = function () {
|
|
13
|
+
return (0, react_1.useContext)(exports.StepperVerticalStepContext);
|
|
14
|
+
};
|
|
15
|
+
exports.useStepperVerticalStepContext = useStepperVerticalStepContext;
|
|
16
|
+
// Именованный провайдер
|
|
17
|
+
if (environment_1.isDev) {
|
|
18
|
+
exports.StepperVerticalStepContext.displayName = 'StepperVerticalStepContext';
|
|
19
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.STEPPER_VERTICAL_STEP_DEFAULT_TAG = exports.STEPPER_VERTICAL_STEP_DEFAULT_CURRENT = exports.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT = void 0;
|
|
4
|
+
exports.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT = 'awaiting';
|
|
5
|
+
exports.STEPPER_VERTICAL_STEP_DEFAULT_CURRENT = false;
|
|
6
|
+
exports.STEPPER_VERTICAL_STEP_DEFAULT_TAG = 'div';
|
package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './variant';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./entities"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./constants"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./StepperVerticalStep"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./StepperVerticalStepContext"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { ComponentRef, ElementType, ReactNode } from 'react';
|
|
2
|
+
import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
|
|
3
|
+
import type { STEPPER_VERTICAL_STEP_DEFAULT_TAG } from './constants';
|
|
4
|
+
import type { StepperVerticalStepVariant } from './entities';
|
|
5
|
+
export type StepperVerticalStepBaseProps = {
|
|
6
|
+
/** Лейбл */
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
/** Подпись */
|
|
9
|
+
caption?: ReactNode;
|
|
10
|
+
/** Описание */
|
|
11
|
+
hint?: ReactNode;
|
|
12
|
+
/** Действие */
|
|
13
|
+
action?: ReactNode;
|
|
14
|
+
/** Вариант */
|
|
15
|
+
variant?: StepperVerticalStepVariant;
|
|
16
|
+
/** Индикатор */
|
|
17
|
+
indicator?: ReactNode;
|
|
18
|
+
/** Если `true` делает шаг текущим */
|
|
19
|
+
current?: boolean;
|
|
20
|
+
/** Если `true`, обрезает текст и добавляет многоточие */
|
|
21
|
+
ellipsis?: boolean;
|
|
22
|
+
/** Идентификатор компонента для тестов */
|
|
23
|
+
'data-testid'?: string;
|
|
24
|
+
};
|
|
25
|
+
export type StepperVerticalStepProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepBaseProps, As>;
|
|
26
|
+
export type StepperVerticalStepRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_DEFAULT_TAG> = ComponentRef<As>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { StepperVerticalStepButtonBaseProps } from './types';
|
|
2
|
+
export declare const cnStepperVerticalStepButton: import("@bem-react/classname").ClassNameFormatter;
|
|
3
|
+
export declare const StepperVerticalStepButton: import("../../../../utils").PolymorphicComponentWithRef<StepperVerticalStepButtonBaseProps, "button", "as">;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StepperVerticalStepButton = exports.cnStepperVerticalStepButton = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
|
|
7
|
+
var utils_1 = require("../../../../utils");
|
|
8
|
+
var ButtonNext_1 = require("../../../ButtonNext");
|
|
9
|
+
var constants_1 = require("./constants");
|
|
10
|
+
exports.cnStepperVerticalStepButton = (0, utils_1.cn)('StepperVerticalStepButton');
|
|
11
|
+
exports.StepperVerticalStepButton = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
|
|
12
|
+
var props = (0, useThemeProps_1.useThemeProps)({
|
|
13
|
+
name: 'StepperVerticalStepButton',
|
|
14
|
+
props: inProps,
|
|
15
|
+
});
|
|
16
|
+
var children = props.children, _a = props.color, color = _a === void 0 ? constants_1.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR : _a, _b = props.iconRight, iconRight = _b === void 0 ? constants_1.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT : _b, className = props.className, _c = props.as, as = _c === void 0 ? constants_1.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG : _c, other = tslib_1.__rest(props, ["children", "color", "iconRight", "className", "as"]);
|
|
17
|
+
return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: ref, size: "2xs", variant: "function", color: color, iconRight: iconRight, className: (0, exports.cnStepperVerticalStepButton)('', [className]) }), children));
|
|
18
|
+
});
|
|
19
|
+
exports.StepperVerticalStepButton.displayName = 'StepperVerticalStepButton';
|
package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/constants.d.ts
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR = "primary";
|
|
2
|
+
export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT: import("react").ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
3
|
+
export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG = "button";
|
package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/constants.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG = exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT = exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR = void 0;
|
|
4
|
+
var icons_1 = require("@ozen-ui/icons");
|
|
5
|
+
var ButtonNext_1 = require("../../../ButtonNext");
|
|
6
|
+
exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR = 'primary';
|
|
7
|
+
exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT = icons_1.ChevronRightIcon;
|
|
8
|
+
exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG = ButtonNext_1.BUTTON_DEFAULT_TAG;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./constants"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./StepperVerticalStepButton"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ElementType } from 'react';
|
|
2
|
+
import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
|
|
3
|
+
import type { ButtonProps, ButtonRef } from '../../../ButtonNext';
|
|
4
|
+
import type { STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG } from './constants';
|
|
5
|
+
export type StepperVerticalStepButtonRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG> = ButtonRef<As>;
|
|
6
|
+
export type StepperVerticalStepButtonBaseProps = Omit<ButtonProps, 'variant' | 'size'>;
|
|
7
|
+
export type StepperVerticalStepButtonProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepButtonBaseProps, As>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./StepperVerticalIconIndicator"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./StepperVerticalIndicator"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./StepperVerticalStep"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./StepperVerticalStepButton"), exports);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ComponentRef, ElementType, PropsWithChildren } from 'react';
|
|
2
|
+
import type { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
import type { STEPPER_VERTICAL_DEFAULT_TAG } from './constants';
|
|
4
|
+
export type StepperVerticalBaseProps = PropsWithChildren & {
|
|
5
|
+
/** Если `true` отображает на всю ширину */
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
/** Если `true`, обрезает текст и добавляет многоточие */
|
|
8
|
+
ellipsis?: boolean;
|
|
9
|
+
/** Идентификатор компонента для тестов */
|
|
10
|
+
'data-testid'?: string;
|
|
11
|
+
};
|
|
12
|
+
export type StepperVerticalProps<As extends ElementType = typeof STEPPER_VERTICAL_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalBaseProps, As>;
|
|
13
|
+
export type StepperVerticalRef<As extends ElementType = typeof STEPPER_VERTICAL_DEFAULT_TAG> = ComponentRef<As>;
|
|
@@ -2,18 +2,19 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.FIXED_CLASSNAME = void 0;
|
|
4
4
|
exports.useLockBodyScroll = useLockBodyScroll;
|
|
5
|
+
var react_1 = require("react");
|
|
5
6
|
var getScrollBarSize_1 = require("../../utils/getScrollBarSize");
|
|
6
7
|
var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
|
|
7
8
|
exports.FIXED_CLASSNAME = 'ScrollLock-fixed';
|
|
8
9
|
var getPaddingRight = function (el) {
|
|
9
10
|
return parseInt(window.getComputedStyle(el).paddingRight, 10) || 0;
|
|
10
11
|
};
|
|
12
|
+
var lockIds = new Set();
|
|
13
|
+
var restoreStyleGlobal = { current: null };
|
|
11
14
|
function useLockBodyScroll(active) {
|
|
12
15
|
if (active === void 0) { active = false; }
|
|
13
|
-
(0,
|
|
14
|
-
|
|
15
|
-
return undefined;
|
|
16
|
-
}
|
|
16
|
+
var lockId = (0, react_1.useId)();
|
|
17
|
+
var lockBody = function () {
|
|
17
18
|
var restoreStyle = [];
|
|
18
19
|
// Вычисляем все фиксированные элементы
|
|
19
20
|
var fixedBlocks = document.querySelectorAll(".".concat(exports.FIXED_CLASSNAME));
|
|
@@ -53,11 +54,30 @@ function useLockBodyScroll(active) {
|
|
|
53
54
|
el.style.setProperty('padding-right', "".concat(originalPaddingRight + paddingOffset, "px"));
|
|
54
55
|
});
|
|
55
56
|
}
|
|
56
|
-
|
|
57
|
+
restoreStyleGlobal.current = function () {
|
|
57
58
|
restoreStyle.forEach(function (_a) {
|
|
58
59
|
var el = _a.el, value = _a.value, property = _a.property;
|
|
59
60
|
el.style.setProperty(property, value || '');
|
|
60
61
|
});
|
|
61
62
|
};
|
|
63
|
+
};
|
|
64
|
+
(0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
|
|
65
|
+
if (!active) {
|
|
66
|
+
return undefined;
|
|
67
|
+
}
|
|
68
|
+
var hasLock = lockIds.size > 0;
|
|
69
|
+
if (!hasLock) {
|
|
70
|
+
lockBody();
|
|
71
|
+
}
|
|
72
|
+
lockIds.add(lockId);
|
|
73
|
+
return function () {
|
|
74
|
+
var _a;
|
|
75
|
+
lockIds.delete(lockId);
|
|
76
|
+
if (lockIds.size > 0) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
(_a = restoreStyleGlobal.current) === null || _a === void 0 ? void 0 : _a.call(restoreStyleGlobal);
|
|
80
|
+
restoreStyleGlobal.current = null;
|
|
81
|
+
};
|
|
62
82
|
}, [active]);
|
|
63
83
|
}
|
|
@@ -104,6 +104,9 @@ exports.ruRU = {
|
|
|
104
104
|
return parts.join('.');
|
|
105
105
|
},
|
|
106
106
|
},
|
|
107
|
+
Select: {
|
|
108
|
+
clearText: 'Очистить',
|
|
109
|
+
},
|
|
107
110
|
},
|
|
108
111
|
};
|
|
109
112
|
exports.kkKZ = {
|
|
@@ -208,6 +211,9 @@ exports.kkKZ = {
|
|
|
208
211
|
return parts.join('.');
|
|
209
212
|
},
|
|
210
213
|
},
|
|
214
|
+
Select: {
|
|
215
|
+
clearText: 'Тазалау',
|
|
216
|
+
},
|
|
211
217
|
},
|
|
212
218
|
};
|
|
213
219
|
exports.enUS = {
|
|
@@ -313,5 +319,8 @@ exports.enUS = {
|
|
|
313
319
|
return parts.join('.');
|
|
314
320
|
},
|
|
315
321
|
},
|
|
322
|
+
Select: {
|
|
323
|
+
clearText: 'Clear',
|
|
324
|
+
},
|
|
316
325
|
},
|
|
317
326
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const generatePermutations: <Item>(array: Item[] | Readonly<Item[]>, withSubsetSizes?: boolean) => Item[][];
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.generatePermutations = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var lodash_isequal_1 = tslib_1.__importDefault(require("lodash.isequal"));
|
|
6
|
+
var generatePermutations = function (array, withSubsetSizes) {
|
|
7
|
+
if (withSubsetSizes === void 0) { withSubsetSizes = false; }
|
|
8
|
+
var result = [];
|
|
9
|
+
var permute = function (array, current) {
|
|
10
|
+
if (current === void 0) { current = []; }
|
|
11
|
+
if (array.length === 0) {
|
|
12
|
+
if (!result.some(function (r) { return (0, lodash_isequal_1.default)(r, current); })) {
|
|
13
|
+
result.push(tslib_1.__spreadArray([], tslib_1.__read(current), false));
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
for (var i = 0; i < array.length; i++) {
|
|
18
|
+
var newArray = tslib_1.__spreadArray([], tslib_1.__read(array), false);
|
|
19
|
+
var next = newArray.splice(i, 1);
|
|
20
|
+
permute(newArray, current.concat(next));
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
var subsetsOfSize = function (array, k, start, subset) {
|
|
25
|
+
if (start === void 0) { start = 0; }
|
|
26
|
+
if (subset === void 0) { subset = []; }
|
|
27
|
+
if (subset.length === k) {
|
|
28
|
+
permute(subset);
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
for (var i = start; i < array.length; i++) {
|
|
32
|
+
subset.push(array[i]);
|
|
33
|
+
subsetsOfSize(array, k, i + 1, subset);
|
|
34
|
+
subset.pop();
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
if (withSubsetSizes) {
|
|
38
|
+
for (var size = array.length; size >= 1; size--) {
|
|
39
|
+
subsetsOfSize(array, size);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
permute(array);
|
|
44
|
+
}
|
|
45
|
+
return result;
|
|
46
|
+
};
|
|
47
|
+
exports.generatePermutations = generatePermutations;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './generatePermutations';
|
|
@@ -3,4 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./createEmpty"), exports);
|
|
5
5
|
tslib_1.__exportStar(require("./createFilled"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./generatePermutations"), exports);
|
|
6
7
|
tslib_1.__exportStar(require("./isArray"), exports);
|