@itcase/ui 1.1.8 → 1.1.10

package/dist/components/Label.js

@@ -1,634 +1,18 @@
-import React__default, { useRef, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import borderTypeProps from '../constants/componentProps/borderType.js';
-import fillProps from '../constants/componentProps/fill.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import sizeProps from '../constants/componentProps/size.js';
-import textAlignProps from '../constants/componentProps/textAlign.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { useStyles } from '../hooks/useStyles.js';
-import { T as Text } from '../Text-BcGbRc14.js';
-import { Tooltip } from './Tooltip.js';
+export { L as Label, l as labelConfig } from '../Label-CD6o__-D.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.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 '../constants/componentProps/textSize.js';
-
-const labelConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    labelConfig.appearance = newComponent;
-  }
-};
-function Label(props) {
-  const {
-    appearance,
-    children,
-    className,
-    label,
-    labelTextSize,
-    labelTextWrap,
-    labelTextColor,
-    labelTextColorHover,
-    labelTextWeight,
-    mode,
-    set,
-    before,
-    after,
-    dataTour,
-    type,
-    cursor,
-    showTooltip,
-    tooltipAlignment,
-    tooltipText,
-    tooltipTextSize,
-    tooltipTitle,
-    tooltipTitleSize,
-    tooltipAppearance,
-    tooltipContent,
-    tooltipArrowPosition,
-    onClick
-  } = props;
-  const tooltipRef = useRef(null);
-  const onMouseEnterLabel = useCallback(() => {
-    tooltipRef.current?.openTooltip();
-  }, []);
-  const onMouseLeaveLabel = useCallback(() => {
-    tooltipRef.current?.closeTooltip();
-  }, []);
-  const alignDirectionClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'label_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'label_shape_',
-    propsKey: 'shape'
-  });
-  const borderClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderTypeClass = useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  useDeviceTargetClass(props, {
-    prefix: 'label_text-align_',
-    propsKey: 'textAlign'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'label_width_',
-    propsKey: 'width'
-  });
-  const wrapClass = useDeviceTargetClass(props, {
-    prefix: 'word-wrap_',
-    propsKey: 'labelTextWrap'
-  });
-  const {
-    styles: labelStyles
-  } = useStyles(props);
-  const labelAppearanceItem = labelConfig.appearance[appearance] || {};
-  // const {
-  //   fill: labelAppearanceFill,
-  //   fillHover: labelAppearanceFillHover,
-  //   labelTextColor: labelAppearanceLabelTextColor,
-  //   labelTextColorHover: labelAppearanceLabelTextColorHover,
-  // } = labelAppearanceItem
-
-  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.createElement("div", {
-    className: "label__inner"
-  }, 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.createElement("div", {
-    className: "label__label"
-  }, label), children, showTooltip && /*#__PURE__*/React__default.createElement(Tooltip, {
-    alignment: tooltipAlignment,
-    appearance: tooltipAppearance,
-    arrowPosition: tooltipArrowPosition,
-    className: "label__tooltip",
-    ref: tooltipRef,
-    text: tooltipText,
-    textSize: tooltipTextSize,
-    title: tooltipTitle,
-    titleSize: tooltipTitleSize
-  }, tooltipContent)), after);
-}
-Label.propTypes = {
-  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'
-};
-Label.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Label",
-  "props": {
-    "label": {
-      "defaultValue": {
-        "value": "'Label'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "appearance": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "border": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderType": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "cursor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "dataTour": {
-      "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
-    },
-    "labelTextColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextColorHover": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "labelTextSizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "labelTextSizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "labelTextSizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "labelTextWeight": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextWrap": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "mode": {
-      "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
-    },
-    "showTooltip": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "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
-    },
-    "textAlign": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textAlignProps"
-      },
-      "required": false
-    },
-    "tooltipAlignment": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tooltipAppearance": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tooltipArrowPosition": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tooltipContent": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "tooltipText": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tooltipTextSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tooltipTitle": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tooltipTitleSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onMouseEnter": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onMouseLeave": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Label, labelConfig };
+import '../Text-edtauAM6.js';
+import '../Tooltip-jT5A43he.js';
+import '../Title-BUN57fWw.js';

package/dist/components/LanguageSelector.js

@@ -1,9 +1,10 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon-Dn2eEZvb.js';
-import '../Link-ByBzBRDH.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import { I as Icon } from '../Icon-C1j6rkeI.js';
+import '../_tslib-S-VPg1Cw.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react-inlinesvg';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -14,22 +15,10 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import 'react-inlinesvg';
-import './Tooltip.js';
-import '../Text-BcGbRc14.js';
-import './Title.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/textAlign.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 '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
-import '../constants/componentProps/shape.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-jT5A43he.js';
+import '../Text-edtauAM6.js';
+import '../Title-BUN57fWw.js';
 
 function LanguageSelectorItem(props) {
   const {