@dxos/react-ui-mosaic 0.9.0 → 0.9.1-staging.ee54ba693a
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-I3M5WM6C.mjs → chunk-OBVIYZLR.mjs} +182 -43
- package/dist/lib/browser/chunk-OBVIYZLR.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +20 -17
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +13 -9
- package/dist/lib/browser/testing/index.mjs.map +3 -3
- package/dist/lib/node-esm/{chunk-DVJLDZLE.mjs → chunk-4IEMCMIV.mjs} +182 -43
- package/dist/lib/node-esm/chunk-4IEMCMIV.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +20 -17
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +13 -9
- package/dist/lib/node-esm/testing/index.mjs.map +3 -3
- package/dist/types/src/components/Board/Board.d.ts +1 -1
- package/dist/types/src/components/Board/Board.d.ts.map +1 -1
- package/dist/types/src/components/Board/Board.stories.d.ts +2 -2
- package/dist/types/src/components/Board/Board.stories.d.ts.map +1 -1
- package/dist/types/src/components/Board/Item.d.ts.map +1 -1
- package/dist/types/src/components/Focus/Focus.d.ts +1 -1
- package/dist/types/src/components/Focus/Focus.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/Container.d.ts +10 -1
- package/dist/types/src/components/Mosaic/Container.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/DragHandle.d.ts +28 -0
- package/dist/types/src/components/Mosaic/DragHandle.d.ts.map +1 -0
- package/dist/types/src/components/Mosaic/Mosaic.d.ts +18 -2
- package/dist/types/src/components/Mosaic/Mosaic.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/Placeholder.d.ts +2 -2
- package/dist/types/src/components/Mosaic/Placeholder.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/ResizeHandle.d.ts +14 -0
- package/dist/types/src/components/Mosaic/ResizeHandle.d.ts.map +1 -0
- package/dist/types/src/components/Mosaic/ResizeHandle.stories.d.ts +12 -0
- package/dist/types/src/components/Mosaic/ResizeHandle.stories.d.ts.map +1 -0
- package/dist/types/src/components/Mosaic/Root.d.ts +1 -1
- package/dist/types/src/components/Mosaic/Root.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/Stack.d.ts +1 -1
- package/dist/types/src/components/Mosaic/Stack.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/Tile.d.ts +34 -0
- package/dist/types/src/components/Mosaic/Tile.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/styles.d.ts.map +1 -1
- package/dist/types/src/testing/DefaultStackTile.d.ts.map +1 -1
- package/dist/types/src/testing/types.d.ts +10 -12
- package/dist/types/src/testing/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +33 -33
- package/src/components/Board/Board.stories.tsx +3 -3
- package/src/components/Board/Board.tsx +1 -1
- package/src/components/Board/Item.tsx +20 -12
- package/src/components/Focus/Focus.tsx +1 -1
- package/src/components/Mosaic/Container.tsx +21 -7
- package/src/components/Mosaic/DragHandle.tsx +75 -0
- package/src/components/Mosaic/Mosaic.tsx +12 -4
- package/src/components/Mosaic/Placeholder.tsx +4 -2
- package/src/components/Mosaic/ResizeHandle.stories.tsx +119 -0
- package/src/components/Mosaic/ResizeHandle.tsx +56 -0
- package/src/components/Mosaic/Root.tsx +3 -1
- package/src/components/Mosaic/Stack.tsx +23 -2
- package/src/components/Mosaic/Tile.tsx +82 -4
- package/src/components/Mosaic/styles.ts +4 -3
- package/src/components/SearchStack/SearchStack.tsx +1 -1
- package/src/testing/DefaultStackTile.tsx +6 -4
- package/src/testing/types.ts +14 -14
- package/dist/lib/browser/chunk-I3M5WM6C.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-DVJLDZLE.mjs.map +0 -7
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/testing/decorator.tsx", "../../../../src/testing/types.ts", "../../../../src/testing/CardContainer.tsx", "../../../../src/testing/DefaultStackTile.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react-vite';\nimport React from 'react';\n\nimport { Mosaic } from '../components';\n\nexport const withMosaic = (): Decorator => {\n return (Story) => (\n <Mosaic.Root>\n <Story />\n </Mosaic.Root>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { DXN, Ref, Type } from '@dxos/echo';\nimport { EntityId } from '@dxos/keys';\n\n//\n// Test Data\n//\n\nexport
|
|
5
|
-
"mappings": ";;;;;;;AAKA,OAAOA,WAAW;AAIX,IAAMC,aAAa,MAAA;AACxB,SAAO,CAACC,UACN,sBAAA,cAACC,OAAOC,MAAI,MACV,sBAAA,cAACF,OAAAA,IAAAA,CAAAA;AAGP;;;ACXA,YAAYG,YAAY;AAExB,SAASC,KAAKC,KAAKC,YAAY;AAC/B,SAASC,gBAAgB;AAMlB,IAAMC,
|
|
6
|
-
"names": ["React", "withMosaic", "Story", "Mosaic", "Root", "Schema", "DXN", "Ref", "Type", "EntityId", "TestItem", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react-vite';\nimport React from 'react';\n\nimport { Mosaic } from '../components';\n\nexport const withMosaic = (): Decorator => {\n return (Story) => (\n <Mosaic.Root>\n <Story />\n </Mosaic.Root>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { DXN, Ref, Type } from '@dxos/echo';\nimport { EntityId } from '@dxos/keys';\n\n//\n// Test Data\n//\n\nexport class TestItem extends Type.makeObject<TestItem>(DXN.make('com.example.type.item', '0.1.0'))(\n Schema.Struct({\n name: Schema.String,\n description: Schema.optional(Schema.String),\n label: Schema.optional(Schema.String),\n }),\n) {}\n\nexport class TestColumn extends Type.makeObject<TestColumn>(DXN.make('com.example.type.column', '0.1.0'))(\n Schema.Struct({\n id: EntityId,\n name: Schema.String,\n items: Schema.mutable(Schema.Array(Ref.Ref(TestItem))),\n }),\n) {}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type PropsWithChildren } from 'react';\n\nimport { Icon, Popover } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\n\nconst DEFAULT_BLOCK_SIZE = 22;\nconst MIN_BLOCK_SIZE = 8;\n\n//\n// Card container.\n//\n\nexport type CardContainerProps = PropsWithChildren<{ role?: 'popover' | 'intrinsic'; icon?: string }>;\n\nexport const CardContainer = ({ children, role, icon = 'ph--arrow-line-down--regular' }: CardContainerProps) => {\n switch (role) {\n case 'popover':\n return (\n <div className='flex justify-center'>\n <PopoverCardContainer icon={icon}>{children}</PopoverCardContainer>\n </div>\n );\n case 'intrinsic':\n default:\n return <IntrinsicCardContainer>{children}</IntrinsicCardContainer>;\n }\n};\n\n//\n// Popover\n//\n\nexport type PopoverCardContainerProps = PropsWithChildren<{ icon?: string }>;\n\nexport const PopoverCardContainer = ({\n children,\n icon = 'ph--arrow-line-down--regular',\n}: PopoverCardContainerProps) => {\n return (\n <Popover.Root open>\n <Popover.Trigger asChild>\n <Icon icon={icon} />\n </Popover.Trigger>\n <Popover.Portal>\n <Popover.Content onOpenAutoFocus={(event: Event) => event.preventDefault()}>\n <Popover.Viewport classNames='dx-card-popover'>{children}</Popover.Viewport>\n <Popover.Arrow />\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n};\n\n//\n// Intrinsic card container (size constrained by card itself).\n//\n\nexport type IntrinsicCardContainerProps = PropsWithChildren<{\n defaultSize?: Size;\n size?: Size;\n onSizeChange?: (size: Size, commit?: boolean) => void;\n}>;\n\nexport const IntrinsicCardContainer = ({\n children,\n defaultSize,\n size: propSize,\n onSizeChange,\n}: IntrinsicCardContainerProps) => {\n const [size = DEFAULT_BLOCK_SIZE, setSize] = useControllableState<Size>({\n prop: propSize,\n defaultProp: defaultSize,\n onChange: onSizeChange,\n });\n\n return (\n <div\n className='relative p-2 grid overflow-hidden border-2 border-dashed border-green-500 rounded-lg'\n style={sizeStyle(size, 'horizontal')}\n {...resizeAttributes}\n >\n <div className='dx-container flex flex-col'>{children}</div>\n <ResizeHandle\n side='inline-end'\n fallbackSize={DEFAULT_BLOCK_SIZE}\n minSize={MIN_BLOCK_SIZE}\n size={size}\n onSizeChange={setSize}\n />\n </div>\n );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useMemo, useRef, useState } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Card, IconButton } from '@dxos/react-ui';\nimport { Menu, createMenuAction } from '@dxos/react-ui-menu';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\n\nimport { Focus, Mosaic, type MosaicStackTileComponent } from '../components';\n\nexport const DefaultStackTile: MosaicStackTileComponent<Obj.Any> = (props) => {\n const dragHandleRef = useRef<HTMLButtonElement>(null);\n const [open, setOpen] = useState(false);\n const menuItems = useMemo(\n () => [\n createMenuAction('toggle-details', () => setOpen((prev) => !prev), {\n label: open ? 'Hide details' : 'Show details',\n icon: 'ph--circle-dashed--regular',\n }),\n ],\n [open],\n );\n\n return (\n <Menu.Root>\n {/*\n * `Mosaic.Tile` sets `aria-current` from `props.current`, which the\n * Slot composition propagates down to `Card.Root`'s div. That's what\n * makes `dx-current` (an `aria-[current=true]:` utility) actually\n * fire here. See `ui-theme/src/css/components/selected.md`.\n */}\n <Mosaic.Tile {...props} asChild>\n <Focus.Item asChild>\n <Card.Root className='dx-current dx-hover'>\n <Card.Header>\n <Card.DragHandle ref={dragHandleRef} />\n <Card.Title>{Obj.getLabel(props.data) ?? props.data.id}</Card.Title>\n <Card.Block end>\n <Menu.Trigger asChild disabled={!menuItems?.length}>\n <IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Menu' />\n </Menu.Trigger>\n </Card.Block>\n <Menu.Content items={menuItems} />\n </Card.Header>\n {open && (\n <Card.Row>\n <JsonHighlighter data={props.data} classNames='text-xs' />\n </Card.Row>\n )}\n </Card.Root>\n </Focus.Item>\n </Mosaic.Tile>\n </Menu.Root>\n );\n};\n\nDefaultStackTile.displayName = 'DefaultStackTile';\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "withMosaic", "Story", "Mosaic", "Root", "Schema", "DXN", "Ref", "Type", "EntityId", "TestItem", "makeObject", "make", "Struct", "name", "String", "description", "optional", "label", "TestColumn", "id", "items", "mutable", "Array", "useControllableState", "React", "Icon", "Popover", "ResizeHandle", "resizeAttributes", "sizeStyle", "DEFAULT_BLOCK_SIZE", "MIN_BLOCK_SIZE", "CardContainer", "children", "role", "icon", "div", "className", "PopoverCardContainer", "IntrinsicCardContainer", "Root", "open", "Trigger", "asChild", "Portal", "Content", "onOpenAutoFocus", "event", "preventDefault", "Viewport", "classNames", "Arrow", "defaultSize", "size", "propSize", "onSizeChange", "setSize", "prop", "defaultProp", "onChange", "style", "side", "fallbackSize", "minSize", "React", "useMemo", "useRef", "useState", "Obj", "Card", "IconButton", "Menu", "createMenuAction", "JsonHighlighter", "DefaultStackTile", "props", "dragHandleRef", "useRef", "open", "setOpen", "useState", "menuItems", "useMemo", "createMenuAction", "prev", "label", "icon", "React", "Menu", "Root", "Mosaic", "Tile", "asChild", "Focus", "Item", "Card", "className", "Header", "DragHandle", "ref", "Title", "Obj", "getLabel", "data", "id", "Block", "end", "Trigger", "disabled", "length", "IconButton", "iconOnly", "variant", "Content", "items", "Row", "JsonHighlighter", "classNames", "displayName"]
|
|
7
7
|
}
|
|
@@ -84,5 +84,5 @@ export declare const Board: {
|
|
|
84
84
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
85
85
|
};
|
|
86
86
|
export { useBoard, useBoardColumn };
|
|
87
|
-
export type {
|
|
87
|
+
export type { BoardColumnProps, BoardContentProps, BoardItemProps, BoardRootProps };
|
|
88
88
|
//# sourceMappingURL=Board.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Board.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Board.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
type
|
|
3
|
+
type StoryArgs = {
|
|
4
4
|
columns?: number;
|
|
5
5
|
items?: (column: number) => number;
|
|
6
6
|
debug?: boolean;
|
|
7
7
|
};
|
|
8
8
|
declare const meta: {
|
|
9
9
|
title: string;
|
|
10
|
-
render: ({ debug, columns: columnsProp }:
|
|
10
|
+
render: ({ debug, columns: columnsProp }: StoryArgs) => React.JSX.Element;
|
|
11
11
|
decorators: import("@storybook/react").Decorator[];
|
|
12
12
|
parameters: {
|
|
13
13
|
layout: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Board.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Board.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AA6CnD,KAAK,
|
|
1
|
+
{"version":3,"file":"Board.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Board.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AA6CnD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAsIF,QAAA,MAAM,IAAI;;8CAvByD,SAAS;;;;;;;;;;;;;;;;;;;;;;CAoDvC,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Item.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,IAAI,QAAQ,EAAyC,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAQjC,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAMzD,KAAK,cAAc,CAAC,KAAK,SAAS,GAAG,CAAC,OAAO,GAAG,GAAG,IAAI,IAAI,CACzD,eAAe,CAAC,KAAK,CAAC,EACtB,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAC3D,CAAC;
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Item.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,IAAI,QAAQ,EAAyC,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAQjC,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAMzD,KAAK,cAAc,CAAC,KAAK,SAAS,GAAG,CAAC,OAAO,GAAG,GAAG,IAAI,IAAI,CACzD,eAAe,CAAC,KAAK,CAAC,EACtB,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAC3D,CAAC;AA+FF;;GAEG;AACH,QAAA,MAAM,SAAS,EAAqB,CAAC,KAAK,SAAS,GAAG,CAAC,OAAO,GAAG,GAAG,EAClE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;CAAE,KAC9D,YAAY,CAAC;AAElB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Focus,
|
|
1
|
+
export { Focus, type FocusGroupProps, type FocusItemProps, useFocus } from '@dxos/react-ui';
|
|
2
2
|
//# sourceMappingURL=Focus.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { type PropsWithChildren, type ReactNode } from 'react';
|
|
1
|
+
import React, { type PropsWithChildren, type ReactNode, type Ref } from 'react';
|
|
2
2
|
import { type AllowedAxis } from '@dxos/react-ui';
|
|
3
3
|
import { type MosaicDraggingState } from './Root';
|
|
4
4
|
import { type LocationType, type MosaicEventHandler } from './types';
|
|
@@ -30,11 +30,17 @@ type MosaicContainerContextValue<TData = any, Location = LocationType> = {
|
|
|
30
30
|
registerScrollTo: (fn: ((id: string) => void) | undefined) => void;
|
|
31
31
|
};
|
|
32
32
|
declare const useMosaicContainerContext: (consumerName: string) => MosaicContainerContextValue<any, LocationType>;
|
|
33
|
+
/** Imperative handle for scrolling a stack to an item without changing the current/selected item. */
|
|
34
|
+
export type MosaicScrollController = {
|
|
35
|
+
scrollToItem: (id: string) => void;
|
|
36
|
+
};
|
|
33
37
|
type MosaicContainerProps = PropsWithChildren<Partial<Pick<MosaicContainerContextValue, 'eventHandler' | 'orientation'>> & {
|
|
34
38
|
asChild?: boolean;
|
|
35
39
|
/** Support autoscrolling container when dragging. */
|
|
36
40
|
autoScroll?: HTMLElement | null;
|
|
37
41
|
withFocus?: boolean;
|
|
42
|
+
/** Imperative handle to scroll the stack to an item (decoupled from selection). */
|
|
43
|
+
controllerRef?: Ref<MosaicScrollController>;
|
|
38
44
|
/** Controlled current-item ID. */
|
|
39
45
|
currentId?: string;
|
|
40
46
|
/** Called when a tile requests to become current. */
|
|
@@ -45,6 +51,9 @@ type MosaicContainerProps = PropsWithChildren<Partial<Pick<MosaicContainerContex
|
|
|
45
51
|
onSelectionChange?: (id: string, selected: boolean) => void;
|
|
46
52
|
debug?: () => ReactNode;
|
|
47
53
|
}>;
|
|
54
|
+
/**
|
|
55
|
+
* Container for a Mosaic layout.
|
|
56
|
+
*/
|
|
48
57
|
declare const MosaicContainer: React.ForwardRefExoticComponent<Omit<MosaicContainerProps, "className"> & {
|
|
49
58
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
50
59
|
} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Container.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,EAEZ,KAAK,iBAAiB,EACtB,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Container.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,EAEZ,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,WAAW,EAA+B,MAAM,gBAAgB,CAAC;AAI/E,OAAO,EAAE,KAAK,mBAAmB,EAAwB,MAAM,QAAQ,CAAC;AACxE,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,kBAAkB,EAGxB,MAAM,SAAS,CAAC;AAQjB,KAAK,oBAAoB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpF,KAAK,2BAA2B,CAAC,KAAK,GAAG,GAAG,EAAE,QAAQ,GAAG,YAAY,IAAI;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,oBAAoB,CAAC;IAE5B,4BAA4B;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAE5D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE/C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,0DAA0D;IAC1D,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAErD,2EAA2E;IAC3E,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF,QAAA,MAAuC,yBAAyB,0EACD,CAAC;AAWhE,qGAAqG;AACrG,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,KAAK,oBAAoB,GAAG,iBAAiB,CAC3C,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,cAAc,GAAG,aAAa,CAAC,CAAC,GAAG;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,UAAU,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,aAAa,CAAC,EAAE,GAAG,CAAC,sBAAsB,CAAC,CAAC;IAC5C,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,2CAA2C;IAC3C,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,SAAS,CAAC;CACzB,CACF,CAAC;AAEF;;GAEG;AAEH,QAAA,MAAM,eAAe;;2HAiOpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,CAAC;AAEtD,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import { type IconButtonProps, type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
+
export type MosaicDragHandleProps = ThemedClassName<Partial<Pick<IconButtonProps, 'icon' | 'label' | 'variant'>> & {
|
|
4
|
+
testId?: string;
|
|
5
|
+
/**
|
|
6
|
+
* Inline glyph rendered in place of the sprite icon. The browser does not rasterize external SVG
|
|
7
|
+
* sprite `<use>` icons into a native drag image, so a tile that appears in its own drag preview
|
|
8
|
+
* (the clone follows the cursor) must use an inline-SVG handle here to stay visible while dragging.
|
|
9
|
+
*/
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}>;
|
|
12
|
+
/**
|
|
13
|
+
* Affordance that initiates dragging the enclosing {@link MosaicTile}. Renders a button and
|
|
14
|
+
* registers itself with the tile (via context), so consumers only need to drop it inside a
|
|
15
|
+
* `Mosaic.Tile` — no `dragHandle` ref plumbing required.
|
|
16
|
+
*/
|
|
17
|
+
export declare const MosaicDragHandle: React.ForwardRefExoticComponent<Omit<Partial<Pick<IconButtonProps, "icon" | "label" | "variant">> & {
|
|
18
|
+
testId?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Inline glyph rendered in place of the sprite icon. The browser does not rasterize external SVG
|
|
21
|
+
* sprite `<use>` icons into a native drag image, so a tile that appears in its own drag preview
|
|
22
|
+
* (the clone follows the cursor) must use an inline-SVG handle here to stay visible while dragging.
|
|
23
|
+
*/
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
}, "className"> & {
|
|
26
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
27
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
28
|
+
//# sourceMappingURL=DragHandle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/DragHandle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAsB,KAAK,eAAe,EAAE,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAQhH,MAAM,MAAM,qBAAqB,GAAG,eAAe,CACjD,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;aAfhB,MAAM;IACf;;;;OAIG;eACQ,SAAS;;;2CAiDvB,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { type MosaicContainerProps, type MosaicContainerState, useMosaicContainerContext } from './Container';
|
|
1
|
+
import { type MosaicContainerProps, type MosaicContainerState, type MosaicScrollController, useMosaicContainerContext } from './Container';
|
|
2
|
+
import { type MosaicDragHandleProps } from './DragHandle';
|
|
2
3
|
import { type MosaicDropIndicatorProps, type MosaicPlaceholderProps } from './Placeholder';
|
|
4
|
+
import { type MosaicResizeHandleProps } from './ResizeHandle';
|
|
3
5
|
import { type MosaicRootProps, useMosaicRootContext } from './Root';
|
|
4
6
|
import { type MosaicStackProps, type MosaicStackTileComponent } from './Stack';
|
|
5
7
|
import { type MosaicTileProps, type MosaicTileState, useMosaicTileContext } from './Tile';
|
|
@@ -23,6 +25,10 @@ export declare const Mosaic: {
|
|
|
23
25
|
draggable?: boolean;
|
|
24
26
|
current?: boolean;
|
|
25
27
|
selected?: boolean;
|
|
28
|
+
size?: import("@dxos/react-ui-dnd").Size;
|
|
29
|
+
onSizeChange?: (size: import("@dxos/react-ui-dnd").Size) => void;
|
|
30
|
+
minSize?: number;
|
|
31
|
+
maxSize?: number;
|
|
26
32
|
debug?: boolean;
|
|
27
33
|
}>, "className"> & {
|
|
28
34
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
@@ -31,6 +37,16 @@ export declare const Mosaic: {
|
|
|
31
37
|
}, "className"> & {
|
|
32
38
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
33
39
|
} & Pick<import("react").HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
40
|
+
DragHandle: import("react").ForwardRefExoticComponent<Omit<Partial<Pick<import("@dxos/react-ui").IconButtonProps, "icon" | "label" | "variant">> & {
|
|
41
|
+
testId?: string;
|
|
42
|
+
children?: import("react").ReactNode;
|
|
43
|
+
}, "className"> & {
|
|
44
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
45
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
46
|
+
ResizeHandle: {
|
|
47
|
+
({ minSize, maxSize, fallbackSize, }: MosaicResizeHandleProps): import("react").JSX.Element;
|
|
48
|
+
displayName: string;
|
|
49
|
+
};
|
|
34
50
|
Placeholder: {
|
|
35
51
|
<Location extends import("./types").LocationType = import("./types").LocationType>({ classNames, children, asChild, orientation, location, }: MosaicPlaceholderProps<Location>): import("react").JSX.Element;
|
|
36
52
|
displayName: string;
|
|
@@ -46,6 +62,6 @@ export declare const Mosaic: {
|
|
|
46
62
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
47
63
|
}) => import("react").ReactElement;
|
|
48
64
|
};
|
|
49
|
-
export type {
|
|
65
|
+
export type { MosaicContainerProps, MosaicContainerState, MosaicDragHandleProps, MosaicDropIndicatorProps, MosaicPlaceholderProps, MosaicResizeHandleProps, MosaicRootProps, MosaicScrollController, MosaicStackProps, MosaicStackTileComponent, MosaicTileProps, MosaicTileState, };
|
|
50
66
|
export { useMosaicRootContext as useMosaic, useMosaicContainerContext as useMosaicContainer, useMosaicTileContext as useMosaicTile, };
|
|
51
67
|
//# sourceMappingURL=Mosaic.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mosaic.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Mosaic.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,yBAAyB,EAC1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,sBAAsB,EAC5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAc,KAAK,eAAe,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAChF,OAAO,EAAe,KAAK,gBAAgB,EAAE,KAAK,wBAAwB,EAAsB,MAAM,SAAS,CAAC;AAChH,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAMtG,eAAO,MAAM,MAAM;IACjB,IAAI;;;;;;IACJ,SAAS;;;IACT,IAAI
|
|
1
|
+
{"version":3,"file":"Mosaic.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Mosaic.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,yBAAyB,EAC1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,sBAAsB,EAC5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAc,KAAK,eAAe,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAChF,OAAO,EAAe,KAAK,gBAAgB,EAAE,KAAK,wBAAwB,EAAsB,MAAM,SAAS,CAAC;AAChH,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAMtG,eAAO,MAAM,MAAM;IACjB,IAAI;;;;;;IACJ,SAAS;;;IACT,IAAI;;;;;;;;;;;;;;;;;;;;;;IACJ,UAAU;;;;;;IACV,YAAY;;;;IACZ,WAAW;;;;IACX,aAAa;;;;IACb,KAAK;;;IACL,YAAY;;;CACb,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,eAAe,GAChB,CAAC;AAEF,OAAO,EACL,oBAAoB,IAAI,SAAS,EACjC,yBAAyB,IAAI,kBAAkB,EAC/C,oBAAoB,IAAI,aAAa,GACtC,CAAC"}
|
|
@@ -16,6 +16,6 @@ declare function MosaicDropIndicator(props: MosaicDropIndicatorProps): React.JSX
|
|
|
16
16
|
declare namespace MosaicDropIndicator {
|
|
17
17
|
var displayName: string;
|
|
18
18
|
}
|
|
19
|
-
export {
|
|
20
|
-
export type {
|
|
19
|
+
export { MosaicDropIndicator, MosaicPlaceholder };
|
|
20
|
+
export type { MosaicDropIndicatorProps, MosaicPlaceholderProps };
|
|
21
21
|
//# sourceMappingURL=Placeholder.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Placeholder.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,kBAAkB,IAAI,yBAAyB,EACrD,MAAM,4DAA4D,CAAC;AAIpE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjE,OAAO,EAAE,KAAK,YAAY,EAA6C,MAAM,SAAS,CAAC;AAmBvF,KAAK,sBAAsB,CAAC,QAAQ,GAAG,YAAY,IAAI,eAAe,CACpE,iBAAiB,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC,CACH,CAAC;mCAEyB,QAAQ,SAAS,YAAY,GAAG,YAAY,EAAE,EACvE,UAAU,EACV,QAAQ,EACR,OAAO,EACP,WAAwB,EACxB,QAAQ,EACT,EAAE,sBAAsB,CAAC,QAAQ,CAAC;;;;
|
|
1
|
+
{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Placeholder.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,kBAAkB,IAAI,yBAAyB,EACrD,MAAM,4DAA4D,CAAC;AAIpE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjE,OAAO,EAAE,KAAK,YAAY,EAA6C,MAAM,SAAS,CAAC;AAmBvF,KAAK,sBAAsB,CAAC,QAAQ,GAAG,YAAY,IAAI,eAAe,CACpE,iBAAiB,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC,CACH,CAAC;mCAEyB,QAAQ,SAAS,YAAY,GAAG,YAAY,EAAE,EACvE,UAAU,EACV,QAAQ,EACR,OAAO,EACP,WAAwB,EACxB,QAAQ,EACT,EAAE,sBAAsB,CAAC,QAAQ,CAAC;;;;AAwEnC,KAAK,wBAAwB,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;qCAE3C,KAAK,EAAE,wBAAwB;;;;AAa5D,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC;AAElD,YAAY,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type MosaicResizeHandleProps = {
|
|
3
|
+
/** Lower bound in rem; overrides the tile's `minSize`, else a sensible per-axis minimum. */
|
|
4
|
+
minSize?: number;
|
|
5
|
+
/** Upper bound in rem; overrides the tile's `maxSize`. */
|
|
6
|
+
maxSize?: number;
|
|
7
|
+
/** Extent assumed before the subject is first measured. */
|
|
8
|
+
fallbackSize?: number;
|
|
9
|
+
};
|
|
10
|
+
export declare function MosaicResizeHandle({ minSize, maxSize, fallbackSize }: MosaicResizeHandleProps): React.JSX.Element;
|
|
11
|
+
export declare namespace MosaicResizeHandle {
|
|
12
|
+
var displayName: string;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=ResizeHandle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResizeHandle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/ResizeHandle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,MAAM,uBAAuB,GAAG;IACpC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;2CAQiC,EACjC,OAAO,EACP,OAAO,EACP,YAAqC,EACtC,EAAE,uBAAuB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { type Axis } from '@dxos/react-ui';
|
|
4
|
+
declare const DefaultStory: ({ orientation }: {
|
|
5
|
+
orientation?: Axis;
|
|
6
|
+
}) => React.JSX.Element;
|
|
7
|
+
declare const meta: Meta;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof DefaultStory>;
|
|
10
|
+
export declare const Horizontal: Story;
|
|
11
|
+
export declare const Vertical: Story;
|
|
12
|
+
//# sourceMappingURL=ResizeHandle.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResizeHandle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/ResizeHandle.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,gBAAgB,CAAC;AA+CvD,QAAA,MAAM,YAAY,oBAAkC;IAAE,WAAW,CAAC,EAAE,IAAI,CAAA;CAAE,sBAuCzE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}
|
|
@@ -31,5 +31,5 @@ declare const MosaicRoot: React.ForwardRefExoticComponent<{
|
|
|
31
31
|
children?: React.ReactNode | undefined;
|
|
32
32
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
33
33
|
export { MosaicRoot, useMosaicRootContext };
|
|
34
|
-
export type {
|
|
34
|
+
export type { MosaicDraggingState, MosaicRootProps };
|
|
35
35
|
//# sourceMappingURL=Root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Root.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAwD,MAAM,OAAO,CAAC;AAI5G,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAMxF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC/C,YAAY,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,QAAA,MAAkC,oBAAoB,kDAAuD,CAAC;AAW9G,KAAK,eAAe,GAAG,iBAAiB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,QAAA,MAAM,UAAU;cAJJ,OAAO;YACT,OAAO;;;
|
|
1
|
+
{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Root.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAwD,MAAM,OAAO,CAAC;AAI5G,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAMxF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC/C,YAAY,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,QAAA,MAAkC,oBAAoB,kDAAuD,CAAC;AAW9G,KAAK,eAAe,GAAG,iBAAiB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,QAAA,MAAM,UAAU;cAJJ,OAAO;YACT,OAAO;;;wCAgOf,CAAC;AAIH,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC;AAE5C,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -25,5 +25,5 @@ declare namespace InternalPlaceholder {
|
|
|
25
25
|
var displayName: string;
|
|
26
26
|
}
|
|
27
27
|
export { MosaicStack, MosaicVirtualStack };
|
|
28
|
-
export type {
|
|
28
|
+
export type { MosaicStackProps, MosaicStackTileComponent, MosaicVirtualStackProps };
|
|
29
29
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Stack.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,yBAAyB,CAAC;AACvF,OAAO,KAAK,EAAE,EACZ,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Stack.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,yBAAyB,CAAC;AACvF,OAAO,KAAK,EAAE,EACZ,KAAK,EAAE,EAEP,KAAK,YAAY,EACjB,KAAK,GAAG,EAOT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,eAAe,EAA+B,MAAM,gBAAgB,CAAC;AAK9F,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AAyBrC,KAAK,wBAAwB,CAAC,KAAK,GAAG,GAAG,IAAI,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;AAExE,KAAK,gBAAgB,CAAC,KAAK,GAAG,GAAG,IAAI,eAAe,CAClD;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;CACvC,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CACxD,CAAC;AAuGF,QAAA,MAAM,WAAW,EAAuB,CAAC,KAAK,GAAG,GAAG,EAClD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KAC3D,YAAY,CAAC;AAQlB,KAAK,uBAAuB,CAAC,KAAK,GAAG,GAAG,IAAI,gBAAgB,CAAC,KAAK,CAAC,GACjE,IAAI,CACF,uBAAuB,CAAC,WAAW,EAAE,cAAc,CAAC,EACpD,cAAc,GAAG,KAAK,GAAG,kBAAkB,GAAG,UAAU,GAAG,UAAU,CACtE,CAAC;AAoKJ,QAAA,MAAM,kBAAkB,EAA8B,CAAC,KAAK,GAAG,GAAG,EAChE,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KAClE,YAAY,CAAC;qCAQW,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC;;;;AAmBlE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC;AAE3C,YAAY,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
|
|
2
2
|
import React, { type PropsWithChildren } from 'react';
|
|
3
3
|
import { type ThemedClassName } from '@dxos/react-ui';
|
|
4
|
+
import { type Size } from '@dxos/react-ui-dnd';
|
|
4
5
|
import { type LocationType } from './types';
|
|
5
6
|
type MosaicTileState = {
|
|
6
7
|
type: 'idle';
|
|
@@ -16,6 +17,15 @@ type MosaicTileState = {
|
|
|
16
17
|
};
|
|
17
18
|
type MosaicTileContextValue = {
|
|
18
19
|
state: MosaicTileState;
|
|
20
|
+
/** Register the element that initiates dragging; set by a child `Mosaic.DragHandle`. */
|
|
21
|
+
setDragHandle: (element: HTMLElement | null) => void;
|
|
22
|
+
/** Current extent (rem) during/after resize; undefined when the tile is not sized. */
|
|
23
|
+
size?: Size;
|
|
24
|
+
/** Update the tile extent. A `commit` (drop) propagates to the consumer's `onSizeChange`. */
|
|
25
|
+
setSize: (size: Size, commit?: boolean) => void;
|
|
26
|
+
/** Resize bounds (rem) declared by the tile; consumed by `Mosaic.ResizeHandle`. */
|
|
27
|
+
minSize?: number;
|
|
28
|
+
maxSize?: number;
|
|
19
29
|
};
|
|
20
30
|
declare const useMosaicTileContext: (consumerName: string) => MosaicTileContextValue;
|
|
21
31
|
type MosaicTileProps<TData = any, TLocation = LocationType> = ThemedClassName<PropsWithChildren<{
|
|
@@ -30,6 +40,18 @@ type MosaicTileProps<TData = any, TLocation = LocationType> = ThemedClassName<Pr
|
|
|
30
40
|
current?: boolean;
|
|
31
41
|
/** Whether this tile is selected (aria-selected). */
|
|
32
42
|
selected?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Initial extent in rem (width when the container is horizontal, height when vertical).
|
|
45
|
+
* Pair with a child `Mosaic.ResizeHandle` to make the tile user-resizable; the consumer
|
|
46
|
+
* persists committed sizes via {@link MosaicTileProps.onSizeChange}.
|
|
47
|
+
*/
|
|
48
|
+
size?: Size;
|
|
49
|
+
/** Called when the user commits a resize (on drop). */
|
|
50
|
+
onSizeChange?: (size: Size) => void;
|
|
51
|
+
/** Lower bound for the resizable extent in rem; enforced during drag and as a CSS min constraint. */
|
|
52
|
+
minSize?: number;
|
|
53
|
+
/** Upper bound for the resizable extent in rem; enforced during drag and as a CSS max constraint. */
|
|
54
|
+
maxSize?: number;
|
|
33
55
|
debug?: boolean;
|
|
34
56
|
}>>;
|
|
35
57
|
declare const MosaicTile: React.ForwardRefExoticComponent<Omit<Omit<PropsWithChildren<{
|
|
@@ -44,6 +66,18 @@ declare const MosaicTile: React.ForwardRefExoticComponent<Omit<Omit<PropsWithChi
|
|
|
44
66
|
current?: boolean;
|
|
45
67
|
/** Whether this tile is selected (aria-selected). */
|
|
46
68
|
selected?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Initial extent in rem (width when the container is horizontal, height when vertical).
|
|
71
|
+
* Pair with a child `Mosaic.ResizeHandle` to make the tile user-resizable; the consumer
|
|
72
|
+
* persists committed sizes via {@link MosaicTileProps.onSizeChange}.
|
|
73
|
+
*/
|
|
74
|
+
size?: Size;
|
|
75
|
+
/** Called when the user commits a resize (on drop). */
|
|
76
|
+
onSizeChange?: (size: Size) => void;
|
|
77
|
+
/** Lower bound for the resizable extent in rem; enforced during drag and as a CSS min constraint. */
|
|
78
|
+
minSize?: number;
|
|
79
|
+
/** Upper bound for the resizable extent in rem; enforced during drag and as a CSS max constraint. */
|
|
80
|
+
maxSize?: number;
|
|
47
81
|
debug?: boolean;
|
|
48
82
|
}>, "className"> & {
|
|
49
83
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,IAAI,EAGV,MAAM,uDAAuD,CAAC;AAc/D,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,IAAI,EAGV,MAAM,uDAAuD,CAAC;AAc/D,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAA2D,MAAM,OAAO,CAAC;AAG/G,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,KAAK,IAAI,EAA+B,MAAM,oBAAoB,CAAC;AAG5E,OAAO,EAAE,KAAK,YAAY,EAAsC,MAAM,SAAS,CAAC;AAQhF,KAAK,eAAe,GAChB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,WAAW,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,CAAC;AAEjD,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,eAAe,CAAC;IACvB,wFAAwF;IACxF,aAAa,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,sFAAsF;IACtF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6FAA6F;IAC7F,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,QAAA,MAAkC,oBAAoB,kDAAuD,CAAC;AAK9G,KAAK,eAAe,CAAC,KAAK,GAAG,GAAG,EAAE,SAAS,GAAG,YAAY,IAAI,eAAe,CAC3E,iBAAiB,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CACH,CAAC;AAEF,QAAA,MAAM,UAAU;gBA3BA,MAAM;iBACL,WAAW,GAAG,IAAI;mBAChB,IAAI,EAAE;QACjB,MAAM;;;gBAGE,OAAO;IACnB,4DAA4D;cAClD,OAAO;IACjB,qDAAqD;eAC1C,OAAO;IAClB;;;;OAIG;WACI,IAAI;IACX,uDAAuD;mBACxC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IACnC,qGAAqG;cAC3F,MAAM;IAChB,qGAAqG;cAC3F,MAAM;YACR,OAAO;;;;;;;2HAgPlB,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC;AAE5C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;QAEf,IAAI;QAWJ,OAAO;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;QAEf,IAAI;QAWJ,OAAO;;CAa+C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultStackTile.d.ts","sourceRoot":"","sources":["../../../../src/testing/DefaultStackTile.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAKjC,OAAO,EAAiB,KAAK,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAE7E,eAAO,MAAM,gBAAgB,EAAE,wBAAwB,CAAC,GAAG,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"DefaultStackTile.d.ts","sourceRoot":"","sources":["../../../../src/testing/DefaultStackTile.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAKjC,OAAO,EAAiB,KAAK,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAE7E,eAAO,MAAM,gBAAgB,EAAE,wBAAwB,CAAC,GAAG,CAAC,GAAG,CA4C9D,CAAC"}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
import * as Schema from 'effect/Schema';
|
|
2
1
|
import { Type } from '@dxos/echo';
|
|
3
|
-
|
|
2
|
+
declare const TestItem_base: Type.ObjClass<TestItem, {
|
|
4
3
|
readonly name: string;
|
|
5
4
|
readonly description?: string | undefined;
|
|
6
5
|
readonly label?: string | undefined;
|
|
7
|
-
},
|
|
8
|
-
export
|
|
9
|
-
|
|
6
|
+
}, {}>;
|
|
7
|
+
export declare class TestItem extends TestItem_base {
|
|
8
|
+
}
|
|
9
|
+
declare const TestColumn_base: Type.ObjClass<TestColumn, {
|
|
10
10
|
readonly id: string;
|
|
11
11
|
readonly name: string;
|
|
12
|
-
readonly items: import("@dxos/echo/internal").Ref<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}, Schema.Struct.Fields>;
|
|
18
|
-
export type TestColumn = Type.InstanceType<typeof TestColumn>;
|
|
12
|
+
readonly items: import("@dxos/echo/internal").Ref<TestItem & import("@dxos/echo/Entity").OfKind<import("@dxos/echo/internal").EntityKind.Object> & import("@dxos/echo/Obj").Unknown>[];
|
|
13
|
+
}, {}>;
|
|
14
|
+
export declare class TestColumn extends TestColumn_base {
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
19
17
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/testing/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/testing/types.ts"],"names":[],"mappings":"AAMA,OAAO,EAAY,IAAI,EAAE,MAAM,YAAY,CAAC;;;;;;AAO5C,qBAAa,QAAS,SAAQ,aAM7B;CAAG;;;;;;AAEJ,qBAAa,UAAW,SAAQ,eAM/B;CAAG"}
|