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

package/dist/cjs/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/DatePicker/index.ts"],"names":[],"mappings":";;;AAAA,0DAA6B;AAE7B,wEAA2C;AAC3C,wEAA2C","sourcesContent":["export * from './DatePicker';\n\nexport * from './hooks/useDatePickerState';\nexport * from './hooks/useDatePickerProps';\n"]}

package/dist/cjs/components/DatePicker/utils/cn.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.b = void 0;
-const cn_1 = require("../../../utils/cn");
+const cn_1 = require("../../../utils/cn.js");
 exports.b = (0, cn_1.block)('date-picker');
+//# sourceMappingURL=cn.js.map

package/dist/cjs/components/DatePicker/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/utils/cn.ts"],"names":[],"mappings":";;;AAAA,6CAAwC;AAE3B,QAAA,CAAC,GAAG,IAAA,UAAK,EAAC,aAAa,CAAC,CAAC","sourcesContent":["import {block} from '../../../utils/cn';\n\nexport const b = block('date-picker');\n"]}

package/dist/cjs/components/DatePicker/utils/getDateTimeValue.d.ts

@@ -1,3 +1,3 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { RangeValue } from '../../types';
+import type { RangeValue } from "../../types/index.js";
 export declare function getDateTimeValue(value: DateTime | RangeValue<DateTime> | null | undefined): DateTime | undefined;

package/dist/cjs/components/DatePicker/utils/getDateTimeValue.js

@@ -7,3 +7,4 @@ function getDateTimeValue(value) {
     }
     return 'start' in value && 'end' in value ? value.start : value;
 }
+//# sourceMappingURL=getDateTimeValue.js.map

package/dist/cjs/components/DatePicker/utils/getDateTimeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDateTimeValue.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/utils/getDateTimeValue.ts"],"names":[],"mappings":";;AAIA,4CAQC;AARD,SAAgB,gBAAgB,CAC5B,KAAyD;IAEzD,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AACpE,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {RangeValue} from '../../types';\n\nexport function getDateTimeValue(\n    value: DateTime | RangeValue<DateTime> | null | undefined,\n): DateTime | undefined {\n    if (!value) {\n        return undefined;\n    }\n\n    return 'start' in value && 'end' in value ? value.start : value;\n}\n"]}

package/dist/cjs/components/DatePicker/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from './cn';
-export * from './getDateTimeValue';
+export * from "./cn.js";
+export * from "./getDateTimeValue.js";

package/dist/cjs/components/DatePicker/utils/index.js

@@ -1,18 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./cn"), exports);
-__exportStar(require("./getDateTimeValue"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./cn.js"), exports);
+tslib_1.__exportStar(require("./getDateTimeValue.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DatePicker/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/utils/index.ts"],"names":[],"mappings":";;;AAAA,kDAAqB;AACrB,gEAAmC","sourcesContent":["export * from './cn';\nexport * from './getDateTimeValue';\n"]}

package/dist/cjs/components/HiddenInput/HiddenInput.js

@@ -1,12 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HiddenInput = HiddenInput;
 exports.useFormResetHandler = useFormResetHandler;
+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"));
 function HiddenInput({ name, value, onReset, form, disabled, toStringValue, }) {
     const ref = useFormResetHandler({ initialValue: value, onReset });
     if (!name) {
@@ -36,3 +34,4 @@ function useFormResetHandler({ initialValue, onReset, }) {
     }, []);
     return ref;
 }
+//# sourceMappingURL=HiddenInput.js.map

package/dist/cjs/components/HiddenInput/HiddenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenInput.js","sourceRoot":"../../../../src","sources":["components/HiddenInput/HiddenInput.tsx"],"names":[],"mappings":";;AAUA,kCAgBC;AAED,kDAkCC;;;AA9DD,0DAA0B;AAU1B,SAAgB,WAAW,CAAI,EAC3B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,aAAa,GACK;IAClB,MAAM,GAAG,GAAG,mBAAmB,CAAI,EAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC;IAEnE,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,CAAC;IAClE,OAAO,kCAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACnG,CAAC;AAED,SAAgB,mBAAmB,CAAI,EACnC,YAAY,EACZ,OAAO,GAIV;IACG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAEnF,MAAM,UAAU,GAAG,eAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAE9C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE;YACR,WAAW,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC1D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,GAAG,GAAG,eAAK,CAAC,WAAW,CACzB,CAAC,IAAuE,EAAE,EAAE;;QACxE,cAAc,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,IAAI,CAAC,CAAC;IACvC,CAAC,EACD,EAAE,CACL,CAAC;IAEF,OAAO,GAAG,CAAC;AACf,CAAC","sourcesContent":["import React from 'react';\n\ninterface HiddenInputProps<T> {\n    value: T;\n    onReset?: (value: T) => void;\n    toStringValue?: (value: T) => string;\n    name?: string;\n    disabled?: boolean;\n    form?: string;\n}\nexport function HiddenInput<T>({\n    name,\n    value,\n    onReset,\n    form,\n    disabled,\n    toStringValue,\n}: HiddenInputProps<T>) {\n    const ref = useFormResetHandler<T>({initialValue: value, onReset});\n\n    if (!name) {\n        return null;\n    }\n\n    const v = toStringValue ? toStringValue(value) : `${value ?? ''}`;\n    return <input ref={ref} type=\"hidden\" name={name} value={v} disabled={disabled} form={form} />;\n}\n\nexport function useFormResetHandler<T>({\n    initialValue,\n    onReset,\n}: {\n    initialValue: T;\n    onReset?: (value: T) => void;\n}) {\n    const [formElement, setFormElement] = React.useState<HTMLFormElement | null>(null);\n\n    const resetValue = React.useRef(initialValue);\n\n    React.useEffect(() => {\n        if (!formElement || !onReset) {\n            return undefined;\n        }\n\n        const handleReset = () => {\n            onReset(resetValue.current);\n        };\n\n        formElement.addEventListener('reset', handleReset);\n        return () => {\n            formElement.removeEventListener('reset', handleReset);\n        };\n    }, [formElement, onReset]);\n\n    const ref = React.useCallback(\n        (node: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null) => {\n            setFormElement(node?.form ?? null);\n        },\n        [],\n    );\n\n    return ref;\n}\n"]}

package/dist/cjs/components/RangeCalendar/RangeCalendar.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { CalendarProps } from '../Calendar/Calendar';
-import type { CalendarInstance } from '../CalendarView/CalendarView';
-import type { RangeValue } from '../types';
-import '../CalendarView/Calendar.css';
+import type { CalendarProps } from "../Calendar/Calendar.js";
+import type { CalendarInstance } from "../CalendarView/CalendarView.js";
+import type { RangeValue } from "../types/index.js";
+import "../CalendarView/Calendar.css";
 export type RangeCalendarProps = CalendarProps<RangeValue<DateTime>>;
 export declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<CalendarInstance>>;

package/dist/cjs/components/RangeCalendar/RangeCalendar.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.RangeCalendar = void 0;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const CalendarView_1 = require("../CalendarView/CalendarView");
-const useRangeCalendarState_1 = require("../CalendarView/hooks/useRangeCalendarState");
+const react_1 = tslib_1.__importDefault(require("react"));
+const CalendarView_1 = require("../CalendarView/CalendarView.js");
+const useRangeCalendarState_1 = require("../CalendarView/hooks/useRangeCalendarState.js");
 require("../CalendarView/Calendar.css");
 exports.RangeCalendar = react_1.default.forwardRef(function Calendar(props, ref) {
     const state = (0, useRangeCalendarState_1.useRangeCalendarState)(props);
@@ -21,3 +19,4 @@ exports.RangeCalendar = react_1.default.forwardRef(function Calendar(props, ref)
     };
     return (0, jsx_runtime_1.jsx)(CalendarView_1.CalendarView, Object.assign({ ref: ref }, props, { state: state, onBlur: handleBlur }));
 });
+//# sourceMappingURL=RangeCalendar.js.map

package/dist/cjs/components/RangeCalendar/RangeCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.js","sourceRoot":"../../../../src","sources":["components/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AAEb,0DAA0B;AAK1B,kEAA0D;AAE1D,0FAAkF;AAGlF,wCAAuC;AAI1B,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CACzC,SAAS,QAAQ,CAAC,KAAyB,EAAE,GAAG;IAC5C,MAAM,KAAK,GAAG,IAAA,6CAAqB,EAAC,KAAK,CAAC,CAAC;IAE3C,MAAM,UAAU,GAAG,CAAC,CAAmB,EAAE,EAAE;;QACvC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACnB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC9B,CAAC;QACD,MAAA,KAAK,CAAC,MAAM,sDAAG,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,OAAO,uBAAC,2BAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,IAAI,CAAC;AACnF,CAAC,CACJ,CAAC","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {CalendarProps} from '../Calendar/Calendar';\nimport {CalendarView} from '../CalendarView/CalendarView';\nimport type {CalendarInstance} from '../CalendarView/CalendarView';\nimport {useRangeCalendarState} from '../CalendarView/hooks/useRangeCalendarState';\nimport type {RangeValue} from '../types';\n\nimport '../CalendarView/Calendar.scss';\n\nexport type RangeCalendarProps = CalendarProps<RangeValue<DateTime>>;\n\nexport const RangeCalendar = React.forwardRef<CalendarInstance, RangeCalendarProps>(\n    function Calendar(props: RangeCalendarProps, ref) {\n        const state = useRangeCalendarState(props);\n\n        const handleBlur = (e: React.FocusEvent) => {\n            if (state.anchorDate) {\n                state.selectFocusedDate();\n            }\n            props.onBlur?.(e);\n        };\n        return <CalendarView ref={ref} {...props} state={state} onBlur={handleBlur} />;\n    },\n);\n"]}

package/dist/cjs/components/RangeCalendar/index.d.ts

@@ -1 +1 @@
-export * from './RangeCalendar';
+export * from "./RangeCalendar.js";

package/dist/cjs/components/RangeCalendar/index.js

@@ -1,17 +1,5 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RangeCalendar"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RangeCalendar.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RangeCalendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RangeCalendar/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC","sourcesContent":["export * from './RangeCalendar';\n"]}

package/dist/cjs/components/RangeDateField/RangeDateField.css

@@ -1,4 +1,5 @@
 .g-date-range-date-field {
   display: inline-block;
   width: auto;
-}
+}
+/*# sourceMappingURL=RangeDateField.css.map */

package/dist/cjs/components/RangeDateField/RangeDateField.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RangeDateField/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drange-date-field';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20display:%20inline-block;%0A%0A%20%20%20%20width:%20auto;%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EAEA","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}range-date-field';\n\n#{$block} {\n    display: inline-block;\n\n    width: auto;\n}\n"],"file":"RangeDateField.css"}

package/dist/cjs/components/RangeDateField/RangeDateField.d.ts

@@ -1,7 +1,7 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldProps } from '../DateField/hooks/useDateFieldProps';
-import type { RangeValue } from '../types';
-import './RangeDateField.css';
+import type { DateFieldProps } from "../DateField/hooks/useDateFieldProps.js";
+import type { RangeValue } from "../types/index.js";
+import "./RangeDateField.css";
 export type RangeDateFieldProps = DateFieldProps<RangeValue<DateTime>> & {
     /**
      * Delimiter separating the start and end parts of the range.

package/dist/cjs/components/RangeDateField/RangeDateField.js

@@ -6,10 +6,10 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const cn_1 = require("../../utils/cn");
-const useDateFieldProps_1 = require("../DateField/hooks/useDateFieldProps");
-const HiddenInput_1 = require("../HiddenInput/HiddenInput");
-const useRangeDateFieldState_1 = require("./hooks/useRangeDateFieldState");
+const cn_1 = require("../../utils/cn.js");
+const useDateFieldProps_1 = require("../DateField/hooks/useDateFieldProps.js");
+const HiddenInput_1 = require("../HiddenInput/HiddenInput.js");
+const useRangeDateFieldState_1 = require("./hooks/useRangeDateFieldState.js");
 require("./RangeDateField.css");
 const b = (0, cn_1.block)('range-date-field');
 function RangeDateField(_a) {
@@ -27,3 +27,4 @@ function RangeDateField(_a) {
                     state.setDate(v);
                 }, value: (_b = state.value) !== null && _b !== void 0 ? _b : null, toStringValue: (v) => (v ? v.start.toISOString() : ''), disabled: state.disabled }), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, form: props.form, value: (_c = state.value) !== null && _c !== void 0 ? _c : null, toStringValue: (v) => (v ? v.end.toISOString() : ''), disabled: state.disabled })] })));
 }
+//# sourceMappingURL=RangeDateField.js.map

package/dist/cjs/components/RangeDateField/RangeDateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDateField.js","sourceRoot":"../../../../src","sources":["components/RangeDateField/RangeDateField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AA2Bb,wCAqCC;;;AA9DD,0DAA0B;AAG1B,6CAA4D;AAE5D,0CAAqC;AACrC,+EAAuE;AAEvE,+DAAuD;AAGvD,8EAAsE;AAEtE,gCAA+B;AAE/B,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,kBAAkB,CAAC,CAAC;AAUpC,SAAgB,cAAc,CAAC,EAA0C;;QAA1C,EAAC,SAAS,OAAgC,EAA3B,KAAK,sBAApB,aAAqB,CAAD;IAC/C,MAAM,KAAK,GAAG,IAAA,+CAAsB,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,EAAC,UAAU,EAAC,GAAG,IAAA,qCAAiB,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAErD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,EAAC,gBAAgB,EAAC,GAAG,IAAA,sBAAc,EAAC;QACtC,mBAAmB,CAAC,aAAa;YAC7B,SAAS,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,CACH,+CAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAM,gBAAgB,eACxE,uBAAC,iBAAS,oBACF,UAAU,IACd,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,IAChF,EACF,uBAAC,yBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACX,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC,EACD,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAI,EAC1B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACtD,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,EACF,uBAAC,yBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAI,EAC1B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpD,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,KACA,CACT,CAAC;AACN,CAAC","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {TextInput, useFocusWithin} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {useDateFieldProps} from '../DateField/hooks/useDateFieldProps';\nimport type {DateFieldProps} from '../DateField/hooks/useDateFieldProps';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {RangeValue} from '../types';\n\nimport {useRangeDateFieldState} from './hooks/useRangeDateFieldState';\n\nimport './RangeDateField.scss';\n\nconst b = block('range-date-field');\n\nexport type RangeDateFieldProps = DateFieldProps<RangeValue<DateTime>> & {\n    /**\n     * Delimiter separating the start and end parts of the range.\n     * @default ' — '\n     * */\n    delimiter?: string;\n};\n\nexport function RangeDateField({className, ...props}: RangeDateFieldProps) {\n    const state = useRangeDateFieldState(props);\n\n    const {inputProps} = useDateFieldProps(state, props);\n\n    const [isActive, setActive] = React.useState(false);\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithinChange(isFocusWithin) {\n            setActive(isFocusWithin);\n        },\n    });\n\n    return (\n        <div className={b(null, className)} style={props.style} {...focusWithinProps}>\n            <TextInput\n                {...inputProps}\n                value={state.isEmpty && !isActive && props.placeholder ? '' : inputProps.value}\n            />\n            <HiddenInput\n                name={props.name}\n                form={props.form}\n                onReset={(v) => {\n                    state.setDate(v);\n                }}\n                value={state.value ?? null}\n                toStringValue={(v) => (v ? v.start.toISOString() : '')}\n                disabled={state.disabled}\n            />\n            <HiddenInput\n                name={props.name}\n                form={props.form}\n                value={state.value ?? null}\n                toStringValue={(v) => (v ? v.end.toISOString() : '')}\n                disabled={state.disabled}\n            />\n        </div>\n    );\n}\n"]}

package/dist/cjs/components/RangeDateField/hooks/useRangeDateFieldState.d.ts

@@ -1,7 +1,7 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldState } from '../../DateField';
-import type { DateFieldBase } from '../../types/datePicker';
-import type { RangeValue } from '../../types/inputs';
+import type { DateFieldState } from "../../DateField/index.js";
+import type { DateFieldBase } from "../../types/datePicker.js";
+import type { RangeValue } from "../../types/inputs.js";
 export interface RangeDateFieldStateOptions extends DateFieldBase<RangeValue<DateTime>> {
     delimiter?: string;
 }

package/dist/cjs/components/RangeDateField/hooks/useRangeDateFieldState.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.useRangeDateFieldState = useRangeDateFieldState;
+const tslib_1 = require("tslib");
 /* eslint-disable complexity */
-const react_1 = __importDefault(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const DateField_1 = require("../../DateField");
-const utils_1 = require("../../DateField/utils");
-const dates_1 = require("../../utils/dates");
-const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone");
-const utils_2 = require("../utils");
+const DateField_1 = require("../../DateField/index.js");
+const utils_1 = require("../../DateField/utils.js");
+const dates_1 = require("../../utils/dates.js");
+const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone.js");
+const utils_2 = require("../utils/index.js");
 const RANGE_FORMAT_DELIMITER = ' — ';
 function useRangeDateFieldState(props) {
     var _a, _b, _c, _d, _e;
@@ -226,3 +224,4 @@ function useSectionsState(sections, value, validSegments, delimiter) {
     }
     return state;
 }
+//# sourceMappingURL=useRangeDateFieldState.js.map

package/dist/cjs/components/RangeDateField/hooks/useRangeDateFieldState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeDateFieldState.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/hooks/useRangeDateFieldState.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport {useBaseDateFieldState} from '../../DateField';\nimport type {DateFieldState} from '../../DateField';\nimport type {DateFieldSectionType, DateFieldSectionWithoutPosition} from '../../DateField/types';\nimport {\n    EDITABLE_SEGMENTS,\n    addSegment,\n    isAllSegmentsValid,\n    parseDateFromString,\n    setSegment,\n    useFormatSections,\n} from '../../DateField/utils';\nimport type {DateFieldBase} from '../../types/datePicker';\nimport type {RangeValue} from '../../types/inputs';\nimport {isInvalid} from '../../utils/dates';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\nimport {createPlaceholderRangeValue, getRangeEditableSections, isValidRange} from '../utils';\n\nexport interface RangeDateFieldStateOptions extends DateFieldBase<RangeValue<DateTime>> {\n    delimiter?: string;\n}\n\nconst RANGE_FORMAT_DELIMITER = ' — ';\n\nexport type RangeDateFieldState = DateFieldState<RangeValue<DateTime>>;\n\nexport function useRangeDateFieldState(props: RangeDateFieldStateOptions): RangeDateFieldState {\n    const [value, setRange] = useControlledState(\n        props.value,\n        props.defaultValue || null,\n        props.onUpdate,\n    );\n\n    const inputTimeZone = useDefaultTimeZone(\n        props.value?.start || props.defaultValue?.start || props.placeholderValue,\n    );\n    const timeZone = props.timeZone || inputTimeZone;\n\n    const handleUpdateRange = (v: RangeValue<DateTime> | null) => {\n        setRange(\n            v ? {start: v.start.timeZone(inputTimeZone), end: v.end.timeZone(inputTimeZone)} : v,\n        );\n    };\n\n    const [placeholderDate, setPlaceholderDate] = React.useState<RangeValue<DateTime>>(() => {\n        return createPlaceholderRangeValue({\n            placeholderValue: props.placeholderValue,\n            timeZone,\n        });\n    });\n\n    const format = props.format || 'L';\n    const delimiter = props.delimiter ?? RANGE_FORMAT_DELIMITER;\n    const sections = useFormatSections(format);\n\n    const allSegments: typeof EDITABLE_SEGMENTS = React.useMemo(() => {\n        return sections\n            .filter((seg) => EDITABLE_SEGMENTS[seg.type])\n            .reduce<typeof EDITABLE_SEGMENTS>((p, seg) => ({...p, [seg.type]: true}), {});\n    }, [sections]);\n\n    // eslint-disable-next-line prefer-const\n    let [validSegments, setValidSegments] = React.useState<RangeValue<typeof EDITABLE_SEGMENTS>>(\n        () => (value ? {start: {...allSegments}, end: {...allSegments}} : {start: {}, end: {}}),\n    );\n\n    if (\n        value &&\n        (!isAllSegmentsValid(allSegments, validSegments.start) ||\n            !isAllSegmentsValid(allSegments, validSegments.end))\n    ) {\n        setValidSegments({start: {...allSegments}, end: {...allSegments}});\n    }\n\n    if (\n        !value &&\n        Object.keys(allSegments).length > 0 &&\n        isAllSegmentsValid(allSegments, validSegments.start) &&\n        Object.keys(validSegments.start).length === Object.keys(allSegments).length &&\n        isAllSegmentsValid(allSegments, validSegments.end) &&\n        Object.keys(validSegments.end).length === Object.keys(allSegments).length\n    ) {\n        validSegments = {start: {}, end: {}};\n        setValidSegments(validSegments);\n        setPlaceholderDate(\n            createPlaceholderRangeValue({\n                placeholderValue: props.placeholderValue,\n                timeZone,\n            }),\n        );\n    }\n\n    const displayValue =\n        value &&\n        value.start.isValid() &&\n        value.end.isValid() &&\n        Object.keys(validSegments.start).length >= Object.keys(allSegments).length &&\n        Object.keys(validSegments.end).length >= Object.keys(allSegments).length\n            ? {start: value.start.timeZone(timeZone), end: value.end.timeZone(timeZone)}\n            : {\n                  start: placeholderDate.start.timeZone(timeZone),\n                  end: placeholderDate.end.timeZone(timeZone),\n              };\n    const sectionsState = useSectionsState(sections, displayValue, validSegments, delimiter);\n\n    const [selectedSections, setSelectedSections] = React.useState<number | 'all'>(-1);\n\n    const selectedSectionIndexes = React.useMemo<{\n        startIndex: number;\n        endIndex: number;\n    } | null>(() => {\n        if (selectedSections === -1) {\n            return null;\n        }\n\n        if (selectedSections === 'all') {\n            return {\n                startIndex: 0,\n                endIndex: sectionsState.editableSections.length - 1,\n            };\n        }\n\n        if (typeof selectedSections === 'number') {\n            return {startIndex: selectedSections, endIndex: selectedSections};\n        }\n\n        if (typeof selectedSections === 'string') {\n            const selectedSectionIndex = sectionsState.editableSections.findIndex(\n                (section) => section.type === selectedSections,\n            );\n\n            return {startIndex: selectedSectionIndex, endIndex: selectedSectionIndex};\n        }\n\n        return selectedSections;\n    }, [selectedSections, sectionsState.editableSections]);\n\n    function setValue(newValue: RangeValue<DateTime>) {\n        if (props.disabled || props.readOnly) {\n            return;\n        }\n\n        if (\n            isAllSegmentsValid(allSegments, validSegments.start) &&\n            isAllSegmentsValid(allSegments, validSegments.end)\n        ) {\n            if (!value || !(newValue.start.isSame(value.start) && newValue.end.isSame(value.end))) {\n                handleUpdateRange(newValue);\n            }\n        } else {\n            if (value) {\n                handleUpdateRange(null);\n            }\n            setPlaceholderDate(newValue);\n        }\n    }\n\n    function markValid(portion: 'start' | 'end', part: DateFieldSectionType) {\n        validSegments[portion][part] = true;\n        if (\n            validSegments[portion].day &&\n            validSegments[portion].month &&\n            validSegments[portion].year &&\n            allSegments.weekday\n        ) {\n            validSegments[portion].weekday = true;\n        }\n        if (validSegments[portion].hour && allSegments.dayPeriod) {\n            validSegments[portion].dayPeriod = true;\n        }\n        setValidSegments({...validSegments, [portion]: {...validSegments[portion]}});\n    }\n\n    function setSection(sectionIndex: number, amount: number) {\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        const section = sectionsState.editableSections[sectionIndex];\n        markValid(portion, section.type);\n        setValue({\n            ...displayValue,\n            [portion]: setSegment(section, displayValue[portion], amount),\n        });\n    }\n\n    function adjustSection(sectionIndex: number, amount: number) {\n        const section = sectionsState.editableSections[sectionIndex];\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        if (validSegments[portion][section.type]) {\n            setValue({\n                ...displayValue,\n                [portion]: addSegment(section, displayValue[portion], amount),\n            });\n        } else {\n            markValid(portion, section.type);\n            if (Object.keys(validSegments[portion]).length >= Object.keys(allSegments).length) {\n                setValue(displayValue);\n            }\n        }\n    }\n\n    function flushValidSection(sectionIndex: number) {\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        delete validSegments[portion][sectionsState.editableSections[sectionIndex].type];\n        setValidSegments({...validSegments, [portion]: {...validSegments[portion]}});\n    }\n\n    function flushAllValidSections() {\n        validSegments = {start: {}, end: {}};\n        setValidSegments({start: {}, end: {}});\n    }\n\n    function getSectionValue(sectionIndex: number) {\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        return displayValue[portion];\n    }\n\n    function setSectionValue(sectionIndex: number, currentValue: DateTime) {\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        setValue({...displayValue, [portion]: currentValue});\n    }\n\n    function createPlaceholder() {\n        return createPlaceholderRangeValue({\n            placeholderValue: props.placeholderValue,\n            timeZone,\n        });\n    }\n\n    function setValueFromString(str: string) {\n        const list = str.split(delimiter);\n        const start = parseDateFromString(list?.[0]?.trim(), format, timeZone);\n        const end = parseDateFromString(list?.[1]?.trim(), format, timeZone);\n        const range = {start, end};\n        if (range.start.isValid() && range.end.isValid()) {\n            handleUpdateRange(range);\n            return true;\n        }\n        return false;\n    }\n\n    const validationState =\n        props.validationState ||\n        (isInvalid(value?.start, props.minValue, props.maxValue) ? 'invalid' : undefined) ||\n        (isInvalid(value?.end, props.minValue, props.maxValue) ? 'invalid' : undefined) ||\n        (value && !isValidRange(value) ? 'invalid' : undefined) ||\n        (value && props.isDateUnavailable?.(value.start) ? 'invalid' : undefined) ||\n        (value && props.isDateUnavailable?.(value.end) ? 'invalid' : undefined);\n\n    return useBaseDateFieldState({\n        value,\n        displayValue,\n        placeholderValue: props.placeholderValue,\n        timeZone,\n        validationState,\n        editableSections: sectionsState.editableSections,\n        readOnly: props.readOnly,\n        disabled: props.disabled,\n        selectedSectionIndexes,\n        selectedSections,\n        isEmpty:\n            Object.keys(validSegments.start).length === 0 &&\n            Object.keys(validSegments.end).length === 0,\n        flushAllValidSections,\n        flushValidSection,\n        setSelectedSections,\n        setValue,\n        setDate: handleUpdateRange,\n        adjustSection,\n        setSection,\n        getSectionValue,\n        setSectionValue,\n        createPlaceholder,\n        setValueFromString,\n    });\n}\n\nfunction useSectionsState(\n    sections: DateFieldSectionWithoutPosition[],\n    value: RangeValue<DateTime>,\n    validSegments: RangeValue<typeof EDITABLE_SEGMENTS>,\n    delimiter: string,\n) {\n    const [state, setState] = React.useState(() => {\n        return {\n            value,\n            sections,\n            validSegments,\n            delimiter,\n            editableSections: getRangeEditableSections(sections, value, validSegments, delimiter),\n        };\n    });\n\n    if (\n        sections !== state.sections ||\n        validSegments !== state.validSegments ||\n        !(value.start.isSame(state.value.start) && value.end.isSame(state.value.end)) ||\n        delimiter !== state.delimiter\n    ) {\n        setState({\n            value,\n            sections,\n            validSegments,\n            delimiter,\n            editableSections: getRangeEditableSections(sections, value, validSegments, delimiter),\n        });\n    }\n\n    return state;\n}\n"]}

package/dist/cjs/components/RangeDateField/index.d.ts

@@ -1,2 +1,2 @@
-export * from './RangeDateField';
-export * from './hooks/useRangeDateFieldState';
+export * from "./RangeDateField.js";
+export * from "./hooks/useRangeDateFieldState.js";

package/dist/cjs/components/RangeDateField/index.js

@@ -1,18 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RangeDateField"), exports);
-__exportStar(require("./hooks/useRangeDateFieldState"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RangeDateField.js"), exports);
+tslib_1.__exportStar(require("./hooks/useRangeDateFieldState.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RangeDateField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RangeDateField/index.ts"],"names":[],"mappings":";;;AAAA,8DAAiC;AAEjC,4EAA+C","sourcesContent":["export * from './RangeDateField';\n\nexport * from './hooks/useRangeDateFieldState';\n"]}

package/dist/cjs/components/RangeDateField/utils/createPlaceholderRangeValue.d.ts

@@ -1,4 +1,4 @@
-import type { PlaceholderValueOptions } from '../../utils/dates';
+import type { PlaceholderValueOptions } from "../../utils/dates.js";
 export declare function createPlaceholderRangeValue({ placeholderValue, timeZone }: PlaceholderValueOptions): {
     start: import("@gravity-ui/date-utils").DateTime;
     end: import("@gravity-ui/date-utils").DateTime;

package/dist/cjs/components/RangeDateField/utils/createPlaceholderRangeValue.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createPlaceholderRangeValue = createPlaceholderRangeValue;
-const dates_1 = require("../../utils/dates");
+const dates_1 = require("../../utils/dates.js");
 function createPlaceholderRangeValue({ placeholderValue, timeZone }) {
     const date = (0, dates_1.createPlaceholderValue)({ placeholderValue, timeZone });
     return { start: date, end: date };
 }
+//# sourceMappingURL=createPlaceholderRangeValue.js.map

package/dist/cjs/components/RangeDateField/utils/createPlaceholderRangeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPlaceholderRangeValue.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/utils/createPlaceholderRangeValue.ts"],"names":[],"mappings":";;AAGA,kEAGC;AAND,gDAAyD;AAGzD,SAAgB,2BAA2B,CAAC,EAAC,gBAAgB,EAAE,QAAQ,EAA0B;IAC7F,MAAM,IAAI,GAAG,IAAA,8BAAsB,EAAC,EAAC,gBAAgB,EAAE,QAAQ,EAAC,CAAC,CAAC;IAClE,OAAO,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAC,CAAC;AACpC,CAAC","sourcesContent":["import {createPlaceholderValue} from '../../utils/dates';\nimport type {PlaceholderValueOptions} from '../../utils/dates';\n\nexport function createPlaceholderRangeValue({placeholderValue, timeZone}: PlaceholderValueOptions) {\n    const date = createPlaceholderValue({placeholderValue, timeZone});\n    return {start: date, end: date};\n}\n"]}

package/dist/cjs/components/RangeDateField/utils/getRangeEditableSections.d.ts

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldSectionWithoutPosition } from '../../DateField/types';
-import type { EDITABLE_SEGMENTS } from '../../DateField/utils';
-import type { RangeValue } from '../../types';
-export declare function getRangeEditableSections(sections: DateFieldSectionWithoutPosition[], value: RangeValue<DateTime>, validSegments: RangeValue<typeof EDITABLE_SEGMENTS>, delimiter: string): import("../../DateField/types").DateFieldSection[];
+import type { DateFieldSectionWithoutPosition } from "../../DateField/types.js";
+import type { EDITABLE_SEGMENTS } from "../../DateField/utils.js";
+import type { RangeValue } from "../../types/index.js";
+export declare function getRangeEditableSections(sections: DateFieldSectionWithoutPosition[], value: RangeValue<DateTime>, validSegments: RangeValue<typeof EDITABLE_SEGMENTS>, delimiter: string): import("../../DateField/types.js").DateFieldSection[];

package/dist/cjs/components/RangeDateField/utils/getRangeEditableSections.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRangeEditableSections = getRangeEditableSections;
-const utils_1 = require("../../DateField/utils");
+const utils_1 = require("../../DateField/utils.js");
 function getRangeEditableSections(sections, value, validSegments, delimiter) {
     const start = (0, utils_1.getEditableSections)(sections, value.start, validSegments.start);
     const end = (0, utils_1.getEditableSections)(sections, value.end, validSegments.end);
@@ -39,3 +39,4 @@ function getRangeEditableSections(sections, value, validSegments, delimiter) {
     }
     return [...start, delimiterSection, ...end];
 }
+//# sourceMappingURL=getRangeEditableSections.js.map

package/dist/cjs/components/RangeDateField/utils/getRangeEditableSections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRangeEditableSections.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/utils/getRangeEditableSections.ts"],"names":[],"mappings":";;AAOA,4DAyDC;AA7DD,oDAAgG;AAIhG,SAAgB,wBAAwB,CACpC,QAA2C,EAC3C,KAA2B,EAC3B,aAAmD,EACnD,SAAiB;IAEjB,MAAM,KAAK,GAAG,IAAA,2BAAmB,EAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9E,MAAM,GAAG,GAAG,IAAA,2BAAmB,EAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAExE,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrC,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC;IACxB,MAAM,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,CAAC;IACzD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAEvC,MAAM,gBAAgB,GAAG,IAAA,yBAAiB,EACtC;QACI,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,QAAQ;QACrB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,KAAK;KACzB,EACD,KAAK,CAAC,KAAK,EACX,aAAa,CAAC,KAAK,EACnB,QAAQ,EACR,uBAAuB,CAC1B,CAAC;IAEF,QAAQ,IAAI,gBAAgB,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAElD,IAAI,mBAAmB,CAAC;IACxB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;QAE3B,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;QAC1B,OAAO,CAAC,GAAG,IAAI,QAAQ,CAAC;QAExB,IAAI,OAAO,CAAC,uBAAuB,KAAK,CAAC,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;YAC7E,OAAO,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QAC9D,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,uBAAuB,IAAI,aAAa,CAAC;QACrD,CAAC;QAED,OAAO,CAAC,mBAAmB,IAAI,aAAa,CAAC;QAE7C,IAAI,IAAA,yBAAiB,EAAC,OAAO,CAAC,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;YAClE,mBAAmB,GAAG,KAAK,GAAG,aAAa,CAAC;QAChD,CAAC;IACL,CAAC;IAED,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;QACpC,gBAAgB,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAE3D,KAAK,CAAC,uBAAuB,CAAC,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IAC7E,CAAC;IAED,OAAO,CAAC,GAAG,KAAK,EAAE,gBAAgB,EAAE,GAAG,GAAG,CAAC,CAAC;AAChD,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {DateFieldSectionWithoutPosition} from '../../DateField/types';\nimport {getEditableSections, isEditableSection, toEditableSection} from '../../DateField/utils';\nimport type {EDITABLE_SEGMENTS} from '../../DateField/utils';\nimport type {RangeValue} from '../../types';\n\nexport function getRangeEditableSections(\n    sections: DateFieldSectionWithoutPosition[],\n    value: RangeValue<DateTime>,\n    validSegments: RangeValue<typeof EDITABLE_SEGMENTS>,\n    delimiter: string,\n) {\n    const start = getEditableSections(sections, value.start, validSegments.start);\n    const end = getEditableSections(sections, value.end, validSegments.end);\n\n    const last = start[start.length - 1];\n    let position = last.end;\n    const previousEditableSection = last.nextEditableSection;\n    const sectionsCount = start.length + 1;\n\n    const delimiterSection = toEditableSection(\n        {\n            type: 'literal',\n            contentType: 'letter',\n            format: delimiter,\n            placeholder: delimiter,\n            hasLeadingZeros: false,\n        },\n        value.start,\n        validSegments.start,\n        position,\n        previousEditableSection,\n    );\n\n    position += delimiterSection.textValue.length - 1;\n\n    let nextEditableSection;\n    for (let index = 0; index < end.length; index++) {\n        const section = end[index];\n\n        section.start += position;\n        section.end += position;\n\n        if (section.previousEditableSection === 0 && nextEditableSection === undefined) {\n            section.previousEditableSection = previousEditableSection;\n        } else {\n            section.previousEditableSection += sectionsCount;\n        }\n\n        section.nextEditableSection += sectionsCount;\n\n        if (isEditableSection(section) && nextEditableSection === undefined) {\n            nextEditableSection = index + sectionsCount;\n        }\n    }\n\n    if (nextEditableSection !== undefined) {\n        delimiterSection.nextEditableSection = nextEditableSection;\n\n        start[previousEditableSection].nextEditableSection = nextEditableSection;\n    }\n\n    return [...start, delimiterSection, ...end];\n}\n"]}

package/dist/cjs/components/RangeDateField/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './getRangeEditableSections';
-export * from './isValidRange';
-export * from './createPlaceholderRangeValue';
+export * from "./getRangeEditableSections.js";
+export * from "./isValidRange.js";
+export * from "./createPlaceholderRangeValue.js";

package/dist/cjs/components/RangeDateField/utils/index.js

@@ -1,19 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./getRangeEditableSections"), exports);
-__exportStar(require("./isValidRange"), exports);
-__exportStar(require("./createPlaceholderRangeValue"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./getRangeEditableSections.js"), exports);
+tslib_1.__exportStar(require("./isValidRange.js"), exports);
+tslib_1.__exportStar(require("./createPlaceholderRangeValue.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RangeDateField/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/utils/index.ts"],"names":[],"mappings":";;;AAAA,wEAA2C;AAC3C,4DAA+B;AAC/B,2EAA8C","sourcesContent":["export * from './getRangeEditableSections';\nexport * from './isValidRange';\nexport * from './createPlaceholderRangeValue';\n"]}

package/dist/cjs/components/RangeDateField/utils/isValidRange.d.ts

@@ -1,3 +1,3 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { RangeValue } from '../../types';
+import type { RangeValue } from "../../types/index.js";
 export declare function isValidRange({ start, end }: RangeValue<DateTime>): boolean;

package/dist/cjs/components/RangeDateField/utils/isValidRange.js

@@ -4,3 +4,4 @@ exports.isValidRange = isValidRange;
 function isValidRange({ start, end }) {
     return start.isValid() && end.isValid() && (start.isSame(end) || start.isBefore(end));
 }
+//# sourceMappingURL=isValidRange.js.map

package/dist/cjs/components/RangeDateField/utils/isValidRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidRange.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/utils/isValidRange.ts"],"names":[],"mappings":";;AAIA,oCAEC;AAFD,SAAgB,YAAY,CAAC,EAAC,KAAK,EAAE,GAAG,EAAuB;IAC3D,OAAO,KAAK,CAAC,OAAO,EAAE,IAAI,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1F,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {RangeValue} from '../../types';\n\nexport function isValidRange({start, end}: RangeValue<DateTime>): boolean {\n    return start.isValid() && end.isValid() && (start.isSame(end) || start.isBefore(end));\n}\n"]}

package/dist/cjs/components/RangeDatePicker/RangeDatePicker.css

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

package/dist/cjs/components/RangeDatePicker/RangeDatePicker.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RangeDatePicker/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drange-date-picker';%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%20outline:%20none;%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-anchor%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20z-index:%20-1;%0A%20%20%20%20%20%20%20%20inset:%200;%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;EAEA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}range-date-picker';\n\n#{$block} {\n    position: relative;\n\n    display: inline-block;\n\n    outline: none;\n\n    &__field {\n        width: 100%;\n    }\n\n    &__popup-anchor {\n        position: absolute;\n        z-index: -1;\n        inset: 0;\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":"RangeDatePicker.css"}

package/dist/cjs/components/RangeDatePicker/RangeDatePicker.d.ts

@@ -1,6 +1,6 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DatePickerProps } from '../DatePicker';
-import type { RangeValue } from '../types';
-import './RangeDatePicker.css';
+import type { DatePickerProps } from "../DatePicker/index.js";
+import type { RangeValue } from "../types/index.js";
+import "./RangeDatePicker.css";
 export type RangeDatePickerProps = DatePickerProps<RangeValue<DateTime>>;
 export declare function RangeDatePicker({ className, ...props }: RangeDatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/RangeDatePicker/RangeDatePicker.js

@@ -7,22 +7,23 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const cn_1 = require("../../utils/cn");
-const Calendar_1 = require("../Calendar");
-const DatePicker_1 = require("../DatePicker");
-const StubButton_1 = require("../DatePicker/StubButton");
-const HiddenInput_1 = require("../HiddenInput/HiddenInput");
-const RangeDateField_1 = require("../RangeDateField");
-const useRangeDatePickerState_1 = require("./hooks/useRangeDatePickerState");
+const cn_1 = require("../../utils/cn.js");
+const Calendar_1 = require("../Calendar/index.js");
+const DatePicker_1 = require("../DatePicker/index.js");
+const StubButton_1 = require("../DatePicker/StubButton.js");
+const HiddenInput_1 = require("../HiddenInput/HiddenInput.js");
+const RangeDateField_1 = require("../RangeDateField/index.js");
+const useRangeDatePickerState_1 = require("./hooks/useRangeDatePickerState.js");
 require("./RangeDatePicker.css");
 const b = (0, cn_1.block)('range-date-picker');
 function RangeDatePicker(_a) {
     var { className } = _a, props = tslib_1.__rest(_a, ["className"]);
-    const anchorRef = react_1.default.useRef(null);
+    const [anchor, setAnchor] = react_1.default.useState(null);
     const state = (0, useRangeDatePickerState_1.useRangeDatePickerState)(props);
     const { groupProps, fieldProps, calendarButtonProps, popupProps, calendarProps, timeInputProps } = (0, DatePicker_1.useDatePickerProps)(state, props);
     const isOnlyTime = state.hasTime && !state.hasDate;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: b(null, className) }, groupProps, { children: [!isOnlyTime && ((0, jsx_runtime_1.jsx)("div", { ref: anchorRef, className: b('popup-anchor'), children: (0, jsx_runtime_1.jsx)(uikit_1.Popup, Object.assign({ anchorRef: anchorRef }, popupProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: b('popup-content'), children: [typeof props.children === 'function' ? (props.children(Object.assign(Object.assign({}, calendarProps), { value: state.value }))) : ((0, jsx_runtime_1.jsx)(Calendar_1.RangeCalendar, Object.assign({}, calendarProps, { value: state.value }))), state.hasTime && ((0, jsx_runtime_1.jsx)("div", { className: b('time-field-wrapper'), children: (0, jsx_runtime_1.jsx)(RangeDateField_1.RangeDateField, Object.assign({}, timeInputProps)) }))] }) })) })), (0, jsx_runtime_1.jsx)(uikit_1.TextInput, Object.assign({}, fieldProps, { className: b('field'), endContent: (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [!isOnlyTime && ((0, jsx_runtime_1.jsx)(uikit_1.Button, Object.assign({}, calendarButtonProps, { children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Calendar }) }))), isOnlyTime && ((0, jsx_runtime_1.jsx)(StubButton_1.StubButton, { size: calendarButtonProps.size, icon: icons_1.Clock }))] }) })), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, form: props.form, onReset: (v) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: b(null, className) }, groupProps, { children: [!isOnlyTime && ((0, jsx_runtime_1.jsx)("div", { ref: setAnchor, className: b('popup-anchor'), children: (0, jsx_runtime_1.jsx)(uikit_1.Popup, Object.assign({ anchorElement: anchor }, popupProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: b('popup-content'), children: [typeof props.children === 'function' ? (props.children(Object.assign(Object.assign({}, calendarProps), { value: state.value }))) : ((0, jsx_runtime_1.jsx)(Calendar_1.RangeCalendar, Object.assign({}, calendarProps, { value: state.value }))), state.hasTime && ((0, jsx_runtime_1.jsx)("div", { className: b('time-field-wrapper'), children: (0, jsx_runtime_1.jsx)(RangeDateField_1.RangeDateField, Object.assign({}, timeInputProps)) }))] }) })) })), (0, jsx_runtime_1.jsx)(uikit_1.TextInput, Object.assign({}, fieldProps, { className: b('field'), endContent: (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [!isOnlyTime && ((0, jsx_runtime_1.jsx)(uikit_1.Button, Object.assign({}, calendarButtonProps, { children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Calendar }) }))), isOnlyTime && ((0, jsx_runtime_1.jsx)(StubButton_1.StubButton, { size: calendarButtonProps.size, icon: icons_1.Clock }))] }) })), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, form: props.form, onReset: (v) => {
                     state.dateFieldState.setDate(v);
                 }, value: state.value, toStringValue: (v) => (v ? v.start.toISOString() : ''), disabled: state.disabled }), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, form: props.form, value: state.value, toStringValue: (v) => (v ? v.end.toISOString() : ''), disabled: state.disabled })] })));
 }
+//# sourceMappingURL=RangeDatePicker.js.map

package/dist/cjs/components/RangeDatePicker/RangeDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.js","sourceRoot":"../../../../src","sources":["components/RangeDatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {Calendar as CalendarIcon, Clock as ClockIcon} from '@gravity-ui/icons';\nimport {Button, Icon, Popup, TextInput} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {RangeCalendar} from '../Calendar';\nimport {useDatePickerProps} from '../DatePicker';\nimport type {DatePickerProps} from '../DatePicker';\nimport {StubButton} from '../DatePicker/StubButton';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport {RangeDateField} from '../RangeDateField';\nimport type {RangeValue} from '../types';\n\nimport {useRangeDatePickerState} from './hooks/useRangeDatePickerState';\n\nimport './RangeDatePicker.scss';\n\nconst b = block('range-date-picker');\n\nexport type RangeDatePickerProps = DatePickerProps<RangeValue<DateTime>>;\n\nexport function RangeDatePicker({className, ...props}: RangeDatePickerProps) {\n    const [anchor, setAnchor] = React.useState<HTMLDivElement | null>(null);\n\n    const state = useRangeDatePickerState(props);\n\n    const {groupProps, fieldProps, calendarButtonProps, popupProps, calendarProps, timeInputProps} =\n        useDatePickerProps(state, props);\n\n    const isOnlyTime = state.hasTime && !state.hasDate;\n\n    return (\n        <div className={b(null, className)} {...groupProps}>\n            {!isOnlyTime && (\n                <div ref={setAnchor} className={b('popup-anchor')}>\n                    <Popup anchorElement={anchor} {...popupProps}>\n                        <div className={b('popup-content')}>\n                            {typeof props.children === 'function' ? (\n                                props.children({...calendarProps, value: state.value})\n                            ) : (\n                                <RangeCalendar {...calendarProps} value={state.value} />\n                            )}\n                            {state.hasTime && (\n                                <div className={b('time-field-wrapper')}>\n                                    <RangeDateField {...timeInputProps} />\n                                </div>\n                            )}\n                        </div>\n                    </Popup>\n                </div>\n            )}\n            <TextInput\n                {...fieldProps}\n                className={b('field')}\n                endContent={\n                    <React.Fragment>\n                        {!isOnlyTime && (\n                            <Button {...calendarButtonProps}>\n                                <Icon data={CalendarIcon} />\n                            </Button>\n                        )}\n                        {isOnlyTime && (\n                            <StubButton size={calendarButtonProps.size} icon={ClockIcon} />\n                        )}\n                    </React.Fragment>\n                }\n            />\n            <HiddenInput\n                name={props.name}\n                form={props.form}\n                onReset={(v) => {\n                    state.dateFieldState.setDate(v);\n                }}\n                value={state.value}\n                toStringValue={(v) => (v ? v.start.toISOString() : '')}\n                disabled={state.disabled}\n            />\n            <HiddenInput\n                name={props.name}\n                form={props.form}\n                value={state.value}\n                toStringValue={(v) => (v ? v.end.toISOString() : '')}\n                disabled={state.disabled}\n            />\n        </div>\n    );\n}\n"]}

package/dist/cjs/components/RangeDatePicker/hooks/useRangeDatePickerState.d.ts

@@ -1,7 +1,7 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DatePickerState } from '../../DatePicker';
-import type { RangeDateFieldStateOptions } from '../../RangeDateField';
-import type { RangeValue } from '../../types';
+import type { DatePickerState } from "../../DatePicker/index.js";
+import type { RangeDateFieldStateOptions } from "../../RangeDateField/index.js";
+import type { RangeValue } from "../../types/index.js";
 export type RangeDatePickerState = DatePickerState<RangeValue<DateTime>>;
 export type RangeDatePickerStateOptions = RangeDateFieldStateOptions;
 export declare const useRangeDatePickerState: (props: RangeDateFieldStateOptions) => DatePickerState<RangeValue<DateTime>>;