@cloud-ru/uikit-product-calculator 0.33.3 → 0.33.4

package/dist/cjs/components/Controls/TableControl/helperComponents/styles.module.css

@@ -0,0 +1,64 @@
+.input{
+  border-radius:var(--radius-fields-s, 4px);
+  border-width:var(--border-width-fields-single, 1px);
+  padding-left:var(--space-fields-single-line-container-s-left, 7px);
+  gap:var(--space-fields-single-line-container-s-gap, 4px);
+  padding-right:var(--space-fields-single-line-container-s-right, 7px);
+  height:var(--size-fields-s, 32px);
+  display:grid;
+  grid-template-columns:auto 1fr auto;
+  align-items:center;
+  width:100%;
+  box-sizing:border-box;
+  border-style:solid;
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
+  padding:0 2px;
+  gap:0;
+}
+.input:hover{
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+}
+.input:focus-within{
+  outline-width:var(--border-state-focus-m-border-width, 3px);
+  outline-style:var(--border-state-focus-m-border-style, solid);
+  outline-color:var(--border-state-focus-m-border-color, );
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+  border-color:var(--sys-primary-accent-default, #389f74);
+  outline-color:var(--sys-primary-decor-activated, #99d7ba);
+}
+.input .content{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  width:100%;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  gap:var(--dimension-050m, 4px);
+}
+.input .content input:-moz-read-only{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  color:var(--sys-neutral-text-main, #41424e) !important;
+  cursor:default;
+}
+.input .content input:read-only{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  color:var(--sys-neutral-text-main, #41424e) !important;
+  cursor:default;
+}
+.input .postfix{
+  color:var(--sys-neutral-text-support, #6d707f);
+}

package/dist/cjs/components/Controls/TableControl/index.d.ts

@@ -0,0 +1 @@
+export * from './TableControl';

package/dist/cjs/components/Controls/TableControl/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableControl"), exports);

package/dist/cjs/components/Controls/TableControl/styles.module.css

@@ -0,0 +1,93 @@
+.tipWrapper{
+  display:inline-flex;
+  height:16px;
+  align-items:center;
+}
+
+.tipWrapperInline{
+  display:inline-flex;
+  height:16px;
+}
+.tipWrapperInline > span{
+  transform:translate(0, 3px);
+}
+
+.table{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  border-radius:var(--radius-table-container, 4px);
+  border:solid var(--border-width-table, 1px) var(--sys-neutral-decor-default, #dde0ea);
+  box-sizing:border-box;
+}
+
+.row{
+  border-top:var(--border-width-table, 1px);
+  border-bottom:var(--border-width-table, 1px);
+  min-height:var(--size-table-line-height, 40px);
+  height:auto;
+  min-height:var(--size-table-line-height, 40px);
+  display:grid;
+  grid-template-columns:2fr minmax(186px, 1fr) minmax(160px, 1fr);
+  align-items:center;
+  box-sizing:border-box;
+  min-width:500px;
+}
+
+.cell{
+  gap:var(--space-table-cell-gap, 4px);
+  padding-left:var(--space-table-cell-padding-horizontal, 12px);
+  padding-right:var(--space-table-cell-padding-horizontal, 12px);
+  padding-top:var(--space-table-cell-padding-vertical, 12px);
+  padding-bottom:var(--space-table-cell-padding-vertical, 12px);
+  box-sizing:border-box;
+  display:flex;
+  height:100%;
+  width:100%;
+  align-items:center;
+  color:var(--sys-neutral-text-main, #41424e);
+  padding-top:2px;
+  padding-bottom:2px;
+  border-right:solid var(--border-width-table, 1px) var(--sys-neutral-decor-default, #dde0ea);
+  border-bottom:solid var(--border-width-table, 1px) var(--sys-neutral-decor-default, #dde0ea);
+}
+
+.cell:last-child{
+  border-right:none;
+}
+
+.row.header .cell{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.row:last-child .cell{
+  border-bottom:none;
+}
+
+.headline{
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  gap:8px;
+  flex-direction:row;
+}
+.headline[data-mobile]{
+  align-items:flex-start;
+  flex-direction:column;
+}
+
+.counter{
+  display:grid;
+  grid-template-columns:1fr 120px;
+  gap:24px;
+  align-items:center;
+}
+
+.wrapper{
+  display:flex;
+  flex-direction:column;
+  gap:8px;
+}

package/dist/cjs/components/Controls/ToggleCard/ToggleCard.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type ToggleCardItem = {
+    value: string;
+    label?: string;
+    description?: ReactNode;
+    disabled?: boolean;
+    disabledReason?: ReactNode;
+    dataTestId?: string;
+};
+export declare function ToggleCard({ value, label, description, disabled, disabledReason, dataTestId }: ToggleCardItem): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Controls/ToggleCard/ToggleCard.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleCard = ToggleCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const card_1 = require("@snack-uikit/card");
+const toggles_1 = require("@snack-uikit/toggles");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ToggleCard({ value, label, description, disabled, disabledReason, dataTestId }) {
+    const { isChecked, handleClick } = (0, toggles_1.useToggleGroup)({ value });
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { open: disabled && disabled ? undefined : false, tip: disabledReason, children: (0, jsx_runtime_1.jsx)(card_1.Card, { outline: true, checked: isChecked, onClick: handleClick, className: styles_module_scss_1.default.card, disabled: disabled, "data-test-id": dataTestId, size: 's', children: (0, jsx_runtime_1.jsx)(card_1.Card.Header, { title: label !== null && label !== void 0 ? label : value, description: description, truncate: {
+                    title: 10,
+                    description: 20,
+                } }) }) }));
+}

package/dist/cjs/components/Controls/ToggleCard/index.d.ts

@@ -0,0 +1 @@
+export * from './ToggleCard';

package/dist/cjs/components/Controls/ToggleCard/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ToggleCard"), exports);

package/dist/cjs/components/Controls/ToggleCard/styles.module.css

@@ -0,0 +1,10 @@
+.card{
+  min-height:100%;
+}
+.card div{
+  min-height:100%;
+  display:flex;
+  flex-direction:column;
+  flex:1;
+  width:100%;
+}

package/dist/cjs/components/Controls/ToggleCardsControl/ToggleCardsControl.d.ts

@@ -0,0 +1,18 @@
+import { CarouselProps } from '@snack-uikit/carousel';
+import { FormValues } from '../../../types';
+import { CONTROL } from '../constants';
+import { ToggleCardItem } from '../ToggleCard';
+import { BaseControlWithItems } from '../types';
+type UiProps = Pick<CarouselProps, 'transition' | 'scrollBy' | 'className' | 'swipe' | 'infiniteScroll' | 'arrows' | 'showItems' | 'pagination' | 'gap'>;
+export type ToggleCardsControl = {
+    type: typeof CONTROL.ToggleCards;
+    accessorKey?: string;
+    defaultValue?: string;
+} & BaseControlWithItems<ToggleCardItem, UiProps>;
+export type ToggleCardsControlUiProps = {
+    value?: string;
+    onChange?(value: string): void;
+    watchedValues?: FormValues;
+} & ToggleCardsControl;
+export declare function ToggleCardsControlUi(props: ToggleCardsControlUiProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Controls/ToggleCardsControl/ToggleCardsControl.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleCardsControlUi = ToggleCardsControlUi;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("react");
+const fields_1 = require("@snack-uikit/fields");
+const toggles_1 = require("@snack-uikit/toggles");
+const hooks_1 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+const CarouselControl_1 = require("../CarouselControl");
+const constants_1 = require("../constants");
+const ToggleCard_1 = require("../ToggleCard");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ToggleCardsControlUiDesktop({ items: itemsProp, uiProps, value, onChange, decoratorProps, relateFn, watchedValues, accessorKey, }) {
+    var _a, _b;
+    const { items: relatedItems, decoratorProps: relatedDecoratorProps, uiProps: relatedUiProps, } = (0, react_2.useMemo)(() => { var _a; return (_a = relateFn === null || relateFn === void 0 ? void 0 : relateFn(watchedValues !== null && watchedValues !== void 0 ? watchedValues : {})) !== null && _a !== void 0 ? _a : {}; }, [relateFn, watchedValues]);
+    const items = (0, react_2.useMemo)(() => relatedItems !== null && relatedItems !== void 0 ? relatedItems : itemsProp, [itemsProp, relatedItems]);
+    const dataTestAttribute = (0, utils_1.parseKeyToDataTest)('toggle-cards', accessorKey);
+    (0, react_2.useEffect)(() => {
+        var _a;
+        if (!items.find(item => String(item.value) === String(value))) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(String((_a = items === null || items === void 0 ? void 0 : items[0]) === null || _a === void 0 ? void 0 : _a.value));
+        }
+    }, [value, onChange, items, relatedItems]);
+    const visible = (_b = (_a = relatedUiProps === null || relatedUiProps === void 0 ? void 0 : relatedUiProps.visible) !== null && _a !== void 0 ? _a : uiProps === null || uiProps === void 0 ? void 0 : uiProps.visible) !== null && _b !== void 0 ? _b : true;
+    if (!visible) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.carousel, children: (0, jsx_runtime_1.jsx)(fields_1.FieldDecorator, Object.assign({ size: 'm' }, decoratorProps, relatedDecoratorProps, { "data-test-id": dataTestAttribute, children: (0, jsx_runtime_1.jsx)(toggles_1.ToggleGroup, { selectionMode: 'single', value: value, onChange: value => {
+                    value && (onChange === null || onChange === void 0 ? void 0 : onChange(value));
+                }, children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.group, children: items.map(item => ((0, react_1.createElement)(ToggleCard_1.ToggleCard, Object.assign({}, item, { key: item.value })))) }) }) })) }));
+}
+function ToggleCardsControlUi(props) {
+    const { isMobile } = (0, hooks_1.useAdaptive)();
+    if (isMobile) {
+        return (0, jsx_runtime_1.jsx)(CarouselControl_1.CarouselControlUi, Object.assign({}, props, { type: constants_1.CONTROL.Carousel }));
+    }
+    return (0, jsx_runtime_1.jsx)(ToggleCardsControlUiDesktop, Object.assign({}, props));
+}

package/dist/cjs/components/Controls/ToggleCardsControl/index.d.ts

@@ -0,0 +1 @@
+export * from './ToggleCardsControl';

package/dist/cjs/components/Controls/ToggleCardsControl/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ToggleCardsControl"), exports);

package/dist/cjs/components/Controls/ToggleCardsControl/styles.module.css

@@ -0,0 +1,38 @@
+.carousel{
+  position:relative;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+}
+.carousel .headline{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+}
+.carousel .headline .label{
+  font-family:var(--sans-label-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-l-font-weight, Semibold);
+  line-height:var(--sans-label-l-line-height, 20px);
+  font-size:var(--sans-label-l-font-size, 14px);
+  letter-spacing:var(--sans-label-l-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.carousel .headline .label .tip{
+  transform:translateY(var(--dimension-050m, 4px));
+  margin-left:var(--dimension-050m, 4px);
+}
+.carousel ul{
+  margin:0;
+  padding:0 0 0 var(--dimension-2m, 16px);
+  list-style-type:disc;
+}
+.carousel li{
+  list-style-type:disc;
+}
+
+.group{
+  display:grid;
+  grid-template-columns:1fr 1fr;
+  gap:var(--dimension-2m, 16px);
+}

package/dist/cjs/components/Controls/ToggleControl/ToggleControl.d.ts

@@ -0,0 +1,18 @@
+import { AnyType, FormValues, PRICE_PERIOD } from '../../../types';
+import { CONTROL } from '../constants';
+import { BaseControl } from '../types';
+import { SwitchRowProps } from './components';
+type UiProps = Pick<SwitchRowProps, 'className' | 'disabled' | 'description'>;
+export type ToggleControl = {
+    type: typeof CONTROL.Toggle;
+    defaultValue?: boolean;
+} & BaseControl<UiProps>;
+export type ToggleControlUiProps = ToggleControl & {
+    value?: boolean;
+    onChange?(value: boolean): void;
+    onChangePeriod?: (value: PRICE_PERIOD, setValue: (arr: [string, AnyType][]) => void) => void;
+    canChangeWholePricePeriod?: boolean;
+    watchedValues?: FormValues;
+};
+export declare function ToggleControlUi({ decoratorProps, uiProps, value, onChange, watchedValues, relateFn, accessorKey, }: ToggleControlUiProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/cjs/components/Controls/ToggleControl/ToggleControl.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleControlUi = ToggleControlUi;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../../../utils");
+const components_1 = require("./components");
+const noop = () => { };
+function ToggleControlUi({ decoratorProps, uiProps, value, onChange, watchedValues, relateFn, accessorKey, }) {
+    var _a, _b;
+    const { decoratorProps: relatedDecoratorProps, uiProps: relatedUiProps } = (0, react_1.useMemo)(() => { var _a; return (_a = relateFn === null || relateFn === void 0 ? void 0 : relateFn(watchedValues !== null && watchedValues !== void 0 ? watchedValues : {})) !== null && _a !== void 0 ? _a : {}; }, [relateFn, watchedValues]);
+    const dataTestAttribute = (0, utils_1.parseKeyToDataTest)('toggle', accessorKey);
+    const visible = (_b = (_a = relatedUiProps === null || relatedUiProps === void 0 ? void 0 : relatedUiProps.visible) !== null && _a !== void 0 ? _a : uiProps === null || uiProps === void 0 ? void 0 : uiProps.visible) !== null && _b !== void 0 ? _b : true;
+    if (!visible) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(components_1.SwitchRow, Object.assign({ checked: value || false, onChange: onChange !== null && onChange !== void 0 ? onChange : noop, dataTestId: dataTestAttribute }, decoratorProps, relatedDecoratorProps, uiProps, relatedUiProps)));
+}

package/dist/cjs/components/Controls/ToggleControl/components/SwitchRow.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { TooltipPlacement } from '../../types';
+export type SwitchRowProps = {
+    label?: string;
+    description?: string;
+    checked: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    onChange(checked: boolean): void;
+    labelTooltip?: ReactNode;
+    labelTooltipPlacement?: TooltipPlacement;
+    disabledToggleTip?: ReactNode;
+    className?: string;
+    disableTitleTruncate?: boolean;
+    dataTestId: string;
+};
+export declare function SwitchRow({ label, description, checked, disabled, onChange, labelTooltip, labelTooltipPlacement, className, disabledToggleTip, loading, dataTestId, ...rest }: SwitchRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Controls/ToggleControl/components/SwitchRow.js

@@ -0,0 +1,36 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchRow = SwitchRow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const toggles_1 = require("@snack-uikit/toggles");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const utils_1 = require("../../../../utils");
+const ObjectDecorator_1 = require("../../ObjectDecorator");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SwitchRow(_a) {
+    var { label, description, checked, disabled, onChange, labelTooltip, labelTooltipPlacement, className, disabledToggleTip, loading, dataTestId } = _a, rest = __rest(_a, ["label", "description", "checked", "disabled", "onChange", "labelTooltip", "labelTooltipPlacement", "className", "disabledToggleTip", "loading", "dataTestId"]);
+    const handleChange = () => !disabled && onChange(!checked);
+    const handleKeyDown = e => {
+        if (e.code === 'Enter' || e.code === 'Space') {
+            handleChange();
+        }
+    };
+    const toggle = ((0, jsx_runtime_1.jsx)(toggles_1.Switch, { size: 'm', checked: checked, disabled: disabled, "data-pointer": true, showIcon: false, tabIndex: -1, loading: loading }));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.switchRow, className), role: 'switch', "aria-checked": checked, tabIndex: disabled ? -1 : 0, onClick: handleChange, onKeyDown: handleKeyDown, "data-disabled": disabled || undefined, "data-loading": loading || undefined, "data-checked": checked || undefined, "data-mobile": true, "data-test-id": dataTestId }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.headline, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.titleLayout, children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.titleWrapper, "data-test-id": (0, utils_1.parseKeyToDataTest)('toggle', 'title'), children: (0, jsx_runtime_1.jsx)(ObjectDecorator_1.ObjectDecorator, { label: label, labelTooltip: labelTooltip, labelTooltipPlacement: labelTooltipPlacement }) }) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wrap, children: disabled && disabledToggleTip ? ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: disabledToggleTip, triggerClassName: styles_module_scss_1.default.switchRowWrapper, children: toggle })) : (toggle) })] }), description && (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.description, children: description })] })));
+}

package/dist/cjs/components/Controls/ToggleControl/components/index.d.ts

@@ -0,0 +1 @@
+export * from './SwitchRow';

package/dist/cjs/components/Controls/ToggleControl/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SwitchRow"), exports);

package/dist/cjs/components/Controls/ToggleControl/components/styles.module.css

@@ -0,0 +1,101 @@
+.description{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.titleLayout{
+  font-family:var(--sans-title-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-title-m-font-weight, Semibold);
+  line-height:var(--sans-title-m-line-height, 24px);
+  font-size:var(--sans-title-m-font-size, 16px);
+  letter-spacing:var(--sans-title-m-letter-spacing, 0.15px);
+  paragraph-spacing:var(--sans-title-m-paragraph-spacing, 8.8px);
+  display:flex;
+  align-items:center;
+  justify-content:flex-start;
+  gap:4px;
+  flex-grow:0;
+  overflow:hidden;
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.headline{
+  position:relative;
+  display:flex;
+  align-items:flex-start;
+  gap:8px;
+  justify-content:space-between;
+}
+
+.switchRowWrapper{
+  display:inline-flex;
+}
+
+.switchRow{
+  padding-top:var(--space-accordion-collapse-block-primary-vertical-padding, 24px);
+  padding-bottom:var(--space-accordion-collapse-block-primary-vertical-padding, 24px);
+  padding-left:var(--space-accordion-collapse-block-primary-horizontal-padding, 24px);
+  padding-right:var(--space-accordion-collapse-block-primary-horizontal-padding, 24px);
+  gap:var(--space-accordion-collapse-block-primary-gap, 24px);
+  border-width:var(--border-width-accordion-collapse-block-primary, 1px);
+  border-radius:var(--radius-accordion-collapse-block-primary-round, 12px);
+  border-width:var(--border-width-accordion-collapse-block-primary, 1px);
+  box-sizing:border-box;
+  cursor:pointer;
+  position:relative;
+  overflow:hidden;
+  border:solid 1px var(--sys-neutral-decor-default, #dde0ea);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+}
+.switchRow:focus-within, .switchRow:hover{
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+}
+.switchRow:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  outline-color:var(--sys-available-complementary, #1c1c24);
+}
+.switchRow *[data-pointer]{
+  cursor:pointer;
+}
+.switchRow[data-loading]{
+  cursor:wait;
+}
+.switchRow[data-loading] *[data-pointer]{
+  cursor:wait;
+}
+.switchRow[data-disabled]{
+  cursor:not-allowed;
+  background-color:transparent;
+}
+.switchRow[data-disabled]::before{
+  background-color:var(--sys-neutral-accent-default, #787b8a);
+  opacity:0.08;
+}
+.switchRow[data-disabled] .titleLayout,
+.switchRow[data-disabled] .description{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}
+.switchRow[data-disabled] *[data-pointer]{
+  cursor:not-allowed;
+}
+.switchRow[data-mobile]{
+  padding:16px;
+}
+
+.titleWrapper{
+  display:flex;
+  align-items:flex-start;
+  overflow:hidden;
+  gap:4px;
+}
+
+.wrap{
+  display:flex;
+}

package/dist/cjs/components/Controls/ToggleControl/index.d.ts

@@ -0,0 +1 @@
+export * from './ToggleControl';

package/dist/cjs/components/Controls/ToggleControl/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ToggleControl"), exports);

package/dist/cjs/components/Controls/ToggleObjectControl/ToggleObjectControl.d.ts

@@ -0,0 +1,25 @@
+import { FormValues } from '../../../types';
+import { CONTROL } from '../constants';
+import { BaseControl, FormControl } from '../types';
+type UiProps = {
+    disabled?: boolean;
+};
+export type ToggleObjectControl = {
+    type: typeof CONTROL.ToggleObject;
+    /**
+     * Поле, для значения вкл/выкл контрола
+     *
+     * @example 'eipIsNeeded'
+     */
+    switchKey: string;
+    /** Конфигурация тела аккордеона */
+    control: FormControl;
+    onChangeFn?: never;
+} & Pick<BaseControl<UiProps>, 'decoratorProps' | 'uiProps' | 'watchedControls' | 'relateFn' | 'onChangePeriod' | 'canChangeWholePricePeriod'>;
+type ToggleObjectControlUiProps = ToggleObjectControl & {
+    value: FormValues;
+    onChange(value: FormValues): void;
+    watchedValues?: FormValues;
+};
+export declare function ToggleObjectControlUi({ decoratorProps, control, switchKey, relateFn, watchedValues, uiProps, }: ToggleObjectControlUiProps): import("react/jsx-runtime").JSX.Element | null;
+export {};