@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Label.js

@@ -1,42 +1,33 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index = require('./Text.js');
-var index$1 = require('./Tooltip.js');
-var borderType = require('../constants/componentProps/borderType.js');
-var size = require('../constants/componentProps/size.js');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var textAlign = require('../constants/componentProps/textAlign.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.js');
-require('./Title.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../constants/componentProps/textSize.js');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.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);
+import React__default, { useRef, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { T as Text } from '../Text-DffpwlYq.js';
+import { Tooltip } from './Tooltip.js';
+import borderTypeProps from '../constants/componentProps/borderType.js';
+import sizeProps from '../constants/componentProps/size.js';
+import fillProps from '../constants/componentProps/fill.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import textAlignProps from '../constants/componentProps/textAlign.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import './Title.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/wrap.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../constants/componentProps/textSize.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 const labelConfig = {
   appearance: {},
@@ -73,60 +64,60 @@ function Label(props) {
     tooltipArrowPosition,
     onClick
   } = props;
-  const tooltipRef = React.useRef(null);
-  const onMouseEnterLabel = React.useCallback(() => {
+  const tooltipRef = useRef(null);
+  const onMouseEnterLabel = useCallback(() => {
     tooltipRef.current?.openTooltip();
   }, []);
-  const onMouseLeaveLabel = React.useCallback(() => {
+  const onMouseLeaveLabel = useCallback(() => {
     tooltipRef.current?.closeTooltip();
   }, []);
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignDirectionClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'fillHover'
   });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass(props, {
     prefix: 'label_size_',
     propsKey: 'size'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'label_shape_',
     propsKey: 'shape'
   });
-  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'border'
   });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass(props, {
     prefix: 'border_type_',
     propsKey: 'borderType'
   });
-  useDeviceTargetClass.useDeviceTargetClass(props, {
+  useDeviceTargetClass(props, {
     prefix: 'label_text-align_',
     propsKey: 'textAlign'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'label_width_',
     propsKey: 'width'
   });
-  const wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const wrapClass = useDeviceTargetClass(props, {
     prefix: 'word-wrap_',
     propsKey: 'labelTextWrap'
   });
   const {
     styles: labelStyles
-  } = useStyles.useStyles(props);
+  } = useStyles(props);
   const labelAppearanceItem = labelConfig.appearance[appearance] || {};
   // const {
   //   fill: labelAppearanceFill,
@@ -135,25 +126,25 @@ function Label(props) {
   //   labelTextColorHover: labelAppearanceLabelTextColorHover,
   // } = labelAppearanceItem
 
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'label', fillClass || labelAppearanceItem.fill && `fill_${labelAppearanceItem.fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || labelAppearanceItem.fillHover && `fill_hover_${labelAppearanceItem.fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass || labelAppearanceItem.shape && `label_shape_${labelAppearanceItem.shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderClass, borderTypeClass, sizeClass || labelAppearanceItem.size && `label_size_${labelAppearanceItem.size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), wrapClass, widthClass, alignDirectionClass, alignClass, type && `label_type_${type}`, set && `label_set_${set}`, mode && `label_mode_${mode}`, onClick && (cursor || 'cursor_type_pointer')),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'label', fillClass || labelAppearanceItem.fill && `fill_${labelAppearanceItem.fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || labelAppearanceItem.fillHover && `fill_hover_${labelAppearanceItem.fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass || labelAppearanceItem.shape && `label_shape_${labelAppearanceItem.shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderClass, borderTypeClass, sizeClass || labelAppearanceItem.size && `label_size_${labelAppearanceItem.size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), wrapClass, widthClass, alignDirectionClass, alignClass, type && `label_type_${type}`, set && `label_set_${set}`, mode && `label_mode_${mode}`, onClick && (cursor || 'cursor_type_pointer')),
     "data-tour": dataTour,
     style: labelStyles,
     onClick: onClick,
     onMouseEnter: onMouseEnterLabel,
     onMouseLeave: onMouseLeaveLabel
-  }, before, /*#__PURE__*/React__default.default.createElement("div", {
+  }, before, /*#__PURE__*/React__default.createElement("div", {
     className: "label__inner"
-  }, typeof label === 'string' ? /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, typeof label === 'string' ? /*#__PURE__*/React__default.createElement(Text, {
     className: "label__label",
     size: labelTextSize || labelAppearanceItem.labelTextSize,
     textColor: labelTextColor || labelAppearanceItem.labelTextColor,
     textColorHover: labelTextColorHover || labelAppearanceItem.labelTextColorHover,
     textWeight: labelTextWeight || labelAppearanceItem.labelTextWeight,
     textWrap: labelTextWrap
-  }, label || labelAppearanceItem.label) : /*#__PURE__*/React__default.default.createElement("div", {
+  }, label || labelAppearanceItem.label) : /*#__PURE__*/React__default.createElement("div", {
     className: "label__label"
-  }, label), children, showTooltip && /*#__PURE__*/React__default.default.createElement(index$1.Tooltip, {
+  }, label), children, showTooltip && /*#__PURE__*/React__default.createElement(Tooltip, {
     alignment: tooltipAlignment,
     appearance: tooltipAppearance,
     arrowPosition: tooltipArrowPosition,
@@ -166,58 +157,58 @@ function Label(props) {
   }, tooltipContent)), after);
 }
 Label.propTypes = {
-  after: PropTypes__default.default.any,
-  appearance: PropTypes__default.default.string,
-  before: PropTypes__default.default.any,
-  border: PropTypes__default.default.string,
-  borderDesktop: PropTypes__default.default.string,
-  borderMobile: PropTypes__default.default.string,
-  borderTablet: PropTypes__default.default.string,
-  borderType: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeDesktop: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeMobile: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeTablet: PropTypes__default.default.oneOf(borderType.default),
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  cursor: PropTypes__default.default.string,
-  dataTour: 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),
-  label: PropTypes__default.default.any,
-  labelTextColor: PropTypes__default.default.string,
-  labelTextColorHover: PropTypes__default.default.string,
-  labelTextSize: PropTypes__default.default.oneOf(size.default),
-  labelTextSizeDesktop: PropTypes__default.default.oneOf(size.default),
-  labelTextSizeMobile: PropTypes__default.default.oneOf(size.default),
-  labelTextSizeTablet: PropTypes__default.default.oneOf(size.default),
-  labelTextWeight: PropTypes__default.default.string,
-  labelTextWrap: PropTypes__default.default.string,
-  mode: PropTypes__default.default.string,
-  set: PropTypes__default.default.string,
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  showTooltip: PropTypes__default.default.bool,
-  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),
-  textAlign: PropTypes__default.default.oneOf(textAlign.default),
-  tooltipAlignment: PropTypes__default.default.string,
-  tooltipAppearance: PropTypes__default.default.string,
-  tooltipArrowPosition: PropTypes__default.default.string,
-  tooltipContent: PropTypes__default.default.any,
-  tooltipText: PropTypes__default.default.string,
-  tooltipTextSize: PropTypes__default.default.string,
-  tooltipTitle: PropTypes__default.default.string,
-  tooltipTitleSize: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func,
-  onMouseEnter: PropTypes__default.default.func,
-  onMouseLeave: PropTypes__default.default.func
+  after: PropTypes.any,
+  appearance: PropTypes.string,
+  before: PropTypes.any,
+  border: PropTypes.string,
+  borderDesktop: PropTypes.string,
+  borderMobile: PropTypes.string,
+  borderTablet: PropTypes.string,
+  borderType: PropTypes.oneOf(borderTypeProps),
+  borderTypeDesktop: PropTypes.oneOf(borderTypeProps),
+  borderTypeMobile: PropTypes.oneOf(borderTypeProps),
+  borderTypeTablet: PropTypes.oneOf(borderTypeProps),
+  children: PropTypes.any,
+  className: PropTypes.string,
+  cursor: PropTypes.string,
+  dataTour: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  label: PropTypes.any,
+  labelTextColor: PropTypes.string,
+  labelTextColorHover: PropTypes.string,
+  labelTextSize: PropTypes.oneOf(sizeProps),
+  labelTextSizeDesktop: PropTypes.oneOf(sizeProps),
+  labelTextSizeMobile: PropTypes.oneOf(sizeProps),
+  labelTextSizeTablet: PropTypes.oneOf(sizeProps),
+  labelTextWeight: PropTypes.string,
+  labelTextWrap: PropTypes.string,
+  mode: PropTypes.string,
+  set: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  showTooltip: PropTypes.bool,
+  size: PropTypes.oneOf(sizeProps),
+  sizeDesktop: PropTypes.oneOf(sizeProps),
+  sizeMobile: PropTypes.oneOf(sizeProps),
+  sizeTablet: PropTypes.oneOf(sizeProps),
+  textAlign: PropTypes.oneOf(textAlignProps),
+  tooltipAlignment: PropTypes.string,
+  tooltipAppearance: PropTypes.string,
+  tooltipArrowPosition: PropTypes.string,
+  tooltipContent: PropTypes.any,
+  tooltipText: PropTypes.string,
+  tooltipTextSize: PropTypes.string,
+  tooltipTitle: PropTypes.string,
+  tooltipTitleSize: PropTypes.string,
+  type: PropTypes.string,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func
 };
 Label.defaultProps = {
   label: 'Label'
@@ -640,5 +631,4 @@ Label.__docgenInfo = {
   }
 };
 
-exports.Label = Label;
-exports.labelConfig = labelConfig;
+export { Label, labelConfig };

package/dist/components/LanguageSelector.js

@@ -1,49 +1,40 @@
-'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.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Icon } from './Icon.js';
+import 'react-inlinesvg';
+import './Link.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/underline.js';
+import '../hooks/useStyles.js';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import '../constants/componentProps/borderColor.js';
+import '../constants/componentProps/borderType.js';
+import '../constants/componentProps/iconSize.js';
+import '../constants/componentProps/shape.js';
+import '../constants/componentProps/strokeColor.js';
+import './Tooltip.js';
+import '../Text-DffpwlYq.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import './Title.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/textSize.js';
 
 function LanguageSelectorItem(props) {
   const {
@@ -53,20 +44,20 @@ function LanguageSelectorItem(props) {
     isActive,
     onClick
   } = props;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('lang__item', isActive && 'lang__item_state_current'),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('lang__item', isActive && 'lang__item_state_current'),
     onClick: onClick
-  }, SvgImage && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  }, SvgImage && /*#__PURE__*/React__default.createElement(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
+  iconSize: PropTypes.number,
+  isActive: PropTypes.bool,
+  label: PropTypes.string,
+  SvgImage: PropTypes.element,
+  onClick: PropTypes.func
 };
 function LanguageSelector(props) {
   const {
@@ -75,9 +66,9 @@ function LanguageSelector(props) {
     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, {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'lang')
+  }, languagesItems.map(languageItem => /*#__PURE__*/React__default.createElement(LanguageSelectorItem, {
     iconSize: languageItem.iconSize,
     isActive: currentLanguage === languageItem.value,
     key: `languageItem_${languageItem.value}`,
@@ -87,10 +78,10 @@ function LanguageSelector(props) {
   })));
 }
 LanguageSelector.propTypes = {
-  className: PropTypes__default.default.string,
-  currentLanguage: PropTypes__default.default.string,
-  languagesItems: PropTypes__default.default.array,
-  setLanguage: PropTypes__default.default.func
+  className: PropTypes.string,
+  currentLanguage: PropTypes.string,
+  languagesItems: PropTypes.array,
+  setLanguage: PropTypes.func
 };
 LanguageSelector.__docgenInfo = {
   "description": "",
@@ -128,4 +119,4 @@ LanguageSelector.__docgenInfo = {
   }
 };
 
-exports.LanguageSelector = LanguageSelector;
+export { LanguageSelector };