@itcase/ui 1.0.2 → 1.0.4

package/dist/components/Menu.js

@@ -5,7 +5,7 @@ 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('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var index = require('./MenuItem.js');
 require('lodash/camelCase');

package/dist/components/MenuItem.js

@@ -15,7 +15,7 @@ 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('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var size = require('../constants/componentProps/size.js');
 require('lodash/camelCase');

package/dist/components/Notification.js

@@ -20,14 +20,14 @@ require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('../hooks/styleAttributes.js');
+require('lodash/castArray');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/size.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
 require('uuid');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/Pagination.js

@@ -13,7 +13,7 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Popup.js

@@ -19,7 +19,7 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('../hooks/styleAttributes.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
@@ -181,7 +181,8 @@ var Popup = /*#__PURE__*/React__default.default.forwardRef(function Popup(props,
     return {
       isOpen: isOpen,
       openPopup: openPopup,
-      closePopup: closePopup
+      closePopup: closePopup,
+      popupElement: popupElement
     };
   });
   var contentFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {

package/dist/components/Profile.js

@@ -8,7 +8,7 @@ var index = require('./Avatar.js');
 var index$2 = require('./Text.js');
 var index$1 = require('./Title.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('./Image.js');
 require('../constants/componentProps/borderColor.js');
 require('../constants/componentProps/horizontalContentAlign.js');

package/dist/components/RangeSlider.js

@@ -6,10 +6,9 @@ var clsx = require('clsx');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var width = require('../constants/componentProps/width.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var objectWithoutProperties = require('../objectWithoutProperties-ea190611.js');
-var _commonjsHelpers = require('../_commonjsHelpers-facfc6d6.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -43,6 +42,10 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 var classnames = {exports: {}};
 
 /*!
@@ -103,7 +106,7 @@ var classnames = {exports: {}};
 } (classnames));
 
 var classnamesExports = classnames.exports;
-var classNames = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(classnamesExports);
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
 /* eslint-disable no-console */
 var warned = {};
@@ -230,23 +233,28 @@ function canUseDom() {
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-var useLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React__namespace.useLayoutEffect : React__namespace.useEffect;
+var useLayoutEffect = function useLayoutEffect(callback, deps) {
   var firstMountRef = React__namespace.useRef(true);
-  useLayoutEffect(function () {
-    if (!firstMountRef.current) {
-      return callback();
-    }
+  useInternalLayoutEffect(function () {
+    return callback(firstMountRef.current);
   }, deps);
 
   // We tell react that first mount has passed
-  useLayoutEffect(function () {
+  useInternalLayoutEffect(function () {
     firstMountRef.current = false;
     return function () {
       firstMountRef.current = true;
     };
   }, []);
 };
+var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+  useLayoutEffect(function (firstMount) {
+    if (!firstMount) {
+      return callback();
+    }
+  }, deps);
+};
 
 /**
  * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
@@ -1001,7 +1009,8 @@ var Handle = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     "aria-disabled": disabled,
     "aria-label": getIndex(ariaLabelForHandle, valueIndex),
     "aria-labelledby": getIndex(ariaLabelledByForHandle, valueIndex),
-    "aria-valuetext": (_getIndex = getIndex(ariaValueTextFormatterForHandle, valueIndex)) === null || _getIndex === void 0 ? void 0 : _getIndex(value)
+    "aria-valuetext": (_getIndex = getIndex(ariaValueTextFormatterForHandle, valueIndex)) === null || _getIndex === void 0 ? void 0 : _getIndex(value),
+    "aria-orientation": direction === 'ltr' || direction === 'rtl' ? 'horizontal' : 'vertical'
   }, restProps));
   // Customize
   if (render) {
@@ -1217,6 +1226,7 @@ function useDrag(containerRef, direction, rawValues, min, max, formatValue, trig
 }
 
 function Track(props) {
+  var _classNames;
   var prefixCls = props.prefixCls,
     style = props.style,
     start = props.start,
@@ -1258,7 +1268,7 @@ function Track(props) {
       positionStyle.width = "".concat(offsetEnd * 100 - offsetStart * 100, "%");
   }
   return /*#__PURE__*/React__namespace.createElement("div", {
-    className: classNames(trackPrefixCls, range && "".concat(trackPrefixCls, "-").concat(index + 1)),
+    className: classNames(trackPrefixCls, (_classNames = {}, objectWithoutProperties._defineProperty(_classNames, "".concat(trackPrefixCls, "-").concat(index + 1), range), objectWithoutProperties._defineProperty(_classNames, "".concat(prefixCls, "-track-draggable"), onStartMove), _classNames)),
     style: objectWithoutProperties._objectSpread2(objectWithoutProperties._objectSpread2({}, positionStyle), style),
     onMouseDown: onInternalStartMove,
     onTouchStart: onInternalStartMove
@@ -1693,8 +1703,8 @@ var Slider = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   }, [step]);
   // ============================= Push =============================
   var mergedPush = React__namespace.useMemo(function () {
-    if (pushable === true) {
-      return mergedStep;
+    if (typeof pushable === 'boolean') {
+      return pushable ? mergedStep : false;
     }
     return pushable >= 0 ? pushable : false;
   }, [pushable, mergedStep]);