npm - @skbkontur/react-ui - Versions diffs - 0.0.0-dad43298ae → 0.0.0-db9f11da2a - Mend

@skbkontur/react-ui 0.0.0-dad43298ae → 0.0.0-db9f11da2a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (952) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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":";AACA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,SAAA,GAAAD,OAAA,gBAA+C,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA~~,EAAAC,iBAAA~~;;AAExC,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,~~EAAAjB~~,eAAA,KAAAA,eAAA,~~OAAAkB~~,4BAAA,CAAAC,OAAA~~;;IAECH~~,CAAC,CAACI,gBAAgB~~;;EAE~~/B,CAAC;EACDC,~~YAAY,WAAAA,aAAA,EAAG;IACb,WAAOJ,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ,CAAC;EACDG,~~iBAAiB,WAAAA,~~kBAACN~~,CAAQ,EAAE;IAC1B,WAAOC,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;~~IACKI~~,QAAQ,~~CAACP~~,CAAC,~~CAACQ~~,iBAAiB,CAAC,GAAG,CAAC,GAAGD,QAAQ,~~CAACP~~,CAAC,~~CAACS~~,gBAAgB,CAAC,GAAG,CAAC;;EAErF,CAAC;EACDC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,~~WAAOT~~,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;~~EACDQ~~,kBAAkB,WAAAA,~~mBAACX~~,CAAQ,EAAE;IAC3B,WAAOC,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;IACMH,CAAC,~~CAACY~~,gBAAgB;;EAEpC,CAAC;EACDC,eAAe,WAAAA,~~gBAACb~~,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACMH,CAAC,~~CAACc~~,YAAY;;;;;;EAMhC,CAAC;EACDC,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,~~WAAOd~~,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;~~EACDa~~,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,~~WAAOf~~,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;~~EACDc~~,mBAAmB,WAAAA,~~oBAACjB~~,CAAQ,EAAE;IAC5B,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;;;IAUQH,CAAC,~~CAACkB~~,sBAAsB;~~IACrBlB~~,CAAC,~~CAACmB~~,wBAAwB;;;IAGjCC,0BAAgB,CAACC,OAAO;~~IACzBrB~~,CAAC,~~CAACsB~~,yBAAyB;;;;~~IAIvBtB~~,CAAC,~~CAACsB~~,yBAAyB;;;;;;EAM9C,CAAC;EACDC,+BAA+B,WAAAA,~~gCAACvB~~,CAAQ,EAAE;IACxC,WAAOC,YAAG,EAAAR,~~iBAAA~~,KAAAA,~~iBAAA~~,OAAAS,4BAAA,CAAAC,OAAA;IACMH,CAAC,~~CAACwB~~,mBAAmB;;EAEvC,CAAC;EACDC,6BAA6B,WAAAA,~~8BAACzB~~,CAAQ,EAAE;IACtC,WAAOC,YAAG,EAAAP,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;~~IAEciB~~,0BAAgB,CAACC,OAAO;~~IAC5BrB~~,CAAC,~~CAAC0B~~,wBAAwB;;;;EAIhD,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,~~WAAO1B~~,YAAG,EAAAN,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;;EAYZ;AACF,CAAC,CAAC;;AAEK,~~SAASyB~~,WAAWA,~~CAAC5B~~,CAAQ,~~EAAE6B~~,IAAe,EAAE;EACrD,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,~~OAAO7B~~,CAAC,~~CAAC8B~~,aAAa;IACxB,KAAK,QAAQ;MACX,~~OAAO9B~~,CAAC,~~CAAC+B~~,cAAc;IACzB,KAAK,OAAO;IACZ;MACE,~~OAAO/B~~,CAAC,~~CAACgC~~,aAAa;EAC1B;AACF","ignoreList":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"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","ignoreList":[]}
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","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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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","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 CHANGED Viewed

@@ -1,9 +1,9 @@
 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';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { SizeProp } from '../../lib/types/props';
 export interface DropdownProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
     /** Задает подпись на кнопке. */
@@ -67,53 +67,8 @@ 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;
+    getRootNode: TGetRootNode;
     private setRootNode;
     private theme;
     render(): React.JSX.Element;

package/cjs/components/Dropdown/Dropdown.js CHANGED Viewed

@@ -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,68 +146,6 @@ Dropdown = exports.Dropdown = (0, _rootNode.rootNode)(_class = (_Dropdown = /*#_
@@ -255,22 +192,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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 { TGetRootNode, 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 public getRootNode!: TGetRootNode;\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":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;;;;AAIA,IAAAM,cAAA,GAAAN,OAAA;;AAEA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;;;;AAIA,IAAAS,iBAAA,GAAAT,OAAA,uBAAsD,IAAAU,SAAA,2BAAAC,MAAA,EAAAC,SAAA;;AAEtD,IAAMC,UAAU,GAAG;EACjBC,aAAa,EAAE,IAAI;EACnBC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,IAAI;EACdC,aAAa,EAAE,IAAI;EACnBC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE,IAAI;EACfC,aAAa,EAAE,IAAI;EACnBC,GAAG,EAAE,IAAI;EACTC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE,IAAI;EACbC,KAAK,EAAE,IAAI;EACXC,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE,IAAI;EACbC,YAAY,EAAE,IAAI;EAClBC,YAAY,EAAE,IAAI;EAClBC,WAAW,EAAE,IAAI;EACjBC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,IAAI;EACbC,EAAE,EAAE,IAAI;EACR,kBAAkB,EAAE,IAAI;EACxB,YAAY,EAAE;AAChB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEM,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GATA;;AAWaC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,OADpBC,kBAAQ,EAAA1B,MAAA,IAAAC,SAAA,0BAAA0B,gBAAA,YAAAF,SAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAyBAU,UAAU,GAAG,YAAM;MACxB,IAAAC,WAAA,GAAmCX,KAAA,CAAKY,KAAK,CAArCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,IAAI,GAAAH,WAAA,CAAJG,IAAI,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAN,WAAA,EAAAxC,SAAA;MAC9B,IAAM+C,KAAK,GAAGC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACrB,KAAA,CAAKY,KAAK,CAACU,QAAQ,EAAE,UAACC,IAAI,UAAKA,IAAI,GAAC,IAAI,EAAE;;MAE3E;QACEhE,MAAA,CAAA0D,OAAA,CAAAO,aAAA,CAACzD,cAAA,CAAA0D,aAAa,MAAAC,SAAA,CAAAT,OAAA,IAACU,WAAW,EAAE3B,KAAA,CAAK4B,WAAY,IAAKb,IAAI;QACpDxD,MAAA,CAAA0D,OAAA,CAAAO,aAAA,CAAC1D,OAAA,CAAA+D,MAAM,MAAAH,SAAA,CAAAT,OAAA;UACL,YAAUvB,gBAAgB,CAACE,IAAK;UAChCkC,GAAG,EAAE9B,KAAA,CAAK+B,UAAW;QACjB,IAAAC,wBAAW,EAACjB,IAAI,EAAEzC,UAAU,CAAC;UACjC2D,KAAK,EAAEpB,OAAQ;UACfK,KAAK,EAAEA,KAAM;UACbgB,KAAK,EAAEpB,IAAK;UACZqB,WAAW,EAAEA,WAAY;QAC1B;QACY,CAAC;;IAEpB,CAAC,CAAAnC,KAAA;;;;;;;;;;;;;;;;;;;;IAoBO+B,UAAU,GAAG,UAACK,OAA2B,EAAW;MAC1DpC,KAAA,CAAKqC,OAAO,GAAGD,OAAO;IACxB,CAAC,QAAApC,KAAA,MAAAsC,eAAA,CAAArB,OAAA,EAAApB,QAAA,EAAAE,gBAAA,MAAAwC,MAAA,GAAA1C,QAAA,CAAA2C,SAAA,CAAAD,MAAA,CAlDME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEnF,MAAA,CAAA0D,OAAA,CAAAO,aAAA,CAACvD,aAAA,CAAA0E,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,CACVH,MAAI,CAACG,KAAK,GAAG,IAAAC,kCAAgB,EAACD,KAAK,CAAC,CACpC,oBAAOtF,MAAA,CAAA0D,OAAA,CAAAO,aAAA,CAACvD,aAAA,CAAA0E,YAAY,CAACI,QAAQ,IAACd,KAAK,EAAES,MAAI,CAACG,KAAM,IAAEH,MAAI,CAAChC,UAAU,CAAC,CAAyB,CAAC,CAC9F,CACqB,CAAC,CAE5B,CAAC,EAqBD;AACF;AACA,KAFE6B,MAAA,CAGOS,IAAI,GAAX,SAAAA,KAAA,EAAc,CACZ,IAAI,IAAI,CAACX,OAAO,EAAE,CAChB,IAAI,CAACA,OAAO,CAACW,IAAI,CAAC,CAAC,CACrB,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAT,MAAA,CAGOU,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACb,IAAI,IAAI,CAACZ,OAAO,EAAE,CAChB,IAAI,CAACA,OAAO,CAACY,KAAK,CAAC,CAAC,CACtB,CACF,CAAC,QAAApD,QAAA,GA3D2BsB,cAAK,CAAC+B,SAAS,GAAA7E,SAAA,CAC7B8E,mBAAmB,GAAG,UAAU,EAAA9E,SAAA,CAChC+E,WAAW,GAAG,UAAU,EAAA/E,SAAA,CAExBgF,MAAM,GAAGC,sBAAU,EAAAjF,SAAA,CACnBkF,QAAQ,GAAGA,kBAAQ,EAAAlF,SAAA,CACnBmF,SAAS,GAAGC,4BAAa,EAAApF,SAAA,MAAAD,MAAA,CA4DzC,SAAS+D,WAAWA,CAACF,KAAU,EAAE,CAC/B,OAAOA,KAAK;AACd","ignoreList":[]}

package/cjs/components/DropdownMenu/DropdownMenu.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import React from 'react';
 import type { PopupMenuProps } from '../../internal/PopupMenu';
 import type { PopupPositionsType } from '../../internal/Popup';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 export interface DropdownMenuProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
     /** Максимальная высота меню */
     menuMaxHeight?: React.CSSProperties['maxWidth'];
@@ -20,13 +21,13 @@ export interface DropdownMenuProps extends Pick<AriaAttributes, 'aria-label'>, P
     /**
      * Произвольный элемент, который будет отрендерен в шапке меню.
      *
-     * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
      */
     header?: React.ReactNode;
     /**
      * Произвольный элемент, который будет отрендерен в подвале меню.
      *
-     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).
+     * Перед элементом переданным в `footer` будет отрендерен MenuSeparator.
      */
     footer?: React.ReactNode;
     /**
@@ -55,6 +56,7 @@ export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
     static defaultProps: DefaultProps;
     private getProps;
     private popupMenu;
+    getRootNode: TGetRootNode;
     private setRootNode;
     constructor(props: DropdownMenuProps);
     render(): React.JSX.Element;

package/cjs/components/DropdownMenu/DropdownMenu.js CHANGED Viewed

@@ -86,6 +86,7 @@ DropdownMenu = exports.DropdownMenu = (0, _rootNode.rootNode)(_class = (_Dropdow
   function DropdownMenu(props) {var _this;
     _this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(DropdownMenu.defaultProps);_this.popupMenu = null;_this.