@gravity-ui/date-components 2.11.0 → 2.12.0

package/dist/esm/hooks/useEventHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventHandler.js","sourceRoot":"../../../src","sources":["hooks/useEventHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAqB,OAAW;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAgB,OAAO,CAAC,CAAC;IACjD,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,mBAAmB;IACnB,OAAO,KAAK,CAAC,WAAW,CAAI,CAAC,GAAG,IAAI,EAAE,EAAE;;QACpC,OAAO,MAAA,GAAG,CAAC,OAAO,oDAAG,GAAG,IAAI,CAAC,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC","sourcesContent":["import React from 'react';\n\n/*\n * TODO: move to @gravity-ui/uikit\n * The hook returns a stable function (an empty list of dependencies),\n * but this function always calls the actual function associated with the last render.\n * The returned function should be used as an event handler or inside a useEffect.\n */\nexport function useEventHandler<T extends Function>(handler?: T) {\n    const ref = React.useRef<T | undefined>(handler);\n    React.useLayoutEffect(() => {\n        ref.current = handler;\n    }, [handler]);\n    // @ts-expect-error\n    return React.useCallback<T>((...args) => {\n        return ref.current?.(...args);\n    }, []);\n}\n"]}

package/dist/esm/hooks/useMove.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useEventHandler } from './useEventHandler';
+import { useEventHandler } from "./useEventHandler.js";
 export function useMove(props) {
     const { onMoveStart, onMove, onMoveEnd } = props;
     const state = React.useRef({
@@ -165,3 +165,4 @@ export function useMove(props) {
         return { moveProps };
     }, [end, move]);
 }
+//# sourceMappingURL=useMove.js.map

package/dist/esm/hooks/useMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMove.js","sourceRoot":"../../../src","sources":["hooks/useMove.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {useEventHandler} from './useEventHandler';\n\nexport type PointerType = 'mouse' | 'pen' | 'touch' | 'keyboard';\n\ninterface EventBase {\n    shiftKey: boolean;\n    ctrlKey: boolean;\n    metaKey: boolean;\n    altKey: boolean;\n}\n\ninterface BaseMoveEvent extends EventBase {\n    pointerType: PointerType;\n}\n\nexport interface MoveStartEvent extends BaseMoveEvent {\n    type: 'movestart';\n}\n\nexport interface MoveMoveEvent extends BaseMoveEvent {\n    type: 'move';\n    deltaX: number;\n    deltaY: number;\n}\n\nexport interface MoveEndEvent extends BaseMoveEvent {\n    type: 'moveend';\n}\n\nexport interface MoveEvents {\n    onMoveStart?: (e: MoveStartEvent) => void;\n    onMove?: (e: MoveMoveEvent) => void;\n    onMoveEnd?: (e: MoveEndEvent) => void;\n}\n\nexport function useMove(props: MoveEvents) {\n    const {onMoveStart, onMove, onMoveEnd} = props;\n\n    const state = React.useRef<{\n        isMoving: boolean;\n        lastPosition: null | {pageX: number; pageY: number};\n        id: null | number;\n    }>({\n        isMoving: false,\n        lastPosition: null,\n        id: null,\n    });\n\n    const move = useEventHandler(\n        (originalEvent: EventBase, deltaX: number, deltaY: number, pointerType: PointerType) => {\n            if (deltaX === 0 && deltaY === 0) {\n                return;\n            }\n\n            if (!state.current.isMoving) {\n                state.current.isMoving = true;\n                onMoveStart?.({\n                    type: 'movestart',\n                    pointerType,\n                    shiftKey: originalEvent.shiftKey,\n                    ctrlKey: originalEvent.ctrlKey,\n                    metaKey: originalEvent.metaKey,\n                    altKey: originalEvent.altKey,\n                });\n            }\n            onMove?.({\n                type: 'move',\n                pointerType,\n                deltaX,\n                deltaY,\n                shiftKey: originalEvent.shiftKey,\n                ctrlKey: originalEvent.ctrlKey,\n                metaKey: originalEvent.metaKey,\n                altKey: originalEvent.altKey,\n            });\n        },\n    );\n\n    const end = useEventHandler((originalEvent: EventBase, pointerType: PointerType) => {\n        if (state.current.isMoving) {\n            state.current.isMoving = false;\n            onMoveEnd?.({\n                type: 'moveend',\n                pointerType,\n                shiftKey: originalEvent.shiftKey,\n                ctrlKey: originalEvent.ctrlKey,\n                metaKey: originalEvent.metaKey,\n                altKey: originalEvent.altKey,\n            });\n        }\n    });\n\n    return React.useMemo(() => {\n        const moveProps: React.DOMAttributes<HTMLElement> = {};\n\n        if (typeof PointerEvent === 'undefined') {\n            moveProps.onMouseDown = (e) => {\n                if (e.button === 0) {\n                    state.current.isMoving = false;\n                    e.preventDefault();\n                    state.current.lastPosition = {pageX: e.pageX, pageY: e.pageY};\n\n                    const handleMouseMove = (ev: MouseEvent) => {\n                        if (ev.buttons === 0) {\n                            move(\n                                ev,\n                                ev.pageX - (state.current.lastPosition?.pageX || 0),\n                                ev.pageY - (state.current.lastPosition?.pageY || 0),\n                                'mouse',\n                            );\n                            state.current.lastPosition = {pageX: ev.pageX, pageY: ev.pageY};\n                        }\n                    };\n                    const handleMouseUp = (ev: MouseEvent) => {\n                        if (ev.button === 0) {\n                            end(ev, 'mouse');\n                            window.removeEventListener('mousemove', handleMouseMove);\n                            window.removeEventListener('mouseup', handleMouseUp);\n                        }\n                    };\n                    window.addEventListener('mousemove', handleMouseMove);\n                    window.addEventListener('mouseup', handleMouseUp);\n                }\n            };\n\n            moveProps.onTouchStart = (e) => {\n                if (e.touches.length === 0 || state.current.id !== null) {\n                    return;\n                }\n\n                const {pageX, pageY, identifier} = e.touches[0];\n                state.current.id = identifier;\n                state.current.lastPosition = {pageX, pageY};\n                e.preventDefault();\n\n                const handleTouchMove = (ev: TouchEvent) => {\n                    const touch = [...ev.changedTouches].findIndex(\n                        (el) => el.identifier === state.current.id,\n                    );\n                    if (touch !== -1) {\n                        const {pageX, pageY} = e.changedTouches[touch];\n                        move(\n                            ev,\n                            pageX - (state.current.lastPosition?.pageX || 0),\n                            pageY - (state.current.lastPosition?.pageY || 0),\n                            'touch',\n                        );\n                        state.current.lastPosition = {pageX, pageY};\n                    }\n                };\n                const handleTouchEnd = (ev: TouchEvent) => {\n                    const touch = [...ev.changedTouches].findIndex(\n                        (el) => el.identifier === state.current.id,\n                    );\n                    if (touch !== -1) {\n                        end(ev, 'touch');\n                        state.current.id = null;\n                        window.removeEventListener('touchmove', handleTouchMove);\n                        window.removeEventListener('touchend', handleTouchEnd);\n                        window.removeEventListener('touchcancel', handleTouchEnd);\n                    }\n                };\n                window.addEventListener('touchmove', handleTouchMove);\n                window.addEventListener('touchend', handleTouchEnd);\n                window.addEventListener('touchcancel', handleTouchEnd);\n            };\n        } else {\n            moveProps.onPointerDown = (e) => {\n                if (e.button === 0 && state.current.id === null) {\n                    e.preventDefault();\n                    state.current.isMoving = false;\n                    state.current.id = e.pointerId;\n                    state.current.lastPosition = {pageX: e.pageX, pageY: e.pageY};\n\n                    const handlePointerMove = (ev: PointerEvent) => {\n                        if (ev.pointerId === state.current.id) {\n                            move(\n                                ev,\n                                ev.pageX - (state.current.lastPosition?.pageX || 0),\n                                ev.pageY - (state.current.lastPosition?.pageY || 0),\n                                (ev.pointerType || 'mouse') as PointerType,\n                            );\n                            state.current.lastPosition = {pageX: ev.pageX, pageY: ev.pageY};\n                        }\n                    };\n                    const handlePointerUp = (ev: PointerEvent) => {\n                        if (ev.pointerId === state.current.id) {\n                            end(ev, (ev.pointerType || 'mouse') as PointerType);\n                            state.current.id = null;\n                            window.removeEventListener('pointermove', handlePointerMove);\n                            window.removeEventListener('pointerup', handlePointerUp);\n                            window.removeEventListener('pointercancel', handlePointerUp);\n                        }\n                    };\n                    window.addEventListener('pointermove', handlePointerMove);\n                    window.addEventListener('pointerup', handlePointerUp);\n                    window.addEventListener('pointercancel', handlePointerUp);\n                }\n            };\n        }\n\n        const handleKeyboardMove = (e: EventBase, deltaX: number, deltaY: number) => {\n            state.current.isMoving = false;\n            move(e, deltaX, deltaY, 'keyboard');\n            end(e, 'keyboard');\n        };\n\n        moveProps.onKeyDown = (e) => {\n            switch (e.key) {\n                case 'ArrowLeft': {\n                    e.preventDefault();\n                    handleKeyboardMove(e, -1, 0);\n                    break;\n                }\n                case 'ArrowRight': {\n                    e.preventDefault();\n                    handleKeyboardMove(e, 1, 0);\n                    break;\n                }\n                case 'ArrowUp': {\n                    e.preventDefault();\n                    handleKeyboardMove(e, 0, -1);\n                    break;\n                }\n                case 'ArrowDown': {\n                    e.preventDefault();\n                    handleKeyboardMove(e, 0, 1);\n                    break;\n                }\n            }\n        };\n\n        return {moveProps};\n    }, [end, move]);\n}\n"]}

package/dist/esm/hooks/useResizeObserver.js

@@ -24,3 +24,4 @@ export function useResizeObserver({ ref, onResize, box, }) {
         };
     }, [ref, onResize, box]);
 }
+//# sourceMappingURL=useResizeObserver.js.map

package/dist/esm/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sourceRoot":"../../../src","sources":["hooks/useResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,qDAAqD;AACrD,MAAM,UAAU,iBAAiB,CAAoB,EACjD,GAAG,EACH,QAAQ,EACR,GAAG,GACqB;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,OAAO,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,IAAI,OAAO,MAAM,CAAC,cAAc,KAAK,WAAW,EAAE,CAAC;YAC/C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;YACnD,OAAO,GAAG,EAAE;gBACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1D,CAAC,CAAC;QACN,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5C,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;gBAClB,OAAO;YACX,CAAC;YACD,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAC,GAAG,EAAC,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;AAC7B,CAAC","sourcesContent":["import React from 'react';\n\ninterface UseResizeObserverProps<T> {\n    ref: React.RefObject<T | null | undefined> | undefined;\n    onResize: () => void;\n    box?: ResizeObserverBoxOptions;\n}\n\n/* FIXME: use the same hook from @gravity-ui/uikit */\nexport function useResizeObserver<T extends Element>({\n    ref,\n    onResize,\n    box,\n}: UseResizeObserverProps<T>) {\n    React.useEffect(() => {\n        const element = ref?.current;\n        if (!element) {\n            return undefined;\n        }\n\n        if (typeof window.ResizeObserver === 'undefined') {\n            window.addEventListener('resize', onResize, false);\n            return () => {\n                window.removeEventListener('resize', onResize, false);\n            };\n        }\n\n        const observer = new ResizeObserver((entries) => {\n            if (!entries.length) {\n                return;\n            }\n            onResize();\n        });\n\n        observer.observe(element, {box});\n        return () => {\n            observer.disconnect();\n        };\n    }, [ref, onResize, box]);\n}\n"]}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/esm/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/esm/utils/cn.js

@@ -1,3 +1,4 @@
 import { withNaming } from '@bem-react/classname';
 export const NAMESPACE = 'g-date-';
 export const block = withNaming({ n: NAMESPACE, e: '__', m: '_' });
+//# sourceMappingURL=cn.js.map

package/dist/esm/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../src","sources":["utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC;AAEnC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const NAMESPACE = 'g-date-';\n\nexport const block = withNaming({n: NAMESPACE, e: '__', m: '_'});\n"]}

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@gravity-ui/date-components",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "",
   "license": "MIT",
+  "type": "commonjs",
   "main": "dist/cjs/index.js",
+  "types": "./dist/cjs/index.d.ts",
   "module": "./dist/esm/index.js",
-  "types": "./dist/esm/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "import": {
-        "types": "./dist/esm/index.d.js",
+        "types": "./dist/esm/index.d.ts",
         "default": "./dist/esm/index.js"
       },
       "require": {
@@ -59,42 +60,43 @@
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
-    "@commitlint/cli": "^19.3.0",
-    "@commitlint/config-conventional": "^19.2.2",
-    "@gravity-ui/eslint-config": "^3.2.0",
+    "@commitlint/cli": "^19.6.1",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@gravity-ui/eslint-config": "^3.3.0",
+    "@gravity-ui/gulp-utils": "^1.0.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@gravity-ui/uikit": "^6.15.0",
-    "@storybook/addon-a11y": "^8.2.9",
-    "@storybook/addon-actions": "^8.2.9",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-storysource": "^8.2.9",
-    "@storybook/addon-viewport": "^8.2.9",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/manager-api": "^8.2.9",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-webpack5": "^8.2.9",
-    "@storybook/theming": "^8.2.9",
-    "@storybook/types": "^8.2.9",
-    "@testing-library/dom": "^10.1.0",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^16.0.0",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-actions": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-storysource": "^8.4.7",
+    "@storybook/addon-styling-webpack": "^1.0.1",
+    "@storybook/addon-viewport": "^8.4.7",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
+    "@storybook/types": "^8.4.7",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.3.2",
-    "@types/react-dom": "^18.3.0",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "css-loader": "^7.1.2",
     "eslint": "^8.57.0",
     "eslint-plugin-react-compiler": "^0.0.0-experimental-c8b3f72-20240517",
     "eslint-plugin-testing-library": "^6.2.2",
     "gulp": "^5.0.0",
     "gulp-cli": "^3.0.0",
-    "gulp-dart-sass": "^1.1.0",
-    "gulp-replace": "^1.1.4",
-    "gulp-typescript": "^5.0.1",
-    "husky": "^9.0.11",
+    "gulp-sass": "^6.0.0",
+    "gulp-sourcemaps": "^3.0.0",
+    "husky": "^9.1.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-transform-css": "^6.0.1",
@@ -103,14 +105,16 @@
     "prettier": "^3.2.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rimraf": "^5.0.7",
-    "sass": "^1.77.1",
-    "storybook": "^8.2.9",
+    "rimraf": "^6.0.1",
+    "sass": "^1.83.0",
+    "sass-loader": "^16.0.4",
+    "storybook": "^8.4.7",
+    "style-loader": "^4.0.0",
     "stylelint": "^15.11.0",
     "stylelint-use-logical": "^2.1.2",
-    "ts-jest": "^29.1.5",
+    "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
-    "typescript": "^5.5.4"
+    "typescript": "^5.7.2"
   },
   "peerDependencies": {
     "@gravity-ui/uikit": "^6.0.0",