@gravity-ui/date-components 3.4.0 → 3.4.2

package/dist/esm/components/RelativeRangeDatePicker/utils.js

@@ -40,7 +40,7 @@ export function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, format
     if (!alwaysShowAsAbsolute &&
         ((_e = value.start) === null || _e === void 0 ? void 0 : _e.type) === 'relative' &&
         ((_f = value.end) === null || _f === void 0 ? void 0 : _f.type) === 'relative') {
-        return `${getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations)}`;
+        return getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations);
     }
     const delimiter = ' — ';
     return `${from}${delimiter}${to}${tz}`;

package/dist/esm/components/RelativeRangeDatePicker/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {dateTime, dateTimeParse} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {ExtractFunctionType, RangeValue} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport {i18n} from './components/Presets/i18n';\nimport {getPresetTitle} from './components/Presets/utils';\n\nexport function resolveTimeZone(timeZone: string) {\n    if (timeZone === 'default' || timeZone === 'system') {\n        return dateTime({timeZone}).timeZone();\n    }\n\n    return timeZone;\n}\n\nexport function normalizeTimeZone(timeZone: string) {\n    const lowered = timeZone.toLowerCase();\n    if (lowered === 'default' || lowered === 'system') {\n        return lowered;\n    }\n\n    return resolveTimeZone(timeZone);\n}\n\nexport function getTimeZoneOffset(timeZone: string) {\n    return `UTC ${dateTime({timeZone}).format('Z')}`;\n}\n\ninterface GetDefaultTitleArgs {\n    value: RangeValue<Value | null> | null;\n    timeZone: string;\n    alwaysShowAsAbsolute?: boolean;\n    format?: string;\n    presets?: Preset[];\n    presetsTranslations?: ExtractFunctionType<typeof i18n>;\n    lang?: string;\n}\nexport function getDefaultTitle({\n    value,\n    timeZone,\n    alwaysShowAsAbsolute,\n    format = 'L',\n    presets,\n    presetsTranslations = i18n,\n    lang = 'en',\n}: GetDefaultTitleArgs) {\n    if (!value) {\n        return '';\n    }\n\n    const tz = timeZone === 'default' ? '' : ` (${getTimeZoneOffset(timeZone)})`;\n\n    let from = '';\n    if (value.start) {\n        from =\n            value.start.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.start.value\n                : (dateTimeParse(value.start.value, {timeZone, lang})?.format(format) ?? '');\n    }\n    let to = '';\n    if (value.end) {\n        to =\n            value.end.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.end.value\n                : (dateTimeParse(value.end.value, {timeZone, roundUp: true, lang})?.format(\n                      format,\n                  ) ?? '');\n    }\n\n    if (\n        !alwaysShowAsAbsolute &&\n        value.start?.type === 'relative' &&\n        value.end?.type === 'relative'\n    ) {\n        return `${getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations)}`;\n    }\n\n    const delimiter = ' — ';\n\n    return `${from}${delimiter}${to}${tz}`;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM/D,OAAO,EAAC,IAAI,EAAC,2CAAkC;AAC/C,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAE1D,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC5C,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAClD,OAAO,QAAQ,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3C,CAAC;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAgB;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACvC,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChD,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAgB;IAC9C,OAAO,OAAO,QAAQ,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrD,CAAC;AAWD,MAAM,UAAU,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,GAAG,GAAG,EACZ,OAAO,EACP,mBAAmB,GAAG,IAAI,EAC1B,IAAI,GAAG,IAAI,GACO;;IAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;IACd,CAAC;IAED,MAAM,EAAE,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC;IAE7E,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI;YACA,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gBACnB,CAAC,CAAC,CAAC,MAAA,MAAA,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC,CAAC;IACzF,CAAC;IACD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACZ,EAAE;YACE,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBAClD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK;gBACjB,CAAC,CAAC,CAAC,MAAA,MAAA,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CACpE,MAAM,CACT,mCAAI,EAAE,CAAC,CAAC;IACvB,CAAC;IAED,IACI,CAAC,oBAAoB;QACrB,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,MAAK,UAAU;QAChC,CAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,IAAI,MAAK,UAAU,EAChC,CAAC;QACC,OAAO,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC;IAC5F,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC;IAExB,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["import {dateTime, dateTimeParse} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {ExtractFunctionType, RangeValue} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport {i18n} from './components/Presets/i18n';\nimport {getPresetTitle} from './components/Presets/utils';\n\nexport function resolveTimeZone(timeZone: string) {\n    if (timeZone === 'default' || timeZone === 'system') {\n        return dateTime({timeZone}).timeZone();\n    }\n\n    return timeZone;\n}\n\nexport function normalizeTimeZone(timeZone: string) {\n    const lowered = timeZone.toLowerCase();\n    if (lowered === 'default' || lowered === 'system') {\n        return lowered;\n    }\n\n    return resolveTimeZone(timeZone);\n}\n\nexport function getTimeZoneOffset(timeZone: string) {\n    return `UTC ${dateTime({timeZone}).format('Z')}`;\n}\n\ninterface GetDefaultTitleArgs {\n    value: RangeValue<Value | null> | null;\n    timeZone: string;\n    alwaysShowAsAbsolute?: boolean;\n    format?: string;\n    presets?: Preset[];\n    presetsTranslations?: ExtractFunctionType<typeof i18n>;\n    lang?: string;\n}\nexport function getDefaultTitle({\n    value,\n    timeZone,\n    alwaysShowAsAbsolute,\n    format = 'L',\n    presets,\n    presetsTranslations = i18n,\n    lang = 'en',\n}: GetDefaultTitleArgs): string {\n    if (!value) {\n        return '';\n    }\n\n    const tz = timeZone === 'default' ? '' : ` (${getTimeZoneOffset(timeZone)})`;\n\n    let from = '';\n    if (value.start) {\n        from =\n            value.start.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.start.value\n                : (dateTimeParse(value.start.value, {timeZone, lang})?.format(format) ?? '');\n    }\n    let to = '';\n    if (value.end) {\n        to =\n            value.end.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.end.value\n                : (dateTimeParse(value.end.value, {timeZone, roundUp: true, lang})?.format(\n                      format,\n                  ) ?? '');\n    }\n\n    if (\n        !alwaysShowAsAbsolute &&\n        value.start?.type === 'relative' &&\n        value.end?.type === 'relative'\n    ) {\n        return getPresetTitle(value.start.value, value.end.value, presets, presetsTranslations);\n    }\n\n    const delimiter = ' — ';\n\n    return `${from}${delimiter}${to}${tz}`;\n}\n"]}

package/dist/esm/components/types/inputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.js","sourceRoot":"../../../../src","sources":["components/types/inputs.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    TextInputProps as TextInputBaseProps,\n    TextInputPin,\n    TextInputSize,\n    TextInputView,\n} from '@gravity-ui/uikit';\n\nexport type ValidationState = 'invalid';\n\nexport interface AccessibilityProps {\n    /** Defines a string value that labels the current element. */\n    'aria-label'?: string;\n    /** Identifies the element (or elements) that labels the current element. */\n    'aria-labelledby'?: string;\n    /** Identifies the element (or elements) that describes the object. */\n    'aria-describedby'?: string;\n    /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n    'aria-details'?: string;\n}\n\nexport interface ValueBase<T, C = T> {\n    /** The current value (controlled). */\n    value?: T;\n    /** The default value (uncontrolled). */\n    defaultValue?: T;\n    /** Handler that is called when the value changes. */\n    onUpdate?: (value: C) => void;\n}\n\nexport interface Validation\n    extends Pick<TextInputBaseProps, 'validationState' | 'errorMessage' | 'errorPlacement'> {}\n\nexport interface DomProps {\n    /** The element's unique identifier. */\n    id?: string;\n}\n\nexport interface InputDOMProps {\n    /**\n     * The name of the input element, used when submitting an HTML form.\n     */\n    name?: string;\n    /**\n     * The id of a form element in the same document. If this attribute is not set,\n     * the input element  is associated with its ancestor form element, if any.\n     */\n    form?: string;\n}\nexport interface InputBase {\n    /**\n     * Whether the field is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Whether the calendar value is immutable.\n     * @default false\n     */\n    readOnly?: boolean;\n}\n\nexport interface TextInputProps {\n    /** The size of the element */\n    size?: TextInputSize;\n    /**\n     * Corner rounding\n     * @default 'round-round'\n     */\n    pin?: TextInputPin;\n    /** Control view */\n    view?: TextInputView;\n    /** Inner field label */\n    label?: TextInputBaseProps['label'];\n    /** Text that appears in the field when it has no value set */\n    placeholder?: string;\n    /**\n     * Show clear button\n     * @default false\n     */\n    hasClear?: boolean;\n}\n\nexport interface TextInputExtendProps {\n    /**\n     * User`s node rendered before label and input\n     */\n    startContent?: TextInputBaseProps['startContent'];\n    /**\n     * User`s node rendered after input and clear button\n     */\n    endContent?: TextInputBaseProps['endContent'];\n}\n\nexport interface RangeValue<T> {\n    /** The start value of the range. */\n    start: T;\n    /** The end value of the range. */\n    end: T;\n}\n"]}
+{"version":3,"file":"inputs.js","sourceRoot":"../../../../src","sources":["components/types/inputs.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    TextInputProps as TextInputBaseProps,\n    TextInputPin,\n    TextInputSize,\n    TextInputView,\n} from '@gravity-ui/uikit';\n\nexport type ValidationState = 'invalid';\n\nexport interface AccessibilityProps {\n    /** Defines a string value that labels the current element. */\n    'aria-label'?: string;\n    /** Identifies the element (or elements) that labels the current element. */\n    'aria-labelledby'?: string;\n    /** Identifies the element (or elements) that describes the object. */\n    'aria-describedby'?: string;\n    /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n    'aria-details'?: string;\n}\n\nexport interface ValueBase<T, C = T> {\n    /** The current value (controlled). */\n    value?: T;\n    /** The default value (uncontrolled). */\n    defaultValue?: T;\n    /** Handler that is called when the value changes. */\n    onUpdate?: (value: C) => void;\n}\n\nexport interface Validation extends Pick<\n    TextInputBaseProps,\n    'validationState' | 'errorMessage' | 'errorPlacement'\n> {}\n\nexport interface DomProps {\n    /** The element's unique identifier. */\n    id?: string;\n}\n\nexport interface InputDOMProps {\n    /**\n     * The name of the input element, used when submitting an HTML form.\n     */\n    name?: string;\n    /**\n     * The id of a form element in the same document. If this attribute is not set,\n     * the input element  is associated with its ancestor form element, if any.\n     */\n    form?: string;\n}\nexport interface InputBase {\n    /**\n     * Whether the field is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Whether the calendar value is immutable.\n     * @default false\n     */\n    readOnly?: boolean;\n}\n\nexport interface TextInputProps {\n    /** The size of the element */\n    size?: TextInputSize;\n    /**\n     * Corner rounding\n     * @default 'round-round'\n     */\n    pin?: TextInputPin;\n    /** Control view */\n    view?: TextInputView;\n    /** Inner field label */\n    label?: TextInputBaseProps['label'];\n    /** Text that appears in the field when it has no value set */\n    placeholder?: string;\n    /**\n     * Show clear button\n     * @default false\n     */\n    hasClear?: boolean;\n}\n\nexport interface TextInputExtendProps {\n    /**\n     * User`s node rendered before label and input\n     */\n    startContent?: TextInputBaseProps['startContent'];\n    /**\n     * User`s node rendered after input and clear button\n     */\n    endContent?: TextInputBaseProps['endContent'];\n}\n\nexport interface RangeValue<T> {\n    /** The start value of the range. */\n    start: T;\n    /** The end value of the range. */\n    end: T;\n}\n"]}

package/dist/esm/package.json

@@ -1 +1 @@
-{"type":"module","version":"3.4.0","sideEffects":["*.css","*.scss"]}
+{"type":"module","version":"3.4.2","sideEffects":["*.css","*.scss"]}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@gravity-ui/date-components",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "",
   "license": "MIT",
-  "type": "commonjs",
+  "type": "module",
   "main": "dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
   "module": "./dist/esm/index.js",
@@ -20,6 +20,13 @@
       }
     }
   },
+  "imports": {
+    "#*": [
+      "./*",
+      "./*.ts",
+      "./*.tsx"
+    ]
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
@@ -43,8 +50,14 @@
     "lint:other": "npm run prettier -- --check",
     "prettier": "prettier '**/*.{md,yaml,yml,json}'",
     "typecheck": "tsc --noEmit",
-    "test": "jest",
-    "test-storybook": "test-storybook --url ${TARGET_URL:-http://127.0.0.1:7070}",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "test:storybook": "vitest --project storybook",
+    "test:unit": "vitest --project unit",
+    "test:docker": "./scripts/playwright-docker.sh npm run test --",
+    "test:docker:watch": "./scripts/playwright-docker.sh npm run test -- --watch",
+    "test:docker:update": "./scripts/playwright-docker.sh npm run test -- --update",
+    "test:docker:clear-cache": "./scripts/playwright-docker.sh clear-cache",
     "clean": "gulp clean",
     "build": "gulp",
     "start": "storybook dev -p 7070",
@@ -57,62 +70,51 @@
     "tslib": "^2.6.2"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.28.0",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
     "@gravity-ui/eslint-config": "^4.2.0",
     "@gravity-ui/gulp-utils": "^1.0.3",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^5.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@storybook/addon-a11y": "9.1.7",
-    "@storybook/addon-docs": "^9.1.7",
-    "@storybook/addon-styling-webpack": "^2.0.0",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react-webpack5": "9.1.7",
-    "@storybook/test-runner": "^0.23.0",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.8.0",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
-    "@types/react": "^18.3.24",
+    "@storybook/addon-a11y": "^10.2.7",
+    "@storybook/addon-docs": "^10.2.7",
+    "@storybook/addon-vitest": "^10.2.7",
+    "@storybook/react-vite": "^10.2.7",
+    "@types/node": "^22",
+    "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
-    "css-loader": "^7.1.2",
-    "eslint": "^9.36.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/coverage-v8": "^4.0.16",
+    "@vitest/eslint-plugin": "^1.6.4",
+    "@vitest/ui": "^4.0.16",
+    "eslint": "^9.39.2",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
-    "eslint-plugin-storybook": "9.1.7",
-    "eslint-plugin-testing-library": "^7.9.1",
-    "globals": "^16.4.0",
+    "eslint-plugin-storybook": "^10.2.7",
+    "globals": "^16.5.0",
     "gulp": "^5.0.1",
     "gulp-cli": "^3.1.0",
     "gulp-sass": "^6.0.1",
     "gulp-sourcemaps": "^3.0.0",
     "husky": "^9.1.7",
-    "jest": "^30.1.3",
-    "jest-environment-jsdom": "^30.1.2",
-    "jest-transform-css": "^6.0.3",
-    "nano-staged": "^0.8.0",
+    "nano-staged": "^0.9.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.6.2",
+    "playwright": "^1.57.0",
+    "prettier": "^3.7.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rimraf": "^6.0.1",
-    "sass": "^1.93.1",
-    "sass-loader": "^16.0.5",
-    "storybook": "9.1.7",
-    "style-loader": "^4.0.0",
-    "stylelint": "^16.24.0",
+    "sass": "^1.97.1",
+    "storybook": "10.2.7",
+    "stylelint": "^16.26.1",
     "stylelint-use-logical": "^2.1.2",
-    "ts-jest": "^29.4.4",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.16",
+    "vitest-browser-react": "^2.0.2"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^7.21.0",
     "@gravity-ui/date-utils": "^2.6.0",
+    "@gravity-ui/uikit": "^7.21.0",
     "@types/react": ">=17.0.0",
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0"