@itcase/ui 1.8.123 → 1.8.124

package/dist/Loader_cjs_DIDsIq3J.js

@@ -0,0 +1,143 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
+var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
+var Text = require('./Text_cjs_BDTjOTVB.js');
+
+const loaderAppearanceAccent = {
+    accentPrimary: {
+        fill: 'accentPrimary',
+        itemFill: 'accentItemPrimary',
+    },
+    accentTertiary: {
+        fill: 'accentTertiary',
+        itemFill: 'accentItemSecondary',
+    },
+};
+
+const loaderAppearanceDanger = {
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        itemFill: 'dangerItemPrimary',
+    },
+};
+
+const loaderAppearanceError = {
+    errorPrimary: {
+        fill: 'errorPrimary',
+        itemFill: 'errorItemPrimary',
+    },
+};
+
+const loaderAppearanceInfo = {
+    infoPrimary: {
+        fill: 'infoPrimary',
+        itemFill: 'infoItemPrimary',
+    },
+};
+
+const loaderAppearancePrimary = {
+    primaryPrimary: {
+        fill: 'primaryPrimary',
+        itemFill: 'primaryItemPrimary',
+    },
+};
+
+const loaderAppearanceSecondary = {
+    secondaryPrimary: {
+        fill: 'secondaryPrimary',
+        itemFill: 'secondaryItemPrimary',
+    },
+};
+
+const loaderAppearanceSize = {
+    sizeL: {
+        size: 'l',
+    },
+    sizeM: {
+        size: 'm',
+    },
+    sizeS: {
+        size: 's',
+    },
+};
+
+const loaderAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+
+const loaderAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successPrimary',
+        itemFill: 'successItemPrimary',
+    },
+};
+
+const loaderAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        itemFill: 'surfaceItemPrimary',
+    },
+};
+
+const loaderAppearanceWarning = {
+    warningPrimary: {
+        fill: 'warningPrimary',
+        itemFill: 'warningItemPrimary',
+    },
+};
+
+const loaderAppearance = {
+    ...loaderAppearanceAccent,
+    ...loaderAppearancePrimary,
+    ...loaderAppearanceSize,
+    ...loaderAppearanceSecondary,
+    ...loaderAppearanceSurface,
+    ...loaderAppearanceWarning,
+    ...loaderAppearanceSuccess,
+    ...loaderAppearanceInfo,
+    ...loaderAppearanceDanger,
+    ...loaderAppearanceError,
+    ...loaderAppearanceStyle,
+};
+
+const loaderConfig = {
+    appearance: loaderAppearance,
+    setAppearance: (appearanceConfig) => {
+        loaderConfig.appearance = appearanceConfig;
+    },
+};
+function Loader(props) {
+    const { className, type = 'simple', appearance, text, isDisabled, isSkeleton, children, } = props;
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, loaderConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator; // TODO: сделать нормальные типы для useDevicePropsGenerator
+    // @ts-expect-error - TODO: сделать useStyles на ts
+    const { styles: loader } = useStyles.useStyles(props);
+    return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+}
+
+exports.Loader = Loader;
+exports.loaderAppearance = loaderAppearance;
+exports.loaderConfig = loaderConfig;

package/dist/Loader_es_CmSggwbR.js

@@ -0,0 +1,139 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
+import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import { useStyles } from './hooks/useStyles/useStyles.js';
+import { T as Text } from './Text_es_CnymlElo.js';
+
+const loaderAppearanceAccent = {
+    accentPrimary: {
+        fill: 'accentPrimary',
+        itemFill: 'accentItemPrimary',
+    },
+    accentTertiary: {
+        fill: 'accentTertiary',
+        itemFill: 'accentItemSecondary',
+    },
+};
+
+const loaderAppearanceDanger = {
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        itemFill: 'dangerItemPrimary',
+    },
+};
+
+const loaderAppearanceError = {
+    errorPrimary: {
+        fill: 'errorPrimary',
+        itemFill: 'errorItemPrimary',
+    },
+};
+
+const loaderAppearanceInfo = {
+    infoPrimary: {
+        fill: 'infoPrimary',
+        itemFill: 'infoItemPrimary',
+    },
+};
+
+const loaderAppearancePrimary = {
+    primaryPrimary: {
+        fill: 'primaryPrimary',
+        itemFill: 'primaryItemPrimary',
+    },
+};
+
+const loaderAppearanceSecondary = {
+    secondaryPrimary: {
+        fill: 'secondaryPrimary',
+        itemFill: 'secondaryItemPrimary',
+    },
+};
+
+const loaderAppearanceSize = {
+    sizeL: {
+        size: 'l',
+    },
+    sizeM: {
+        size: 'm',
+    },
+    sizeS: {
+        size: 's',
+    },
+};
+
+const loaderAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+
+const loaderAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successPrimary',
+        itemFill: 'successItemPrimary',
+    },
+};
+
+const loaderAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        itemFill: 'surfaceItemPrimary',
+    },
+};
+
+const loaderAppearanceWarning = {
+    warningPrimary: {
+        fill: 'warningPrimary',
+        itemFill: 'warningItemPrimary',
+    },
+};
+
+const loaderAppearance = {
+    ...loaderAppearanceAccent,
+    ...loaderAppearancePrimary,
+    ...loaderAppearanceSize,
+    ...loaderAppearanceSecondary,
+    ...loaderAppearanceSurface,
+    ...loaderAppearanceWarning,
+    ...loaderAppearanceSuccess,
+    ...loaderAppearanceInfo,
+    ...loaderAppearanceDanger,
+    ...loaderAppearanceError,
+    ...loaderAppearanceStyle,
+};
+
+const loaderConfig = {
+    appearance: loaderAppearance,
+    setAppearance: (appearanceConfig) => {
+        loaderConfig.appearance = appearanceConfig;
+    },
+};
+function Loader(props) {
+    const { className, type = 'simple', appearance, text, isDisabled, isSkeleton, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator; // TODO: сделать нормальные типы для useDevicePropsGenerator
+    // @ts-expect-error - TODO: сделать useStyles на ts
+    const { styles: loader } = useStyles(props);
+    return (jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+}
+
+export { Loader as L, loaderAppearance as a, loaderConfig as l };

package/dist/Overlay_cjs_tGA2fU43.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
+var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
+
+const overlayAppearanceDefault = {
+    blackout: {
+        fill: 'black',
+        opacity: '50',
+    },
+    blur: {
+        fill: 'surfaceQuaternary',
+        blur: '10',
+    },
+};
+
+const overlayAppearance = {
+    ...overlayAppearanceDefault,
+};
+
+const overlayConfig = {
+    appearance: overlayAppearance,
+    setAppearance: (appearanceConfig) => {
+        overlayConfig.appearance = appearanceConfig;
+    },
+};
+function Overlay(props) {
+    const { dataTestId, dataTour, className, appearance, isOverlay, onClick } = props;
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, overlayConfig);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, blurClass, opacityClass } = propsGenerator;
+    // @ts-expect-error - TODO: сделать useStyles на ts
+    const { styles: overlayStyles } = useStyles.useStyles(props);
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
+}
+
+exports.Overlay = Overlay;
+exports.overlayAppearance = overlayAppearance;
+exports.overlayConfig = overlayConfig;

package/dist/Overlay_es_BS7OTFoy.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
+import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import { useStyles } from './hooks/useStyles/useStyles.js';
+
+const overlayAppearanceDefault = {
+    blackout: {
+        fill: 'black',
+        opacity: '50',
+    },
+    blur: {
+        fill: 'surfaceQuaternary',
+        blur: '10',
+    },
+};
+
+const overlayAppearance = {
+    ...overlayAppearanceDefault,
+};
+
+const overlayConfig = {
+    appearance: overlayAppearance,
+    setAppearance: (appearanceConfig) => {
+        overlayConfig.appearance = appearanceConfig;
+    },
+};
+function Overlay(props) {
+    const { dataTestId, dataTour, className, appearance, isOverlay, onClick } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, overlayConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, blurClass, opacityClass } = propsGenerator;
+    // @ts-expect-error - TODO: сделать useStyles на ts
+    const { styles: overlayStyles } = useStyles(props);
+    return (jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
+}
+
+export { Overlay as O, overlayAppearance as a, overlayConfig as o };

package/dist/{Scrollbar_cjs_DcKOfcNp.js → Scrollbar_cjs_Cp-7v2Mt.js}

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var reactScrollbarsCustom = require('react-scrollbars-custom');
 
 function Scrollbar(props) {
-    var className = props.className, noDefaultStyles = props.noDefaultStyles, scrollbarWidth = props.scrollbarWidth, _a = props.scrollHeight, scrollHeight = _a === void 0 ? '200' : _a, onScroll = props.onScroll, children = props.children;
+    const { className, noDefaultStyles, scrollbarWidth, scrollHeight = '200', onScroll, children, } = props;
     return (jsxRuntime.jsx(reactScrollbarsCustom.Scrollbar, { className: clsx('scrollbar', className), contentProps: {
             className: 'scrollbar__scroll-content',
         }, noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, scrollerProps: {

package/dist/{Scrollbar_es_CThJeCLF.js → Scrollbar_es_CcMgNvGi.js}

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { Scrollbar as Scrollbar$1 } from 'react-scrollbars-custom';
 
 function Scrollbar(props) {
-    var className = props.className, noDefaultStyles = props.noDefaultStyles, scrollbarWidth = props.scrollbarWidth, _a = props.scrollHeight, scrollHeight = _a === void 0 ? '200' : _a, onScroll = props.onScroll, children = props.children;
+    const { className, noDefaultStyles, scrollbarWidth, scrollHeight = '200', onScroll, children, } = props;
     return (jsx(Scrollbar$1, { className: clsx('scrollbar', className), contentProps: {
             className: 'scrollbar__scroll-content',
         }, noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, scrollerProps: {

package/dist/Text_cjs_BDTjOTVB.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
+var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
+
+const textAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+    },
+    sizeXL: {
+        size: 'xl',
+    },
+    sizeL: {
+        size: 'l',
+    },
+    sizeM: {
+        size: 'm',
+    },
+    sizeS: {
+        size: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+    },
+};
+
+const textAppearance = {
+    ...textAppearanceSize,
+};
+
+const textConfig = {
+    appearance: textAppearance,
+    setAppearance: (appearanceConfig) => {
+        textConfig.appearance = appearanceConfig;
+    },
+};
+function Text(props) {
+    const { dataTestId, dataTour, className, appearance, isDisabled, cursor, htmlFor, tag: Tag = 'span', before, after, isActive, isSkeleton, onClick, onDoubleClick, children, } = props;
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { textColorDisabledClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorHoverClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
+    // @ts-expect-error
+    const { styles: textStyles } = useStyles.useStyles(props);
+    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
+            textColorDisabledClass &&
+            `text-color_${textColorDisabledClass}`, !isActive &&
+            !isDisabled &&
+            textColorClass &&
+            `text-color_${textColorClass}`, !isActive &&
+            !isDisabled &&
+            textColorHoverClass &&
+            `text-color_hover_${textColorHoverClass}`, isActive &&
+            !isDisabled &&
+            textColorActiveHoverClass &&
+            `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
+            !isDisabled &&
+            textColorActiveClass &&
+            `text-color_active_${textColorActiveClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
+}
+
+exports.Text = Text;
+exports.textAppearance = textAppearance;
+exports.textConfig = textConfig;

package/dist/Text_es_CnymlElo.js

@@ -0,0 +1,65 @@
+import { jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
+import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import { useStyles } from './hooks/useStyles/useStyles.js';
+
+const textAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+    },
+    sizeXL: {
+        size: 'xl',
+    },
+    sizeL: {
+        size: 'l',
+    },
+    sizeM: {
+        size: 'm',
+    },
+    sizeS: {
+        size: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+    },
+};
+
+const textAppearance = {
+    ...textAppearanceSize,
+};
+
+const textConfig = {
+    appearance: textAppearance,
+    setAppearance: (appearanceConfig) => {
+        textConfig.appearance = appearanceConfig;
+    },
+};
+function Text(props) {
+    const { dataTestId, dataTour, className, appearance, isDisabled, cursor, htmlFor, tag: Tag = 'span', before, after, isActive, isSkeleton, onClick, onDoubleClick, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { textColorDisabledClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorHoverClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
+    // @ts-expect-error
+    const { styles: textStyles } = useStyles(props);
+    return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
+            textColorDisabledClass &&
+            `text-color_${textColorDisabledClass}`, !isActive &&
+            !isDisabled &&
+            textColorClass &&
+            `text-color_${textColorClass}`, !isActive &&
+            !isDisabled &&
+            textColorHoverClass &&
+            `text-color_hover_${textColorHoverClass}`, isActive &&
+            !isDisabled &&
+            textColorActiveHoverClass &&
+            `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
+            !isDisabled &&
+            textColorActiveClass &&
+            `text-color_active_${textColorActiveClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
+}
+
+export { Text as T, textAppearance as a, textConfig as t };