@itcase/ui 1.1.25 → 1.2.0

package/dist/cjs/Choice-DJOKyu8I.js

@@ -1,105 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-C7ZJyN5o.js');
-var Loader = require('./Loader-C2D6fJk1.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-var choiceConfig = {
-    appearance: {},
-    setAppearance: function (newComponent) {
-        choiceConfig.appearance = newComponent;
-    },
-};
-var Choice = React__default.default.forwardRef(function Choice(props, ref) {
-    var _a = props.isCheckbox, isCheckbox = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isLoading, isLoading = _c === void 0 ? false : _c, _d = props.active, active = _d === void 0 ? { value: undefined } : _d, activeIcon = props.activeIcon, activeIconItemFill = props.activeIconItemFill, after = props.after, appearance = props.appearance, before = props.before, className = props.className, icon = props.icon, iconFillDisabled = props.iconFillDisabled, iconItemFill = props.iconItemFill, iconSize = props.iconSize, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, name = props.name, _e = props.options, options = _e === void 0 ? [] : _e, set = props.set, setActiveSegment = props.setActiveSegment, _f = props.size, size = _f === void 0 ? 'normal' : _f, type = props.type;
-    var controlRef = React.useRef(null);
-    var optionsRefs = React.useMemo(function () { return new Map(options.map(function (item) { return [item.value, React.createRef()]; })); }, [options]);
-    var onChange = React.useCallback(function (event, item) {
-        var isChecked = isCheckbox ? event.target.checked : true;
-        setActiveSegment && setActiveSegment(item, isChecked);
-    }, [isCheckbox, setActiveSegment]);
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'choice_shape_',
-        propsKey: 'shape',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'fillDisabled',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var fillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_active_',
-        propsKey: 'fillActive',
-    });
-    var fillActiveDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_active_disabled_',
-        propsKey: 'fillActiveDisabled',
-    });
-    // prettier-ignore
-    var appearanceConfig = (appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: controlRef, className: clsx__default.default(className, 'choice', shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "choice_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), !isDisabled
-            ? fillClass ||
-                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                    "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())
-            : fillDisabledClass, borderColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), children: isLoading ? (jsxRuntime.jsxRuntimeExports.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "choice__wrapper", children: options.map(function (item) { return (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: optionsRefs.get(item.value), className: clsx__default.default('choice__item', !isDisabled &&
-                    (fillHoverClass ||
-                        ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
-                            "fill_active_".concat(appearanceConfig.fillHover)
-                                .replace(/([A-Z])/g, '-$1')
-                                .toLowerCase())), item.value !== active.value && isDisabled && 'choice__item_state_disabled', item.value === active.value
-                    ? !isDisabled
-                        ? fillActiveClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
-                                "fill_active_".concat(appearanceConfig.fillActive)
-                                    .replace(/([A-Z])/g, '-$1')
-                                    .toLowerCase())
-                        : fillActiveDisabledClass
-                    : !isDisabled
-                        ? fillClass
-                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), children: [jsxRuntime.jsxRuntimeExports.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", disabled: isDisabled, id: "".concat(name, "-").concat(item.value), name: name, type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntime.jsxRuntimeExports.jsxs("label", { htmlFor: "".concat(name, "-").concat(item.value), className: clsx__default.default('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), children: [before, item.label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textWeight: labelTextWeight, textColor: item.value === active.value
-                                    ? !isDisabled
-                                        ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
-                                        : labelTextActiveColorDisabled
-                                    : !isDisabled
-                                        ? labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor)
-                                        : labelTextColorDisabled, children: item.label })), (icon || activeIcon) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { SvgImage: item.value === active.value ? activeIcon : icon, className: "choice__item-icon", iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, iconFill: item.value === active.value
-                                    ? activeIconItemFill || item.activeIconItemFill
-                                    : iconItemFill || item.iconItemFill })), after] })] }, item.value)); }) })) }));
-});
-
-exports.Choice = Choice;
-exports.choiceConfig = choiceConfig;

package/dist/cjs/Code-BJFoJBYh.js

@@ -1,279 +0,0 @@
-'use strict';
-
-var _tslib = require('./_tslib-CKiUdo7p.js');
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-var isStyleObject = function (obj) { return typeof obj === 'object' && obj !== null; };
-var OTPInput = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.numInputs, numInputs = _c === void 0 ? 4 : _c, onChange = _a.onChange, onPaste = _a.onPaste, renderInput = _a.renderInput, _d = _a.shouldAutoFocus, shouldAutoFocus = _d === void 0 ? false : _d, _e = _a.inputType, inputType = _e === void 0 ? 'text' : _e, renderSeparator = _a.renderSeparator, placeholder = _a.placeholder, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle, _f = _a.skipDefaultStyles, skipDefaultStyles = _f === void 0 ? false : _f;
-    var _g = React__default.default.useState(0), activeInput = _g[0], setActiveInput = _g[1];
-    var inputRefs = React__default.default.useRef([]);
-    var getOTPValue = function () { return (value ? value.toString().split('') : []); };
-    var isInputNum = inputType === 'number' || inputType === 'tel';
-    React__default.default.useEffect(function () {
-        inputRefs.current = inputRefs.current.slice(0, numInputs);
-    }, [numInputs]);
-    React__default.default.useEffect(function () {
-        var _a;
-        if (shouldAutoFocus) {
-            (_a = inputRefs.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [shouldAutoFocus]);
-    var getPlaceholderValue = function () {
-        if (typeof placeholder === 'string') {
-            if (placeholder.length === numInputs) {
-                return placeholder;
-            }
-            if (placeholder.length > 0) {
-                console.error('Length of the placeholder should be equal to the number of inputs.');
-            }
-        }
-        return undefined;
-    };
-    var isInputValueValid = function (value) {
-        var isTypeValid = isInputNum ? !isNaN(Number(value)) : typeof value === 'string';
-        return isTypeValid && value.trim().length === 1;
-    };
-    var handleChange = function (event) {
-        var value = event.target.value;
-        if (isInputValueValid(value)) {
-            changeCodeAtFocus(value);
-            focusInput(activeInput + 1);
-        }
-    };
-    var handleInputChange = function (event) {
-        var nativeEvent = event.nativeEvent;
-        var value = event.target.value;
-        if (!isInputValueValid(value)) {
-            // Pasting from the native autofill suggestion on a mobile device can pass
-            // the pasted string as one long input to one of the cells. This ensures
-            // that we handle the full input and not just the first character.
-            if (value.length === numInputs) {
-                var hasInvalidInput = value.split('').some(function (cellInput) { return !isInputValueValid(cellInput); });
-                if (!hasInvalidInput) {
-                    handleOTPChange(value.split(''));
-                    focusInput(numInputs - 1);
-                }
-            }
-            // @ts-expect-error - This was added previously to handle and edge case
-            // for dealing with keyCode "229 Unidentified" on Android. Check if this is
-            // still needed.
-            if (nativeEvent.data === null && nativeEvent.inputType === 'deleteContentBackward') {
-                event.preventDefault();
-                changeCodeAtFocus('');
-                focusInput(activeInput - 1);
-            }
-            // Clear the input if it's not valid value because firefox allows
-            // pasting non-numeric characters in a number type input
-            event.target.value = '';
-        }
-    };
-    var handleFocus = function (event) { return function (index) {
-        setActiveInput(index);
-        event.target.select();
-    }; };
-    var handleBlur = function () {
-        setActiveInput(activeInput - 1);
-    };
-    var handleKeyDown = function (event) {
-        var otp = getOTPValue();
-        if ([event.code, event.key].includes('Backspace')) {
-            event.preventDefault();
-            changeCodeAtFocus('');
-            focusInput(activeInput - 1);
-        }
-        else if (event.code === 'Delete') {
-            event.preventDefault();
-            changeCodeAtFocus('');
-        }
-        else if (event.code === 'ArrowLeft') {
-            event.preventDefault();
-            focusInput(activeInput - 1);
-        }
-        else if (event.code === 'ArrowRight') {
-            event.preventDefault();
-            focusInput(activeInput + 1);
-        }
-        // React does not trigger onChange when the same value is entered
-        // again. So we need to focus the next input manually in this case.
-        else if (event.key === otp[activeInput]) {
-            event.preventDefault();
-            focusInput(activeInput + 1);
-        }
-        else if (event.code === 'Spacebar' ||
-            event.code === 'Space' ||
-            event.code === 'ArrowUp' ||
-            event.code === 'ArrowDown') {
-            event.preventDefault();
-        }
-    };
-    var focusInput = function (index) {
-        var _a, _b;
-        var activeInput = Math.max(Math.min(numInputs - 1, index), 0);
-        if (inputRefs.current[activeInput]) {
-            (_a = inputRefs.current[activeInput]) === null || _a === void 0 ? void 0 : _a.focus();
-            (_b = inputRefs.current[activeInput]) === null || _b === void 0 ? void 0 : _b.select();
-            setActiveInput(activeInput);
-        }
-    };
-    var changeCodeAtFocus = function (value) {
-        var otp = getOTPValue();
-        otp[activeInput] = value[0];
-        handleOTPChange(otp);
-    };
-    var handleOTPChange = function (otp) {
-        var otpValue = otp.join('');
-        onChange(otpValue);
-    };
-    var handlePaste = function (event) {
-        var _a;
-        event.preventDefault();
-        var otp = getOTPValue();
-        var nextActiveInput = activeInput;
-        // Get pastedData in an array of max size (num of inputs - current position)
-        var pastedData = event.clipboardData
-            .getData('text/plain')
-            .slice(0, numInputs - activeInput)
-            .split('');
-        // Prevent pasting if the clipboard data contains non-numeric values for number inputs
-        if (isInputNum && pastedData.some(function (value) { return isNaN(Number(value)); })) {
-            return;
-        }
-        // Paste data from focused input onwards
-        for (var pos = 0; pos < numInputs; ++pos) {
-            if (pos >= activeInput && pastedData.length > 0) {
-                otp[pos] = (_a = pastedData.shift()) !== null && _a !== void 0 ? _a : '';
-                nextActiveInput++;
-            }
-        }
-        focusInput(nextActiveInput);
-        handleOTPChange(otp);
-    };
-    return (React__default.default.createElement("div", { style: Object.assign({ display: 'flex', alignItems: 'center' }, isStyleObject(containerStyle) && containerStyle), className: typeof containerStyle === 'string' ? containerStyle : undefined, onPaste: onPaste }, Array.from({ length: numInputs }, function (_, index) { return index; }).map(function (index) {
-        var _a, _b, _c;
-        return (React__default.default.createElement(React__default.default.Fragment, { key: index },
-            renderInput({
-                value: (_a = getOTPValue()[index]) !== null && _a !== void 0 ? _a : '',
-                placeholder: (_c = (_b = getPlaceholderValue()) === null || _b === void 0 ? void 0 : _b[index]) !== null && _c !== void 0 ? _c : undefined,
-                ref: function (element) { return (inputRefs.current[index] = element); },
-                onChange: handleChange,
-                onFocus: function (event) { return handleFocus(event)(index); },
-                onBlur: handleBlur,
-                onKeyDown: handleKeyDown,
-                onPaste: handlePaste,
-                autoComplete: 'off',
-                'aria-label': "Please enter OTP character ".concat(index + 1),
-                style: Object.assign(!skipDefaultStyles ? { width: '1em', textAlign: 'center' } : {}, isStyleObject(inputStyle) ? inputStyle : {}),
-                className: typeof inputStyle === 'string' ? inputStyle : undefined,
-                type: inputType,
-                inputMode: isInputNum ? 'numeric' : 'text',
-                onInput: handleInputChange,
-            }, index),
-            index < numInputs - 1 && (typeof renderSeparator === 'function' ? renderSeparator(index) : renderSeparator)));
-    })));
-};
-
-function Code(props) {
-    var className = props.className, inputPlaceholder = props.inputPlaceholder, inputAutoFocus = props.inputAutoFocus, inputCount = props.inputCount, inputType = props.inputType, before = props.before, after = props.after, separatorComponent = props.separatorComponent, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
-    var _a = React.useState(''), otp = _a[0], setOtp = _a[1];
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'inputFill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'inputFillHover',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'code__input_size_',
-        propsKey: 'inputSize',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'code__input_shape_',
-        propsKey: 'inputShape',
-    });
-    var textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'inputTextSize',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'inputTextColor',
-    });
-    var caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'caret-color_',
-        propsKey: 'inputCaretColor',
-    });
-    var placeholderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_',
-        propsKey: 'inputPlaceholderTextColor',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'inputTextWeight',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'inputBorderWidth',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'inputBorderColor',
-    });
-    var borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_hover_',
-        propsKey: 'inputBorderColorHover',
-    });
-    var borderColorFocusClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_focus_',
-        propsKey: 'inputBorderFocusColor',
-    });
-    var gapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'gap_',
-        propsKey: 'gap',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // NOTE: too many dependencies for "useCallback" and possible too many checks
-    var renderInput = function (otpInputProps) {
-        return (jsxRuntime.jsxRuntimeExports.jsx("input", _tslib.__assign({}, otpInputProps, { autoComplete: "one-time-code", className: clsx__default.default('code__input', caretClass, fillClass, fillHoverClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderColorFocusClass, sizeClass, fillClass), onBlur: function (event) {
-                onBlur && onBlur(event);
-                otpInputProps.onBlur(event);
-            }, onFocus: function (event) {
-                onFocus && onFocus(event);
-                otpInputProps.onFocus(event);
-            } })));
-    };
-    React.useEffect(function () {
-        onChange && onChange(otp);
-    }, [otp]);
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'code', widthClass), children: [before, jsxRuntime.jsxRuntimeExports.jsx(OTPInput, { containerStyle: clsx__default.default(className, 'code__wrapper', gapClass), inputType: inputType, numInputs: inputCount, placeholder: inputPlaceholder, renderInput: renderInput, renderSeparator: separatorComponent || null, shouldAutoFocus: inputAutoFocus, value: otp, onChange: setOtp }), after] }));
-}
-Code.defaultProps = {
-    inputCount: 6,
-    inputType: 'number',
-    inputSize: 'normal',
-    inputBorderWidth: 1,
-    inputPlaceholder: 0,
-    inputBorderColor: 'surfaceBorderTertiary',
-    inputBorderColorHover: 'surfaceBorderQuaternary',
-    inputBorderFocusColor: 'surfaceBorderAccent',
-    inputFill: 'surfacePrimary',
-    inputFillHover: 'surfaceSecondary',
-    inputShape: 'rounded',
-    inputTextColor: 'surfaceTextPrimary',
-    inputTextSize: 'xxl',
-    inputCaretColor: 'surfaceItemAccent',
-};
-
-exports.Code = Code;

package/dist/cjs/ContextMenuItem-CLU1xPrC.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Divider = require('./Divider-D92wY8Fn.js');
-var Icon = require('./Icon-C7ZJyN5o.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function ContextMenu(props) {
-    var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'context-menu_shape_',
-        propsKey: 'shape',
-    });
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'context-menu', set && "context-menu_set_".concat(set), shapeClass, fillClass), id: id, onClick: onClick, children: children }));
-}
-ContextMenu.defaultProps = {
-    tag: 'div',
-};
-
-function ContextMenuItem(props) {
-    var id = props.id, className = props.className, label = props.label, dividerWidth = props.dividerWidth, dividerDirection = props.dividerDirection, dividerSize = props.dividerSize, dividerFill = props.dividerFill, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, iconBeforeBgFill = props.iconBeforeBgFill, iconBeforeFill = props.iconBeforeFill, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight;
-    useDeviceTargetClass.useDeviceTargetClass(props, {
-        propsKey: 'labelTextSize',
-    });
-    useDeviceTargetClass.useDeviceTargetClass(props, {
-        propsKey: 'labelTextColor',
-    });
-    useDeviceTargetClass.useDeviceTargetClass(props, {
-        propsKey: 'labelTextWeight',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "context-menu__item-icon-before", SvgImage: iconBefore, size: iconBeforeSize, bgFill: iconBeforeBgFill, fill: iconBeforeFill })), label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "context-menu__item-title", textColor: labelTextColor, size: labelTextSize, textWeight: labelTextWeight, children: label })), iconAfter && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "context-menu__item-icon-after", SvgImage: iconAfter, size: iconAfterSize, bgFill: iconAfterBgFill, fill: iconAfterFill }))] }), jsxRuntime.jsxRuntimeExports.jsx(Divider.Divider, { className: "context-menu__item-divider", width: dividerWidth, direction: dividerDirection, size: dividerSize, fill: dividerFill })] }));
-}
-
-exports.ContextMenu = ContextMenu;
-exports.ContextMenuItem = ContextMenuItem;

package/dist/cjs/CookiesWarning-C-6cEf16.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var Cookies = require('js-cookie');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Button = require('./Button-DH5f_2bV.js');
-var Group = require('./Group-EFTg84wP.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
-
-function CookiesWarning(props) {
-    var _a = props.message, message = _a === void 0 ? 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».' : _a, className = props.className, buttonFill = props.buttonFill, buttonFillHover = props.buttonFillHover, _b = props.buttonLabel, buttonLabel = _b === void 0 ? 'I agree' : _b, buttonLabelSize = props.buttonLabelSize, buttonLabelTextColor = props.buttonLabelTextColor, buttonShape = props.buttonShape, buttonSize = props.buttonSize, textSize = props.textSize, textColor = props.textColor, buttonWidth = props.buttonWidth, _c = props.isHideOnScroll, isHideOnScroll = _c === void 0 ? false : _c;
-    var cookiesWarningRef = React.useRef(null);
-    var isOpen = React.useMemo(function () { return Cookies__default.default.get('cookies-warning') !== 'close'; }, []);
-    var closeCookiesWarning = React.useCallback(function () {
-        var _a;
-        (_a = cookiesWarningRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('cookies-warning_state_hidden');
-        Cookies__default.default.set('cookies-warning', 'close');
-    }, []);
-    React.useEffect(function () {
-        if (isHideOnScroll) {
-            window.addEventListener('scroll', closeCookiesWarning, true);
-        }
-        return function () {
-            window.removeEventListener('scroll', closeCookiesWarning, true);
-        };
-    }, []);
-    React.useEffect(function () {
-        // isHideOnScroll &&
-        if (!isOpen) {
-            window.removeEventListener('scroll', closeCookiesWarning, true);
-        }
-    }, [isOpen]);
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill-gradient_',
-        propsKey: 'fillGradient',
-    });
-    var gap = useDeviceTargetClass.useDeviceTargetClass(props, {
-        propsKey: 'gap',
-    });
-    return isOpen ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, children: jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: textSize, textColor: textColor, children: message }), jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { width: buttonWidth, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
-}
-CookiesWarning.defaultProps = {
-    message: 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».',
-    buttonText: 'I agree',
-    isHideOnScroll: false,
-};
-
-exports.CookiesWarning = CookiesWarning;