@gravity-ui/date-components 2.11.0 → 2.12.0

package/dist/cjs/components/RangeDateSelection/components/NowLine/NowLine.d.ts

@@ -1,2 +1,2 @@
-import './NowLine.css';
+import "./NowLine.css";
 export declare function NowLine(): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/components/RangeDateSelection/components/NowLine/NowLine.js

@@ -1,14 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NowLine = NowLine;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const cn_1 = require("../../../../utils/cn");
-const constants_1 = require("../../../utils/constants");
-const Ruler_1 = require("../Ruler/Ruler");
+const react_1 = tslib_1.__importDefault(require("react"));
+const cn_1 = require("../../../../utils/cn.js");
+const constants_1 = require("../../../utils/constants.js");
+const Ruler_1 = require("../Ruler/Ruler.js");
 const MIN_UPDATE_DISTANCE = 4; // in px
 require("./NowLine.css");
 const b = (0, cn_1.block)('timeline-now-line');
@@ -40,3 +38,4 @@ function NowLine() {
         viewport.width;
     return (0, jsx_runtime_1.jsx)("path", { d: `M${nowX},0l0,${viewport.height}`, className: b() });
 }
+//# sourceMappingURL=NowLine.js.map

package/dist/cjs/components/RangeDateSelection/components/NowLine/NowLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NowLine.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/NowLine/NowLine.tsx"],"names":[],"mappings":";;AAYA,0BAqCC;;;AAjDD,0DAA0B;AAE1B,gDAA2C;AAC3C,2DAAgD;AAChD,6CAA0E;AAE1E,MAAM,mBAAmB,GAAG,CAAC,CAAC,CAAC,QAAQ;AAEvC,yBAAwB;AAExB,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,SAAgB,OAAO;IACnB,MAAM,QAAQ,GAAG,IAAA,6BAAqB,GAAE,CAAC;IACzC,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAC,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAExC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAC3B,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC;IAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACrB,kBAAM,EACN,CAAC,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,EAChE,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,CAChC,CAAC;IAEF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,KAAK,GAAkB,IAAI,CAAC;QAChC,IAAI,aAAa,EAAE,CAAC;YAChB,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;gBAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC,EAAE,QAAQ,CAAC,CAAC;QACjB,CAAC;QACD,OAAO,GAAG,EAAE;YACR,IAAI,KAAK,EAAE,CAAC;gBACR,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC5B,KAAK,GAAG,IAAI,CAAC;YACjB,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,IAAI,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,IAAI,OAAO,CAAC,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;QAC/D,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,IAAI,GACN,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7E,QAAQ,CAAC,KAAK,CAAC;IAEnB,OAAO,iCAAM,CAAC,EAAE,IAAI,IAAI,QAAQ,QAAQ,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAAI,CAAC;AAC1E,CAAC","sourcesContent":["import React from 'react';\n\nimport {block} from '../../../../utils/cn';\nimport {SECOND} from '../../../utils/constants';\nimport {useViewportDimensions, useViewportInterval} from '../Ruler/Ruler';\n\nconst MIN_UPDATE_DISTANCE = 4; // in px\n\nimport './NowLine.scss';\n\nconst b = block('timeline-now-line');\n\nexport function NowLine() {\n    const viewport = useViewportDimensions();\n    const {start: startDate, end: endDate} = useViewportInterval();\n    const [, rerender] = React.useState({});\n\n    const nowTime = Date.now();\n    const needUpdateNow = endDate.valueOf() > nowTime;\n    const interval = Math.max(\n        SECOND,\n        (MIN_UPDATE_DISTANCE * endDate.diff(startDate)) / viewport.width,\n        startDate.valueOf() - nowTime,\n    );\n\n    React.useEffect(() => {\n        let timer: number | null = null;\n        if (needUpdateNow) {\n            timer = window.setInterval(() => {\n                rerender({});\n            }, interval);\n        }\n        return () => {\n            if (timer) {\n                window.clearInterval(timer);\n                timer = null;\n            }\n        };\n    }, [needUpdateNow, interval]);\n\n    if (nowTime < startDate.valueOf() || endDate.valueOf() < nowTime) {\n        return null;\n    }\n\n    const nowX =\n        ((nowTime - startDate.valueOf()) / (endDate.valueOf() - startDate.valueOf())) *\n        viewport.width;\n\n    return <path d={`M${nowX},0l0,${viewport.height}`} className={b()} />;\n}\n"]}

package/dist/cjs/components/RangeDateSelection/components/Ruler/Ruler.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { MoveEndEvent, MoveMoveEvent, MoveStartEvent } from '../../../../hooks/useMove';
-import type { RangeValue } from '../../../types';
+import type { MoveEndEvent, MoveMoveEvent, MoveStartEvent } from "../../../../hooks/useMove.js";
+import type { RangeValue } from "../../../types/index.js";
 interface RulerProps {
     className?: string;
     children?: React.ReactNode;

package/dist/cjs/components/RangeDateSelection/components/Ruler/Ruler.js

@@ -1,22 +1,20 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateTimeRuler = DateTimeRuler;
 exports.useViewportDimensions = useViewportDimensions;
 exports.useViewportInterval = useViewportInterval;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const useResizeObserver_1 = require("../../../../hooks/useResizeObserver");
-const cn_1 = require("../../../../utils/cn");
-const NowLine_1 = require("../NowLine/NowLine");
-const RulerViewport_1 = require("../RulerViewport/RulerViewport");
-const MiddleTicks_1 = require("../Ticks/MiddleTicks");
-const SlitTicks_1 = require("../Ticks/SlitTicks");
-const UnavialableTicks_1 = require("../Ticks/UnavialableTicks");
-const utils_1 = require("../Ticks/utils");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const useResizeObserver_1 = require("../../../../hooks/useResizeObserver.js");
+const cn_1 = require("../../../../utils/cn.js");
+const NowLine_1 = require("../NowLine/NowLine.js");
+const RulerViewport_1 = require("../RulerViewport/RulerViewport.js");
+const MiddleTicks_1 = require("../Ticks/MiddleTicks.js");
+const SlitTicks_1 = require("../Ticks/SlitTicks.js");
+const UnavialableTicks_1 = require("../Ticks/UnavialableTicks.js");
+const utils_1 = require("../Ticks/utils.js");
 const b = (0, cn_1.block)('ruler');
 const viewportDimensionsContext = react_1.default.createContext(null);
 const viewportIntervalContext = react_1.default.createContext(null);
@@ -59,3 +57,4 @@ function useViewportInterval() {
     }
     return viewport;
 }
+//# sourceMappingURL=Ruler.js.map

package/dist/cjs/components/RangeDateSelection/components/Ruler/Ruler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ruler.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ruler/Ruler.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport ReactDOM from 'react-dom';\n\nimport type {MoveEndEvent, MoveMoveEvent, MoveStartEvent} from '../../../../hooks/useMove';\nimport {useResizeObserver} from '../../../../hooks/useResizeObserver';\nimport {block} from '../../../../utils/cn';\nimport type {RangeValue} from '../../../types';\nimport {NowLine} from '../NowLine/NowLine';\nimport {RulerViewport} from '../RulerViewport/RulerViewport';\nimport {MiddleTicks} from '../Ticks/MiddleTicks';\nimport {SlitTicks} from '../Ticks/SlitTicks';\nimport {UnavailableTicks} from '../Ticks/UnavialableTicks';\nimport {makeUnavailableTicksGeometry} from '../Ticks/utils';\n\nconst b = block('ruler');\n\ninterface RulerProps {\n    className?: string;\n    children?: React.ReactNode;\n    start: DateTime;\n    end: DateTime;\n    minValue?: DateTime;\n    maxValue?: DateTime;\n    onMoveStart?: (event: MoveStartEvent) => void;\n    onMove?: (delta: number, event: MoveMoveEvent) => void;\n    onMoveEnd?: (event: MoveEndEvent) => void;\n    displayNow?: boolean;\n    formatTime?: (time: DateTime) => string;\n    timeZone?: string;\n    dragDisabled?: boolean;\n    renderAdditionalRulerContent?: (props: {\n        interval: ViewportInterval;\n        dimensions: ViewportDimensions;\n    }) => React.ReactNode;\n}\n\nexport interface ViewportDimensions {\n    width: number;\n    height: number;\n}\n\nexport type ViewportInterval = RangeValue<DateTime>;\n\nconst viewportDimensionsContext = React.createContext<ViewportDimensions | null>(null);\nconst viewportIntervalContext = React.createContext<ViewportInterval | null>(null);\n\nexport function DateTimeRuler({\n    className,\n    children,\n    start,\n    end,\n    minValue,\n    maxValue,\n    onMove,\n    onMoveStart,\n    onMoveEnd,\n    displayNow,\n    formatTime,\n    timeZone,\n    dragDisabled,\n    renderAdditionalRulerContent,\n}: RulerProps) {\n    const [container, setContainer] = React.useState<HTMLDivElement | null>(null);\n    const viewportInterval = React.useMemo(() => ({start, end}), [start, end]);\n    const [viewportDimensions, setViewportDimensions] = React.useState<ViewportDimensions>({\n        width: 0,\n        height: 0,\n    });\n    const onResize = React.useCallback(() => {\n        if (!container) {\n            return;\n        }\n        const {width, height} = container.getBoundingClientRect();\n        setViewportDimensions({width, height});\n    }, [container]);\n\n    const containerRef = React.useMemo(() => ({current: container}), [container]);\n\n    useResizeObserver({ref: containerRef, onResize});\n\n    const hasConstrains = Boolean(minValue || maxValue);\n\n    return (\n        <div className={b(null, className)}>\n            <viewportIntervalContext.Provider value={viewportInterval}>\n                <viewportDimensionsContext.Provider value={viewportDimensions}>\n                    <RulerViewport\n                        ref={setContainer}\n                        onMove={onMove}\n                        onMoveStart={onMoveStart}\n                        onMoveEnd={onMoveEnd}\n                        dragDisabled={dragDisabled}\n                    >\n                        <MiddleTicks timeZone={timeZone} />\n                        <SlitTicks formatTime={formatTime} timeZone={timeZone} />\n                        {hasConstrains ? (\n                            <UnavailableTicks\n                                theme=\"dim\"\n                                minValue={minValue}\n                                maxValue={maxValue}\n                                geometry={makeUnavailableTicksGeometry({\n                                    tickHeight: 10,\n                                    viewportHeight: viewportDimensions.height,\n                                })}\n                                tickWidth={viewportDimensions.height + 10}\n                            />\n                        ) : null}\n                        {displayNow ? <NowLine /> : null}\n                        {renderAdditionalRulerContent?.({\n                            interval: viewportInterval,\n                            dimensions: viewportDimensions,\n                        })}\n                    </RulerViewport>\n                    {container ? ReactDOM.createPortal(children, container) : null}\n                </viewportDimensionsContext.Provider>\n            </viewportIntervalContext.Provider>\n        </div>\n    );\n}\n\nexport function useViewportDimensions() {\n    const viewport = React.useContext(viewportDimensionsContext);\n    if (!viewport) {\n        throw new Error('useViewportDimensions must be used within a RulerViewport');\n    }\n    return viewport;\n}\n\nexport function useViewportInterval() {\n    const viewport = React.useContext(viewportIntervalContext);\n    if (!viewport) {\n        throw new Error('useViewportInterval must be used within a RulerViewport');\n    }\n    return viewport;\n}\n"]}

package/dist/cjs/components/RangeDateSelection/components/RulerViewport/RulerViewport.css

@@ -22,4 +22,5 @@
 }
 .g-date-ruler-viewport__svg {
   pointer-events: none;
-}
+}
+/*# sourceMappingURL=RulerViewport.css.map */

package/dist/cjs/components/RangeDateSelection/components/RulerViewport/RulerViewport.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RangeDateSelection/components/variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Druler-viewport';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20--_--g-date-ruler-viewport-background:%20var(%0A%20%20%20%20%20%20%20%20--g-date-ruler-viewport-background,%0A%20%20%20%20%20%20%20%20var(--g-color-base-background)%0A%20%20%20%20);%0A%0A%20%20%20%20--g-date-thin-timeline-height:%2022px;%0A%20%20%20%20--g-date-thin-timeline-now-color:%20var(--g-color-line-danger);%0A%0A%20%20%20%20position:%20relative;%0A%0A%20%20%20%20box-sizing:%20border-box;%0A%20%20%20%20height:%20var(--g-date-thin-timeline-height);%0A%0A%20%20%20%20&__dragger%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset:%200;%0A%0A%20%20%20%20%20%20%20%20cursor:%20grab;%0A%0A%20%20%20%20%20%20%20%20&:focus-visible%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20outline:%202px%20solid%20var(--g-color-line-focus);%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&_disabled%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__svg%20%7B%0A%20%20%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%7D%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;AAAA;AAAA;AAAA;EAKA;EACA;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EAEA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI","sourcesContent":["@use '../../../variables';\n\n$block: '.#{variables.$ns}ruler-viewport';\n\n#{$block} {\n    --_--g-date-ruler-viewport-background: var(\n        --g-date-ruler-viewport-background,\n        var(--g-color-base-background)\n    );\n\n    --g-date-thin-timeline-height: 22px;\n    --g-date-thin-timeline-now-color: var(--g-color-line-danger);\n\n    position: relative;\n\n    box-sizing: border-box;\n    height: var(--g-date-thin-timeline-height);\n\n    &__dragger {\n        position: absolute;\n        inset: 0;\n\n        cursor: grab;\n\n        &:focus-visible {\n            outline: 2px solid var(--g-color-line-focus);\n        }\n\n        &_disabled {\n            pointer-events: none;\n        }\n    }\n\n    &__svg {\n        pointer-events: none;\n    }\n}\n"],"file":"RulerViewport.css"}

package/dist/cjs/components/RangeDateSelection/components/RulerViewport/RulerViewport.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { MoveEndEvent, MoveMoveEvent, MoveStartEvent } from '../../../../hooks/useMove';
-import './RulerViewport.css';
+import type { MoveEndEvent, MoveMoveEvent, MoveStartEvent } from "../../../../hooks/useMove.js";
+import "./RulerViewport.css";
 interface RulerViewportProps {
     className?: string;
     children?: React.ReactNode;

package/dist/cjs/components/RangeDateSelection/components/RulerViewport/RulerViewport.js

@@ -1,14 +1,12 @@
 'use client';
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RulerViewport = void 0;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const useMove_1 = require("../../../../hooks/useMove");
-const cn_1 = require("../../../../utils/cn");
+const react_1 = tslib_1.__importDefault(require("react"));
+const useMove_1 = require("../../../../hooks/useMove.js");
+const cn_1 = require("../../../../utils/cn.js");
 require("./RulerViewport.css");
 const b = (0, cn_1.block)('ruler-viewport');
 function RulerViewport({ className, children, onMove, onMoveStart, onMoveEnd, dragDisabled }, ref) {
@@ -33,3 +31,4 @@ function RulerViewport({ className, children, onMove, onMoveStart, onMoveEnd, dr
 }
 const _RulerViewport = react_1.default.forwardRef(RulerViewport);
 exports.RulerViewport = _RulerViewport;
+//# sourceMappingURL=RulerViewport.js.map

package/dist/cjs/components/RangeDateSelection/components/RulerViewport/RulerViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RulerViewport.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/RulerViewport/RulerViewport.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AAEb,0DAA0B;AAE1B,0DAAkD;AAElD,gDAA2C;AAE3C,+BAA8B;AAE9B,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,gBAAgB,CAAC,CAAC;AAWlC,SAAS,aAAa,CAClB,EAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAqB,EACvF,GAA8B;IAE9B,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,UAAU,CAAC;IAC/C,MAAM,EAAC,SAAS,EAAC,GAAG,IAAA,iBAAO,EAAC;QACxB,WAAW,EAAE,WAAW;QACxB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACV,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;YACvC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,EAAE,CAAC;gBAC9B,MAAM,EAAC,KAAK,EAAC,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;gBAClD,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;gBACrC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;gBACtC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;oBACd,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,EAAE,CAAC,CAAC,CAAC;gBACvB,CAAC;YACL,CAAC;QACL,CAAC;QACD,SAAS,EAAE,SAAS;KACvB,CAAC,CAAC;IAEH,OAAO,CACH,iCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aACxC,iCACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,aAEzC,2CAEI,oCAAQ,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,uBAAuB,aAC/D,oCAAS,UAAU,EAAC,4CAA4C,GAAG,EACnE,wCAAa,EAAE,EAAC,eAAe,GAAG,IAC7B,GACN,EACN,QAAQ,IACP,EACL,SAAS,CAAC,CAAC,CAAC,CACT,8CAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,YAAY,EAAC,CAAC,IAAM,SAAS,EAAI,CAC5E,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC;AAED,MAAM,cAAc,GAAG,eAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;AAC7B,uCAAa","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {useMove} from '../../../../hooks/useMove';\nimport type {MoveEndEvent, MoveMoveEvent, MoveStartEvent} from '../../../../hooks/useMove';\nimport {block} from '../../../../utils/cn';\n\nimport './RulerViewport.scss';\n\nconst b = block('ruler-viewport');\n\ninterface RulerViewportProps {\n    className?: string;\n    children?: React.ReactNode;\n    onMoveStart?: (event: MoveStartEvent) => void;\n    onMove?: (delta: number, event: MoveMoveEvent) => void;\n    onMoveEnd?: (event: MoveEndEvent) => void;\n    dragDisabled?: boolean;\n}\n\nfunction RulerViewport(\n    {className, children, onMove, onMoveStart, onMoveEnd, dragDisabled}: RulerViewportProps,\n    ref: React.Ref<HTMLDivElement>,\n) {\n    const containerRef = React.useRef<SVGSVGElement>(null);\n    const draggable = typeof onMove === 'function';\n    const {moveProps} = useMove({\n        onMoveStart: onMoveStart,\n        onMove: (e) => {\n            const container = containerRef.current;\n            if (e.deltaX !== 0 && container) {\n                const {width} = container.getBoundingClientRect();\n                let delta = (e.deltaX * 100) / width;\n                delta = Math.round(delta * 100) / 100;\n                if (delta !== 0) {\n                    onMove?.(delta, e);\n                }\n            }\n        },\n        onMoveEnd: onMoveEnd,\n    });\n\n    return (\n        <div ref={ref} className={b(null, className)}>\n            <svg\n                ref={containerRef}\n                className={b('svg')}\n                width=\"100%\"\n                height=\"100%\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n            >\n                <defs>\n                    {/* this one allows rendering background under tick labels */}\n                    <filter x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"g-date-tt-ticklabelbg\">\n                        <feFlood floodColor=\"var(--_--g-date-ruler-viewport-background)\" />\n                        <feComposite in=\"SourceGraphic\" />\n                    </filter>\n                </defs>\n                {children}\n            </svg>\n            {draggable ? (\n                <div className={b('dragger', {disabled: dragDisabled})} {...moveProps} />\n            ) : null}\n        </div>\n    );\n}\n\nconst _RulerViewport = React.forwardRef(RulerViewport);\nexport {_RulerViewport as RulerViewport};\n"]}

package/dist/cjs/components/RangeDateSelection/components/SelectionControl/SelectionControl.css

@@ -75,4 +75,5 @@
   white-space: nowrap;
   border: 0;
   clip-path: inset(50%);
-}
+}
+/*# sourceMappingURL=SelectionControl.css.map */

package/dist/cjs/components/RangeDateSelection/components/SelectionControl/SelectionControl.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RangeDateSelection/mixins';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drange-date-selection-control';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20--_--g-date-timeline-color-selection:%20var(%0A%20%20%20%20%20%20%20%20--g-date-timeline-color-selection,%0A%20%20%20%20%20%20%20%20var(--g-color-base-info-light)%0A%20%20%20%20);%0A%0A%20%20%20%20--_--g-date-timeline-color-selection-hover:%20var(%0A%20%20%20%20%20%20%20%20--g-date-timeline-color-selection-hover,%0A%20%20%20%20%20%20%20%20var(--g-color-base-info-light-hover)%0A%20%20%20%20);%0A%0A%20%20%20%20--_--g-date-timeline-color-selection-handle:%20var(%0A%20%20%20%20%20%20%20%20--g-date-timeline-color-selection-handle,%0A%20%20%20%20%20%20%20%20var(--g-color-base-brand)%0A%20%20%20%20);%0A%0A%20%20%20%20--_--g-date-timeline-color-selection-handle-hover:%20var(%0A%20%20%20%20%20%20%20%20--g-date-timeline-color-selection-handle-hover,%0A%20%20%20%20%20%20%20%20var(--g-color-base-brand-hover)%0A%20%20%20%20);%0A%0A%20%20%20%20position:%20absolute;%0A%20%20%20%20z-index:%201;%0A%20%20%20%20inset-block:%200;%0A%0A%20%20%20%20@supports%20(selector(:has(*)))%20and%20(selector(:focus-visible))%20%7B%0A%20%20%20%20%20%20%20%20&__start:has(&__slider-input:focus-visible),%0A%20%20%20%20%20%20%20%20&__end:has(&__slider-input:focus-visible),%0A%20%20%20%20%20%20%20%20&__dragger:has(&__slider-input:focus-visible)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius:%20var(--g-border-radius-xs);%0A%20%20%20%20%20%20%20%20%20%20%20%20outline:%20var(--g-color-line-focus)%20solid%202px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20@supports%20not%20(selector(:has(*)))%20%7B%0A%20%20%20%20%20%20%20%20&__start:focus-within,%0A%20%20%20%20%20%20%20%20&__end:focus-within,%0A%20%20%20%20%20%20%20%20&__dragger:focus-within%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius:%20var(--g-border-radius-xs);%0A%20%20%20%20%20%20%20%20%20%20%20%20outline:%20var(--g-color-line-focus)%20solid%202px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__dragger%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset-block:%200;%0A%20%20%20%20%20%20%20%20inset-inline:%202px;%0A%0A%20%20%20%20%20%20%20%20cursor:%20move;%0A%0A%20%20%20%20%20%20%20%20background:%20var(--_--g-date-timeline-color-selection);%0A%0A%20%20%20%20%20%20%20%20&:hover,%0A%20%20%20%20%20%20%20%20&_dragging%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20background:%20var(--_--g-date-timeline-color-selection-hover);%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&_disabled%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__start%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset-block:%200;%0A%20%20%20%20%20%20%20%20inset-inline-start:%200;%0A%0A%20%20%20%20%20%20%20%20width:%204px;%0A%0A%20%20%20%20%20%20%20%20background:%20var(--_--g-date-timeline-color-selection-handle);%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__end%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset-inline-end:%200;%0A%0A%20%20%20%20%20%20%20%20width:%204px;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%0A%20%20%20%20%20%20%20%20background:%20var(--_--g-date-timeline-color-selection-handle);%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__start,%0A%20%20%20%20&__end%20%7B%0A%20%20%20%20%20%20%20%20cursor:%20ew-resize;%0A%0A%20%20%20%20%20%20%20%20&:hover,%0A%20%20%20%20%20%20%20%20&_dragging%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20background:%20var(--_--g-date-timeline-color-selection-handle-hover);%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__slider-input-wrapper%20%7B%0A%20%20%20%20%20%20%20%20@include%20mixins.visually-hidden();%0A%20%20%20%20%7D%0A%7D%0A","components/RangeDateSelection/components/SelectionControl/file:/home/runner/work/date-components/date-components/src/components/mixins.scss"],"names":[],"mappings":"AAKA;EACI;AAAA;AAAA;AAAA;EAKA;AAAA;AAAA;AAAA;EAKA;AAAA;AAAA;AAAA;EAKA;AAAA;AAAA;AAAA;EAKA;EACA;EACA;;AAEA;EACI;IAGI;IACA;;;AAIR;EACI;IAGI;IACA;;;AAIR;EACI;EACA;EACA;EAEA;EAEA;;AAEA;EAEI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EAEA;EAEA;;AAGJ;EACI;EACA;EAEA;EACA;EAEA;;AAGJ;EAEI;;AAEA;EAEI;;AAIR;EChGA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA","sourcesContent":["@use '../../../variables';\n@use '../../../mixins';\n\n$block: '.#{variables.$ns}range-date-selection-control';\n\n#{$block} {\n    --_--g-date-timeline-color-selection: var(\n        --g-date-timeline-color-selection,\n        var(--g-color-base-info-light)\n    );\n\n    --_--g-date-timeline-color-selection-hover: var(\n        --g-date-timeline-color-selection-hover,\n        var(--g-color-base-info-light-hover)\n    );\n\n    --_--g-date-timeline-color-selection-handle: var(\n        --g-date-timeline-color-selection-handle,\n        var(--g-color-base-brand)\n    );\n\n    --_--g-date-timeline-color-selection-handle-hover: var(\n        --g-date-timeline-color-selection-handle-hover,\n        var(--g-color-base-brand-hover)\n    );\n\n    position: absolute;\n    z-index: 1;\n    inset-block: 0;\n\n    @supports (selector(:has(*))) and (selector(:focus-visible)) {\n        &__start:has(&__slider-input:focus-visible),\n        &__end:has(&__slider-input:focus-visible),\n        &__dragger:has(&__slider-input:focus-visible) {\n            border-radius: var(--g-border-radius-xs);\n            outline: var(--g-color-line-focus) solid 2px;\n        }\n    }\n\n    @supports not (selector(:has(*))) {\n        &__start:focus-within,\n        &__end:focus-within,\n        &__dragger:focus-within {\n            border-radius: var(--g-border-radius-xs);\n            outline: var(--g-color-line-focus) solid 2px;\n        }\n    }\n\n    &__dragger {\n        position: absolute;\n        inset-block: 0;\n        inset-inline: 2px;\n\n        cursor: move;\n\n        background: var(--_--g-date-timeline-color-selection);\n\n        &:hover,\n        &_dragging {\n            background: var(--_--g-date-timeline-color-selection-hover);\n        }\n\n        &_disabled {\n            pointer-events: none;\n        }\n    }\n\n    &__start {\n        position: absolute;\n        inset-block: 0;\n        inset-inline-start: 0;\n\n        width: 4px;\n\n        background: var(--_--g-date-timeline-color-selection-handle);\n    }\n\n    &__end {\n        position: absolute;\n        inset-inline-end: 0;\n\n        width: 4px;\n        height: 100%;\n\n        background: var(--_--g-date-timeline-color-selection-handle);\n    }\n\n    &__start,\n    &__end {\n        cursor: ew-resize;\n\n        &:hover,\n        &_dragging {\n            background: var(--_--g-date-timeline-color-selection-handle-hover);\n        }\n    }\n\n    &__slider-input-wrapper {\n        @include mixins.visually-hidden();\n    }\n}\n","@mixin visually-hidden() {\n    position: absolute;\n\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n\n    white-space: nowrap;\n\n    border: 0;\n    clip-path: inset(50%);\n}\n"],"file":"SelectionControl.css"}

package/dist/cjs/components/RangeDateSelection/components/SelectionControl/SelectionControl.d.ts

@@ -1,6 +1,6 @@
-import type { AccessibilityProps, DomProps, StyleProps } from '../../../types';
-import type { RangeDateSelectionState } from '../../hooks/useRangeDateSelectionState';
-import './SelectionControl.css';
+import type { AccessibilityProps, DomProps, StyleProps } from "../../../types/index.js";
+import type { RangeDateSelectionState } from "../../hooks/useRangeDateSelectionState.js";
+import "./SelectionControl.css";
 interface SelectionControlProps extends DomProps, StyleProps, AccessibilityProps {
     state: RangeDateSelectionState;
 }

package/dist/cjs/components/RangeDateSelection/components/SelectionControl/SelectionControl.js

@@ -4,11 +4,11 @@ exports.SelectionControl = SelectionControl;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
-const useMove_1 = require("../../../../hooks/useMove");
-const cn_1 = require("../../../../utils/cn");
-const i18n_1 = require("../../i18n");
-const span_1 = require("../../utils/span");
-const Ruler_1 = require("../Ruler/Ruler");
+const useMove_1 = require("../../../../hooks/useMove.js");
+const cn_1 = require("../../../../utils/cn.js");
+const i18n_1 = require("../../i18n/index.js");
+const span_1 = require("../../utils/span.js");
+const Ruler_1 = require("../Ruler/Ruler.js");
 require("./SelectionControl.css");
 const b = (0, cn_1.block)('range-date-selection-control');
 const MIN_SELECTION_WIDTH = 12; // px;
@@ -133,3 +133,4 @@ function SelectionControl(_a) {
                             .filter(Boolean)
                             .join(' '), "aria-orientation": "horizontal", "aria-valuetext": `${endValue.format()}`, value: 0, onChange: () => { } }) }) }))) : null] }));
 }
+//# sourceMappingURL=SelectionControl.js.map

package/dist/cjs/components/RangeDateSelection/components/SelectionControl/SelectionControl.js.map

@@ -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/cjs/components/RangeDateSelection/components/Ticks/MiddleTicks.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MiddleTicks = MiddleTicks;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Ruler_1 = require("../Ruler/Ruler");
-const Ticks_1 = require("./Ticks");
+const Ruler_1 = require("../Ruler/Ruler.js");
+const Ticks_1 = require("./Ticks.js");
 function MiddleTicks({ timeZone }) {
     const { height } = (0, Ruler_1.useViewportDimensions)();
     return ((0, jsx_runtime_1.jsx)(Ticks_1.Ticks, { minTickWidth: 8, maxTickWidth: 20, theme: "dim", geometry: (0, Ticks_1.makeMiddleTicksGeometry)({ tickHeight: 4, viewportHeight: height }), timeZone: timeZone }));
 }
+//# sourceMappingURL=MiddleTicks.js.map

package/dist/cjs/components/RangeDateSelection/components/Ticks/MiddleTicks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddleTicks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/MiddleTicks.tsx"],"names":[],"mappings":";;AAIA,kCAWC;;AAfD,6CAAqD;AAErD,sCAAuD;AAEvD,SAAgB,WAAW,CAAC,EAAC,QAAQ,EAAsB;IACvD,MAAM,EAAC,MAAM,EAAC,GAAG,IAAA,6BAAqB,GAAE,CAAC;IACzC,OAAO,CACH,uBAAC,aAAK,IACF,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,EAAE,EAChB,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,IAAA,+BAAuB,EAAC,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/cjs/components/RangeDateSelection/components/Ticks/SlitTicks.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SlitTicks = SlitTicks;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Ruler_1 = require("../Ruler/Ruler");
-const Ticks_1 = require("./Ticks");
+const Ruler_1 = require("../Ruler/Ruler.js");
+const Ticks_1 = require("./Ticks.js");
 function SlitTicks({ formatTime, timeZone, }) {
     const { height } = (0, Ruler_1.useViewportDimensions)();
     return ((0, jsx_runtime_1.jsx)(Ticks_1.Ticks, { minTickWidth: 80, maxTickWidth: 200, theme: "normal", geometry: (0, Ticks_1.makeSlitTicksGeometry)({ tickHeight: 4, viewportHeight: height }), hasLabels: true, formatTime: formatTime, timeZone: timeZone }));
 }
+//# sourceMappingURL=SlitTicks.js.map

package/dist/cjs/components/RangeDateSelection/components/Ticks/SlitTicks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlitTicks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/SlitTicks.tsx"],"names":[],"mappings":";;AAMA,8BAmBC;;AAvBD,6CAAqD;AAErD,sCAAqD;AAErD,SAAgB,SAAS,CAAC,EACtB,UAAU,EACV,QAAQ,GAIX;IACG,MAAM,EAAC,MAAM,EAAC,GAAG,IAAA,6BAAqB,GAAE,CAAC;IACzC,OAAO,CACH,uBAAC,aAAK,IACF,YAAY,EAAE,EAAE,EAChB,YAAY,EAAE,GAAG,EACjB,KAAK,EAAC,QAAQ,EACd,QAAQ,EAAE,IAAA,6BAAqB,EAAC,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/cjs/components/RangeDateSelection/components/Ticks/Ticks.css

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

package/dist/cjs/components/RangeDateSelection/components/Ticks/Ticks.css.map

@@ -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/cjs/components/RangeDateSelection/components/Ticks/Ticks.d.ts

@@ -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/cjs/components/RangeDateSelection/components/Ticks/Ticks.js

@@ -1,17 +1,15 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeSlitTicksGeometry = exports.makeMiddleTicksGeometry = void 0;
 exports.Ticks = Ticks;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const date_utils_1 = require("@gravity-ui/date-utils");
-const cn_1 = require("../../../../utils/cn");
-const span_1 = require("../../utils/span");
-const Ruler_1 = require("../Ruler/Ruler");
-const utils_1 = require("./utils");
+const cn_1 = require("../../../../utils/cn.js");
+const span_1 = require("../../utils/span.js");
+const Ruler_1 = require("../Ruler/Ruler.js");
+const utils_1 = require("./utils.js");
 Object.defineProperty(exports, "makeMiddleTicksGeometry", { enumerable: true, get: function () { return utils_1.makeMiddleTicksGeometry; } });
 Object.defineProperty(exports, "makeSlitTicksGeometry", { enumerable: true, get: function () { return utils_1.makeSlitTicksGeometry; } });
 require("./Ticks.css");
@@ -50,3 +48,4 @@ function Ticks({ theme, minTickWidth, maxTickWidth, hasLabels, geometry, classNa
     }, [hasLabels, tickCoords, tickTimes, timeZone, labelsClassName, formatTime]);
     return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [ticksPath, tickLabels] }));
 }
+//# sourceMappingURL=Ticks.js.map

package/dist/cjs/components/RangeDateSelection/components/Ticks/Ticks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ticks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/Ticks.tsx"],"names":[],"mappings":"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","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/cjs/components/RangeDateSelection/components/Ticks/UnavialableTicks.d.ts

@@ -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/cjs/components/RangeDateSelection/components/Ticks/UnavialableTicks.js

@@ -1,15 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeSlitTicksGeometry = exports.makeMiddleTicksGeometry = void 0;
 exports.UnavailableTicks = UnavailableTicks;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const cn_1 = require("../../../../utils/cn");
-const Ruler_1 = require("../Ruler/Ruler");
-const utils_1 = require("./utils");
+const react_1 = tslib_1.__importDefault(require("react"));
+const cn_1 = require("../../../../utils/cn.js");
+const Ruler_1 = require("../Ruler/Ruler.js");
+const utils_1 = require("./utils.js");
 Object.defineProperty(exports, "makeMiddleTicksGeometry", { enumerable: true, get: function () { return utils_1.makeMiddleTicksGeometry; } });
 Object.defineProperty(exports, "makeSlitTicksGeometry", { enumerable: true, get: function () { return utils_1.makeSlitTicksGeometry; } });
 require("./Ticks.css");
@@ -48,3 +46,4 @@ function UnavailableTicks({ theme, geometry, tickWidth, minValue, maxValue, clas
     const ticksPath = (0, jsx_runtime_1.jsx)("path", { className: b({ theme }, className), d: ticksGeometry });
     return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: ticksPath });
 }
+//# sourceMappingURL=UnavialableTicks.js.map

package/dist/cjs/components/RangeDateSelection/components/Ticks/UnavialableTicks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnavialableTicks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/UnavialableTicks.tsx"],"names":[],"mappings":";;;AA2BA,4CA8CC;;;AAzED,0DAA0B;AAI1B,gDAA2C;AAC3C,6CAA0E;AAG1E,sCAA0F;AAgBlF,wGAhBmB,+BAAuB,OAgBnB;AAAE,sGAhBmB,6BAAqB,OAgBnB;AAdtD,uBAAsB;AAYtB,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,gBAAgB,CAAC,CAAC;AAKlC,SAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACA;IACT,MAAM,QAAQ,GAAG,IAAA,6BAAqB,GAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEvC,MAAM,QAAQ,GAAG,IAAA,yBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,IAAA,yBAAiB,EAAC,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,eAAK,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,iCAAM,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,aAAa,GAAI,CAAC;IAE/E,OAAO,uBAAC,eAAK,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/cjs/components/RangeDateSelection/components/Ticks/utils.d.ts

@@ -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/cjs/components/RangeDateSelection/components/Ticks/utils.js

@@ -7,8 +7,8 @@ exports.makeSlitTicksGeometry = makeSlitTicksGeometry;
 exports.makeUnavailableTicksGeometry = makeUnavailableTicksGeometry;
 exports.calculatePosition = calculatePosition;
 const date_utils_1 = require("@gravity-ui/date-utils");
-const constants_1 = require("../../../utils/constants");
-const span_1 = require("../../utils/span");
+const constants_1 = require("../../../utils/constants.js");
+const span_1 = require("../../utils/span.js");
 const MAX_TICKS = 100000;
 function makeTickSizes(periodSize, periodName, ...multipliers) {
     return multipliers.map((m) => ({
@@ -164,3 +164,4 @@ function calculatePosition(value, interval, width) {
     const timeToXCoeff = (0, span_1.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/cjs/components/RangeDateSelection/components/Ticks/utils.js.map

@@ -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/cjs/components/RangeDateSelection/hooks/useRangeDateSelectionState.d.ts

@@ -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/cjs/components/RangeDateSelection/hooks/useRangeDateSelectionState.js

@@ -1,15 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRangeDateSelectionState = useRangeDateSelectionState;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const constants_1 = require("../../utils/constants");
-const dates_1 = require("../../utils/dates");
-const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone");
-const date_1 = require("../utils/date");
+const constants_1 = require("../../utils/constants.js");
+const dates_1 = require("../../utils/dates.js");
+const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone.js");
+const date_1 = require("../utils/date.js");
 function getViewportIntervalFromDates(start, end, numberOfIntervals = 4, placeInViewport = 0.5) {
     const diff = end.diff(start);
     return {
@@ -148,3 +146,4 @@ function useRangeDateSelectionState(props) {
         isDragging,
     };
 }
+//# sourceMappingURL=useRangeDateSelectionState.js.map

package/dist/cjs/components/RangeDateSelection/hooks/useRangeDateSelectionState.js.map

@@ -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"]}