npm - @gravity-ui/date-components - Versions diffs - 2.11.0-beta.0 → 2.12.0 - Mend

@gravity-ui/date-components 2.11.0-beta.0 → 2.12.0

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

Files changed (665) hide show

package/dist/esm/components/RangeDateSelection/components/SelectionControl/SelectionControl.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { useMove } from '../../../../hooks/useMove';
-import { block } from '../../../../utils/cn';
-import { i18n } from '../../i18n';
-import { lerp } from '../../utils/span';
-import { useViewportDimensions, useViewportInterval } from '../Ruler/Ruler';
-import './SelectionControl.css';
+import { useMove } from "../../../../hooks/useMove.js";
+import { block } from "../../../../utils/cn.js";
+import { i18n } from "../../i18n/index.js";
+import { lerp } from "../../utils/span.js";
+import { useViewportDimensions, useViewportInterval } from "../Ruler/Ruler.js";
+import "./SelectionControl.css";
 const b = block('range-date-selection-control');
 const MIN_SELECTION_WIDTH = 12; // px;
 const MIN_DRAG_SCALE = 0.01;
@@ -130,3 +130,4 @@ export function SelectionControl(_a) {
                             .filter(Boolean)
                             .join(' '), "aria-orientation": "horizontal", "aria-valuetext": `${endValue.format()}`, value: 0, onChange: () => { } }) }) }))) : null] }));
 }
+//# sourceMappingURL=SelectionControl.js.map

package/dist/esm/components/RangeDateSelection/components/SelectionControl/SelectionControl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectionControl.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/SelectionControl/SelectionControl.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {useMove} from '../../../../hooks/useMove';\nimport {block} from '../../../../utils/cn';\nimport type {AccessibilityProps, DomProps, StyleProps} from '../../../types';\nimport type {RangeDateSelectionState} from '../../hooks/useRangeDateSelectionState';\nimport {i18n} from '../../i18n';\nimport {lerp} from '../../utils/span';\nimport {useViewportDimensions, useViewportInterval} from '../Ruler/Ruler';\n\nimport './SelectionControl.scss';\n\nconst b = block('range-date-selection-control');\n\nconst MIN_SELECTION_WIDTH = 12; // px;\nconst MIN_DRAG_SCALE = 0.01;\nconst MAX_DRAG_SCALE = 100;\nconst DRAG_SCALE_STRENGTH = 20;\n\ninterface SelectionControlProps extends DomProps, StyleProps, AccessibilityProps {\n state: RangeDateSelectionState;\n}\n\nexport function SelectionControl({state, style, className, ...props}: SelectionControlProps) {\n const {start: startDate, end: endDate} = useViewportInterval();\n const viewport = useViewportDimensions();\n\n const [isDragging, setIsDragging] = React.useState<'dragger' | 'start' | 'end' | null>(null);\n\n const moveDataRef = React.useRef<{isZooming: boolean}>({\n isZooming: false,\n });\n\n const visualMinDuration =\n (MIN_SELECTION_WIDTH * (endDate.valueOf() - startDate.valueOf())) / viewport.width;\n\n const handleMoveEnd = () => {\n state.endDragging();\n setIsDragging(null);\n };\n\n const {moveProps} = useMove({\n onMoveStart: (e) => {\n setIsDragging('dragger');\n state.startDragging();\n moveDataRef.current = {\n isZooming: state.canResize && (e.ctrlKey || e.metaKey),\n };\n },\n onMoveEnd: handleMoveEnd,\n onMove: (e) => {\n if (e.deltaX === 0) {\n return;\n }\n if (moveDataRef.current.isZooming) {\n let scale = Math.exp((e.deltaX * DRAG_SCALE_STRENGTH) / viewport.width);\n scale = Math.min(Math.max(scale, MIN_DRAG_SCALE), MAX_DRAG_SCALE);\n state.scale(scale, {visualMinDuration});\n } else {\n let delta = (e.deltaX * (endDate.valueOf() - startDate.valueOf())) / viewport.width;\n if (e.pointerType === 'keyboard') {\n delta =\n delta > 0\n ? Math.max(delta, state.align)\n : Math.min(delta, -1 * state.align);\n }\n state.move(delta, {visualMinDuration});\n }\n },\n });\n const {moveProps: moveStartProps} = useMove({\n onMoveStart: () => {\n setIsDragging('start');\n state.startDragging();\n },\n onMoveEnd: handleMoveEnd,\n onMove: (e) => {\n if (e.deltaX === 0) {\n return;\n }\n let delta = (e.deltaX * (endDate.valueOf() - startDate.valueOf())) / viewport.width;\n if (e.pointerType === 'keyboard') {\n delta =\n delta > 0 ? Math.max(delta, state.align) : Math.min(delta, -1 * state.align);\n }\n state.moveStart(delta, {visualMinDuration});\n },\n });\n const {moveProps: moveEndProps} = useMove({\n onMoveStart: () => {\n setIsDragging('end');\n state.startDragging();\n },\n onMoveEnd: handleMoveEnd,\n onMove: (e) => {\n if (e.deltaX === 0) {\n return;\n }\n let delta = (e.deltaX * (endDate.valueOf() - startDate.valueOf())) / viewport.width;\n if (e.pointerType === 'keyboard') {\n delta =\n delta > 0 ? Math.max(delta, state.align) : Math.min(delta, -1 * state.align);\n }\n state.moveEnd(delta, {visualMinDuration});\n },\n });\n\n const {start: startValue, end: endValue} = state.value;\n const startX = lerp(\n {start: startDate.valueOf(), end: endDate.valueOf()},\n {start: 0, end: viewport.width},\n startValue.valueOf(),\n );\n const endX = lerp(\n {start: startDate.valueOf(), end: endDate.valueOf()},\n {start: 0, end: viewport.width},\n endValue.valueOf(),\n );\n\n const draggerInputRef = React.useRef<HTMLInputElement>(null);\n const startInputRef = React.useRef<HTMLInputElement>(null);\n const endInputRef = React.useRef<HTMLInputElement>(null);\n\n let id = React.useId();\n id = props.id ?? id;\n\n return (\n <div className={b(null, className)} style={{...style, left: startX, width: endX - startX}}>\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n <div\n className={b('dragger', {\n dragging: isDragging === 'dragger',\n disabled: Boolean(isDragging && isDragging !== 'dragger'),\n })}\n {...moveProps}\n onClick={() => {\n draggerInputRef.current?.focus();\n }}\n >\n <div className={b('slider-input-wrapper')}>\n <input\n id={`${id}-range`}\n ref={draggerInputRef}\n className={b('slider-input')}\n type=\"range\"\n step={1}\n aria-label={i18n('Range')}\n aria-labelledby={[`${id}-range`, props['aria-labelledby']]\n .filter(Boolean)\n .join(' ')}\n aria-orientation=\"horizontal\"\n aria-valuetext={`${startValue.format()} - ${endValue.format()}`}\n value={0}\n onChange={() => {}}\n />\n </div>\n </div>\n {state.canResize ? (\n /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n <div\n className={b('start', {\n dragging: isDragging === 'start',\n disabled: Boolean(isDragging && isDragging !== 'start'),\n })}\n {...moveStartProps}\n onClick={() => {\n startInputRef.current?.focus();\n }}\n >\n <div className={b('slider-input-wrapper')}>\n <input\n id={`${id}-start`}\n ref={startInputRef}\n className={b('slider-input')}\n type=\"range\"\n step={1}\n aria-label={i18n('Start of range')}\n aria-labelledby={[`${id}-start`, props['aria-labelledby']]\n .filter(Boolean)\n .join(' ')}\n aria-orientation=\"horizontal\"\n aria-valuetext={`${startValue.format()}`}\n value={0}\n onChange={() => {}}\n />\n </div>\n </div>\n ) : null}\n {state.canResize ? (\n /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n <div\n className={b('end', {\n dragging: isDragging === 'end',\n disabled: Boolean(isDragging && isDragging !== 'end'),\n })}\n {...moveEndProps}\n onClick={() => {\n endInputRef.current?.focus();\n }}\n >\n <div className={b('slider-input-wrapper')}>\n <input\n id={`${id}-end`}\n ref={endInputRef}\n className={b('slider-input')}\n type=\"range\"\n step={1}\n aria-label={i18n('End of range')}\n aria-labelledby={[`${id}-end`, props['aria-labelledby']]\n .filter(Boolean)\n .join(' ')}\n aria-orientation=\"horizontal\"\n aria-valuetext={`${endValue.format()}`}\n value={0}\n onChange={() => {}}\n />\n </div>\n </div>\n ) : null}\n </div>\n );\n}\n"]}

package/dist/esm/components/RangeDateSelection/components/Ticks/MiddleTicks.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useViewportDimensions } from '../Ruler/Ruler';
-import { Ticks, makeMiddleTicksGeometry } from './Ticks';
+import { useViewportDimensions } from "../Ruler/Ruler.js";
+import { Ticks, makeMiddleTicksGeometry } from "./Ticks.js";
 export function MiddleTicks({ timeZone }) {
     const { height } = useViewportDimensions();
     return (_jsx(Ticks, { minTickWidth: 8, maxTickWidth: 20, theme: "dim", geometry: makeMiddleTicksGeometry({ tickHeight: 4, viewportHeight: height }), timeZone: timeZone }));
 }
+//# sourceMappingURL=MiddleTicks.js.map

package/dist/esm/components/RangeDateSelection/components/Ticks/MiddleTicks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MiddleTicks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/MiddleTicks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,qBAAqB,EAAC,0BAAuB;AAErD,OAAO,EAAC,KAAK,EAAE,uBAAuB,EAAC,mBAAgB;AAEvD,MAAM,UAAU,WAAW,CAAC,EAAC,QAAQ,EAAsB;IACvD,MAAM,EAAC,MAAM,EAAC,GAAG,qBAAqB,EAAE,CAAC;IACzC,OAAO,CACH,KAAC,KAAK,IACF,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,EAAE,EAChB,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,uBAAuB,CAAC,EAAC,UAAU,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAC,CAAC,EAC1E,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;AACN,CAAC","sourcesContent":["import {useViewportDimensions} from '../Ruler/Ruler';\n\nimport {Ticks, makeMiddleTicksGeometry} from './Ticks';\n\nexport function MiddleTicks({timeZone}: {timeZone?: string}) {\n const {height} = useViewportDimensions();\n return (\n <Ticks\n minTickWidth={8}\n maxTickWidth={20}\n theme=\"dim\"\n geometry={makeMiddleTicksGeometry({tickHeight: 4, viewportHeight: height})}\n timeZone={timeZone}\n />\n );\n}\n"]}

package/dist/esm/components/RangeDateSelection/components/Ticks/SlitTicks.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useViewportDimensions } from '../Ruler/Ruler';
-import { Ticks, makeSlitTicksGeometry } from './Ticks';
+import { useViewportDimensions } from "../Ruler/Ruler.js";
+import { Ticks, makeSlitTicksGeometry } from "./Ticks.js";
 export function SlitTicks({ formatTime, timeZone, }) {
     const { height } = useViewportDimensions();
     return (_jsx(Ticks, { minTickWidth: 80, maxTickWidth: 200, theme: "normal", geometry: makeSlitTicksGeometry({ tickHeight: 4, viewportHeight: height }), hasLabels: true, formatTime: formatTime, timeZone: timeZone }));
 }
+//# sourceMappingURL=SlitTicks.js.map

package/dist/esm/components/RangeDateSelection/components/Ticks/SlitTicks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlitTicks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/SlitTicks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,qBAAqB,EAAC,0BAAuB;AAErD,OAAO,EAAC,KAAK,EAAE,qBAAqB,EAAC,mBAAgB;AAErD,MAAM,UAAU,SAAS,CAAC,EACtB,UAAU,EACV,QAAQ,GAIX;IACG,MAAM,EAAC,MAAM,EAAC,GAAG,qBAAqB,EAAE,CAAC;IACzC,OAAO,CACH,KAAC,KAAK,IACF,YAAY,EAAE,EAAE,EAChB,YAAY,EAAE,GAAG,EACjB,KAAK,EAAC,QAAQ,EACd,QAAQ,EAAE,qBAAqB,CAAC,EAAC,UAAU,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAC,CAAC,EACxE,SAAS,QACT,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;AACN,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport {useViewportDimensions} from '../Ruler/Ruler';\n\nimport {Ticks, makeSlitTicksGeometry} from './Ticks';\n\nexport function SlitTicks({\n formatTime,\n timeZone,\n}: {\n formatTime?: (time: DateTime) => string;\n timeZone?: string;\n}) {\n const {height} = useViewportDimensions();\n return (\n <Ticks\n minTickWidth={80}\n maxTickWidth={200}\n theme=\"normal\"\n geometry={makeSlitTicksGeometry({tickHeight: 4, viewportHeight: height})}\n hasLabels\n formatTime={formatTime}\n timeZone={timeZone}\n />\n );\n}\n"]}

package/dist/esm/components/RangeDateSelection/components/Ticks/Ticks.css CHANGED Viewed

@@ -13,4 +13,5 @@
   user-select: none;
   fill: var(--g-color-text-secondary);
   text-anchor: middle;
-}
+}
+/*# sourceMappingURL=Ticks.css.map */

package/dist/esm/components/RangeDateSelection/components/Ticks/Ticks.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["components/RangeDateSelection/components/variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Dtimeline-ticks';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20stroke:%20var(--g-color-text-secondary);%0A%0A%20%20%20%20fill:%20var(--g-color-text-secondary);%0A%20%20%20%20stroke-width:%201px;%0A%0A%20%20%20%20&_theme_dim%20%7B%0A%20%20%20%20%20%20%20%20stroke:%20var(--g-color-line-generic-accent);%0A%0A%20%20%20%20%20%20%20%20fill:%20var(--g-color-line-generic-accent);%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__label%20%7B%0A%20%20%20%20%20%20%20%20font-size:%2011px;%0A%20%20%20%20%20%20%20%20line-height:%2014px;%0A%20%20%20%20%20%20%20%20user-select:%20none;%0A%0A%20%20%20%20%20%20%20%20fill:%20var(--g-color-text-secondary);%0A%20%20%20%20%20%20%20%20text-anchor:%20middle;%0A%20%20%20%20%7D%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EAEA;EACA;;AAEA;EACI;EAEA;;AAGJ;EACI;EACA;EACA;EAEA;EACA","sourcesContent":["@use '../../../variables';\n\n$block: '.#{variables.$ns}timeline-ticks';\n\n#{$block} {\n stroke: var(--g-color-text-secondary);\n\n fill: var(--g-color-text-secondary);\n stroke-width: 1px;\n\n &_theme_dim {\n stroke: var(--g-color-line-generic-accent);\n\n fill: var(--g-color-line-generic-accent);\n }\n\n &__label {\n font-size: 11px;\n line-height: 14px;\n user-select: none;\n\n fill: var(--g-color-text-secondary);\n text-anchor: middle;\n }\n}\n"],"file":"Ticks.css"}

package/dist/esm/components/RangeDateSelection/components/Ticks/Ticks.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { Geometry } from './utils';
-import { makeMiddleTicksGeometry, makeSlitTicksGeometry } from './utils';
-import './Ticks.css';
+import type { Geometry } from "./utils.js";
+import { makeMiddleTicksGeometry, makeSlitTicksGeometry } from "./utils.js";
+import "./Ticks.css";
 interface TicksProps {
     theme: 'normal' | 'dim';
     minTickWidth: number;

package/dist/esm/components/RangeDateSelection/components/Ticks/Ticks.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { dateTime } from '@gravity-ui/date-utils';
-import { block } from '../../../../utils/cn';
-import { getLerpCoeff } from '../../utils/span';
-import { useViewportDimensions, useViewportInterval } from '../Ruler/Ruler';
-import { calculateTickTimes, formatTick as defaultFormatTime, makeMiddleTicksGeometry, makeSlitTicksGeometry, } from './utils';
-import './Ticks.css';
+import { block } from "../../../../utils/cn.js";
+import { getLerpCoeff } from "../../utils/span.js";
+import { useViewportDimensions, useViewportInterval } from "../Ruler/Ruler.js";
+import { calculateTickTimes, formatTick as defaultFormatTime, makeMiddleTicksGeometry, makeSlitTicksGeometry, } from "./utils.js";
+import "./Ticks.css";
 const b = block('timeline-ticks');
 export { makeMiddleTicksGeometry, makeSlitTicksGeometry };
 export function Ticks({ theme, minTickWidth, maxTickWidth, hasLabels, geometry, className, labelsClassName, formatTime, timeZone, }) {
@@ -42,3 +42,4 @@ export function Ticks({ theme, minTickWidth, maxTickWidth, hasLabels, geometry,
     }, [hasLabels, tickCoords, tickTimes, timeZone, labelsClassName, formatTime]);
     return (_jsxs(React.Fragment, { children: [ticksPath, tickLabels] }));
 }
+//# sourceMappingURL=Ticks.js.map

package/dist/esm/components/RangeDateSelection/components/Ticks/Ticks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Ticks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/Ticks.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EAAC,YAAY,EAAC,4BAAyB;AAC9C,OAAO,EAAC,qBAAqB,EAAE,mBAAmB,EAAC,0BAAuB;AAG1E,OAAO,EACH,kBAAkB,EAClB,UAAU,IAAI,iBAAiB,EAC/B,uBAAuB,EACvB,qBAAqB,GACxB,mBAAgB;AAEjB,qBAAsB;AAgBtB,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAElC,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,CAAC;AAGxD,MAAM,UAAU,KAAK,CAAC,EAClB,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,UAAU,EACV,QAAQ,GACC;IACT,MAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACD,kBAAkB,CAAC;QACf,YAAY;QACZ,YAAY;QACZ,aAAa,EAAE,QAAQ,CAAC,KAAK;QAC7B,WAAW,EAAE,QAAQ,CAAC,GAAG;QACzB,aAAa,EAAE,QAAQ,CAAC,KAAK;QAC7B,QAAQ;KACX,CAAC,EACN,CAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CACnE,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,YAAY,GAAG,YAAY,CAC7B,EAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,EAAC,EAC9D,EAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAC,CAClC,CAAC;QACF,OAAO,SAAS,CAAC,GAAG,CAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,YAAY,CAAC,CACjF,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,eAAM,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,aAAa,GAAI,CAAC;IAE/E,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,MAAM,GAAyB,EAAE,CAAC;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;YACxB,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YACvB,MAAM,EAAE,GAAG,QAAQ,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAC,CAAC,CAAC;YAE1C,MAAM,CAAC,IAAI,CACP,eAEI,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,eAAe,CAAC,EACtC,gBAAgB,EAAC,QAAQ,EACzB,CAAC,EAAE,CAAC,EACJ,CAAC,EAAC,KAAK,EACP,MAAM,EAAC,6BAA6B,YAEnC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAP/C,CAAC,CAQH,CACV,CAAC;QACN,CAAC;QACD,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9E,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,SAAS,EACT,UAAU,IACE,CACpB,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {dateTime} from '@gravity-ui/date-utils';\n\nimport {block} from '../../../../utils/cn';\nimport {getLerpCoeff} from '../../utils/span';\nimport {useViewportDimensions, useViewportInterval} from '../Ruler/Ruler';\n\nimport type {Geometry} from './utils';\nimport {\n calculateTickTimes,\n formatTick as defaultFormatTime,\n makeMiddleTicksGeometry,\n makeSlitTicksGeometry,\n} from './utils';\n\nimport './Ticks.scss';\n\ninterface TicksProps {\n theme: 'normal' | 'dim';\n minTickWidth: number;\n maxTickWidth: number;\n hasLabels?: boolean;\n\n geometry: Geometry;\n className?: string;\n labelsClassName?: string;\n\n formatTime?: (time: DateTime) => string;\n timeZone?: string;\n}\n\nconst b = block('timeline-ticks');\n\nexport {makeMiddleTicksGeometry, makeSlitTicksGeometry};\nexport type {Geometry};\n\nexport function Ticks({\n theme,\n minTickWidth,\n maxTickWidth,\n hasLabels,\n geometry,\n className,\n labelsClassName,\n formatTime,\n timeZone,\n}: TicksProps) {\n const viewport = useViewportDimensions();\n const interval = useViewportInterval();\n const tickTimes = React.useMemo(\n () =>\n calculateTickTimes({\n minTickWidth,\n maxTickWidth,\n viewportStart: interval.start,\n viewportEnd: interval.end,\n viewportWidth: viewport.width,\n timeZone,\n }),\n [maxTickWidth, minTickWidth, interval, viewport.width, timeZone],\n );\n const tickCoords = React.useMemo(() => {\n const timeToXCoeff = getLerpCoeff(\n {start: interval.start.valueOf(), end: interval.end.valueOf()},\n {start: 0, end: viewport.width},\n );\n return tickTimes.map(\n (t) => 0 + Math.round((t.valueOf() - interval.start.valueOf()) * timeToXCoeff),\n );\n }, [tickTimes, interval, viewport.width]);\n\n const ticksGeometry = React.useMemo(() => {\n return tickCoords.map(geometry).join('');\n }, [geometry, tickCoords]);\n\n const ticksPath = <path className={b({theme}, className)} d={ticksGeometry} />;\n\n const tickLabels = React.useMemo(() => {\n if (!hasLabels || tickCoords.length < 2) {\n return null;\n }\n\n const result: React.ReactElement[] = [];\n\n for (let i = 0; i < tickCoords.length; i++) {\n const x = tickCoords[i];\n const t = tickTimes[i];\n const dt = dateTime({input: t, timeZone});\n\n result.push(\n <text\n key={i}\n className={b('label', labelsClassName)}\n dominantBaseline=\"middle\"\n x={x}\n y=\"50%\"\n filter=\"url(#g-date-tt-ticklabelbg)\"\n >\n {formatTime ? formatTime(dt) : defaultFormatTime(dt)}\n </text>,\n );\n }\n return result;\n }, [hasLabels, tickCoords, tickTimes, timeZone, labelsClassName, formatTime]);\n\n return (\n <React.Fragment>\n {ticksPath}\n {tickLabels}\n </React.Fragment>\n );\n}\n"]}

package/dist/esm/components/RangeDateSelection/components/Ticks/UnavialableTicks.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { Geometry } from './utils';
-import { makeMiddleTicksGeometry, makeSlitTicksGeometry } from './utils';
-import './Ticks.css';
+import type { Geometry } from "./utils.js";
+import { makeMiddleTicksGeometry, makeSlitTicksGeometry } from "./utils.js";
+import "./Ticks.css";
 interface TicksProps {
     theme: 'normal' | 'dim';
     tickWidth: number;

package/dist/esm/components/RangeDateSelection/components/Ticks/UnavialableTicks.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { block } from '../../../../utils/cn';
-import { useViewportDimensions, useViewportInterval } from '../Ruler/Ruler';
-import { calculatePosition, makeMiddleTicksGeometry, makeSlitTicksGeometry } from './utils';
-import './Ticks.css';
+import { block } from "../../../../utils/cn.js";
+import { useViewportDimensions, useViewportInterval } from "../Ruler/Ruler.js";
+import { calculatePosition, makeMiddleTicksGeometry, makeSlitTicksGeometry } from "./utils.js";
+import "./Ticks.css";
 const b = block('timeline-ticks');
 export { makeMiddleTicksGeometry, makeSlitTicksGeometry };
 export function UnavailableTicks({ theme, geometry, tickWidth, minValue, maxValue, className, }) {
@@ -40,3 +40,4 @@ export function UnavailableTicks({ theme, geometry, tickWidth, minValue, maxValu
     const ticksPath = _jsx("path", { className: b({ theme }, className), d: ticksGeometry });
     return _jsx(React.Fragment, { children: ticksPath });
 }
+//# sourceMappingURL=UnavialableTicks.js.map

package/dist/esm/components/RangeDateSelection/components/Ticks/UnavialableTicks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UnavialableTicks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/UnavialableTicks.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EAAC,qBAAqB,EAAE,mBAAmB,EAAC,0BAAuB;AAG1E,OAAO,EAAC,iBAAiB,EAAE,uBAAuB,EAAE,qBAAqB,EAAC,mBAAgB;AAE1F,qBAAsB;AAYtB,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAElC,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,CAAC;AAGxD,MAAM,UAAU,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACA;IACT,MAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAC;IAEvC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEzE,MAAM,UAAU,GAAa,EAAE,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;QACnC,IAAI,CAAC,GAAG,QAAQ,GAAG,SAAS,CAAC;QAC7B,IAAI,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC,GAAG,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACnF,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACX,CAAC,IAAI,SAAS,CAAC;YACf,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;IACL,CAAC;IAED,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,UAAU,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,UAAU,CAAC;QACnB,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YACjB,CAAC,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;QACtF,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACnB,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC,IAAI,SAAS,CAAC;YACf,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;IACL,CAAC;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,eAAM,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,aAAa,GAAI,CAAC;IAE/E,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,SAAS,GAAkB,CAAC;AACxD,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport {block} from '../../../../utils/cn';\nimport {useViewportDimensions, useViewportInterval} from '../Ruler/Ruler';\n\nimport type {Geometry} from './utils';\nimport {calculatePosition, makeMiddleTicksGeometry, makeSlitTicksGeometry} from './utils';\n\nimport './Ticks.scss';\n\ninterface TicksProps {\n theme: 'normal' | 'dim';\n tickWidth: number;\n minValue?: DateTime;\n maxValue?: DateTime;\n\n geometry: Geometry;\n className?: string;\n}\n\nconst b = block('timeline-ticks');\n\nexport {makeMiddleTicksGeometry, makeSlitTicksGeometry};\nexport type {Geometry};\n\nexport function UnavailableTicks({\n theme,\n geometry,\n tickWidth,\n minValue,\n maxValue,\n className,\n}: TicksProps) {\n const viewport = useViewportDimensions();\n const interval = useViewportInterval();\n\n const endPoint = calculatePosition(minValue, interval, viewport.width);\n const startPoint = calculatePosition(maxValue, interval, viewport.width);\n\n const tickCoords: number[] = [];\n if (!isNaN(endPoint) && endPoint > 0) {\n let x = endPoint - tickWidth;\n if (endPoint > viewport.width) {\n x = endPoint - tickWidth * Math.floor((endPoint - viewport.width) / tickWidth);\n }\n tickCoords.push(x);\n while (x > 0) {\n x -= tickWidth;\n tickCoords.push(x);\n }\n }\n\n if (!isNaN(startPoint) && startPoint < viewport.width) {\n let x = startPoint;\n if (startPoint < 0) {\n x = startPoint + tickWidth * Math.floor((0 - startPoint) / tickWidth) - tickWidth;\n }\n tickCoords.push(x);\n while (x < viewport.width) {\n x += tickWidth;\n tickCoords.push(x);\n }\n }\n\n const ticksGeometry = React.useMemo(() => {\n return tickCoords.map(geometry).join('');\n }, [geometry, tickCoords]);\n\n const ticksPath = <path className={b({theme}, className)} d={ticksGeometry} />;\n\n return <React.Fragment>{ticksPath}</React.Fragment>;\n}\n"]}

package/dist/esm/components/RangeDateSelection/components/Ticks/utils.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils/build/typings';
-import type { RangeValue } from '../../../types';
+import type { RangeValue } from "../../../types/index.js";
 interface CalculateTicksOptions {
     viewportStart: DateTime;
     viewportEnd: DateTime;

package/dist/esm/components/RangeDateSelection/components/Ticks/utils.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { dateTimeUtc, settings } from '@gravity-ui/date-utils';
-import { DAY, HOUR, MINUTE, MONTH, SECOND, WEEK, YEAR } from '../../../utils/constants';
-import { getLerpCoeff } from '../../utils/span';
+import { DAY, HOUR, MINUTE, MONTH, SECOND, WEEK, YEAR } from "../../../utils/constants.js";
+import { getLerpCoeff } from "../../utils/span.js";
 const MAX_TICKS = 100000;
 function makeTickSizes(periodSize, periodName, ...multipliers) {
     return multipliers.map((m) => ({
@@ -156,3 +156,4 @@ export function calculatePosition(value, interval, width) {
     const timeToXCoeff = getLerpCoeff({ start: interval.start.valueOf(), end: interval.end.valueOf() }, { start: 0, end: width });
     return Math.round((value.valueOf() - interval.start.valueOf()) * timeToXCoeff);
 }
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/RangeDateSelection/components/Ticks/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {dateTimeUtc, settings} from '@gravity-ui/date-utils';\nimport type {DateTime, DurationUnit} from '@gravity-ui/date-utils/build/typings';\n\nimport type {RangeValue} from '../../../types';\nimport {DAY, HOUR, MINUTE, MONTH, SECOND, WEEK, YEAR} from '../../../utils/constants';\nimport {getLerpCoeff} from '../../utils/span';\n\nconst MAX_TICKS = 100000;\n\ninterface TickSize {\n duration: number;\n period: DurationUnit;\n multiplier: number;\n}\nfunction makeTickSizes(\n periodSize: number,\n periodName: DurationUnit,\n ...multipliers: number[]\n): TickSize[] {\n return multipliers.map((m) => ({\n duration: m * periodSize,\n period: periodName,\n multiplier: m,\n }));\n}\n\nconst tickSizes = [\n ...makeTickSizes(SECOND, 'second', 1, 2, 5, 10, 15, 30),\n ...makeTickSizes(MINUTE, 'minute', 1, 2, 5, 10, 20, 30),\n ...makeTickSizes(HOUR, 'hour', 1, 2, 3, 6, 12),\n ...makeTickSizes(DAY, 'day', 1, 2, 3),\n ...makeTickSizes(WEEK, 'week', 1, 2),\n ...makeTickSizes(MONTH, 'month', 1, 2, 3, 6),\n ...makeTickSizes(YEAR, 'year', 1, 2, 5, 10, 15, 20, 30),\n];\n\nconst TickFormat = {\n SECONDS: 'HH:mm:ss',\n MINUTES: 'HH:mm',\n DATE: 'DD.MM.YY',\n MONTH: 'MM-YYYY',\n YEAR: 'YYYY',\n} as const;\n\ninterface FindTickSizeOpts {\n minWidth: number;\n maxWidth: number;\n timelineWidth: number;\n timelineDuration: number;\n}\n\nfunction findTickSize({minWidth, maxWidth, timelineWidth, timelineDuration}: FindTickSizeOpts) {\n const minDuration = (minWidth / timelineWidth) * timelineDuration;\n const maxDuration = (maxWidth / timelineWidth) * timelineDuration;\n\n const suitableSizes: TickSize[] = [];\n\n for (const size of tickSizes) {\n if (minDuration <= size.duration) {\n if (size.duration <= maxDuration) {\n suitableSizes.push(size);\n } else if (!suitableSizes.length) {\n return size;\n }\n }\n }\n\n if (!suitableSizes.length) {\n return tickSizes[tickSizes.length - 1];\n }\n\n return suitableSizes[Math.floor(suitableSizes.length / 2)];\n}\n\ninterface CalculateTicksOptions {\n viewportStart: DateTime;\n viewportEnd: DateTime;\n minTickWidth: number;\n maxTickWidth: number;\n viewportWidth: number;\n\n timeZone?: string;\n}\n\nexport function calculateTickTimes({\n viewportStart,\n viewportEnd,\n minTickWidth,\n maxTickWidth,\n viewportWidth,\n timeZone,\n}: CalculateTicksOptions) {\n const tickSize = findTickSize({\n minWidth: minTickWidth,\n maxWidth: maxTickWidth,\n timelineDuration: viewportEnd.valueOf() - viewportStart.valueOf(),\n timelineWidth: viewportWidth,\n });\n\n let cursor: DateTime;\n const stableDate = dateTimeUtc({input: '1977-01-01'}).timeZone(\n timeZone || settings.getDefaultTimeZone(),\n true,\n );\n const diff = stableDate.diff(viewportStart, tickSize.period);\n const divider = tickSize.multiplier;\n const multiplier = Math.floor(diff / divider);\n cursor = stableDate.subtract(multiplier * divider, tickSize.period);\n if (viewportStart.isBefore(cursor)) {\n cursor = cursor.subtract(divider, tickSize.period);\n }\n const timeDiff = stableDate.utcOffset() - cursor.utcOffset();\n if (\n timeDiff !== 0 &&\n (tickSize.period === 'hour' || tickSize.period === 'minute' || tickSize.period === 'second')\n ) {\n cursor = cursor.add(timeDiff, 'minutes');\n }\n\n const ticks: number[] = [];\n\n let i = 0;\n let maxTickValue = cursor.valueOf();\n\n while (cursor.valueOf() < viewportEnd.valueOf()) {\n if (i >= MAX_TICKS) {\n throw new Error('TimeLine: too much ticks');\n }\n i++;\n ticks.push(cursor.valueOf());\n\n let next = cursor.add(tickSize.multiplier, tickSize.period);\n\n // Get time shift when season timeZone changed\n const timeDiff = cursor.utcOffset() - next.utcOffset();\n\n if (\n timeDiff !== 0 &&\n (tickSize.period === 'hour' ||\n tickSize.period === 'minute' ||\n tickSize.period === 'second')\n ) {\n // Tick should be on same local time distance. Then labels will have correct format (such as date/week/month)\n // For example, Amsterdam timezone:\n //\n // 2023-10-28T22:00Z -> Summer time is 2023-10-29T00:00, displays as 29.10.2023\n // 2023-10-29T22:00Z -> Winter time is 2023-10-29T23:00, displays as 23:00\n //\n // Add 1h:\n // 2023-10-29T23:00Z -> Winter time is 2023-10-30T00:00, displays as 30.10.2023\n //\n next = next.add(timeDiff, 'minutes');\n\n let k = 1;\n while (next.valueOf() <= maxTickValue) {\n // Example of case, Amsterdam timezone:\n // 2023-03-26T00:00Z -> Winter time is 2023-03-26T01:00, displays as 01:00\n // 2023-03-26T01:00Z -> Summer time is 2023-03-26T03:00, displays as 03:00\n // We shift time on -1h... And again:\n // 2023-03-26T00:00Z -> Winter time is 2023-03-26T01:00, displays as 01:00\n // Infinite loop\n //\n // Therefore we need to skip period in the past\n next = next\n .add(tickSize.multiplier * k++, tickSize.period)\n .add(timeDiff, 'minutes');\n }\n }\n\n cursor = next;\n maxTickValue = Math.max(maxTickValue, cursor.valueOf());\n }\n\n return ticks;\n}\n\nexport function formatTick(t: DateTime) {\n let format: string;\n\n if (t.valueOf() % MINUTE === 0) {\n if (t.hour() === 0 && t.minute() === 0) {\n if (t.date() === 1) {\n if (t.month() === 0) {\n format = TickFormat.YEAR;\n } else {\n format = TickFormat.MONTH;\n }\n } else {\n format = TickFormat.DATE;\n }\n } else {\n format = TickFormat.MINUTES;\n }\n } else {\n format = TickFormat.SECONDS;\n }\n\n return t.format(format);\n}\n\nexport interface Geometry {\n (x: number): string;\n}\n\ninterface MakeTicksOptions {\n tickHeight: number;\n viewportHeight: number;\n}\nexport function makeMiddleTicksGeometry({tickHeight, viewportHeight}: MakeTicksOptions): Geometry {\n const tickYStart = (viewportHeight - tickHeight) / 2;\n return (x) => `M${x},${tickYStart}l0,${tickHeight}`;\n}\n\nexport function makeSlitTicksGeometry({tickHeight, viewportHeight}: MakeTicksOptions): Geometry {\n const slitHeight = viewportHeight - 2 * tickHeight;\n return (x) => `M${x},0l0,${tickHeight}m0,${slitHeight}l0,${tickHeight}`;\n}\n\nexport function makeUnavailableTicksGeometry({\n tickHeight,\n viewportHeight,\n}: MakeTicksOptions): Geometry {\n const w = tickHeight;\n const h = viewportHeight;\n return (x) => `M${x},0l${h},${h}l${w},0l${-h},${-h}l${-w},0`;\n}\n\nexport function calculatePosition(\n value: DateTime | undefined,\n interval: RangeValue<DateTime>,\n width: number,\n) {\n if (!value) {\n return NaN;\n }\n const timeToXCoeff = getLerpCoeff(\n {start: interval.start.valueOf(), end: interval.end.valueOf()},\n {start: 0, end: width},\n );\n return Math.round((value.valueOf() - interval.start.valueOf()) * timeToXCoeff);\n}\n"]}

package/dist/esm/components/RangeDateSelection/hooks/useRangeDateSelectionState.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { RangeValue, ValueBase } from '../../types';
+import type { RangeValue, ValueBase } from "../../types/index.js";
 export interface RangeDateSelectionState {
     viewportInterval: RangeValue<DateTime>;
     value: RangeValue<DateTime>;

package/dist/esm/components/RangeDateSelection/hooks/useRangeDateSelectionState.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useControlledState } from '@gravity-ui/uikit';
-import { SECOND, YEAR } from '../../utils/constants';
-import { constrainValue, createPlaceholderValue } from '../../utils/dates';
-import { useDefaultTimeZone } from '../../utils/useDefaultTimeZone';
-import { alignDateTime } from '../utils/date';
+import { SECOND, YEAR } from "../../utils/constants.js";
+import { constrainValue, createPlaceholderValue } from "../../utils/dates.js";
+import { useDefaultTimeZone } from "../../utils/useDefaultTimeZone.js";
+import { alignDateTime } from "../utils/date.js";
 function getViewportIntervalFromDates(start, end, numberOfIntervals = 4, placeInViewport = 0.5) {
     const diff = end.diff(start);
     return {
@@ -142,3 +142,4 @@ export function useRangeDateSelectionState(props) {
         isDragging,
     };
 }
+//# sourceMappingURL=useRangeDateSelectionState.js.map

package/dist/esm/components/RangeDateSelection/hooks/useRangeDateSelectionState.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useRangeDateSelectionState.js","sourceRoot":"../../../../../src","sources":["components/RangeDateSelection/hooks/useRangeDateSelectionState.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {RangeValue, ValueBase} from '../../types';\nimport {SECOND, YEAR} from '../../utils/constants';\nimport {constrainValue, createPlaceholderValue} from '../../utils/dates';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\nimport {alignDateTime} from '../utils/date';\n\nfunction getViewportIntervalFromDates(\n start: DateTime,\n end: DateTime,\n numberOfIntervals = 4,\n placeInViewport = 0.5,\n) {\n const diff = end.diff(start);\n return {\n start: start.subtract(diff * (numberOfIntervals - 1) * placeInViewport),\n end: end.add(diff * (numberOfIntervals - 1) * (1 - placeInViewport)),\n };\n}\n\nexport interface RangeDateSelectionState {\n viewportInterval: RangeValue<DateTime>;\n value: RangeValue<DateTime>;\n setValue: (value: RangeValue<DateTime>) => void;\n timeZone: string;\n setDraggingValue: (value: RangeValue<DateTime> | null) => void;\n canResize: boolean;\n startDragging: () => void;\n move: (delta: number, options?: {visualMinDuration?: number}) => void;\n scale: (scale: number, options?: {visualMinDuration?: number; fixedPoint?: number}) => void;\n moveStart: (delta: number, options?: {visualMinDuration?: number}) => void;\n moveEnd: (delta: number, options?: {visualMinDuration?: number}) => void;\n endDragging: () => void;\n align: number;\n isDragging: boolean;\n}\n\nexport interface RangeDateSelectionOptions extends ValueBase<RangeValue<DateTime>> {\n /** The minimum allowed date that a user may select. */\n minValue?: DateTime;\n /** The maximum allowed date that a user may select. */\n maxValue?: DateTime;\n /** Minimum duration of the selection in milliseconds. Defaults to 1 second. */\n minDuration?: number;\n /** Maximum duration of the selection in milliseconds. Defaults to 15 years. */\n maxDuration?: number;\n /** Alignment of the selection in milliseconds. Defaults to 1 second. */\n align?: number;\n /** A placeholder date that controls the default values of each segment when the user first interacts with them. Defaults to today's date at midnight. */\n placeholderValue?: DateTime;\n /**\n * Which timezone use to show values. Example: 'default', 'system', 'Europe/Amsterdam'.\n * @default The timezone of the `value` or `defaultValue` or `placeholderValue`, 'default' otherwise.\n */\n timeZone?: string;\n /**\n * The number of selection intervals that fit into the underlying ruler.\n *\n * @default 4\n */\n numberOfIntervals?: number;\n /**\n * Place of the selection on the underlying ruler.\n * Value must be between 0 and 1, where 0 is the start of the ruler and 1 is the end.\n *\n * @default 0.5 - center of the ruler\n */\n placeOnRuler?: number;\n}\n\nexport function useRangeDateSelectionState(\n props: RangeDateSelectionOptions,\n): RangeDateSelectionState {\n const inputTimeZone = useDefaultTimeZone(\n props.value?.start || props.defaultValue?.start || props.placeholderValue,\n );\n const timeZone = props.timeZone || inputTimeZone;\n\n const placeholderValue = createPlaceholderValue({\n placeholderValue: props.placeholderValue,\n timeZone,\n });\n\n const [isDragging, setIsDragging] = React.useState(false);\n const [currentValue, setCurrentValue] = React.useState<RangeValue<DateTime> | null>(null);\n\n const [value, setValue] = useControlledState(\n props.value,\n props.defaultValue ?? {\n start: placeholderValue.startOf('day').timeZone(inputTimeZone),\n end: placeholderValue.endOf('day').timeZone(inputTimeZone),\n },\n props.onUpdate,\n );\n\n const setInterval = (newValue: RangeValue<DateTime>) => {\n setCurrentValue(null);\n setValue({\n start: alignDateTime(newValue.start, props.align).timeZone(inputTimeZone),\n end: alignDateTime(newValue.end, props.align).timeZone(inputTimeZone),\n });\n };\n\n const displayValue = {\n start: value.start.timeZone(timeZone),\n end: value.end.timeZone(timeZone),\n };\n const interval = isDragging ? displayValue : currentValue ?? displayValue;\n\n const viewportInterval = getViewportIntervalFromDates(\n interval.start,\n interval.end,\n props.numberOfIntervals,\n props.placeOnRuler,\n );\n\n const minValue = props.minValue?.isAfter(viewportInterval.start)\n ? props.minValue\n : viewportInterval.start;\n const maxValue = props.maxValue?.isBefore(viewportInterval.end)\n ? props.maxValue\n : viewportInterval.end;\n\n const align = props.align ?? SECOND;\n const minDuration = Math.max(props.minDuration ?? SECOND, align);\n const maxDuration = Math.max(\n Math.min(props.maxDuration ?? 15 * YEAR, maxValue.diff(minValue)),\n minDuration,\n );\n\n const canResize = minDuration < maxDuration;\n\n const draggingState = React.useRef<RangeValue<DateTime> | null>(null);\n const setDraggingValue = (v: RangeValue<DateTime> | null) => {\n draggingState.current = v;\n setCurrentValue(v);\n };\n const startDragging = () => {\n setIsDragging(true);\n setDraggingValue(displayValue);\n };\n\n const endDragging = () => {\n setIsDragging(false);\n if (draggingState.current) {\n setInterval(draggingState.current);\n }\n };\n\n const moveInterval = (delta: number) => {\n if (!draggingState.current) {\n return;\n }\n const {start, end} = draggingState.current;\n let newStart = start.add(delta, 'millisecond');\n let newEnd = end.add(delta, 'millisecond');\n const diff = newEnd.diff(newStart);\n if (newStart.valueOf() < minValue.valueOf()) {\n newStart = minValue;\n newEnd = constrainValue(newStart.add(diff, 'millisecond'), newStart, maxValue);\n } else if (newEnd.valueOf() > maxValue.valueOf()) {\n newEnd = maxValue;\n newStart = constrainValue(newEnd.subtract(diff, 'millisecond'), minValue, newEnd);\n }\n setDraggingValue({start: newStart, end: newEnd});\n };\n\n const moveStart = (\n delta: number,\n {visualMinDuration = minDuration}: {visualMinDuration?: number} = {},\n ) => {\n if (!draggingState.current) {\n return;\n }\n const {start, end} = draggingState.current;\n let newStart = start.add(delta, 'millisecond');\n const deltaMin = Math.max(visualMinDuration, minDuration);\n const deltaMax = Math.min(maxDuration, end.diff(minValue));\n newStart = constrainValue(\n newStart,\n end.subtract(deltaMax, 'millisecond'),\n end.subtract(deltaMin, 'millisecond'),\n );\n setDraggingValue({start: newStart, end});\n };\n\n const moveEnd = (\n delta: number,\n {visualMinDuration = minDuration}: {visualMinDuration?: number} = {},\n ) => {\n if (!draggingState.current) {\n return;\n }\n const {start, end} = draggingState.current;\n let newEnd = end.add(delta, 'millisecond');\n const deltaMin = Math.max(visualMinDuration, minDuration);\n const deltaMax = Math.min(maxDuration, maxValue.diff(start));\n\n newEnd = constrainValue(\n end.add(delta, 'millisecond'),\n start.add(deltaMin, 'millisecond'),\n start.add(deltaMax, 'millisecond'),\n );\n\n setDraggingValue({start, end: newEnd});\n };\n\n const zoomInterval = (\n scale: number,\n {\n visualMinDuration = minDuration,\n fixedPoint = 0.5,\n }: {visualMinDuration?: number; fixedPoint?: number} = {},\n ) => {\n if (!draggingState.current) {\n return;\n }\n const {start, end} = draggingState.current;\n const len = end.diff(start);\n let newDiff = len * scale;\n newDiff = align * Math.round(newDiff / align);\n newDiff = Math.min(\n Math.max(newDiff, Math.max(visualMinDuration, minDuration)),\n maxDuration,\n );\n let newStart = start.subtract(fixedPoint * (newDiff - len));\n let newEnd = newStart.add(newDiff, 'millisecond');\n const diff = newEnd.diff(newStart);\n if (newStart.valueOf() < minValue.valueOf()) {\n newStart = minValue;\n newEnd = constrainValue(newStart.add(diff, 'millisecond'), newStart, maxValue);\n } else if (newEnd.valueOf() > maxValue.valueOf()) {\n newEnd = maxValue;\n newStart = constrainValue(newEnd.subtract(diff, 'millisecond'), minValue, newEnd);\n }\n\n setDraggingValue({start: newStart, end: newEnd});\n };\n\n return {\n viewportInterval,\n value: currentValue ?? displayValue,\n setValue: setInterval,\n setDraggingValue,\n canResize,\n startDragging,\n move: moveInterval,\n scale: zoomInterval,\n moveStart,\n moveEnd,\n endDragging,\n timeZone,\n align,\n isDragging,\n };\n}\n"]}

package/dist/esm/components/RangeDateSelection/i18n/index.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}range-date-selection`);
+//# sourceMappingURL=index.js.map

package/dist/esm/components/RangeDateSelection/i18n/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/RangeDateSelection/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,6BAA0B;AAE5C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,sBAAsB,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}range-date-selection`);\n"]}

package/dist/esm/components/RangeDateSelection/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from './RangeDateSelection';
-export * from './hooks/useRangeDateSelectionState';
-export type { ViewportDimensions, ViewportInterval } from './components/Ruler/Ruler';
+export * from "./RangeDateSelection.js";
+export * from "./hooks/useRangeDateSelectionState.js";
+export type { ViewportDimensions, ViewportInterval } from "./components/Ruler/Ruler.js";

package/dist/esm/components/RangeDateSelection/index.js CHANGED Viewed

@@ -1,2 +1,3 @@
-export * from './RangeDateSelection';
-export * from './hooks/useRangeDateSelectionState';
+export * from "./RangeDateSelection.js";
+export * from "./hooks/useRangeDateSelectionState.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/RangeDateSelection/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RangeDateSelection/index.ts"],"names":[],"mappings":"AAAA,wCAAqC;AACrC,sDAAmD","sourcesContent":["export * from './RangeDateSelection';\nexport * from './hooks/useRangeDateSelectionState';\n\nexport type {ViewportDimensions, ViewportInterval} from './components/Ruler/Ruler';\n"]}

package/dist/esm/components/RangeDateSelection/utils/date.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { dateTimeUtc } from '@gravity-ui/date-utils';
-import { SECOND } from '../../utils/constants';
+import { SECOND } from "../../utils/constants.js";
 export function alignDateTime(date, align = SECOND) {
     return dateTimeUtc({
         input: Math.round(date.utc(true).valueOf() / align) * align,
     }).timeZone(date.timeZone(), true);
 }
+//# sourceMappingURL=date.js.map

package/dist/esm/components/RangeDateSelection/utils/date.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"date.js","sourceRoot":"../../../../../src","sources":["components/RangeDateSelection/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EAAC,MAAM,EAAC,iCAA8B;AAE7C,MAAM,UAAU,aAAa,CAAC,IAAc,EAAE,KAAK,GAAG,MAAM;IACxD,OAAO,WAAW,CAAC;QACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,GAAG,KAAK;KAC9D,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC;AACvC,CAAC","sourcesContent":["import {dateTimeUtc} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport {SECOND} from '../../utils/constants';\n\nexport function alignDateTime(date: DateTime, align = SECOND) {\n return dateTimeUtc({\n input: Math.round(date.utc(true).valueOf() / align) * align,\n }).timeZone(date.timeZone(), true);\n}\n"]}

package/dist/esm/components/RangeDateSelection/utils/span.js CHANGED Viewed

@@ -21,3 +21,4 @@ export function lerp(from, to, value) {
 export function getLerpCoeff(from, to) {
     return (to.end - to.start) / (from.end - from.start);
 }
+//# sourceMappingURL=span.js.map

package/dist/esm/components/RangeDateSelection/utils/span.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"span.js","sourceRoot":"../../../../../src","sources":["components/RangeDateSelection/utils/span.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,IAAI,CAAC,IAAU,EAAE,EAAQ,EAAE,KAAa;IACpD,OAAO,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7F,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,IAAU,EAAE,EAAQ;IAC7C,OAAO,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACzD,CAAC","sourcesContent":["export interface Span {\n start: number;\n end: number;\n}\n\n/**\n * Implements linear interpolation (lerp).\n *\n * Calculates such a linear mapping `R -> R` that `from.start` will be mapped\n * into `to.start`, and `from.end` will be mapped to `to.end`. Then applies\n * this mapping to `value`.\n * @param from Interpolation domain\n * @param to Interpolation target\n * @param value Value from domain\n * @returns Value from target\n */\nexport function lerp(from: Span, to: Span, value: number): number {\n return to.start + ((value - from.start) * (to.end - to.start)) / (from.end - from.start);\n}\n\n/**\n * Calculates a lerp scale coefficient\n * @param from Interpolation domain\n * @param to Interpolation target\n * @returns Scale coefficient\n */\nexport function getLerpCoeff(from: Span, to: Span): number {\n return (to.end - to.start) / (from.end - from.start);\n}\n"]}

package/dist/esm/components/RelativeDateField/RelativeDateField.css CHANGED Viewed

@@ -13,4 +13,5 @@
 }
 .g-date-relative-date-field__time-field-wrapper {
   padding: 10px;
-}
+}
+/*# sourceMappingURL=RelativeDateField.css.map */

package/dist/esm/components/RelativeDateField/RelativeDateField.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["components/RelativeDateField/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drelative-date-field';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20position:%20relative;%0A%0A%20%20%20%20display:%20inline-block;%0A%0A%20%20%20%20&__field%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__popup-content%20%7B%0A%20%20%20%20%20%20%20%20outline:%20none;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__time-field%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%0A%20%20%20%20%20%20%20%20&-wrapper%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding:%2010px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EAEA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}relative-date-field';\n\n#{$block} {\n position: relative;\n\n display: inline-block;\n\n &__field {\n width: 100%;\n }\n\n &__popup-content {\n outline: none;\n }\n\n &__time-field {\n width: 100%;\n\n &-wrapper {\n padding: 10px;\n }\n }\n}\n"],"file":"RelativeDateField.css"}

package/dist/esm/components/RelativeDateField/RelativeDateField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import type { AccessibilityProps, DomProps, FocusableProps, InputDOMProps, KeyboardEvents, StyleProps, TextInputExtendProps, TextInputProps } from '../types';
-import type { RelativeDateFieldOptions } from './hooks/useRelativeDateFieldState';
-import './RelativeDateField.css';
+import type { AccessibilityProps, DomProps, FocusableProps, InputDOMProps, KeyboardEvents, StyleProps, TextInputExtendProps, TextInputProps } from "../types/index.js";
+import type { RelativeDateFieldOptions } from "./hooks/useRelativeDateFieldState.js";
+import "./RelativeDateField.css";
 export interface RelativeDateFieldProps extends RelativeDateFieldOptions, TextInputProps, TextInputExtendProps, DomProps, InputDOMProps, StyleProps, AccessibilityProps, FocusableProps, KeyboardEvents {
     /**
      * Show time field in popup

package/dist/esm/components/RelativeDateField/RelativeDateField.js CHANGED Viewed

@@ -2,13 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Popup, TextInput, useFocusWithin, useMobile } from '@gravity-ui/uikit';
-import { block } from '../../utils/cn';
-import { Calendar } from '../Calendar';
-import { DateField } from '../DateField';
-import { HiddenInput } from '../HiddenInput/HiddenInput';
-import { useRelativeDateFieldProps } from './hooks/useRelativeDateFieldProps';
-import { useRelativeDateFieldState } from './hooks/useRelativeDateFieldState';
-import './RelativeDateField.css';
+import { block } from "../../utils/cn.js";
+import { Calendar } from "../Calendar/index.js";
+import { DateField } from "../DateField/index.js";
+import { HiddenInput } from "../HiddenInput/HiddenInput.js";
+import { useRelativeDateFieldProps } from "./hooks/useRelativeDateFieldProps.js";
+import { useRelativeDateFieldState } from "./hooks/useRelativeDateFieldState.js";
+import "./RelativeDateField.css";
 const b = block('relative-date-field');
 export function RelativeDateField(props) {
     const state = useRelativeDateFieldState(props);
@@ -32,3 +32,4 @@ export function RelativeDateField(props) {
                     state.setValue(value);
                 }, disabled: state.disabled, form: props.form }), !isMobile && (_jsx(Popup, { anchorRef: anchorRef, open: isOpen, children: _jsxs("div", { className: b('popup-content'), children: [_jsx(Calendar, Object.assign({}, calendarProps)), props.hasTime ? (_jsx("div", { className: b('time-field-wrapper'), children: _jsx(DateField, Object.assign({ className: b('time-field') }, timeInputProps)) })) : null] }) }))] })));
 }
+//# sourceMappingURL=RelativeDateField.js.map

package/dist/esm/components/RelativeDateField/RelativeDateField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RelativeDateField.js","sourceRoot":"../../../../src","sources":["components/RelativeDateField/RelativeDateField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EAAC,KAAK,EAAC,0BAAuB;AACrC,OAAO,EAAC,QAAQ,EAAC,6BAAoB;AACrC,OAAO,EAAC,SAAS,EAAC,8BAAqB;AACvC,OAAO,EAAC,WAAW,EAAC,sCAAmC;AAYvD,OAAO,EAAC,yBAAyB,EAAC,6CAA0C;AAC5E,OAAO,EAAC,yBAAyB,EAAC,6CAA0C;AAG5E,iCAAkC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAkBvC,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC3D,MAAM,KAAK,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,EAAC,UAAU,EAAE,aAAa,EAAE,cAAc,EAAC,GAAG,yBAAyB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE5F,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAElD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,EAAC,gBAAgB,EAAC,GAAG,cAAc,CAAC;QACtC,YAAY,EAAE,GAAG,EAAE;YACf,OAAO,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;QACD,UAAU,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,OAAO,CACH,6BACI,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,IACd,gBAAgB,eAEpB,KAAC,SAAS,oBACF,UAAU,IACd,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;oBACX,IAAI,CAAC,QAAQ,EAAE,CAAC;wBACZ,OAAO,CAAC,IAAI,CAAC,CAAC;oBAClB,CAAC;oBACD,MAAA,KAAK,CAAC,OAAO,sDAAG,CAAC,CAAC,CAAC;gBACvB,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,IACtB,EACF,KAAC,WAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACf,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC,EACD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,GAClB,EACD,CAAC,QAAQ,IAAI,CACV,KAAC,KAAK,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,YACrC,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,QAAQ,oBAAK,aAAa,EAAI,EAC9B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,YACnC,KAAC,SAAS,kBAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,IAAM,cAAc,EAAI,GAC3D,CACT,CAAC,CAAC,CAAC,IAAI,IACN,GACF,CACX,KACC,CACT,CAAC;AACN,CAAC","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {Popup, TextInput, useFocusWithin, useMobile} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {Calendar} from '../Calendar';\nimport {DateField} from '../DateField';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {\n AccessibilityProps,\n DomProps,\n FocusableProps,\n InputDOMProps,\n KeyboardEvents,\n StyleProps,\n TextInputExtendProps,\n TextInputProps,\n} from '../types';\n\nimport {useRelativeDateFieldProps} from './hooks/useRelativeDateFieldProps';\nimport {useRelativeDateFieldState} from './hooks/useRelativeDateFieldState';\nimport type {RelativeDateFieldOptions} from './hooks/useRelativeDateFieldState';\n\nimport './RelativeDateField.scss';\n\nconst b = block('relative-date-field');\n\nexport interface RelativeDateFieldProps\n extends RelativeDateFieldOptions,\n TextInputProps,\n TextInputExtendProps,\n DomProps,\n InputDOMProps,\n StyleProps,\n AccessibilityProps,\n FocusableProps,\n KeyboardEvents {\n /**\n * Show time field in popup\n * @default false\n */\n hasTime?: boolean;\n}\nexport function RelativeDateField(props: RelativeDateFieldProps) {\n const state = useRelativeDateFieldState(props);\n const {inputProps, calendarProps, timeInputProps} = useRelativeDateFieldProps(state, props);\n\n const isMobile = useMobile();\n\n const anchorRef = React.useRef<HTMLElement>(null);\n\n const [isOpen, setOpen] = React.useState(false);\n\n const {focusWithinProps} = useFocusWithin({\n onBlurWithin: () => {\n setOpen(false);\n },\n isDisabled: isMobile,\n });\n\n return (\n <div\n role=\"group\"\n className={b(null, props.className)}\n style={props.style}\n {...focusWithinProps}\n >\n <TextInput\n {...inputProps}\n className={b('field')}\n ref={anchorRef}\n onFocus={(e) => {\n if (!isMobile) {\n setOpen(true);\n }\n props.onFocus?.(e);\n }}\n onBlur={props.onBlur}\n />\n <HiddenInput\n name={props.name}\n value={state.value}\n onReset={(value) => {\n state.setValue(value);\n }}\n disabled={state.disabled}\n form={props.form}\n />\n {!isMobile && (\n <Popup anchorRef={anchorRef} open={isOpen}>\n <div className={b('popup-content')}>\n <Calendar {...calendarProps} />\n {props.hasTime ? (\n <div className={b('time-field-wrapper')}>\n <DateField className={b('time-field')} {...timeInputProps} />\n </div>\n ) : null}\n </div>\n </Popup>\n )}\n </div>\n );\n}\n"]}

package/dist/esm/components/RelativeDateField/hooks/useRelativeDateFieldProps.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import type { TextInputProps } from '@gravity-ui/uikit';
-import type { CalendarProps } from '../../Calendar';
-import type { DateFieldProps } from '../../DateField';
-import type { RelativeDateFieldProps } from '../RelativeDateField';
-import type { RelativeDateFieldState } from './useRelativeDateFieldState';
+import type { CalendarProps } from "../../Calendar/index.js";
+import type { DateFieldProps } from "../../DateField/index.js";
+import type { RelativeDateFieldProps } from "../RelativeDateField.js";
+import type { RelativeDateFieldState } from "./useRelativeDateFieldState.js";
 interface RelativeDateProps {
     inputProps: TextInputProps;
     calendarProps: CalendarProps;

package/dist/esm/components/RelativeDateField/hooks/useRelativeDateFieldProps.js CHANGED Viewed

@@ -52,3 +52,4 @@ export function useRelativeDateFieldProps(state, props) {
         },
     };
 }
+//# sourceMappingURL=useRelativeDateFieldProps.js.map

package/dist/esm/components/RelativeDateField/hooks/useRelativeDateFieldProps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useRelativeDateFieldProps.js","sourceRoot":"../../../../../src","sources":["components/RelativeDateField/hooks/useRelativeDateFieldProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,MAAM,UAAU,yBAAyB,CACrC,KAA6B,EAC7B,KAA6B;IAE7B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACpF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAE5E,IAAI,eAAe,KAAK,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5C,kBAAkB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAC1C,cAAc,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO;QACH,UAAU,EAAE;YACR,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,KAAK,EAAE,KAAK,CAAC,IAAI;YACjB,QAAQ,EAAE,KAAK,CAAC,OAAO;YACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,cAAc,EAAE,KAAK,CAAC,cAAc;YACpC,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,YAAY,EAAE;gBACV,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,SAAS;gBAC9C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,SAAS;gBACxD,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC,IAAI,SAAS;gBAC1D,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,SAAS;gBAClD,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,QAAQ,EAAE,KAAK,CAAC,QAAQ;aAC3B;SACJ;QACD,aAAa,EAAE;YACX,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;YAC3C,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,YAAY,EAAE,WAAW;YACzB,aAAa,EAAE,cAAc;SAChC;QACD,cAAc,EAAE;YACZ,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,KAAK,CAAC,eAAe;YAC5B,MAAM,EAAE,KAAK;SAChB;KACJ,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport type {TextInputProps} from '@gravity-ui/uikit';\n\nimport type {CalendarProps} from '../../Calendar';\nimport type {DateFieldProps} from '../../DateField';\nimport type {RelativeDateFieldProps} from '../RelativeDateField';\n\nimport type {RelativeDateFieldState} from './useRelativeDateFieldState';\n\ninterface RelativeDateProps {\n inputProps: TextInputProps;\n calendarProps: CalendarProps;\n timeInputProps: DateFieldProps;\n}\n\nexport function useRelativeDateFieldProps(\n state: RelativeDateFieldState,\n props: RelativeDateFieldProps,\n): RelativeDateProps {\n const [prevCorrectDate, setPrevCorrectDate] = React.useState(state.lastCorrectDate);\n const [focusedDate, setFocusedDate] = React.useState(state.lastCorrectDate);\n\n if (prevCorrectDate !== state.lastCorrectDate) {\n setPrevCorrectDate(state.lastCorrectDate);\n setFocusedDate(state.lastCorrectDate);\n }\n\n return {\n inputProps: {\n size: props.size,\n autoFocus: props.autoFocus,\n value: state.text,\n onUpdate: state.setText,\n disabled: state.disabled,\n hasClear: props.hasClear,\n validationState: state.validationState,\n errorMessage: props.errorMessage,\n errorPlacement: props.errorPlacement,\n label: props.label,\n id: props.id,\n startContent: props.startContent,\n endContent: props.endContent,\n pin: props.pin,\n view: props.view,\n placeholder: props.placeholder,\n onKeyDown: props.onKeyDown,\n onKeyUp: props.onKeyUp,\n onBlur: props.onBlur,\n onFocus: props.onFocus,\n controlProps: {\n 'aria-label': props['aria-label'] || undefined,\n 'aria-labelledby': props['aria-labelledby'] || undefined,\n 'aria-describedby': props['aria-describedby'] || undefined,\n 'aria-details': props['aria-details'] || undefined,\n 'aria-disabled': state.disabled || undefined,\n readOnly: state.readOnly,\n },\n },\n calendarProps: {\n size: props.size === 's' ? 'm' : props.size,\n readOnly: true,\n value: state.parsedDate,\n focusedValue: focusedDate,\n onFocusUpdate: setFocusedDate,\n },\n timeInputProps: {\n size: props.size,\n readOnly: true,\n value: state.lastCorrectDate,\n format: 'LTS',\n },\n };\n}\n"]}

package/dist/esm/components/RelativeDateField/hooks/useRelativeDateFieldState.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { InputBase, Validation, ValueBase } from '../../types';
+import type { InputBase, Validation, ValueBase } from "../../types/index.js";
 export interface RelativeDateFieldState {
     /** The current field value. */
     value: string | null;

package/dist/esm/components/RelativeDateField/hooks/useRelativeDateFieldState.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { dateTimeParse, isLikeRelative, isValid } from '@gravity-ui/date-utils';
+import { dateTimeParse, isLikeRelative } from '@gravity-ui/date-utils';
 import { useControlledState } from '@gravity-ui/uikit';
 export function useRelativeDateFieldState(props) {
     var _a;
@@ -15,7 +15,7 @@ export function useRelativeDateFieldState(props) {
         setText(t);
         if (isLikeRelative(t)) {
             const date = dateTimeParse(t);
-            if (date && isValid(date)) {
+            if (date && date.isValid()) {
                 setValue(t);
             }
             else {
@@ -55,3 +55,4 @@ export function useRelativeDateFieldState(props) {
         readOnly: props.readOnly,
     };
 }
+//# sourceMappingURL=useRelativeDateFieldState.js.map

package/dist/esm/components/RelativeDateField/hooks/useRelativeDateFieldState.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useRelativeDateFieldState.js","sourceRoot":"../../../../../src","sources":["components/RelativeDateField/hooks/useRelativeDateFieldState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAkCrD,MAAM,UAAU,yBAAyB,CAAC,KAA+B;;IACrE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CACxC,KAAK,CAAC,KAAK,EACX,MAAA,KAAK,CAAC,YAAY,mCAAI,IAAI,EAC1B,KAAK,CAAC,QAAQ,CACjB,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAC;IACpD,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAS,EAAE,EAAE;QACnC,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnC,OAAO;QACX,CAAC;QACD,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;YACpB,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YAC9B,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;gBACzB,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAClC,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,MAAA,aAAa,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAC,CAAC,mCAAI,IAAI,CAAC;IAC5F,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IACzE,IAAI,UAAU,IAAI,UAAU,KAAK,eAAe,EAAE,CAAC;QAC/C,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/F,OAAO;QACH,KAAK;QACL,QAAQ,CAAC,CAAgB;YACrB,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnC,OAAO;YACX,CAAC;YAED,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC;QACD,IAAI;QACJ,OAAO,EAAE,gBAAgB;QACzB,UAAU;QACV,eAAe;QACf,eAAe;QACf,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;KAC3B,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport {dateTimeParse, isLikeRelative} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {InputBase, Validation, ValueBase} from '../../types';\n\nexport interface RelativeDateFieldState {\n /** The current field value. */\n value: string | null;\n /** Sets the field value */\n setValue: (v: string | null) => void;\n /** Current user input */\n text: string;\n /** Sets text */\n setText: (t: string) => void;\n /** */\n parsedDate: DateTime | null;\n /** */\n lastCorrectDate: DateTime | null;\n /** */\n validationState?: 'invalid';\n /**\n * Whether the field is disabled.\n */\n disabled?: boolean;\n /**\n * Whether the value is immutable.\n */\n readOnly?: boolean;\n}\n\nexport interface RelativeDateFieldOptions extends ValueBase<string | null>, InputBase, Validation {\n timeZone?: string;\n /** Round up parsed date to the nearest granularity. */\n roundUp?: boolean;\n}\nexport function useRelativeDateFieldState(props: RelativeDateFieldOptions): RelativeDateFieldState {\n const [value, setValue] = useControlledState(\n props.value,\n props.defaultValue ?? null,\n props.onUpdate,\n );\n\n const [text, setText] = React.useState(value ?? '');\n if (value && value !== text) {\n setText(value);\n }\n\n const handleTextChange = (t: string) => {\n if (props.disabled || props.readOnly) {\n return;\n }\n setText(t);\n if (isLikeRelative(t)) {\n const date = dateTimeParse(t);\n if (date && date.isValid()) {\n setValue(t);\n } else {\n setValue(null);\n }\n } else {\n setValue(null);\n }\n };\n\n const parsedDate = React.useMemo(() => {\n if (!value) {\n return null;\n }\n return dateTimeParse(value, {timeZone: props.timeZone, roundUp: props.roundUp}) ?? null;\n }, [value, props.timeZone, props.roundUp]);\n\n const [lastCorrectDate, setLastCorrectDate] = React.useState(parsedDate);\n if (parsedDate && parsedDate !== lastCorrectDate) {\n setLastCorrectDate(parsedDate);\n }\n\n const validationState = props.validationState || (text && !parsedDate) ? 'invalid' : undefined;\n\n return {\n value,\n setValue(v: string | null) {\n if (props.disabled || props.readOnly) {\n return;\n }\n\n setValue(v);\n },\n text,\n setText: handleTextChange,\n parsedDate,\n lastCorrectDate,\n validationState,\n disabled: props.disabled,\n readOnly: props.readOnly,\n };\n}\n"]}

package/dist/esm/components/RelativeDateField/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from './RelativeDateField';
-export * from './hooks/useRelativeDateFieldProps';
-export * from './hooks/useRelativeDateFieldState';
+export * from "./RelativeDateField.js";
+export * from "./hooks/useRelativeDateFieldProps.js";
+export * from "./hooks/useRelativeDateFieldState.js";

package/dist/esm/components/RelativeDateField/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
-export * from './RelativeDateField';
-export * from './hooks/useRelativeDateFieldProps';
-export * from './hooks/useRelativeDateFieldState';
+export * from "./RelativeDateField.js";
+export * from "./hooks/useRelativeDateFieldProps.js";
+export * from "./hooks/useRelativeDateFieldState.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/RelativeDateField/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RelativeDateField/index.ts"],"names":[],"mappings":"AAAA,uCAAoC;AACpC,qDAAkD;AAClD,qDAAkD","sourcesContent":["export * from './RelativeDateField';\nexport * from './hooks/useRelativeDateFieldProps';\nexport * from './hooks/useRelativeDateFieldState';\n"]}

package/dist/esm/components/RelativeDatePicker/RelativeDatePicker.css CHANGED Viewed

@@ -17,4 +17,5 @@
 }
 .g-date-relative-date-picker__time-field-wrapper {
   padding: 10px;
-}
+}
+/*# sourceMappingURL=RelativeDatePicker.css.map */