@cloud-ru/uikit-product-toggles-predefined 0.8.10 → 0.8.12

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.8.12 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.8.11 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.8.10 (2025-11-12)
 
 ### Only dependencies have been changed

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

@@ -0,0 +1,15 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { Card, CardProps } from '@snack-uikit/card';
+export type ToggleCardProps = WithSupportProps<{
+    title: string;
+    truncate?: Pick<NonNullable<Card.HeaderProps['truncate']>, 'title' | 'description'>;
+    value: string;
+    description?: string;
+    emblem?: Card.HeaderProps['emblem'];
+    promoBadge?: CardProps['promoBadge'];
+    className?: string;
+    disabled?: boolean;
+    size?: CardProps['size'];
+    name?: string;
+}>;
+export declare function ToggleCard({ title, emblem, description, className, disabled, size, value, promoBadge, truncate, name, ...rest }: ToggleCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleCard = ToggleCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const card_1 = require("@snack-uikit/card");
+const toggles_1 = require("@snack-uikit/toggles");
+function ToggleCard(_a) {
+    var { title, emblem, description, className, disabled, size, value, promoBadge, truncate, name } = _a, rest = __rest(_a, ["title", "emblem", "description", "className", "disabled", "size", "value", "promoBadge", "truncate", "name"]);
+    const { isChecked, handleClick } = (0, toggles_1.useToggleGroup)({ value });
+    return ((0, jsx_runtime_1.jsx)(card_1.Card, Object.assign({ checked: isChecked, onClick: !disabled ? handleClick : undefined, disabled: disabled, size: size, outline: true, promoBadge: promoBadge, name: name, header: (0, jsx_runtime_1.jsx)(card_1.Card.Header, { title: title, description: description, emblem: emblem, className: className, truncate: truncate ? { title: truncate.title, metadata: truncate.description } : undefined }) }, (0, uikit_product_utils_1.extractSupportProps)(rest)), title));
+}

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

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

package/dist/cjs/components/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/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,9 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ToggleGroupProps as ToggleGroupPropsSnack } from '@snack-uikit/toggles';
+export type ToggleGroupProps = ToggleGroupPropsSnack & WithSupportProps<{
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    gap?: 's' | 'm' | 'l';
+    breakpoint?: number;
+}>;
+export declare function ToggleGroup({ children, value, onChange, defaultValue, orientation, selectionMode, gap, breakpoint, className, ...rest }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ToggleGroup/ToggleGroup.js

@@ -0,0 +1,29 @@
+"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.ToggleGroup = ToggleGroup;
+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 styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ToggleGroup(_a) {
+    var { children, value, onChange, defaultValue, orientation = 'vertical', selectionMode = 'single', gap = 's', breakpoint = 0, className } = _a, rest = __rest(_a, ["children", "value", "onChange", "defaultValue", "orientation", "selectionMode", "gap", "breakpoint", "className"]);
+    return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    (0, jsx_runtime_1.jsx)(toggles_1.ToggleGroup, { value: value, onChange: onChange, defaultValue: defaultValue, selectionMode: selectionMode, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { '--toggle-group-breakpoint': `${breakpoint}px` }, className: (0, classnames_1.default)(styles_module_scss_1.default.toggleGroup, className), "data-orientation": orientation, "data-gap": gap }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: children })) }));
+}

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

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

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

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

@@ -0,0 +1,16 @@
+.toggleGroup{
+  display:grid;
+}
+.toggleGroup[data-gap=s]{
+  gap:var(--dimension-1m, 8px);
+}
+.toggleGroup[data-gap=m]{
+  gap:var(--dimension-2m, 16px);
+}
+.toggleGroup[data-gap=l]{
+  gap:var(--dimension-3m, 24px);
+}
+.toggleGroup[data-orientation=horizontal]{
+  grid-auto-rows:1fr;
+  grid-template-columns:repeat(auto-fit, minmax(var(--toggle-group-breakpoint, 0px), 1fr));
+}

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

@@ -0,0 +1,3 @@
+export * from './ToggleCard';
+export * from './ToggleGroup';
+export { useToggleGroup } from '@snack-uikit/toggles';

package/dist/cjs/components/index.js

@@ -0,0 +1,21 @@
+"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 });
+exports.useToggleGroup = void 0;
+__exportStar(require("./ToggleCard"), exports);
+__exportStar(require("./ToggleGroup"), exports);
+var toggles_1 = require("@snack-uikit/toggles");
+Object.defineProperty(exports, "useToggleGroup", { enumerable: true, get: function () { return toggles_1.useToggleGroup; } });

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/ToggleCard/ToggleCard.d.ts

@@ -0,0 +1,15 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { Card, CardProps } from '@snack-uikit/card';
+export type ToggleCardProps = WithSupportProps<{
+    title: string;
+    truncate?: Pick<NonNullable<Card.HeaderProps['truncate']>, 'title' | 'description'>;
+    value: string;
+    description?: string;
+    emblem?: Card.HeaderProps['emblem'];
+    promoBadge?: CardProps['promoBadge'];
+    className?: string;
+    disabled?: boolean;
+    size?: CardProps['size'];
+    name?: string;
+}>;
+export declare function ToggleCard({ title, emblem, description, className, disabled, size, value, promoBadge, truncate, name, ...rest }: ToggleCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ToggleCard/ToggleCard.js

@@ -0,0 +1,20 @@
+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 } from "react/jsx-runtime";
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { Card } from '@snack-uikit/card';
+import { useToggleGroup } from '@snack-uikit/toggles';
+export function ToggleCard(_a) {
+    var { title, emblem, description, className, disabled, size, value, promoBadge, truncate, name } = _a, rest = __rest(_a, ["title", "emblem", "description", "className", "disabled", "size", "value", "promoBadge", "truncate", "name"]);
+    const { isChecked, handleClick } = useToggleGroup({ value });
+    return (_jsx(Card, Object.assign({ checked: isChecked, onClick: !disabled ? handleClick : undefined, disabled: disabled, size: size, outline: true, promoBadge: promoBadge, name: name, header: _jsx(Card.Header, { title: title, description: description, emblem: emblem, className: className, truncate: truncate ? { title: truncate.title, metadata: truncate.description } : undefined }) }, extractSupportProps(rest)), title));
+}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ToggleGroupProps as ToggleGroupPropsSnack } from '@snack-uikit/toggles';
+export type ToggleGroupProps = ToggleGroupPropsSnack & WithSupportProps<{
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    gap?: 's' | 'm' | 'l';
+    breakpoint?: number;
+}>;
+export declare function ToggleGroup({ children, value, onChange, defaultValue, orientation, selectionMode, gap, breakpoint, className, ...rest }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ToggleGroup/ToggleGroup.js

@@ -0,0 +1,23 @@
+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 } from "react/jsx-runtime";
+import cn from 'classnames';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { ToggleGroup as ToggleGroupSnack } from '@snack-uikit/toggles';
+import styles from './styles.module.css';
+export function ToggleGroup(_a) {
+    var { children, value, onChange, defaultValue, orientation = 'vertical', selectionMode = 'single', gap = 's', breakpoint = 0, className } = _a, rest = __rest(_a, ["children", "value", "onChange", "defaultValue", "orientation", "selectionMode", "gap", "breakpoint", "className"]);
+    return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    _jsx(ToggleGroupSnack, { value: value, onChange: onChange, defaultValue: defaultValue, selectionMode: selectionMode, children: _jsx("div", Object.assign({ style: { '--toggle-group-breakpoint': `${breakpoint}px` }, className: cn(styles.toggleGroup, className), "data-orientation": orientation, "data-gap": gap }, extractSupportProps(rest), { children: children })) }));
+}

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

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

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

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

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

@@ -0,0 +1,16 @@
+.toggleGroup{
+  display:grid;
+}
+.toggleGroup[data-gap=s]{
+  gap:var(--dimension-1m, 8px);
+}
+.toggleGroup[data-gap=m]{
+  gap:var(--dimension-2m, 16px);
+}
+.toggleGroup[data-gap=l]{
+  gap:var(--dimension-3m, 24px);
+}
+.toggleGroup[data-orientation=horizontal]{
+  grid-auto-rows:1fr;
+  grid-template-columns:repeat(auto-fit, minmax(var(--toggle-group-breakpoint, 0px), 1fr));
+}

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

@@ -0,0 +1,3 @@
+export * from './ToggleCard';
+export * from './ToggleGroup';
+export { useToggleGroup } from '@snack-uikit/toggles';

package/dist/esm/components/index.js

@@ -0,0 +1,3 @@
+export * from './ToggleCard';
+export * from './ToggleGroup';
+export { useToggleGroup } from '@snack-uikit/toggles';

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-toggles-predefined",
   "title": "Toggles Predefined",
-  "version": "0.8.10",
+  "version": "0.8.12",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,16 +30,17 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-utils": "7.0.2",
     "@snack-uikit/card": "0.19.0",
     "@snack-uikit/toggles": "0.13.14",
     "classnames": "2.5.1"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "bf479ecf7238ef20b78f20acaef439efa535d1a1"
 }