@itcase/ui 1.1.5 → 1.1.7

package/dist/cjs/components/LanguageSelector.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var clsx = require('clsx');
+var index = require('./Icon.js');
+require('react-inlinesvg');
+require('./Link.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('../hooks/useStyles.js');
+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('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/shape.js');
+require('../constants/componentProps/strokeColor.js');
+require('./Tooltip.js');
+require('../Text-CfBPhwqK.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('./Title.js');
+require('../constants/componentProps/textAlign.js');
+require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
+
+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);
+
+function LanguageSelectorItem(props) {
+  const {
+    label,
+    iconSize,
+    SvgImage,
+    isActive,
+    onClick
+  } = props;
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default('lang__item', isActive && 'lang__item_state_current'),
+    onClick: onClick
+  }, SvgImage && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+    size: iconSize,
+    SvgImage: SvgImage
+  }), label);
+}
+LanguageSelectorItem.propTypes = {
+  iconSize: PropTypes__default.default.number,
+  isActive: PropTypes__default.default.bool,
+  label: PropTypes__default.default.string,
+  SvgImage: PropTypes__default.default.element,
+  onClick: PropTypes__default.default.func
+};
+function LanguageSelector(props) {
+  const {
+    currentLanguage,
+    languagesItems = [],
+    className,
+    setLanguage
+  } = props;
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default(className, 'lang')
+  }, languagesItems.map(languageItem => /*#__PURE__*/React__default.default.createElement(LanguageSelectorItem, {
+    iconSize: languageItem.iconSize,
+    isActive: currentLanguage === languageItem.value,
+    key: `languageItem_${languageItem.value}`,
+    label: languageItem.label,
+    SvgImage: languageItem.SvgImage,
+    onClick: () => setLanguage && setLanguage(languageItem.value)
+  })));
+}
+LanguageSelector.propTypes = {
+  className: PropTypes__default.default.string,
+  currentLanguage: PropTypes__default.default.string,
+  languagesItems: PropTypes__default.default.array,
+  setLanguage: PropTypes__default.default.func
+};
+LanguageSelector.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "LanguageSelector",
+  "props": {
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "currentLanguage": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "languagesItems": {
+      "description": "",
+      "type": {
+        "name": "array"
+      },
+      "required": false
+    },
+    "setLanguage": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    }
+  }
+};
+
+exports.LanguageSelector = LanguageSelector;

package/dist/cjs/components/Link.js

@@ -0,0 +1,505 @@
+'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');
+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');
+
+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'
+};
+
+// 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;

package/dist/cjs/components/List.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var ListItem = require('../ListItem-CTDoiG0C.js');
+require('react');
+require('prop-types');
+require('clsx');
+require('../constants/componentProps/direction.js');
+require('../constants/componentProps/fill.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/size.js');
+require('../hooks/useStyles.js');
+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('../hooks/useDeviceTargetClass.js');
+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');
+
+
+
+exports.List = ListItem.List;
+exports.ListItem = ListItem.ListItem;