@itcase/ui 1.0.79 → 1.0.80

package/dist/components/Avatar.js

@@ -135,7 +135,7 @@ Avatar.propTypes = {
   onClick: PropTypes__default.default.func
 };
 Avatar.defaultProps = {
-  size: 96,
+  size: '96',
   textSize: 'l',
   textColor: 'surfaceTextTertiary',
   textWeight: 600,
@@ -149,7 +149,7 @@ Avatar.__docgenInfo = {
   "props": {
     "size": {
       "defaultValue": {
-        "value": "96",
+        "value": "'96'",
         "computed": false
       },
       "description": "\u0420\u0430\u0437\u043C\u0435\u0440 \u0430\u0432\u0430\u0442\u0430\u0440\u0430",

package/dist/components/Button.js

@@ -9,21 +9,22 @@ var index$1 = require('./Loader.js');
 var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
+var borderType = require('../constants/componentProps/borderType.js');
+var fill = require('../constants/componentProps/fill.js');
+var size = require('../constants/componentProps/size.js');
+var shape = require('../constants/componentProps/shape.js');
+var type = require('../constants/componentProps/type.js');
+var width = require('../constants/componentProps/width.js');
 require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
 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('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -179,11 +180,11 @@ Button.propTypes = {
   appearance: PropTypes__default.default.string,
   Badge: PropTypes__default.default.element,
   before: PropTypes__default.default.any,
-  borderType: PropTypes__default.default.oneOf(),
+  borderType: PropTypes__default.default.oneOf(borderType.default),
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
   dataTour: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(),
+  fill: PropTypes__default.default.oneOf(fill.default),
   href: PropTypes__default.default.string,
   htmlType: PropTypes__default.default.string,
   icon: PropTypes__default.default.element,
@@ -196,7 +197,7 @@ Button.propTypes = {
   iconStroke: PropTypes__default.default.string,
   isDisabled: PropTypes__default.default.string,
   label: PropTypes__default.default.string,
-  labelSize: PropTypes__default.default.oneOf(),
+  labelSize: PropTypes__default.default.oneOf(size.default),
   labelTextColor: PropTypes__default.default.string,
   labelTextColorHover: PropTypes__default.default.string,
   labelTextSize: PropTypes__default.default.string,
@@ -207,12 +208,12 @@ Button.propTypes = {
   loaderSet: PropTypes__default.default.string,
   loading: PropTypes__default.default.bool,
   rel: PropTypes__default.default.string,
-  shape: PropTypes__default.default.oneOf(),
-  size: PropTypes__default.default.oneOf(),
+  shape: PropTypes__default.default.oneOf(shape.default),
+  size: PropTypes__default.default.oneOf(size.default),
   target: PropTypes__default.default.string,
   textColor: PropTypes__default.default.string,
-  type: PropTypes__default.default.oneOf(),
-  width: PropTypes__default.default.oneOf(),
+  type: PropTypes__default.default.oneOf(type.default),
+  width: PropTypes__default.default.oneOf(width.default),
   onClick: PropTypes__default.default.func,
   onMouseDown: PropTypes__default.default.func
 };
@@ -252,7 +253,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "sizeProps"
       },
       "required": false
     },
@@ -265,7 +266,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "sizeProps"
       },
       "required": false
     },
@@ -278,7 +279,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "widthProps"
       },
       "required": false
     },
@@ -337,7 +338,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "borderTypeProps"
       },
       "required": false
     },
@@ -367,7 +368,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "fillProps"
       },
       "required": false
     },
@@ -509,7 +510,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "shapeProps"
       },
       "required": false
     },
@@ -532,7 +533,7 @@ Button.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf()"
+        "value": "typeProps"
       },
       "required": false
     },

package/dist/components/CookiesWarning.js

@@ -33,10 +33,10 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Loader.js');
+require('../constants/componentProps/width.js');
 require('../constants/componentProps/direction.js');
 require('../constants/componentProps/stacking.js');
 require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/width.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');

package/dist/components/DatePicker.js

@@ -7,9 +7,10 @@ var _commonjsHelpers = require('../_commonjsHelpers-rI13D0F7.js');
 var defineProperty = require('../defineProperty-ujK-k7aM.js');
 var ReactDOM = require('react-dom');
 var index = require('./Input.js');
-var index$3 = require('./Text.js');
-var index$1 = require('./Button.js');
-var index$2 = require('./Icon.js');
+var index$4 = require('./Text.js');
+var index$1 = require('./Label.js');
+var index$2 = require('./Button.js');
+var index$3 = require('./Icon.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -27,16 +28,17 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../constants/componentProps/borderType.js');
+require('../constants/componentProps/fill.js');
+require('../constants/componentProps/shape.js');
 require('./Loader.js');
 require('./Link.js');
-require('../constants/componentProps/fill.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/borderType.js');
 require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -10138,7 +10140,7 @@ function DatePickerInput(props) {
     setEndDate(newEndDate);
   };
   const renderDayContents = (day, date) => {
-    return /*#__PURE__*/React__namespace.default.createElement(index$1.Button, {
+    return /*#__PURE__*/React__namespace.default.createElement(index$2.Button, {
       className: "react-datepicker__day-button",
       label: date.getDate(),
       labelTextColor: datePickerProps.dayTextColor,
@@ -10153,7 +10155,7 @@ function DatePickerInput(props) {
     increaseMonth
   }) => /*#__PURE__*/React__namespace.default.createElement("div", {
     className: "react-datepicker__header--div"
-  }, datePickerProps.iconLeft && /*#__PURE__*/React__namespace.default.createElement(index$2.Icon, {
+  }, datePickerProps.iconLeft && /*#__PURE__*/React__namespace.default.createElement(index$3.Icon, {
     className: "react-datepicker__icon",
     fill: datePickerProps.iconFill,
     fillHover: datePickerProps.iconFillHover,
@@ -10166,21 +10168,21 @@ function DatePickerInput(props) {
     onClick: decreaseMonth
   }), /*#__PURE__*/React__namespace.default.createElement("div", {
     className: "react-datepicker__data"
-  }, /*#__PURE__*/React__namespace.default.createElement(index$3.Text, {
+  }, /*#__PURE__*/React__namespace.default.createElement(index$4.Text, {
     className: "react-datepicker__month",
     size: datePickerProps.monthTextSize,
     textColor: datePickerProps.monthTextColor,
     textWeight: datePickerProps.monthTextWeight
   }, monthDate.toLocaleString('ru-RU', {
     month: 'long'
-  })), /*#__PURE__*/React__namespace.default.createElement(index$3.Text, {
+  })), /*#__PURE__*/React__namespace.default.createElement(index$4.Text, {
     className: "react-datepicker__year",
     size: datePickerProps.yearTextSize,
     textColor: datePickerProps.yearTextColor,
     textWeight: datePickerProps.yearTextWeight
   }, monthDate.toLocaleString('ru-RU', {
     year: 'numeric'
-  }))), datePickerProps.iconRight && /*#__PURE__*/React__namespace.default.createElement(index$2.Icon, {
+  }))), datePickerProps.iconRight && /*#__PURE__*/React__namespace.default.createElement(index$3.Icon, {
     className: "react-datepicker__icon",
     fill: datePickerProps.iconFill,
     fillHover: datePickerProps.iconFillHover,
@@ -10201,9 +10203,10 @@ function DatePickerInput(props) {
   return /*#__PURE__*/React__namespace.default.createElement("div", {
     className: clsx__default.default(className, 'datepicker', datePickerProps?.monthsShown && 'datepicker_type_multiple-months', datePickerProps?.customTimeInput && 'datepicker_type_button', widthClass)
   }, /*#__PURE__*/React__namespace.default.createElement(tr, Object.assign({
-    customInput: /*#__PURE__*/React__namespace.default.createElement(DatePickerСustomInput, Object.assign({}, inputProps, {
-      inputProps: inputProps
-    })),
+    customInput: /*#__PURE__*/React__namespace.default.createElement(DatePickerCustomInput, {
+      inputProps: inputProps,
+      isClearable: datePickerProps.isClearable
+    }),
     endDate: datePickerProps?.selectsRange && endDate,
     locale: ru,
     minDate: datePickerProps?.disablePastDays ? new Date() : null,
@@ -10212,30 +10215,42 @@ function DatePickerInput(props) {
     selected: startDate,
     startDate: startDate,
     onChange: datePickerProps?.selectsRange ? handleChange : onChange
-  }, datePickerProps)));
+  }, datePickerProps, {
+    // Important
+    isClearable: false
+  })));
 }
-const DatePickerСustomInput = /*#__PURE__*/React__namespace.default.forwardRef((props, ref) => {
+const DatePickerCustomInput = /*#__PURE__*/React__namespace.default.forwardRef((props, ref) => {
   const {
+    isClearable,
     value,
     inputProps
   } = props;
-  const getValue = React.useCallback(() => {
-    const twoDates = value.split(' - ');
-    return twoDates[0] === twoDates[1] ? twoDates[0] : value;
+  const multipleValue = React.useMemo(() => {
+    if (value) {
+      const twoDates = value.split(' - ');
+      return twoDates[0] === twoDates[1] ? twoDates[0] : value;
+    }
+    return '';
   }, [value]);
-  return /*#__PURE__*/React__namespace.default.createElement(index.Input, Object.assign({}, props, {
-    placeholder: inputProps.placeholder,
+  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(index.Input, Object.assign({}, inputProps, {
     ref: ref,
-    value: getValue()
-  }));
+    value: multipleValue
+  })), isClearable && /*#__PURE__*/React__namespace.default.createElement(DatePickerClearButton, null));
 });
-DatePickerСustomInput.displayName = 'DatePickerСustomInput';
+DatePickerCustomInput.displayName = 'DatePickerCustomInput';
 DatePickerInput.propTypes = {
   className: PropTypes__default.default.string,
   datePickerProps: PropTypes__default.default.object,
   inputProps: PropTypes__default.default.object,
   onChange: PropTypes__default.default.func
 };
+const DatePickerClearButton = /*#__PURE__*/React__namespace.default.forwardRef((props, ref) => {
+  return /*#__PURE__*/React__namespace.default.createElement(index$1.Label, {
+    label: "Clear"
+  });
+});
+DatePickerClearButton.displayName = 'DatePickerClearButton';
 DatePickerInput.__docgenInfo = {
   "description": "",
   "methods": [],