@salutejs/plasma-new-hope 0.340.0-canary.2316.19100752819.0 → 0.340.0-canary.2316.19170245062.0

package/es/components/Tabs/tokens.js

@@ -80,6 +80,7 @@ var tokens = {
   fontSize: '--plasma-tab-item-font-size',
   fontStyle: '--plasma-tab-item-font-style',
   fontWeight: '--plasma-tab-item-font-weight',
+  fontWeightSelected: '--plasma-tab-item-font-weight-selected',
   letterSpacing: '--plasma-tab-item-letter-spacing',
   lineHeight: '--plasma-tab-item-lineheight',
   valueFontFamily: '--plasma-tab-item-value-font-family',

package/es/components/Tabs/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n    selectedTabsItem: 'selected-tabs-item',\n    tabsPilled: 'tabs-pilled',\n    tabsGroupFilledBackground: 'tabs-group-filled-background',\n    tabsStretch: 'tabs-stretched',\n    tabsNoDivider: 'tabs-no-divider',\n    tabItemDivider: 'tab-item-divider',\n    tabItemAnimated: 'tab-item-animated',\n    tabContent: 'tab-item-content',\n    tabRightContent: 'tab-item-right-content',\n    tabLeftContent: 'tab-item-left-content',\n    tabsHasLeftArrow: 'tabs-has-left-arrow',\n    tabsHasRightArrow: 'tabs-has-right-arrow',\n    tabsHasTopArrow: 'tabs-has-top-arrow',\n    tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n    tabsClipScroll: 'tabs-clip-scroll',\n    tabsClipShowAll: 'tabs-clip-show-all',\n    tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n    disabledOpacity: '--plasma-tabs-disabled-opacity',\n    containerWidth: '--plasma-tabs-container-width',\n    containerHeight: '--plasma-tabs-container-height',\n    cursor: '--plasma-tabs-cursor',\n    color: '--plasma-tabs-color',\n    colorHover: '--plasma-tabs-color-hover',\n\n    tabsDividerWidth: '--plasma-tabs-divider-width',\n    tabsDividerHeight: '--plasma-tabs-divider-height',\n    tabsDividerColor: '--plasma-tabs-divider-color',\n    tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n    itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n    itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n    itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n    itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n    outlineFocusColor: '--plasma-tabs-outline-focus-color',\n    arrowColor: '--plasma-tabs-arrow-color',\n    arrowColorHover: '--plasma-tabs-arrow-color-hover',\n    arrowColorActive: '--plasma-tabs-arrow-color-active',\n    tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n    tabsBackgroundColor: '--plasma-tabs-background-color',\n    tabsBorderRadius: '--plasma-tabs-border-radius',\n    tabsWidth: '--plasma-tabs-width',\n    tabsHeight: '--plasma-tabs-height',\n    tabsPadding: '--plasma-tabs-padding',\n    tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n    itemBorderRadius: '--plasma-tab-item-border-radius',\n    itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n    itemWidth: '--plasma-tab-item-width',\n    itemHeight: '--plasma-tab-item-height',\n    itemPadding: '--plasma-tab-item-padding',\n    itemPaddingClear: '--plasma-tab-item-padding-clear',\n    itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n    itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n    itemMarginLeft: '--plasma-tab-item-margin-left',\n    itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n    itemContentGap: '--plasma-tab-item-content-gap',\n\n    itemContentPadding: '--plasma-tab-item-content-padding',\n    itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n    arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n    arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n    arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n    itemColor: '--plasma-tab-item-color',\n    itemValueColor: '--plasma-tab-item-value-color',\n    itemBackgroundColor: '--plasma-tab-item-background-color',\n    itemColorHover: '--plasma-tab-item-color-hover',\n    itemValueColorHover: '--plasma-tab-item-value-color-hover',\n    itemColorActive: '--plasma-tab-item-color-active',\n    itemValueColorActive: '--plasma-tab-item-value-color-active',\n    itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n    itemCursor: '--plasma-tab-item-cursor',\n    itemCursorOverNotSelected: '--plasma-tab-item-cursor-over-not-selected',\n\n    itemSelectedColor: '--plasma-tab-item-selected-color',\n    itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n    itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n    itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n    itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n    itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n    itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n    fontFamily: '--plasma-tab-item-font-family',\n    fontSize: '--plasma-tab-item-font-size',\n    fontStyle: '--plasma-tab-item-font-style',\n    fontWeight: '--plasma-tab-item-font-weight',\n    letterSpacing: '--plasma-tab-item-letter-spacing',\n    lineHeight: '--plasma-tab-item-lineheight',\n\n    valueFontFamily: '--plasma-tab-item-value-font-family',\n    valueFontSize: '--plasma-tab-item-value-font-size',\n    valueFontStyle: '--plasma-tab-item-value-font-style',\n    valueFontWeight: '--plasma-tab-item-value-font-weight',\n    valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n    valueLineHeight: '--plasma-tab-item-value-lineheight',\n\n    actionContentMarginLeft: '--plasma-tab-item-action-content-margin-left',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemCursor","itemCursorOverNotSelected","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","actionContentMarginLeft"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,oBAAoB;AACtCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,WAAW,EAAE,gBAAgB;AAC7BC,EAAAA,aAAa,EAAE,iBAAiB;AAChCC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,UAAU,EAAE,kBAAkB;AAC9BC,EAAAA,eAAe,EAAE,wBAAwB;AACzCC,EAAAA,cAAc,EAAE,uBAAuB;AACvCC,EAAAA,gBAAgB,EAAE,qBAAqB;AACvCC,EAAAA,iBAAiB,EAAE,sBAAsB;AACzCC,EAAAA,eAAe,EAAE,oBAAoB;AACrCC,EAAAA,kBAAkB,EAAE,uBAAuB;AAC3CC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,oBAAoB;AACrCC,EAAAA,YAAY,EAAE,eAAA;AAClB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,wBAAwB,EAAE,0CAA0C;AACpEC,EAAAA,yBAAyB,EAAE,2CAA2C;AACtEC,EAAAA,wBAAwB,EAAE,0CAA0C;AACpEC,EAAAA,6BAA6B,EAAE,gDAAgD;AAE/EC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,UAAU,EAAE,sBAAsB;AAClCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,oCAAoC;AAE5DC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,SAAS,EAAE,yBAAyB;AACpCC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,WAAW,EAAE,2BAA2B;AACxCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,8BAA8B,EAAE,gDAAgD;AAChFC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAE/CC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,uBAAuB,EAAE,yCAAyC;AAElEC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,qBAAqB,EAAE,uCAAuC;AAE9DC,EAAAA,SAAS,EAAE,yBAAyB;AACpCC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,oCAAoC;AACzDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,wBAAwB,EAAE,0CAA0C;AACpEC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,yBAAyB,EAAE,4CAA4C;AAEvEC,EAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,2BAA2B,EAAE,6CAA6C;AAC1EC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,2BAA2B,EAAE,8CAA8C;AAC3EC,EAAAA,gCAAgC,EAAE,mDAAmD;AAErFC,EAAAA,wBAAwB,EAAE,yCAAyC;AAEnEC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,QAAQ,EAAE,6BAA6B;AACvCC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,UAAU,EAAE,8BAA8B;AAE1CC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,uBAAuB,EAAE,8CAAA;AAC7B;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n    selectedTabsItem: 'selected-tabs-item',\n    tabsPilled: 'tabs-pilled',\n    tabsGroupFilledBackground: 'tabs-group-filled-background',\n    tabsStretch: 'tabs-stretched',\n    tabsNoDivider: 'tabs-no-divider',\n    tabItemDivider: 'tab-item-divider',\n    tabItemAnimated: 'tab-item-animated',\n    tabContent: 'tab-item-content',\n    tabRightContent: 'tab-item-right-content',\n    tabLeftContent: 'tab-item-left-content',\n    tabsHasLeftArrow: 'tabs-has-left-arrow',\n    tabsHasRightArrow: 'tabs-has-right-arrow',\n    tabsHasTopArrow: 'tabs-has-top-arrow',\n    tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n    tabsClipScroll: 'tabs-clip-scroll',\n    tabsClipShowAll: 'tabs-clip-show-all',\n    tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n    disabledOpacity: '--plasma-tabs-disabled-opacity',\n    containerWidth: '--plasma-tabs-container-width',\n    containerHeight: '--plasma-tabs-container-height',\n    cursor: '--plasma-tabs-cursor',\n    color: '--plasma-tabs-color',\n    colorHover: '--plasma-tabs-color-hover',\n\n    tabsDividerWidth: '--plasma-tabs-divider-width',\n    tabsDividerHeight: '--plasma-tabs-divider-height',\n    tabsDividerColor: '--plasma-tabs-divider-color',\n    tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n    itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n    itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n    itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n    itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n    outlineFocusColor: '--plasma-tabs-outline-focus-color',\n    arrowColor: '--plasma-tabs-arrow-color',\n    arrowColorHover: '--plasma-tabs-arrow-color-hover',\n    arrowColorActive: '--plasma-tabs-arrow-color-active',\n    tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n    tabsBackgroundColor: '--plasma-tabs-background-color',\n    tabsBorderRadius: '--plasma-tabs-border-radius',\n    tabsWidth: '--plasma-tabs-width',\n    tabsHeight: '--plasma-tabs-height',\n    tabsPadding: '--plasma-tabs-padding',\n    tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n    itemBorderRadius: '--plasma-tab-item-border-radius',\n    itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n    itemWidth: '--plasma-tab-item-width',\n    itemHeight: '--plasma-tab-item-height',\n    itemPadding: '--plasma-tab-item-padding',\n    itemPaddingClear: '--plasma-tab-item-padding-clear',\n    itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n    itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n    itemMarginLeft: '--plasma-tab-item-margin-left',\n    itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n    itemContentGap: '--plasma-tab-item-content-gap',\n\n    itemContentPadding: '--plasma-tab-item-content-padding',\n    itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n    arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n    arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n    arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n    itemColor: '--plasma-tab-item-color',\n    itemValueColor: '--plasma-tab-item-value-color',\n    itemBackgroundColor: '--plasma-tab-item-background-color',\n    itemColorHover: '--plasma-tab-item-color-hover',\n    itemValueColorHover: '--plasma-tab-item-value-color-hover',\n    itemColorActive: '--plasma-tab-item-color-active',\n    itemValueColorActive: '--plasma-tab-item-value-color-active',\n    itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n    itemCursor: '--plasma-tab-item-cursor',\n    itemCursorOverNotSelected: '--plasma-tab-item-cursor-over-not-selected',\n\n    itemSelectedColor: '--plasma-tab-item-selected-color',\n    itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n    itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n    itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n    itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n    itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n    itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n    fontFamily: '--plasma-tab-item-font-family',\n    fontSize: '--plasma-tab-item-font-size',\n    fontStyle: '--plasma-tab-item-font-style',\n    fontWeight: '--plasma-tab-item-font-weight',\n    fontWeightSelected: '--plasma-tab-item-font-weight-selected',\n    letterSpacing: '--plasma-tab-item-letter-spacing',\n    lineHeight: '--plasma-tab-item-lineheight',\n\n    valueFontFamily: '--plasma-tab-item-value-font-family',\n    valueFontSize: '--plasma-tab-item-value-font-size',\n    valueFontStyle: '--plasma-tab-item-value-font-style',\n    valueFontWeight: '--plasma-tab-item-value-font-weight',\n    valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n    valueLineHeight: '--plasma-tab-item-value-lineheight',\n\n    actionContentMarginLeft: '--plasma-tab-item-action-content-margin-left',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemCursor","itemCursorOverNotSelected","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","fontWeightSelected","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","actionContentMarginLeft"],"mappings":"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"}

package/es/index.css

@@ -1225,12 +1225,12 @@
 
 .TimeGrid_styles_31tnfx_s1za4gl__f13ae98e{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;--plasma-time-picker-grid-grid-width:var(--s1za4gl-0);--plasma-time-picker-grid-column-height:var(--s1za4gl-1);--plasma-time-picker-grid-item-height:var(--plasma-date-time-picker-grid-item-height);--plasma-time-picker-grid-item-border-radius:var(--plasma-date-time-picker-grid-item-border-radius);--plasma-time-picker-grid-item-padding:var(--plasma-date-time-picker-grid-item-padding);--plasma-time-picker-grid-item-hover-background:var(--plasma-date-time-picker-grid-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--plasma-date-time-picker-grid-item-active-background);--plasma-time-picker-grid-item-font-family:var(--plasma-date-time-picker-grid-item-font-family);--plasma-time-picker-grid-item-font-size:var(--plasma-date-time-picker-grid-item-font-size);--plasma-time-picker-grid-item-font-style:var(--plasma-date-time-picker-grid-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--plasma-date-time-picker-grid-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--plasma-date-time-picker-grid-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--plasma-date-time-picker-grid-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--plasma-date-time-picker-grid-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--plasma-date-time-picker-grid-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--plasma-date-time-picker-grid-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--plasma-date-time-picker-grid-scrollbar-margin);--plasma-time-picker-grid-disabled-opacity:var(--plasma-date-time-picker-disabled-opacity);}
 
-.DateShortcutList_styles_ubu846_srjhtf2__7363696a{-webkit-order:var(--srjhtf2-0);-ms-flex-order:var(--srjhtf2-0);order:var(--srjhtf2-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--srjhtf2-1);-ms-flex-direction:var(--srjhtf2-1);flex-direction:var(--srjhtf2-1);gap:var(--plasma-date-time-picker-popover-gap);-webkit-flex-shrink:var(--srjhtf2-2);-ms-flex-negative:var(--srjhtf2-2);flex-shrink:var(--srjhtf2-2);overflow-y:hidden;height:var(--srjhtf2-3);}
-.DateShortcutList_styles_ubu846_s16rfxhh__7363696a{width:var(--s16rfxhh-0);margin:0;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.DateShortcutList_styles_ubu846_s16rfxhh__7363696a::-webkit-scrollbar{display:none;}
-.DateShortcutList_styles_ubu846_s1qkjxao__7363696a{padding:var(--plasma-date-time-picker-shortcut-item-padding);border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);position:relative;}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a:hover:not(.DateShortcutList_styles_ubu846_plasma_dateTimePickerShortcutItemDisabled__7363696a){cursor:pointer;background:var(--plasma-date-time-picker-shortcut-item-background-hover);}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a.DateShortcutList_styles_ubu846_plasma_dateTimePickerShortcutItemDisabled__7363696a{opacity:--plasma-date-time-picker-disabled-opacity;cursor:not-allowed;}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a:focus{outline:none;}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a.DateShortcutList_styles_ubu846_focusVisible__7363696a:focus::before,.DateShortcutList_styles_ubu846_s1qkjxao__7363696a[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-date-time-picker-outline-focus);}
-.DateShortcutList_styles_ubu846_ssgyi30__7363696a{--plasma-cell-title-color:var(--plasma-date-time-picker-shortcut-item-color);--plasma-cell-padding:var(--plasma-date-time-picker-shortcut-item-padding);--plasma-cell-padding-content:var(--plasma-date-time-picker-shortcut-item-padding-content);--plasma-cell-padding-left-content:var(--plasma-date-time-picker-shortcut-item-padding-left-content);--plasma-cell-padding-right-content:var(--plasma-date-time-picker-shortcut-item-right-padding-content);--plasma-cell-gap:var(--plasma-date-time-picker-shortcut-item-gap);}
-.DateShortcutList_styles_ubu846_st47490__7363696a{display:grid;}
-.DateShortcutList_styles_ubu846_s1j4i6d7__7363696a{font-family:var(--plasma-date-time-picker-shortcut-item-font-family);font-size:var(--plasma-date-time-picker-shortcut-item-font-size);font-style:var(--plasma-date-time-picker-shortcut-item-font-style);font-weight:var(--plasma-date-time-picker-shortcut-item-font-weight);-webkit-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-moz-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-ms-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);line-height:var(--plasma-date-time-picker-shortcut-item-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.DateShortcutList_styles_pdofx1_srjhtf2__dcf80433{-webkit-order:var(--srjhtf2-0);-ms-flex-order:var(--srjhtf2-0);order:var(--srjhtf2-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--srjhtf2-1);-ms-flex-direction:var(--srjhtf2-1);flex-direction:var(--srjhtf2-1);gap:var(--plasma-date-time-picker-popover-gap);-webkit-flex-shrink:var(--srjhtf2-2);-ms-flex-negative:var(--srjhtf2-2);flex-shrink:var(--srjhtf2-2);overflow-y:hidden;height:var(--srjhtf2-3);}
+.DateShortcutList_styles_pdofx1_s16rfxhh__dcf80433{width:var(--s16rfxhh-0);list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.DateShortcutList_styles_pdofx1_s16rfxhh__dcf80433::-webkit-scrollbar{display:none;}
+.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433{padding:var(--plasma-date-time-picker-shortcut-item-padding);border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);position:relative;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433:hover:not(.DateShortcutList_styles_pdofx1_plasma_dateTimePickerShortcutItemDisabled__dcf80433){cursor:pointer;background:var(--plasma-date-time-picker-shortcut-item-background-hover);}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433.DateShortcutList_styles_pdofx1_plasma_dateTimePickerShortcutItemDisabled__dcf80433{opacity:--plasma-date-time-picker-disabled-opacity;cursor:not-allowed;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433:focus{outline:none;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433.DateShortcutList_styles_pdofx1_focusVisible__dcf80433:focus::before,.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-date-time-picker-outline-focus);}
+.DateShortcutList_styles_pdofx1_ssgyi30__dcf80433{--plasma-cell-title-color:var(--plasma-date-time-picker-shortcut-item-color);--plasma-cell-padding:var(--plasma-date-time-picker-shortcut-item-padding);--plasma-cell-padding-content:var(--plasma-date-time-picker-shortcut-item-padding-content);--plasma-cell-padding-left-content:var(--plasma-date-time-picker-shortcut-item-padding-left-content);--plasma-cell-padding-right-content:var(--plasma-date-time-picker-shortcut-item-right-padding-content);--plasma-cell-gap:var(--plasma-date-time-picker-shortcut-item-gap);}
+.DateShortcutList_styles_pdofx1_st47490__dcf80433{display:grid;}
+.DateShortcutList_styles_pdofx1_s1j4i6d7__dcf80433{font-family:var(--plasma-date-time-picker-shortcut-item-font-family);font-size:var(--plasma-date-time-picker-shortcut-item-font-size);font-style:var(--plasma-date-time-picker-shortcut-item-font-style);font-weight:var(--plasma-date-time-picker-shortcut-item-font-weight);-webkit-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-moz-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-ms-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);line-height:var(--plasma-date-time-picker-shortcut-item-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
 .Popover_styles_1v6vurg_sptwu7d__ce4c918d .Popover_styles_1v6vurg_plasma_dateTimePickerRoot__ce4c918d{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-date-time-picker-popover-gap);border-radius:var(--plasma-date-time-picker-popover-border-radius);padding:var(--plasma-date-time-picker-popover-padding);background:var(--plasma-date-time-picker-popover__background-color);box-shadow:var(--plasma-date-time-picker-popover-shadow);overflow:hidden;width:var(--sptwu7d-0);height:var(--sptwu7d-1);}
 .Popover_styles_1v6vurg_s1xs0v0p__ce4c918d{background-color:var(--plasma-date-time-picker-popover__separator-background);min-width:0.063rem;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.340.0-canary.2316.19100752819.0",
+  "version": "0.340.0-canary.2316.19170245062.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -118,7 +118,7 @@
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
     "@salutejs/plasma-core": "1.209.0",
-    "@salutejs/react-maskinput": "3.2.6",
+    "@salutejs/react-maskinput": "3.3.0",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
     "classnames": "2.5.1",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "9a2d37022a895a1cc38323a7b8409ecd3f22e414"
+  "gitHead": "1c952e615d3589dafe5d2aa942c492f20512cc5f"
 }

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -19,6 +19,7 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _utils = require("../../../utils");
+var _datejs = require("../../../utils/datejs");
 var _dateHelper = require("../utils/dateHelper");
 var _useDatePicker = require("../hooks/useDatePicker");
 var _DatePickertokens = require("../DatePicker.tokens");
@@ -486,18 +487,34 @@ var datePickerRangeRoot = function(Root) {
                 prevValue,
                 chosenDate
             ]), 2), first = _getSortedValues[0], second = _getSortedValues[1];
-            handleFirstCalendarPick(first, dateInfo);
-            handleSecondCalendarPick(second, dateInfo);
+            /**
+                 * NOTE: проверяем совпадает ли новая дата с предыдущей
+                 * Если нет, то вызываем handle{First,Second}CalendarPick
+                 */ _datejs.customDayjs.locale(lang);
+            var firstFormatted = first ? (0, _datejs.customDayjs)(first).format(format) : '';
+            var secondFormatted = second ? (0, _datejs.customDayjs)(second).format(format) : '';
+            if (firstFormatted !== inputFirstValue) {
+                handleFirstCalendarPick(first, dateInfo);
+            }
+            if (secondFormatted !== inputSecondValue) {
+                handleSecondCalendarPick(second, dateInfo);
+            }
             if (!firstValueError && !secondValueError && closeAfterDateSelect) {
                 handleToggle(false);
             }
         };
         var handleChangeCalendarValue = function(param, dateInfo) {
             var _$_param = _sliced_to_array(param, 2), firstDate = _$_param[0], secondDate = _$_param[1];
-            if (firstDate) {
+            /**
+                 * NOTE: проверяем совпадает ли новая дата с предыдущей
+                 * Если нет, то вызываем handle{First,Second}CalendarPick
+                 */ _datejs.customDayjs.locale(lang);
+            var firstFormatted = firstDate ? (0, _datejs.customDayjs)(firstDate).format(format) : '';
+            var secondFormatted = secondDate ? (0, _datejs.customDayjs)(secondDate).format(format) : '';
+            if (firstFormatted !== inputFirstValue) {
                 handleFirstCalendarPick(firstDate, dateInfo);
             }
-            if (secondDate) {
+            if (secondFormatted !== inputSecondValue) {
                 handleSecondCalendarPick(secondDate, dateInfo);
             }
             if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {

package/styled-components/cjs/components/DateTimePicker/DateTimePicker.js

@@ -18,9 +18,7 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-var _datejs = require("../../utils/datejs");
 var _plasmacore = require("@salutejs/plasma-core");
-var _dateHelper = require("../DatePicker/utils/dateHelper");
 var _DateTimePickerstyles = require("./DateTimePicker.styles");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
@@ -30,7 +28,6 @@ var _base4 = require("./variations/_readonly/base");
 var _ui = require("./ui");
 var _DateTimePickertokens = require("./DateTimePicker.tokens");
 var _useDateTimePicker = require("./hooks/useDateTimePicker");
-var _utils = require("./utils");
 var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -258,58 +255,9 @@ var dateTimePickerRoot = function(Root) {
         var inputInnerRef = (0, _plasmacore.useForkRef)(inputRef, ref);
         var calendarOverlayRef = (0, _react.useRef)(null);
         var _useState = _sliced_to_array((0, _react.useState)(opened), 2), isInnerOpen = _useState[0], setIsInnerOpen = _useState[1];
-        var dateFormatDelimiter = (0, _react.useMemo)(function() {
-            return (0, _dateHelper.getDateFormatDelimiter)(dateFormat);
-        }, [
-            dateFormat
-        ]);
-        var timeFormatDelimiter = (0, _react.useMemo)(function() {
-            return (0, _dateHelper.getDateFormatDelimiter)(timeFormat);
-        }, [
-            timeFormat
-        ]);
-        var timeColumnsCount = (timeFormat === null || timeFormat === void 0 ? void 0 : timeFormat.split(timeFormatDelimiter).length) || 2;
-        var fullFormat = dateFormat + dateTimeSeparator + timeFormat;
-        var _useState1 = _sliced_to_array((0, _react.useState)(defaultDate || ''), 2), innerDate = _useState1[0], setInnerDate = _useState1[1];
-        var dateValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerDate;
-        var initialValues = (0, _utils.getFormattedDateTime)({
-            value: dateValue,
-            lang: lang,
-            format: fullFormat,
-            includeEdgeDates: includeEdgeDates,
-            min: min,
-            max: max,
-            dateFormat: dateFormat,
-            timeFormat: timeFormat
-        });
-        var _useState2 = _sliced_to_array((0, _react.useState)({
-            input: initialValues.formattedDate,
-            calendar: initialValues.dateValue,
-            time: initialValues.timeValue
-        }), 2), correctDates = _useState2[0], setCorrectDates = _useState2[1];
-        var calendarGridValue = initialValues.dateValue;
-        var timeGridValue = initialValues.timeValue;
-        _datejs.customDayjs.locale(lang);
-        var timeVisibleValue = timeGridValue ? (0, _datejs.customDayjs)(timeGridValue).format(timeFormat) : '';
-        var inputValue = initialValues.formattedDate;
-        var isDateEqualEdge = function(dateEdge) {
-            if (!dateEdge) {
-                return false;
-            }
-            var normalizedEdgeDate = (0, _datejs.customDayjs)(dateEdge);
-            normalizedEdgeDate.set('hours', 0);
-            normalizedEdgeDate.set('minutes', 0);
-            normalizedEdgeDate.set('seconds', 0);
-            var normalizedCurrentDate = (0, _datejs.customDayjs)(correctDates.calendar);
-            normalizedCurrentDate.set('hours', 0);
-            normalizedCurrentDate.set('minutes', 0);
-            normalizedCurrentDate.set('seconds', 0);
-            if (normalizedCurrentDate.isSame(normalizedEdgeDate)) {
-                return true;
-            }
-            return false;
-        };
         var _useDateTimePicker1 = (0, _useDateTimePicker.useDateTimePicker)({
+            inputRef: inputRef,
+            outerValue: outerValue,
             valueError: valueError,
             valueSuccess: valueSuccess,
             type: type,
@@ -317,74 +265,17 @@ var dateTimePickerRoot = function(Root) {
             disabled: disabled,
             readOnly: readOnly,
             maskWithFormat: maskWithFormat,
-            format: fullFormat,
+            dateTimeSeparator: dateTimeSeparator,
             dateFormat: dateFormat,
             timeFormat: timeFormat,
-            currentValue: inputValue,
-            delimiters: [
-                dateFormatDelimiter,
-                timeFormatDelimiter,
-                dateTimeSeparator
-            ],
-            inputRef: inputRef,
-            correctDates: correctDates,
             max: max,
             min: min,
             includeEdgeDates: includeEdgeDates,
             dateOnTimeSelectOnly: dateOnTimeSelectOnly,
-            setCorrectDates: setCorrectDates,
-            setInnerDate: setInnerDate,
             onChangeValue: onChangeValue,
-            onCommitDate: onCommitDate
-        }), errorClass = _useDateTimePicker1.errorClass, successClass = _useDateTimePicker1.successClass, handleChangeValue = _useDateTimePicker1.handleChangeValue, handleSearch = _useDateTimePicker1.handleSearch, getQuarterInfo = _useDateTimePicker1.getQuarterInfo, handleCalendarPick = _useDateTimePicker1.handleCalendarPick, handleTimePick = _useDateTimePicker1.handleTimePick, updateExternalDate = _useDateTimePicker1.updateExternalDate;
-        var handleBlur = function(event) {
-            if (!preserveInvalidOnBlur) {
-                _datejs.customDayjs.locale(lang);
-                var originalDate = correctDates.calendar;
-                if (!originalDate) {
-                    if (onChangeValue) {
-                        onChangeValue(event, correctDates.input, {
-                            originalDate: undefined,
-                            isoDate: ''
-                        });
-                    }
-                    if (onCommitDate) {
-                        onCommitDate(correctDates.input, {
-                            quarterInfo: undefined,
-                            originalDate: undefined,
-                            isoDate: ''
-                        });
-                    }
-                    return;
-                }
-                if (correctDates.time) {
-                    originalDate.setHours(correctDates.time.getHours(), correctDates.time.getMinutes(), correctDates.time.getSeconds());
-                }
-                setInnerDate(originalDate);
-                if (!timeGridValue) {
-                    if (correctDates.calendar) {
-                        setInnerDate(correctDates.calendar);
-                    }
-                }
-                if (onChangeValue) {
-                    onChangeValue(event, correctDates.input, {
-                        originalDate: originalDate,
-                        isoDate: originalDate.toISOString()
-                    });
-                }
-                if (onCommitDate) {
-                    var quarterInfo = getQuarterInfo(originalDate);
-                    onCommitDate(correctDates.input, {
-                        quarterInfo: quarterInfo,
-                        originalDate: originalDate,
-                        isoDate: originalDate.toISOString()
-                    });
-                }
-            }
-            if (onBlur) {
-                onBlur(event);
-            }
-        };
+            onCommitDate: onCommitDate,
+            onBlur: onBlur
+        }), format = _useDateTimePicker1.format, dateVisibleValue = _useDateTimePicker1.dateVisibleValue, calendarGridValue = _useDateTimePicker1.calendarGridValue, inputValue = _useDateTimePicker1.inputValue, timeVisibleValue = _useDateTimePicker1.timeVisibleValue, timeColumnsCount = _useDateTimePicker1.timeColumnsCount, errorClass = _useDateTimePicker1.errorClass, successClass = _useDateTimePicker1.successClass, handleChangeValue = _useDateTimePicker1.handleChangeValue, handleSearch = _useDateTimePicker1.handleSearch, handleBlur = _useDateTimePicker1.handleBlur, handleCalendarPick = _useDateTimePicker1.handleCalendarPick, handleTimePick = _useDateTimePicker1.handleTimePick, updateExternalDate = _useDateTimePicker1.updateExternalDate, isDateEqualEdge = _useDateTimePicker1.isDateEqualEdge;
         var handleCalendarOverlayClick = function(event) {
             if (disabled || readOnly) {
                 return;
@@ -410,30 +301,29 @@ var dateTimePickerRoot = function(Root) {
         };
         var onKeyDown = (0, _useKeyboardNavigation.useKeyNavigation)({
             opened: isInnerOpen,
-            format: fullFormat,
-            maskWithFormat: maskWithFormat,
-            delimiters: [
-                dateFormatDelimiter,
-                timeFormatDelimiter,
-                dateTimeSeparator
-            ],
             closeOnEsc: closeOnEsc,
             onToggle: handleToggle
         }).onKeyDown;
         (0, _react.useEffect)(function() {
+            if (disabled || readOnly) {
+                setIsInnerOpen(false);
+                return;
+            }
             setIsInnerOpen(function(prevOpen) {
                 return prevOpen !== opened && opened;
             });
         }, [
-            opened
+            opened,
+            disabled,
+            readOnly
         ]);
         (0, _react.useLayoutEffect)(function() {
-            if (!dateValue) {
+            if (!dateVisibleValue) {
                 updateExternalDate(defaultDate);
             }
         }, [
             defaultDate,
-            fullFormat,
+            format,
             lang
         ]);
         return /*#__PURE__*/ _react.default.createElement(Root, {
@@ -534,7 +424,7 @@ var dateTimePickerRoot = function(Root) {
         }, isDateEqualEdge(max) && {
             max: max
         })))), leftHelper && /*#__PURE__*/ _react.default.createElement(_DateTimePickerstyles.LeftHelper, {
-            className: (0, _classnames.default)('errorClass, successClass')
+            className: (0, _classnames.default)(errorClass, successClass)
         }, leftHelper));
     });
 };

package/styled-components/cjs/components/DateTimePicker/hooks/useDateTimePicker.js

@@ -8,11 +8,21 @@ Object.defineProperty(exports, "useDateTimePicker", {
         return useDateTimePicker;
     }
 });
+var _react = require("react");
 var _datejs = require("../../../utils/datejs");
 var _utils = require("../../Calendar/utils");
+var _dateHelper = require("../../DatePicker/utils/dateHelper");
 var _DateTimePickertokens = require("../DateTimePicker.tokens");
 var _getMaskedValue = require("../utils/getMaskedValue");
 var _utils1 = require("../utils");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -26,6 +36,33 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -65,10 +102,60 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 var useDateTimePicker = function(param) {
-    var valueError = param.valueError, valueSuccess = param.valueSuccess, type = param.type, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, maskWithFormat = param.maskWithFormat, format = param.format, dateFormat = param.dateFormat, timeFormat = param.timeFormat, currentValue = param.currentValue, delimiters = param.delimiters, inputRef = param.inputRef, min = param.min, max = param.max, includeEdgeDates = param.includeEdgeDates, correctDates = param.correctDates, dateOnTimeSelectOnly = param.dateOnTimeSelectOnly, setCorrectDates = param.setCorrectDates, setInnerDate = param.setInnerDate, onChangeValue = param.onChangeValue, onCommitDate = param.onCommitDate;
+    var valueError = param.valueError, valueSuccess = param.valueSuccess, type = param.type, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, outerValue = param.outerValue, defaultDate = param.defaultDate, maskWithFormat = param.maskWithFormat, _param_dateFormat = param.dateFormat, dateFormat = _param_dateFormat === void 0 ? 'DD.MM.YYYY' : _param_dateFormat, _param_timeFormat = param.timeFormat, timeFormat = _param_timeFormat === void 0 ? 'HH:mm:ss' : _param_timeFormat, _param_dateTimeSeparator = param.dateTimeSeparator, dateTimeSeparator = _param_dateTimeSeparator === void 0 ? ' ' : _param_dateTimeSeparator, inputRef = param.inputRef, min = param.min, max = param.max, includeEdgeDates = param.includeEdgeDates, dateOnTimeSelectOnly = param.dateOnTimeSelectOnly, preserveInvalidOnBlur = param.preserveInvalidOnBlur, onChangeValue = param.onChangeValue, onCommitDate = param.onCommitDate, onBlur = param.onBlur;
     var errorClass = valueError ? _DateTimePickertokens.classes.error : undefined;
     var successClass = valueSuccess ? _DateTimePickertokens.classes.success : undefined;
+    var dateFormatDelimiter = (0, _react.useMemo)(function() {
+        return (0, _dateHelper.getDateFormatDelimiter)(dateFormat);
+    }, [
+        dateFormat
+    ]);
+    var timeFormatDelimiter = (0, _react.useMemo)(function() {
+        return (0, _dateHelper.getDateFormatDelimiter)(timeFormat);
+    }, [
+        timeFormat
+    ]);
+    var delimiters = [
+        dateFormatDelimiter,
+        timeFormatDelimiter,
+        dateTimeSeparator
+    ];
+    var format = dateFormat + dateTimeSeparator + timeFormat;
+    var timeColumnsCount = (timeFormat === null || timeFormat === void 0 ? void 0 : timeFormat.split(timeFormatDelimiter).length) || 2;
+    var _useState = _sliced_to_array((0, _react.useState)(defaultDate || ''), 2), innerDate = _useState[0], setInnerDate = _useState[1];
+    var dateVisibleValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerDate;
+    var initialValues = (0, _utils1.getFormattedDateTime)({
+        value: dateVisibleValue,
+        lang: lang,
+        format: format,
+        includeEdgeDates: includeEdgeDates,
+        min: min,
+        max: max,
+        dateFormat: dateFormat,
+        timeFormat: timeFormat
+    });
+    var _useState1 = _sliced_to_array((0, _react.useState)({
+        input: initialValues.formattedDate,
+        calendar: initialValues.dateValue,
+        time: initialValues.timeValue
+    }), 2), correctDates = _useState1[0], setCorrectDates = _useState1[1];
+    var calendarGridValue = initialValues.dateValue;
+    var timeGridValue = initialValues.timeValue;
+    _datejs.customDayjs.locale(lang);
+    var timeVisibleValue = timeGridValue ? (0, _datejs.customDayjs)(timeGridValue).format(timeFormat) : '';
+    var inputValue = initialValues.formattedDate;
     var getQuarterInfo = function(originalDate) {
         if (type !== 'Quarters' || !originalDate) {
             return;
@@ -86,6 +173,23 @@ var useDateTimePicker = function(param) {
             ]
         };
     };
+    var isDateEqualEdge = function(dateEdge) {
+        if (!dateEdge) {
+            return false;
+        }
+        var normalizedEdgeDate = (0, _datejs.customDayjs)(dateEdge);
+        normalizedEdgeDate.set('hours', 0);
+        normalizedEdgeDate.set('minutes', 0);
+        normalizedEdgeDate.set('seconds', 0);
+        var normalizedCurrentDate = (0, _datejs.customDayjs)(correctDates.calendar);
+        normalizedCurrentDate.set('hours', 0);
+        normalizedCurrentDate.set('minutes', 0);
+        normalizedCurrentDate.set('seconds', 0);
+        if (normalizedCurrentDate.isSame(normalizedEdgeDate)) {
+            return true;
+        }
+        return false;
+    };
     var getFormattedCorrectInput = function(param) {
         var originalDate = param.originalDate, formattedDate = param.formattedDate, dateValue = param.dateValue, timeValue = param.timeValue;
         if (originalDate || formattedDate === '') {
@@ -116,7 +220,7 @@ var useDateTimePicker = function(param) {
             value: value,
             format: format,
             delimiters: delimiters,
-            prevValue: currentValue,
+            prevValue: inputValue,
             selectionStart: selectionStart
         }) : {
             formattedValue: value,
@@ -326,14 +430,70 @@ var useDateTimePicker = function(param) {
         });
         setInnerDate(formattedDate);
     };
+    var handleBlur = function(event) {
+        if (!preserveInvalidOnBlur) {
+            _datejs.customDayjs.locale(lang);
+            var originalDate = correctDates.calendar;
+            if (!originalDate) {
+                if (onChangeValue) {
+                    onChangeValue(event, correctDates.input, {
+                        originalDate: undefined,
+                        isoDate: ''
+                    });
+                }
+                if (onCommitDate) {
+                    onCommitDate(correctDates.input, {
+                        quarterInfo: undefined,
+                        originalDate: undefined,
+                        isoDate: ''
+                    });
+                }
+                return;
+            }
+            if (correctDates.time) {
+                originalDate.setHours(correctDates.time.getHours(), correctDates.time.getMinutes(), correctDates.time.getSeconds());
+            }
+            setInnerDate(originalDate);
+            if (!timeGridValue) {
+                if (correctDates.calendar) {
+                    setInnerDate(correctDates.calendar);
+                }
+            }
+            if (onChangeValue) {
+                onChangeValue(event, correctDates.input, {
+                    originalDate: originalDate,
+                    isoDate: originalDate.toISOString()
+                });
+            }
+            if (onCommitDate) {
+                var quarterInfo = getQuarterInfo(originalDate);
+                onCommitDate(correctDates.input, {
+                    quarterInfo: quarterInfo,
+                    originalDate: originalDate,
+                    isoDate: originalDate.toISOString()
+                });
+            }
+        }
+        if (onBlur) {
+            onBlur(event);
+        }
+    };
     return {
+        format: format,
+        dateVisibleValue: dateVisibleValue,
+        calendarGridValue: calendarGridValue,
+        inputValue: inputValue,
+        timeVisibleValue: timeVisibleValue,
+        timeColumnsCount: timeColumnsCount,
         errorClass: errorClass,
         successClass: successClass,
         handleChangeValue: handleChangeValue,
         handleSearch: handleSearch,
         handleCalendarPick: handleCalendarPick,
         handleTimePick: handleTimePick,
+        handleBlur: handleBlur,
         updateExternalDate: updateExternalDate,
-        getQuarterInfo: getQuarterInfo
+        getQuarterInfo: getQuarterInfo,
+        isDateEqualEdge: isDateEqualEdge
     };
 };

package/styled-components/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js

@@ -16,18 +16,13 @@ _export(exports, {
         return useKeyNavigation;
     }
 });
-var _dateHelper = require("../../DatePicker/utils/dateHelper");
 var keys = {
     Space: 'Space',
     Escape: 'Escape'
 };
 var useKeyNavigation = function(param) {
-    var opened = param.opened, closeOnEsc = param.closeOnEsc, format = param.format, maskWithFormat = param.maskWithFormat, delimiters = param.delimiters, onToggle = param.onToggle;
+    var opened = param.opened, closeOnEsc = param.closeOnEsc, onToggle = param.onToggle;
     var onKeyDown = function(event) {
-        if ((delimiters === null || delimiters === void 0 ? void 0 : delimiters.includes(event.key)) && maskWithFormat && format && !(0, _dateHelper.needFullMonth)(format)) {
-            event.preventDefault();
-            return;
-        }
         switch(event.code){
             case keys.Space:
                 {