@cloud-ru/ds-toggles 1.0.0

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggleGroup = useToggleGroup;
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const context_1 = require("../../context");
+function useToggleGroup({ value: itemValue }) {
+    const { value, onChange, selectionMode } = (0, context_1.useToggleGroupContext)();
+    const isChecked = (0, react_1.useMemo)(() => {
+        if (typeof value === 'string') {
+            return value === itemValue;
+        }
+        if (Array.isArray(value)) {
+            return value.includes(itemValue);
+        }
+        return false;
+    }, [value, itemValue]);
+    const handleClick = (0, react_1.useCallback)(() => {
+        onChange?.(itemValue);
+    }, [itemValue, onChange]);
+    return {
+        isChecked,
+        handleClick,
+        multipleSelection: selectionMode === constants_1.SELECTION_MODE.Multiple,
+    };
+}

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

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

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

@@ -0,0 +1,18 @@
+"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);
+__exportStar(require("./hooks"), exports);

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

@@ -0,0 +1,5 @@
+export * from './Radio';
+export * from './Checkbox';
+export * from './Switch';
+export * from './Favourite';
+export * from './ToggleGroup';

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 });
+__exportStar(require("./Radio"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./Switch"), exports);
+__exportStar(require("./Favourite"), exports);
+__exportStar(require("./ToggleGroup"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,23 @@
+export declare const MODE: {
+    readonly Checkbox: "checkbox";
+    readonly Radio: "radio";
+};
+export declare const SIZE: {
+    readonly XS: "xs";
+    readonly S: "s";
+};
+export declare const FAVOURITE_ICON: {
+    readonly Star: "star";
+    readonly Heart: "heart";
+};
+export declare const SELECTION_MODE: {
+    readonly Single: "single";
+    readonly Multiple: "multiple";
+};
+/**
+ * Суффикс `data-test-id` нативного `<input>` внутри Checkbox/Radio/Switch/Favourite.
+ * Если потребитель передаёт `data-test-id='foo'` на корень, нативный input получает
+ * `data-test-id='foo-native-input'`. Константа публичная — потребитель и e2e helpers
+ * берут один и тот же суффикс из API пакета.
+ */
+export declare const NATIVE_INPUT_SUFFIX = "-native-input";

package/dist/cjs/constants.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NATIVE_INPUT_SUFFIX = exports.SELECTION_MODE = exports.FAVOURITE_ICON = exports.SIZE = exports.MODE = void 0;
+exports.MODE = {
+    Checkbox: 'checkbox',
+    Radio: 'radio',
+};
+exports.SIZE = {
+    XS: 'xs',
+    S: 's',
+};
+exports.FAVOURITE_ICON = {
+    Star: 'star',
+    Heart: 'heart',
+};
+exports.SELECTION_MODE = {
+    Single: 'single',
+    Multiple: 'multiple',
+};
+/**
+ * Суффикс `data-test-id` нативного `<input>` внутри Checkbox/Radio/Switch/Favourite.
+ * Если потребитель передаёт `data-test-id='foo'` на корень, нативный input получает
+ * `data-test-id='foo-native-input'`. Константа публичная — потребитель и e2e helpers
+ * берут один и тот же суффикс из API пакета.
+ */
+exports.NATIVE_INPUT_SUFFIX = '-native-input';

package/dist/cjs/context.d.ts

@@ -0,0 +1,9 @@
+import { SelectionMode } from './types';
+type ToggleGroupContextType = {
+    value: string | undefined | string[];
+    onChange: ((id: string) => void) | undefined;
+    selectionMode: SelectionMode;
+};
+export declare const ToggleGroupContext: import("react").Context<ToggleGroupContextType>;
+export declare const useToggleGroupContext: () => ToggleGroupContextType;
+export {};

package/dist/cjs/context.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggleGroupContext = exports.ToggleGroupContext = void 0;
+const react_1 = require("react");
+const constants_1 = require("./constants");
+exports.ToggleGroupContext = (0, react_1.createContext)({
+    value: undefined,
+    onChange: undefined,
+    selectionMode: constants_1.SELECTION_MODE.Single,
+});
+const useToggleGroupContext = () => (0, react_1.useContext)(exports.ToggleGroupContext);
+exports.useToggleGroupContext = useToggleGroupContext;

package/dist/cjs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './constants';
+export * from './types';
+export * from './context';

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+"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);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./context"), exports);

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}