UEA-PRODEM
This commit is contained in:
+5
@@ -12,6 +12,11 @@ type Sizes = {
|
||||
paddingEnd: number;
|
||||
};
|
||||
};
|
||||
declare module 'react' {
|
||||
interface CSSProperties {
|
||||
[varName: `--radix-${string}`]: string | number | undefined | null;
|
||||
}
|
||||
}
|
||||
declare const createScrollAreaScope: _radix_ui_react_context.CreateScope;
|
||||
type ScrollAreaContextValue = {
|
||||
type: 'auto' | 'always' | 'scroll' | 'hover';
|
||||
|
||||
+5
@@ -12,6 +12,11 @@ type Sizes = {
|
||||
paddingEnd: number;
|
||||
};
|
||||
};
|
||||
declare module 'react' {
|
||||
interface CSSProperties {
|
||||
[varName: `--radix-${string}`]: string | number | undefined | null;
|
||||
}
|
||||
}
|
||||
declare const createScrollAreaScope: _radix_ui_react_context.CreateScope;
|
||||
type ScrollAreaContextValue = {
|
||||
type: 'auto' | 'always' | 'scroll' | 'hover';
|
||||
|
||||
+5
-5
@@ -122,8 +122,8 @@ var ScrollArea = React2.forwardRef(
|
||||
style: {
|
||||
position: "relative",
|
||||
// Pass corner sizes as CSS vars to reduce re-renders of context consumers
|
||||
["--radix-scroll-area-corner-width"]: cornerWidth + "px",
|
||||
["--radix-scroll-area-corner-height"]: cornerHeight + "px",
|
||||
"--radix-scroll-area-corner-width": cornerWidth + "px",
|
||||
"--radix-scroll-area-corner-height": cornerHeight + "px",
|
||||
...props.style
|
||||
}
|
||||
}
|
||||
@@ -192,7 +192,7 @@ var ScrollAreaScrollbar = React2.forwardRef(
|
||||
isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);
|
||||
};
|
||||
}, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);
|
||||
return context.type === "hover" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef }) : null;
|
||||
return context.type === "hover" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef, "data-state": "visible" }) : null;
|
||||
}
|
||||
);
|
||||
ScrollAreaScrollbar.displayName = SCROLLBAR_NAME;
|
||||
@@ -401,7 +401,7 @@ var ScrollAreaScrollbarX = React2.forwardRef((props, forwardedRef) => {
|
||||
bottom: 0,
|
||||
left: context.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
|
||||
right: context.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
|
||||
["--radix-scroll-area-thumb-width"]: getThumbSize(sizes) + "px",
|
||||
"--radix-scroll-area-thumb-width": getThumbSize(sizes) + "px",
|
||||
...props.style
|
||||
},
|
||||
onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x),
|
||||
@@ -452,7 +452,7 @@ var ScrollAreaScrollbarY = React2.forwardRef((props, forwardedRef) => {
|
||||
right: context.dir === "ltr" ? 0 : void 0,
|
||||
left: context.dir === "rtl" ? 0 : void 0,
|
||||
bottom: "var(--radix-scroll-area-corner-height)",
|
||||
["--radix-scroll-area-thumb-height"]: getThumbSize(sizes) + "px",
|
||||
"--radix-scroll-area-thumb-height": getThumbSize(sizes) + "px",
|
||||
...props.style
|
||||
},
|
||||
onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y),
|
||||
|
||||
+2
-2
File diff suppressed because one or more lines are too long
+5
-5
@@ -77,8 +77,8 @@ var ScrollArea = React2.forwardRef(
|
||||
style: {
|
||||
position: "relative",
|
||||
// Pass corner sizes as CSS vars to reduce re-renders of context consumers
|
||||
["--radix-scroll-area-corner-width"]: cornerWidth + "px",
|
||||
["--radix-scroll-area-corner-height"]: cornerHeight + "px",
|
||||
"--radix-scroll-area-corner-width": cornerWidth + "px",
|
||||
"--radix-scroll-area-corner-height": cornerHeight + "px",
|
||||
...props.style
|
||||
}
|
||||
}
|
||||
@@ -147,7 +147,7 @@ var ScrollAreaScrollbar = React2.forwardRef(
|
||||
isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);
|
||||
};
|
||||
}, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);
|
||||
return context.type === "hover" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef }) : null;
|
||||
return context.type === "hover" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef, "data-state": "visible" }) : null;
|
||||
}
|
||||
);
|
||||
ScrollAreaScrollbar.displayName = SCROLLBAR_NAME;
|
||||
@@ -356,7 +356,7 @@ var ScrollAreaScrollbarX = React2.forwardRef((props, forwardedRef) => {
|
||||
bottom: 0,
|
||||
left: context.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
|
||||
right: context.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
|
||||
["--radix-scroll-area-thumb-width"]: getThumbSize(sizes) + "px",
|
||||
"--radix-scroll-area-thumb-width": getThumbSize(sizes) + "px",
|
||||
...props.style
|
||||
},
|
||||
onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x),
|
||||
@@ -407,7 +407,7 @@ var ScrollAreaScrollbarY = React2.forwardRef((props, forwardedRef) => {
|
||||
right: context.dir === "ltr" ? 0 : void 0,
|
||||
left: context.dir === "rtl" ? 0 : void 0,
|
||||
bottom: "var(--radix-scroll-area-corner-height)",
|
||||
["--radix-scroll-area-thumb-height"]: getThumbSize(sizes) + "px",
|
||||
"--radix-scroll-area-thumb-height": getThumbSize(sizes) + "px",
|
||||
...props.style
|
||||
},
|
||||
onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y),
|
||||
|
||||
+2
-2
File diff suppressed because one or more lines are too long
+21
-21
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@radix-ui/react-scroll-area",
|
||||
"version": "1.2.10",
|
||||
"version": "1.2.11",
|
||||
"license": "MIT",
|
||||
"source": "./src/index.ts",
|
||||
"main": "./dist/index.js",
|
||||
@@ -11,26 +11,24 @@
|
||||
],
|
||||
"sideEffects": false,
|
||||
"dependencies": {
|
||||
"@radix-ui/number": "1.1.1",
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/primitive": "1.1.3",
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/react-direction": "1.1.1",
|
||||
"@radix-ui/react-presence": "1.1.5",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-use-callback-ref": "1.1.1"
|
||||
"@radix-ui/primitive": "1.1.4",
|
||||
"@radix-ui/number": "1.1.2",
|
||||
"@radix-ui/react-compose-refs": "1.1.3",
|
||||
"@radix-ui/react-context": "1.1.4",
|
||||
"@radix-ui/react-direction": "1.1.2",
|
||||
"@radix-ui/react-primitive": "2.1.5",
|
||||
"@radix-ui/react-use-callback-ref": "1.1.2",
|
||||
"@radix-ui/react-presence": "1.1.6",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^19.0.7",
|
||||
"@types/react-dom": "^19.0.3",
|
||||
"eslint": "^9.18.0",
|
||||
"react": "^19.1.0",
|
||||
"react-dom": "^19.1.0",
|
||||
"typescript": "^5.7.3",
|
||||
"@repo/eslint-config": "0.0.0",
|
||||
"@repo/typescript-config": "0.0.0",
|
||||
"@repo/builder": "0.0.0"
|
||||
"@types/react": "^19.2.2",
|
||||
"@types/react-dom": "^19.2.2",
|
||||
"react": "^19.2.0",
|
||||
"react-dom": "^19.2.0",
|
||||
"typescript": "^5.9.3",
|
||||
"@repo/builder": "0.0.0",
|
||||
"@repo/typescript-config": "0.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
@@ -49,14 +47,16 @@
|
||||
"homepage": "https://radix-ui.com/primitives",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/radix-ui/primitives.git"
|
||||
"url": "git+https://github.com/radix-ui/primitives.git",
|
||||
"directory": "packages/react/scroll-area"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/radix-ui/primitives/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"lint": "eslint --max-warnings 0 src",
|
||||
"lint": "oxlint --max-warnings 0 src",
|
||||
"clean": "rm -rf dist",
|
||||
"reset": "rm -rf dist node_modules",
|
||||
"typecheck": "tsc --noEmit",
|
||||
"build": "radix-build"
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user