@itcase/ui 1.9.64 → 1.9.66

package/dist/components/Dropzone/Dropzone.js

@@ -1,131 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo } from 'react';
-import clsx from 'clsx';
-import { fromEvent } from 'file-selector'; // install with "react-dropzone"
-import { ErrorCode, useDropzone } from 'react-dropzone';
-import { Button } from 'src/components/Button';
-import { Loader } from 'src/components/Loader';
-import { Text } from 'src/components/Text';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useDropzoneFieldFiles } from 'src/hooks/useDropzoneFieldFiles';
-import { dropzoneAppearance } from './Dropzone.appearance';
-const dropzoneConfig = {
-    appearance: dropzoneAppearance,
-    setAppearance: (appearanceConfig) => {
-        dropzoneConfig.appearance = appearanceConfig;
-    },
-};
-const Dropzone = React.memo(function Dropzone(props) {
-    const { appearance, maxFiles = 5, maxSize = 10485760, // 10mb
-    dropzoneProps = {}, fieldValuesList: maybeFieldValuesList, fileErrorText, hintDescription, inputName, showFilename = true, thumbColumn, isSkeleton, isPreviews = true, onClickPreview, onAddFiles, onChangeFiles, onDeleteFile,
-    // className, unused
-    // size, unused
-     } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, dropzoneConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, errorMessageTextColor, errorMessageTextSize, errorMessageTextWeight, hintDescriptionTextColor, hintDescriptionTextSize, hintDescriptionTextWeight, hintDescriptionTextWrap, hintTitle, hintTitleTextColor, hintTitleTextSize, hintTitleTextWeight, hintTitleTextWrap, removeThumbAppearance, removeThumbShape, removeThumbText, removeThumbTextWeight, shapeClass, sizeClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass, thumbBorderWidthClass, thumbDirectionClass, thumbNameTextColor, thumbNameTextSize, thumbNameTextWeight, thumbNameTextWrap, } = propsGenerator;
-    const fieldValuesList = useMemo(() => {
-        return Array.isArray(maybeFieldValuesList) ? maybeFieldValuesList : [];
-    }, [maybeFieldValuesList]);
-    // Using a hook to manage files
-    const { convertValueFilesToDropzoneItems, fileIsLoading, fileRejectedMessage, setFileRejectedMessage, } = useDropzoneFieldFiles(fieldValuesList, isPreviews);
-    // Create dropzone options
-    const { getInputProps, getRootProps } = useDropzone({
-        // accept: { 'image/*': [] },
-        // validator: (file) => {},
-        maxFiles: maxFiles,
-        maxSize: maxSize,
-        ...dropzoneProps,
-        getFilesFromEvent: async (event) => {
-            const result = await fromEvent(event);
-            const newFiles = result.filter((item) => item instanceof File);
-            /** NOTE:
-             * By default, "react-dropzone" works by replacing the field's files
-             * when adding a new file. For example, if you drag and drop files
-             * one at a time, the previous ones will be replaced by
-             * the newly added ones. We're overriding this default behavior
-             * to allow multiple files to be added one by one(step by step).
-             *
-             * "react-dropzone" checks maximum number of available files(maxFiles)
-             * at the time of addition, not the total number of files in field.
-             * Thats why, we're forced to pass the existing + new files
-             * as the field value to the react-dropzone,
-             * so that the internal checks work as if all the existing files
-             * were added at once.
-             *
-             * That's behavior actual for accepted and rejected files.
-             */
-            return [...fieldValuesList, ...newFiles];
-        },
-        onDropAccepted: async (acceptedFiles) => {
-            const newDzFileItemsList = await convertValueFilesToDropzoneItems(acceptedFiles, true);
-            setFileRejectedMessage('');
-            // Callback just for add new files
-            onAddFiles && onAddFiles(newDzFileItemsList, inputName);
-            // Callback for save to form data (including empty when files are not valid)
-            onChangeFiles && onChangeFiles(newDzFileItemsList);
-        },
-        onDropRejected: (rejectedFiles) => {
-            // Clean error by default
-            let fileErrorMessage = '';
-            // If dropped files has rejected - show error message
-            if (rejectedFiles.length > 0) {
-                fileErrorMessage = 'Ошибка при добавлении файла';
-                const firstFileErrorItem = rejectedFiles[0].errors[0];
-                if (firstFileErrorItem) {
-                    if (firstFileErrorItem.code === ErrorCode.TooManyFiles) {
-                        fileErrorMessage = `Максимальное количество файлов: ${maxFiles}`;
-                    }
-                    else {
-                        fileErrorMessage = firstFileErrorItem.message;
-                    }
-                }
-            }
-            setFileRejectedMessage(fileErrorMessage);
-        },
-    });
-    // Delete file from dropzone
-    const onClickRemoveFile = useCallback((event, indexDeleted) => {
-        event.stopPropagation();
-        event.preventDefault();
-        const dzFileItemDeleted = fieldValuesList[indexDeleted];
-        const newFiles = fieldValuesList.filter((dzFileItem) => dzFileItem.id !== dzFileItemDeleted.id);
-        onDeleteFile && onDeleteFile(dzFileItemDeleted, inputName);
-        onChangeFiles && onChangeFiles(newFiles);
-    }, 
-    // If "inputName" will be changes, then it should be a different field
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [fieldValuesList, onChangeFiles, onDeleteFile]);
-    useEffect(() => {
-        // Check if we need to convert form state value to field format
-        const isNeedToConvert = fieldValuesList.some((fieldValue) => {
-            const isMaybeUrl = typeof fieldValue === 'string';
-            const isJsFile = fieldValue instanceof File;
-            const isImageData = typeof fieldValue === 'object' && !fieldValue.file;
-            return isMaybeUrl || isJsFile || isImageData;
-        });
-        if (isNeedToConvert) {
-            const convertFiledValueAndSaveAsFiles = async () => {
-                const dzFileItemsList = await convertValueFilesToDropzoneItems(fieldValuesList);
-                // Save to form state as right objects
-                onChangeFiles && onChangeFiles(dzFileItemsList);
-            };
-            // First time convert value to dropzoneFileItem and save to form state
-            convertFiledValueAndSaveAsFiles();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [fieldValuesList]);
-    return (_jsxs(React.Fragment, { children: [_jsxs("div", { ...getRootProps({ className: `dropzone__dropzone dropzone` }), children: [_jsx("input", { ...getInputProps(), name: inputName }), _jsxs("div", { className: clsx('dropzone dropzone__dropzone-wrapper', thumbColumn && `dropzone__dropzone-wrapper_column_${thumbColumn}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
-                            `border-color_hover_${borderColorHoverClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `shape_${shapeClass}`, isSkeleton && 'dropzone_skeleton', sizeClass && `dropzone_size_${sizeClass}`), children: [fieldValuesList.map((fileItem, index) => {
-                                const { id, name, error, file, preview } = fileItem;
-                                const fileErrorMessage = error || file?.error;
-                                const fileName = name || file?.name;
-                                return (_jsxs("aside", { className: clsx('dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass), children: [isPreviews && !error && preview && (_jsx("div", { className: "dropzone__thumb-image", children: _jsx("img", { className: "dropzone__thumb-image-inner", src: preview, onClick: (event) => {
-                                                    onClickPreview && onClickPreview(fileItem, event);
-                                                } }) })), (fileErrorText || fileErrorMessage) && (_jsx("div", { children: _jsx(Text, { size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileErrorText || fileErrorMessage }) })), showFilename && fileName && (_jsx("div", { className: "dropzone__thumb-name", children: _jsx(Text, { className: "dropzone__thumb-name-inner", size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileName }) })), fileIsLoading && (_jsx("div", { className: "dropzone__thumb-loader", children: _jsx(Loader, { width: "fill", height: "fill" }) })), _jsx("div", { className: clsx('dropzone__thumb-remove'), children: _jsx(Button, { appearance: removeThumbAppearance, className: "dropzone__thumb-remove-text", label: removeThumbText || 'Удалить', labelTextWeight: removeThumbTextWeight, shape: removeThumbShape, 
-                                                // TODO: Use id of dropzone special object
-                                                onClick: (event) => onClickRemoveFile(event, index) }) })] }, id || index));
-                            }), fieldValuesList.length === 0 ? (_jsxs("div", { className: "dropzone__hint", children: [_jsx(Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (_jsx(Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] })) : (_jsxs("div", { className: "dropzone__hint dropzone__hint_type_add-more", children: [_jsx(Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (_jsx(Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] }))] })] }), fileRejectedMessage && (_jsx("div", { className: "form-field__message", children: _jsx(Text, { className: "form-field__message-item form-field__message-item_type_message", size: errorMessageTextSize, textColor: errorMessageTextColor, textWeight: errorMessageTextWeight, children: fileRejectedMessage }) }))] }));
-});
-export { Dropzone };

package/dist/components/Dropzone/appearance/dropzoneDefault.js

@@ -1,17 +0,0 @@
-const dropzoneAppearanceDefault = {
-    defaultSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceTertiary',
-        hintTitle: 'Перетащите изображение или выберите файл с компьютера',
-        hintTitleTextColor: 'surfaceTextPrimary',
-        hintTitleTextSize: 'm',
-        removeThumbText: 'удалить',
-        removeThumbTextColor: 'errorTextPrimary',
-        thumbBorderColor: 'surfaceBorderTertiary',
-        thumbBorderColorHover: 'surfaceBorderQuaternary',
-        thumbBorderWidth: '1',
-        thumbNameTextColor: 'surfaceTextPrimary',
-        thumbNameTextSize: 's',
-    },
-};
-export { dropzoneAppearanceDefault };

package/dist/components/Dropzone/appearance/dropzoneDisabled.js

@@ -1,17 +0,0 @@
-const dropzoneAppearanceDisabled = {
-    disabledTertiary: {
-        fill: 'disabledTertiary',
-        fillHover: 'disabledQuaternary',
-        hintTitle: 'Перетащите изображение или выберите файл с компьютера',
-        hintTitleTextColor: 'disabledTextSecondary',
-        hintTitleTextSize: 'm',
-        removeThumbText: 'удалить',
-        removeThumbTextColor: 'errorTextPrimary',
-        thumbBorderColor: 'surfaceBorderTertiary',
-        thumbBorderColorHover: 'surfaceBorderQuaternary',
-        thumbBorderWidth: '1',
-        thumbNameTextColor: 'surfaceTextPrimary',
-        thumbNameTextSize: 's',
-    },
-};
-export { dropzoneAppearanceDisabled };

package/dist/components/Dropzone/appearance/dropzoneError.js

@@ -1,17 +0,0 @@
-const dropzoneAppearanceError = {
-    errorTertiary: {
-        fill: 'errorTertiary',
-        fillHover: 'errorTertiary',
-        hintTitle: 'Перетащите изображение или выберите файл с компьютера',
-        hintTitleTextColor: 'errorTextQuaternary',
-        hintTitleTextSize: 'm',
-        removeThumbText: 'удалить',
-        removeThumbTextColor: 'errorTextPrimary',
-        thumbBorderColor: 'surfaceBorderTertiary',
-        thumbBorderColorHover: 'surfaceBorderQuaternary',
-        thumbBorderWidth: '1',
-        thumbNameTextColor: 'surfaceTextPrimary',
-        thumbNameTextSize: 's',
-    },
-};
-export { dropzoneAppearanceError };

package/dist/components/Dropzone/appearance/dropzoneRequire.js

@@ -1,17 +0,0 @@
-const dropzoneAppearanceRequire = {
-    requireTertiary: {
-        fill: 'warningTertiary',
-        fillHover: 'warningTertiary',
-        hintTitle: 'Перетащите изображение или выберите файл с компьютера',
-        hintTitleTextColor: 'specialTextSecondary',
-        hintTitleTextSize: 'm',
-        removeThumbText: 'удалить',
-        removeThumbTextColor: 'errorTextPrimary',
-        thumbBorderColor: 'surfaceBorderTertiary',
-        thumbBorderColorHover: 'surfaceBorderQuaternary',
-        thumbBorderWidth: '1',
-        thumbNameTextColor: 'surfaceTextPrimary',
-        thumbNameTextSize: 's',
-    },
-};
-export { dropzoneAppearanceRequire };

package/dist/components/Dropzone/appearance/dropzoneShape.js

@@ -1,25 +0,0 @@
-const dropzoneAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-export { dropzoneAppearanceShape };

package/dist/components/Dropzone/appearance/dropzoneSuccess.js

@@ -1,17 +0,0 @@
-const dropzoneAppearanceSuccess = {
-    successTertiary: {
-        fill: 'successTertiary',
-        fillHover: 'successTertiary',
-        hintTitle: 'Перетащите изображение или выберите файл с компьютера',
-        hintTitleTextColor: 'successTextQuaternary',
-        hintTitleTextSize: 'm',
-        removeThumbText: 'удалить',
-        removeThumbTextColor: 'errorTextPrimary',
-        thumbBorderColor: 'surfaceBorderTertiary',
-        thumbBorderColorHover: 'surfaceBorderQuaternary',
-        thumbBorderWidth: '1',
-        thumbNameTextColor: 'surfaceTextPrimary',
-        thumbNameTextSize: 's',
-    },
-};
-export { dropzoneAppearanceSuccess };

package/dist/components/Dropzone/index.js

@@ -1 +0,0 @@
-export { Dropzone } from './Dropzone';

package/dist/components/Flex/Flex.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Flex/Flex.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-function Flex(props) {
-    const { id, className, dataTestId, dataTour, type, dataId, print, style, tag: Tag = 'div', onClick, children, } = props;
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { directionClass, justifyContentClass, alignContentClass, alignItemsClass, fillClass, borderColorClass, borderTypeClass, flowClass, positionClass, shapeClass, widthClass, wrapClass, } = propsGenerator;
-    const { styles: flexStyles, wrapper: flexWrapperStyles } = useStyles(props);
-    return (_jsx(Tag, { id: id, className: clsx(className, 'flex', widthClass && `width_${widthClass}`, alignContentClass && `flex_align-content_${alignContentClass}`, alignItemsClass && `flex_align-items_${alignItemsClass}`, directionClass && `flex_direction_${directionClass}`, fillClass && `fill_${fillClass}`, flowClass && `flex_flow_${flowClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, positionClass && `position_${positionClass}`, justifyContentClass && `flex_justify-content_${justifyContentClass}`, shapeClass && `flex_shape_${shapeClass}`, type && `flex_type_${type}`, !print && 'no-print', print && 'print', wrapClass && `flex_wrap_${wrapClass}`), "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, flexStyles, style), onClick: onClick, children: _jsx("div", { className: "flex__wrapper", style: flexWrapperStyles, children: children }) }));
-}
-export { Flex };

package/dist/components/Flex/FlexItem.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-function FlexItem(props) {
-    const { className, htmlFor, print, style, tag: Tag = 'div', children } = props;
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { dataTestId, dataTour, directionClass, justifyContentClass, alignItemsClass, alignSelfClass, fillClass, fillHoverClass, dataId, growClass, positionClass, shapeClass, widthClass, wrapClass, } = propsGenerator;
-    const { styles: flexItemStyles } = useStyles(props);
-    return (_jsx(Tag, { className: clsx(className, 'flex__item', positionClass && `position_${positionClass}`, alignItemsClass && `flex__item_align-items_${alignItemsClass}`, alignSelfClass && `flex__item_align-self_${alignSelfClass}`, directionClass && `flex__item_direction_${directionClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, growClass && `flex__item_grow_${growClass}`, justifyContentClass &&
-            `flex__item_justify-content_${justifyContentClass}`, shapeClass && `flex__item_shape_${shapeClass}`, !print && 'no-print', print && 'print', widthClass && `width_${widthClass}`, wrapClass && `flex__item_wrap_${wrapClass}`), "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, flexItemStyles, style), children: children }));
-}
-export { FlexItem };

package/dist/components/Flex/index.js

@@ -1,3 +0,0 @@
-import { Flex } from './Flex';
-import { FlexItem } from './FlexItem';
-export { Flex, FlexItem };

package/dist/components/Grid/Grid.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Grid/Grid.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-function Grid(props) {
-    const { id, className, dataTestId, dataTour, type, horizontalResizing, horizontalScroll, print, tag: Tag = 'div', useGridSystem, verticalResizing, before, after, onClick, onDoubleClick, children, } = props;
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { justifyContentClass, justifyItemsClass, alignContentClass, alignItemsClass, fillClass, fillHoverClass, borderColorClass, columnGapClass, columnsClass, heightClass, rowGapClass, rowsClass, widthClass, } = propsGenerator;
-    const { styles: gridStyles } = useStyles(props);
-    return (_jsxs(Tag, { id: id, className: clsx(className, 'grid', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, useGridSystem && `grid_state_system`, horizontalScroll && `grid_scroll_horizontal`, type && `grid_type_${type}`, columnsClass && `grid_columns_${columnsClass}`, rowsClass && `grid_rows_${rowsClass}`, rowGapClass && `grid_row-gap_${rowGapClass}`, columnGapClass && `grid_column-gap_${columnGapClass}`, alignContentClass && `grid_align-content_${alignContentClass}`, alignItemsClass && `grid_align-items_${alignItemsClass}`, borderColorClass && `border-color_${borderColorClass}`, justifyContentClass && `grid_justify-content_${justifyContentClass}`, justifyItemsClass && `grid_justify-items_${justifyItemsClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, horizontalResizing && `grid_horizontal-resizing_${horizontalResizing}`, verticalResizing && `grid_vertical-resizing_${verticalResizing}`, !print && 'no-print', print && 'print'), "data-testid": dataTestId, "data-tour": dataTour, style: gridStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before && _jsx("div", { className: "grid__before", children: before }), children, after && _jsx("div", { className: "grid__after", children: after })] }));
-}
-export { Grid };

package/dist/components/Grid/GridItem.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-function GridItem(props) {
-    const { id, className, dataTestId, dataTour, print, style, onClick, children, } = props;
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { directionClass, justifySelfClass, alignSelfClass, fillClass, fillHoverClass, columnEndClass, columnGapClass, columnSpanClass, columnStartClass, gapClass, heightClass, orderClass, rowEndClass, rowGapClass, rowSpanClass, rowStartClass, widthClass, } = propsGenerator;
-    const { styles: gridItemStyles } = useStyles(props);
-    return (_jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && `order_${orderClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, alignSelfClass && `grid__item_align-self_${alignSelfClass}`, justifySelfClass && `grid__item_justify-self_${justifySelfClass}`, columnStartClass && `grid__item_column-start_${columnStartClass}`, columnEndClass && `grid__item_column-end_${columnEndClass}`, columnSpanClass && `grid__item_column-span_${columnSpanClass}`, rowStartClass && `grid__item_row-start_${rowStartClass}`, rowEndClass && `grid__item_row-end_${rowEndClass}`, rowSpanClass && `grid__item_row-span_${rowSpanClass}`, directionClass && `direction_${directionClass}`, gapClass && `gap_${gapClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, rowGapClass && `row-gap_${rowGapClass}`, !print && 'no-print', print && 'print', columnGapClass && `column-gap_${columnGapClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, gridItemStyles, style), onClick: onClick, children: children }));
-}
-export { GridItem };

package/dist/components/Grid/GridRow.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-function GridRow(props) {
-    const { id, className, dataTestId, dataTour, dataId, htmlFor, print, tag: Tag = 'div', onClick, children, } = props;
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { fillClass, fillHoverClass, borderColorClass, heightClass, widthClass, } = propsGenerator;
-    const { styles: gridRowStyles } = useStyles(props);
-    return (_jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, !print && 'no-print', print && 'print', borderColorClass && `border-color_${borderColorClass}`), "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: gridRowStyles, onClick: onClick, children: children }));
-}
-export { GridRow };

package/dist/components/Grid/index.js

@@ -1,4 +0,0 @@
-import { Grid } from './Grid';
-import { GridItem } from './GridItem';
-import { GridRow } from './GridRow';
-export { Grid, GridItem, GridRow };

package/dist/components/Group/Group.appearance.js

@@ -1,2 +0,0 @@
-const groupAppearance = {};
-export { groupAppearance };

package/dist/components/Group/Group.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Group/Group.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import clsx from 'clsx';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { groupAppearance } from './Group.appearance';
-const groupConfig = {
-    appearance: groupAppearance,
-    setAppearance: (appearanceConfig) => {
-        groupConfig.appearance = appearanceConfig;
-    },
-};
-const Group = React.forwardRef(function Group(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, name, dataId, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, onMouseEnter, onMouseLeave, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, groupConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, hoverFilterClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
-    const { styles: groupStyles } = useStyles(props);
-    return (_jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, hoverFilterClass && `hover-filter_${hoverFilterClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
-            `group_text-color_active_${textColorActiveClass}`, textColorHoverClass && `group_text-color_hover_${textColorHoverClass}`, iconFillHoverClass && `group_icon_fill_hover_${iconFillHoverClass}`, !isDisabled
-            ? !isActive
-                ? fillClass && `fill_${fillClass}`
-                : fillActiveClass && `fill_active_${fillActiveClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, !isDisabled
-            ? !isActive
-                ? fillHoverClass && `fill_hover_${fillHoverClass}`
-                : fillActiveHoverClass &&
-                    `fill_active_hover_${fillActiveHoverClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, scroll && `group_scroll_${scroll}`, stackingClass && `group_stacking_${stackingClass}`, wrapClass && `group_wrap_${wrapClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, !isDisabled
-            ? !isActive
-                ? borderColorClass && `border-color_${borderColorClass}`
-                : borderColorActiveClass &&
-                    `border-color_active_${borderColorActiveClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, !isDisabled
-            ? !isActive
-                ? borderColorHoverClass &&
-                    `border-color_hover_${borderColorHoverClass}`
-                : borderColorActiveHoverClass &&
-                    `border-color_active_hover_${borderColorActiveHoverClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, elevationClass && `elevation_${elevationClass}`, !print && 'no-print', print && 'print', onClick && 'cursor_type_pointer'), name: name, ref: ref, "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, groupStyles, style), onClick: onClick, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: children }));
-});
-export { Group, groupConfig };

package/dist/components/Group/index.js

@@ -1,2 +0,0 @@
-export { Group, groupConfig } from './Group';
-export { groupAppearance } from './Group.appearance';

package/dist/components/HTMLContent/HTMLContent.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/HTMLContent/HTMLContent.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-function HTMLContent(props) {
-    const { className, dataTestId, dataTour, content, style, onClick, children } = props;
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillClass, fillHoverClass, borderColorClass, borderTypeClass, borderWidthClass, textColorClass, textWeightClass, columnsClass, elevationClass, heightClass, shapeClass, widthClass, wrapClass, } = propsGenerator;
-    const { styles: htmlContentStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx(className, 'html-content', alignClass && `align_${alignClass}`, alignDirectionClass && `align_${alignDirectionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderWidthClass && `border-width_${borderWidthClass}`, columnsClass && `html-content_columns_${columnsClass}`, directionClass && `html-content_direction_${directionClass}`, elevationClass && `elevation_${elevationClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, heightClass && `height_${heightClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, shapeClass && `html-content_shape_${shapeClass}`, textColorClass && `text-color_${textColorClass}`, textWeightClass && `text-weight_${textWeightClass}`, wrapClass && `html-content_wrap_${wrapClass}`, widthClass && `width_${widthClass}`), dangerouslySetInnerHTML: { __html: content }, "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, htmlContentStyles, style), onClick: onClick, children: children }));
-}
-export { HTMLContent };

package/dist/components/HTMLContent/index.js

@@ -1 +0,0 @@
-export { HTMLContent } from './HTMLContent';

package/dist/components/HeroTitle/HeroTitle.appearance.js

@@ -1,5 +0,0 @@
-import { heroTitleAppearanceSize } from './appearance/heroTitleSize';
-const heroTitleAppearance = {
-    ...heroTitleAppearanceSize,
-};
-export { heroTitleAppearance };

package/dist/components/HeroTitle/HeroTitle.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/HeroTitle/HeroTitle.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { Icon } from 'src/components/Icon';
-import { heroTitleAppearance } from './HeroTitle.appearance';
-const heroTitleConfig = {
-    appearance: heroTitleAppearance,
-    setAppearance: (appearanceConfig) => {
-        heroTitleConfig.appearance = appearanceConfig;
-    },
-};
-function HeroTitle(props) {
-    const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, tag = 'span', before, after, isDisabled, isSkeleton, onClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, heroTitleConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, size, fillClass, textAlignClass, textColorActiveClass, textColorClass, textColorGradientClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, typeClass, widthClass, wrapperDirectionClass, } = propsGenerator;
-    const { styles: heroTitleStyles, wrapper: heroTitleWrapperStyles } = useStyles(props);
-    const Tag = useMemo(() => {
-        if (tag) {
-            return tag;
-        }
-        return size ? size : 'span';
-    }, [size, tag]);
-    return (_jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && `fill_${fillClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, size && `hero-title_size_${size}`, directionClass && `hero-title_direction_${directionClass}`, 'text', textColorClass && `text-color_${textColorClass}`, textColorActiveClass && `text-color_active_${textColorActiveClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, typeClass && `hero-title_type_${typeClass}`, textColorGradientClass && `text-gradient_${textColorGradientClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, isSkeleton && 'hero-title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: heroTitleStyles, onClick: onClick, children: [before, _jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass &&
-                    `hero-title-direction_${wrapperDirectionClass}`, 'hero-title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: heroTitleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
-}
-export { HeroTitle, heroTitleConfig };

package/dist/components/HeroTitle/appearance/heroTitleSize.js

@@ -1,21 +0,0 @@
-const heroTitleAppearanceSize = {
-    sizeH1: {
-        size: 'h1',
-    },
-    sizeH2: {
-        size: 'h2',
-    },
-    sizeH3: {
-        size: 'h3',
-    },
-    sizeH4: {
-        size: 'h4',
-    },
-    sizeH5: {
-        size: 'h5',
-    },
-    sizeH6: {
-        size: 'h6',
-    },
-};
-export { heroTitleAppearanceSize };

package/dist/components/HeroTitle/index.js

@@ -1,2 +0,0 @@
-export { HeroTitle, heroTitleConfig } from './HeroTitle';
-export { heroTitleAppearance } from './HeroTitle.appearance';

package/dist/components/Icon/Icon.appearance.js

@@ -1,29 +0,0 @@
-import { iconAppearanceAccent } from './appearance/iconAccent';
-import { iconAppearanceDanger } from './appearance/iconDanger';
-import { iconAppearanceDisabled } from './appearance/iconDisabled';
-import { iconAppearanceError } from './appearance/iconError';
-import { iconAppearanceExtra } from './appearance/iconExtra';
-import { iconAppearanceInfo } from './appearance/iconInfo';
-import { iconAppearanceShape } from './appearance/iconShape';
-import { iconAppearanceSize } from './appearance/iconSize';
-import { iconAppearanceSpecial } from './appearance/iconSpecial';
-import { iconAppearanceStyle } from './appearance/iconStyle';
-import { iconAppearanceSuccess } from './appearance/iconSuccess';
-import { iconAppearanceSurface } from './appearance/iconSurface';
-import { iconAppearanceWarning } from './appearance/iconWarning';
-const iconAppearance = {
-    ...iconAppearanceDisabled,
-    ...iconAppearanceSize,
-    ...iconAppearanceStyle,
-    ...iconAppearanceAccent,
-    ...iconAppearanceShape,
-    ...iconAppearanceDanger,
-    ...iconAppearanceError,
-    ...iconAppearanceInfo,
-    ...iconAppearanceSpecial,
-    ...iconAppearanceExtra,
-    ...iconAppearanceSuccess,
-    ...iconAppearanceSurface,
-    ...iconAppearanceWarning,
-};
-export { iconAppearance };

package/dist/components/Icon/Icon.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Icon/Icon.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import clsx from 'clsx';
-import SVG from 'react-inlinesvg';
-import { Badge } from 'src/components/Badge';
-import { LinkWrapper } from 'src/components/Link';
-import { Tooltip } from 'src/components/Tooltip';
-import { urlWithAssetPrefix } from 'src/hoc/urlWithAssetPrefix';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { mergeAppearanceKeys } from 'src/utils';
-import { iconAppearance } from './Icon.appearance';
-const iconConfig = {
-    appearance: iconAppearance,
-    setAppearance: (appearanceConfig) => {
-        iconConfig.appearance = appearanceConfig;
-    },
-};
-const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
-    const ImageComponent = useMemo(() => {
-        if (SvgImage) {
-            const SvgComponent = SvgImage;
-            const sizes = {};
-            if (width) {
-                sizes.width = width;
-            }
-            if (height) {
-                sizes.height = height;
-            }
-            return _jsx(SvgComponent, { ...sizes });
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                if (saveFillStroke) {
-                    return _jsx(SVG, { src: imageSrc });
-                }
-                return _jsx(SVG, { src: imageSrc, preProcessor: removeFillStroke });
-            }
-            return _jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, imageSrc, width, height, saveFillStroke]);
-    const appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
-    const { styles: iconStyles } = useStyles(props);
-    return (_jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
-            ? fillClass && `fill_${fillClass}`
-            : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
-            ? fillHoverClass && `fill_hover_${fillHoverClass}`
-            : fillActiveHoverClass &&
-                `fill_active_hover_${fillActiveHoverClass}`, fillSizeClass && `icon_fill_size_${fillSizeClass}`, fillDisabledClass && `fill_disabled_${fillDisabledClass}`, !isActive
-            ? iconFillClass && `icon_fill_${iconFillClass}`
-            : iconFillActiveClass && `icon_fill_active_${iconFillActiveClass}`, !isActive
-            ? iconFillHoverClass && `icon_fill_hover_${iconFillHoverClass}`
-            : iconFillActiveHoverClass &&
-                `icon_fill_active_hover_${iconFillActiveHoverClass}`, isDisabled &&
-            iconFillDisabledClass &&
-            `icon_fill_disabled_${iconFillDisabledClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
-            `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `icon_skeleton`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, _jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: clsx(badgeClass, 'icon__badge'), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (_jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass && `alignment_${alignmentClass}`), title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
-}));
-const removeFillStroke = (code) => {
-    return code
-        .replace(/fill=".*?"/g, 'fill=""')
-        .replace(/stroke=".*?"/g, 'stroke=""');
-};
-export { Icon, iconConfig };