@consta/uikit 3.28.0 → 4.0.0

package/__internal__/src/components/DateTime/DateTime10YearSlider/DateTime10YearSlider.d.ts

@@ -0,0 +1,14 @@
+import './DateTime10YearSlider.css';
+import { Locale } from 'date-fns';
+import React from 'react';
+import { DateRange } from '../../../utils/types/Date';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+export declare type DateTime10YearSliderProps = PropsWithHTMLAttributes<{
+    currentVisibleDate: Date;
+    onChange: (date: Date) => void;
+    children?: never;
+    value?: Date | DateRange;
+    locale?: Locale;
+}, HTMLDivElement>;
+export declare const cnDateTime10YearSlider: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTime10YearSlider: React.FC<DateTime10YearSliderProps>;

package/__internal__/src/components/DateTime/DateTime10YearSlider/DateTime10YearSlider.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["currentVisibleDate","className","onChange","value","locale"];import"./DateTime10YearSlider.css";import{addYears,endOfDecade,format,getDecade,getYear,startOfDecade}from"date-fns";import ruLocale from"date-fns/locale/ru";import React from"react";import{range}from"../../../utils/array";import{cn}from"../../../utils/bem";import{DateTimeSlider}from"../DateTimeSlider/DateTimeSlider";import{getSliderValueRange}from"../helpers/getSliderValueRange";export var cnDateTime10YearSlider=cn("DateTime10YearSlider");var isCurrentVisibleDecade=function(a,b){return getDecade(a)===getDecade(b)},isCurrentVisibleYear=function(a,b){return isCurrentVisibleDecade(a,b)&&getYear(a)===getYear(b)},getDecadeItems=function(a,b,c){return range(10).map(function(d){var e=addYears(b,d);return{date:e,label:format(e,"yyyy",{locale:c}),current:isCurrentVisibleYear(a,e)}})},getSliderData=function(a,b,c){var d=startOfDecade(a);return[addYears(d,-10),d,addYears(d,10),addYears(d,20)].map(function(d){return{label:"".concat(format(d,"yyyy",{locale:c}),"-").concat(format(addYears(d,10),"yyyy",{locale:c})),date:d,items:getDecadeItems(a,d,c),current:isCurrentVisibleDecade(a,d),valueRange:getSliderValueRange(d,b,startOfDecade,endOfDecade)}})};export var DateTime10YearSlider=function(a){var b=a.currentVisibleDate,c=a.className,d=a.onChange,e=a.value,f=a.locale,g=void 0===f?ruLocale:f,h=_objectWithoutProperties(a,_excluded),i=getSliderData(b,e,g);return React.createElement(DateTimeSlider,Object.assign({className:cnDateTime10YearSlider(null,[c]),onNext:function handleNext(){return d(addYears(b,10))},onPrev:function handlePrev(){return d(addYears(b,-10))},data:i,onChange:d},h))};
+//# sourceMappingURL=DateTime10YearSlider.js.map

package/__internal__/src/components/DateTime/DateTime10YearSlider/DateTime10YearSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTime10YearSlider.js","names":["addYears","endOfDecade","format","getDecade","getYear","startOfDecade","ruLocale","React","range","cn","DateTimeSlider","getSliderValueRange","cnDateTime10YearSlider","isCurrentVisibleDecade","currentDate","decade","isCurrentVisibleYear","year","getDecadeItems","currentVisibleDate","locale","map","yearDate","date","label","current","getSliderData","value","currentDecade","items","valueRange","DateTime10YearSlider","props","className","onChange","otherProps","data","handleNext","handlePrev"],"sources":["../../../../../../src/components/DateTime/DateTime10YearSlider/DateTime10YearSlider.tsx"],"sourcesContent":["import './DateTime10YearSlider.css';\n\nimport {\n  addYears,\n  endOfDecade,\n  format,\n  getDecade,\n  getYear,\n  Locale,\n  startOfDecade,\n} from 'date-fns';\nimport ruLocale from 'date-fns/locale/ru';\nimport React from 'react';\n\nimport { range } from '../../../utils/array';\nimport { cn } from '../../../utils/bem';\nimport { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { DateTimeSlider } from '../DateTimeSlider/DateTimeSlider';\nimport { getSliderValueRange } from '../helpers/getSliderValueRange';\n\nexport type DateTime10YearSliderProps = PropsWithHTMLAttributes<\n  {\n    currentVisibleDate: Date;\n    onChange: (date: Date) => void;\n    children?: never;\n    value?: Date | DateRange;\n    locale?: Locale;\n  },\n  HTMLDivElement\n>;\n\nexport const cnDateTime10YearSlider = cn('DateTime10YearSlider');\n\nconst isCurrentVisibleDecade = (currentDate: Date, decade: Date) =>\n  getDecade(currentDate) === getDecade(decade);\n\nconst isCurrentVisibleYear = (currentDate: Date, year: Date) =>\n  isCurrentVisibleDecade(currentDate, year) &&\n  getYear(currentDate) === getYear(year);\n\nconst getDecadeItems = (\n  currentVisibleDate: Date,\n  decade: Date,\n  locale: Locale,\n) =>\n  range(10).map((year) => {\n    const yearDate = addYears(decade, year);\n\n    return {\n      date: yearDate,\n      label: format(yearDate, 'yyyy', { locale }),\n      current: isCurrentVisibleYear(currentVisibleDate, yearDate),\n    };\n  });\n\nconst getSliderData = (\n  currentVisibleDate: Date,\n  value: Date | DateRange | undefined,\n  locale: Locale,\n) => {\n  const currentDecade = startOfDecade(currentVisibleDate);\n\n  return [\n    addYears(currentDecade, -10),\n    currentDecade,\n    addYears(currentDecade, 10),\n    addYears(currentDecade, 20),\n  ].map((date) => ({\n    label: `${format(date, 'yyyy', { locale })}-${format(\n      addYears(date, 10),\n      'yyyy',\n      { locale },\n    )}`,\n    date,\n    items: getDecadeItems(currentVisibleDate, date, locale),\n    current: isCurrentVisibleDecade(currentVisibleDate, date),\n    valueRange: getSliderValueRange(date, value, startOfDecade, endOfDecade),\n  }));\n};\n\nexport const DateTime10YearSlider: React.FC<DateTime10YearSliderProps> = (\n  props,\n) => {\n  const {\n    currentVisibleDate,\n    className,\n    onChange,\n    value,\n    locale = ruLocale,\n    ...otherProps\n  } = props;\n\n  const handlePrev = () => onChange(addYears(currentVisibleDate, -10));\n  const handleNext = () => onChange(addYears(currentVisibleDate, 10));\n\n  const data = getSliderData(currentVisibleDate, value, locale);\n\n  return (\n    <DateTimeSlider\n      className={cnDateTime10YearSlider(null, [className])}\n      onNext={handleNext}\n      onPrev={handlePrev}\n      data={data}\n      onChange={onChange}\n      {...otherProps}\n    />\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTime10Years/DateTime10Years.css

@@ -0,0 +1 @@
+.DateTime10Years{--date-time-item-width:calc(var(--control-height-s)*7/var(--date-time-grid-columns));--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:calc(var(--space-3xs)*7/var(--date-time-grid-columns));--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:4;--date-time-grid-row-gap:calc(var(--control-height-s)*5/3)}

package/__internal__/src/components/DateTime/DateTime10Years/DateTime10Years.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","years"];import"./DateTime10Years.css";import React from"react";import{cn}from"../../../utils/bem";import{DateTimeGrid}from"../DateTimeGrid/DateTimeGrid";export var cnDateTime10Years=cn("DateTime10Years");export var DateTime10Years=function(a){var b=a.className,c=a.years,d=_objectWithoutProperties(a,_excluded);return React.createElement(DateTimeGrid,Object.assign({},d,{className:cnDateTime10Years(null,[b]),items:c}))};
+//# sourceMappingURL=DateTime10Years.js.map

package/__internal__/src/components/DateTime/DateTime10Years/DateTime10Years.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTime10Years.js","names":["React","cn","DateTimeGrid","cnDateTime10Years","DateTime10Years","props","className","years","otherProps"],"sources":["../../../../../../src/components/DateTime/DateTime10Years/DateTime10Years.tsx"],"sourcesContent":["import './DateTime10Years.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { DateTimeCellPropRange } from '../DateTimeCell/DateTimeCell';\nimport { DateTimeGrid } from '../DateTimeGrid/DateTimeGrid';\nimport { DateTimeItemProps } from '../DateTimeItem/DateTimeItem';\n\nexport type DateTime10YearsProps = PropsWithJsxAttributes<\n  {\n    children?: never;\n    years: Omit<\n      DateTimeItemProps & {\n        range?: DateTimeCellPropRange;\n      },\n      'ref'\n    >[];\n  },\n  'div'\n>;\n\nexport const cnDateTime10Years = cn('DateTime10Years');\n\nexport const DateTime10Years: React.FC<DateTime10YearsProps> = (props) => {\n  const { className, years, ...otherProps } = props;\n\n  return (\n    <DateTimeGrid\n      {...otherProps}\n      className={cnDateTime10Years(null, [className])}\n      items={years}\n    />\n  );\n};\n"],"mappings":"yHAAA,8BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAGA,OAASC,YAAT,oCAgBA,MAAO,IAAMC,kBAAiB,CAAGF,EAAE,CAAC,iBAAD,CAA5B,CAEP,MAAO,IAAMG,gBAA+C,CAAG,SAACC,CAAD,CAAW,CACxE,GAAQC,EAAR,CAA4CD,CAA5C,CAAQC,SAAR,CAAmBC,CAAnB,CAA4CF,CAA5C,CAAmBE,KAAnB,CAA6BC,CAA7B,0BAA4CH,CAA5C,YAEA,MACE,qBAAC,YAAD,kBACMG,CADN,EAEE,SAAS,CAAEL,iBAAiB,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAF9B,CAGE,KAAK,CAAEC,CAHT,GAMH,CAVM"}

package/__internal__/src/components/DateTime/DateTimeCell/DateTimeCell.css

@@ -0,0 +1 @@
+.DateTimeCell{--bg-color:var(--color-control-bg-ghost);--visible-height:calc(var(--date-time-cell-height) - var(--date-time-cell-horisontal-gap)*2);align-items:center;display:flex;height:var(--date-time-cell-height);justify-content:center;position:relative;width:var(--date-time-cell-width)}.DateTimeCell_range:before{left:0;right:0}.DateTimeCell_range:before,.DateTimeCell_range_first:before,.DateTimeCell_range_last:before{background:var(--bg-color);bottom:var(--date-time-cell-vertical-gap);content:"";position:absolute;top:var(--date-time-cell-vertical-gap)}.DateTimeCell_range_first:before{border-radius:var(--visible-height) 0 0 var(--visible-height);left:var(--date-time-cell-horisontal-gap);right:0}.DateTimeCell_range_last:before{border-radius:0 var(--visible-height) var(--visible-height) 0;left:0;right:var(--date-time-cell-horisontal-gap)}

package/__internal__/src/components/DateTime/DateTimeCell/DateTimeCell.d.ts

@@ -0,0 +1,10 @@
+import './DateTimeCell.css';
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+export declare const DateTimeCellPropRange: readonly ["first", "last", true, false];
+export declare type DateTimeCellPropRange = typeof DateTimeCellPropRange[number];
+export declare type DateTimeCellProps = PropsWithJsxAttributes<{
+    range?: DateTimeCellPropRange;
+}, 'div'>;
+export declare const cnDateTimeCell: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTimeCell: React.ForwardRefExoticComponent<Pick<DateTimeCellProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "range"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/DateTime/DateTimeCell/DateTimeCell.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["range","children","className"];import"./DateTimeCell.css";import React from"react";import{cn}from"../../../utils/bem";export var DateTimeCellPropRange=["first","last",!0,!1];export var cnDateTimeCell=cn("DateTimeCell");export var DateTimeCell=React.forwardRef(function(a,b){var c=a.range,d=a.children,e=a.className,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{ref:b,className:cnDateTimeCell({range:c},[e])}),d)});
+//# sourceMappingURL=DateTimeCell.js.map

package/__internal__/src/components/DateTime/DateTimeCell/DateTimeCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeCell.js","names":["React","cn","DateTimeCellPropRange","cnDateTimeCell","DateTimeCell","forwardRef","props","ref","range","children","className","otherProps"],"sources":["../../../../../../src/components/DateTime/DateTimeCell/DateTimeCell.tsx"],"sourcesContent":["import './DateTimeCell.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\n\nexport const DateTimeCellPropRange = ['first', 'last', true, false] as const;\nexport type DateTimeCellPropRange = typeof DateTimeCellPropRange[number];\n\nexport type DateTimeCellProps = PropsWithJsxAttributes<\n  {\n    range?: DateTimeCellPropRange;\n  },\n  'div'\n>;\n\nexport const cnDateTimeCell = cn('DateTimeCell');\n\nexport const DateTimeCell = React.forwardRef<HTMLDivElement, DateTimeCellProps>(\n  (props, ref) => {\n    const { range, children, className, ...otherProps } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnDateTimeCell({ range }, [className])}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n"],"mappings":"oIAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAGA,MAAO,IAAMC,sBAAqB,CAAG,CAAC,OAAD,CAAU,MAAV,OAA9B,CAUP,MAAO,IAAMC,eAAc,CAAGF,EAAE,CAAC,cAAD,CAAzB,CAEP,MAAO,IAAMG,aAAY,CAAGJ,KAAK,CAACK,UAAN,CAC1B,SAACC,CAAD,CAAQC,CAAR,CAAgB,CACd,GAAQC,EAAR,CAAsDF,CAAtD,CAAQE,KAAR,CAAeC,CAAf,CAAsDH,CAAtD,CAAeG,QAAf,CAAyBC,CAAzB,CAAsDJ,CAAtD,CAAyBI,SAAzB,CAAuCC,CAAvC,0BAAsDL,CAAtD,YAEA,MACE,4CACMK,CADN,EAEE,GAAG,CAAEJ,CAFP,CAGE,SAAS,CAAEJ,cAAc,CAAC,CAAEK,KAAK,CAALA,CAAF,CAAD,CAAY,CAACE,CAAD,CAAZ,CAH3B,GAKGD,CALH,CAQH,CAbyB,CAArB"}

package/__internal__/src/components/DateTime/DateTimeGrid/DateTimeGrid.css

@@ -0,0 +1 @@
+.DateTimeGrid{grid-row-gap:var(--date-time-grid-row-gap);display:grid;grid-template-columns:repeat(var(--date-time-grid-columns),var(--date-time-cell-width));justify-content:start}

package/__internal__/src/components/DateTime/DateTimeGrid/DateTimeGrid.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["range"],_excluded2=["className","items","itemsRefs"];import"./DateTimeGrid.css";import React from"react";import{cn}from"../../../utils/bem";import{Text}from"../../Text/Text";import{DateTimeCell}from"../DateTimeCell/DateTimeCell";import{DateTimeItem}from"../DateTimeItem/DateTimeItem";export var cnDateTimeGrid=cn("DateTimeGrid");var renderItem=function(a,b,c){if("string"==typeof a)return React.createElement(DateTimeCell,{ref:c,key:cnDateTimeGrid("String",{index:b,item:a})},React.createElement(Text,{as:"span",view:"ghost",size:"2xs",transform:"uppercase"},a));var d=a.range,e=_objectWithoutProperties(a,_excluded);return React.createElement(DateTimeCell,{ref:c,key:cnDateTimeGrid("Item",{index:b,number:e.label}),range:d},React.createElement(DateTimeItem,e))};export var DateTimeGrid=function(a){var b=a.className,c=a.items,d=a.itemsRefs,e=_objectWithoutProperties(a,_excluded2);return React.createElement("div",Object.assign({},e,{className:cnDateTimeGrid(null,[b])}),c.map(function(a,b){return renderItem(a,b,null===d||void 0===d?void 0:d[b])}))};
+//# sourceMappingURL=DateTimeGrid.js.map

package/__internal__/src/components/DateTime/DateTimeGrid/DateTimeGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeGrid.js","names":["React","cn","Text","DateTimeCell","DateTimeItem","cnDateTimeGrid","renderItem","item","index","ref","range","dayProps","number","label","DateTimeGrid","props","className","items","itemsRefs","otherProps","map"],"sources":["../../../../../../src/components/DateTime/DateTimeGrid/DateTimeGrid.tsx"],"sourcesContent":["import './DateTimeGrid.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Text } from '../../Text/Text';\nimport {\n  DateTimeCell,\n  DateTimeCellPropRange,\n} from '../DateTimeCell/DateTimeCell';\nimport { DateTimeItem, DateTimeItemProps } from '../DateTimeItem/DateTimeItem';\n\ntype Item =\n  | string\n  | Omit<\n      DateTimeItemProps & {\n        range?: DateTimeCellPropRange;\n      },\n      'ref'\n    >;\n\nexport type DateTimeGridProps = PropsWithJsxAttributes<\n  {\n    children?: never;\n    items: Item[];\n    itemsRefs?: React.RefObject<HTMLDivElement>[];\n  },\n  'div'\n>;\n\nexport const cnDateTimeGrid = cn('DateTimeGrid');\n\nconst renderItem = (\n  item: Item,\n  index: number,\n  ref?: React.RefObject<HTMLDivElement>,\n) => {\n  if (typeof item === 'string') {\n    return (\n      <DateTimeCell ref={ref} key={cnDateTimeGrid('String', { index, item })}>\n        <Text as=\"span\" view=\"ghost\" size=\"2xs\" transform=\"uppercase\">\n          {item}\n        </Text>\n      </DateTimeCell>\n    );\n  }\n\n  const { range, ...dayProps } = item;\n\n  return (\n    <DateTimeCell\n      ref={ref}\n      key={cnDateTimeGrid('Item', { index, number: dayProps.label })}\n      range={range}\n    >\n      <DateTimeItem {...dayProps} />\n    </DateTimeCell>\n  );\n};\n\nexport const DateTimeGrid: React.FC<DateTimeGridProps> = (props) => {\n  const { className, items, itemsRefs, ...otherProps } = props;\n\n  return (\n    <div {...otherProps} className={cnDateTimeGrid(null, [className])}>\n      {items.map((item, index) => renderItem(item, index, itemsRefs?.[index]))}\n    </div>\n  );\n};\n"],"mappings":"0JAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,OAASC,IAAT,uBACA,OACEC,YADF,oCAIA,OAASC,YAAT,oCAoBA,MAAO,IAAMC,eAAc,CAAGJ,EAAE,CAAC,cAAD,CAAzB,CAEP,GAAMK,WAAU,CAAG,SACjBC,CADiB,CAEjBC,CAFiB,CAGjBC,CAHiB,CAId,CACH,GAAoB,QAAhB,QAAOF,EAAX,CACE,MACE,qBAAC,YAAD,EAAc,GAAG,CAAEE,CAAnB,CAAwB,GAAG,CAAEJ,cAAc,CAAC,QAAD,CAAW,CAAEG,KAAK,CAALA,CAAF,CAASD,IAAI,CAAJA,CAAT,CAAX,CAA3C,EACE,oBAAC,IAAD,EAAM,EAAE,CAAC,MAAT,CAAgB,IAAI,CAAC,OAArB,CAA6B,IAAI,CAAC,KAAlC,CAAwC,SAAS,CAAC,WAAlD,EACGA,CADH,CADF,CADF,CASF,GAAQG,EAAR,CAA+BH,CAA/B,CAAQG,KAAR,CAAkBC,CAAlB,0BAA+BJ,CAA/B,YAEA,MACE,qBAAC,YAAD,EACE,GAAG,CAAEE,CADP,CAEE,GAAG,CAAEJ,cAAc,CAAC,MAAD,CAAS,CAAEG,KAAK,CAALA,CAAF,CAASI,MAAM,CAAED,CAAQ,CAACE,KAA1B,CAAT,CAFrB,CAGE,KAAK,CAAEH,CAHT,EAKE,oBAAC,YAAD,CAAkBC,CAAlB,CALF,CAQH,CA1BD,CA4BA,MAAO,IAAMG,aAAyC,CAAG,SAACC,CAAD,CAAW,CAClE,GAAQC,EAAR,CAAuDD,CAAvD,CAAQC,SAAR,CAAmBC,CAAnB,CAAuDF,CAAvD,CAAmBE,KAAnB,CAA0BC,CAA1B,CAAuDH,CAAvD,CAA0BG,SAA1B,CAAwCC,CAAxC,0BAAuDJ,CAAvD,aAEA,MACE,4CAASI,CAAT,EAAqB,SAAS,CAAEd,cAAc,CAAC,IAAD,CAAO,CAACW,CAAD,CAAP,CAA9C,GACGC,CAAK,CAACG,GAAN,CAAU,SAACb,CAAD,CAAOC,CAAP,QAAiBF,WAAU,CAACC,CAAD,CAAOC,CAAP,QAAcU,CAAd,WAAcA,CAAd,QAAcA,CAAS,CAAGV,CAAH,CAAvB,CAA3B,CAAV,CADH,CAIH,CARM"}

package/__internal__/src/components/DateTime/DateTimeItem/DateTimeItem.css

@@ -0,0 +1 @@
+.DateTimeItem{--item-bg-color:transparent;--item-bg-color-hover:transparent;--item-border-color:var(--color-control-bg-primary);--item-border-color-hover:var(--color-control-bg-primary-hover);--item-event-color:var(--color-control-bg-primary);--item-event-color-hover:var(--color-control-bg-primary-hover);--item-text-color:var(--color-typo-primary);--item-text-color-hover:var(--color-control-bg-primary-hover);--bg-color:var(--item-bg-color);--event-color:var(--item-event-color);--border-color:var(--item-border-color);--text-color:var(--item-text-color);align-items:center;background:var(--bg-color);border:none;border-radius:calc(var(--date-time-item-height)/2);color:var(--text-color);display:flex;font-size:var(--size-text-s);height:var(--date-time-item-height);justify-content:center;line-height:var(--date-time-item-height);position:relative;text-transform:capitalize;transition:background .2s,color .2s,box-shadow .2s;width:var(--date-time-item-width)}.DateTimeItem:hover{--bg-color:var(--item-bg-color-hover);--event-color:var(--item-event-color-hover);--border-color:var(--item-border-color-hover);--text-color:var(--item-text-color-hover)}.DateTimeItem_selected{--item-bg-color:var(--color-control-bg-primary);--item-bg-color-hover:var(--color-control-bg-primary-hover);--item-border-color:transparent;--item-border-color-hover:transparent;--item-event-color:var(--color-control-typo-primary);--item-event-color-hover:var(--color-control-typo-primary);--item-text-color:var(--color-typo-primary);--item-text-color-hover:var(--color-typo-primary)}.DateTimeItem:not(.DateTimeItem_disabled){cursor:pointer}.DateTimeItem_disabled{--item-bg-color:transparent;--item-bg-color-hover:transparent;--item-border-color:var(--color-control-bg-primary);--item-border-color-hover:var(--color-control-bg-primary);--item-event-color:var(--color-control-typo-disable);--item-event-color-hover:var(--color-control-typo-disable);--item-text-color:var(--color-control-typo-disable);--item-text-color-hover:var(--color-control-typo-disable)}.DateTimeItem_selected.date-timeItem_disabled{--item-bg-color:var(--color-control-bg-disable);--item-bg-color-hover:var(--color-control-bg-disable);--item-border-color:transparent;--item-border-color-hover:transparent;--item-event-color:var(--color-control-typo-disable);--item-event-color-hover:var(--color-control-typo-disable);--item-text-color:var(--color-control-typo-disable);--item-text-color-hover:var(--color-control-typo-disable)}.DateTimeItem_event:before{background:var(--event-color);border-radius:50%;bottom:var(--space-2xs);content:"";height:var(--space-2xs);position:absolute;transition:background .2s;width:var(--space-2xs)}.DateTimeItem_current{box-shadow:inset 0 0 0 1.3px var(--border-color)}

package/__internal__/src/components/DateTime/DateTimeItem/DateTimeItem.d.ts

@@ -0,0 +1,14 @@
+import './DateTimeItem.css';
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+export declare type DateTimeItemProps = PropsWithJsxAttributes<{
+    label: number | string;
+    current?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    event?: boolean;
+    role?: never;
+    children?: never;
+}, 'button'>;
+export declare const cnDateTimeItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTimeItem: React.ForwardRefExoticComponent<Pick<DateTimeItemProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "key" | "form" | "label" | "name" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "selected" | "current" | "event"> & React.RefAttributes<HTMLButtonElement>>;

package/__internal__/src/components/DateTime/DateTimeItem/DateTimeItem.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","current","selected","event","disabled"];import"./DateTimeItem.css";import{classnames}from"@bem-react/classnames";import React,{forwardRef}from"react";import{cnMixFocus}from"../../../mixs/MixFocus/MixFocus";import{cn}from"../../../utils/bem";import{useTheme}from"../../Theme/Theme";export var cnDateTimeItem=cn("DateTimeItem");export var DateTimeItem=forwardRef(function(a,b){var c=a.label,d=a.current,e=a.selected,f=a.event,g=a.disabled,h=_objectWithoutProperties(a,_excluded),i=useTheme(),j=i.themeClassNames,k=e&&!g?classnames(a.className,j.color.accent):a.className;return React.createElement("button",Object.assign({},h,{ref:b,className:cnDateTimeItem({event:f,current:d,disabled:g,selected:e},[k,cnMixFocus()]),type:"button",disabled:g}),c)});
+//# sourceMappingURL=DateTimeItem.js.map

package/__internal__/src/components/DateTime/DateTimeItem/DateTimeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeItem.js","names":["classnames","React","forwardRef","cnMixFocus","cn","useTheme","cnDateTimeItem","DateTimeItem","props","ref","label","current","selected","event","disabled","otherProps","themeClassNames","className","color","accent"],"sources":["../../../../../../src/components/DateTime/DateTimeItem/DateTimeItem.tsx"],"sourcesContent":["import './DateTimeItem.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFocus } from '../../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { useTheme } from '../../Theme/Theme';\n\nexport type DateTimeItemProps = PropsWithJsxAttributes<\n  {\n    label: number | string;\n    current?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    event?: boolean;\n    role?: never;\n    children?: never;\n  },\n  'button'\n>;\n\nexport const cnDateTimeItem = cn('DateTimeItem');\n\nexport const DateTimeItem = forwardRef<HTMLButtonElement, DateTimeItemProps>(\n  (props, ref) => {\n    const { label, current, selected, event, disabled, ...otherProps } = props;\n    const { themeClassNames } = useTheme();\n\n    const className =\n      selected && !disabled\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <button\n        {...otherProps}\n        ref={ref}\n        className={cnDateTimeItem({ event, current, disabled, selected }, [\n          className,\n          cnMixFocus(),\n        ])}\n        type=\"button\"\n        disabled={disabled}\n      >\n        {label}\n      </button>\n    );\n  },\n);\n"],"mappings":"qJAAA,2BAEA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,uCACA,OAASC,EAAT,0BAEA,OAASC,QAAT,yBAeA,MAAO,IAAMC,eAAc,CAAGF,EAAE,CAAC,cAAD,CAAzB,CAEP,MAAO,IAAMG,aAAY,CAAGL,UAAU,CACpC,SAACM,CAAD,CAAQC,CAAR,CAAgB,IACNC,EADM,CACuDF,CADvD,CACNE,KADM,CACCC,CADD,CACuDH,CADvD,CACCG,OADD,CACUC,CADV,CACuDJ,CADvD,CACUI,QADV,CACoBC,CADpB,CACuDL,CADvD,CACoBK,KADpB,CAC2BC,CAD3B,CACuDN,CADvD,CAC2BM,QAD3B,CACwCC,CADxC,0BACuDP,CADvD,cAEcH,QAAQ,EAFtB,CAENW,CAFM,GAENA,eAFM,CAIRC,CAAS,CACbL,CAAQ,EAAI,CAACE,CAAb,CACId,UAAU,CAACQ,CAAK,CAACS,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEIX,CAAK,CAACS,SAPE,CASd,MACE,+CACMF,CADN,EAEE,GAAG,CAAEN,CAFP,CAGE,SAAS,CAAEH,cAAc,CAAC,CAAEO,KAAK,CAALA,CAAF,CAASF,OAAO,CAAPA,CAAT,CAAkBG,QAAQ,CAARA,CAAlB,CAA4BF,QAAQ,CAARA,CAA5B,CAAD,CAAyC,CAChEK,CADgE,CAEhEd,UAAU,EAFsD,CAAzC,CAH3B,CAOE,IAAI,CAAC,QAPP,CAQE,QAAQ,CAAEW,CARZ,GAUGJ,CAVH,CAaH,CAxBmC,CAA/B"}

package/__internal__/src/components/DateTime/DateTimeLabel/DateTimeLabel.css

@@ -0,0 +1 @@
+.DateTimeLabel{text-transform:capitalize}

package/__internal__/src/components/DateTime/DateTimeLabel/DateTimeLabel.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","className","align","cursor"];import"./DateTimeLabel.css";import React from"react";import{cn}from"../../../utils/bem";import{Text}from"../../Text/Text";export var cnDateTimeLabel=cn("DateTimeLabel");export var DateTimeLabel=function(a){var b=a.label,c=a.className,d=a.align,e=a.cursor,f=_objectWithoutProperties(a,_excluded);return React.createElement(Text,Object.assign({},f,{className:cnDateTimeLabel(null,[c]),as:"span",size:"s",align:d,weight:"bold",cursor:e}),b)};
+//# sourceMappingURL=DateTimeLabel.js.map

package/__internal__/src/components/DateTime/DateTimeLabel/DateTimeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeLabel.js","names":["React","cn","Text","cnDateTimeLabel","DateTimeLabel","props","label","className","align","cursor","otherProps"],"sources":["../../../../../../src/components/DateTime/DateTimeLabel/DateTimeLabel.tsx"],"sourcesContent":["import './DateTimeLabel.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../../Text/Text';\n\nexport type DateTimeLabelProps = PropsWithHTMLAttributes<\n  {\n    label: string | number;\n    align?: 'left' | 'center' | 'right';\n    children?: never;\n    cursor?: 'pointer';\n  },\n  HTMLDivElement\n>;\n\nexport const cnDateTimeLabel = cn('DateTimeLabel');\n\nexport const DateTimeLabel: React.FC<DateTimeLabelProps> = (props) => {\n  const { label, className, align, cursor, ...otherProps } = props;\n\n  return (\n    <Text\n      {...otherProps}\n      className={cnDateTimeLabel(null, [className])}\n      as=\"span\"\n      size=\"s\"\n      align={align}\n      weight=\"bold\"\n      cursor={cursor}\n    >\n      {label}\n    </Text>\n  );\n};\n"],"mappings":"0IAAA,4BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,OAASC,IAAT,uBAYA,MAAO,IAAMC,gBAAe,CAAGF,EAAE,CAAC,eAAD,CAA1B,CAEP,MAAO,IAAMG,cAA2C,CAAG,SAACC,CAAD,CAAW,CACpE,GAAQC,EAAR,CAA2DD,CAA3D,CAAQC,KAAR,CAAeC,CAAf,CAA2DF,CAA3D,CAAeE,SAAf,CAA0BC,CAA1B,CAA2DH,CAA3D,CAA0BG,KAA1B,CAAiCC,CAAjC,CAA2DJ,CAA3D,CAAiCI,MAAjC,CAA4CC,CAA5C,0BAA2DL,CAA3D,YAEA,MACE,qBAAC,IAAD,kBACMK,CADN,EAEE,SAAS,CAAEP,eAAe,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAF5B,CAGE,EAAE,CAAC,MAHL,CAIE,IAAI,CAAC,GAJP,CAKE,KAAK,CAAEC,CALT,CAME,MAAM,CAAC,MANT,CAOE,MAAM,CAAEC,CAPV,GASGH,CATH,CAYH,CAhBM"}

package/__internal__/src/components/DateTime/DateTimeMonth/DateTimeMonth.css

@@ -0,0 +1 @@
+.DateTimeMonth{--date-time-item-width:var(--control-height-s);--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:var(--space-3xs);--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:7;--date-time-grid-row-gap:0}

package/__internal__/src/components/DateTime/DateTimeMonth/DateTimeMonth.js

@@ -0,0 +1,2 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","daysOfWeek","daysOfMonth"];import"./DateTimeMonth.css";import React from"react";import{cn}from"../../../utils/bem";import{DateTimeGrid}from"../DateTimeGrid/DateTimeGrid";export var cnDateTimeMonth=cn("DateTimeMonth");export var DateTimeMonth=function(a){var b=a.className,c=a.daysOfWeek,d=a.daysOfMonth,e=_objectWithoutProperties(a,_excluded);return React.createElement(DateTimeGrid,Object.assign({},e,{className:cnDateTimeMonth(null,[b]),items:[].concat(_toConsumableArray(c),_toConsumableArray(d))}))};
+//# sourceMappingURL=DateTimeMonth.js.map

package/__internal__/src/components/DateTime/DateTimeMonth/DateTimeMonth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeMonth.js","names":["React","cn","DateTimeGrid","cnDateTimeMonth","DateTimeMonth","props","className","daysOfWeek","daysOfMonth","otherProps"],"sources":["../../../../../../src/components/DateTime/DateTimeMonth/DateTimeMonth.tsx"],"sourcesContent":["import './DateTimeMonth.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { DateTimeCellPropRange } from '../DateTimeCell/DateTimeCell';\nimport { DateTimeGrid } from '../DateTimeGrid/DateTimeGrid';\nimport { DateTimeItemProps } from '../DateTimeItem/DateTimeItem';\n\nexport type DateTimeMonthProps = PropsWithJsxAttributes<\n  {\n    children?: never;\n    daysOfWeek: string[];\n    daysOfMonth: Omit<\n      DateTimeItemProps & {\n        range?: DateTimeCellPropRange;\n      },\n      'ref'\n    >[];\n  },\n  'div'\n>;\n\nexport const cnDateTimeMonth = cn('DateTimeMonth');\n\nexport const DateTimeMonth: React.FC<DateTimeMonthProps> = (props) => {\n  const { className, daysOfWeek, daysOfMonth, ...otherProps } = props;\n\n  return (\n    <DateTimeGrid\n      {...otherProps}\n      className={cnDateTimeMonth(null, [className])}\n      items={[...daysOfWeek, ...daysOfMonth]}\n    />\n  );\n};\n"],"mappings":"qNAAA,4BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAGA,OAASC,YAAT,oCAiBA,MAAO,IAAMC,gBAAe,CAAGF,EAAE,CAAC,eAAD,CAA1B,CAEP,MAAO,IAAMG,cAA2C,CAAG,SAACC,CAAD,CAAW,CACpE,GAAQC,EAAR,CAA8DD,CAA9D,CAAQC,SAAR,CAAmBC,CAAnB,CAA8DF,CAA9D,CAAmBE,UAAnB,CAA+BC,CAA/B,CAA8DH,CAA9D,CAA+BG,WAA/B,CAA+CC,CAA/C,0BAA8DJ,CAA9D,YAEA,MACE,qBAAC,YAAD,kBACMI,CADN,EAEE,SAAS,CAAEN,eAAe,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAF5B,CAGE,KAAK,8BAAMC,CAAN,qBAAqBC,CAArB,EAHP,GAMH,CAVM"}

package/__internal__/src/components/DateTime/DateTimeSlider/DateTimeSlider.css

@@ -0,0 +1 @@
+.DateTimeSlider{--slider-height:var(--control-height-m);--slider-width:calc(var(--date-time-cell-width)*14 + var(--space-m));display:flex;width:var(--slider-width)}.DateTimeSlider-Slider{background:var(--color-control-bg-ghost);border-radius:var(--control-radius);flex:1;height:var(--slider-height);margin:0 var(--space-xs);overflow:hidden;position:relative}.DateTimeSlider-Button_direction_prev{transform:rotate(180deg)}.DateTimeSlider-Parent,.DateTimeSlider-SliderBody{display:flex;height:100%}.DateTimeSlider-Parent{position:absolute;transition:transform .5s;width:var(--parent-width)}.DateTimeSlider-Parent_position_0{transform:translateX(calc(var(--parent-width)*-1))}.DateTimeSlider-Parent_position_1{transform:translateX(0)}.DateTimeSlider-Parent_position_2{transform:translateX(calc(var(--parent-width)))}.DateTimeSlider-Parent_position_3{transform:translateX(calc(var(--parent-width)*2))}.DateTimeSlider-Parent_selected:before{background-color:var(--color-control-bg-primary);bottom:0;content:"";height:var(--space-3xs);left:var(--value-offset);pointer-events:none;position:absolute;width:var(--value-width)}.DateTimeSlider-Parent_selected+.DateTimeSlider-Parent_selected:before{left:calc(var(--value-offset) - 1px);width:calc(var(--value-width) + 1px)}.DateTimeSlider-ParentLabel{position:absolute;right:0;transition:transform .5s,color .2s}.DateTimeSlider-ParentLabel_position_0{transform:translateX(calc(var(--item-width)*-13))}.DateTimeSlider-ParentLabel_position_1{transform:translateX(calc((var(--parent-width) + var(--item-width))/-2 + 50%))}.DateTimeSlider-ParentLabel_position_2{transform:translateX(calc(var(--space-2xs)*-1))}.DateTimeSlider-ParentLabel_position_3{transform:translateX(calc(var(--parent-width)))}.DateTimeSlider-Item{align-items:flex-end;background:transparent;border:none;cursor:pointer;display:flex;height:100%;outline:transparent}.DateTimeSlider-Item,.DateTimeSlider-ItemLabel{margin-bottom:var(--space-3xs);width:var(--item-width)}.DateTimeSlider-ItemLabel{height:var(--space-m)}.DateTimeSlider-Selector{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);height:var(--slider-height);position:absolute;transform:translateX(calc(var(--item-width)*var(--current-item)));transition:transform .3s;width:calc(var(--item-width)*2)}

package/__internal__/src/components/DateTime/DateTimeSlider/DateTimeSlider.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onChange","data","onPrev","onNext"];import"./DateTimeSlider.css";import React from"react";import{IconForward}from"../../../icons/IconForward/IconForward";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";export var cnDateTimeSlider=cn("DateTimeSlider");var getCurrentItem=function(a){var b,c=(null===(b=a.find(function(a){return a.current}))||void 0===b?void 0:b.items.findIndex(function(a){return a.current}))||0;return 0>c?0:c};export var DateTimeSlider=function(a){var b=a.className,c=a.onChange,d=a.data,e=a.onPrev,f=a.onNext,g=_objectWithoutProperties(a,_excluded),h=getCurrentItem(d);return React.createElement("div",Object.assign({},g,{className:cnDateTimeSlider(null,[b])}),React.createElement(Button,{className:cnDateTimeSlider("Button",{direction:"prev"}),view:"ghost",iconLeft:IconForward,onClick:e}),React.createElement("div",{className:cnDateTimeSlider("Slider"),style:_defineProperty({},"--current-item",h)},React.createElement("div",{className:cnDateTimeSlider("SliderBody")},React.createElement("div",{className:cnDateTimeSlider("Selector")}),d.map(function(a,b){return React.createElement(Text,{className:cnDateTimeSlider("ParentLabel",{position:b.toString()}),weight:"bold",size:"s",key:a.label,view:a.current?void 0:"ghost"},a.label)}),d.map(function(a,b){var d;return React.createElement("div",{key:a.label,className:cnDateTimeSlider("Parent",{position:b.toString(),selected:!!a.valueRange}),style:a.valueRange&&(d={},_defineProperty(d,"--value-offset","".concat(a.valueRange[0],"%")),_defineProperty(d,"--value-width","".concat(a.valueRange[1],"%")),d)},a.items.map(function(a,b){return React.createElement("button",{className:cnDateTimeSlider("Item"),key:b,onFocus:function onFocus(){return null===c||void 0===c?void 0:c(a.date)},type:"button"},React.createElement(Text,{className:cnDateTimeSlider("ItemLabel"),size:"2xs",view:"ghost",align:"center"},a.label))}))}))),React.createElement(Button,{className:cnDateTimeSlider("Button",{direction:"next"}),view:"ghost",iconLeft:IconForward,onClick:f}))};
+//# sourceMappingURL=DateTimeSlider.js.map

package/__internal__/src/components/DateTime/DateTimeSlider/DateTimeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeSlider.js","names":["React","IconForward","cn","Button","Text","cnDateTimeSlider","getCurrentItem","data","index","find","item","current","items","findIndex","DateTimeSlider","props","className","onChange","onPrev","onNext","otherProps","currentItemIndex","direction","map","year","position","toString","label","selected","valueRange","date"],"sources":["../../../../../../src/components/DateTime/DateTimeSlider/DateTimeSlider.tsx"],"sourcesContent":["import './DateTimeSlider.css';\n\nimport React from 'react';\n\nimport { IconForward } from '../../../icons/IconForward/IconForward';\nimport { cn } from '../../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\n\ntype Data = {\n  label: string | number;\n  current?: boolean;\n  valueRange?: number[];\n  date: Date;\n  items: {\n    label: string;\n    date: Date;\n    current?: boolean;\n  }[];\n};\n\nexport type DateTimeSliderProps = PropsWithHTMLAttributes<\n  {\n    onChange?: (date: Date) => void;\n    onPrev?: () => void;\n    onNext?: () => void;\n    children?: never;\n    data: Data[];\n  },\n  HTMLDivElement\n>;\n\nexport const cnDateTimeSlider = cn('DateTimeSlider');\n\nconst getCurrentItem = (data: Data[]) => {\n  const index =\n    data\n      .find((item) => item.current)\n      ?.items.findIndex((item) => item.current) || 0;\n\n  return index < 0 ? 0 : index;\n};\n\nexport const DateTimeSlider: React.FC<DateTimeSliderProps> = (props) => {\n  const { className, onChange, data, onPrev, onNext, ...otherProps } = props;\n\n  const currentItemIndex = getCurrentItem(data);\n\n  return (\n    <div {...otherProps} className={cnDateTimeSlider(null, [className])}>\n      <Button\n        className={cnDateTimeSlider('Button', { direction: 'prev' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={onPrev}\n      />\n      <div\n        className={cnDateTimeSlider('Slider')}\n        style={{ ['--current-item' as string]: currentItemIndex }}\n      >\n        <div className={cnDateTimeSlider('SliderBody')}>\n          <div className={cnDateTimeSlider('Selector')} />\n          {data.map((year, index) => (\n            <Text\n              className={cnDateTimeSlider('ParentLabel', {\n                position: index.toString(),\n              })}\n              weight=\"bold\"\n              size=\"s\"\n              key={year.label}\n              view={year.current ? undefined : 'ghost'}\n            >\n              {year.label}\n            </Text>\n          ))}\n          {data.map((year, index) => (\n            <div\n              key={year.label}\n              className={cnDateTimeSlider('Parent', {\n                position: index.toString(),\n                selected: !!year.valueRange,\n              })}\n              style={\n                year.valueRange && {\n                  ['--value-offset' as string]: `${year.valueRange[0]}%`,\n                  ['--value-width' as string]: `${year.valueRange[1]}%`,\n                }\n              }\n            >\n              {year.items.map((item, index) => (\n                <button\n                  className={cnDateTimeSlider('Item')}\n                  key={index}\n                  onFocus={() => onChange?.(item.date)}\n                  type=\"button\"\n                >\n                  <Text\n                    className={cnDateTimeSlider('ItemLabel')}\n                    size=\"2xs\"\n                    view=\"ghost\"\n                    align=\"center\"\n                  >\n                    {item.label}\n                  </Text>\n                </button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n      <Button\n        className={cnDateTimeSlider('Button', { direction: 'next' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={onNext}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.css

@@ -0,0 +1 @@
+.DateTimeTimeColumn{display:flex;flex-direction:column}.DateTimeTimeColumn-Label{flex:none}.DateTimeTimeColumn-ScrollWrapper{-ms-overflow-style:none;flex:1;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none}.DateTimeTimeColumn-ScrollWrapper::-webkit-scrollbar{height:0;width:0}.DateTimeTimeColumn-FakeElemet{height:calc(100% - var(--date-time-cell-height))}

package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","items","className"];import"./DateTimeTimeColumn.css";import React,{memo,useRef}from"react";import{cn}from"../../../utils/bem";import{Text}from"../../Text/Text";import{DateTimeCell}from"../DateTimeCell/DateTimeCell";import{DateTimeGrid}from"../DateTimeGrid/DateTimeGrid";import{useScrollToElement}from"./useScrollToElement/useScrollToElement";export var cnDateTimeTimeColumn=cn("DateTimeTimeColumn");export var DateTimeTimeColumn=memo(function(a){var b=a.label,c=a.items,d=a.className,e=_objectWithoutProperties(a,_excluded),f=useRef(null),g=useScrollToElement(c,f),h=_slicedToArray(g,1),i=h[0];return 0===c.length?null:React.createElement("div",Object.assign({},e,{className:cnDateTimeTimeColumn(null,[d])}),React.createElement(DateTimeCell,{className:cnDateTimeTimeColumn("Label")},React.createElement(Text,{view:"ghost",size:"2xs"},b)),React.createElement("div",{className:cnDateTimeTimeColumn("ScrollWrapper"),ref:f},React.createElement(DateTimeGrid,{className:cnDateTimeTimeColumn("List"),items:c,itemsRefs:i}),React.createElement("div",{className:cnDateTimeTimeColumn("FakeElemet")})))});
+//# sourceMappingURL=DateTimeTimeColumn.js.map

package/__internal__/src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeTimeColumn.js","names":["React","memo","useRef","cn","Text","DateTimeCell","DateTimeGrid","useScrollToElement","cnDateTimeTimeColumn","DateTimeTimeColumn","props","label","items","className","otherProps","scrollWrapperRef","itemsRefs","length"],"sources":["../../../../../../src/components/DateTime/DateTimeTimeColumn/DateTimeTimeColumn.tsx"],"sourcesContent":["import './DateTimeTimeColumn.css';\n\nimport React, { memo, useRef } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Text } from '../../Text/Text';\nimport { DateTimeCell } from '../DateTimeCell/DateTimeCell';\nimport { DateTimeGrid } from '../DateTimeGrid/DateTimeGrid';\nimport { useScrollToElement } from './useScrollToElement/useScrollToElement';\n\ntype DateTimeTimeColumnPropItem = {\n  label: string;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  disabled?: boolean;\n  selected?: boolean;\n};\n\ntype DateTimeTimeColumnProps = PropsWithJsxAttributes<\n  {\n    children?: never;\n    label: string;\n    items: DateTimeTimeColumnPropItem[];\n  },\n  'div'\n>;\n\nexport const cnDateTimeTimeColumn = cn('DateTimeTimeColumn');\n\nexport const DateTimeTimeColumn: React.FC<DateTimeTimeColumnProps> = memo(\n  (props) => {\n    const { label, items, className, ...otherProps } = props;\n\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const [itemsRefs] = useScrollToElement(items, scrollWrapperRef);\n\n    if (items.length === 0) {\n      return null;\n    }\n\n    return (\n      <div {...otherProps} className={cnDateTimeTimeColumn(null, [className])}>\n        <DateTimeCell className={cnDateTimeTimeColumn('Label')}>\n          <Text view=\"ghost\" size=\"2xs\">\n            {label}\n          </Text>\n        </DateTimeCell>\n        <div\n          className={cnDateTimeTimeColumn('ScrollWrapper')}\n          ref={scrollWrapperRef}\n        >\n          <DateTimeGrid\n            className={cnDateTimeTimeColumn('List')}\n            items={items}\n            itemsRefs={itemsRefs}\n          />\n          <div className={cnDateTimeTimeColumn('FakeElemet')} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"kMAAA,iCAEA,MAAOA,MAAP,EAAgBC,IAAhB,CAAsBC,MAAtB,KAAoC,OAApC,CAEA,OAASC,EAAT,0BAEA,OAASC,IAAT,uBACA,OAASC,YAAT,oCACA,OAASC,YAAT,oCACA,OAASC,kBAAT,+CAkBA,MAAO,IAAMC,qBAAoB,CAAGL,EAAE,CAAC,oBAAD,CAA/B,CAEP,MAAO,IAAMM,mBAAqD,CAAGR,IAAI,CACvE,SAACS,CAAD,CAAW,IACDC,EADC,CAC0CD,CAD1C,CACDC,KADC,CACMC,CADN,CAC0CF,CAD1C,CACME,KADN,CACaC,CADb,CAC0CH,CAD1C,CACaG,SADb,CAC2BC,CAD3B,0BAC0CJ,CAD1C,YAGHK,CAAgB,CAAGb,MAAM,CAAiB,IAAjB,CAHtB,GAKWK,kBAAkB,CAACK,CAAD,CAAQG,CAAR,CAL7B,uBAKFC,CALE,YAOY,EAAjB,GAAAJ,CAAK,CAACK,MAPD,CAQA,IARA,CAYP,2CAASH,CAAT,EAAqB,SAAS,CAAEN,oBAAoB,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAApD,GACE,oBAAC,YAAD,EAAc,SAAS,CAAEL,oBAAoB,CAAC,OAAD,CAA7C,EACE,oBAAC,IAAD,EAAM,IAAI,CAAC,OAAX,CAAmB,IAAI,CAAC,KAAxB,EACGG,CADH,CADF,CADF,CAME,2BACE,SAAS,CAAEH,oBAAoB,CAAC,eAAD,CADjC,CAEE,GAAG,CAAEO,CAFP,EAIE,oBAAC,YAAD,EACE,SAAS,CAAEP,oBAAoB,CAAC,MAAD,CADjC,CAEE,KAAK,CAAEI,CAFT,CAGE,SAAS,CAAEI,CAHb,EAJF,CASE,2BAAK,SAAS,CAAER,oBAAoB,CAAC,YAAD,CAApC,EATF,CANF,CAmBH,CAhCsE,CAAlE"}

package/__internal__/src/components/DateTime/DateTimeTimeColumn/useScrollToElement/useScrollToElement.js

@@ -0,0 +1,2 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useLayoutEffect,useState}from"react";import{useRefs}from"../../../../hooks/useRefs/useRefs";export var useScrollToElement=function(a,b){var c=useState([]),d=_slicedToArray(c,2),e=d[0],f=d[1],g=useRefs(a.length);return useEffect(function(){var c,d,f,g=a.findIndex(function(a){return a.selected});null===(c=b.current)||void 0===c||null===(d=c.scrollTo)||void 0===d?void 0:d.call(c,{top:(null===e||void 0===e||null===(f=e[g])||void 0===f?void 0:f.offset)||0,behavior:"smooth"})}),useLayoutEffect(function(){var a=g.reduce(function(a,b,c){var d,e=(null===(d=b.current)||void 0===d?void 0:d.offsetHeight)||0,f=0<a.length?a[c-1].offset+e:0;return[].concat(_toConsumableArray(a),[{height:e,offset:f}])},[]);f(a)},[g]),[g]};
+//# sourceMappingURL=useScrollToElement.js.map

package/__internal__/src/components/DateTime/DateTimeTimeColumn/useScrollToElement/useScrollToElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToElement.js","names":["useEffect","useLayoutEffect","useState","useRefs","useScrollToElement","items","scrollWrapper","itemDimentions","setItemDimentions","itemsRefs","length","selectedItemIndex","findIndex","item","selected","current","scrollTo","top","offset","behavior","reduce","accumulator","currentValue","index","height","offsetHeight"],"sources":["../../../../../../../src/components/DateTime/DateTimeTimeColumn/useScrollToElement/useScrollToElement.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { useRefs } from '../../../../hooks/useRefs/useRefs';\n\ntype ItemDimentions = { height: number; offset: number };\n\nexport const useScrollToElement = (\n  items: { selected?: boolean }[],\n  scrollWrapper: React.RefObject<HTMLDivElement>,\n) => {\n  const [itemDimentions, setItemDimentions] = useState<ItemDimentions[]>([]);\n\n  const itemsRefs = useRefs<HTMLDivElement>(items.length);\n\n  useEffect(() => {\n    const selectedItemIndex = items.findIndex((item) => item.selected);\n\n    scrollWrapper.current?.scrollTo?.({\n      top: itemDimentions?.[selectedItemIndex]?.offset || 0,\n      behavior: 'smooth',\n    });\n  });\n\n  useLayoutEffect(() => {\n    const itemDimentions = itemsRefs.reduce<ItemDimentions[]>(\n      (accumulator, currentValue, index) => {\n        const height = currentValue.current?.offsetHeight || 0;\n        const offset =\n          accumulator.length > 0 ? accumulator[index - 1].offset + height : 0;\n\n        return [\n          ...accumulator,\n          {\n            height,\n            offset,\n          },\n        ];\n      },\n      [],\n    );\n\n    setItemDimentions(itemDimentions);\n  }, [itemsRefs]);\n\n  return [itemsRefs];\n};\n"],"mappings":"0IAAA,OAASA,SAAT,CAAoBC,eAApB,CAAqCC,QAArC,KAAqD,OAArD,CAEA,OAASC,OAAT,yCAIA,MAAO,IAAMC,mBAAkB,CAAG,SAChCC,CADgC,CAEhCC,CAFgC,CAG7B,OACyCJ,QAAQ,CAAmB,EAAnB,CADjD,uBACIK,CADJ,MACoBC,CADpB,MAGGC,CAAS,CAAGN,OAAO,CAAiBE,CAAK,CAACK,MAAvB,CAHtB,CAmCH,MA9BAV,UAAS,CAAC,UAAM,WACRW,CAAiB,CAAGN,CAAK,CAACO,SAAN,CAAgB,SAACC,CAAD,QAAUA,EAAI,CAACC,QAAf,CAAhB,CADZ,WAGdR,CAAa,CAACS,OAHA,yBAGd,EAAuBC,QAHT,qBAGd,SAAkC,CAChCC,GAAG,CAAE,QAAAV,CAAc,WAAdA,CAAA,YAAAA,CAAc,CAAGI,CAAH,CAAd,uBAAqCO,MAArC,GAA+C,CADpB,CAEhCC,QAAQ,CAAE,QAFsB,CAAlC,CAID,CAPQ,CA8BT,CArBAlB,eAAe,CAAC,UAAM,CACpB,GAAMM,EAAc,CAAGE,CAAS,CAACW,MAAV,CACrB,SAACC,CAAD,CAAcC,CAAd,CAA4BC,CAA5B,CAAsC,OAC9BC,CAAM,CAAG,WAAAF,CAAY,CAACP,OAAb,uBAAsBU,YAAtB,GAAsC,CADjB,CAE9BP,CAAM,CACW,CAArB,CAAAG,CAAW,CAACX,MAAZ,CAAyBW,CAAW,CAACE,CAAK,CAAG,CAAT,CAAX,CAAuBL,MAAvB,CAAgCM,CAAzD,CAAkE,CAHhC,CAKpC,mCACKH,CADL,GAEE,CACEG,MAAM,CAANA,CADF,CAEEN,MAAM,CAANA,CAFF,CAFF,EAOD,CAboB,CAcrB,EAdqB,CAAvB,CAiBAV,CAAiB,CAACD,CAAD,CAClB,CAnBc,CAmBZ,CAACE,CAAD,CAnBY,CAqBf,CAAO,CAACA,CAAD,CACR,CAvCM"}

package/__internal__/src/components/DateTime/DateTimeToggler/DateTimeToggler.css

@@ -0,0 +1 @@
+.DateTimeToggler{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:calc(var(--date-time-cell-width)*7)}.DateTimeToggler:not(.DateTimeToggler_withPrevButton){padding-left:var(--control-height-s)}.DateTimeToggler:not(.DateTimeToggler_withNextButton){padding-right:var(--control-height-s)}.DateTimeToggler-Label{flex:1;margin:0 var(--space-xs)}.DateTimeToggler-Button_direction_prev{transform:rotate(180deg)}

package/__internal__/src/components/DateTime/DateTimeToggler/DateTimeToggler.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","className","prevOnClick","nextOnClick","onLabelClick"];import"./DateTimeToggler.css";import React from"react";import{IconForward}from"../../../icons/IconForward/IconForward";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{DateTimeLabel}from"../DateTimeLabel/DateTimeLabel";export var cnDateTimeToggler=cn("DateTimeToggler");export var DateTimeToggler=function(a){var b=a.label,c=a.className,d=a.prevOnClick,e=a.nextOnClick,f=a.onLabelClick,g=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},g,{className:cnDateTimeToggler({withPrevButton:!!d,withNextButton:!!e},[c])}),d&&React.createElement(Button,{className:cnDateTimeToggler("Button",{direction:"prev"}),onClick:d,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}),React.createElement(DateTimeLabel,{onClick:f,cursor:f&&"pointer",className:cnDateTimeToggler("Label"),label:b,align:"center"}),e&&React.createElement(Button,{className:cnDateTimeToggler("Button",{direction:"next"}),onClick:e,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}))};
+//# sourceMappingURL=DateTimeToggler.js.map

package/__internal__/src/components/DateTime/DateTimeToggler/DateTimeToggler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeToggler.js","names":["React","IconForward","cn","Button","DateTimeLabel","cnDateTimeToggler","DateTimeToggler","props","label","className","prevOnClick","nextOnClick","onLabelClick","otherProps","withPrevButton","withNextButton","direction"],"sources":["../../../../../../src/components/DateTime/DateTimeToggler/DateTimeToggler.tsx"],"sourcesContent":["import './DateTimeToggler.css';\n\nimport React from 'react';\n\nimport { IconForward } from '../../../icons/IconForward/IconForward';\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Button } from '../../Button/Button';\nimport { DateTimeLabel } from '../DateTimeLabel/DateTimeLabel';\n\nexport type DateTimeTogglerProps = PropsWithJsxAttributes<\n  {\n    prevOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    nextOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    onLabelClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    label: string | number;\n    children?: never;\n  },\n  'div'\n>;\n\nexport const cnDateTimeToggler = cn('DateTimeToggler');\n\nexport const DateTimeToggler: React.FC<DateTimeTogglerProps> = (props) => {\n  const {\n    label,\n    className,\n    prevOnClick,\n    nextOnClick,\n    onLabelClick,\n    ...otherProps\n  } = props;\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDateTimeToggler(\n        {\n          withPrevButton: Boolean(prevOnClick),\n          withNextButton: Boolean(nextOnClick),\n        },\n        [className],\n      )}\n    >\n      {prevOnClick && (\n        <Button\n          className={cnDateTimeToggler('Button', { direction: 'prev' })}\n          onClick={prevOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n      <DateTimeLabel\n        onClick={onLabelClick}\n        cursor={onLabelClick && 'pointer'}\n        className={cnDateTimeToggler('Label')}\n        label={label}\n        align=\"center\"\n      />\n      {nextOnClick && (\n        <Button\n          className={cnDateTimeToggler('Button', { direction: 'next' })}\n          onClick={nextOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"oKAAA,8BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,WAAT,8CACA,OAASC,EAAT,0BAEA,OAASC,MAAT,2BACA,OAASC,aAAT,sCAaA,MAAO,IAAMC,kBAAiB,CAAGH,EAAE,CAAC,iBAAD,CAA5B,CAEP,MAAO,IAAMI,gBAA+C,CAAG,SAACC,CAAD,CAAW,CACxE,GACEC,EADF,CAOID,CAPJ,CACEC,KADF,CAEEC,CAFF,CAOIF,CAPJ,CAEEE,SAFF,CAGEC,CAHF,CAOIH,CAPJ,CAGEG,WAHF,CAIEC,CAJF,CAOIJ,CAPJ,CAIEI,WAJF,CAKEC,CALF,CAOIL,CAPJ,CAKEK,YALF,CAMKC,CANL,0BAOIN,CAPJ,YASA,MACE,4CACMM,CADN,EAEE,SAAS,CAAER,iBAAiB,CAC1B,CACES,cAAc,GAAUJ,CAD1B,CAEEK,cAAc,GAAUJ,CAF1B,CAD0B,CAK1B,CAACF,CAAD,CAL0B,CAF9B,GAUGC,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEL,iBAAiB,CAAC,QAAD,CAAW,CAAEW,SAAS,CAAE,MAAb,CAAX,CAD9B,CAEE,OAAO,CAAEN,CAFX,CAGE,QAAQ,CAAET,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAXJ,CAoBE,oBAAC,aAAD,EACE,OAAO,CAAEW,CADX,CAEE,MAAM,CAAEA,CAAY,EAAI,SAF1B,CAGE,SAAS,CAAEP,iBAAiB,CAAC,OAAD,CAH9B,CAIE,KAAK,CAAEG,CAJT,CAKE,KAAK,CAAC,QALR,EApBF,CA2BGG,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEN,iBAAiB,CAAC,QAAD,CAAW,CAAEW,SAAS,CAAE,MAAb,CAAX,CAD9B,CAEE,OAAO,CAAEL,CAFX,CAGE,QAAQ,CAAEV,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EA5BJ,CAuCH,CAlDM"}

package/__internal__/src/components/DateTime/DateTimeTypeDate/DateTimeTypeDate.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","minDate","maxDate","value","onChange","onChangeRange","currentVisibleDate","events","locale","view","onMove","onChangeCurrentVisibleDate"];import{addMonths,startOfMonth}from"date-fns";import ruLocale from"date-fns/locale/ru";import React,{forwardRef,useEffect}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{DateTimeLabel}from"../DateTimeLabel/DateTimeLabel";import{DateTimeMonth}from"../DateTimeMonth/DateTimeMonth";import{DateTimeToggler}from"../DateTimeToggler/DateTimeToggler";import{DateTimeTypeMonth}from"../DateTimeTypeMonth/DateTimeTypeMonth";import{DateTimeYearSlider}from"../DateTimeYearSlider/DateTimeYearSlider";import{getDaysOfMonth,getDaysOfWeek,getHandleSelectDate,getMouthLabelWithYear,isEqualDay,moveTypes,useCurrentVisibleDate}from"../helpers";import{dateTimePropView,dateTimePropViewDefault}from"../helpers/types";import{cnDateTimeMixLayout}from"../mixs";export var DateTimeTypeDate=forwardRef(function(a,b){var c=a.className,d=a.minDate,e=a.maxDate,f=a.value,g=a.onChange,h=a.onChangeRange,i=a.currentVisibleDate,j=a.events,k=a.locale,l=void 0===k?ruLocale:k,m=a.view,n=void 0===m?dateTimePropViewDefault:m,o=a.onMove,p=a.onChangeCurrentVisibleDate,q=_objectWithoutProperties(a,_excluded),r=useFlag(),s=_slicedToArray(r,2),t=s[0],u=s[1];useEffect(function(){t||(null===o||void 0===o?void 0:o(moveTypes[2]))},[t]);var v=useCurrentVisibleDate({currentVisibleDate:i,maxDate:e,minDate:d,value:f,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:p}),w=_slicedToArray(v,2),x=w[0],y=w[1];if(t)return React.createElement(DateTimeTypeMonth,Object.assign({},q,{ref:b,className:c,minDate:d,maxDate:e,locale:l,events:j,currentVisibleDate:x,view:n,onChange:function(a){var b=a.value;y(b),u.off()},onMove:o}));var z=getHandleSelectDate({minDate:d,maxDate:e,value:f,onChange:g,onChangeRange:h,isEqualUnit:isEqualDay}),A=getDaysOfMonth({date:x,handleDayClick:z,value:f,events:j,minDate:d,maxDate:e,locale:l}),B=getMouthLabelWithYear(x,l),C=getDaysOfWeek(l),D=function(){return y(addMonths(x,1))},E=function(){return y(addMonths(x,-1))};if(n===dateTimePropView[0])return React.createElement("div",Object.assign({},q,{ref:b,className:cnDateTimeMixLayout({view:n},[c])}),React.createElement(DateTimeToggler,{className:cnDateTimeMixLayout("Label"),prevOnClick:E,nextOnClick:D,label:B,onLabelClick:u.on}),React.createElement(DateTimeMonth,{daysOfWeek:C,daysOfMonth:A}));var F=addMonths(x,1),G=getDaysOfMonth({date:F,handleDayClick:z,value:f,events:j,minDate:d,maxDate:e,locale:l}),H=getMouthLabelWithYear(F,l);return n===dateTimePropView[1]?React.createElement("div",Object.assign({},q,{ref:b,className:cnDateTimeMixLayout({view:n},[c])}),React.createElement("div",{className:cnDateTimeMixLayout("Page")},React.createElement(DateTimeToggler,{className:cnDateTimeMixLayout("Label"),prevOnClick:E,label:B,onLabelClick:u.on}),React.createElement(DateTimeMonth,{daysOfWeek:C,daysOfMonth:A})),React.createElement("div",{className:cnDateTimeMixLayout("Page")},React.createElement(DateTimeToggler,{className:cnDateTimeMixLayout("Label"),nextOnClick:D,label:H,onLabelClick:u.on}),React.createElement(DateTimeMonth,{daysOfWeek:C,daysOfMonth:G}))):React.createElement("div",Object.assign({},q,{ref:b,className:cnDateTimeMixLayout({view:n},[c])}),React.createElement(DateTimeYearSlider,{className:cnDateTimeMixLayout("Slider"),currentVisibleDate:x,onChange:y,value:f,locale:l}),React.createElement("div",{className:cnDateTimeMixLayout("PageWrapper")},React.createElement("div",{className:cnDateTimeMixLayout("Page")},React.createElement(DateTimeLabel,{className:cnDateTimeMixLayout("Label"),label:B,onClick:u.on,cursor:"pointer"}),React.createElement(DateTimeMonth,{daysOfWeek:C,daysOfMonth:A})),React.createElement("div",{className:cnDateTimeMixLayout("Page")},React.createElement(DateTimeLabel,{className:cnDateTimeMixLayout("Label"),label:H,onClick:u.on,cursor:"pointer"}),React.createElement(DateTimeMonth,{daysOfWeek:C,daysOfMonth:G}))))});
+//# sourceMappingURL=DateTimeTypeDate.js.map

package/__internal__/src/components/DateTime/DateTimeTypeDate/DateTimeTypeDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeTypeDate.js","names":["addMonths","startOfMonth","ruLocale","React","forwardRef","useEffect","useFlag","DateTimeLabel","DateTimeMonth","DateTimeToggler","DateTimeTypeMonth","DateTimeYearSlider","getDaysOfMonth","getDaysOfWeek","getHandleSelectDate","getMouthLabelWithYear","isEqualDay","moveTypes","useCurrentVisibleDate","dateTimePropView","dateTimePropViewDefault","cnDateTimeMixLayout","DateTimeTypeDate","props","ref","className","minDate","maxDate","value","onChange","onChangeRange","currentVisibleDateProp","currentVisibleDate","events","locale","view","onMove","onChangeCurrentVisibleDate","otherProps","changeMonth","setChangeMonth","startOfUnit","setCurrentVisibleDate","off","handleSelectDate","isEqualUnit","pageOneDaysOfMonth","date","handleDayClick","pageOneLabel","daysOfWeek","nextMonthHandle","prevMonthHandle","on","pageTwoCurrentVisibleDate","pageTwoDaysOfMonth","pageTwoLabel"],"sources":["../../../../../../src/components/DateTime/DateTimeTypeDate/DateTimeTypeDate.tsx"],"sourcesContent":["import { addMonths, startOfMonth } from 'date-fns';\nimport ruLocale from 'date-fns/locale/ru';\nimport React, { forwardRef, useEffect } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { DateTimeLabel } from '../DateTimeLabel/DateTimeLabel';\nimport { DateTimeMonth } from '../DateTimeMonth/DateTimeMonth';\nimport { DateTimeToggler } from '../DateTimeToggler/DateTimeToggler';\nimport { DateTimeTypeMonth } from '../DateTimeTypeMonth/DateTimeTypeMonth';\nimport { DateTimeYearSlider } from '../DateTimeYearSlider/DateTimeYearSlider';\nimport {\n  DateTimeTypeComponent,\n  getDaysOfMonth,\n  getDaysOfWeek,\n  getHandleSelectDate,\n  getMouthLabelWithYear,\n  isEqualDay,\n  moveTypes,\n  useCurrentVisibleDate,\n} from '../helpers';\nimport { dateTimePropView, dateTimePropViewDefault } from '../helpers/types';\nimport { cnDateTimeMixLayout } from '../mixs';\n\nexport const DateTimeTypeDate: DateTimeTypeComponent<'date'> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      minDate,\n      maxDate,\n      value,\n      onChange,\n      onChangeRange,\n      currentVisibleDate: currentVisibleDateProp,\n      events,\n      locale = ruLocale,\n      view = dateTimePropViewDefault,\n      onMove,\n      onChangeCurrentVisibleDate,\n      ...otherProps\n    } = props;\n\n    const [changeMonth, setChangeMonth] = useFlag();\n\n    useEffect(() => {\n      !changeMonth && onMove?.(moveTypes[2]);\n    }, [changeMonth]);\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate,\n      minDate,\n      value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n    });\n\n    if (changeMonth) {\n      return (\n        <DateTimeTypeMonth\n          {...otherProps}\n          ref={ref}\n          className={className}\n          minDate={minDate}\n          maxDate={maxDate}\n          locale={locale}\n          events={events}\n          currentVisibleDate={currentVisibleDate}\n          view={view}\n          onChange={({ value }) => {\n            setCurrentVisibleDate(value);\n            setChangeMonth.off();\n          }}\n          onMove={onMove}\n        />\n      );\n    }\n\n    const handleSelectDate = getHandleSelectDate({\n      minDate,\n      maxDate,\n      value,\n      onChange,\n      onChangeRange,\n      isEqualUnit: isEqualDay,\n    });\n\n    const pageOneDaysOfMonth = getDaysOfMonth({\n      date: currentVisibleDate,\n      handleDayClick: handleSelectDate,\n      value,\n      events,\n      minDate,\n      maxDate,\n      locale,\n    });\n\n    const pageOneLabel = getMouthLabelWithYear(currentVisibleDate, locale);\n\n    const daysOfWeek = getDaysOfWeek(locale);\n\n    const nextMonthHandle = () =>\n      setCurrentVisibleDate(addMonths(currentVisibleDate, 1));\n    const prevMonthHandle = () =>\n      setCurrentVisibleDate(addMonths(currentVisibleDate, -1));\n\n    if (view === dateTimePropView[0]) {\n      return (\n        <div\n          {...otherProps}\n          ref={ref}\n          className={cnDateTimeMixLayout({ view }, [className])}\n        >\n          <DateTimeToggler\n            className={cnDateTimeMixLayout('Label')}\n            prevOnClick={prevMonthHandle}\n            nextOnClick={nextMonthHandle}\n            label={pageOneLabel}\n            onLabelClick={setChangeMonth.on}\n          />\n          <DateTimeMonth\n            daysOfWeek={daysOfWeek}\n            daysOfMonth={pageOneDaysOfMonth}\n          />\n        </div>\n      );\n    }\n\n    const pageTwoCurrentVisibleDate = addMonths(currentVisibleDate, 1);\n\n    const pageTwoDaysOfMonth = getDaysOfMonth({\n      date: pageTwoCurrentVisibleDate,\n      handleDayClick: handleSelectDate,\n      value,\n      events,\n      minDate,\n      maxDate,\n      locale,\n    });\n\n    const pageTwoLabel = getMouthLabelWithYear(\n      pageTwoCurrentVisibleDate,\n      locale,\n    );\n\n    if (view === dateTimePropView[1]) {\n      return (\n        <div\n          {...otherProps}\n          ref={ref}\n          className={cnDateTimeMixLayout({ view }, [className])}\n        >\n          <div className={cnDateTimeMixLayout('Page')}>\n            <DateTimeToggler\n              className={cnDateTimeMixLayout('Label')}\n              prevOnClick={prevMonthHandle}\n              label={pageOneLabel}\n              onLabelClick={setChangeMonth.on}\n            />\n            <DateTimeMonth\n              daysOfWeek={daysOfWeek}\n              daysOfMonth={pageOneDaysOfMonth}\n            />\n          </div>\n          <div className={cnDateTimeMixLayout('Page')}>\n            <DateTimeToggler\n              className={cnDateTimeMixLayout('Label')}\n              nextOnClick={nextMonthHandle}\n              label={pageTwoLabel}\n              onLabelClick={setChangeMonth.on}\n            />\n            <DateTimeMonth\n              daysOfWeek={daysOfWeek}\n              daysOfMonth={pageTwoDaysOfMonth}\n            />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnDateTimeMixLayout({ view }, [className])}\n      >\n        <DateTimeYearSlider\n          className={cnDateTimeMixLayout('Slider')}\n          currentVisibleDate={currentVisibleDate}\n          onChange={setCurrentVisibleDate}\n          value={value}\n          locale={locale}\n        />\n        <div className={cnDateTimeMixLayout('PageWrapper')}>\n          <div className={cnDateTimeMixLayout('Page')}>\n            <DateTimeLabel\n              className={cnDateTimeMixLayout('Label')}\n              label={pageOneLabel}\n              onClick={setChangeMonth.on}\n              cursor=\"pointer\"\n            />\n            <DateTimeMonth\n              daysOfWeek={daysOfWeek}\n              daysOfMonth={pageOneDaysOfMonth}\n            />\n          </div>\n          <div className={cnDateTimeMixLayout('Page')}>\n            <DateTimeLabel\n              className={cnDateTimeMixLayout('Label')}\n              label={pageTwoLabel}\n              onClick={setChangeMonth.on}\n              cursor=\"pointer\"\n            />\n            <DateTimeMonth\n              daysOfWeek={daysOfWeek}\n              daysOfMonth={pageTwoDaysOfMonth}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTimeTypeDateTime/DateTimeTypeDateTime.css

@@ -0,0 +1 @@
+.DateTimeTypeDateTime_withTime{display:flex;position:relative}.DateTimeTypeDateTime_withTime:after{background:var(--color-bg-border);content:"";display:block;height:100%;left:calc((var(--control-height-s) + (var(--space-3xs)*2))*7 + var(--space-s) + var(--root-padding-left));position:absolute;top:0;width:1px}.DateTimeTypeDateTime-Date_withTime{padding-right:var(--space-s)}.DateTimeTypeDateTime-Time{padding-left:var(--space-s)}

package/__internal__/src/components/DateTime/DateTimeTypeDateTime/DateTimeTypeDateTime.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onMove","currentVisibleDate","value","onChange","onChangeRange","minDate","maxDate","events","locale","onChangeCurrentVisibleDate","multiplicitySeconds","multiplicityMinutes","multiplicityHours","style","timeFor"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./DateTimeTypeDateTime.css";import React,{forwardRef,useEffect,useRef,useState}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{cn}from"../../../utils/bem";import{DateTimeTypeDate}from"../DateTimeTypeDate/DateTimeTypeDate";import{DateTimeTypeTime}from"../DateTimeTypeTime/DateTimeTypeTime";import{moveTypes}from"../helpers";import{useOnChange}from"./useOnChange";var cnDateTimeTypeDateTime=cn("DateTimeTypeDateTime");export var DateTimeTypeDateTime=forwardRef(function(a,b){var c=a.className,d=a.onMove,e=a.currentVisibleDate,f=a.value,g=a.onChange,h=a.onChangeRange,i=a.minDate,j=a.maxDate,k=a.events,l=a.locale,m=a.onChangeCurrentVisibleDate,n=a.multiplicitySeconds,o=a.multiplicityMinutes,p=a.multiplicityHours,q=a.style,r=a.timeFor,s=void 0===r?"start":r,t=_objectWithoutProperties(a,_excluded),u=useState(moveTypes[2]),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useState({"--root-padding-left":"0px"}),z=_slicedToArray(y,2),A=z[0],B=z[1],C=useOnChange(g,h,f,s),D=_slicedToArray(C,4),E=D[0],F=D[1],G=D[2],H=D[3],I=useRef(null),J=w===moveTypes[2];return useEffect(function(){I.current&&B({"--root-padding-left":window.getComputedStyle(I.current).paddingLeft||"0px"})},[]),React.createElement("div",Object.assign({},t,{className:cnDateTimeTypeDateTime({withTime:J},[c]),ref:useForkRef([I,b]),style:_objectSpread(_objectSpread({},q),A)}),React.createElement(DateTimeTypeDate,{className:cnDateTimeTypeDateTime("Date",{withTime:J}),onMove:function onMove(a){x(a),null===d||void 0===d?void 0:d(a)},currentVisibleDate:e,value:f,onChange:E,onChangeRange:F,minDate:i,maxDate:j,events:k,locale:l,onChangeCurrentVisibleDate:m}),J&&React.createElement(DateTimeTypeTime,{className:cnDateTimeTypeDateTime("Time"),value:H,onChange:G,minDate:i,maxDate:j,locale:l,multiplicitySeconds:n,multiplicityMinutes:o,multiplicityHours:p}))});
+//# sourceMappingURL=DateTimeTypeDateTime.js.map

package/__internal__/src/components/DateTime/DateTimeTypeDateTime/DateTimeTypeDateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeTypeDateTime.js","names":["React","forwardRef","useEffect","useRef","useState","useForkRef","cn","DateTimeTypeDate","DateTimeTypeTime","moveTypes","useOnChange","cnDateTimeTypeDateTime","DateTimeTypeDateTime","props","ref","className","onMoveProp","onMove","currentVisibleDate","value","onChange","onChangeRange","minDate","maxDate","events","locale","onChangeCurrentVisibleDate","multiplicitySeconds","multiplicityMinutes","multiplicityHours","style","timeFor","otherProps","moveType","setMoveType","cssVars","setCssVars","onDateChange","onDateChangeRange","onTimeChange","valueTime","rootRef","withTime","current","window","getComputedStyle","paddingLeft","type"],"sources":["../../../../../../src/components/DateTime/DateTimeTypeDateTime/DateTimeTypeDateTime.tsx"],"sourcesContent":["import './DateTimeTypeDateTime.css';\n\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../../utils/bem';\nimport { DateTimeTypeDate } from '../DateTimeTypeDate/DateTimeTypeDate';\nimport { DateTimeTypeTime } from '../DateTimeTypeTime/DateTimeTypeTime';\nimport { DateTimeTypeComponent, MoveType, moveTypes } from '../helpers';\nimport { useOnChange } from './useOnChange';\n\nconst cnDateTimeTypeDateTime = cn('DateTimeTypeDateTime');\n\ntype CssVars = {\n  '--root-padding-left': string;\n};\n\nexport const DateTimeTypeDateTime: DateTimeTypeComponent<'date-time'> =\n  forwardRef((props, ref) => {\n    const {\n      className,\n      onMove: onMoveProp,\n      currentVisibleDate,\n      value,\n      onChange,\n      onChangeRange,\n      minDate,\n      maxDate,\n      events,\n      locale,\n      onChangeCurrentVisibleDate,\n      multiplicitySeconds,\n      multiplicityMinutes,\n      multiplicityHours,\n      style,\n      timeFor = 'start',\n      ...otherProps\n    } = props;\n\n    const [moveType, setMoveType] = useState<MoveType>(moveTypes[2]);\n    const [cssVars, setCssVars] = useState<CssVars>({\n      '--root-padding-left': '0px',\n    });\n\n    const [onDateChange, onDateChangeRange, onTimeChange, valueTime] =\n      useOnChange(onChange, onChangeRange, value, timeFor);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const onMove = (type: MoveType) => {\n      setMoveType(type);\n      onMoveProp?.(type);\n    };\n\n    const withTime = moveType === moveTypes[2];\n\n    useEffect(() => {\n      if (rootRef.current) {\n        setCssVars({\n          '--root-padding-left':\n            window.getComputedStyle(rootRef.current).paddingLeft || '0px',\n        });\n      }\n    }, []);\n\n    return (\n      <div\n        {...otherProps}\n        className={cnDateTimeTypeDateTime({ withTime }, [className])}\n        ref={useForkRef([rootRef, ref])}\n        style={{\n          ...style,\n          ...cssVars,\n        }}\n      >\n        <DateTimeTypeDate\n          className={cnDateTimeTypeDateTime('Date', { withTime })}\n          onMove={onMove}\n          currentVisibleDate={currentVisibleDate}\n          value={value}\n          onChange={onDateChange}\n          onChangeRange={onDateChangeRange}\n          minDate={minDate}\n          maxDate={maxDate}\n          events={events}\n          locale={locale}\n          onChangeCurrentVisibleDate={onChangeCurrentVisibleDate}\n        />\n        {withTime && (\n          <DateTimeTypeTime\n            className={cnDateTimeTypeDateTime('Time')}\n            value={valueTime}\n            onChange={onTimeChange}\n            minDate={minDate}\n            maxDate={maxDate}\n            locale={locale}\n            multiplicitySeconds={multiplicitySeconds}\n            multiplicityMinutes={multiplicityMinutes}\n            multiplicityHours={multiplicityHours}\n          />\n        )}\n      </div>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTimeTypeDateTime/useOnChange.d.ts

@@ -0,0 +1,8 @@
+import { DateRange } from '../../../utils/types/Date';
+import { DateTimePropOnChange, DateTimePropOnChangeRange } from '../helpers';
+export declare const useOnChange: (onChange: DateTimePropOnChange | undefined, onChangeRange: DateTimePropOnChangeRange<'date-time'> | undefined, value: DateRange | Date | undefined, timeFor: 'start' | 'end') => [
+    DateTimePropOnChange,
+    DateTimePropOnChangeRange<'date-time'>,
+    DateTimePropOnChange,
+    Date | undefined
+];

package/__internal__/src/components/DateTime/DateTimeTypeDateTime/useOnChange.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{getHours,getMinutes,getSeconds,set}from"date-fns";import{useCallback,useEffect,useState}from"react";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";var getTime=function(a){return a?[getHours(a),getMinutes(a),getSeconds(a)]:[0,0,0]};export var useOnChange=function(a,b,c,d){var e=Array.isArray(c)?c["start"===d?0:1]:c,f=useState(e),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useMutableRef(a),k=useMutableRef(b),l=useMutableRef(h),m=useCallback(function(a){var b,c=a.e,d=a.value,e=getTime(l.current),f=_slicedToArray(e,3),g=f[0],h=f[1],i=f[2];null===(b=j.current)||void 0===b?void 0:b.call(j,{e:c,value:set(d,{hours:g,minutes:h,seconds:i})})},[]),n=useCallback(function(a){var b,c=a.e,d=a.value,e=getTime(l.current),f=_slicedToArray(e,3),g=f[0],h=f[1],i=f[2];null===(b=k.current)||void 0===b?void 0:b.call(k,{e:c,value:[d[0]?set(d[0],{hours:g,minutes:h,seconds:i}):void 0,d[1]?set(d[1],{hours:g,minutes:h,seconds:i}):void 0]})},[]),o=useCallback(function(a){var b,c=a.e,d=a.value;null===(b=j.current)||void 0===b?void 0:b.call(j,{e:c,value:d})},[]);return useEffect(function(){return i(e)},[null===e||void 0===e?void 0:e.getTime()]),[m,n,o,e]};
+//# sourceMappingURL=useOnChange.js.map

package/__internal__/src/components/DateTime/DateTimeTypeDateTime/useOnChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnChange.js","names":["getHours","getMinutes","getSeconds","set","useCallback","useEffect","useState","useMutableRef","getTime","date","useOnChange","onChange","onChangeRange","value","timeFor","normalizeValue","Array","isArray","time","setTime","onChangeRef","onChangeRangeRef","timeRef","onDateChange","e","current","hours","minutes","seconds","onDateChangeRange","onTimeChange"],"sources":["../../../../../../src/components/DateTime/DateTimeTypeDateTime/useOnChange.ts"],"sourcesContent":["import { getHours, getMinutes, getSeconds, set } from 'date-fns';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';\nimport { DateRange } from '../../../utils/types/Date';\nimport { DateTimePropOnChange, DateTimePropOnChangeRange } from '../helpers';\n\nconst getTime = (date?: Date) => {\n  if (!date) {\n    return [0, 0, 0] as const;\n  }\n  return [getHours(date), getMinutes(date), getSeconds(date)] as const;\n};\n\nexport const useOnChange = (\n  onChange: DateTimePropOnChange | undefined,\n  onChangeRange: DateTimePropOnChangeRange<'date-time'> | undefined,\n  value: DateRange | Date | undefined,\n  timeFor: 'start' | 'end',\n): [\n  DateTimePropOnChange,\n  DateTimePropOnChangeRange<'date-time'>,\n  DateTimePropOnChange,\n  Date | undefined,\n] => {\n  const normalizeValue = Array.isArray(value)\n    ? value[timeFor === 'start' ? 0 : 1]\n    : value;\n\n  const [time, setTime] = useState<Date | undefined>(normalizeValue);\n\n  const onChangeRef = useMutableRef(onChange);\n  const onChangeRangeRef = useMutableRef(onChangeRange);\n  const timeRef = useMutableRef(time);\n\n  const onDateChange: DateTimePropOnChange = useCallback(({ e, value }) => {\n    const [hours, minutes, seconds] = getTime(timeRef.current);\n    onChangeRef.current?.({\n      e,\n      value: set(value, { hours, minutes, seconds }),\n    });\n  }, []);\n\n  const onDateChangeRange: DateTimePropOnChangeRange<'date-time'> = useCallback(\n    ({ e, value }) => {\n      const [hours, minutes, seconds] = getTime(timeRef.current);\n      onChangeRangeRef.current?.({\n        e,\n        value: [\n          value[0] ? set(value[0], { hours, minutes, seconds }) : undefined,\n          value[1] ? set(value[1], { hours, minutes, seconds }) : undefined,\n        ],\n      });\n    },\n    [],\n  );\n\n  const onTimeChange: DateTimePropOnChange = useCallback(({ e, value }) => {\n    onChangeRef.current?.({ e, value });\n  }, []);\n\n  useEffect(() => setTime(normalizeValue), [normalizeValue?.getTime()]);\n\n  return [onDateChange, onDateChangeRange, onTimeChange, normalizeValue];\n};\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTimeTypeMonth/DateTimeTypeMonth.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["minDate","maxDate","value","onChange","onChangeRange","currentVisibleDate","events","locale","className","view","onMove","onChangeCurrentVisibleDate"];import{addYears,startOfYear}from"date-fns";import ruLocale from"date-fns/locale/ru";import React,{forwardRef,useEffect}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{DateTime10Years}from"../DateTime10Years/DateTime10Years";import{DateTime10YearSlider}from"../DateTime10YearSlider/DateTime10YearSlider";import{DateTimeLabel}from"../DateTimeLabel/DateTimeLabel";import{DateTimeToggler}from"../DateTimeToggler/DateTimeToggler";import{DateTimeTypeYear}from"../DateTimeTypeYear/DateTimeTypeYear";import{DateTimeYear}from"../DateTimeYear/DateTimeYear";import{getHandleSelectDate,getMonthsOfYear,getYearTitle,isEqualMount,moveTypes,useCurrentVisibleDate}from"../helpers";import{dateTimePropView,dateTimePropViewDefault}from"../helpers/types";import{cnDateTimeMixLayout}from"../mixs";export var DateTimeTypeMonth=forwardRef(function(a,b){var c=a.minDate,d=a.maxDate,e=a.value,f=a.onChange,g=a.onChangeRange,h=a.currentVisibleDate,i=a.events,j=a.locale,k=void 0===j?ruLocale:j,l=a.className,m=a.view,n=void 0===m?dateTimePropViewDefault:m,o=a.onMove,p=a.onChangeCurrentVisibleDate,q=_objectWithoutProperties(a,_excluded),r=useFlag(),s=_slicedToArray(r,2),t=s[0],u=s[1],v=u.on,w=u.off;useEffect(function(){t||(null===o||void 0===o?void 0:o(moveTypes[1]))},[t]);var x=useCurrentVisibleDate({currentVisibleDate:h,maxDate:d,minDate:c,value:e,startOfUnit:startOfYear,onChangeCurrentVisibleDate:p}),y=_slicedToArray(x,2),z=y[0],A=y[1];if(t)return React.createElement(DateTimeTypeYear,Object.assign({},q,{ref:b,className:l,currentVisibleDate:z,minDate:c,maxDate:d,locale:k,events:i,view:n,onChange:function(a){var b=a.value;A(b),w()},onMove:o}));var B=getHandleSelectDate({minDate:c,maxDate:d,value:e,onChange:f,onChangeRange:g,isEqualUnit:isEqualMount}),C=getMonthsOfYear({date:z,onChange:B,value:e,events:i,minDate:c,maxDate:d,locale:k}),D=getYearTitle(z),E=function(){return A(addYears(z,1))},F=function(){return A(addYears(z,-1))};if(n===dateTimePropView[0])return React.createElement("div",Object.assign({},q,{className:cnDateTimeMixLayout({view:n},[l]),ref:b}),React.createElement(DateTimeToggler,{className:cnDateTimeMixLayout("Label"),prevOnClick:F,nextOnClick:E,label:D,onLabelClick:v}),React.createElement(DateTimeYear,{years:C}));var G=addYears(z,1),H=getYearTitle(G),I=getMonthsOfYear({date:G,onChange:B,value:e,events:i,minDate:c,maxDate:d,locale:k});return n===dateTimePropView[1]?React.createElement("div",Object.assign({},q,{className:cnDateTimeMixLayout({view:n},[l]),ref:b}),React.createElement("div",{className:cnDateTimeMixLayout("Page")},React.createElement(DateTimeToggler,{className:cnDateTimeMixLayout("Label"),prevOnClick:F,label:D,onLabelClick:v}),React.createElement(DateTime10Years,{years:C})),React.createElement("div",{className:cnDateTimeMixLayout("Page")},React.createElement(DateTimeToggler,{className:cnDateTimeMixLayout("Label"),nextOnClick:E,label:H,onLabelClick:v}),React.createElement(DateTime10Years,{years:I}))):React.createElement("div",Object.assign({},q,{className:cnDateTimeMixLayout({view:n},[l]),ref:b}),React.createElement(DateTime10YearSlider,{className:cnDateTimeMixLayout("Slider"),currentVisibleDate:z,onChange:A,value:e,locale:k}),React.createElement("div",{className:cnDateTimeMixLayout("PageWrapper")},React.createElement("div",{className:cnDateTimeMixLayout("Page")},React.createElement(DateTimeLabel,{className:cnDateTimeMixLayout("Label"),label:D,onClick:v,cursor:"pointer"}),React.createElement(DateTime10Years,{years:C})),React.createElement("div",{className:cnDateTimeMixLayout("Page")},React.createElement(DateTimeLabel,{className:cnDateTimeMixLayout("Label"),label:H,onClick:v,cursor:"pointer"}),React.createElement(DateTime10Years,{years:I}))))});
+//# sourceMappingURL=DateTimeTypeMonth.js.map

package/__internal__/src/components/DateTime/DateTimeTypeMonth/DateTimeTypeMonth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeTypeMonth.js","names":["addYears","startOfYear","ruLocale","React","forwardRef","useEffect","useFlag","DateTime10Years","DateTime10YearSlider","DateTimeLabel","DateTimeToggler","DateTimeTypeYear","DateTimeYear","getHandleSelectDate","getMonthsOfYear","getYearTitle","isEqualMount","moveTypes","useCurrentVisibleDate","dateTimePropView","dateTimePropViewDefault","cnDateTimeMixLayout","DateTimeTypeMonth","props","ref","minDate","maxDate","value","onChange","onChangeRange","currentVisibleDateProp","currentVisibleDate","events","locale","className","view","onMove","onChangeCurrentVisibleDate","otherProps","changeYear","on","off","startOfUnit","setCurrentVisibleDate","handleSelectDate","isEqualUnit","pageOneMonthsOfYear","date","pageOneLabel","handleNext","handlePrev","pageTwoCurrentVisibleDate","pageTwoLabel","pageTwoMonthsOfYear"],"sources":["../../../../../../src/components/DateTime/DateTimeTypeMonth/DateTimeTypeMonth.tsx"],"sourcesContent":["import { addYears, startOfYear } from 'date-fns';\nimport ruLocale from 'date-fns/locale/ru';\nimport React, { forwardRef, useEffect } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { DateTime10Years } from '../DateTime10Years/DateTime10Years';\nimport { DateTime10YearSlider } from '../DateTime10YearSlider/DateTime10YearSlider';\nimport { DateTimeLabel } from '../DateTimeLabel/DateTimeLabel';\nimport { DateTimeToggler } from '../DateTimeToggler/DateTimeToggler';\nimport { DateTimeTypeYear } from '../DateTimeTypeYear/DateTimeTypeYear';\nimport { DateTimeYear } from '../DateTimeYear/DateTimeYear';\nimport {\n  DateTimeTypeComponent,\n  getHandleSelectDate,\n  getMonthsOfYear,\n  getYearTitle,\n  isEqualMount,\n  moveTypes,\n  useCurrentVisibleDate,\n} from '../helpers';\nimport { dateTimePropView, dateTimePropViewDefault } from '../helpers/types';\nimport { cnDateTimeMixLayout } from '../mixs';\n\nexport const DateTimeTypeMonth: DateTimeTypeComponent<'month'> = forwardRef(\n  (props, ref) => {\n    const {\n      minDate,\n      maxDate,\n      value,\n      onChange,\n      onChangeRange,\n      currentVisibleDate: currentVisibleDateProp,\n      events,\n      locale = ruLocale,\n      className,\n      view = dateTimePropViewDefault,\n      onMove,\n      onChangeCurrentVisibleDate,\n      ...otherProps\n    } = props;\n\n    const [changeYear, { on, off }] = useFlag();\n\n    useEffect(() => {\n      !changeYear && onMove?.(moveTypes[1]);\n    }, [changeYear]);\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate,\n      minDate,\n      value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n    });\n\n    if (changeYear) {\n      return (\n        <DateTimeTypeYear\n          {...otherProps}\n          ref={ref}\n          className={className}\n          currentVisibleDate={currentVisibleDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          locale={locale}\n          events={events}\n          view={view}\n          onChange={({ value }) => {\n            setCurrentVisibleDate(value);\n            off();\n          }}\n          onMove={onMove}\n        />\n      );\n    }\n\n    const handleSelectDate = getHandleSelectDate({\n      minDate,\n      maxDate,\n      value,\n      onChange,\n      onChangeRange,\n      isEqualUnit: isEqualMount,\n    });\n\n    const pageOneMonthsOfYear = getMonthsOfYear({\n      date: currentVisibleDate,\n      onChange: handleSelectDate,\n      value,\n      events,\n      minDate,\n      maxDate,\n      locale,\n    });\n\n    const pageOneLabel = getYearTitle(currentVisibleDate);\n\n    const handleNext = () =>\n      setCurrentVisibleDate(addYears(currentVisibleDate, 1));\n    const handlePrev = () =>\n      setCurrentVisibleDate(addYears(currentVisibleDate, -1));\n\n    if (view === dateTimePropView[0]) {\n      return (\n        <div\n          {...otherProps}\n          className={cnDateTimeMixLayout({ view }, [className])}\n          ref={ref}\n        >\n          <DateTimeToggler\n            className={cnDateTimeMixLayout('Label')}\n            prevOnClick={handlePrev}\n            nextOnClick={handleNext}\n            label={pageOneLabel}\n            onLabelClick={on}\n          />\n          <DateTimeYear years={pageOneMonthsOfYear} />\n        </div>\n      );\n    }\n\n    const pageTwoCurrentVisibleDate = addYears(currentVisibleDate, 1);\n\n    const pageTwoLabel = getYearTitle(pageTwoCurrentVisibleDate);\n\n    const pageTwoMonthsOfYear = getMonthsOfYear({\n      date: pageTwoCurrentVisibleDate,\n      onChange: handleSelectDate,\n      value,\n      events,\n      minDate,\n      maxDate,\n      locale,\n    });\n\n    if (view === dateTimePropView[1]) {\n      return (\n        <div\n          {...otherProps}\n          className={cnDateTimeMixLayout({ view }, [className])}\n          ref={ref}\n        >\n          <div className={cnDateTimeMixLayout('Page')}>\n            <DateTimeToggler\n              className={cnDateTimeMixLayout('Label')}\n              prevOnClick={handlePrev}\n              label={pageOneLabel}\n              onLabelClick={on}\n            />\n            <DateTime10Years years={pageOneMonthsOfYear} />\n          </div>\n          <div className={cnDateTimeMixLayout('Page')}>\n            <DateTimeToggler\n              className={cnDateTimeMixLayout('Label')}\n              nextOnClick={handleNext}\n              label={pageTwoLabel}\n              onLabelClick={on}\n            />\n            <DateTime10Years years={pageTwoMonthsOfYear} />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        {...otherProps}\n        className={cnDateTimeMixLayout({ view }, [className])}\n        ref={ref}\n      >\n        <DateTime10YearSlider\n          className={cnDateTimeMixLayout('Slider')}\n          currentVisibleDate={currentVisibleDate}\n          onChange={setCurrentVisibleDate}\n          value={value}\n          locale={locale}\n        />\n        <div className={cnDateTimeMixLayout('PageWrapper')}>\n          <div className={cnDateTimeMixLayout('Page')}>\n            <DateTimeLabel\n              className={cnDateTimeMixLayout('Label')}\n              label={pageOneLabel}\n              onClick={on}\n              cursor=\"pointer\"\n            />\n            <DateTime10Years years={pageOneMonthsOfYear} />\n          </div>\n          <div className={cnDateTimeMixLayout('Page')}>\n            <DateTimeLabel\n              className={cnDateTimeMixLayout('Label')}\n              label={pageTwoLabel}\n              onClick={on}\n              cursor=\"pointer\"\n            />\n            <DateTime10Years years={pageTwoMonthsOfYear} />\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.css

@@ -0,0 +1 @@
+.DateTimeTypeTime{width:calc((var(--control-height-s) + (var(--space-3xs)*2))*3)}.DateTimeTypeTime-Grid{--date-time-item-width:var(--control-height-s);--date-time-item-height:var(--control-height-s);--date-time-cell-vertical-gap:var(--space-3xs);--date-time-cell-horisontal-gap:var(--space-3xs);--date-time-cell-width:calc(var(--date-time-item-width) + var(--date-time-cell-horisontal-gap)*2);--date-time-cell-height:calc(var(--date-time-item-height) + var(--date-time-cell-vertical-gap)*2);--date-time-grid-columns:1;--date-time-grid-row-gap:0;display:flex;height:calc(var(--date-time-cell-height)*7);justify-content:center}.DateTimeTypeTime-Label{display:block;height:var(--control-height-s);line-height:var(--control-height-s);margin-bottom:var(--space-s)}

package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["locale","value","className","onChange","maxDate","minDate","multiplicityHours","multiplicityMinutes","multiplicitySeconds","onMove"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./DateTimeTypeTime.css";import React,{forwardRef,useEffect,useMemo}from"react";import{cn}from"../../../utils/bem";import{DateTimeLabel}from"../DateTimeLabel/DateTimeLabel";import{DateTimeTimeColumn}from"../DateTimeTimeColumn/DateTimeTimeColumn";import{getTimeTitle,moveTypes}from"../helpers";import{dateTimeTimePropLocaleDefault,useTimeItems}from"./helpers";var cnDateTimeTypeTime=cn("DateTimeTypeTime");export var DateTimeTypeTime=forwardRef(function(a,b){var c,d,e,f=a.locale,g=a.value,h=a.className,i=a.onChange,j=a.maxDate,k=a.minDate,l=a.multiplicityHours,m=void 0===l?1:l,n=a.multiplicityMinutes,o=void 0===n?1:n,p=a.multiplicitySeconds,q=void 0===p?1:p,r=a.onMove,s=_objectWithoutProperties(a,_excluded);useEffect(function(){null===r||void 0===r?void 0:r(moveTypes[3])},[]);var t=useMemo(function(){return _objectSpread(_objectSpread({},dateTimeTimePropLocaleDefault),null===f||void 0===f?void 0:f.words)},[null===f||void 0===f||null===(c=f.words)||void 0===c?void 0:c.hours,null===f||void 0===f||null===(d=f.words)||void 0===d?void 0:d.minutes,null===f||void 0===f||null===(e=f.words)||void 0===e?void 0:e.seconds]),u=useTimeItems(g,m,o,q,i,k,j),v=_slicedToArray(u,3),w=v[0],x=v[1],y=v[2],z=getTimeTitle(g,m,o,q),A=u.filter(function(a){return a.length}).length;return React.createElement("div",Object.assign({},s,{className:cnDateTimeTypeTime(null,[h]),ref:b}),React.createElement(DateTimeLabel,{align:"center",className:cnDateTimeTypeTime("Label"),style:_defineProperty({},"--label-length",A),label:z}),React.createElement("div",{className:cnDateTimeTypeTime("Grid")},React.createElement(DateTimeTimeColumn,{label:t.hours,items:w}),React.createElement(DateTimeTimeColumn,{label:t.minutes,items:x}),React.createElement(DateTimeTimeColumn,{label:t.seconds,items:y})))});
+//# sourceMappingURL=DateTimeTypeTime.js.map

package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeTypeTime.js","names":["React","forwardRef","useEffect","useMemo","cn","DateTimeLabel","DateTimeTimeColumn","getTimeTitle","moveTypes","dateTimeTimePropLocaleDefault","useTimeItems","cnDateTimeTypeTime","DateTimeTypeTime","props","ref","localeProp","locale","value","className","onChange","maxDate","minDate","multiplicityHours","multiplicityMinutes","multiplicitySeconds","onMove","otherProps","words","hours","minutes","seconds","time","label","labelLenght","filter","item","length"],"sources":["../../../../../../src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.tsx"],"sourcesContent":["import './DateTimeTypeTime.css';\n\nimport React, { forwardRef, useEffect, useMemo } from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { DateTimeLabel } from '../DateTimeLabel/DateTimeLabel';\nimport { DateTimeTimeColumn } from '../DateTimeTimeColumn/DateTimeTimeColumn';\nimport { DateTimeTypeComponent, getTimeTitle, moveTypes } from '../helpers';\nimport { dateTimeTimePropLocaleDefault, useTimeItems } from './helpers';\n\nconst cnDateTimeTypeTime = cn('DateTimeTypeTime');\n\nexport const DateTimeTypeTime: DateTimeTypeComponent<'time'> = forwardRef(\n  (props, ref) => {\n    const {\n      locale: localeProp,\n      value,\n      className,\n      onChange,\n      maxDate,\n      minDate,\n      multiplicityHours = 1,\n      multiplicityMinutes = 1,\n      multiplicitySeconds = 1,\n      onMove,\n      ...otherProps\n    } = props;\n\n    useEffect(() => {\n      onMove?.(moveTypes[3]);\n    }, []);\n\n    const locale = useMemo(\n      () => ({ ...dateTimeTimePropLocaleDefault, ...localeProp?.words }),\n      [\n        localeProp?.words?.hours,\n        localeProp?.words?.minutes,\n        localeProp?.words?.seconds,\n      ],\n    );\n\n    const time = useTimeItems(\n      value,\n      multiplicityHours,\n      multiplicityMinutes,\n      multiplicitySeconds,\n      onChange,\n      minDate,\n      maxDate,\n    );\n\n    const [hours, minutes, seconds] = time;\n\n    const label = getTimeTitle(\n      value,\n      multiplicityHours,\n      multiplicityMinutes,\n      multiplicitySeconds,\n    );\n    const labelLenght = time.filter((item) => item.length).length;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnDateTimeTypeTime(null, [className])}\n        ref={ref}\n      >\n        <DateTimeLabel\n          align=\"center\"\n          className={cnDateTimeTypeTime('Label')}\n          style={{ ['--label-length' as string]: labelLenght }}\n          label={label}\n        />\n        <div className={cnDateTimeTypeTime('Grid')}>\n          <DateTimeTimeColumn label={locale.hours} items={hours} />\n          <DateTimeTimeColumn label={locale.minutes} items={minutes} />\n          <DateTimeTimeColumn label={locale.seconds} items={seconds} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/DateTime/DateTimeTypeTime/helpers.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const dateTimeTimePropLocaleDefault: {
+    readonly hours: "Час";
+    readonly minutes: "Мин";
+    readonly seconds: "Сек";
+};
+declare type DateTimeTimePropOnChange = (props: {
+    value: Date;
+    e: React.MouseEvent<HTMLButtonElement>;
+}) => void;
+declare type ResultItem = {
+    label: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    selected?: boolean;
+};
+export declare const useTimeItems: (value?: Date, multiplicityHours?: number, multiplicityMinutes?: number, multiplicitySeconds?: number, onChange?: DateTimeTimePropOnChange, minDate?: Date, maxDate?: Date) => ResultItem[][];
+export {};

package/__internal__/src/components/DateTime/DateTimeTypeTime/helpers.js

@@ -0,0 +1,2 @@
+import{addHours,addMinutes,addSeconds,endOfHour,endOfMinute,endOfSecond,startOfDay,startOfHour,startOfMinute,startOfSecond,startOfToday}from"date-fns";import{useMemo}from"react";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{range}from"../../../utils/array";import{isInMinMaxDade}from"../../../utils/date";import{getLabelHours,getLabelMinutes,getLabelSeconds}from"../helpers";export var dateTimeTimePropLocaleDefault={hours:"\u0427\u0430\u0441",minutes:"\u041C\u0438\u043D",seconds:"\u0421\u0435\u043A"};var getItemData=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:1,c=2<arguments.length?arguments[2]:void 0,d=3<arguments.length?arguments[3]:void 0,e=4<arguments.length?arguments[4]:void 0,f=5<arguments.length?arguments[5]:void 0,g=6<arguments.length?arguments[6]:void 0,h=7<arguments.length?arguments[7]:void 0,i=8<arguments.length?arguments[8]:void 0,j=9<arguments.length?arguments[9]:void 0,k=10<arguments.length?arguments[10]:void 0,l=range(b?Math.ceil(a/b):0);if(0===l.length)return[];var m=c(h||startOfToday());return l.map(function(a){var c=f(m,a*b),l=g(c),n=!!h&&g(c)===g(h),o=!isInMinMaxDade(c,i,j,d,e);return{label:l,selected:n,disabled:o,onClick:function onClick(a){var b;return!o&&(null===k||void 0===k||null===(b=k.current)||void 0===b?void 0:b.call(k,{e:a,value:c}))}}})};export var useTimeItems=function(a,b,c,d,e,f,g){var h=useMutableRef(e);return useMemo(function(){return[getItemData(24,b,startOfDay,startOfHour,endOfHour,addHours,getLabelHours,a,f,g,h),getItemData(60,c,startOfHour,startOfMinute,endOfMinute,addMinutes,getLabelMinutes,a,f,g,h),getItemData(60,d,startOfMinute,startOfSecond,endOfSecond,addSeconds,getLabelSeconds,a,f,g,h)]},[null===a||void 0===a?void 0:a.getTime(),null===f||void 0===f?void 0:f.getTime(),null===g||void 0===g?void 0:g.getTime(),b,c,d])};
+//# sourceMappingURL=helpers.js.map