@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/dist/textarea/textarea.d.ts

@@ -0,0 +1,7 @@
+import type { TextareaProps } from './types';
+/**
+ * Текстовая область.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Textarea({ textareaRef, baseInputProps, style, className, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, rows, value, label, failed, caption, blockProps, 'data-testid': testId, ...restProps }: TextareaProps): import("react").JSX.Element;

package/dist/textarea/textarea.js

@@ -0,0 +1,92 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = Textarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const base_input_1 = require("../base-input");
+const field_block_1 = require("../field-block");
+const utils_1 = require("../input/utils");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./textarea.module.scss"));
+/**
+ * Текстовая область.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Textarea({ 
+// specific Textarea props
+textareaRef, baseInputProps, 
+// root props
+style, className, 
+// textarea element props (popular)
+autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, rows = 2, value, 
+// FieldBlock props
+label, failed, caption, blockProps, 'data-testid': testId = 'textarea', ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    const [filled, updateFilled] = (0, utils_1.useFilledState)(ref, { value, defaultValue });
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const handleMouseDown = (0, utils_1.useFieldMouseDown)(ref, blockProps?.onMouseDown);
+    (0, react_1.useImperativeHandle)(textareaRef, () => ref.current);
+    return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, { ...restProps, rootProps: {
+            ...restProps.rootProps,
+            style,
+            className,
+        }, "data-testid": testId, caption: caption, disabled: disabled, failed: failed, fixedHeight: false, focused: focused, label: label, labelAsPlaceholder: !focused && !filled, labelProps: { htmlFor: id }, size: 'l', blockProps: {
+            ...blockProps,
+            onMouseDown: handleMouseDown,
+        }, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, textareaRef: ref, multiline: true, className: (0, classnames_1.default)(styles.textarea, baseInputProps?.className), style: {
+                '--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
+                ...baseInputProps?.style,
+            }, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: event => {
+                onFocus?.(event);
+                updateFilled(event);
+                setFocused(true);
+            }, onBlur: event => {
+                onBlur?.(event);
+                updateFilled(event);
+                setFocused(false);
+            }, onInput: event => {
+                onInput?.(event);
+                updateFilled(event);
+            }, onChange: event => {
+                onChange?.(event);
+                updateFilled(event);
+            } }), mainProps: { className: styles.main } }));
+}
+//# sourceMappingURL=textarea.js.map

package/dist/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/textarea/textarea.tsx"],"names":[],"mappings":"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"}

package/dist/textarea/types.d.ts

@@ -0,0 +1,15 @@
+import type { Ref, TextareaHTMLAttributes } from 'react';
+import type { FieldBlockProps } from '../field-block';
+import type { BaseInputAsTextareaProps } from '../base-input';
+type HTMLTextareaProps = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'defaultValue' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'readOnly' | 'required' | 'rows' | 'value'>;
+export interface TextareaProps extends HTMLTextareaProps, FieldBlockProps {
+    /** Ref элемента textarea. */
+    textareaRef?: Ref<HTMLTextAreaElement>;
+    /** Свойства BaseInputProps. */
+    baseInputProps?: Omit<BaseInputAsTextareaProps, 'multiline'>;
+    /** Стили корневого элемента. */
+    style?: Required<FieldBlockProps>['rootProps']['style'];
+    /** CSS-класс корневого элемента. */
+    className?: Required<FieldBlockProps>['rootProps']['className'];
+}
+export {};

package/dist/textarea/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/textarea/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/textarea/types.ts"],"names":[],"mappings":""}

package/dist/timer/index.d.ts

@@ -0,0 +1,2 @@
+export type { TimeDistance, TimerProps } from './types';
+export { Timer } from './timer';

package/dist/timer/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Timer = void 0;
+var timer_1 = require("./timer");
+Object.defineProperty(exports, "Timer", { enumerable: true, get: function () { return timer_1.Timer; } });
+//# sourceMappingURL=index.js.map

package/dist/timer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/timer/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/dist/timer/timer.d.ts

@@ -0,0 +1,7 @@
+import type { TimerProps } from './types';
+/**
+ * Таймер - выводит оставшееся время до заданной временной отметки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Timer({ date, format, timeout }: TimerProps): import("react").JSX.Element;

package/dist/timer/timer.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Timer = Timer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+/**
+ * Таймер - выводит оставшееся время до заданной временной отметки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Timer({ date, format = utils_1.formatDistance, timeout = 1000 }) {
+    const [distance, setDistance] = (0, react_1.useState)((0, utils_1.getDistanceToNow)(date));
+    (0, react_1.useEffect)(() => {
+        const timerId = setInterval(() => {
+            setDistance((0, utils_1.getDistanceToNow)(date));
+        }, timeout);
+        setDistance((0, utils_1.getDistanceToNow)(date));
+        return () => clearInterval(timerId);
+    }, [timeout]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: format(distance) });
+}
+//# sourceMappingURL=timer.js.map

package/dist/timer/timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.js","sourceRoot":"","sources":["../../src/timer/timer.tsx"],"names":[],"mappings":";;AASA,sBAcC;;AAtBD,iCAA4C;AAC5C,mCAA2D;AAE3D;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,sBAAc,EAAE,OAAO,GAAG,IAAI,EAAc;IACjF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,wBAAgB,EAAC,IAAI,CAAC,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;YAC/B,WAAW,CAAC,IAAA,wBAAgB,EAAC,IAAI,CAAC,CAAC,CAAC;QACtC,CAAC,EAAE,OAAO,CAAC,CAAC;QAEZ,WAAW,CAAC,IAAA,wBAAgB,EAAC,IAAI,CAAC,CAAC,CAAC;QAEpC,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,2DAAG,MAAM,CAAC,QAAQ,CAAC,GAAI,CAAC;AACjC,CAAC"}

package/dist/timer/types.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface TimeDistance {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+export interface TimerProps {
+    /** Дата и время события. */
+    date: string;
+    /** Должна отформатировать данные об оставшемся времени для вывода. */
+    format?: (distance: TimeDistance) => ReactNode;
+    /** Частота обновления таймера в миллисекундах. */
+    timeout?: number;
+}

package/dist/timer/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/timer/utils.d.ts

@@ -0,0 +1,13 @@
+import type { TimeDistance } from './types';
+/**
+ * Форматирует оставшееся время в виде "дни:часы:минуты:секунды".
+ * @param distance Оставшееся время.
+ * @return Отформатированное время.
+ */
+export declare function formatDistance({ days, hours, minutes, seconds }: TimeDistance): string;
+/**
+ * Возвращает объект с данными об оставшемся времени от текущего момента.
+ * @param dateString Строка с датой в формате ISO.
+ * @return Оставшееся время.
+ */
+export declare function getDistanceToNow(dateString: string): TimeDistance;

package/dist/timer/utils.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDistance = formatDistance;
+exports.getDistanceToNow = getDistanceToNow;
+const formatDistanceToNowStrict_1 = require("date-fns/formatDistanceToNowStrict");
+const isAfter_1 = require("date-fns/isAfter");
+const isValid_1 = require("date-fns/isValid");
+const parseISO_1 = require("date-fns/parseISO");
+const UNITS = ['day', 'hour', 'minute', 'second'];
+/**
+ * Форматирует оставшееся время в виде "дни:часы:минуты:секунды".
+ * @param distance Оставшееся время.
+ * @return Отформатированное время.
+ */
+function formatDistance({ days, hours, minutes, seconds }) {
+    return [days, ...[hours % 24, minutes % 60, seconds % 60].map(s => `${s}`.padStart(2, '0'))].join(':');
+}
+/**
+ * Возвращает объект с данными об оставшемся времени от текущего момента.
+ * @param dateString Строка с датой в формате ISO.
+ * @return Оставшееся время.
+ */
+function getDistanceToNow(dateString) {
+    const date = (0, parseISO_1.parseISO)(dateString);
+    let result = { days: 0, hours: 0, minutes: 0, seconds: 0 };
+    if ((0, isValid_1.isValid)(date) && !(0, isAfter_1.isAfter)(new Date(), date)) {
+        const [days, hours, minutes, seconds] = UNITS.map(unit => parseInt((0, formatDistanceToNowStrict_1.formatDistanceToNowStrict)(date, {
+            unit,
+            roundingMethod: 'floor',
+        }).replace(/\D/g, '')));
+        result = { days, hours, minutes, seconds };
+    }
+    return result;
+}
+//# sourceMappingURL=utils.js.map

package/dist/timer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/timer/utils.ts"],"names":[],"mappings":";;AAaA,wCAIC;AAOD,4CAmBC;AA1CD,kFAA+E;AAC/E,8CAA2C;AAC3C,8CAA2C;AAC3C,gDAA6C;AAE7C,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAE3D;;;;GAIG;AACH,SAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAgB;IAC5E,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC/F,GAAG,CACJ,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,UAAkB;IACjD,MAAM,IAAI,GAAG,IAAA,mBAAQ,EAAC,UAAU,CAAC,CAAC;IAElC,IAAI,MAAM,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;IAE3D,IAAI,IAAA,iBAAO,EAAC,IAAI,CAAC,IAAI,CAAC,IAAA,iBAAO,EAAC,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;QAChD,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACvD,QAAQ,CACN,IAAA,qDAAyB,EAAC,IAAI,EAAE;YAC9B,IAAI;YACJ,cAAc,EAAE,OAAO;SACxB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,CACF,CAAC;QAEF,MAAM,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IAC7C,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/toggle/index.d.ts

@@ -0,0 +1,2 @@
+export type { ToggleProps } from './types';
+export { Toggle } from './toggle';

package/dist/toggle/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+var toggle_1 = require("./toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return toggle_1.Toggle; } });
+//# sourceMappingURL=index.js.map

package/dist/toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/dist/toggle/toggle.d.ts

@@ -0,0 +1 @@
+export declare const Toggle: import("react").ForwardRefExoticComponent<import("../types").CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/toggle/toggle.js

@@ -0,0 +1,58 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./toggle.module.scss"));
+/**
+ * Тогл - элемент для управления полем с двумя состояниями - включено и отключено.
+ * @param props Свойства компонента.
+ * @param ref Реф для DOM-элемента инпута.
+ * @return Элемента.
+ */
+function PureToggle({ className, style, 'data-testid': testId = 'toggle', 
+// состояние с ошибкой не является валидным HTML-атрибутом, поэтому в DOM его не пробрасываем
+failed, 
+// input props
+...restProps }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("label", { className: (0, classnames_1.default)(styles.root, className), style: style, children: [(0, jsx_runtime_1.jsx)("input", { ...restProps, "aria-invalid": failed, className: styles.input, ref: ref, type: 'checkbox', "data-testid": testId }), (0, jsx_runtime_1.jsx)("span", { className: styles.switch })] }));
+}
+exports.Toggle = (0, react_1.forwardRef)(PureToggle);
+//# sourceMappingURL=toggle.js.map

package/dist/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../src/toggle/toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iCAA6C;AAC7C,4DAA4B;AAC5B,6DAA+C;AAE/C;;;;;GAKG;AACH,SAAS,UAAU,CACjB,EACE,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,QAAQ;AAEhC,6FAA6F;AAC7F,MAAM;AAEN,cAAc;AACd,GAAG,SAAS,EACA,EACd,GAA0B;IAE1B,OAAO,CACL,mCAAO,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aACxD,qCACM,SAAS,kBACC,MAAM,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,iBACF,MAAM,GACnB,EACF,iCAAM,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,IAC5B,CACT,CAAC;AACJ,CAAC;AAEY,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC"}

package/dist/toggle/toggle.module.scss

@@ -0,0 +1,64 @@
+@use '../colors';
+
+.root {
+  position: relative;
+  display: inline-block;
+  user-select: none;
+  vertical-align: -2px;
+}
+
+.input {
+  position: absolute;
+  display: block;
+  opacity: 0;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  &:not(:checked) + .switch {
+    --toggle-slider-position: 2px;
+  }
+  &:checked + .switch {
+    --toggle-slider-position: calc(100% - 22px);
+  }
+  &:not(:checked):not(:disabled) + .switch {
+    --toggle-primary-color: #{colors.$basic-gray12};
+  }
+  &:checked:not(:disabled) + .switch {
+    --toggle-primary-color: #{colors.$basic-blue};
+  }
+  &:not(:checked):disabled + .switch {
+    --toggle-primary-color: #{colors.$basic-gray4};
+  }
+  &:checked:disabled + .switch {
+    --toggle-primary-color: #{colors.$basic-gray24};
+  }
+  &:disabled {
+    cursor: default;
+  }
+}
+
+.switch {
+  position: relative;
+  display: block;
+  width: 44px;
+  height: 24px;
+  border-radius: 12px;
+  background: var(--toggle-primary-color);
+  transition: background 0.16s ease-in-out;
+  pointer-events: none;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 2px;
+    left: var(--toggle-slider-position);
+    display: block;
+    width: 20px;
+    height: 20px;
+    background: #fff;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+    border-radius: 50%;
+    transition: left 0.32s ease-in-out;
+  }
+}

package/dist/toggle/types.d.ts

@@ -0,0 +1,2 @@
+import type { CheckboxInputProps } from '../types';
+export type ToggleProps = CheckboxInputProps;

package/dist/toggle/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/toggle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/toggle/types.ts"],"names":[],"mappings":""}

package/dist/top-bar/top-bar.d.ts

@@ -0,0 +1,12 @@
+import { TopBarProps } from './types';
+export declare const TOP_BAR_HEIGHT: {
+    readonly s: 56;
+    readonly m: 64;
+    readonly xl: 80;
+};
+/**
+ * Топ-бар - блок для вывода содержимого в верхней части карточек, модальных окон и других сложных элементов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function TopBar({ divided, size, rounds, title, subtitle, buttons: { start, startSecondary, end, endSecondary }, className, style, 'data-testid': testId, }: TopBarProps): import("react").JSX.Element;

package/dist/top-bar/top-bar.js

@@ -0,0 +1,85 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOP_BAR_HEIGHT = void 0;
+exports.TopBar = TopBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./top-bar.module.scss"));
+// некоторым компонентам нужно знать конкретную высоту
+exports.TOP_BAR_HEIGHT = {
+    s: 56,
+    m: 64,
+    xl: 80,
+};
+/**
+ * Топ-бар - блок для вывода содержимого в верхней части карточек, модальных окон и других сложных элементов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function TopBar({ divided, size = 'm', rounds = 'm', title, subtitle, buttons: { start, startSecondary, end, endSecondary } = {}, className, style, 'data-testid': testId = 'top-bar', }) {
+    const hasStartButtons = start || startSecondary;
+    const hasEndButtons = end || endSecondary;
+    const hasButtons = hasStartButtons || hasEndButtons;
+    const rootClasses = (0, classnames_1.default)(styles.root, styles[`size-${size}`], className, divided && styles['inner-border-bottom'], rounds !== 'unset' && styles[`rounds-${rounds}`]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, style: style, "data-testid": testId, children: [hasButtons && ((0, jsx_runtime_1.jsxs)("div", { className: styles.side, children: [hasStartButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { children: [start && (0, jsx_runtime_1.jsx)(TopBarButton, { ...start }), startSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, { ...startSecondary })] })), hasEndButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { stub: true, end: true, children: [endSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, { ...endSecondary }), end && (0, jsx_runtime_1.jsx)(TopBarButton, { ...end })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: styles.main, children: [title && (0, jsx_runtime_1.jsx)("div", { className: styles.title, children: title }), subtitle && (0, jsx_runtime_1.jsx)("div", { className: styles.subtitle, children: subtitle })] }), hasButtons && ((0, jsx_runtime_1.jsxs)("div", { className: styles.side, children: [hasEndButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { end: true, children: [endSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, { ...endSecondary }), end && (0, jsx_runtime_1.jsx)(TopBarButton, { ...end })] })), hasStartButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { stub: true, children: [start && (0, jsx_runtime_1.jsx)(TopBarButton, { ...start }), startSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, { ...startSecondary })] }))] }))] }));
+}
+/**
+ * Группа кнопок.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function TopBarButtonGroup({ children, stub, end, }) {
+    return ((0, jsx_runtime_1.jsx)(utils_1.TopBarButtonGroupContext.Provider, { value: { stub }, children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles['button-group'], stub && styles.stub, end && styles.end), children: children }) }));
+}
+/**
+ * Кнопки для TopBar.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function TopBarButton({ text, icon, className, 'data-testid': testId = 'top-bar:button', ...buttonProps }) {
+    const { stub } = (0, react_1.useContext)(utils_1.TopBarButtonGroupContext);
+    return ((0, jsx_runtime_1.jsx)("button", { ...(!stub && {
+            // игнорируем атрибуты и свойства для заглушек
+            ...buttonProps,
+            'data-testid': testId,
+        }), type: 'button', className: (0, classnames_1.default)(styles.button, Boolean(icon) && styles.iconic, stub && styles.stub, className), "aria-hidden": stub, children: icon && !stub ? icon : text }));
+}
+//# sourceMappingURL=top-bar.js.map

package/dist/top-bar/top-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.js","sourceRoot":"","sources":["../../src/top-bar/top-bar.tsx"],"names":[],"mappings":"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"}