@itcase/ui 1.1.7 → 1.1.8

package/dist/cjs/components/Link.js

@@ -1,505 +1,23 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var fill = require('../constants/componentProps/fill.js');
-var size = require('../constants/componentProps/size.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var textGradient = require('../constants/componentProps/textGradient.js');
-var textStyle = require('../constants/componentProps/textStyle.js');
-var textWeight = require('../constants/componentProps/textWeight.js');
-var type = require('../constants/componentProps/type.js');
-var underline = require('../constants/componentProps/underline.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var Link = require('../Link-BoShjCEw.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
 require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-const linkConfig = {
-  LinkComponent: 'a',
-  setLinkComponent: newComponent => {
-    linkConfig.LinkComponent = newComponent;
-  }
-};
-function Link(props) {
-  const {
-    after,
-    before,
-    children,
-    className,
-    LinkComponent,
-    href,
-    link,
-    target,
-    rel,
-    text,
-    textGradient,
-    textStyle,
-    title,
-    underline,
-    onClick,
-    onMouseDown
-  } = props;
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'size'
-  });
-  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'textColor'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'textWeight'
-  });
-  const textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_hover_',
-    propsKey: 'textColorHover'
-  });
-  const textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-style_',
-    propsKey: 'textColorHover'
-  });
-  const textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-gradient_',
-    propsKey: 'textGradient'
-  });
-  const {
-    styles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement(LinkWrapper, {
-    className: clsx__default.default(className, 'link', sizeClass, underline && `link_underline_${underline}`, (textColorClass || textColorHoverClass || textGradientClass || textStyleClass || weightClass) && 'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass),
-    href: href || link,
-    Component: LinkComponent,
-    rel: rel,
-    style: styles,
-    target: target,
-    onClick: onClick,
-    onMouseDown: onMouseDown
-  }, before, children || text, after);
-}
-Link.propTypes = {
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  LinkComponent: PropTypes__default.default.any,
-  href: PropTypes__default.default.string,
-  link: PropTypes__default.default.string,
-  rel: PropTypes__default.default.string,
-  text: PropTypes__default.default.string,
-  target: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.oneOf(textColor.default),
-  textColorMobile: PropTypes__default.default.oneOf(textColor.default),
-  textColorTablet: PropTypes__default.default.oneOf(textColor.default),
-  textColorDesktop: PropTypes__default.default.oneOf(textColor.default),
-  textGradient: PropTypes__default.default.oneOf(textGradient.default),
-  textStyle: PropTypes__default.default.oneOf(textStyle.default),
-  textWeight: PropTypes__default.default.oneOf(textWeight.default),
-  textWeightDesktop: PropTypes__default.default.oneOf(textWeight.default),
-  textWeightMobile: PropTypes__default.default.oneOf(textWeight.default),
-  textWeightTablet: PropTypes__default.default.oneOf(textWeight.default),
-  type: PropTypes__default.default.oneOf(type.default),
-  size: PropTypes__default.default.oneOf(size.default),
-  sizeDesktop: PropTypes__default.default.oneOf(size.default),
-  sizeMobile: PropTypes__default.default.oneOf(size.default),
-  sizeTablet: PropTypes__default.default.oneOf(size.default),
-  underline: PropTypes__default.default.oneOf(underline.default),
-  onClick: PropTypes__default.default.func,
-  onMouseDown: PropTypes__default.default.func
-};
-Link.defaultProps = {
-  underline: 'underline'
-};
+require('../hooks/useStyles.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
 
-// Wrapper with "Link" by condition
-function LinkWrapper(props) {
-  const {
-    children,
-    Component,
-    DefaultComponent,
-    href,
-    target,
-    rel,
-    ...otherProps
-  } = props;
-  if (href) {
-    // If href passed, make link-wrapper
-    const LinkComponent = Component || linkConfig.LinkComponent;
-    return /*#__PURE__*/React__default.default.createElement(LinkComponent, Object.assign({
-      href: href,
-      target: target,
-      rel: rel
-    }, otherProps), children);
-  } else if (DefaultComponent) {
-    // If has default "Component" - render it
-    return /*#__PURE__*/React__default.default.createElement(DefaultComponent, otherProps, children);
-  }
 
-  // Return children and pass current props to
-  return React__default.default.Children.toArray(children).filter(Boolean).map(child => {
-    return /*#__PURE__*/React__default.default.isValidElement(child) ? /*#__PURE__*/React__default.default.cloneElement(child, otherProps) : child;
-  });
-}
-LinkWrapper.propTypes = {
-  children: PropTypes__default.default.any,
-  Component: PropTypes__default.default.element,
-  DefaultComponent: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.elementType]),
-  href: PropTypes__default.default.string,
-  rel: PropTypes__default.default.string,
-  target: PropTypes__default.default.string
-};
-Link.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Link",
-  "props": {
-    "underline": {
-      "defaultValue": {
-        "value": "'underline'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "underlineProps"
-      },
-      "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
-    },
-    "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
-    },
-    "LinkComponent": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "href": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "link": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "rel": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "text": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "target": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textGradient": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textGradientProps"
-      },
-      "required": false
-    },
-    "textStyle": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textStyleProps"
-      },
-      "required": false
-    },
-    "textWeight": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "typeProps"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "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
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onMouseDown": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-LinkWrapper.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "LinkWrapper",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "Component": {
-      "description": "",
-      "type": {
-        "name": "element"
-      },
-      "required": false
-    },
-    "DefaultComponent": {
-      "description": "",
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "string"
-        }, {
-          "name": "elementType"
-        }]
-      },
-      "required": false
-    },
-    "href": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "rel": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "target": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    }
-  }
-};
 
-exports.Link = Link;
-exports.LinkWrapper = LinkWrapper;
-exports.linkConfig = linkConfig;
+exports.Link = Link.Link;
+exports.LinkWrapper = Link.LinkWrapper;
+exports.linkConfig = Link.linkConfig;

package/dist/cjs/components/List.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ListItem = require('../ListItem-CTDoiG0C.js');
+var ListItem = require('../ListItem-MrHApmF3.js');
 require('react');
 require('prop-types');
 require('clsx');
@@ -21,9 +21,8 @@ require('lodash/castArray');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
-require('./Link.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/underline.js');
+require('../Link-BoShjCEw.js');
+require('../jsx-runtime-BCmQOGxJ.js');
 
 
 

package/dist/cjs/components/Loader.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('../jsx-runtime-BCmQOGxJ.js');

package/dist/cjs/components/Logo.js

@@ -3,28 +3,21 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var index = require('./Link.js');
+var Link = require('../Link-BoShjCEw.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 var align = require('../constants/componentProps/align.js');
 var alignDirection = require('../constants/componentProps/alignDirection.js');
 var width = require('../constants/componentProps/width.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('lodash/castArray');
 require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('lodash/castArray');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -64,7 +57,7 @@ function Logo(props) {
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'logo', alignDirectionClass, alignClass, widthClass, alignItemsClass, size && `logo_size_${size}`, mode && `logo_mode_${mode}`),
     style: logo
-  }, link || href ? /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
+  }, link || href ? /*#__PURE__*/React__default.default.createElement(Link.LinkWrapper, {
     href: link || href
   }, ' ', /*#__PURE__*/React__default.default.createElement("img", {
     className: "logo__image",

package/dist/cjs/components/Menu.js

@@ -5,32 +5,32 @@ var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var direction = require('../constants/componentProps/direction.js');
 var type = require('../constants/componentProps/type.js');
-var useStyles = require('../hooks/useStyles.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useStyles = require('../hooks/useStyles.js');
 var index = require('./MenuItem.js');
+require('lodash/castArray');
 require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('lodash/castArray');
-require('../Text-CfBPhwqK.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('../Text-D7Aq1i5R.js');
 require('../jsx-runtime-BCmQOGxJ.js');
-require('./Link.js');
+require('../Link-BoShjCEw.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/underline.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textSize.js');
+require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWrap.js');
+require('../constants/componentProps/textWeight.js');
+require('../constants/componentProps/underline.js');
+require('../constants/componentProps/size.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -60,11 +60,15 @@ function Menu(props) {
     prefix: 'flex-grow_',
     propsKey: 'flexGrow'
   });
+  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'width_',
+    propsKey: 'width'
+  });
   const {
     styles: menuStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'menu', directionClass, columnsClass, type && `menu_type_${type}`, flexGrowClass)
+    className: clsx__default.default(className, 'menu', directionClass, columnsClass, type && `menu_type_${type}`, flexGrowClass, widthClass)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "menu__wrapper",
     style: menuStyles

package/dist/cjs/components/MenuItem.js

@@ -3,8 +3,8 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.js');
-var index = require('./Link.js');
+var Text = require('../Text-D7Aq1i5R.js');
+var Link = require('../Link-BoShjCEw.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var textColorActive = require('../constants/componentProps/textColorActive.js');
@@ -140,7 +140,7 @@ function MenuItem(props) {
     style: menuItem,
     onClick: onClick,
     onMouseEnter: onMouseEnter
-  }, /*#__PURE__*/React__default.default.createElement(index.Link, {
+  }, /*#__PURE__*/React__default.default.createElement(Link.Link, {
     className: clsx__default.default('menu-item__label', alignDirectionClass, alignClass),
     fill: linkFillClass,
     href: link || href,

package/dist/cjs/components/Modal.js

@@ -19,7 +19,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('./Loader.js');
-require('../Text-CfBPhwqK.js');
+require('../Text-D7Aq1i5R.js');
 require('../jsx-runtime-BCmQOGxJ.js');