@dxos/react-ui-attention 0.7.5-main.ff8607b → 0.7.5-staging.b81e783
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/{chunk-2TNGSB43.mjs → chunk-KXRLXG2Q.mjs} +108 -2
- package/dist/lib/browser/{chunk-2TNGSB43.mjs.map → chunk-KXRLXG2Q.mjs.map} +4 -4
- package/dist/lib/browser/index.mjs +11 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +1 -1
- package/dist/lib/node/{chunk-BID3HPBP.cjs → chunk-RYXAUIEJ.cjs} +112 -6
- package/dist/lib/node/{chunk-BID3HPBP.cjs.map → chunk-RYXAUIEJ.cjs.map} +4 -4
- package/dist/lib/node/index.cjs +26 -18
- package/dist/lib/node/index.cjs.map +2 -2
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/testing/index.cjs +2 -2
- package/dist/lib/node-esm/{chunk-ARQ2A5DK.mjs → chunk-RUECHK2Y.mjs} +108 -2
- package/dist/lib/node-esm/{chunk-ARQ2A5DK.mjs.map → chunk-RUECHK2Y.mjs.map} +4 -4
- package/dist/lib/node-esm/index.mjs +11 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +1 -1
- package/dist/types/src/components/AttentionGlyph.d.ts +1 -1
- package/dist/types/src/components/AttentionGlyph.d.ts.map +1 -1
- package/dist/types/src/components/AttentionGlyph.stories.d.ts +2 -2
- package/dist/types/src/components/AttentionProvider.d.ts +2 -2
- package/dist/types/src/components/AttentionProvider.d.ts.map +1 -1
- package/dist/types/src/components/AttentionProvider.stories.d.ts +1 -2
- package/dist/types/src/components/AttentionProvider.stories.d.ts.map +1 -1
- package/dist/types/src/components/SelectionProvider.d.ts +12 -0
- package/dist/types/src/components/SelectionProvider.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +1 -0
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/selection.d.ts +15 -0
- package/dist/types/src/selection.d.ts.map +1 -0
- package/package.json +12 -11
- package/src/components/SelectionProvider.tsx +67 -0
- package/src/components/index.ts +1 -0
- package/src/index.ts +1 -0
- package/src/selection.ts +59 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/ui/react-ui-attention/src/attention.ts":{"bytes":16177,"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-attention/src/components/AttentionGlyph.tsx":{"bytes":10623,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-attention/src/components/AttentionProvider.tsx":{"bytes":20134,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-attention/src/attention.ts","kind":"import-statement","original":"../attention"}],"format":"esm"},"packages/ui/react-ui-attention/src/components/index.ts":{"bytes":
|
|
1
|
+
{"inputs":{"packages/ui/react-ui-attention/src/attention.ts":{"bytes":16177,"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-attention/src/components/AttentionGlyph.tsx":{"bytes":10623,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-attention/src/components/AttentionProvider.tsx":{"bytes":20134,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-attention/src/attention.ts","kind":"import-statement","original":"../attention"}],"format":"esm"},"packages/ui/react-ui-attention/src/selection.ts":{"bytes":5559,"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-attention/src/components/SelectionProvider.tsx":{"bytes":6312,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-attention/src/selection.ts","kind":"import-statement","original":"../selection"}],"format":"esm"},"packages/ui/react-ui-attention/src/components/index.ts":{"bytes":757,"imports":[{"path":"packages/ui/react-ui-attention/src/components/AttentionGlyph.tsx","kind":"import-statement","original":"./AttentionGlyph"},{"path":"packages/ui/react-ui-attention/src/components/AttentionProvider.tsx","kind":"import-statement","original":"./AttentionProvider"},{"path":"packages/ui/react-ui-attention/src/components/SelectionProvider.tsx","kind":"import-statement","original":"./SelectionProvider"}],"format":"esm"},"packages/ui/react-ui-attention/src/index.ts":{"bytes":690,"imports":[{"path":"packages/ui/react-ui-attention/src/attention.ts","kind":"import-statement","original":"./attention"},{"path":"packages/ui/react-ui-attention/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-attention/src/selection.ts","kind":"import-statement","original":"./selection"}],"format":"esm"},"packages/ui/react-ui-attention/src/testing/decorators/withAttention.ts":{"bytes":1386,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-attention/src/components/index.ts","kind":"import-statement","original":"../../components"}],"format":"esm"},"packages/ui/react-ui-attention/src/testing/decorators/index.ts":{"bytes":534,"imports":[{"path":"packages/ui/react-ui-attention/src/testing/decorators/withAttention.ts","kind":"import-statement","original":"./withAttention"}],"format":"esm"},"packages/ui/react-ui-attention/src/testing/index.ts":{"bytes":516,"imports":[{"path":"packages/ui/react-ui-attention/src/testing/decorators/index.ts","kind":"import-statement","original":"./decorators"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-attention/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/ui/react-ui-attention/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/ui/react-ui-attention/dist/lib/node-esm/chunk-RUECHK2Y.mjs","kind":"import-statement"}],"exports":["ATTENABLE_ATTRIBUTE","ATTENTION_NAME","ATTENTION_SOURCE_ATTRIBUTE","AttendableContainer","AttentionGlyph","AttentionManager","AttentionProvider","AttentionSchema","RootAttentionProvider","SelectionManager","SelectionProvider","Syncing","getAttendables","useAttendableAttributes","useAttended","useAttention","useAttentionContext","useAttentionPath","useSelectedItems","useSelectionActions"],"entryPoint":"packages/ui/react-ui-attention/src/index.ts","inputs":{"packages/ui/react-ui-attention/src/index.ts":{"bytesInOutput":0}},"bytes":999},"packages/ui/react-ui-attention/dist/lib/node-esm/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":698},"packages/ui/react-ui-attention/dist/lib/node-esm/testing/index.mjs":{"imports":[{"path":"packages/ui/react-ui-attention/dist/lib/node-esm/chunk-RUECHK2Y.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true}],"exports":["withAttention"],"entryPoint":"packages/ui/react-ui-attention/src/testing/index.ts","inputs":{"packages/ui/react-ui-attention/src/testing/decorators/withAttention.ts":{"bytesInOutput":164},"packages/ui/react-ui-attention/src/testing/decorators/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-attention/src/testing/index.ts":{"bytesInOutput":0}},"bytes":459},"packages/ui/react-ui-attention/dist/lib/node-esm/chunk-RUECHK2Y.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":29499},"packages/ui/react-ui-attention/dist/lib/node-esm/chunk-RUECHK2Y.mjs":{"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["ATTENABLE_ATTRIBUTE","ATTENTION_NAME","ATTENTION_SOURCE_ATTRIBUTE","AttendableContainer","AttentionGlyph","AttentionManager","AttentionProvider","AttentionSchema","RootAttentionProvider","SelectionManager","SelectionProvider","Syncing","getAttendables","useAttendableAttributes","useAttended","useAttention","useAttentionContext","useAttentionPath","useSelectedItems","useSelectionActions"],"inputs":{"packages/ui/react-ui-attention/src/attention.ts":{"bytesInOutput":3558},"packages/ui/react-ui-attention/src/components/AttentionGlyph.tsx":{"bytesInOutput":3212},"packages/ui/react-ui-attention/src/components/AttentionProvider.tsx":{"bytesInOutput":3282},"packages/ui/react-ui-attention/src/selection.ts":{"bytesInOutput":1199},"packages/ui/react-ui-attention/src/components/SelectionProvider.tsx":{"bytesInOutput":1491},"packages/ui/react-ui-attention/src/components/index.ts":{"bytesInOutput":0}},"bytes":13618}}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
import {
|
|
3
3
|
RootAttentionProvider
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-RUECHK2Y.mjs";
|
|
5
5
|
|
|
6
6
|
// packages/ui/react-ui-attention/src/testing/decorators/withAttention.ts
|
|
7
7
|
import { createElement } from "react";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type Primitive } from '@radix-ui/react-primitive';
|
|
2
2
|
import React, { type ComponentPropsWithRef } from 'react';
|
|
3
3
|
import { type ThemedClassName } from '@dxos/react-ui';
|
|
4
|
-
export declare const Syncing: () =>
|
|
4
|
+
export declare const Syncing: () => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export type AttentionGlyphProps = {
|
|
6
6
|
attended?: boolean;
|
|
7
7
|
containsAttended?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttentionGlyph.d.ts","sourceRoot":"","sources":["../../../../src/components/AttentionGlyph.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA2C,MAAM,OAAO,CAAC;AAEnG,OAAO,EAAQ,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA2C5D,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"AttentionGlyph.d.ts","sourceRoot":"","sources":["../../../../src/components/AttentionGlyph.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA2C,MAAM,OAAO,CAAC;AAEnG,OAAO,EAAQ,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA2C5D,eAAO,MAAM,OAAO,+CAmBnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;CACpC,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAEpF,eAAO,MAAM,cAAc,0GAkB1B,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { type AttentionGlyphProps } from './AttentionGlyph';
|
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: React.ForwardRefExoticComponent<Omit<AttentionGlyphProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
7
|
-
render: (props: AttentionGlyphProps) =>
|
|
7
|
+
render: (props: AttentionGlyphProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
decorators: import("@storybook/react/*").Decorator[];
|
|
9
9
|
};
|
|
10
10
|
export default _default;
|
|
@@ -22,6 +22,6 @@ export declare const Contains: {
|
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
export declare const Syncing: {
|
|
25
|
-
render: () =>
|
|
25
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=AttentionGlyph.stories.d.ts.map
|
|
@@ -20,10 +20,10 @@ declare const useAttentionPath: () => string[];
|
|
|
20
20
|
declare const RootAttentionProvider: ({ children, attention: propsAttention, onChange, }: PropsWithChildren<Partial<{
|
|
21
21
|
attention: AttentionManager;
|
|
22
22
|
onChange: (nextAttended: string[]) => void;
|
|
23
|
-
}>>) =>
|
|
23
|
+
}>>) => import("react/jsx-runtime").JSX.Element;
|
|
24
24
|
declare const AttentionProvider: ({ id, children }: PropsWithChildren<{
|
|
25
25
|
id: string;
|
|
26
|
-
}>) =>
|
|
26
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
27
27
|
export type AttendableContainerProps = ThemedClassName<ComponentPropsWithRef<'div'> & {
|
|
28
28
|
id: string;
|
|
29
29
|
asChild?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttentionProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/AttentionProvider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,EAA4B,KAAK,iBAAiB,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAExH,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGvE,OAAO,EAAE,KAAK,SAAS,EAAE,gBAAgB,EAAkB,MAAM,cAAc,CAAC;AAEhF,QAAA,MAAM,cAAc,cAAc,CAAC;AACnC,QAAA,MAAM,mBAAmB,uBAAuB,CAAC;AACjD,QAAA,MAAM,0BAA0B,6BAA6B,CAAC;AAE9D,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB,CAAC;AAEF,QAAA,MAAiC,mBAAmB,iDAGlD,CAAC;AAIH,QAAA,MAAM,YAAY,kBAAmB,MAAM,KAAG,SAQ7C,CAAC;AAEF,QAAA,MAAM,WAAW,yBAGhB,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,uBAAuB,kBAAmB,MAAM,uCAUrD,CAAC;AAEF,QAAA,MAAM,gBAAgB,gBAGrB,CAAC;AAEF,QAAA,MAAM,qBAAqB,uDAIxB,iBAAiB,CAClB,OAAO,CAAC;IACN,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC,CACH,
|
|
1
|
+
{"version":3,"file":"AttentionProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/AttentionProvider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,EAA4B,KAAK,iBAAiB,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAExH,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGvE,OAAO,EAAE,KAAK,SAAS,EAAE,gBAAgB,EAAkB,MAAM,cAAc,CAAC;AAEhF,QAAA,MAAM,cAAc,cAAc,CAAC;AACnC,QAAA,MAAM,mBAAmB,uBAAuB,CAAC;AACjD,QAAA,MAAM,0BAA0B,6BAA6B,CAAC;AAE9D,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB,CAAC;AAEF,QAAA,MAAiC,mBAAmB,iDAGlD,CAAC;AAIH,QAAA,MAAM,YAAY,kBAAmB,MAAM,KAAG,SAQ7C,CAAC;AAEF,QAAA,MAAM,WAAW,yBAGhB,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,uBAAuB,kBAAmB,MAAM,uCAUrD,CAAC;AAEF,QAAA,MAAM,gBAAgB,gBAGrB,CAAC;AAEF,QAAA,MAAM,qBAAqB,uDAIxB,iBAAiB,CAClB,OAAO,CAAC;IACN,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC,CACH,4CAmEA,CAAC;AAEF,QAAA,MAAM,iBAAiB,qBAAsB,iBAAiB,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,4CAS7E,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,eAAe,CACpD,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CACjE,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,8GAgBxB,CAAC;AAEF,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,0BAA0B,GAC3B,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import '@dxos-theme';
|
|
2
|
-
import React from 'react';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
|
-
render: () =>
|
|
4
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
6
5
|
decorators: import("@storybook/react/*").Decorator[];
|
|
7
6
|
};
|
|
8
7
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttentionProvider.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AttentionProvider.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC
|
|
1
|
+
{"version":3,"file":"AttentionProvider.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AttentionProvider.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;;;;;;AA8BrB,wBAIE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type PropsWithChildren } from 'react';
|
|
2
|
+
import { SelectionManager } from '../selection';
|
|
3
|
+
export declare const SelectionProvider: ({ children, selection: propsSelection, }: PropsWithChildren<{
|
|
4
|
+
selection?: SelectionManager;
|
|
5
|
+
}>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const useSelectedItems: (contextId: string) => Set<string>;
|
|
7
|
+
export declare const useSelectionActions: (contextId?: string) => {
|
|
8
|
+
select: (ids: string[]) => Set<unknown> | undefined;
|
|
9
|
+
toggle: (id: string) => Set<unknown> | undefined;
|
|
10
|
+
clear: () => void;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=SelectionProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectionProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAYhD,eAAO,MAAM,iBAAiB,6CAG3B,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAAC,4CAGrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAAe,MAAM,KAAG,GAAG,CAAC,MAAM,CAG9D,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAAgB,MAAM;kBAI5C,MAAM,EAAE;iBAUT,MAAM;;CAiBd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type ReactiveObject } from '@dxos/live-object';
|
|
2
|
+
/**
|
|
3
|
+
* Manages selection state for different contexts.
|
|
4
|
+
* Each context maintains its own list of selected IDs.
|
|
5
|
+
*/
|
|
6
|
+
export declare class SelectionManager {
|
|
7
|
+
private readonly _state;
|
|
8
|
+
constructor(initial?: Record<string, Set<string>>);
|
|
9
|
+
get selections(): ReactiveObject<Record<string, Set<string>>>;
|
|
10
|
+
getSelection(contextId: string): Set<string>;
|
|
11
|
+
updateSelection(contextId: string, selectedIds: Set<string> | string[]): void;
|
|
12
|
+
clearSelection(contextId: string): void;
|
|
13
|
+
toggleSelection(contextId: string, id: string): void;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=selection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../src/selection.ts"],"names":[],"mappings":"AAMA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA2E;gBAEtF,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAM;IAQrD,IAAI,UAAU,IAAI,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAE5D;IAED,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAS5C,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,MAAM,EAAE;IAMtE,cAAc,CAAC,SAAS,EAAE,MAAM;IAMhC,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;CAU9C"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-ui-attention",
|
|
3
|
-
"version": "0.7.5-
|
|
3
|
+
"version": "0.7.5-staging.b81e783",
|
|
4
4
|
"description": "Signifier components and providers for attention system.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"author": "DXOS.org",
|
|
9
9
|
"sideEffects": true,
|
|
10
|
+
"type": "module",
|
|
10
11
|
"exports": {
|
|
11
12
|
".": {
|
|
12
13
|
"types": "./dist/types/src/index.d.ts",
|
|
@@ -40,9 +41,9 @@
|
|
|
40
41
|
"@radix-ui/react-primitive": "2.0.2",
|
|
41
42
|
"@radix-ui/react-slot": "1.1.2",
|
|
42
43
|
"@radix-ui/react-use-controllable-state": "1.1.0",
|
|
43
|
-
"@dxos/
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/
|
|
44
|
+
"@dxos/live-object": "0.7.5-staging.b81e783",
|
|
45
|
+
"@dxos/util": "0.7.5-staging.b81e783",
|
|
46
|
+
"@dxos/echo-schema": "0.7.5-staging.b81e783"
|
|
46
47
|
},
|
|
47
48
|
"devDependencies": {
|
|
48
49
|
"@phosphor-icons/react": "^2.1.5",
|
|
@@ -51,18 +52,18 @@
|
|
|
51
52
|
"react": "~18.2.0",
|
|
52
53
|
"react-dom": "~18.2.0",
|
|
53
54
|
"vite": "5.4.7",
|
|
54
|
-
"@dxos/app-graph": "0.7.5-
|
|
55
|
-
"@dxos/random": "0.7.5-
|
|
56
|
-
"@dxos/react-ui": "0.7.5-
|
|
57
|
-
"@dxos/react-ui-theme": "0.7.5-
|
|
58
|
-
"@dxos/storybook-utils": "0.7.5-
|
|
55
|
+
"@dxos/app-graph": "0.7.5-staging.b81e783",
|
|
56
|
+
"@dxos/random": "0.7.5-staging.b81e783",
|
|
57
|
+
"@dxos/react-ui": "0.7.5-staging.b81e783",
|
|
58
|
+
"@dxos/react-ui-theme": "0.7.5-staging.b81e783",
|
|
59
|
+
"@dxos/storybook-utils": "0.7.5-staging.b81e783"
|
|
59
60
|
},
|
|
60
61
|
"peerDependencies": {
|
|
61
62
|
"@phosphor-icons/react": "^2.1.5",
|
|
62
63
|
"react": "~18.2.0",
|
|
63
64
|
"react-dom": "~18.2.0",
|
|
64
|
-
"@dxos/react-ui": "0.7.5-
|
|
65
|
-
"@dxos/react-ui-theme": "0.7.5-
|
|
65
|
+
"@dxos/react-ui": "0.7.5-staging.b81e783",
|
|
66
|
+
"@dxos/react-ui-theme": "0.7.5-staging.b81e783"
|
|
66
67
|
},
|
|
67
68
|
"publishConfig": {
|
|
68
69
|
"access": "public"
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import { createContext } from '@radix-ui/react-context';
|
|
6
|
+
import { useCallback, type PropsWithChildren } from 'react';
|
|
7
|
+
import React from 'react';
|
|
8
|
+
|
|
9
|
+
import { useDefaultValue } from '@dxos/react-ui';
|
|
10
|
+
|
|
11
|
+
import { SelectionManager } from '../selection';
|
|
12
|
+
|
|
13
|
+
const SELECTION_NAME = 'Selection';
|
|
14
|
+
|
|
15
|
+
type SelectionContextValue = {
|
|
16
|
+
selection: SelectionManager;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
const [SelectionContextProvider, useSelectionContext] = createContext<SelectionContextValue>(SELECTION_NAME, {
|
|
20
|
+
selection: new SelectionManager(),
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
export const SelectionProvider = ({
|
|
24
|
+
children,
|
|
25
|
+
selection: propsSelection,
|
|
26
|
+
}: PropsWithChildren<{ selection?: SelectionManager }>) => {
|
|
27
|
+
const selection = useDefaultValue(propsSelection, () => new SelectionManager());
|
|
28
|
+
return <SelectionContextProvider selection={selection}>{children}</SelectionContextProvider>;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export const useSelectedItems = (contextId: string): Set<string> => {
|
|
32
|
+
const { selection } = useSelectionContext(SELECTION_NAME);
|
|
33
|
+
return selection.getSelection(contextId);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export const useSelectionActions = (contextId?: string) => {
|
|
37
|
+
const { selection } = useSelectionContext(SELECTION_NAME);
|
|
38
|
+
|
|
39
|
+
const select = useCallback(
|
|
40
|
+
(ids: string[]) => {
|
|
41
|
+
if (!contextId) {
|
|
42
|
+
return new Set();
|
|
43
|
+
}
|
|
44
|
+
selection.updateSelection(contextId, ids);
|
|
45
|
+
},
|
|
46
|
+
[selection, contextId],
|
|
47
|
+
);
|
|
48
|
+
|
|
49
|
+
const toggle = useCallback(
|
|
50
|
+
(id: string) => {
|
|
51
|
+
if (!contextId) {
|
|
52
|
+
return new Set();
|
|
53
|
+
}
|
|
54
|
+
selection.toggleSelection(contextId, id);
|
|
55
|
+
},
|
|
56
|
+
[selection, contextId],
|
|
57
|
+
);
|
|
58
|
+
|
|
59
|
+
const clear = useCallback(() => {
|
|
60
|
+
if (!contextId) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
selection.clearSelection(contextId);
|
|
64
|
+
}, [selection, contextId]);
|
|
65
|
+
|
|
66
|
+
return { select, toggle, clear };
|
|
67
|
+
};
|
package/src/components/index.ts
CHANGED
package/src/index.ts
CHANGED
package/src/selection.ts
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import { untracked } from '@preact/signals-core';
|
|
6
|
+
|
|
7
|
+
import { create, type ReactiveObject } from '@dxos/live-object';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Manages selection state for different contexts.
|
|
11
|
+
* Each context maintains its own list of selected IDs.
|
|
12
|
+
*/
|
|
13
|
+
export class SelectionManager {
|
|
14
|
+
private readonly _state = create<{ selections: Record<string, Set<string>> }>({ selections: {} });
|
|
15
|
+
|
|
16
|
+
constructor(initial: Record<string, Set<string>> = {}) {
|
|
17
|
+
if (Object.keys(initial).length > 0) {
|
|
18
|
+
untracked(() => {
|
|
19
|
+
this._state.selections = initial;
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
get selections(): ReactiveObject<Record<string, Set<string>>> {
|
|
25
|
+
return this._state.selections;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
getSelection(contextId: string): Set<string> {
|
|
29
|
+
if (!this.selections[contextId]) {
|
|
30
|
+
untracked(() => {
|
|
31
|
+
this._state.selections[contextId] = new Set();
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return this.selections[contextId];
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
updateSelection(contextId: string, selectedIds: Set<string> | string[]) {
|
|
38
|
+
untracked(() => {
|
|
39
|
+
this._state.selections[contextId] = selectedIds instanceof Set ? selectedIds : new Set(selectedIds);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
clearSelection(contextId: string) {
|
|
44
|
+
untracked(() => {
|
|
45
|
+
this._state.selections[contextId] = new Set();
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
toggleSelection(contextId: string, id: string) {
|
|
50
|
+
untracked(() => {
|
|
51
|
+
const current = this.getSelection(contextId);
|
|
52
|
+
if (current.has(id)) {
|
|
53
|
+
current.delete(id);
|
|
54
|
+
} else {
|
|
55
|
+
current.add(id);
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
}
|