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

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","CalendarDataTids","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","textColorDefault","inputWrapper","_templateObject2","inputWrapperWidth","_templateObject3","parseInt","calendarCellWidth","calendarPaddingX","inputWrapperWidthFull","_templateObject4","inputVisuallyFocus","_templateObject5","inputFocusShadow","calendarWrapper","_templateObject6","pickerShadow","calendarWidthAuto","_templateObject7","rangeCalendarDay","_templateObject8","rangeCalendarDayEnd","_templateObject9","rangeCalendarCellEndBg","calendarCellBorderRadius","dayCell","rangeCalendarCellEndColor","rangeCalendarDayInHoveredPeriod","_templateObject10","rangeCalendarCellBg","rangeCalendarDayHoverInPeriod","_templateObject11","rangeCalendarCellHoverBg","buttonWrap","_templateObject12","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":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,gBAAgB,QAAQ,aAAa;;AAE9C,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAECF,CAAC,CAACG,gBAAgB;;EAE/B,CAAC;EACDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;;;;;;EAQZ,CAAC;EACDI,iBAAiB,WAAAA,kBAACN,CAAQ,EAAE;IAC1B,OAAOL,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACKM,QAAQ,CAACR,CAAC,CAACS,iBAAiB,CAAC,GAAG,CAAC,GAAGD,QAAQ,CAACR,CAAC,CAACU,gBAAgB,CAAC,GAAG,CAAC;;EAErF,CAAC;EACDC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;EAGZ,CAAC;EACDW,kBAAkB,WAAAA,mBAACb,CAAQ,EAAE;IAC3B,OAAOL,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;IACMF,CAAC,CAACe,gBAAgB;;EAEpC,CAAC;EACDC,eAAe,WAAAA,gBAAChB,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACMF,CAAC,CAACkB,YAAY;;;;;;EAMhC,CAAC;EACDC,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,OAAOxB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGZ,CAAC;EACDmB,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAO1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;;;;EAIZ,CAAC;EACDqB,mBAAmB,WAAAA,oBAACvB,CAAQ,EAAE;IAC5B,OAAOL,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;;;;;;;;;IAUQF,CAAC,CAACyB,sBAAsB;IACrBzB,CAAC,CAAC0B,wBAAwB;;;IAGjC7B,gBAAgB,CAAC8B,OAAO;IACzB3B,CAAC,CAAC4B,yBAAyB;;;;IAIvB5B,CAAC,CAAC4B,yBAAyB;;;;;;EAM9C,CAAC;EACDC,+BAA+B,WAAAA,gCAAC7B,CAAQ,EAAE;IACxC,OAAOL,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA5B,2BAAA;IACMF,CAAC,CAAC+B,mBAAmB;;EAEvC,CAAC;EACDC,6BAA6B,WAAAA,8BAAChC,CAAQ,EAAE;IACtC,OAAOL,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;IAEcL,gBAAgB,CAAC8B,OAAO;IAC5B3B,CAAC,CAACkC,wBAAwB;;;;EAIhD,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOxC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAAlC,2BAAA;;;;;;;;;;;;EAYZ;AACF,CAAC,CAAC;;AAEF,OAAO,SAASmC,WAAWA,CAACrC,CAAQ,EAAEsC,IAAe,EAAE;EACrD,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAOtC,CAAC,CAACuC,aAAa;IACxB,KAAK,QAAQ;MACX,OAAOvC,CAAC,CAACwC,cAAc;IACzB,KAAK,OAAO;IACZ;MACE,OAAOxC,CAAC,CAACyC,aAAa;EAC1B;AACF","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","CalendarDataTids","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","textColorDefault","inputWrapperWidth","_templateObject2","parseInt","calendarCellWidth","calendarPaddingX","inputWrapperWidthFull","_templateObject3","inputVisuallyFocus","_templateObject4","inputFocusShadow","calendarWrapper","_templateObject5","pickerShadow","calendarWidthAuto","_templateObject6","rangeCalendarDay","_templateObject7","rangeCalendarDayEnd","_templateObject8","rangeCalendarCellEndBg","calendarCellBorderRadius","dayCell","rangeCalendarCellEndColor","rangeCalendarDayInHoveredPeriod","_templateObject9","rangeCalendarCellBg","rangeCalendarDayHoverInPeriod","_templateObject10","rangeCalendarCellHoverBg","buttonWrap","_templateObject11","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":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,gBAAgB,QAAQ,aAAa;;AAE9C,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;IAGCF,CAAC,CAACG,gBAAgB;;;;;;EAM/B,CAAC;EACDC,iBAAiB,WAAAA,kBAACJ,CAAQ,EAAE;IAC1B,OAAOL,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACKI,QAAQ,CAACN,CAAC,CAACO,iBAAiB,CAAC,GAAG,CAAC,GAAGD,QAAQ,CAACN,CAAC,CAACQ,gBAAgB,CAAC,GAAG,CAAC;;EAErF,CAAC;EACDC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;EAGZ,CAAC;EACDS,kBAAkB,WAAAA,mBAACX,CAAQ,EAAE;IAC3B,OAAOL,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACMF,CAAC,CAACa,gBAAgB;;EAEpC,CAAC;EACDC,eAAe,WAAAA,gBAACd,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACMF,CAAC,CAACgB,YAAY;;;;;;EAMhC,CAAC;EACDC,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,OAAOtB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;EAGZ,CAAC;EACDiB,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOxB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;;EAIZ,CAAC;EACDmB,mBAAmB,WAAAA,oBAACrB,CAAQ,EAAE;IAC5B,OAAOL,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;;;;;;;;;;IAUQF,CAAC,CAACuB,sBAAsB;IACrBvB,CAAC,CAACwB,wBAAwB;;;IAGjC3B,gBAAgB,CAAC4B,OAAO;IACzBzB,CAAC,CAAC0B,yBAAyB;;;;IAIvB1B,CAAC,CAAC0B,yBAAyB;;;;;;EAM9C,CAAC;EACDC,+BAA+B,WAAAA,gCAAC3B,CAAQ,EAAE;IACxC,OAAOL,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAA1B,2BAAA;IACMF,CAAC,CAAC6B,mBAAmB;;EAEvC,CAAC;EACDC,6BAA6B,WAAAA,8BAAC9B,CAAQ,EAAE;IACtC,OAAOL,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;IAEcL,gBAAgB,CAAC4B,OAAO;IAC5BzB,CAAC,CAACgC,wBAAwB;;;;EAIhD,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;;;;;;;;;;;;EAYZ;AACF,CAAC,CAAC;;AAEF,OAAO,SAASiC,WAAWA,CAACnC,CAAQ,EAAEoC,IAAe,EAAE;EACrD,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAOpC,CAAC,CAACqC,aAAa;IACxB,KAAK,QAAQ;MACX,OAAOrC,CAAC,CAACsC,cAAc;IACzB,KAAK,OAAO;IACZ;MACE,OAAOtC,CAAC,CAACuC,aAAa;EAC1B;AACF","ignoreList":[]}

package/components/DateRangePicker/DateRangePicker.styles.d.ts

@@ -2,7 +2,6 @@ import type { SizeProp } from '../../lib/types/props';
 import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
-    inputWrapper(): string;
     inputWrapperWidth(t: Theme): string;
     inputWrapperWidthFull(): string;
     inputVisuallyFocus(t: Theme): string;

package/components/DateRangePicker/DateRangePickerInput/DateRangePickerInput.js

@@ -4,7 +4,7 @@ import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
 import { DateInput } from "../../DateInput";
 import { useResponsiveLayout } from "../../ResponsiveLayout";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { isNonNullable, isNullable } from "../../../lib/utils";
+import { isNonNullable } from "../../../lib/utils";
 import { DateRangePickerContext } from "../DateRangePickerContext";
 import { DateRangePickerDataTids } from "../DateRangePicker";
 import { DateRangePickerLocaleHelper } from "../locale";
@@ -38,13 +38,10 @@ var DateRangePickerInput = /*#__PURE__*/forwardRef(function (props, ref) {
     return isStart ? startRef.current : endRef.current;
   }, []);
   useEffect(function () {
-    if (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]);
   useEffect(function () {

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useContext","useEffect","useImperativeHandle","useLocaleForControl","DateInput","useResponsiveLayout","forwardRefAndName","isNonNullable","isNullable","DateRangePickerContext","DateRangePickerDataTids","DateRangePickerLocaleHelper","DateRangePickerInput","props","ref","_useContext","minDate","maxDate","startValue","endValue","size","setStartValue","setStartOptional","setStartDisabled","setEndValue","setEndOptional","setEndDisabled","setMinDate","setMaxDate","setFocusInput","open","close","dateRangePickerRef","startRef","endRef","isStart","type","isEnd","locale","_useResponsiveLayout","isMobile","current","value","optional","disabled","onValueChange","commonProps","_extends","withIcon","onClick","onFocus","e","onBlur","_dateRangePickerRef$c","nextFocusedElement","relatedTarget","contains","createElement","start","startDateLabel","end","endDateLabel","DateRangePickerStart","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":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useContext","useEffect","useImperativeHandle","useLocaleForControl","DateInput","useResponsiveLayout","forwardRefAndName","isNonNullable","DateRangePickerContext","DateRangePickerDataTids","DateRangePickerLocaleHelper","DateRangePickerInput","props","ref","_useContext","minDate","maxDate","startValue","endValue","size","setStartValue","setStartOptional","setStartDisabled","setEndValue","setEndOptional","setEndDisabled","setMinDate","setMaxDate","setFocusInput","open","close","dateRangePickerRef","startRef","endRef","isStart","type","isEnd","locale","_useResponsiveLayout","isMobile","current","value","optional","disabled","onValueChange","commonProps","_extends","withIcon","onClick","onFocus","e","onBlur","_dateRangePickerRef$c","nextFocusedElement","relatedTarget","contains","createElement","start","startDateLabel","end","endDateLabel","DateRangePickerStart","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/components/DateRangePicker/helpers/validateDateRangePicker/validateDateRangePicker.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from "../../../../lib/date/types";
 import { InternalDate } from "../../../../lib/date/InternalDate";
 import { MAX_FULLDATE, MIN_FULLDATE } from "../../../../lib/date/constants";
-import { isGreater } from "../../../../lib/date/comparison";
+import { isLessOrEqual } from "../../../../lib/date/comparison";
 var defaultOptions = {
   startOptional: false,
   endOptional: false,
@@ -18,19 +18,23 @@ export function validateDateRangePicker(startValue, endValue, options) {
     endOptional = _defaultOptions$optio.endOptional,
     minDate = _defaultOptions$optio.minDate,
     maxDate = _defaultOptions$optio.maxDate;
-  if (startOptional && !startValue && endOptional && !endValue) {
-    return [true, true];
-  }
-  var isStartRequiredAndEmpty = !startOptional && !startValue;
-  var isEndRequiredAndEmpty = !endOptional && !endValue;
-  if (isStartRequiredAndEmpty || isEndRequiredAndEmpty) {
-    return [!isStartRequiredAndEmpty, !isEndRequiredAndEmpty];
-  }
-  var isValuesRequired = !startOptional && !endOptional;
-  if (isValuesRequired && isGreater(startValue || '', endValue || '')) {
+  var isStartEmpty = !startValue;
+  var isStartRequired = !startOptional;
+  var isEndEmpty = !endValue;
+  var isEndRequired = !endOptional;
+  if (!isStartEmpty && !isEndEmpty && !isRangeValid(startValue, endValue)) {
     return [false, false];
   }
-  var internalDate = new InternalDate({
+  var internalDate = getInternalDate(minDate, maxDate);
+  var isStartValid = isStartEmpty ? !isStartRequired : checkDate(internalDate.parseValue(startValue));
+  var isEndValid = isEndEmpty ? !isEndRequired : checkDate(internalDate.parseValue(endValue));
+  return [isStartValid, isEndValid];
+}
+function isRangeValid(startValue, endValue) {
+  return isLessOrEqual(startValue || '', endValue || '');
+}
+function getInternalDate(minDate, maxDate) {
+  return new InternalDate({
     order: InternalDateOrder.DMY,
     separator: InternalDateSeparator.Dot
   }).setRangeStart(new InternalDate({
@@ -38,9 +42,6 @@ export function validateDateRangePicker(startValue, endValue, options) {
   })).setRangeEnd(new 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) {
   return internalDate.validate({

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

@@ -1 +1 @@
-{"version":3,"names":["InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","InternalDate","MAX_FULLDATE","MIN_FULLDATE","isGreater","defaultOptions","startOptional","endOptional","minDate","maxDate","validateDateRangePicker","startValue","endValue","options","_defaultOptions$optio","_extends","isStartRequiredAndEmpty","isEndRequiredAndEmpty","isValuesRequired","internalDate","order","DMY","separator","Dot","setRangeStart","value","setRangeEnd","isStartValid","checkDate","parseValue","isEndValid","validate","checks","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":"0DAAA,SAASA,iBAAiB,EAAEC,qBAAqB,EAAEC,yBAAyB,QAAQ,yBAAyB;AAC7G,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,EAAEC,YAAY,QAAQ,6BAA6B;AACxE,SAASC,SAAS,QAAQ,8BAA8B;;;;;;;;;;AAUxD,IAAMC,cAAiC,GAAG;EACxCC,aAAa,EAAE,KAAK;EACpBC,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAEL,YAAY;EACrBM,OAAO,EAAEP;AACX,CAAC;;AAED,OAAO,SAASQ,uBAAuBA;AACrCC,UAA4B;AAC5BC,QAA0B;AAC1BC,OAA0B;AAC1B,KADAA,OAA0B,cAA1BA,OAA0B,GAAGR,cAAc;EAE3C,IAAAS,qBAAA,GAAAC,QAAA,KAA8DV,cAAc,EAAKQ,OAAO,EAAhFP,aAAa,GAAAQ,qBAAA,CAAbR,aAAa,CAAEC,WAAW,GAAAO,qBAAA,CAAXP,WAAW,CAAEC,OAAO,GAAAM,qBAAA,CAAPN,OAAO,CAAEC,OAAO,GAAAK,qBAAA,CAAPL,OAAO;;EAEpD,IAAIH,aAAa,IAAI,CAACK,UAAU,IAAIJ,WAAW,IAAI,CAACK,QAAQ,EAAE;IAC5D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;EACrB;;EAEA,IAAMI,uBAAuB,GAAG,CAACV,aAAa,IAAI,CAACK,UAAU;EAC7D,IAAMM,qBAAqB,GAAG,CAACV,WAAW,IAAI,CAACK,QAAQ;;EAEvD,IAAII,uBAAuB,IAAIC,qBAAqB,EAAE;IACpD,OAAO,CAAC,CAACD,uBAAuB,EAAE,CAACC,qBAAqB,CAAC;EAC3D;;EAEA,IAAMC,gBAAgB,GAAG,CAACZ,aAAa,IAAI,CAACC,WAAW;EACvD,IAAIW,gBAAgB,IAAId,SAAS,CAACO,UAAU,IAAI,EAAE,EAAEC,QAAQ,IAAI,EAAE,CAAC,EAAE;IACnE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;EACvB;;EAEA,IAAMO,YAAY,GAAG,IAAIlB,YAAY,CAAC;IACpCmB,KAAK,EAAEtB,iBAAiB,CAACuB,GAAG;IAC5BC,SAAS,EAAEvB,qBAAqB,CAACwB;EACnC,CAAC,CAAC;EACCC,aAAa,CAAC,IAAIvB,YAAY,CAAC,EAAEwB,KAAK,EAAEjB,OAAO,CAAC,CAAC,CAAC,CAAC;EACnDkB,WAAW,CAAC,IAAIzB,YAAY,CAAC,EAAEwB,KAAK,EAAEhB,OAAO,CAAC,CAAC,CAAC,CAAC;;EAEpD,IAAMkB,YAAY,GAAGhB,UAAU,GAAGiB,SAAS,CAACT,YAAY,CAACU,UAAU,CAAClB,UAAU,CAAC,CAAC,GAAG,IAAI;EACvF,IAAMmB,UAAU,GAAGlB,QAAQ,GAAGgB,SAAS,CAACT,YAAY,CAACU,UAAU,CAACjB,QAAQ,CAAC,CAAC,GAAG,IAAI;;EAEjF,OAAO,CAACe,YAAY,EAAEG,UAAU,CAAC;AACnC;;AAEA,SAASF,SAASA,CAACT,YAA0B,EAAE;EAC7C,OAAOA,YAAY,CAACY,QAAQ,CAAC;IAC3BC,MAAM,EAAE;IACNhC,yBAAyB,CAACiC,OAAO;IACjCjC,yBAAyB,CAACkC,MAAM;IAChClC,yBAAyB,CAACmC,MAAM;IAChCnC,yBAAyB,CAACoC,MAAM;IAChCpC,yBAAyB,CAACqC,KAAK;;EAEnC,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","InternalDate","MAX_FULLDATE","MIN_FULLDATE","isLessOrEqual","defaultOptions","startOptional","endOptional","minDate","maxDate","validateDateRangePicker","startValue","endValue","options","_defaultOptions$optio","_extends","isStartEmpty","isStartRequired","isEndEmpty","isEndRequired","isRangeValid","internalDate","getInternalDate","isStartValid","checkDate","parseValue","isEndValid","order","DMY","separator","Dot","setRangeStart","value","setRangeEnd","validate","checks","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":"0DAAA,SAASA,iBAAiB,EAAEC,qBAAqB,EAAEC,yBAAyB,QAAQ,yBAAyB;AAC7G,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,EAAEC,YAAY,QAAQ,6BAA6B;AACxE,SAASC,aAAa,QAAQ,8BAA8B;;;;;;;;;;AAU5D,IAAMC,cAAiC,GAAG;EACxCC,aAAa,EAAE,KAAK;EACpBC,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAEL,YAAY;EACrBM,OAAO,EAAEP;AACX,CAAC;;AAED,OAAO,SAASQ,uBAAuBA;AACrCC,UAA4B;AAC5BC,QAA0B;AAC1BC,OAA0B;AAC1B,KADAA,OAA0B,cAA1BA,OAA0B,GAAGR,cAAc;EAE3C,IAAAS,qBAAA,GAAAC,QAAA,KAA8DV,cAAc,EAAKQ,OAAO,EAAhFP,aAAa,GAAAQ,qBAAA,CAAbR,aAAa,CAAEC,WAAW,GAAAO,qBAAA,CAAXP,WAAW,CAAEC,OAAO,GAAAM,qBAAA,CAAPN,OAAO,CAAEC,OAAO,GAAAK,qBAAA,CAAPL,OAAO;EACpD,IAAMO,YAAY,GAAG,CAACL,UAAU;EAChC,IAAMM,eAAe,GAAG,CAACX,aAAa;EACtC,IAAMY,UAAU,GAAG,CAACN,QAAQ;EAC5B,IAAMO,aAAa,GAAG,CAACZ,WAAW;;EAElC,IAAI,CAACS,YAAY,IAAI,CAACE,UAAU,IAAI,CAACE,YAAY,CAACT,UAAU,EAAEC,QAAQ,CAAC,EAAE;IACvE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;EACvB;;EAEA,IAAMS,YAAY,GAAGC,eAAe,CAACd,OAAO,EAAEC,OAAO,CAAC;;EAEtD,IAAMc,YAAY,GAAGP,YAAY,GAAG,CAACC,eAAe,GAAGO,SAAS,CAACH,YAAY,CAACI,UAAU,CAACd,UAAU,CAAC,CAAC;EACrG,IAAMe,UAAU,GAAGR,UAAU,GAAG,CAACC,aAAa,GAAGK,SAAS,CAACH,YAAY,CAACI,UAAU,CAACb,QAAQ,CAAC,CAAC;;EAE7F,OAAO,CAACW,YAAY,EAAEG,UAAU,CAAC;AACnC;;AAEA,SAASN,YAAYA,CAACT,UAA4B,EAAEC,QAA0B,EAAE;EAC9E,OAAOR,aAAa,CAACO,UAAU,IAAI,EAAE,EAAEC,QAAQ,IAAI,EAAE,CAAC;AACxD;;AAEA,SAASU,eAAeA,CAACd,OAAgB,EAAEC,OAAgB,EAAE;EAC3D,OAAO,IAAIR,YAAY,CAAC;IACtB0B,KAAK,EAAE7B,iBAAiB,CAAC8B,GAAG;IAC5BC,SAAS,EAAE9B,qBAAqB,CAAC+B;EACnC,CAAC,CAAC;EACCC,aAAa,CAAC,IAAI9B,YAAY,CAAC,EAAE+B,KAAK,EAAExB,OAAO,CAAC,CAAC,CAAC,CAAC;EACnDyB,WAAW,CAAC,IAAIhC,YAAY,CAAC,EAAE+B,KAAK,EAAEvB,OAAO,CAAC,CAAC,CAAC,CAAC;AACtD;;AAEA,SAASe,SAASA,CAACH,YAA0B,EAAE;EAC7C,OAAOA,YAAY,CAACa,QAAQ,CAAC;IAC3BC,MAAM,EAAE;IACNnC,yBAAyB,CAACoC,OAAO;IACjCpC,yBAAyB,CAACqC,MAAM;IAChCrC,yBAAyB,CAACsC,MAAM;IAChCtC,yBAAyB,CAACuC,MAAM;IAChCvC,yBAAyB,CAACwC,KAAK;;EAEnC,CAAC,CAAC;AACJ","ignoreList":[]}

package/components/Dropdown/Dropdown/Dropdown.js

@@ -4,7 +4,6 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["caption", "icon"];
 var _class, _Dropdown;
 import React from 'react';
-import PropTypes from 'prop-types';
 import { filterProps } from "../../../lib/filterProps";
 import { MenuHeader } from "../../MenuHeader";
 import { MenuItem } from "../../MenuItem";
@@ -112,52 +111,7 @@ export var Dropdown = rootNode(_class = (_Dropdown = /*#__PURE__*/function (_Rea
     }
   };
   return Dropdown;
-}(React.Component), _Dropdown.__KONTUR_REACT_UI__ = 'Dropdown', _Dropdown.displayName = 'Dropdown', _Dropdown.Header = MenuHeader, _Dropdown.MenuItem = MenuItem, _Dropdown.Separator = MenuSeparator, _Dropdown.propTypes = {
-  /**
-  * Подпись на кнопке.
-  */
-  caption: PropTypes.node.isRequired,
-  /**
-  * Отключает использование портала
-  */
-  disablePortal: PropTypes.bool,
-  /**
-  * Визуально отключает Dropdown
-  */
-  disabled: PropTypes.bool,
-  /**
-  * Визуально показать наличие ошибки.
-  */
-  error: PropTypes.bool,
-  /**
-  * Иконка слева от текста кнопки
-  */
-  icon: PropTypes.node,
-  maxMenuHeight: PropTypes.number,
-  menuAlign: PropTypes.oneOf(['left', 'right']),
-  menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  /**
-  * Смотри Button.
-  */
-  use: PropTypes.any,
-  /**
-  * Визуально показать наличие предупреждения.
-  */
-  warning: PropTypes.bool,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-  * Вызывается при закрытии меню.
-  */
-  onClose: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  /**
-  * Вызывается при открытии меню.
-  */
-  onOpen: PropTypes.func
-}, _Dropdown)) || _class;
+}(React.Component), _Dropdown.__KONTUR_REACT_UI__ = 'Dropdown', _Dropdown.displayName = 'Dropdown', _Dropdown.Header = MenuHeader, _Dropdown.MenuItem = MenuItem, _Dropdown.Separator = MenuSeparator, _Dropdown)) || _class;
 function renderValue(value) {
   return value;
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","CommonWrapper","rootNode","ThemeContext","getDropdownTheme","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","corners","id","DropdownDataTids","root","Dropdown","_class","_Dropdown","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","caption","icon","rest","_objectWithoutPropertiesLoose","_excluded","items","Children","map","children","item","createElement","_extends","rootNodeRef","setRootNode","ref","_refSelect","value","_icon","renderValue","element","_select","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","open","close","Component","__KONTUR_REACT_UI__","displayName","Header","Separator","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","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","CommonWrapper","rootNode","ThemeContext","getDropdownTheme","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","corners","id","DropdownDataTids","root","Dropdown","_class","_Dropdown","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","caption","icon","rest","_objectWithoutPropertiesLoose","_excluded","items","Children","map","children","item","createElement","_extends","rootNodeRef","setRootNode","ref","_refSelect","value","_icon","renderValue","element","_select","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","open","close","Component","__KONTUR_REACT_UI__","displayName","Header","Separator"],"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/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/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/components/FileUploader/FileUploader/FileUploader.js

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