@itcase/ui 1.0.17 → 1.0.18

package/dist/components/DatePicker.js

@@ -9,13 +9,13 @@ var index = require('./Input.js');
 var index$3 = require('./Text.js');
 var index$1 = require('./Button.js');
 var index$2 = require('./Icon.js');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('../context/UIContext.js');
 var size = require('../constants/componentProps/size.js');
 var textColor = require('../constants/componentProps/textColor.js');
 var textWeight = require('../constants/componentProps/textWeight.js');
 require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
+require('lodash/camelCase');
+require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../constants/componentProps/textColorActive.js');
@@ -10103,13 +10103,20 @@ var ru = locale;
 function DatePickerInput(props) {
   var className = props.className,
     inputProps = props.inputProps,
-    datePickerProps = props.datePickerProps;
-  var _useState = React.useState(new Date()),
+    datePickerProps = props.datePickerProps,
+    onChange = props.onChange;
+  var _useState = React.useState(function () {
+      return datePickerProps.isStartDefaultNull ? null : new Date();
+    }),
     startDate = _useState[0],
     setStartDate = _useState[1];
   var _useState2 = React.useState(null),
     endDate = _useState2[0],
     setEndDate = _useState2[1];
+  var onChangeDate = React.useCallback(function (date) {
+    setStartDate(date);
+    onChange && onChange(date);
+  }, []);
   var handleChange = function handleChange(_ref) {
     var newStartDate = _ref[0],
       newEndDate = _ref[1];
@@ -10119,11 +10126,11 @@ function DatePickerInput(props) {
   var renderDayContents = function renderDayContents(day, date) {
     return /*#__PURE__*/React__namespace.default.createElement(index$1.Button, {
       className: "react-datepicker__day-button",
-      size: datePickerProps.daySize,
       label: date.getDate(),
       labelTextColor: datePickerProps.dayTextColor,
       labelTextSize: datePickerProps.dayTextSize,
-      shape: datePickerProps.dayTextShape
+      shape: datePickerProps.dayTextShape,
+      size: datePickerProps.daySize
     });
   };
   var renderCustomHeader = function renderCustomHeader(_ref2) {
@@ -10138,8 +10145,8 @@ function DatePickerInput(props) {
       fillHover: datePickerProps.iconFillHover,
       fillSize: datePickerProps.iconFillSize,
       iconFill: datePickerProps.iconItemFill,
-      size: datePickerProps.iconSize,
       shape: datePickerProps.iconShape,
+      size: datePickerProps.iconSize,
       stroke: datePickerProps.iconStroke,
       SvgImage: datePickerProps.iconLeft,
       onClick: decreaseMonth
@@ -10147,15 +10154,15 @@ function DatePickerInput(props) {
       className: "react-datepicker__data"
     }, /*#__PURE__*/React__namespace.default.createElement(index$3.Text, {
       className: "react-datepicker__month",
-      textColor: datePickerProps.monthTextColor,
       size: datePickerProps.monthTextSize,
+      textColor: datePickerProps.monthTextColor,
       textWeight: datePickerProps.monthTextWeight
     }, monthDate.toLocaleString('ru-RU', {
       month: 'long'
     })), /*#__PURE__*/React__namespace.default.createElement(index$3.Text, {
       className: "react-datepicker__year",
-      textColor: datePickerProps.yearTextColor,
       size: datePickerProps.yearTextSize,
+      textColor: datePickerProps.yearTextColor,
       textWeight: datePickerProps.yearTextWeight
     }, monthDate.toLocaleString('ru-RU', {
       year: 'numeric'
@@ -10165,8 +10172,8 @@ function DatePickerInput(props) {
       fillHover: datePickerProps.iconFillHover,
       fillSize: datePickerProps.iconFillSize,
       iconFill: datePickerProps.iconItemFill,
-      size: datePickerProps.iconSize,
       shape: datePickerProps.iconShape,
+      size: datePickerProps.iconSize,
       stroke: datePickerProps.iconStroke,
       SvgImage: datePickerProps.iconRight,
       onClick: increaseMonth
@@ -10178,13 +10185,11 @@ function DatePickerInput(props) {
     customInput: /*#__PURE__*/React__namespace.default.createElement(DatePickerСustomInput, inputProps),
     endDate: (datePickerProps == null ? void 0 : datePickerProps.selectsRange) && endDate,
     locale: ru,
+    renderCustomHeader: renderCustomHeader,
+    renderDayContents: renderDayContents,
     selected: startDate,
     startDate: startDate,
-    onChange: datePickerProps != null && datePickerProps.selectsRange ? handleChange : function (date) {
-      return setStartDate(date);
-    },
-    renderDayContents: renderDayContents,
-    renderCustomHeader: renderCustomHeader
+    onChange: datePickerProps != null && datePickerProps.selectsRange ? handleChange : onChangeDate
   }, datePickerProps)));
 }
 var DatePickerСustomInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -10194,9 +10199,13 @@ var DatePickerСustomInput = /*#__PURE__*/React.forwardRef(function (props, ref)
 });
 DatePickerСustomInput.displayName = 'DatePickerСustomInput';
 DatePickerInput.propTypes = {
+  className: PropTypes__default.default.string,
+  datePickerProps: PropTypes__default.default.object,
+  inputProps: PropTypes__default.default.object,
   size: PropTypes__default.default.oneOf(size.default),
   textColor: PropTypes__default.default.oneOf(textColor.default),
-  textWeight: PropTypes__default.default.oneOf(textWeight.default)
+  textWeight: PropTypes__default.default.oneOf(textWeight.default),
+  onChange: PropTypes__default.default.func
 };
 
 exports.DatePickerInput = DatePickerInput;

package/dist/components/Icon.js

@@ -45,6 +45,7 @@ var Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props, r
     after = props.after,
     Badge = props.Badge,
     SvgImage = props.SvgImage,
+    id = props.id,
     imageSrc = props.imageSrc;
     props.simple;
     var className = props.className,
@@ -138,6 +139,7 @@ var Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props, r
   }, [SvgImage, imageSrc]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'icon', fillClass, fillHoverClass, fillSizeClass, iconFillClass, iconFillHoverClass, shapeClass, iconStrokeClass, iconStrokeHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'),
+    id: id,
     ref: ref,
     style: iconStyles,
     onClick: onClick

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",