@dxos/react-ui 0.3.11-next.0fb359e → 0.3.11-next.e28df4f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +10 -10
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
- package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
- package/dist/types/src/components/List/List.d.ts.map +1 -0
- package/dist/types/src/components/{Lists → List}/List.stories.d.ts +3 -1
- package/dist/types/src/components/List/List.stories.d.ts.map +1 -0
- package/dist/types/src/components/List/Tree.d.ts.map +1 -0
- package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -0
- package/dist/types/src/components/List/index.d.ts.map +1 -0
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/package.json +10 -8
- package/src/components/Avatars/Avatar.tsx +2 -1
- package/src/components/Buttons/Button.stories.tsx +2 -2
- package/src/components/Input/Input.stories.tsx +2 -2
- package/src/components/{Lists → List}/List.stories.tsx +43 -2
- package/src/components/ThemeProvider/ThemeProvider.tsx +1 -0
- package/src/components/ThemeProvider/TranslationsProvider.tsx +2 -0
- package/src/components/index.ts +1 -1
- package/src/playground/Surfaces.stories.tsx +4 -4
- package/src/playground/Typography.stories.tsx +1 -1
- package/dist/types/src/components/Lists/List.d.ts.map +0 -1
- package/dist/types/src/components/Lists/List.stories.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Tree.d.ts.map +0 -1
- package/dist/types/src/components/Lists/Tree.stories.d.ts.map +0 -1
- package/dist/types/src/components/Lists/index.d.ts.map +0 -1
- package/dist/types/src/components/{Lists → List}/List.d.ts +0 -0
- package/dist/types/src/components/{Lists → List}/Tree.d.ts +0 -0
- package/dist/types/src/components/{Lists → List}/Tree.stories.d.ts +0 -0
- package/dist/types/src/components/{Lists → List}/index.d.ts +0 -0
- package/src/components/{Lists → List}/List.tsx +0 -0
- package/src/components/{Lists → List}/Tree.stories.tsx +0 -0
- package/src/components/{Lists → List}/Tree.tsx +1 -1
- /package/src/components/{Lists → List}/index.ts +0 -0
|
@@ -1088,7 +1088,7 @@ var Input = {
|
|
|
1088
1088
|
DescriptionAndValidation
|
|
1089
1089
|
};
|
|
1090
1090
|
|
|
1091
|
-
// packages/ui/react-ui/src/components/
|
|
1091
|
+
// packages/ui/react-ui/src/components/List/List.tsx
|
|
1092
1092
|
import { CaretDown, CaretRight } from "@phosphor-icons/react";
|
|
1093
1093
|
import { Slot as Slot8 } from "@radix-ui/react-slot";
|
|
1094
1094
|
import React17, { forwardRef as forwardRef14 } from "react";
|
|
@@ -1105,7 +1105,7 @@ var DensityProvider = ({ density, children }) => /* @__PURE__ */ React16.createE
|
|
|
1105
1105
|
}
|
|
1106
1106
|
}, children);
|
|
1107
1107
|
|
|
1108
|
-
// packages/ui/react-ui/src/components/
|
|
1108
|
+
// packages/ui/react-ui/src/components/List/List.tsx
|
|
1109
1109
|
var List = /* @__PURE__ */ forwardRef14(({ classNames, children, ...props }, forwardedRef) => {
|
|
1110
1110
|
const { tx } = useThemeContext();
|
|
1111
1111
|
const density = useDensityContext(props.density);
|
|
@@ -1191,7 +1191,7 @@ var ListItem = {
|
|
|
1191
1191
|
MockOpenTrigger: MockListItemOpenTrigger
|
|
1192
1192
|
};
|
|
1193
1193
|
|
|
1194
|
-
// packages/ui/react-ui/src/components/
|
|
1194
|
+
// packages/ui/react-ui/src/components/List/Tree.tsx
|
|
1195
1195
|
import React18, { forwardRef as forwardRef15 } from "react";
|
|
1196
1196
|
var TreeRoot = /* @__PURE__ */ forwardRef15((props, forwardedRef) => {
|
|
1197
1197
|
return /* @__PURE__ */ React18.createElement(List, {
|
|
@@ -1255,24 +1255,24 @@ var useSwipeToDismiss = (ref, {
|
|
|
1255
1255
|
/* side = 'inline-start' */
|
|
1256
1256
|
}) => {
|
|
1257
1257
|
const $root = ref.current;
|
|
1258
|
-
const [motionState, setMotionState] = useState3(
|
|
1258
|
+
const [motionState, setMotionState] = useState3(0);
|
|
1259
1259
|
const [gestureStartX, setGestureStartX] = useState3(0);
|
|
1260
1260
|
const setIdle = useCallback2(() => {
|
|
1261
|
-
setMotionState(
|
|
1261
|
+
setMotionState(0);
|
|
1262
1262
|
$root?.style.removeProperty("inset-inline-start");
|
|
1263
1263
|
$root?.style.setProperty("transition-duration", "200ms");
|
|
1264
1264
|
}, [
|
|
1265
1265
|
$root
|
|
1266
1266
|
]);
|
|
1267
1267
|
const setFollowing = useCallback2(() => {
|
|
1268
|
-
setMotionState(
|
|
1268
|
+
setMotionState(2);
|
|
1269
1269
|
$root?.style.setProperty("transition-duration", "0ms");
|
|
1270
1270
|
}, [
|
|
1271
1271
|
$root
|
|
1272
1272
|
]);
|
|
1273
1273
|
const handlePointerDown = useCallback2(({ screenX }) => {
|
|
1274
|
-
if (motionState ===
|
|
1275
|
-
setMotionState(
|
|
1274
|
+
if (motionState === 0) {
|
|
1275
|
+
setMotionState(1);
|
|
1276
1276
|
setGestureStartX(screenX);
|
|
1277
1277
|
}
|
|
1278
1278
|
}, [
|
|
@@ -1282,7 +1282,7 @@ var useSwipeToDismiss = (ref, {
|
|
|
1282
1282
|
if ($root) {
|
|
1283
1283
|
const delta = Math.min(screenX - gestureStartX, 0);
|
|
1284
1284
|
switch (motionState) {
|
|
1285
|
-
case
|
|
1285
|
+
case 2:
|
|
1286
1286
|
if (Math.abs(delta) > dismissThreshold) {
|
|
1287
1287
|
setIdle();
|
|
1288
1288
|
onDismiss?.();
|
|
@@ -1290,7 +1290,7 @@ var useSwipeToDismiss = (ref, {
|
|
|
1290
1290
|
$root.style.setProperty("inset-inline-start", `${offset + delta}px`);
|
|
1291
1291
|
}
|
|
1292
1292
|
break;
|
|
1293
|
-
case
|
|
1293
|
+
case 1:
|
|
1294
1294
|
if (Math.abs(delta) > debounceThreshold) {
|
|
1295
1295
|
setFollowing();
|
|
1296
1296
|
}
|