@itcase/ui 1.1.8 → 1.1.10

package/dist/Button-B7vbiqrJ.js

@@ -1,100 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
-import React__default from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-Dn2eEZvb.js';
-import { a as LinkWrapper } from './Link-ByBzBRDH.js';
-import { Loader } from './components/Loader.js';
-import { T as Text } from './Text-BcGbRc14.js';
-
-var buttonConfig = {
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        buttonConfig.appearance = newComponent;
-    },
-};
-var Button = React__default.forwardRef(function Button(props, ref) {
-    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel, _b = props.size, size = _b === void 0 ? 'xl' : _b, icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconStroke = props.iconStroke, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconBeforeStroke = props.iconBeforeStroke, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterStroke = props.iconAfterStroke, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, type = props.type, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'button_width_',
-        propsKey: 'width',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'button_size_',
-        propsKey: 'size',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'button_shape_',
-        propsKey: 'shape',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var elevationClass = useDeviceTargetClass(props, {
-        prefix: 'elevation_',
-        propsKey: 'elevation',
-    });
-    // @ts-expect-error
-    var _f = useStyles(props), buttonStyles = _f.styles, labelStyles = _f.label;
-    var appearanceConfig = appearance && buttonConfig.appearance && buttonConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx(LinkWrapper, { className: clsx(className, 'button', type && "button_type_".concat(type), borderWidthClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
-                "border-width_".concat(appearanceConfig.borderWidth)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderType) &&
-                "border-type_".concat(appearanceConfig.borderType).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
-                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label &&
-            (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) &&
-            'button_type_icon', label &&
-            (after ||
-                before ||
-                icon ||
-                iconAfter ||
-                iconAfterSrc ||
-                iconBefore ||
-                iconBeforeSrc ||
-                iconSrc) &&
-            "button_type_with-icon button_type_with-icon_".concat(size)), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntimeExports.jsx(Loader, { className: "button__loader", 
-                    // @ts-expect-error
-                    fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), iconStroke: iconBeforeStroke || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeStroke), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), iconStroke: iconStroke || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconStroke), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntimeExports.jsx(Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, 
-                    // @ts-expect-error
-                    style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWrap: labelTextWrap, textWeight: labelTextWeight, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), iconStroke: iconAfterStroke || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterStroke), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
-});
-Button.defaultProps = {
-    // Button with a `type="submit"` attribute is a form control by default.
-    // If the button is not associated with any form, it will look for
-    // the nearest form in the DOM and submit its data when clicked.
-    htmlType: 'button',
-    size: 'xl',
-    width: 'hug',
-    loaderSet: 'simple',
-    loading: false,
-};
-
-export { Button as B, buttonConfig as b };

package/dist/ContextMenuItem-BPqsjmSA.js

@@ -1,204 +0,0 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import shapeProps from './constants/componentProps/shape.js';
-import { T as Text } from './Text-BcGbRc14.js';
-import { I as Icon } from './Icon-Dn2eEZvb.js';
-import { D as Divider } from './Divider-BlBwMHgl.js';
-
-function ContextMenu(props) {
-  const {
-    id,
-    children,
-    className,
-    set,
-    onClick
-  } = props;
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'context-menu_shape_',
-    propsKey: 'shape'
-  });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'context-menu', set && `context-menu_set_${set}`, shapeClass, fillClass),
-    id: id,
-    onClick: onClick
-  }, children);
-}
-ContextMenu.propTypes = {
-  className: PropTypes.string,
-  id: PropTypes.string,
-  set: PropTypes.string,
-  shape: PropTypes.oneOf(shapeProps),
-  shapeDesktop: PropTypes.oneOf(shapeProps),
-  shapeMobile: PropTypes.oneOf(shapeProps),
-  shapeTablet: PropTypes.oneOf(shapeProps),
-  onClick: PropTypes.func
-};
-ContextMenu.defaultProps = {
-  tag: 'div'
-};
-ContextMenu.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "ContextMenu",
-  "props": {
-    "tag": {
-      "defaultValue": {
-        "value": "'div'",
-        "computed": false
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "set": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-function ContextMenuItem(props) {
-  const {
-    id,
-    children,
-    className,
-    label,
-    dividerWidth,
-    dividerDirection,
-    dividerSize,
-    dividerFill,
-    iconBefore,
-    iconBeforeSize,
-    iconBeforeBgFill,
-    iconBeforeFill,
-    iconBeforeStroke,
-    iconAfter,
-    iconAfterSize,
-    iconAfterBgFill,
-    iconAfterFill,
-    iconAfterStroke,
-    isActive,
-    onClick
-  } = props;
-  const labelTextSizeClass = useDeviceTargetClass(props, {
-    propsKey: 'labelTextSize'
-  });
-  const labelTextColorClass = useDeviceTargetClass(props, {
-    propsKey: 'labelTextColor'
-  });
-  const labelTextWeightClass = useDeviceTargetClass(props, {
-    propsKey: 'labelTextWeight'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'),
-    id: id,
-    onClick: onClick
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "context-menu__item-wrapper"
-  }, iconBefore && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "context-menu__item-icon-before",
-    SvgImage: iconBefore,
-    size: iconBeforeSize,
-    bgFill: iconBeforeBgFill,
-    fill: iconBeforeFill,
-    stroke: iconBeforeStroke
-  }), label && /*#__PURE__*/React__default.createElement(Text, {
-    className: "context-menu__item-title",
-    textColor: labelTextColorClass,
-    size: labelTextSizeClass,
-    textWeight: labelTextWeightClass
-  }, label), iconAfter && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "context-menu__item-icon-after",
-    SvgImage: iconAfter,
-    size: iconAfterSize,
-    bgFill: iconAfterBgFill,
-    fill: iconAfterFill,
-    stroke: iconAfterStroke
-  })), /*#__PURE__*/React__default.createElement(Divider, {
-    className: "context-menu__item-divider",
-    width: dividerWidth,
-    direction: dividerDirection,
-    size: dividerSize,
-    fill: dividerFill
-  }));
-}
-ContextMenuItem.propTypes = {};
-ContextMenuItem.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "ContextMenuItem"
-};
-
-export { ContextMenu as C, ContextMenuItem as a };