@skbkontur/react-ui 0.0.0-66a28a30fb → 0.0.0-68e286f9fe

package/cjs/components/DateRangePicker/DateRangePicker.styles.js

@@ -1,19 +1,14 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getFontSize = getFontSize;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _Emotion = require("../../lib/theming/Emotion");
 
-var _Calendar = require("../Calendar");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+var _Calendar = require("../Calendar");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      color: ", ";\n    "])),
-
-    t.textColorDefault);
-
-  },
-  inputWrapper: function inputWrapper() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      color: ", ";\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "])),
 
 
+    t.textColorDefault);
 
 
 
@@ -21,22 +16,22 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   inputWrapperWidth: function inputWrapperWidth(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", "px;\n    "])),
     parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2);
 
   },
   inputWrapperWidthFull: function inputWrapperWidthFull() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
 
 
   },
   inputVisuallyFocus: function inputVisuallyFocus(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
     t.inputFocusShadow);
 
   },
   calendarWrapper: function calendarWrapper(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])),
     t.pickerShadow);
 
 
@@ -45,18 +40,18 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   calendarWidthAuto: function calendarWidthAuto() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: auto;\n    "])));
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: auto;\n    "])));
 
 
   },
   rangeCalendarDay: function rangeCalendarDay() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n    "])));
 
 
 
   },
   rangeCalendarDayEnd: function rangeCalendarDayEnd(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            color: ", ";\n            background: none;\n          }\n        }\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            color: ", ";\n            background: none;\n          }\n        }\n      }\n    "])),
 
 
 
@@ -83,12 +78,12 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   rangeCalendarDayInHoveredPeriod: function rangeCalendarDayInHoveredPeriod(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
     t.rangeCalendarCellBg);
 
   },
   rangeCalendarDayHoverInPeriod: function rangeCalendarDayHoverInPeriod(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      @media (hover: hover) {\n        &:hover [data-tid=", "] {\n          background: ", ";\n        }\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      @media (hover: hover) {\n        &:hover [data-tid=", "] {\n          background: ", ";\n        }\n      }\n    "])),
 
     _Calendar.CalendarDataTids.dayCell,
     t.rangeCalendarCellHoverBg);
@@ -97,7 +92,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   buttonWrap: function buttonWrap() {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    "])));
 
 
 

package/cjs/components/DateRangePicker/DateRangePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Calendar","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","textColorDefault","inputWrapper","inputWrapperWidth","parseInt","calendarCellWidth","calendarPaddingX","inputWrapperWidthFull","inputVisuallyFocus","inputFocusShadow","calendarWrapper","pickerShadow","calendarWidthAuto","rangeCalendarDay","rangeCalendarDayEnd","rangeCalendarCellEndBg","calendarCellBorderRadius","CalendarDataTids","dayCell","rangeCalendarCellEndColor","rangeCalendarDayInHoveredPeriod","rangeCalendarCellBg","rangeCalendarDayHoverInPeriod","rangeCalendarCellHoverBg","buttonWrap","getFontSize","size","fontSizeLarge","fontSizeMedium","fontSizeSmall"],"sources":["DateRangePicker.styles.ts"],"sourcesContent":["import type { SizeProp } from '../../lib/types/props';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { CalendarDataTids } from '../Calendar';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      color: ${t.textColorDefault};\n    `;\n  },\n  inputWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    `;\n  },\n  inputWrapperWidth(t: Theme) {\n    return css`\n      min-width: ${parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2}px;\n    `;\n  },\n  inputWrapperWidthFull() {\n    return css`\n      width: 100%;\n    `;\n  },\n  inputVisuallyFocus(t: Theme) {\n    return css`\n      box-shadow: ${t.inputFocusShadow};\n    `;\n  },\n  calendarWrapper(t: Theme) {\n    return css`\n      box-shadow: ${t.pickerShadow};\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    `;\n  },\n  calendarWidthAuto() {\n    return css`\n      width: auto;\n    `;\n  },\n  rangeCalendarDay() {\n    return css`\n      width: 100%;\n      height: 100%;\n    `;\n  },\n  rangeCalendarDayEnd(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ${t.rangeCalendarCellEndBg};\n        border-radius: ${t.calendarCellBorderRadius};\n      }\n\n      [data-tid=${CalendarDataTids.dayCell}] {\n        color: ${t.rangeCalendarCellEndColor};\n\n        @media (hover: hover) {\n          &:hover {\n            color: ${t.rangeCalendarCellEndColor};\n            background: none;\n          }\n        }\n      }\n    `;\n  },\n  rangeCalendarDayInHoveredPeriod(t: Theme) {\n    return css`\n      background: ${t.rangeCalendarCellBg};\n    `;\n  },\n  rangeCalendarDayHoverInPeriod(t: Theme) {\n    return css`\n      @media (hover: hover) {\n        &:hover [data-tid=${CalendarDataTids.dayCell}] {\n          background: ${t.rangeCalendarCellHoverBg};\n        }\n      }\n    `;\n  },\n  buttonWrap() {\n    return css`\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    `;\n  },\n});\n\nexport function getFontSize(t: Theme, size?: SizeProp) {\n  switch (size) {\n    case 'large':\n      return t.fontSizeLarge;\n    case 'medium':\n      return t.fontSizeMedium;\n    case 'small':\n    default:\n      return t.fontSizeSmall;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Calendar","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","textColorDefault","inputWrapperWidth","parseInt","calendarCellWidth","calendarPaddingX","inputWrapperWidthFull","inputVisuallyFocus","inputFocusShadow","calendarWrapper","pickerShadow","calendarWidthAuto","rangeCalendarDay","rangeCalendarDayEnd","rangeCalendarCellEndBg","calendarCellBorderRadius","CalendarDataTids","dayCell","rangeCalendarCellEndColor","rangeCalendarDayInHoveredPeriod","rangeCalendarCellBg","rangeCalendarDayHoverInPeriod","rangeCalendarCellHoverBg","buttonWrap","getFontSize","size","fontSizeLarge","fontSizeMedium","fontSizeSmall"],"sources":["DateRangePicker.styles.ts"],"sourcesContent":["import type { SizeProp } from '../../lib/types/props';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { CalendarDataTids } from '../Calendar';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      color: ${t.textColorDefault};\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    `;\n  },\n  inputWrapperWidth(t: Theme) {\n    return css`\n      min-width: ${parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2}px;\n    `;\n  },\n  inputWrapperWidthFull() {\n    return css`\n      width: 100%;\n    `;\n  },\n  inputVisuallyFocus(t: Theme) {\n    return css`\n      box-shadow: ${t.inputFocusShadow};\n    `;\n  },\n  calendarWrapper(t: Theme) {\n    return css`\n      box-shadow: ${t.pickerShadow};\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    `;\n  },\n  calendarWidthAuto() {\n    return css`\n      width: auto;\n    `;\n  },\n  rangeCalendarDay() {\n    return css`\n      width: 100%;\n      height: 100%;\n    `;\n  },\n  rangeCalendarDayEnd(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ${t.rangeCalendarCellEndBg};\n        border-radius: ${t.calendarCellBorderRadius};\n      }\n\n      [data-tid=${CalendarDataTids.dayCell}] {\n        color: ${t.rangeCalendarCellEndColor};\n\n        @media (hover: hover) {\n          &:hover {\n            color: ${t.rangeCalendarCellEndColor};\n            background: none;\n          }\n        }\n      }\n    `;\n  },\n  rangeCalendarDayInHoveredPeriod(t: Theme) {\n    return css`\n      background: ${t.rangeCalendarCellBg};\n    `;\n  },\n  rangeCalendarDayHoverInPeriod(t: Theme) {\n    return css`\n      @media (hover: hover) {\n        &:hover [data-tid=${CalendarDataTids.dayCell}] {\n          background: ${t.rangeCalendarCellHoverBg};\n        }\n      }\n    `;\n  },\n  buttonWrap() {\n    return css`\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    `;\n  },\n});\n\nexport function getFontSize(t: Theme, size?: SizeProp) {\n  switch (size) {\n    case 'large':\n      return t.fontSizeLarge;\n    case 'medium':\n      return t.fontSizeMedium;\n    case 'small':\n    default:\n      return t.fontSizeSmall;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePickerInput.js

@@ -53,14 +53,10 @@ var DateRangePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props,
   (0, _react.useImperativeHandle)(ref, function () {return isStart ? startRef.current : endRef.current;}, []);
 
   (0, _react.useEffect)(function () {
-    if ((0, _utils.isNullable)(props.value)) {
-      return;
-    }
-
-    if (isStart) {
-      setStartValue(props.value);
-    } else if (isEnd) {
-      setEndValue(props.value);
+    if (isStart && startValue !== props.value) {
+      setStartValue(props.value || '');
+    } else if (isEnd && endValue !== props.value) {
+      setEndValue(props.value || '');
     }
   }, [props.value]);
 

package/cjs/components/DateRangePicker/DateRangePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useLocaleForControl","_DateInput","_ResponsiveLayout","_forwardRefAndName","_utils","_DateRangePickerContext","_DateRangePicker","_locale","DateRangePickerInput","forwardRef","props","ref","_useContext","useContext","DateRangePickerContext","minDate","maxDate","startValue","endValue","size","setStartValue","setStartOptional","setStartDisabled","setEndValue","setEndOptional","setEndDisabled","setMinDate","setMaxDate","setFocusInput","open","close","dateRangePickerRef","startRef","endRef","isStart","type","isEnd","locale","useLocaleForControl","DateRangePickerLocaleHelper","_useResponsiveLayout","useResponsiveLayout","isMobile","useImperativeHandle","current","useEffect","isNullable","value","optional","disabled","isNonNullable","onValueChange","commonProps","_extends2","default","withIcon","onClick","onFocus","e","onBlur","_dateRangePickerRef$c","nextFocusedElement","relatedTarget","contains","createElement","DateInput","DateRangePickerDataTids","start","startDateLabel","end","endDateLabel","DateRangePickerStart","exports","forwardRefAndName","DateRangePickerEnd"],"sources":["DateRangePickerInput.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport type { DateInputProps } from '../DateInput';\nimport { DateInput } from '../DateInput';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { isNonNullable, isNullable } from '../../lib/utils';\n\nimport { DateRangePickerContext } from './DateRangePickerContext';\nimport { DateRangePickerDataTids } from './DateRangePicker';\nimport { DateRangePickerLocaleHelper } from './locale';\n\nexport type DateRangePickerInputType = 'start' | 'end';\n\nexport interface DateRangePickerInputProps extends Omit<DateInputProps, 'value'> {\n  type: DateRangePickerInputType;\n  value?: string | null;\n  optional?: boolean;\n}\n\ntype DateRangePickerInputWithoutType = Omit<DateRangePickerInputProps, 'type'>;\n\nconst DateRangePickerInput = forwardRef((props: DateRangePickerInputProps, ref: Ref<DateInput | null>) => {\n  const {\n    minDate,\n    maxDate,\n    startValue,\n    endValue,\n    size,\n    setStartValue,\n    setStartOptional,\n    setStartDisabled,\n    setEndValue,\n    setEndOptional,\n    setEndDisabled,\n    setMinDate,\n    setMaxDate,\n    setFocusInput,\n    open,\n    close,\n    dateRangePickerRef,\n    startRef,\n    endRef,\n  } = useContext(DateRangePickerContext);\n  const isStart = props.type === 'start';\n  const isEnd = props.type === 'end';\n  const locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);\n\n  const { isMobile } = useResponsiveLayout();\n\n  useImperativeHandle(ref, () => (isStart ? startRef.current : endRef.current), []);\n\n  useEffect(() => {\n    if (isNullable(props.value)) {\n      return;\n    }\n\n    if (isStart) {\n      setStartValue(props.value);\n    } else if (isEnd) {\n      setEndValue(props.value);\n    }\n  }, [props.value]);\n\n  useEffect(() => {\n    if (isStart) {\n      setStartOptional(props.optional || false);\n      setStartDisabled(props.disabled || false);\n      setMinDate(props.minDate || '');\n    } else if (isEnd) {\n      setEndOptional(props.optional || false);\n      setEndDisabled(props.disabled || false);\n      setMaxDate(props.maxDate || '');\n    }\n  }, [props.optional, props.disabled, props.minDate, props.maxDate]);\n\n  useEffect(() => {\n    if (isStart && startValue !== props.value && isNonNullable(startValue)) {\n      props.onValueChange?.(startValue);\n    }\n  }, [startValue]);\n\n  useEffect(() => {\n    if (isEnd && endValue !== props.value && isNonNullable(endValue)) {\n      props.onValueChange?.(endValue);\n    }\n  }, [endValue]);\n\n  const commonProps: DateRangePickerInputProps = {\n    withIcon: true,\n    size,\n    minDate,\n    maxDate,\n    ...props,\n    onValueChange: (value) => {\n      if (isStart) {\n        setStartValue(value || '');\n      } else if (isEnd) {\n        setEndValue(value || '');\n      }\n    },\n    onClick: () => {\n      if (props.disabled) {\n        return;\n      }\n      open(props.type);\n    },\n    onFocus: (e) => {\n      open(props.type);\n      props.onFocus?.(e);\n    },\n    onBlur: (e) => {\n      props.onBlur?.(e);\n\n      if (isMobile) {\n        return;\n      }\n      const nextFocusedElement = e.relatedTarget;\n      if (!dateRangePickerRef.current?.contains(nextFocusedElement)) {\n        close();\n      }\n      setFocusInput(null);\n    },\n  };\n\n  switch (props.type) {\n    case 'start':\n      return (\n        <DateInput\n          {...commonProps}\n          value={props.value || ''}\n          data-tid={DateRangePickerDataTids.start}\n          aria-label={props['aria-label'] || locale.startDateLabel}\n          ref={startRef}\n        />\n      );\n    case 'end':\n      return (\n        <DateInput\n          {...commonProps}\n          value={props.value || ''}\n          data-tid={DateRangePickerDataTids.end}\n          aria-label={props['aria-label'] || locale.endDateLabel}\n          ref={endRef}\n        />\n      );\n  }\n});\n\nexport const DateRangePickerStart = forwardRefAndName(\n  'DateRangePickerStart',\n  (props: DateRangePickerInputWithoutType, ref: Ref<DateInput>) => (\n    <DateRangePickerInput type=\"start\" {...props} ref={ref} />\n  ),\n);\n\nexport const DateRangePickerEnd = forwardRefAndName(\n  'DateRangePickerEnd',\n  (props: DateRangePickerInputWithoutType, ref: Ref<DateInput>) => (\n    <DateRangePickerInput type=\"end\" {...props} ref={ref} />\n  ),\n);\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,oBAAA,GAAAD,OAAA;;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;;AAEA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;;;;;;;;;;;;AAYA,IAAMS,oBAAoB,gBAAG,IAAAC,iBAAU,EAAC,UAACC,KAAgC,EAAEC,GAA0B,EAAK;EACxG,IAAAC,WAAA;;;;;;;;;;;;;;;;;;;;IAoBI,IAAAC,iBAAU,EAACC,8CAAsB,CAAC,CAnBpCC,OAAO,GAAAH,WAAA,CAAPG,OAAO,CACPC,OAAO,GAAAJ,WAAA,CAAPI,OAAO,CACPC,UAAU,GAAAL,WAAA,CAAVK,UAAU,CACVC,QAAQ,GAAAN,WAAA,CAARM,QAAQ,CACRC,IAAI,GAAAP,WAAA,CAAJO,IAAI,CACJC,aAAa,GAAAR,WAAA,CAAbQ,aAAa,CACbC,gBAAgB,GAAAT,WAAA,CAAhBS,gBAAgB,CAChBC,gBAAgB,GAAAV,WAAA,CAAhBU,gBAAgB,CAChBC,WAAW,GAAAX,WAAA,CAAXW,WAAW,CACXC,cAAc,GAAAZ,WAAA,CAAdY,cAAc,CACdC,cAAc,GAAAb,WAAA,CAAda,cAAc,CACdC,UAAU,GAAAd,WAAA,CAAVc,UAAU,CACVC,UAAU,GAAAf,WAAA,CAAVe,UAAU,CACVC,aAAa,GAAAhB,WAAA,CAAbgB,aAAa,CACbC,IAAI,GAAAjB,WAAA,CAAJiB,IAAI,CACJC,KAAK,GAAAlB,WAAA,CAALkB,KAAK,CACLC,kBAAkB,GAAAnB,WAAA,CAAlBmB,kBAAkB,CAClBC,QAAQ,GAAApB,WAAA,CAARoB,QAAQ,CACRC,MAAM,GAAArB,WAAA,CAANqB,MAAM;EAER,IAAMC,OAAO,GAAGxB,KAAK,CAACyB,IAAI,KAAK,OAAO;EACtC,IAAMC,KAAK,GAAG1B,KAAK,CAACyB,IAAI,KAAK,KAAK;EAClC,IAAME,MAAM,GAAG,IAAAC,wCAAmB,EAAC,iBAAiB,EAAEC,mCAA2B,CAAC;;EAElF,IAAAC,oBAAA,GAAqB,IAAAC,qCAAmB,EAAC,CAAC,CAAlCC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;;EAEhB,IAAAC,0BAAmB,EAAChC,GAAG,EAAE,oBAAOuB,OAAO,GAAGF,QAAQ,CAACY,OAAO,GAAGX,MAAM,CAACW,OAAO,EAAC,EAAE,EAAE,CAAC;;EAEjF,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,IAAAC,iBAAU,EAACpC,KAAK,CAACqC,KAAK,CAAC,EAAE;MAC3B;IACF;;IAEA,IAAIb,OAAO,EAAE;MACXd,aAAa,CAACV,KAAK,CAACqC,KAAK,CAAC;IAC5B,CAAC,MAAM,IAAIX,KAAK,EAAE;MAChBb,WAAW,CAACb,KAAK,CAACqC,KAAK,CAAC;IAC1B;EACF,CAAC,EAAE,CAACrC,KAAK,CAACqC,KAAK,CAAC,CAAC;;EAEjB,IAAAF,gBAAS,EAAC,YAAM;IACd,IAAIX,OAAO,EAAE;MACXb,gBAAgB,CAACX,KAAK,CAACsC,QAAQ,IAAI,KAAK,CAAC;MACzC1B,gBAAgB,CAACZ,KAAK,CAACuC,QAAQ,IAAI,KAAK,CAAC;MACzCvB,UAAU,CAAChB,KAAK,CAACK,OAAO,IAAI,EAAE,CAAC;IACjC,CAAC,MAAM,IAAIqB,KAAK,EAAE;MAChBZ,cAAc,CAACd,KAAK,CAACsC,QAAQ,IAAI,KAAK,CAAC;MACvCvB,cAAc,CAACf,KAAK,CAACuC,QAAQ,IAAI,KAAK,CAAC;MACvCtB,UAAU,CAACjB,KAAK,CAACM,OAAO,IAAI,EAAE,CAAC;IACjC;EACF,CAAC,EAAE,CAACN,KAAK,CAACsC,QAAQ,EAAEtC,KAAK,CAACuC,QAAQ,EAAEvC,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACM,OAAO,CAAC,CAAC;;EAElE,IAAA6B,gBAAS,EAAC,YAAM;IACd,IAAIX,OAAO,IAAIjB,UAAU,KAAKP,KAAK,CAACqC,KAAK,IAAI,IAAAG,oBAAa,EAACjC,UAAU,CAAC,EAAE;MACtEP,KAAK,CAACyC,aAAa,YAAnBzC,KAAK,CAACyC,aAAa,CAAGlC,UAAU,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;;EAEhB,IAAA4B,gBAAS,EAAC,YAAM;IACd,IAAIT,KAAK,IAAIlB,QAAQ,KAAKR,KAAK,CAACqC,KAAK,IAAI,IAAAG,oBAAa,EAAChC,QAAQ,CAAC,EAAE;MAChER,KAAK,CAACyC,aAAa,YAAnBzC,KAAK,CAACyC,aAAa,CAAGjC,QAAQ,CAAC;IACjC;EACF,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd,IAAMkC,WAAsC,OAAAC,SAAA,CAAAC,OAAA;IAC1CC,QAAQ,EAAE,IAAI;IACdpC,IAAI,EAAJA,IAAI;IACJJ,OAAO,EAAPA,OAAO;IACPC,OAAO,EAAPA,OAAO;EACJN,KAAK;IACRyC,aAAa,EAAE,SAAAA,cAACJ,KAAK,EAAK;MACxB,IAAIb,OAAO,EAAE;QACXd,aAAa,CAAC2B,KAAK,IAAI,EAAE,CAAC;MAC5B,CAAC,MAAM,IAAIX,KAAK,EAAE;QAChBb,WAAW,CAACwB,KAAK,IAAI,EAAE,CAAC;MAC1B;IACF,CAAC;IACDS,OAAO,EAAE,SAAAA,QAAA,EAAM;MACb,IAAI9C,KAAK,CAACuC,QAAQ,EAAE;QAClB;MACF;MACApB,IAAI,CAACnB,KAAK,CAACyB,IAAI,CAAC;IAClB,CAAC;IACDsB,OAAO,EAAE,SAAAA,QAACC,CAAC,EAAK;MACd7B,IAAI,CAACnB,KAAK,CAACyB,IAAI,CAAC;MAChBzB,KAAK,CAAC+C,OAAO,YAAb/C,KAAK,CAAC+C,OAAO,CAAGC,CAAC,CAAC;IACpB,CAAC;IACDC,MAAM,EAAE,SAAAA,OAACD,CAAC,EAAK,KAAAE,qBAAA;MACblD,KAAK,CAACiD,MAAM,YAAZjD,KAAK,CAACiD,MAAM,CAAGD,CAAC,CAAC;;MAEjB,IAAIhB,QAAQ,EAAE;QACZ;MACF;MACA,IAAMmB,kBAAkB,GAAGH,CAAC,CAACI,aAAa;MAC1C,IAAI,GAAAF,qBAAA,GAAC7B,kBAAkB,CAACa,OAAO,aAA1BgB,qBAAA,CAA4BG,QAAQ,CAACF,kBAAkB,CAAC,GAAE;QAC7D/B,KAAK,CAAC,CAAC;MACT;MACAF,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC,GACF;;;EAED,QAAQlB,KAAK,CAACyB,IAAI;IAChB,KAAK,OAAO;MACV;QACEtC,MAAA,CAAAyD,OAAA,CAAAU,aAAA,CAAC/D,UAAA,CAAAgE,SAAS,MAAAZ,SAAA,CAAAC,OAAA;QACJF,WAAW;UACfL,KAAK,EAAErC,KAAK,CAACqC,KAAK,IAAI,EAAG;UACzB,YAAUmB,wCAAuB,CAACC,KAAM;UACxC,cAAYzD,KAAK,CAAC,YAAY,CAAC,IAAI2B,MAAM,CAAC+B,cAAe;UACzDzD,GAAG,EAAEqB,QAAS;QACf,CAAC;;IAEN,KAAK,KAAK;MACR;QACEnC,MAAA,CAAAyD,OAAA,CAAAU,aAAA,CAAC/D,UAAA,CAAAgE,SAAS,MAAAZ,SAAA,CAAAC,OAAA;QACJF,WAAW;UACfL,KAAK,EAAErC,KAAK,CAACqC,KAAK,IAAI,EAAG;UACzB,YAAUmB,wCAAuB,CAACG,GAAI;UACtC,cAAY3D,KAAK,CAAC,YAAY,CAAC,IAAI2B,MAAM,CAACiC,YAAa;UACvD3D,GAAG,EAAEsB,MAAO;QACb,CAAC;;EAER;AACF,CAAC,CAAC;;AAEK,IAAMsC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,oCAAiB;EACnD,sBAAsB;EACtB,UAAC/D,KAAsC,EAAEC,GAAmB;MAC1Dd,MAAA,CAAAyD,OAAA,CAAAU,aAAA,CAACxD,oBAAoB,MAAA6C,SAAA,CAAAC,OAAA,IAACnB,IAAI,EAAC,OAAO,IAAKzB,KAAK,IAAEC,GAAG,EAAEA,GAAI,GAAE,CAAC;;AAE9D,CAAC;;AAEM,IAAM+D,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,IAAAD,oCAAiB;EACjD,oBAAoB;EACpB,UAAC/D,KAAsC,EAAEC,GAAmB;MAC1Dd,MAAA,CAAAyD,OAAA,CAAAU,aAAA,CAACxD,oBAAoB,MAAA6C,SAAA,CAAAC,OAAA,IAACnB,IAAI,EAAC,KAAK,IAAKzB,KAAK,IAAEC,GAAG,EAAEA,GAAI,GAAE,CAAC;;AAE5D,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useLocaleForControl","_DateInput","_ResponsiveLayout","_forwardRefAndName","_utils","_DateRangePickerContext","_DateRangePicker","_locale","DateRangePickerInput","forwardRef","props","ref","_useContext","useContext","DateRangePickerContext","minDate","maxDate","startValue","endValue","size","setStartValue","setStartOptional","setStartDisabled","setEndValue","setEndOptional","setEndDisabled","setMinDate","setMaxDate","setFocusInput","open","close","dateRangePickerRef","startRef","endRef","isStart","type","isEnd","locale","useLocaleForControl","DateRangePickerLocaleHelper","_useResponsiveLayout","useResponsiveLayout","isMobile","useImperativeHandle","current","useEffect","value","optional","disabled","isNonNullable","onValueChange","commonProps","_extends2","default","withIcon","onClick","onFocus","e","onBlur","_dateRangePickerRef$c","nextFocusedElement","relatedTarget","contains","createElement","DateInput","DateRangePickerDataTids","start","startDateLabel","end","endDateLabel","DateRangePickerStart","exports","forwardRefAndName","DateRangePickerEnd"],"sources":["DateRangePickerInput.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport type { DateInputProps } from '../DateInput';\nimport { DateInput } from '../DateInput';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { DateRangePickerContext } from './DateRangePickerContext';\nimport { DateRangePickerDataTids } from './DateRangePicker';\nimport { DateRangePickerLocaleHelper } from './locale';\n\nexport type DateRangePickerInputType = 'start' | 'end';\n\nexport interface DateRangePickerInputProps extends Omit<DateInputProps, 'value'> {\n  type: DateRangePickerInputType;\n  value?: string | null;\n  optional?: boolean;\n}\n\ntype DateRangePickerInputWithoutType = Omit<DateRangePickerInputProps, 'type'>;\n\nconst DateRangePickerInput = forwardRef((props: DateRangePickerInputProps, ref: Ref<DateInput | null>) => {\n  const {\n    minDate,\n    maxDate,\n    startValue,\n    endValue,\n    size,\n    setStartValue,\n    setStartOptional,\n    setStartDisabled,\n    setEndValue,\n    setEndOptional,\n    setEndDisabled,\n    setMinDate,\n    setMaxDate,\n    setFocusInput,\n    open,\n    close,\n    dateRangePickerRef,\n    startRef,\n    endRef,\n  } = useContext(DateRangePickerContext);\n  const isStart = props.type === 'start';\n  const isEnd = props.type === 'end';\n  const locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);\n\n  const { isMobile } = useResponsiveLayout();\n\n  useImperativeHandle(ref, () => (isStart ? startRef.current : endRef.current), []);\n\n  useEffect(() => {\n    if (isStart && startValue !== props.value) {\n      setStartValue(props.value || '');\n    } else if (isEnd && endValue !== props.value) {\n      setEndValue(props.value || '');\n    }\n  }, [props.value]);\n\n  useEffect(() => {\n    if (isStart) {\n      setStartOptional(props.optional || false);\n      setStartDisabled(props.disabled || false);\n      setMinDate(props.minDate || '');\n    } else if (isEnd) {\n      setEndOptional(props.optional || false);\n      setEndDisabled(props.disabled || false);\n      setMaxDate(props.maxDate || '');\n    }\n  }, [props.optional, props.disabled, props.minDate, props.maxDate]);\n\n  useEffect(() => {\n    if (isStart && startValue !== props.value && isNonNullable(startValue)) {\n      props.onValueChange?.(startValue);\n    }\n  }, [startValue]);\n\n  useEffect(() => {\n    if (isEnd && endValue !== props.value && isNonNullable(endValue)) {\n      props.onValueChange?.(endValue);\n    }\n  }, [endValue]);\n\n  const commonProps: DateRangePickerInputProps = {\n    withIcon: true,\n    size,\n    minDate,\n    maxDate,\n    ...props,\n    onValueChange: (value) => {\n      if (isStart) {\n        setStartValue(value || '');\n      } else if (isEnd) {\n        setEndValue(value || '');\n      }\n    },\n    onClick: () => {\n      if (props.disabled) {\n        return;\n      }\n      open(props.type);\n    },\n    onFocus: (e) => {\n      open(props.type);\n      props.onFocus?.(e);\n    },\n    onBlur: (e) => {\n      props.onBlur?.(e);\n\n      if (isMobile) {\n        return;\n      }\n      const nextFocusedElement = e.relatedTarget;\n      if (!dateRangePickerRef.current?.contains(nextFocusedElement)) {\n        close();\n      }\n      setFocusInput(null);\n    },\n  };\n\n  switch (props.type) {\n    case 'start':\n      return (\n        <DateInput\n          {...commonProps}\n          value={props.value || ''}\n          data-tid={DateRangePickerDataTids.start}\n          aria-label={props['aria-label'] || locale.startDateLabel}\n          ref={startRef}\n        />\n      );\n    case 'end':\n      return (\n        <DateInput\n          {...commonProps}\n          value={props.value || ''}\n          data-tid={DateRangePickerDataTids.end}\n          aria-label={props['aria-label'] || locale.endDateLabel}\n          ref={endRef}\n        />\n      );\n  }\n});\n\nexport const DateRangePickerStart = forwardRefAndName(\n  'DateRangePickerStart',\n  (props: DateRangePickerInputWithoutType, ref: Ref<DateInput>) => (\n    <DateRangePickerInput type=\"start\" {...props} ref={ref} />\n  ),\n);\n\nexport const DateRangePickerEnd = forwardRefAndName(\n  'DateRangePickerEnd',\n  (props: DateRangePickerInputWithoutType, ref: Ref<DateInput>) => (\n    <DateRangePickerInput type=\"end\" {...props} ref={ref} />\n  ),\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DateRangePicker/helpers/validateDateRangePicker.js

@@ -24,34 +24,34 @@ endValue,
 options)
 {if (options === void 0) {options = defaultOptions;}
   var _defaultOptions$optio = (0, _extends2.default)({}, defaultOptions, options),startOptional = _defaultOptions$optio.startOptional,endOptional = _defaultOptions$optio.endOptional,minDate = _defaultOptions$optio.minDate,maxDate = _defaultOptions$optio.maxDate;
+  var isStartEmpty = !startValue;
+  var isStartRequired = !startOptional;
+  var isEndEmpty = !endValue;
+  var isEndRequired = !endOptional;
 
-  if (startOptional && !startValue && endOptional && !endValue) {
-    return [true, true];
+  if (!isStartEmpty && !isEndEmpty && !isRangeValid(startValue, endValue)) {
+    return [false, false];
   }
 
-  var isStartRequiredAndEmpty = !startOptional && !startValue;
-  var isEndRequiredAndEmpty = !endOptional && !endValue;
+  var internalDate = getInternalDate(minDate, maxDate);
 
-  if (isStartRequiredAndEmpty || isEndRequiredAndEmpty) {
-    return [!isStartRequiredAndEmpty, !isEndRequiredAndEmpty];
-  }
+  var isStartValid = isStartEmpty ? !isStartRequired : checkDate(internalDate.parseValue(startValue));
+  var isEndValid = isEndEmpty ? !isEndRequired : checkDate(internalDate.parseValue(endValue));
 
-  var isValuesRequired = !startOptional && !endOptional;
-  if (isValuesRequired && (0, _comparison.isGreater)(startValue || '', endValue || '')) {
-    return [false, false];
-  }
+  return [isStartValid, isEndValid];
+}
 
-  var internalDate = new _InternalDate.InternalDate({
+function isRangeValid(startValue, endValue) {
+  return (0, _comparison.isLessOrEqual)(startValue || '', endValue || '');
+}
+
+function getInternalDate(minDate, maxDate) {
+  return new _InternalDate.InternalDate({
     order: _types.InternalDateOrder.DMY,
     separator: _types.InternalDateSeparator.Dot
   }).
   setRangeStart(new _InternalDate.InternalDate({ value: minDate })).
   setRangeEnd(new _InternalDate.InternalDate({ value: maxDate }));
-
-  var isStartValid = startValue ? checkDate(internalDate.parseValue(startValue)) : true;
-  var isEndValid = endValue ? checkDate(internalDate.parseValue(endValue)) : true;
-
-  return [isStartValid, isEndValid];
 }
 
 function checkDate(internalDate) {

package/cjs/components/DateRangePicker/helpers/validateDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_types","require","_InternalDate","_constants","_comparison","defaultOptions","startOptional","endOptional","minDate","MIN_FULLDATE","maxDate","MAX_FULLDATE","validateDateRangePicker","startValue","endValue","options","_defaultOptions$optio","_extends2","default","isStartRequiredAndEmpty","isEndRequiredAndEmpty","isValuesRequired","isGreater","internalDate","InternalDate","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","value","setRangeEnd","isStartValid","checkDate","parseValue","isEndValid","validate","checks","InternalDateValidateCheck","NotNull","Number","Native","Limits","Range"],"sources":["validateDateRangePicker.ts"],"sourcesContent":["import { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../../lib/date/types';\nimport { InternalDate } from '../../../lib/date/InternalDate';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../../lib/date/constants';\nimport { isGreater } from '../../../lib/date/comparison';\nimport type { Nullable } from '../../../typings/utility-types';\n\ninterface ValidationOptions {\n  startOptional?: boolean;\n  endOptional?: boolean;\n  minDate?: string;\n  maxDate?: string;\n}\n\nconst defaultOptions: ValidationOptions = {\n  startOptional: false,\n  endOptional: false,\n  minDate: MIN_FULLDATE,\n  maxDate: MAX_FULLDATE,\n};\n\nexport function validateDateRangePicker(\n  startValue: Nullable<string>,\n  endValue: Nullable<string>,\n  options: ValidationOptions = defaultOptions,\n) {\n  const { startOptional, endOptional, minDate, maxDate } = { ...defaultOptions, ...options };\n\n  if (startOptional && !startValue && endOptional && !endValue) {\n    return [true, true];\n  }\n\n  const isStartRequiredAndEmpty = !startOptional && !startValue;\n  const isEndRequiredAndEmpty = !endOptional && !endValue;\n\n  if (isStartRequiredAndEmpty || isEndRequiredAndEmpty) {\n    return [!isStartRequiredAndEmpty, !isEndRequiredAndEmpty];\n  }\n\n  const isValuesRequired = !startOptional && !endOptional;\n  if (isValuesRequired && isGreater(startValue || '', endValue || '')) {\n    return [false, false];\n  }\n\n  const internalDate = new InternalDate({\n    order: InternalDateOrder.DMY,\n    separator: InternalDateSeparator.Dot,\n  })\n    .setRangeStart(new InternalDate({ value: minDate }))\n    .setRangeEnd(new InternalDate({ value: maxDate }));\n\n  const isStartValid = startValue ? checkDate(internalDate.parseValue(startValue)) : true;\n  const isEndValid = endValue ? checkDate(internalDate.parseValue(endValue)) : true;\n\n  return [isStartValid, isEndValid];\n}\n\nfunction checkDate(internalDate: InternalDate) {\n  return internalDate.validate({\n    checks: [\n      InternalDateValidateCheck.NotNull,\n      InternalDateValidateCheck.Number,\n      InternalDateValidateCheck.Native,\n      InternalDateValidateCheck.Limits,\n      InternalDateValidateCheck.Range,\n    ],\n  });\n}\n"],"mappings":"gRAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;;;;;;;;;;AAUA,IAAMI,cAAiC,GAAG;EACxCC,aAAa,EAAE,KAAK;EACpBC,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAEC,uBAAY;EACrBC,OAAO,EAAEC;AACX,CAAC;;AAEM,SAASC,uBAAuBA;AACrCC,UAA4B;AAC5BC,QAA0B;AAC1BC,OAA0B;AAC1B,KADAA,OAA0B,cAA1BA,OAA0B,GAAGV,cAAc;EAE3C,IAAAW,qBAAA,OAAAC,SAAA,CAAAC,OAAA,MAA8Db,cAAc,EAAKU,OAAO,EAAhFT,aAAa,GAAAU,qBAAA,CAAbV,aAAa,CAAEC,WAAW,GAAAS,qBAAA,CAAXT,WAAW,CAAEC,OAAO,GAAAQ,qBAAA,CAAPR,OAAO,CAAEE,OAAO,GAAAM,qBAAA,CAAPN,OAAO;;EAEpD,IAAIJ,aAAa,IAAI,CAACO,UAAU,IAAIN,WAAW,IAAI,CAACO,QAAQ,EAAE;IAC5D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;EACrB;;EAEA,IAAMK,uBAAuB,GAAG,CAACb,aAAa,IAAI,CAACO,UAAU;EAC7D,IAAMO,qBAAqB,GAAG,CAACb,WAAW,IAAI,CAACO,QAAQ;;EAEvD,IAAIK,uBAAuB,IAAIC,qBAAqB,EAAE;IACpD,OAAO,CAAC,CAACD,uBAAuB,EAAE,CAACC,qBAAqB,CAAC;EAC3D;;EAEA,IAAMC,gBAAgB,GAAG,CAACf,aAAa,IAAI,CAACC,WAAW;EACvD,IAAIc,gBAAgB,IAAI,IAAAC,qBAAS,EAACT,UAAU,IAAI,EAAE,EAAEC,QAAQ,IAAI,EAAE,CAAC,EAAE;IACnE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;EACvB;;EAEA,IAAMS,YAAY,GAAG,IAAIC,0BAAY,CAAC;IACpCC,KAAK,EAAEC,wBAAiB,CAACC,GAAG;IAC5BC,SAAS,EAAEC,4BAAqB,CAACC;EACnC,CAAC,CAAC;EACCC,aAAa,CAAC,IAAIP,0BAAY,CAAC,EAAEQ,KAAK,EAAExB,OAAO,CAAC,CAAC,CAAC,CAAC;EACnDyB,WAAW,CAAC,IAAIT,0BAAY,CAAC,EAAEQ,KAAK,EAAEtB,OAAO,CAAC,CAAC,CAAC,CAAC;;EAEpD,IAAMwB,YAAY,GAAGrB,UAAU,GAAGsB,SAAS,CAACZ,YAAY,CAACa,UAAU,CAACvB,UAAU,CAAC,CAAC,GAAG,IAAI;EACvF,IAAMwB,UAAU,GAAGvB,QAAQ,GAAGqB,SAAS,CAACZ,YAAY,CAACa,UAAU,CAACtB,QAAQ,CAAC,CAAC,GAAG,IAAI;;EAEjF,OAAO,CAACoB,YAAY,EAAEG,UAAU,CAAC;AACnC;;AAEA,SAASF,SAASA,CAACZ,YAA0B,EAAE;EAC7C,OAAOA,YAAY,CAACe,QAAQ,CAAC;IAC3BC,MAAM,EAAE;IACNC,gCAAyB,CAACC,OAAO;IACjCD,gCAAyB,CAACE,MAAM;IAChCF,gCAAyB,CAACG,MAAM;IAChCH,gCAAyB,CAACI,MAAM;IAChCJ,gCAAyB,CAACK,KAAK;;EAEnC,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_types","require","_InternalDate","_constants","_comparison","defaultOptions","startOptional","endOptional","minDate","MIN_FULLDATE","maxDate","MAX_FULLDATE","validateDateRangePicker","startValue","endValue","options","_defaultOptions$optio","_extends2","default","isStartEmpty","isStartRequired","isEndEmpty","isEndRequired","isRangeValid","internalDate","getInternalDate","isStartValid","checkDate","parseValue","isEndValid","isLessOrEqual","InternalDate","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","value","setRangeEnd","validate","checks","InternalDateValidateCheck","NotNull","Number","Native","Limits","Range"],"sources":["validateDateRangePicker.ts"],"sourcesContent":["import { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../../lib/date/types';\nimport { InternalDate } from '../../../lib/date/InternalDate';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../../lib/date/constants';\nimport { isLessOrEqual } from '../../../lib/date/comparison';\nimport type { Nullable } from '../../../typings/utility-types';\n\ninterface ValidationOptions {\n  startOptional?: boolean;\n  endOptional?: boolean;\n  minDate?: string;\n  maxDate?: string;\n}\n\nconst defaultOptions: ValidationOptions = {\n  startOptional: false,\n  endOptional: false,\n  minDate: MIN_FULLDATE,\n  maxDate: MAX_FULLDATE,\n};\n\nexport function validateDateRangePicker(\n  startValue: Nullable<string>,\n  endValue: Nullable<string>,\n  options: ValidationOptions = defaultOptions,\n) {\n  const { startOptional, endOptional, minDate, maxDate } = { ...defaultOptions, ...options };\n  const isStartEmpty = !startValue;\n  const isStartRequired = !startOptional;\n  const isEndEmpty = !endValue;\n  const isEndRequired = !endOptional;\n\n  if (!isStartEmpty && !isEndEmpty && !isRangeValid(startValue, endValue)) {\n    return [false, false];\n  }\n\n  const internalDate = getInternalDate(minDate, maxDate);\n\n  const isStartValid = isStartEmpty ? !isStartRequired : checkDate(internalDate.parseValue(startValue));\n  const isEndValid = isEndEmpty ? !isEndRequired : checkDate(internalDate.parseValue(endValue));\n\n  return [isStartValid, isEndValid];\n}\n\nfunction isRangeValid(startValue: Nullable<string>, endValue: Nullable<string>) {\n  return isLessOrEqual(startValue || '', endValue || '');\n}\n\nfunction getInternalDate(minDate?: string, maxDate?: string) {\n  return new InternalDate({\n    order: InternalDateOrder.DMY,\n    separator: InternalDateSeparator.Dot,\n  })\n    .setRangeStart(new InternalDate({ value: minDate }))\n    .setRangeEnd(new InternalDate({ value: maxDate }));\n}\n\nfunction checkDate(internalDate: InternalDate) {\n  return internalDate.validate({\n    checks: [\n      InternalDateValidateCheck.NotNull,\n      InternalDateValidateCheck.Number,\n      InternalDateValidateCheck.Native,\n      InternalDateValidateCheck.Limits,\n      InternalDateValidateCheck.Range,\n    ],\n  });\n}\n"],"mappings":"gRAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;;;;;;;;;;AAUA,IAAMI,cAAiC,GAAG;EACxCC,aAAa,EAAE,KAAK;EACpBC,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAEC,uBAAY;EACrBC,OAAO,EAAEC;AACX,CAAC;;AAEM,SAASC,uBAAuBA;AACrCC,UAA4B;AAC5BC,QAA0B;AAC1BC,OAA0B;AAC1B,KADAA,OAA0B,cAA1BA,OAA0B,GAAGV,cAAc;EAE3C,IAAAW,qBAAA,OAAAC,SAAA,CAAAC,OAAA,MAA8Db,cAAc,EAAKU,OAAO,EAAhFT,aAAa,GAAAU,qBAAA,CAAbV,aAAa,CAAEC,WAAW,GAAAS,qBAAA,CAAXT,WAAW,CAAEC,OAAO,GAAAQ,qBAAA,CAAPR,OAAO,CAAEE,OAAO,GAAAM,qBAAA,CAAPN,OAAO;EACpD,IAAMS,YAAY,GAAG,CAACN,UAAU;EAChC,IAAMO,eAAe,GAAG,CAACd,aAAa;EACtC,IAAMe,UAAU,GAAG,CAACP,QAAQ;EAC5B,IAAMQ,aAAa,GAAG,CAACf,WAAW;;EAElC,IAAI,CAACY,YAAY,IAAI,CAACE,UAAU,IAAI,CAACE,YAAY,CAACV,UAAU,EAAEC,QAAQ,CAAC,EAAE;IACvE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;EACvB;;EAEA,IAAMU,YAAY,GAAGC,eAAe,CAACjB,OAAO,EAAEE,OAAO,CAAC;;EAEtD,IAAMgB,YAAY,GAAGP,YAAY,GAAG,CAACC,eAAe,GAAGO,SAAS,CAACH,YAAY,CAACI,UAAU,CAACf,UAAU,CAAC,CAAC;EACrG,IAAMgB,UAAU,GAAGR,UAAU,GAAG,CAACC,aAAa,GAAGK,SAAS,CAACH,YAAY,CAACI,UAAU,CAACd,QAAQ,CAAC,CAAC;;EAE7F,OAAO,CAACY,YAAY,EAAEG,UAAU,CAAC;AACnC;;AAEA,SAASN,YAAYA,CAACV,UAA4B,EAAEC,QAA0B,EAAE;EAC9E,OAAO,IAAAgB,yBAAa,EAACjB,UAAU,IAAI,EAAE,EAAEC,QAAQ,IAAI,EAAE,CAAC;AACxD;;AAEA,SAASW,eAAeA,CAACjB,OAAgB,EAAEE,OAAgB,EAAE;EAC3D,OAAO,IAAIqB,0BAAY,CAAC;IACtBC,KAAK,EAAEC,wBAAiB,CAACC,GAAG;IAC5BC,SAAS,EAAEC,4BAAqB,CAACC;EACnC,CAAC,CAAC;EACCC,aAAa,CAAC,IAAIP,0BAAY,CAAC,EAAEQ,KAAK,EAAE/B,OAAO,CAAC,CAAC,CAAC,CAAC;EACnDgC,WAAW,CAAC,IAAIT,0BAAY,CAAC,EAAEQ,KAAK,EAAE7B,OAAO,CAAC,CAAC,CAAC,CAAC;AACtD;;AAEA,SAASiB,SAASA,CAACH,YAA0B,EAAE;EAC7C,OAAOA,YAAY,CAACiB,QAAQ,CAAC;IAC3BC,MAAM,EAAE;IACNC,gCAAyB,CAACC,OAAO;IACjCD,gCAAyB,CAACE,MAAM;IAChCF,gCAAyB,CAACG,MAAM;IAChCH,gCAAyB,CAACI,MAAM;IAChCJ,gCAAyB,CAACK,KAAK;;EAEnC,CAAC,CAAC;AACJ","ignoreList":[]}

package/cjs/components/Dropdown/Dropdown.d.ts

@@ -1,6 +1,5 @@
 import type { AriaAttributes, HTMLAttributes } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
 import { MenuItem } from '../MenuItem';
 import type { ButtonUse } from '../Button';
 import type { CommonProps } from '../../internal/CommonWrapper';
@@ -67,52 +66,6 @@ export declare class Dropdown extends React.Component<DropdownProps> {
     static Header: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, import("../MenuHeader").MenuHeaderProps> & Record<never, never>;
     static MenuItem: typeof MenuItem;
     static Separator: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, CommonProps> & Record<never, never>;
-    static propTypes: {
-        /**
-         * Подпись на кнопке.
-         */
-        caption: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        /**
-         * Отключает использование портала
-         */
-        disablePortal: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально отключает Dropdown
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально показать наличие ошибки.
-         */
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Иконка слева от текста кнопки
-         */
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        maxMenuHeight: PropTypes.Requireable<number>;
-        menuAlign: PropTypes.Requireable<string>;
-        menuWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Смотри Button.
-         */
-        use: PropTypes.Requireable<any>;
-        /**
-         * Визуально показать наличие предупреждения.
-         */
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        /**
-         * Вызывается при закрытии меню.
-         */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Вызывается при открытии меню.
-         */
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     private _select;
     private setRootNode;
     private theme;

package/cjs/components/Dropdown/Dropdown.js

@@ -1,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DropdownDataTids = exports.Dropdown = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _filterProps = require("../../lib/filterProps");
 var _MenuHeader = require("../MenuHeader");
@@ -147,69 +146,6 @@ Dropdown = exports.Dropdown = (0, _rootNode.rootNode)(_class = (_Dropdown = /*#_
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
     renderMain = function () {
@@ -255,22 +191,5 @@ Dropdown = exports.Dropdown = (0, _rootNode.rootNode)(_class = (_Dropdown = /*#_
    * @public
    */_proto.open = function open() {if (this._select) {this._select.open();}} /**
    * @public
-   */;_proto.close = function close() {if (this._select) {this._select.close();}};return Dropdown;}(_react.default.Component), _Dropdown.__KONTUR_REACT_UI__ = 'Dropdown', _Dropdown.displayName = 'Dropdown', _Dropdown.Header = _MenuHeader.MenuHeader, _Dropdown.MenuItem = _MenuItem.MenuItem, _Dropdown.Separator = _MenuSeparator.MenuSeparator, _Dropdown.propTypes = { /**
-   * Подпись на кнопке.
-   */caption: _propTypes.default.node.isRequired, /**
-   * Отключает использование портала
-   */disablePortal: _propTypes.default.bool, /**
-   * Визуально отключает Dropdown
-   */disabled: _propTypes.default.bool, /**
-   * Визуально показать наличие ошибки.
-   */error: _propTypes.default.bool, /**
-   * Иконка слева от текста кнопки
-   */icon: _propTypes.default.node, maxMenuHeight: _propTypes.default.number, menuAlign: _propTypes.default.oneOf(['left', 'right']), menuWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), size: _propTypes.default.oneOf(['small', 'medium', 'large']), /**
-   * Смотри Button.
-   */use: _propTypes.default.any, /**
-   * Визуально показать наличие предупреждения.
-   */warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), /**
-   * Вызывается при закрытии меню.
-   */onClose: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, /**
-   * Вызывается при открытии меню.
-   */onOpen: _propTypes.default.func }, _Dropdown)) || _class;function renderValue(value) {return value;}
+   */;_proto.close = function close() {if (this._select) {this._select.close();}};return Dropdown;}(_react.default.Component), _Dropdown.__KONTUR_REACT_UI__ = 'Dropdown', _Dropdown.displayName = 'Dropdown', _Dropdown.Header = _MenuHeader.MenuHeader, _Dropdown.MenuItem = _MenuItem.MenuItem, _Dropdown.Separator = _MenuSeparator.MenuSeparator, _Dropdown)) || _class;function renderValue(value) {return value;
+}

package/cjs/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_filterProps","_MenuHeader","_MenuItem","_MenuSeparator","_Select","_CommonWrapper","_rootNode","_ThemeContext","_getDropdownTheme","_excluded","_class","_Dropdown","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","corners","id","DropdownDataTids","exports","root","Dropdown","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","caption","icon","rest","_objectWithoutPropertiesLoose2","default","items","React","Children","map","children","item","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","Select","ref","_refSelect","filterProps","value","_icon","renderValue","element","_select","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","theme","getDropdownTheme","Provider","open","close","Component","__KONTUR_REACT_UI__","displayName","Header","MenuHeader","MenuItem","Separator","MenuSeparator","propTypes","PropTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func"],"sources":["Dropdown.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { filterProps } from '../../lib/filterProps';\nimport { MenuHeader } from '../MenuHeader';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { Select } from '../Select';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { ButtonUse } from '../Button';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { getDropdownTheme } from './getDropdownTheme';\n\nconst PASS_PROPS = {\n  _renderButton: true,\n  error: true,\n  disabled: true,\n  disablePortal: true,\n  menuAlign: true,\n  menuWidth: true,\n  maxMenuHeight: true,\n  use: true,\n  size: true,\n  warning: true,\n  width: true,\n  onOpen: true,\n  onClose: true,\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n  menuPos: true,\n  corners: true,\n  id: true,\n  'aria-describedby': true,\n  'aria-label': true,\n};\n\nexport interface DropdownProps\n  extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Задает подпись на кнопке. */\n  caption: React.ReactNode;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement<any>;\n\n  /** Задает ширину выпадающего меню. */\n  width?: React.CSSProperties['width'];\n\n  /** @ignore */\n  _renderButton?: (params: any) => JSX.Element;\n\n  /** Отключает использование портала. */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным.*/\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает длину меню. */\n  menuWidth?: number | string;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задаёт стиль кнопки. */\n  use?: ButtonUse;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Задает функцию, которая вызывается при закрытии меню. */\n  onClose?: () => void;\n\n  /** Задает функцию, которая вызывается при открытии меню. */\n  onOpen?: () => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\n\nexport const DropdownDataTids = {\n  root: 'Dropdown__root',\n} as const;\n\n/**\n * Выпадающее меню `Dropdown`. Содержит несколько команд, объединенных по смыслу.\n *\n * Используйте кнопку-меню:\n * * когда не хватает места для нескольких кнопок.\n * * когда названия действий очень длинные.\n * * когда действия редко используются или объединены по смыслу.\n *\n * Не используйте `Dropdown` для выбора значения из набора вариантов. В таком случае воспользуйтесь компонентом Select.\n */\n@rootNode\nexport class Dropdown extends React.Component<DropdownProps> {\n  public static __KONTUR_REACT_UI__ = 'Dropdown';\n  public static displayName = 'Dropdown';\n\n  public static Header = MenuHeader;\n  public static MenuItem = MenuItem;\n  public static Separator = MenuSeparator;\n\n  public static propTypes = {\n    /**\n     * Подпись на кнопке.\n     */\n    caption: PropTypes.node.isRequired,\n\n    /**\n     * Отключает использование портала\n     */\n    disablePortal: PropTypes.bool,\n\n    /**\n     * Визуально отключает Dropdown\n     */\n    disabled: PropTypes.bool,\n\n    /**\n     * Визуально показать наличие ошибки.\n     */\n    error: PropTypes.bool,\n\n    /**\n     * Иконка слева от текста кнопки\n     */\n    icon: PropTypes.node,\n\n    maxMenuHeight: PropTypes.number,\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n    /**\n     * Смотри Button.\n     */\n    use: PropTypes.any,\n\n    /**\n     * Визуально показать наличие предупреждения.\n     */\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Вызывается при закрытии меню.\n     */\n    onClose: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    /**\n     * Вызывается при открытии меню.\n     */\n    onOpen: PropTypes.func,\n  };\n\n  private _select: Nullable<DropdownSelectType>;\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getDropdownTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = () => {\n    const { caption, icon, ...rest } = this.props;\n    const items = React.Children.map(this.props.children, (item) => item) || [];\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...rest}>\n        <Select<React.ReactNode, React.ReactNode>\n          data-tid={DropdownDataTids.root}\n          ref={this._refSelect}\n          {...filterProps(rest, PASS_PROPS)}\n          value={caption}\n          items={items}\n          _icon={icon}\n          renderValue={renderValue}\n        />\n      </CommonWrapper>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public open() {\n    if (this._select) {\n      this._select.open();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    if (this._select) {\n      this._select.close();\n    }\n  }\n\n  private _refSelect = (element: DropdownSelectType): void => {\n    this._select = element;\n  };\n}\n\nfunction renderValue(value: any) {\n  return value;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_filterProps","_MenuHeader","_MenuItem","_MenuSeparator","_Select","_CommonWrapper","_rootNode","_ThemeContext","_getDropdownTheme","_excluded","_class","_Dropdown","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","corners","id","DropdownDataTids","exports","root","Dropdown","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","caption","icon","rest","_objectWithoutPropertiesLoose2","default","items","React","Children","map","children","item","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","Select","ref","_refSelect","filterProps","value","_icon","renderValue","element","_select","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","theme","getDropdownTheme","Provider","open","close","Component","__KONTUR_REACT_UI__","displayName","Header","MenuHeader","MenuItem","Separator","MenuSeparator"],"sources":["Dropdown.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { filterProps } from '../../lib/filterProps';\nimport { MenuHeader } from '../MenuHeader';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { Select } from '../Select';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { ButtonUse } from '../Button';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { getDropdownTheme } from './getDropdownTheme';\n\nconst PASS_PROPS = {\n  _renderButton: true,\n  error: true,\n  disabled: true,\n  disablePortal: true,\n  menuAlign: true,\n  menuWidth: true,\n  maxMenuHeight: true,\n  use: true,\n  size: true,\n  warning: true,\n  width: true,\n  onOpen: true,\n  onClose: true,\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n  menuPos: true,\n  corners: true,\n  id: true,\n  'aria-describedby': true,\n  'aria-label': true,\n};\n\nexport interface DropdownProps\n  extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Задает подпись на кнопке. */\n  caption: React.ReactNode;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement<any>;\n\n  /** Задает ширину выпадающего меню. */\n  width?: React.CSSProperties['width'];\n\n  /** @ignore */\n  _renderButton?: (params: any) => JSX.Element;\n\n  /** Отключает использование портала. */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным.*/\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает длину меню. */\n  menuWidth?: number | string;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задаёт стиль кнопки. */\n  use?: ButtonUse;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Задает функцию, которая вызывается при закрытии меню. */\n  onClose?: () => void;\n\n  /** Задает функцию, которая вызывается при открытии меню. */\n  onOpen?: () => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\n\nexport const DropdownDataTids = {\n  root: 'Dropdown__root',\n} as const;\n\n/**\n * Выпадающее меню `Dropdown`. Содержит несколько команд, объединенных по смыслу.\n *\n * Используйте кнопку-меню:\n * * когда не хватает места для нескольких кнопок.\n * * когда названия действий очень длинные.\n * * когда действия редко используются или объединены по смыслу.\n *\n * Не используйте `Dropdown` для выбора значения из набора вариантов. В таком случае воспользуйтесь компонентом Select.\n */\n@rootNode\nexport class Dropdown extends React.Component<DropdownProps> {\n  public static __KONTUR_REACT_UI__ = 'Dropdown';\n  public static displayName = 'Dropdown';\n\n  public static Header = MenuHeader;\n  public static MenuItem = MenuItem;\n  public static Separator = MenuSeparator;\n\n  private _select: Nullable<DropdownSelectType>;\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getDropdownTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = () => {\n    const { caption, icon, ...rest } = this.props;\n    const items = React.Children.map(this.props.children, (item) => item) || [];\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...rest}>\n        <Select<React.ReactNode, React.ReactNode>\n          data-tid={DropdownDataTids.root}\n          ref={this._refSelect}\n          {...filterProps(rest, PASS_PROPS)}\n          value={caption}\n          items={items}\n          _icon={icon}\n          renderValue={renderValue}\n        />\n      </CommonWrapper>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public open() {\n    if (this._select) {\n      this._select.open();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    if (this._select) {\n      this._select.close();\n    }\n  }\n\n  private _refSelect = (element: DropdownSelectType): void => {\n    this._select = element;\n  };\n}\n\nfunction renderValue(value: any) {\n  return value;\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DropdownMenu/DropdownMenu.md

@@ -117,12 +117,12 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, DropdownMenu } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';;
 
 <DropdownMenu caption={<Button use="primary">Открыть меню</Button>}>
   <MenuHeader>MenuHeader</MenuHeader>
-  <MenuItem icon={<OkIcon />}>MenuItem1</MenuItem>
-  <MenuItem icon={<OkIcon />}>MenuItem2</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>MenuItem1</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>MenuItem2</MenuItem>
   <MenuItem>MenuItem3</MenuItem>
 </DropdownMenu>;
 ```
@@ -131,12 +131,12 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, DropdownMenu } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';;
 
 <DropdownMenu preventIconsOffset caption={<Button use="primary">Открыть меню</Button>}>
   <MenuHeader>MenuHeader</MenuHeader>
-  <MenuItem icon={<OkIcon />}>MenuItem1</MenuItem>
-  <MenuItem icon={<OkIcon />}>MenuItem2</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>MenuItem1</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>MenuItem2</MenuItem>
   <MenuItem>MenuItem3</MenuItem>
 </DropdownMenu>
 ```
@@ -162,13 +162,13 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 В `caption` можно передать любой элемент.
 
 ```jsx harmony
-import MenuIcon from '@skbkontur/react-icons/Menu';
+import { UiMenuBars3HIcon16Regular } from '@skbkontur/icons/icons/UiMenuBars3HIcon/UiMenuBars3HIcon16Regular';
 import { MenuItem } from '@skbkontur/react-ui';
 
 <DropdownMenu
   caption={
     <span style={{ display: 'inline-block' }} tabIndex="0">
-      <MenuIcon size={32} />
+      <UiMenuBars3HIcon16Regular size={32} />
     </span>
   }
   menuWidth="300px"

package/cjs/components/FileUploader/FileUploader.js

@@ -237,10 +237,22 @@ var _FileUploader = (0, _forwardRefAndName.forwardRefAndName)('FileUploader', fu
     [handleRemoveFile, removeFile]
   );
 
+  var handleReset = (0, _react.useCallback)(function () {
+    reset();
+    var dataTransfer = new DataTransfer();
+    inputRef.current && (inputRef.current.files = dataTransfer.files);
+  }, [reset, handleRemoveFile]);
+
   (0, _react.useImperativeHandle)(
     ref,
-    function () {return { focus: focus, blur: blur, reset: reset, removeFile: handleExternalFileDeletion, getRootNode: function getRootNode() {return rootNodeRef.current;} };},
-    [ref, blur, focus, reset, handleExternalFileDeletion]
+    function () {return {
+        focus: focus,
+        blur: blur,
+        reset: handleReset,
+        removeFile: handleExternalFileDeletion,
+        getRootNode: function getRootNode() {return rootNodeRef.current;}
+      };},
+    [ref, blur, focus, handleReset, handleExternalFileDeletion]
   );
 
   var _useState2 = (0, _react.useState)(false),focusedByTab = _useState2[0],setFocusedByTab = _useState2[1];