@cloud-ru/uikit-product-claudia 1.6.2 → 1.6.3

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

package/dist/cjs/components/SshField/helperComponents/TextAreaActionsFooter/TextAreaActionsFooter.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type TextAreaActionsFooterProps = {
+    left?: ReactNode;
+    right?: ReactNode;
+};
+export declare function TextAreaActionsFooter({ left, right }: TextAreaActionsFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/SshField/helperComponents/TextAreaActionsFooter/TextAreaActionsFooter.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAreaActionsFooter = TextAreaActionsFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function TextAreaActionsFooter({ left, right }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.actionsFooter, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.actionsWrapper, children: left }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.actionsWrapper, styles_module_scss_1.default.right), children: right })] }));
+}

package/dist/cjs/components/SshField/helperComponents/TextAreaActionsFooter/index.d.ts

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

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

package/dist/cjs/components/SshField/helperComponents/TextAreaActionsFooter/styles.module.css

@@ -0,0 +1,21 @@
+.actionsFooter{
+  display:flex;
+  flex-direction:row;
+  justify-content:space-between;
+  align-items:center;
+  width:100%;
+  padding-bottom:7px;
+}
+
+.actionsWrapper{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+}
+
+.right{
+  justify-content:flex-end;
+  width:100%;
+  padding-right:8px;
+}

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

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

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

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

@@ -0,0 +1,46 @@
+.wrapper{
+  display:flex;
+  flex-direction:column;
+}
+
+.chatStatus{
+  transform:translate(0px, 10px);
+  border-radius:4px;
+}
+
+.uploadTooltip{
+  display:flex;
+}
+
+.secured textarea{
+  -webkit-text-security:disc;
+  text-security:disc;
+}
+
+.dropZone{
+  height:90px;
+  transform:translateZ(0);
+}
+
+.defaultText{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.disclaimerText{
+  color:var(--sys-green-text-support, #55915a);
+}
+
+.mobileSubmitButton{
+  position:relative !important;
+  flex-shrink:0 !important;
+}
+.mobileSubmitButton:after{
+  content:"";
+  display:flex;
+  width:48px;
+  height:48px;
+  position:absolute;
+  top:50%;
+  left:50%;
+  transform:translate(-50%, -50%);
+}

package/dist/cjs/components/SshField/utils/handleFileError.d.ts

@@ -0,0 +1,2 @@
+export type FileErrorType = 'INVALID_EXTENSION' | 'INVALID_MIME_TYPE' | 'FILE_TOO_LARGE' | 'INVALID_FILE_TYPE' | 'READ_ERROR' | 'INVALID_SSH_KEY' | 'EMPTY_FILE' | 'BINARY_DATA' | 'UNKNOWN_ERROR';
+export declare const getFileErrorType: (error: unknown) => FileErrorType;

package/dist/cjs/components/SshField/utils/handleFileError.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileErrorType = void 0;
+const getFileErrorType = (error) => {
+    if (error instanceof Error) {
+        const [errorType] = error.message.split(': ');
+        switch (errorType) {
+            case 'INVALID_EXTENSION':
+            case 'INVALID_MIME_TYPE':
+                return 'INVALID_EXTENSION';
+            case 'FILE_TOO_LARGE':
+                return 'FILE_TOO_LARGE';
+            case 'INVALID_FILE_TYPE':
+                return 'INVALID_EXTENSION';
+            case 'READ_ERROR':
+                return 'READ_ERROR';
+            case 'INVALID_SSH_KEY':
+                // Проверяем специфичные типы ошибок SSH ключа
+                if (error.message.includes('пустой') || error.message.includes('empty')) {
+                    return 'EMPTY_FILE';
+                }
+                if (error.message.includes('бинарные') || error.message.includes('binary')) {
+                    return 'BINARY_DATA';
+                }
+                return 'INVALID_SSH_KEY';
+            default:
+                return 'UNKNOWN_ERROR';
+        }
+    }
+    return 'UNKNOWN_ERROR';
+};
+exports.getFileErrorType = getFileErrorType;

package/dist/cjs/components/SshField/utils/isTouchDevice.d.ts

@@ -0,0 +1,2 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+export declare function isTouchDevice(layoutType: LayoutType): boolean;

package/dist/cjs/components/SshField/utils/isTouchDevice.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTouchDevice = isTouchDevice;
+function isTouchDevice(layoutType) {
+    return ['mobile', 'tablet'].includes(layoutType);
+}

package/dist/cjs/components/SshField/utils/readFileContent.d.ts

@@ -0,0 +1 @@
+export declare const readFileContent: (file: File) => Promise<string>;

package/dist/cjs/components/SshField/utils/readFileContent.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readFileContent = void 0;
+const readFileContent = (file) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = (e) => {
+        var _a;
+        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.result) && typeof e.target.result === 'string') {
+            resolve(e.target.result);
+        }
+        else {
+            reject(new Error('READ_ERROR: Не удалось прочитать содержимое файла'));
+        }
+    };
+    reader.onerror = () => {
+        reject(new Error('READ_ERROR: Не удалось прочитать файл'));
+    };
+    reader.onabort = () => {
+        reject(new Error('READ_ERROR: Чтение файла было прервано'));
+    };
+    // Читаем как текст
+    reader.readAsText(file);
+});
+exports.readFileContent = readFileContent;

package/dist/cjs/components/SshField/utils/validateSSHKey.d.ts

@@ -0,0 +1,3 @@
+export declare const validateSSHKeyContent: (content: string) => void;
+export declare const validateFileType: (file: File) => void;
+export declare const validateFileSize: (file: File) => void;

package/dist/cjs/components/SshField/utils/validateSSHKey.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateFileSize = exports.validateFileType = exports.validateSSHKeyContent = void 0;
+const validateSSHKeyContent = (content) => {
+    const trimmedContent = content.trim();
+    // Проверка на пустой файл
+    if (trimmedContent.length === 0) {
+        throw new Error('INVALID_SSH_KEY: Файл пустой');
+    }
+    // Проверка на бинарный файл (простейшая проверка)
+    const binaryChars = content
+        .split('')
+        .filter(char => char.charCodeAt(0) < 32 && char !== '\n' && char !== '\r' && char !== '\t').length;
+    if (binaryChars > content.length * 0.1) {
+        // Если больше 10% бинарных символов
+        throw new Error('INVALID_SSH_KEY: Файл содержит бинарные данные, а не текстовый SSH ключ');
+    }
+    // Базовая проверка на формат SSH ключа
+    const sshKeyPatterns = [
+        /^-----BEGIN (?:RSA|DSA|EC|OPENSSH) PRIVATE KEY-----/,
+        /^ssh-(rsa|dsa|ecdsa|ed25519)/,
+        /^ecdsa-sha2-nistp/,
+        /^-----BEGIN.*PRIVATE KEY-----/,
+        /^-----BEGIN.*CERTIFICATE-----/,
+    ];
+    const isValidSSHKey = sshKeyPatterns.some(pattern => pattern.test(trimmedContent));
+    if (!isValidSSHKey) {
+        throw new Error('INVALID_SSH_KEY: Файл не содержит валидный SSH ключ. Поддерживаются: RSA, DSA, ECDSA, Ed25519 ключи и сертификаты');
+    }
+};
+exports.validateSSHKeyContent = validateSSHKeyContent;
+const DEFAULT_ALLOWED_MIME_TYPES = ['text/plain'];
+const MAX_FILE_SIZE = 10 * 1024; // 10KB по умолчанию
+const getFileExtension = (filename) => {
+    const lastDotIndex = filename.lastIndexOf('.');
+    // Если точка не найдена или это первая точка в имени файла (скрытые файлы в Unix)
+    if (lastDotIndex <= 0) {
+        return '';
+    }
+    return filename.toLowerCase().slice(lastDotIndex);
+};
+const getFileMimeType = (file) => file.type;
+const validateFileType = (file) => {
+    const fileExtension = getFileExtension(file.name);
+    const mimeType = getFileMimeType(file);
+    // Проверка по MIME type (более надежный способ)
+    const isValidMimeType = DEFAULT_ALLOWED_MIME_TYPES.some(allowedMime => mimeType.includes(allowedMime) || allowedMime.includes(mimeType));
+    // Файл должен пройти хотя бы одну проверку
+    if (!isValidMimeType) {
+        throw new Error(`INVALID_MIME_TYPE: Неподходящий тип файла. MIME: ${mimeType}, расширение: ${fileExtension || 'нет'}. ` +
+            `Разрешенные MIME types: ${DEFAULT_ALLOWED_MIME_TYPES.join(', ')}, `);
+    }
+};
+exports.validateFileType = validateFileType;
+const validateFileSize = (file) => {
+    if (file.size > MAX_FILE_SIZE) {
+        throw new Error(`FILE_TOO_LARGE: Файл слишком большой. Размер: ${(file.size / 1024).toFixed(2)}KB, ` +
+            `максимальный: ${MAX_FILE_SIZE / 1024}KB`);
+    }
+    // Минимальный размер для SSH ключа (примерно 100 байт)
+    const minFileSize = 100;
+    if (file.size < minFileSize) {
+        throw new Error(`INVALID_FILE_TYPE: Файл слишком маленький для SSH ключа. Минимальный размер: ${minFileSize} байт`);
+    }
+};
+exports.validateFileSize = validateFileSize;

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

@@ -0,0 +1,6 @@
+export * from './ButtonClaudia';
+export * from './ButtonGiga';
+export * from './ChatStatusAnnouncement';
+export * from './IconGiga';
+export * from './RecommendPannel';
+export * from './SshField';

package/dist/cjs/components/index.js

@@ -0,0 +1,22 @@
+"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("./ButtonClaudia"), exports);
+__exportStar(require("./ButtonGiga"), exports);
+__exportStar(require("./ChatStatusAnnouncement"), exports);
+__exportStar(require("./IconGiga"), exports);
+__exportStar(require("./RecommendPannel"), exports);
+__exportStar(require("./SshField"), 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/ButtonClaudia/ButtonClaudia.d.ts

@@ -0,0 +1,6 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { CommonButtonProps } from './types';
+export type ButtonClaudiaProps = WithSupportProps<Omit<CommonButtonProps, 'appearance' | 'iconPosition'>>;
+export declare const ButtonClaudia: import("react").ForwardRefExoticComponent<{
+    'data-test-id'?: string;
+} & import("react").AriaAttributes & Omit<CommonButtonProps, "iconPosition" | "appearance"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/dist/esm/components/ButtonClaudia/ButtonClaudia.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 { forwardRef } from 'react';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { HTML_TYPE, SIZE, TARGET } from './constants';
+import { ButtonPrivate } from './helperComponents';
+import styles from './styles.module.css';
+import { extractCommonButtonProps } from './utils';
+export const ButtonClaudia = forwardRef((_a, ref) => {
+    var { className, size = SIZE.S, target = TARGET.Blank, type = HTML_TYPE.Button, tabIndex, fullWidth = false } = _a, rest = __rest(_a, ["className", "size", "target", "type", "tabIndex", "fullWidth"]);
+    return (_jsx(ButtonPrivate, Object.assign({}, extractSupportProps(rest), extractCommonButtonProps(rest), { className: cn(styles.button, styles.specificityX2, className), iconClassName: styles.icon, labelClassName: styles.label, size: size, fullWidth: fullWidth, target: target, type: type, tabIndex: tabIndex, ref: ref })));
+});

package/dist/esm/components/ButtonClaudia/constants.d.ts

@@ -0,0 +1,25 @@
+export declare const APPEARANCE: {
+    readonly Tertiary: "tertiary";
+    readonly Secondary: "secondary";
+};
+export declare const HTML_TYPE: {
+    readonly Button: "button";
+    readonly Submit: "submit";
+    readonly Reset: "reset";
+};
+export declare const TARGET: {
+    readonly Blank: "_blank";
+    readonly Self: "_self";
+    readonly Parent: "_parent";
+    readonly Top: "_top";
+};
+export declare const SIZE: {
+    readonly Xs: "xs";
+    readonly S: "s";
+    readonly M: "m";
+    readonly L: "l";
+};
+export declare const ICON_POSITION: {
+    readonly Before: "before";
+    readonly After: "after";
+};

package/dist/esm/components/ButtonClaudia/constants.js

@@ -0,0 +1,25 @@
+export const APPEARANCE = {
+    Tertiary: 'tertiary',
+    Secondary: 'secondary',
+};
+export const HTML_TYPE = {
+    Button: 'button',
+    Submit: 'submit',
+    Reset: 'reset',
+};
+export const TARGET = {
+    Blank: '_blank',
+    Self: '_self',
+    Parent: '_parent',
+    Top: '_top',
+};
+export const SIZE = {
+    Xs: 'xs',
+    S: 's',
+    M: 'm',
+    L: 'l',
+};
+export const ICON_POSITION = {
+    Before: 'before',
+    After: 'after',
+};

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/ButtonPrivate.d.ts

@@ -0,0 +1,14 @@
+import { WithSupportProps } from '@snack-uikit/utils';
+import { CommonButtonProps } from '../../types';
+export type ButtonPrivateProps = WithSupportProps<CommonButtonProps & {
+    iconClassName: string;
+    labelClassName: string;
+    fullWidth?: boolean;
+}>;
+export declare const ButtonPrivate: import("react").ForwardRefExoticComponent<{
+    'data-test-id'?: string;
+} & import("react").AriaAttributes & import("../../types").AnchorButtonProps & import("../../types").BaseButtonProps & {
+    iconClassName: string;
+    labelClassName: string;
+    fullWidth?: boolean;
+} & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/ButtonPrivate.js

@@ -0,0 +1,49 @@
+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 { forwardRef } from 'react';
+import { extractSupportProps } from '@snack-uikit/utils';
+import { APPEARANCE, HTML_TYPE, ICON_POSITION, TARGET } from '../../constants';
+import { APPEARANCE_TO_COLOR_MAP } from './constants';
+import styles from './styles.module.css';
+import { getChildren, getVariant } from './utils';
+export const ButtonPrivate = forwardRef((_a, ref) => {
+    var { className, disabled, href, icon, iconClassName, iconPosition = ICON_POSITION.After, label, labelClassName, loading, onClick, onKeyDown, onFocus, onBlur, size, target = TARGET.Blank, type = HTML_TYPE.Button, appearance = APPEARANCE.Tertiary, tabIndex: tabIndexProp = 0, fullWidth } = _a, rest = __rest(_a, ["className", "disabled", "href", "icon", "iconClassName", "iconPosition", "label", "labelClassName", "loading", "onClick", "onKeyDown", "onFocus", "onBlur", "size", "target", "type", "appearance", "tabIndex", "fullWidth"]);
+    const variant = getVariant({ label, iconPosition, icon });
+    const children = getChildren({
+        icon,
+        iconClassName,
+        iconPosition,
+        label,
+        labelClassName,
+        loading,
+    });
+    const tabIndex = loading || disabled ? -1 : tabIndexProp;
+    const handleClick = (event) => {
+        if (disabled || loading) {
+            event.preventDefault();
+            return;
+        }
+        if (onClick) {
+            onClick(event);
+        }
+    };
+    const buttonProps = Object.assign(Object.assign({}, extractSupportProps(rest)), { className: cn(styles.button, className), 'data-disabled': disabled || undefined, 'aria-disabled': disabled || undefined, 'data-loading': loading || undefined, 'data-size': size, 'data-full-width': fullWidth || undefined, 'data-appearance': APPEARANCE_TO_COLOR_MAP[appearance], 'data-variant': variant, onClick: handleClick, onKeyDown,
+        onFocus,
+        onBlur,
+        tabIndex });
+    if (href) {
+        return (_jsx("a", Object.assign({ role: 'button', href: href, target: target }, buttonProps, { ref: ref, children: children })));
+    }
+    return (_jsx("button", Object.assign({}, buttonProps, { type: type, ref: ref, children: children })));
+});

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/constants.d.ts

@@ -0,0 +1,10 @@
+export declare enum Variant {
+    LabelOnly = "label-only",
+    IconOnly = "icon-only",
+    IconBefore = "icon-before",
+    IconAfter = "icon-after"
+}
+export declare const APPEARANCE_TO_COLOR_MAP: {
+    tertiary: string;
+    secondary: string;
+};

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/constants.js

@@ -0,0 +1,12 @@
+import { APPEARANCE } from '../../constants';
+export var Variant;
+(function (Variant) {
+    Variant["LabelOnly"] = "label-only";
+    Variant["IconOnly"] = "icon-only";
+    Variant["IconBefore"] = "icon-before";
+    Variant["IconAfter"] = "icon-after";
+})(Variant || (Variant = {}));
+export const APPEARANCE_TO_COLOR_MAP = {
+    [APPEARANCE.Tertiary]: 'fluorescent-yellow',
+    [APPEARANCE.Secondary]: 'graphite',
+};

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/index.d.ts

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

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/index.js

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

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/styles.module.css

@@ -0,0 +1,36 @@
+.button{
+  cursor:pointer;
+  position:relative;
+  display:inline-flex;
+  flex-shrink:0;
+  align-items:center;
+  justify-content:center;
+  box-sizing:border-box;
+  width:-moz-max-content;
+  width:max-content;
+  min-width:-moz-max-content;
+  min-width:max-content;
+  margin:0;
+  padding:0;
+  color:transparent;
+  text-decoration:none;
+  text-transform:none;
+  background-color:transparent;
+  border:0 solid transparent;
+  outline:0;
+  outline-offset:0;
+}
+.button[data-full-width]{
+  flex-grow:1;
+  flex-shrink:1;
+  width:100%;
+}
+.button > *{
+  cursor:pointer;
+}
+.button:disabled, .button[data-disabled], .button[data-loading]{
+  cursor:not-allowed;
+}
+.button:disabled > *, .button[data-disabled] > *, .button[data-loading] > *{
+  cursor:not-allowed;
+}

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/utils.d.ts

@@ -0,0 +1,11 @@
+import { ButtonPrivateProps } from './ButtonPrivate';
+import { Variant } from './constants';
+type GetVariantProps = Pick<ButtonPrivateProps, 'label' | 'icon' | 'iconPosition'>;
+export declare function getVariant({ label, icon, iconPosition }: GetVariantProps): Variant;
+type GetWrappedIconProps = Pick<ButtonPrivateProps, 'icon' | 'iconClassName' | 'loading'>;
+export declare function getWrappedIcon({ icon, iconClassName, loading }: GetWrappedIconProps): import("react/jsx-runtime").JSX.Element | undefined;
+type GetWrappedLabelProps = Pick<ButtonPrivateProps, 'label' | 'labelClassName'>;
+export declare function getWrappedLabel({ label, labelClassName }: GetWrappedLabelProps): import("react/jsx-runtime").JSX.Element | undefined;
+type GetChildrenProps = Pick<ButtonPrivateProps, 'icon' | 'label' | 'iconPosition' | 'iconClassName' | 'labelClassName' | 'loading'>;
+export declare function getChildren({ icon, label, iconPosition, iconClassName, labelClassName, loading }: GetChildrenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/ButtonClaudia/helperComponents/ButtonPrivate/utils.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sun } from '@snack-uikit/loaders';
+import { ICON_POSITION } from '../../constants';
+import { Variant } from './constants';
+export function getVariant({ label, icon, iconPosition }) {
+    if (label && icon && iconPosition === ICON_POSITION.After) {
+        return Variant.IconAfter;
+    }
+    if (label && icon && iconPosition === ICON_POSITION.Before) {
+        return Variant.IconBefore;
+    }
+    if (label) {
+        return Variant.LabelOnly;
+    }
+    return Variant.IconOnly;
+}
+export function getWrappedIcon({ icon, iconClassName, loading }) {
+    if (loading) {
+        return (_jsx("span", { "data-test-id": 'loading-icon', className: iconClassName, children: _jsx(Sun, { size: 's' }) }));
+    }
+    if (icon) {
+        return (_jsx("span", { "data-test-id": 'icon', className: iconClassName, children: icon }));
+    }
+    return undefined;
+}
+export function getWrappedLabel({ label, labelClassName }) {
+    return label ? (_jsx("span", { "data-test-id": 'label', className: labelClassName, children: label })) : undefined;
+}
+export function getChildren({ icon, label, iconPosition, iconClassName, labelClassName, loading }) {
+    const wrappedIcon = getWrappedIcon({
+        icon,
+        iconClassName,
+        loading,
+    });
+    const wrappedLabel = getWrappedLabel({
+        label,
+        labelClassName,
+    });
+    switch (iconPosition) {
+        case ICON_POSITION.Before: {
+            return (_jsxs(_Fragment, { children: [wrappedIcon, wrappedLabel] }));
+        }
+        case ICON_POSITION.After:
+        default: {
+            return (_jsxs(_Fragment, { children: [wrappedLabel, wrappedIcon] }));
+        }
+    }
+}

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

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

package/dist/esm/components/ButtonClaudia/helperComponents/index.js

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

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

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