@itcase/ui 1.8.122 → 1.8.124

package/dist/Group_cjs_DmfeUcFI.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+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 groupAppearance = {
+    dev: {
+        direction: 'horizontal',
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        borderColor: 'surfaceBorderPrimary',
+        borderWidth: 1,
+    },
+};
+
+const groupConfig = {
+    appearance: groupAppearance,
+    setAppearance: (appearanceConfig) => {
+        groupConfig.appearance = appearanceConfig;
+    },
+};
+const Group = React.forwardRef(function Group(props, ref) {
+    const { id, dataTestId, dataTour, className, name, appearance, isDisabled, htmlFor, scroll, style, tag: Tag = 'div', isActive, onClick, onMouseDown, children, } = props;
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, groupConfig);
+    const propsGenerator = useDevicePropsGenerator.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, iconFillHoverClass, shapeClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
+    // @ts-expect-error
+    const { styles: groupStyles } = useStyles.useStyles(props);
+    return (jsxRuntime.jsx(Tag, { id: id, "data-test-id": dataTestId, "data-tour": dataTour, className: clsx(className, 'group', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, 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 && `group_shape_${shapeClass}`, !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}`, onClick && 'cursor_type_pointer'), name: name, ref: ref, htmlFor: htmlFor, style: Object.assign({}, groupStyles, style), onClick: onClick, onMouseDown: onMouseDown, children: children }));
+});
+
+exports.Group = Group;
+exports.groupAppearance = groupAppearance;
+exports.groupConfig = groupConfig;

package/dist/Group_es_BU5k8f5S.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+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 groupAppearance = {
+    dev: {
+        direction: 'horizontal',
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        borderColor: 'surfaceBorderPrimary',
+        borderWidth: 1,
+    },
+};
+
+const groupConfig = {
+    appearance: groupAppearance,
+    setAppearance: (appearanceConfig) => {
+        groupConfig.appearance = appearanceConfig;
+    },
+};
+const Group = React.forwardRef(function Group(props, ref) {
+    const { id, dataTestId, dataTour, className, name, appearance, isDisabled, htmlFor, scroll, style, tag: Tag = 'div', isActive, onClick, onMouseDown, 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, iconFillHoverClass, shapeClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
+    // @ts-expect-error
+    const { styles: groupStyles } = useStyles(props);
+    return (jsx(Tag, { id: id, "data-test-id": dataTestId, "data-tour": dataTour, className: clsx(className, 'group', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, 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 && `group_shape_${shapeClass}`, !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}`, onClick && 'cursor_type_pointer'), name: name, ref: ref, htmlFor: htmlFor, style: Object.assign({}, groupStyles, style), onClick: onClick, onMouseDown: onMouseDown, children: children }));
+});
+
+export { Group as G, groupAppearance as a, groupConfig as g };