@itcase/ui 1.1.8 → 1.1.10

package/dist/components/MenuItem.js

@@ -1,671 +1,18 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { T as Text } from '../Text-BcGbRc14.js';
-import { L as Link } from '../Link-ByBzBRDH.js';
-import fillProps from '../constants/componentProps/fill.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import textColorActiveProps from '../constants/componentProps/textColorActive.js';
-import textColorHoverProps from '../constants/componentProps/textColorHover.js';
-import textColorProps from '../constants/componentProps/textColor.js';
-import textGradientProps from '../constants/componentProps/textGradient.js';
-import textSizeProps from '../constants/componentProps/textSize.js';
-import textStyleProps from '../constants/componentProps/textStyle.js';
-import textWrapProps from '../constants/componentProps/textWrap.js';
-import textWeightProps from '../constants/componentProps/textWeight.js';
-import typeProps from '../constants/componentProps/type.js';
-import underlineProps from '../constants/componentProps/underline.js';
-import { useStyles } from '../hooks/useStyles.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import sizeProps from '../constants/componentProps/size.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { M as MenuItem, m as menuItemConfig } from '../MenuItem-DvpftOnP.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import 'lodash/castArray';
-
-const menuItemConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    menuItemConfig.appearance = newComponent;
-  }
-};
-function MenuItem(props) {
-  const {
-    isActive,
-    isHover,
-    appearance,
-    after,
-    before,
-    children,
-    className,
-    href,
-    link,
-    set,
-    rel,
-    desc,
-    descTextGradient,
-    descTextSize,
-    descTextWeight,
-    descTextColor,
-    descTextWrap,
-    descTextColorHover,
-    descTextStyle,
-    label,
-    target,
-    textColor,
-    textColorHover,
-    textColorActive,
-    textGradient,
-    textSize,
-    textWrap,
-    textStyle,
-    textWeight,
-    underline,
-    onClick,
-    onMouseEnter
-  } = props;
-  const alignDirectionClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const directionClass = useDeviceTargetClass(props, {
-    prefix: 'menu-item_direction_',
-    propsKey: 'direction'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const fillActiveClass = useDeviceTargetClass(props, {
-    prefix: 'fill_active_',
-    propsKey: 'fillActive'
-  });
-  const fillActiveHoverClass = useDeviceTargetClass(props, {
-    prefix: 'fill_active_hover_',
-    propsKey: 'fillActiveHover'
-  });
-  const fillDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'fill_disabled_',
-    propsKey: 'fillDisabled'
-  });
-  const linkFillClass = useDeviceTargetClass(props, {
-    propsKey: 'linkFill'
-  });
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'menu-item_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'menu-item_shape_',
-    propsKey: 'shape'
-  });
-  const justifyContentClass = useDeviceTargetClass(props, {
-    prefix: 'menu-item_justify-content_',
-    propsKey: 'justifyContent'
-  });
-  const typeClass = useDeviceTargetClass(props, {
-    prefix: 'menu-item_type_',
-    propsKey: 'type'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const {
-    styles: menuItem
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass || appearance && `fill_${menuItemConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && `menu-item_set_${set}`, justifyContentClass),
-    style: menuItem,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter
-  }, /*#__PURE__*/React__default.createElement(Link, {
-    className: clsx('menu-item__label', alignDirectionClass, alignClass),
-    fill: linkFillClass,
-    href: link || href,
-    rel: rel,
-    target: target,
-    underline: underline
-  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, before, children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label && /*#__PURE__*/React__default.createElement(Text, {
-    className: "menu-item__label",
-    size: textSize,
-    textColor: textColor || appearance && menuItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    textColorActive: isActive && (textColorActive || appearance && menuItemConfig.appearance[appearance].textColorActive.replace(/([A-Z])/g, '-$1').toLowerCase()),
-    textColorHover: textColorHover || appearance && menuItemConfig.appearance[appearance].textColorHover.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    textGradient: textGradient,
-    textStyle: textStyle,
-    textWeight: textWeight,
-    textWrap: textWrap
-  }, label), desc && /*#__PURE__*/React__default.createElement(Text, {
-    className: "menu-item__desc",
-    size: descTextSize,
-    textColor: descTextColor,
-    textColorHover: descTextColorHover,
-    textGradient: descTextGradient,
-    textStyle: descTextStyle,
-    textWeight: descTextWeight,
-    textWrap: descTextWrap
-  }, desc)), after)));
-}
-MenuItem.propTypes = {
-  after: PropTypes.any,
-  before: PropTypes.any,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  desc: PropTypes.string,
-  descTextColor: PropTypes.oneOf(textColorProps),
-  descTextColorHover: PropTypes.oneOf(textColorHoverProps),
-  descTextGradient: PropTypes.oneOf(textGradientProps),
-  descTextSize: PropTypes.oneOf(textSizeProps),
-  descTextStyle: PropTypes.oneOf(textStyleProps),
-  descTextWeight: PropTypes.oneOf(textWeightProps),
-  descTextWrap: PropTypes.oneOf(textWrapProps),
-  fill: PropTypes.oneOf(fillProps),
-  fillDesktop: PropTypes.oneOf(fillProps),
-  fillMobile: PropTypes.oneOf(fillProps),
-  fillTablet: PropTypes.oneOf(fillProps),
-  href: PropTypes.string,
-  isActive: PropTypes.bool,
-  isHover: PropTypes.bool,
-  label: PropTypes.string,
-  link: PropTypes.string,
-  LinkComponent: PropTypes.any,
-  linkFill: PropTypes.oneOf(fillProps),
-  linkFillDesktop: PropTypes.oneOf(fillProps),
-  linkFillMobile: PropTypes.oneOf(fillProps),
-  linkFillTablet: PropTypes.oneOf(fillProps),
-  rel: PropTypes.string,
-  shape: PropTypes.oneOf(shapeProps),
-  shapeDesktop: PropTypes.oneOf(shapeProps),
-  shapeMobile: PropTypes.oneOf(shapeProps),
-  shapeTablet: PropTypes.oneOf(shapeProps),
-  size: PropTypes.oneOf(sizeProps),
-  sizeDesktop: PropTypes.oneOf(sizeProps),
-  sizeMobile: PropTypes.oneOf(sizeProps),
-  sizeTablet: PropTypes.oneOf(sizeProps),
-  target: PropTypes.string,
-  textColor: PropTypes.oneOf(textColorProps),
-  textColorActive: PropTypes.oneOf(textColorActiveProps),
-  textColorHover: PropTypes.oneOf(textColorHoverProps),
-  textGradient: PropTypes.oneOf(textGradientProps),
-  textSize: PropTypes.oneOf(sizeProps),
-  textStyle: PropTypes.oneOf(textStyleProps),
-  textWeight: PropTypes.oneOf(textWeightProps),
-  textWrap: PropTypes.string,
-  type: PropTypes.oneOf(typeProps),
-  typeDesktop: PropTypes.oneOf(typeProps),
-  typeMobile: PropTypes.oneOf(typeProps),
-  typeTablet: PropTypes.oneOf(typeProps),
-  underline: PropTypes.oneOf(underlineProps),
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func
-};
-MenuItem.defaultProps = {
-  size: 'm',
-  LinkComponent: 'a',
-  direction: 'horizontal'
-};
-MenuItem.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "MenuItem",
-  "props": {
-    "size": {
-      "defaultValue": {
-        "value": "'m'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "LinkComponent": {
-      "defaultValue": {
-        "value": "'a'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "direction": {
-      "defaultValue": {
-        "value": "'horizontal'",
-        "computed": false
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "desc": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "descTextColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "descTextColorHover": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorHoverProps"
-      },
-      "required": false
-    },
-    "descTextGradient": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textGradientProps"
-      },
-      "required": false
-    },
-    "descTextSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textSizeProps"
-      },
-      "required": false
-    },
-    "descTextStyle": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textStyleProps"
-      },
-      "required": false
-    },
-    "descTextWeight": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "descTextWrap": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWrapProps"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "href": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "isActive": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "isHover": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "label": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "link": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "linkFill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "linkFillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "linkFillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "linkFillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "rel": {
-      "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
-    },
-    "sizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "target": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorActive": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorActiveProps"
-      },
-      "required": false
-    },
-    "textColorHover": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorHoverProps"
-      },
-      "required": false
-    },
-    "textGradient": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textGradientProps"
-      },
-      "required": false
-    },
-    "textSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "textStyle": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textStyleProps"
-      },
-      "required": false
-    },
-    "textWeight": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWrap": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "typeProps"
-      },
-      "required": false
-    },
-    "typeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "typeProps"
-      },
-      "required": false
-    },
-    "typeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "typeProps"
-      },
-      "required": false
-    },
-    "typeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "typeProps"
-      },
-      "required": false
-    },
-    "underline": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "underlineProps"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onMouseEnter": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-export { MenuItem, menuItemConfig };
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../Link-CbCqej5B.js';
+import '../_tslib-S-VPg1Cw.js';
+import '../Text-edtauAM6.js';

package/dist/components/Modal.js

@@ -1,11 +1,10 @@
-export { M as Modal, a as ModalLoader } from '../ModalLoader-DJVKhIZR.js';
+export { M as Modal, a as ModalLoader } from '../ModalLoader-CushfGnC.js';
 import 'react';
 import 'prop-types';
 import 'react-dom';
 import 'clsx';
-import './Overlay.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/fillGradient.js';
+import '../Overlay-C4gCb0sL.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -16,6 +15,5 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import './Loader.js';
-import '../Text-BcGbRc14.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import '../Loader-BUgSIcId.js';
+import '../Text-edtauAM6.js';