@itcase/ui 1.0.97 → 1.0.100

package/dist/components/Button.js

@@ -31,14 +31,14 @@ require('../constants/componentProps/wrap.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/underline.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../constants/componentProps/textColorActive.js');
+require('../constants/componentProps/textColorHover.js');
+require('../constants/componentProps/underline.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/DatePicker.js

@@ -5,7 +5,7 @@ var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var _commonjsHelpers = require('../_commonjsHelpers-CFO10eej.js');
 var ReactDOM = require('react-dom');
-var floatingUi_dom = require('../floating-ui.dom-D_Zct5p2.js');
+var floatingUi_dom = require('../floating-ui.dom-C34fOuI9.js');
 var index$2 = require('./Input.js');
 var index$6 = require('./Text.js');
 var index$3 = require('./Label.js');
@@ -28,23 +28,23 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../constants/componentProps/borderType.js');
+require('./Tooltip.js');
+require('./Title.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/shape.js');
 require('../constants/componentProps/textAlign.js');
+require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
+require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/shape.js');
+require('../constants/componentProps/borderType.js');
 require('./Loader.js');
 require('./Link.js');
-require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('../constants/componentProps/width.js');
 require('react-inlinesvg');
 require('../constants/componentProps/borderColor.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/wrap.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -86,39 +86,57 @@ var classnames = {exports: {}};
 
 		var hasOwn = {}.hasOwnProperty;
 
-		function classNames() {
-			var classes = [];
+		function classNames () {
+			var classes = '';
 
 			for (var i = 0; i < arguments.length; i++) {
 				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
+				if (arg) {
+					classes = appendClass(classes, parseValue(arg));
+				}
+			}
+
+			return classes;
+		}
+
+		function parseValue (arg) {
+			if (typeof arg === 'string' || typeof arg === 'number') {
+				return arg;
+			}
+
+			if (typeof arg !== 'object') {
+				return '';
+			}
+
+			if (Array.isArray(arg)) {
+				return classNames.apply(null, arg);
+			}
+
+			if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+				return arg.toString();
+			}
+
+			var classes = '';
+
+			for (var key in arg) {
+				if (hasOwn.call(arg, key) && arg[key]) {
+					classes = appendClass(classes, key);
 				}
 			}
 
-			return classes.join(' ');
+			return classes;
+		}
+
+		function appendClass (value, newClass) {
+			if (!newClass) {
+				return value;
+			}
+		
+			if (value) {
+				return value + ' ' + newClass;
+			}
+		
+			return value + newClass;
 		}
 
 		if (module.exports) {

package/dist/components/FormField.js

@@ -45,7 +45,7 @@ require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
 require('react-select');
 require('react-dom');
-require('../floating-ui.dom-D_Zct5p2.js');
+require('../floating-ui.dom-C34fOuI9.js');
 require('./Badge.js');
 require('./Group.js');
 require('../constants/componentProps/stacking.js');

package/dist/components/Grid.js

@@ -832,7 +832,6 @@ function GridItem(props) {
   const {
     styles: gridItemStyles
   } = useStyles.useStyles(props);
-  console.log(justifySelfClass);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'grid__item', orderClass, fillClass, fillHoverClass, alignSelfClass, justifySelfClass, columnStartClass, columnEndClass, columnSpanClass, rowStartClass, rowEndClass, rowSpanClass, directionClass, gapClass, rowGapClass, columnGapClass),
     "data-tour": dataTour,

package/dist/components/Label.js

@@ -4,6 +4,7 @@ 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');
@@ -17,11 +18,15 @@ require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
-require('lodash/castArray');
-require('lodash/camelCase');
+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('lodash/castArray');
+require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
@@ -56,8 +61,24 @@ function Label(props) {
     dataTour,
     type,
     cursor,
+    showTooltip,
+    tooltipAlignment,
+    tooltipText,
+    tooltipTextSize,
+    tooltipTitle,
+    tooltipTitleSize,
+    tooltipAppearance,
+    tooltipContent,
+    tooltipArrowPosition,
     onClick
   } = props;
+  const tooltipRef = React.useRef(null);
+  const onMouseEnterLabel = React.useCallback(() => {
+    tooltipRef.current?.openTooltip();
+  }, []);
+  const onMouseLeaveLabel = React.useCallback(() => {
+    tooltipRef.current?.closeTooltip();
+  }, []);
   const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
@@ -105,27 +126,48 @@ function Label(props) {
   const {
     styles: labelStyles
   } = useStyles.useStyles(props);
+  const labelAppearanceItem = labelConfig.appearance[appearance] || {};
+  // const {
+  //   fill: labelAppearanceFill,
+  //   fillHover: labelAppearanceFillHover,
+  //   labelTextColor: labelAppearanceLabelTextColor,
+  //   labelTextColorHover: labelAppearanceLabelTextColorHover,
+  // } = labelAppearanceItem
+
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'label', fillClass || labelConfig.appearance[appearance] && `fill_${labelConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || labelConfig.appearance[appearance] && `fill_hover_${labelConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass, borderTypeClass, sizeClass, wrapClass, widthClass, alignDirectionClass, alignClass, textAlignClass, type && `label_type_${type}`, set && `label_set_${set}`, mode && `label_mode_${mode}`, onClick && (cursor || 'cursor_type_pointer')),
+    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, borderClass, borderTypeClass, sizeClass, wrapClass, widthClass, alignDirectionClass, alignClass, textAlignClass, type && `label_type_${type}`, set && `label_set_${set}`, mode && `label_mode_${mode}`, onClick && (cursor || 'cursor_type_pointer')),
     "data-tour": dataTour,
     style: labelStyles,
-    onClick: onClick
+    onClick: onClick,
+    onMouseEnter: onMouseEnterLabel,
+    onMouseLeave: onMouseLeaveLabel
   }, before, /*#__PURE__*/React__default.default.createElement("div", {
     className: "label__inner"
   }, typeof label === 'string' ? /*#__PURE__*/React__default.default.createElement(index.Text, {
     className: "label__label",
     size: labelTextSize,
-    textColor: labelTextColor || labelConfig.appearance[appearance]?.labelTextColor,
-    textColorHover: labelTextColorHover || labelConfig.appearance[appearance]?.labelTextColorHover,
-    textWeight: labelTextWeight || labelConfig.appearance[appearance]?.labelTextWeight,
+    textColor: labelTextColor || labelAppearanceItem.labelTextColor,
+    textColorHover: labelTextColorHover || labelAppearanceItem.labelTextColorHover,
+    textWeight: labelTextWeight || labelAppearanceItem.labelTextWeight,
     textWrap: labelTextWrap
   }, label) : /*#__PURE__*/React__default.default.createElement("div", {
     className: "label__label"
-  }, label), children), after);
+  }, label), children, showTooltip && /*#__PURE__*/React__default.default.createElement(index$1.Tooltip, {
+    alignment: tooltipAlignment,
+    appearance: tooltipAppearance,
+    arrowPosition: tooltipArrowPosition,
+    className: "label__tooltip",
+    ref: tooltipRef,
+    text: tooltipText,
+    textSize: tooltipTextSize,
+    title: tooltipTitle,
+    titleSize: tooltipTitleSize
+  }, tooltipContent)), after);
 }
 Label.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
+  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,
@@ -134,26 +176,47 @@ Label.propTypes = {
   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),
-  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),
   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),
-  labelTextColor: PropTypes__default.default.string,
+  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),
-  type: PropTypes__default.default.string
+  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
 };
 Label.defaultProps = {
   label: 'Label'
@@ -174,20 +237,27 @@ Label.__docgenInfo = {
       },
       "required": false
     },
-    "children": {
+    "after": {
       "description": "",
       "type": {
         "name": "any"
       },
       "required": false
     },
-    "className": {
+    "appearance": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
+    "before": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
     "border": {
       "description": "",
       "type": {
@@ -252,6 +322,34 @@ Label.__docgenInfo = {
       },
       "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": {
@@ -288,82 +386,124 @@ Label.__docgenInfo = {
       },
       "required": false
     },
-    "shape": {
+    "labelTextColor": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "labelTextColorHover": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "labelTextSize": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "shapeProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "shapeDesktop": {
+    "labelTextSizeDesktop": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "shapeProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "shapeMobile": {
+    "labelTextSizeMobile": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "shapeProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "shapeTablet": {
+    "labelTextSizeTablet": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "shapeProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "labelTextSize": {
+    "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": "sizeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "labelTextSizeDesktop": {
+    "shapeDesktop": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "labelTextSizeMobile": {
+    "shapeMobile": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "labelTextSizeTablet": {
+    "shapeTablet": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "labelTextColor": {
+    "showTooltip": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "bool"
       },
       "required": false
     },
@@ -412,12 +552,89 @@ Label.__docgenInfo = {
       },
       "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
     }
   }
 };