@cloud-ru/uikit-product-config-selector 1.1.4 → 1.1.6

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.1.6 (2025-11-13)
+
+
+### Bug Fixes
+
+* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
+
+
+
+
+
+## 1.1.5 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 1.1.4 (2025-11-12)
 
 **Note:** Version bump only for package @cloud-ru/uikit-product-config-selector

package/dist/cjs/components/ConfigSelector/ConfigSelector.d.ts

@@ -0,0 +1,23 @@
+import { ChangeEvent, ReactNode } from 'react';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type ConfigSelectorProps = WithSupportProps<{
+    /** Лейбл */
+    label: string;
+    /** Колбек смены значения */
+    onChange(checked: boolean, e: ChangeEvent<HTMLInputElement>): void;
+    /** Отмечен ли компонент */
+    checked: boolean;
+    /** CSS-класс */
+    className?: string;
+    /** HTML tab index */
+    tabIndex?: number;
+    /** Доступна ли опция */
+    available?: boolean;
+    /** Тултип для доступной опции */
+    availableTip?: ReactNode;
+    /** Деактивирован ли компонент */
+    disabled?: boolean;
+    /** Тултип для деактивированного компонента */
+    disabledTip?: ReactNode;
+}>;
+export declare function ConfigSelector({ available, availableTip, disabledTip, label, checked, disabled, onChange, className, tabIndex, ...rest }: ConfigSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ConfigSelector/ConfigSelector.js

@@ -0,0 +1,42 @@
+"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.ConfigSelector = ConfigSelector;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const utils_1 = require("@snack-uikit/utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ConfigSelector(_a) {
+    var { available, availableTip, disabledTip, label, checked, disabled, onChange, className, tabIndex = 0 } = _a, rest = __rest(_a, ["available", "availableTip", "disabledTip", "label", "checked", "disabled", "onChange", "className", "tabIndex"]);
+    const tipConfig = (0, react_1.useMemo)(() => {
+        const isOpen = (available && !checked && availableTip) || (disabled && disabledTip);
+        return {
+            tip: disabled ? disabledTip : availableTip,
+            open: isOpen ? undefined : false,
+            hoverDelayOpen: disabled ? 100 : 400,
+        };
+    }, [available, availableTip, checked, disabled, disabledTip]);
+    const handleChange = e => {
+        if (disabled) {
+            return;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(!checked, e);
+    };
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, Object.assign({}, tipConfig, { disableSpanWrapper: true, children: (0, jsx_runtime_1.jsxs)("label", Object.assign({}, (0, utils_1.extractSupportProps)(rest), { "data-available": available || undefined, "data-disabled": disabled || undefined, "data-checked": checked || undefined, className: (0, classnames_1.default)(styles_module_scss_1.default.configSelector, className), children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', checked: checked, onChange: handleChange, disabled: disabled, tabIndex: tabIndex, className: styles_module_scss_1.default.configSelectorInput, "data-test-id": 'config-selector_input' }), (0, jsx_runtime_1.jsx)("span", { "data-available": available || undefined, "data-disabled": disabled || undefined, "data-checked": checked || undefined, className: styles_module_scss_1.default.configSelectorContent, children: (0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)(styles_module_scss_1.default.labelLayout, styles_module_scss_1.default.label), "data-test-id": 'config-selector_label', children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { text: label }) }) })] })) })));
+}

package/dist/cjs/components/ConfigSelector/index.d.ts

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

package/dist/cjs/components/ConfigSelector/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("./ConfigSelector"), exports);

package/dist/cjs/components/ConfigSelector/styles.module.css

@@ -0,0 +1,117 @@
+.configSelectorContent{
+  cursor:pointer;
+  position:relative;
+  display:inline-flex;
+  justify-content:center;
+  align-items:center;
+  box-sizing:border-box;
+  width:-moz-max-content;
+  width:max-content;
+  min-width:var(--dimension-5m, 40px);
+  max-width:100%;
+  margin:0;
+  padding:0;
+  text-decoration:none;
+  text-transform:none;
+  border-style:solid;
+  outline:0;
+  outline-offset:0;
+  border-radius:12px;
+  border-width:2px;
+  color:var(--sys-neutral-text-support, #6d707f);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
+}
+.configSelectorContent:hover{
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-color:var(--sys-neutral-decor-hovered, #cfd2dc);
+}
+.configSelectorContent:active{
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+  border-color:var(--sys-neutral-decor-activated, #b6bac7);
+}
+.configSelectorContent[data-disabled]{
+  cursor:not-allowed;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+  background-color:var(--sys-neutral-background, #eeeff3);
+  border-color:transparent;
+}
+.configSelectorContent[data-available]{
+  border-color:var(--sys-primary-accent-default, #389f74);
+}
+.configSelectorContent[data-available]:hover{
+  border-color:var(--sys-primary-accent-hovered, #37946e);
+}
+.configSelectorContent[data-available]:active{
+  border-color:var(--sys-primary-accent-pressed, #358561);
+}
+.configSelectorContent[data-checked]{
+  color:var(--sys-neutral-background2-level, #ffffff);
+  background-color:var(--sys-primary-accent-default, #389f74);
+  border-color:transparent;
+}
+.configSelectorContent[data-checked]:hover{
+  background-color:var(--sys-primary-accent-hovered, #37946e);
+}
+.configSelectorContent[data-checked]:active{
+  background-color:var(--sys-primary-accent-pressed, #358561);
+}
+
+.configSelectorInput{
+  pointer-events:none;
+  position:absolute;
+  top:0;
+  left:0;
+  width:0;
+  height:0;
+  opacity:0;
+}
+.configSelectorInput:focus-visible + .configSelectorContent{
+  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);
+  outline-offset:var(--spacing-state-focus-offset, 2px);
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+  border-color:var(--sys-neutral-decor-hovered, #cfd2dc);
+}
+
+.configSelector{
+  position:relative;
+  min-width:0;
+  margin:0;
+  padding:0;
+  border:none;
+  outline:0;
+  outline-offset:0;
+}
+.configSelector .label{
+  font-family:var(--sans-label-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-m-font-weight, Semibold);
+  line-height:var(--sans-label-m-line-height, 16px);
+  font-size:var(--sans-label-m-font-size, 12px);
+  letter-spacing:var(--sans-label-m-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
+}
+.configSelector .labelLayout{
+  padding-left:var(--space-chips-label-layout-padding-s, 4px);
+  padding-right:var(--space-chips-label-layout-padding-s, 4px);
+  display:inline-flex;
+  align-items:center;
+  min-width:0;
+}
+.configSelector .configSelectorContent{
+  height:var(--size-chips-s, 32px);
+  padding-left:var(--space-chips-container-padding-s, 3px);
+  padding-right:var(--space-chips-container-padding-s, 3px);
+}
+.configSelector[data-available] .configSelectorInput:focus-visible + .configSelectorContent{
+  border-color:var(--sys-primary-accent-hovered, #37946e);
+}
+.configSelector[data-checked] .configSelectorInput:focus-visible + .configSelectorContent{
+  color:var(--sys-neutral-background2-level, #ffffff);
+  background-color:var(--sys-primary-accent-hovered, #37946e);
+}

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

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

package/dist/cjs/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("./ConfigSelector"), exports);

package/dist/cjs/index.d.ts

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

package/dist/cjs/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("./components"), exports);

package/dist/esm/components/ConfigSelector/ConfigSelector.d.ts

@@ -0,0 +1,23 @@
+import { ChangeEvent, ReactNode } from 'react';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type ConfigSelectorProps = WithSupportProps<{
+    /** Лейбл */
+    label: string;
+    /** Колбек смены значения */
+    onChange(checked: boolean, e: ChangeEvent<HTMLInputElement>): void;
+    /** Отмечен ли компонент */
+    checked: boolean;
+    /** CSS-класс */
+    className?: string;
+    /** HTML tab index */
+    tabIndex?: number;
+    /** Доступна ли опция */
+    available?: boolean;
+    /** Тултип для доступной опции */
+    availableTip?: ReactNode;
+    /** Деактивирован ли компонент */
+    disabled?: boolean;
+    /** Тултип для деактивированного компонента */
+    disabledTip?: ReactNode;
+}>;
+export declare function ConfigSelector({ available, availableTip, disabledTip, label, checked, disabled, onChange, className, tabIndex, ...rest }: ConfigSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ConfigSelector/ConfigSelector.js

@@ -0,0 +1,36 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { useMemo } from 'react';
+import { Tooltip } from '@snack-uikit/tooltip';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import { extractSupportProps } from '@snack-uikit/utils';
+import styles from './styles.module.css';
+export function ConfigSelector(_a) {
+    var { available, availableTip, disabledTip, label, checked, disabled, onChange, className, tabIndex = 0 } = _a, rest = __rest(_a, ["available", "availableTip", "disabledTip", "label", "checked", "disabled", "onChange", "className", "tabIndex"]);
+    const tipConfig = useMemo(() => {
+        const isOpen = (available && !checked && availableTip) || (disabled && disabledTip);
+        return {
+            tip: disabled ? disabledTip : availableTip,
+            open: isOpen ? undefined : false,
+            hoverDelayOpen: disabled ? 100 : 400,
+        };
+    }, [available, availableTip, checked, disabled, disabledTip]);
+    const handleChange = e => {
+        if (disabled) {
+            return;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(!checked, e);
+    };
+    return (_jsx(Tooltip, Object.assign({}, tipConfig, { disableSpanWrapper: true, children: _jsxs("label", Object.assign({}, extractSupportProps(rest), { "data-available": available || undefined, "data-disabled": disabled || undefined, "data-checked": checked || undefined, className: cn(styles.configSelector, className), children: [_jsx("input", { type: 'checkbox', checked: checked, onChange: handleChange, disabled: disabled, tabIndex: tabIndex, className: styles.configSelectorInput, "data-test-id": 'config-selector_input' }), _jsx("span", { "data-available": available || undefined, "data-disabled": disabled || undefined, "data-checked": checked || undefined, className: styles.configSelectorContent, children: _jsx("span", { className: cn(styles.labelLayout, styles.label), "data-test-id": 'config-selector_label', children: _jsx(TruncateString, { text: label }) }) })] })) })));
+}

package/dist/esm/components/ConfigSelector/index.d.ts

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

package/dist/esm/components/ConfigSelector/index.js

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

package/dist/esm/components/ConfigSelector/styles.module.css

@@ -0,0 +1,117 @@
+.configSelectorContent{
+  cursor:pointer;
+  position:relative;
+  display:inline-flex;
+  justify-content:center;
+  align-items:center;
+  box-sizing:border-box;
+  width:-moz-max-content;
+  width:max-content;
+  min-width:var(--dimension-5m, 40px);
+  max-width:100%;
+  margin:0;
+  padding:0;
+  text-decoration:none;
+  text-transform:none;
+  border-style:solid;
+  outline:0;
+  outline-offset:0;
+  border-radius:12px;
+  border-width:2px;
+  color:var(--sys-neutral-text-support, #6d707f);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
+}
+.configSelectorContent:hover{
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-color:var(--sys-neutral-decor-hovered, #cfd2dc);
+}
+.configSelectorContent:active{
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+  border-color:var(--sys-neutral-decor-activated, #b6bac7);
+}
+.configSelectorContent[data-disabled]{
+  cursor:not-allowed;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+  background-color:var(--sys-neutral-background, #eeeff3);
+  border-color:transparent;
+}
+.configSelectorContent[data-available]{
+  border-color:var(--sys-primary-accent-default, #389f74);
+}
+.configSelectorContent[data-available]:hover{
+  border-color:var(--sys-primary-accent-hovered, #37946e);
+}
+.configSelectorContent[data-available]:active{
+  border-color:var(--sys-primary-accent-pressed, #358561);
+}
+.configSelectorContent[data-checked]{
+  color:var(--sys-neutral-background2-level, #ffffff);
+  background-color:var(--sys-primary-accent-default, #389f74);
+  border-color:transparent;
+}
+.configSelectorContent[data-checked]:hover{
+  background-color:var(--sys-primary-accent-hovered, #37946e);
+}
+.configSelectorContent[data-checked]:active{
+  background-color:var(--sys-primary-accent-pressed, #358561);
+}
+
+.configSelectorInput{
+  pointer-events:none;
+  position:absolute;
+  top:0;
+  left:0;
+  width:0;
+  height:0;
+  opacity:0;
+}
+.configSelectorInput:focus-visible + .configSelectorContent{
+  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);
+  outline-offset:var(--spacing-state-focus-offset, 2px);
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+  border-color:var(--sys-neutral-decor-hovered, #cfd2dc);
+}
+
+.configSelector{
+  position:relative;
+  min-width:0;
+  margin:0;
+  padding:0;
+  border:none;
+  outline:0;
+  outline-offset:0;
+}
+.configSelector .label{
+  font-family:var(--sans-label-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-m-font-weight, Semibold);
+  line-height:var(--sans-label-m-line-height, 16px);
+  font-size:var(--sans-label-m-font-size, 12px);
+  letter-spacing:var(--sans-label-m-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
+}
+.configSelector .labelLayout{
+  padding-left:var(--space-chips-label-layout-padding-s, 4px);
+  padding-right:var(--space-chips-label-layout-padding-s, 4px);
+  display:inline-flex;
+  align-items:center;
+  min-width:0;
+}
+.configSelector .configSelectorContent{
+  height:var(--size-chips-s, 32px);
+  padding-left:var(--space-chips-container-padding-s, 3px);
+  padding-right:var(--space-chips-container-padding-s, 3px);
+}
+.configSelector[data-available] .configSelectorInput:focus-visible + .configSelectorContent{
+  border-color:var(--sys-primary-accent-hovered, #37946e);
+}
+.configSelector[data-checked] .configSelectorInput:focus-visible + .configSelectorContent{
+  color:var(--sys-neutral-background2-level, #ffffff);
+  background-color:var(--sys-primary-accent-hovered, #37946e);
+}

package/dist/esm/components/index.d.ts

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

package/dist/esm/components/index.js

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

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-config-selector",
   "title": "Config Selector",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -41,5 +41,5 @@
     "@snack-uikit/utils": "3.9.0",
     "classnames": "2.5.1"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "ce69097516055b330a0b05da5e29ac5b66e56284"
 }