@dxos/react-ui-stack 0.8.4-main.f9ba587 → 0.8.4-main.fcc0d83b33
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 +535 -1013
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{testing → playwright}/index.mjs +5 -1
- package/dist/lib/browser/{testing → playwright}/index.mjs.map +3 -3
- package/dist/lib/browser/translations.mjs +23 -0
- package/dist/lib/browser/translations.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +535 -1013
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{testing → playwright}/index.mjs +5 -1
- package/dist/lib/node-esm/{testing → playwright}/index.mjs.map +3 -3
- package/dist/lib/node-esm/translations.mjs +25 -0
- package/dist/lib/node-esm/translations.mjs.map +7 -0
- package/dist/types/src/components/Stack/Stack.d.ts +13 -10
- package/dist/types/src/components/Stack/Stack.d.ts.map +1 -1
- package/dist/types/src/components/Stack/Stack.stories.d.ts +12 -3
- package/dist/types/src/components/Stack/Stack.stories.d.ts.map +1 -1
- package/dist/types/src/components/StackContext.d.ts +2 -1
- package/dist/types/src/components/StackContext.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/MenuSignifier.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItem.d.ts +14 -17
- package/dist/types/src/components/StackItem/StackItem.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItem.stories.d.ts +13 -5
- package/dist/types/src/components/StackItem/StackItem.stories.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItemContent.d.ts +4 -37
- package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItemDragHandle.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItemHeading.d.ts +2 -2
- package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts +1 -1
- package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItemSigil.d.ts +2 -2
- package/dist/types/src/components/StackItem/StackItemSigil.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/dist/types/src/components/{defs.d.ts → types.d.ts} +1 -1
- package/dist/types/src/components/types.d.ts.map +1 -0
- package/dist/types/src/hooks/useStackDropForElements.d.ts +9 -7
- package/dist/types/src/hooks/useStackDropForElements.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -2
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/playwright/index.d.ts.map +1 -0
- package/dist/types/src/playwright/playwright.config.d.ts.map +1 -1
- package/dist/types/src/playwright/stack-manager.d.ts.map +1 -0
- package/dist/types/src/translations.d.ts +10 -10
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +54 -46
- package/src/components/Stack/Stack.stories.tsx +15 -18
- package/src/components/Stack/Stack.tsx +239 -53
- package/src/components/StackContext.tsx +2 -1
- package/src/components/StackItem/MenuSignifier.tsx +2 -9
- package/src/components/StackItem/StackItem.stories.tsx +22 -18
- package/src/components/StackItem/StackItem.tsx +61 -43
- package/src/components/StackItem/StackItemContent.tsx +25 -44
- package/src/components/StackItem/StackItemDragHandle.tsx +4 -3
- package/src/components/StackItem/StackItemHeading.tsx +17 -20
- package/src/components/StackItem/StackItemResizeHandle.tsx +2 -2
- package/src/components/StackItem/StackItemSigil.tsx +11 -7
- package/src/components/index.ts +2 -1
- package/src/hooks/useStackDropForElements.ts +61 -47
- package/src/index.ts +0 -4
- package/src/{testing → playwright}/index.ts +1 -1
- package/src/playwright/playwright.config.ts +1 -1
- package/src/playwright/smoke.spec.ts +1 -1
- package/src/translations.ts +9 -9
- package/dist/types/src/components/defs.d.ts.map +0 -1
- package/dist/types/src/components/deprecated/LayoutControls.d.ts +0 -19
- package/dist/types/src/components/deprecated/LayoutControls.d.ts.map +0 -1
- package/dist/types/src/exemplars/Card/Card.d.ts +0 -57
- package/dist/types/src/exemplars/Card/Card.d.ts.map +0 -1
- package/dist/types/src/exemplars/Card/Card.stories.d.ts +0 -13
- package/dist/types/src/exemplars/Card/Card.stories.d.ts.map +0 -1
- package/dist/types/src/exemplars/Card/CardDragPreview.d.ts +0 -6
- package/dist/types/src/exemplars/Card/CardDragPreview.d.ts.map +0 -1
- package/dist/types/src/exemplars/Card/fragments.d.ts +0 -12
- package/dist/types/src/exemplars/Card/fragments.d.ts.map +0 -1
- package/dist/types/src/exemplars/Card/index.d.ts +0 -4
- package/dist/types/src/exemplars/Card/index.d.ts.map +0 -1
- package/dist/types/src/exemplars/CardStack/CardStack.d.ts +0 -40
- package/dist/types/src/exemplars/CardStack/CardStack.d.ts.map +0 -1
- package/dist/types/src/exemplars/CardStack/CardStack.stories.d.ts +0 -9
- package/dist/types/src/exemplars/CardStack/CardStack.stories.d.ts.map +0 -1
- package/dist/types/src/exemplars/CardStack/CardStackDragPreview.d.ts +0 -9
- package/dist/types/src/exemplars/CardStack/CardStackDragPreview.d.ts.map +0 -1
- package/dist/types/src/exemplars/CardStack/index.d.ts +0 -3
- package/dist/types/src/exemplars/CardStack/index.d.ts.map +0 -1
- package/dist/types/src/exemplars/index.d.ts +0 -3
- package/dist/types/src/exemplars/index.d.ts.map +0 -1
- package/dist/types/src/testing/index.d.ts.map +0 -1
- package/dist/types/src/testing/stack-manager.d.ts.map +0 -1
- package/src/components/deprecated/LayoutControls.tsx +0 -109
- package/src/exemplars/Card/Card.stories.tsx +0 -78
- package/src/exemplars/Card/Card.tsx +0 -167
- package/src/exemplars/Card/CardDragPreview.tsx +0 -22
- package/src/exemplars/Card/fragments.ts +0 -23
- package/src/exemplars/Card/index.ts +0 -7
- package/src/exemplars/CardStack/CardStack.stories.tsx +0 -172
- package/src/exemplars/CardStack/CardStack.tsx +0 -136
- package/src/exemplars/CardStack/CardStackDragPreview.tsx +0 -61
- package/src/exemplars/CardStack/index.ts +0 -6
- package/src/exemplars/index.ts +0 -6
- /package/dist/types/src/{testing → playwright}/index.d.ts +0 -0
- /package/dist/types/src/{testing → playwright}/stack-manager.d.ts +0 -0
- /package/src/components/{defs.ts → types.ts} +0 -0
- /package/src/{testing → playwright}/stack-manager.ts +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/
|
|
3
|
+
"sources": ["../../../../src/playwright/stack-manager.ts"],
|
|
4
4
|
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page } from '@playwright/test';\n\nexport class StackManager {\n private readonly _page: Page;\n\n constructor(readonly locator: Locator) {\n this._page = locator.page();\n }\n\n sections(): Locator {\n return this.locator.locator('section');\n }\n\n order() {\n return this.locator.locator('section').evaluateAll((els) => els.map((el) => el.getAttribute('id')));\n }\n\n section(index: number): SectionManager {\n return new SectionManager(this.locator.locator('section').nth(index));\n }\n}\n\nexport class SectionManager {\n private readonly _page: Page;\n\n constructor(readonly locator: Locator) {\n this._page = locator.page();\n }\n\n async id(): Promise<string | null> {\n return this.locator.getAttribute('id');\n }\n\n async remove(): Promise<void> {\n await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n await this._page.getByTestId('section.remove').click();\n }\n\n async navigateTo(): Promise<void> {\n await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n await this._page.getByTestId('section.navigate-to').click();\n }\n\n async dragTo(target: Locator, offset: { x: number; y: number } = { x: 0, y: 0 }): Promise<void> {\n const active = this.locator.getByTestId('section.drag-handle-menu-trigger');\n const box = await target.boundingBox();\n if (box) {\n await active.hover();\n await this._page.mouse.down();\n // Timeouts are for input discretization in WebKit\n await this._page.waitForTimeout(100);\n await this._page.pause();\n await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n await this._page.pause();\n await this._page.waitForTimeout(100);\n await this._page.mouse.up();\n }\n }\n}\n"],
|
|
5
|
-
"mappings": ";;;AAMO,IAAMA,eAAN,MAAMA;
|
|
6
|
-
"names": ["StackManager", "
|
|
5
|
+
"mappings": ";;;AAMO,IAAMA,eAAN,MAAMA;;EACMC;EAEjB,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKD,QAAQC,QAAQC,KAAI;EAC3B;EAEAC,WAAoB;AAClB,WAAO,KAAKF,QAAQA,QAAQ,SAAA;EAC9B;EAEAG,QAAQ;AACN,WAAO,KAAKH,QAAQA,QAAQ,SAAA,EAAWI,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKX,QAAQA,QAAQ,SAAA,EAAWY,IAAIF,KAAAA,CAAAA;EAChE;AACF;AAEO,IAAMC,iBAAN,MAAMA;;EACMZ;EAEjB,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKD,QAAQC,QAAQC,KAAI;EAC3B;EAEA,MAAMY,KAA6B;AACjC,WAAO,KAAKb,QAAQQ,aAAa,IAAA;EACnC;EAEA,MAAMM,SAAwB;AAC5B,UAAM,KAAKd,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKjB,MAAMgB,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKjB,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKjB,MAAMgB,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKvB,QAAQe,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAK3B,MAAM4B,MAAMC,KAAI;AAE3B,YAAM,KAAK7B,MAAM8B,eAAe,GAAA;AAChC,YAAM,KAAK9B,MAAM+B,MAAK;AACtB,YAAM,KAAK/B,MAAM4B,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKnC,MAAM+B,MAAK;AACtB,YAAM,KAAK/B,MAAM8B,eAAe,GAAA;AAChC,YAAM,KAAK9B,MAAM4B,MAAMQ,GAAE;IAC3B;EACF;AACF;",
|
|
6
|
+
"names": ["StackManager", "_page", "locator", "page", "sections", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
+
|
|
3
|
+
// src/translations.ts
|
|
4
|
+
var translationKey = "@dxos/react-ui-stack";
|
|
5
|
+
var translations = [
|
|
6
|
+
{
|
|
7
|
+
"en-US": {
|
|
8
|
+
[translationKey]: {
|
|
9
|
+
"resize.label": "Drag to resize",
|
|
10
|
+
"drag-handle.label": "Drag to rearrange",
|
|
11
|
+
"pin-start.label": "Pin to the left sidebar",
|
|
12
|
+
"pin-end.label": "Pin to the right sidebar",
|
|
13
|
+
"increment-start.label": "Move to the left",
|
|
14
|
+
"increment-end.label": "Move to the right",
|
|
15
|
+
"close.label": "Close",
|
|
16
|
+
"minify.label": "Minify"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
];
|
|
21
|
+
export {
|
|
22
|
+
translationKey,
|
|
23
|
+
translations
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=translations.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/translations.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-stack';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {\n 'resize.label': 'Drag to resize',\n 'drag-handle.label': 'Drag to rearrange',\n 'pin-start.label': 'Pin to the left sidebar',\n 'pin-end.label': 'Pin to the right sidebar',\n 'increment-start.label': 'Move to the left',\n 'increment-end.label': 'Move to the right',\n 'close.label': 'Close',\n 'minify.label': 'Minify',\n },\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": ";;;AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,cAAAA,GAAiB;QAChB,gBAAgB;QAChB,qBAAqB;QACrB,mBAAmB;QACnB,iBAAiB;QACjB,yBAAyB;QACzB,uBAAuB;QACvB,eAAe;QACf,gBAAgB;MAClB;IACF;EACF;;",
|
|
6
|
+
"names": ["translationKey", "translations"]
|
|
7
|
+
}
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import React, { type ComponentPropsWithRef } from 'react';
|
|
2
2
|
import { type ThemedClassName } from '@dxos/react-ui';
|
|
3
3
|
import { StackContext } from '../StackContext';
|
|
4
|
-
import { type StackContextValue } from '../
|
|
4
|
+
import { type StackContextValue } from '../types';
|
|
5
5
|
export type Orientation = 'horizontal' | 'vertical';
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Size is how Stack and its StackItems coordinate the dimensions of the items with the available space.
|
|
8
|
+
* - `intrinsic` signals to Stack and its StackItems to occupy their intrinsic size
|
|
9
|
+
* - Any other size will extrinsically fill the available space along the axis of its orientation and handle overflow:
|
|
10
|
+
* - `contain` causes StackItems to occupy their intrinsic size
|
|
11
|
+
* - `split` divides the Stack’s available space among the StackItems
|
|
12
|
+
*/
|
|
13
|
+
export type Size = 'intrinsic' | 'contain' | 'split';
|
|
14
|
+
export declare const railGridHorizontal = "grid-rows-[[rail-start]_var(--dx-rail-size)_[content-start]_1fr_[content-end]]";
|
|
15
|
+
export declare const railGridVertical = "grid-cols-[[rail-start]_var(--dx-rail-size)_[content-start]_1fr_[content-end]]";
|
|
7
16
|
export type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> & Partial<StackContextValue> & {
|
|
8
17
|
itemsCount?: number;
|
|
9
|
-
|
|
18
|
+
circularFocus?: boolean;
|
|
10
19
|
separatorOnScroll?: number;
|
|
11
|
-
|
|
12
|
-
export declare const railGridHorizontal = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
|
|
13
|
-
export declare const railGridVertical = "grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
|
|
14
|
-
export declare const railGridHorizontalContainFitContent = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]";
|
|
15
|
-
export declare const railGridVerticalContainFitContent = "grid-cols-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]";
|
|
16
|
-
export declare const autoScrollRootAttributes: {
|
|
17
|
-
'data-drag-autoscroll': string;
|
|
20
|
+
getDropElement?: (stackElement: HTMLDivElement) => HTMLDivElement;
|
|
18
21
|
};
|
|
19
22
|
export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
23
|
export { StackContext };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAEZ,KAAK,qBAAqB,EAO3B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAY,KAAK,eAAe,EAAS,MAAM,gBAAgB,CAAC;AAIvE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD,eAAO,MAAM,kBAAkB,mFAAmF,CAAC;AACnH,eAAO,MAAM,gBAAgB,mFAAmF,CAAC;AAYjH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAC9F,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,KAAK,cAAc,CAAC;CACnE,CAAC;AAEJ,eAAO,MAAM,KAAK,gGAwIjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1,8 +1,17 @@
|
|
|
1
|
-
import '@
|
|
2
|
-
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
declare const DefaultStory: () => React.JSX.Element;
|
|
5
|
-
declare const meta:
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: () => React.JSX.Element;
|
|
7
|
+
argTypes: {
|
|
8
|
+
orientation: {
|
|
9
|
+
control: string;
|
|
10
|
+
options: string[];
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
decorators: import("@storybook/react").Decorator[];
|
|
14
|
+
};
|
|
6
15
|
export default meta;
|
|
7
16
|
type Story = StoryObj<typeof DefaultStory>;
|
|
8
17
|
export declare const Default: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgC,MAAM,OAAO,CAAC;AAuBrD,QAAA,MAAM,YAAY,yBAiGjB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;QAGI,WAAW;YAAI,OAAO;YAAW,OAAO;;;;CAEjB,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { type Orientation, type Size } from './Stack';
|
|
2
|
-
import { type
|
|
2
|
+
import { type StackItemRearrangeHandler, type StackItemSize } from './types';
|
|
3
3
|
export type StackContextValue = {
|
|
4
4
|
orientation: Orientation;
|
|
5
5
|
rail: boolean;
|
|
6
6
|
size: Size;
|
|
7
7
|
onRearrange?: StackItemRearrangeHandler;
|
|
8
|
+
stackId?: string;
|
|
8
9
|
};
|
|
9
10
|
export declare const StackContext: import("react").Context<StackContextValue>;
|
|
10
11
|
export declare const useStack: () => StackContextValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/StackContext.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/StackContext.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,4CAIvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yBAAiC,CAAC;AAEvD,MAAM,MAAM,aAAa,GACrB;IACE,IAAI,EAAE,MAAM,CAAC;CACd,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC;CACX,GACD;IACE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEN,eAAO,MAAM,IAAI,EAAE,aAAgC,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG;IAClC,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,gDAM3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSignifier.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/MenuSignifier.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"MenuSignifier.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/MenuSignifier.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,uBAAuB,yBAanC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAIjC,CAAC"}
|
|
@@ -1,46 +1,44 @@
|
|
|
1
1
|
import React, { type ComponentPropsWithRef, type ReactNode } from 'react';
|
|
2
2
|
import { type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
+
import { type StackItemData, type StackItemSize } from '../types';
|
|
3
4
|
import { type StackItemContentProps } from './StackItemContent';
|
|
4
5
|
import { type StackItemDragHandleProps } from './StackItemDragHandle';
|
|
5
|
-
import { type
|
|
6
|
+
import { type StackItemHeadingLabelProps, type StackItemHeadingProps } from './StackItemHeading';
|
|
6
7
|
import { type StackItemResizeHandleProps } from './StackItemResizeHandle';
|
|
7
|
-
import { type
|
|
8
|
-
import { type StackItemSize, type StackItemData } from '../defs';
|
|
9
|
-
export declare const DEFAULT_HORIZONTAL_SIZE = 48;
|
|
8
|
+
import { type StackItemSigilAction, type StackItemSigilButtonProps, type StackItemSigilProps } from './StackItemSigil';
|
|
10
9
|
export declare const DEFAULT_VERTICAL_SIZE = "min-content";
|
|
11
|
-
export declare const
|
|
10
|
+
export declare const DEFAULT_HORIZONTAL_SIZE = 50;
|
|
11
|
+
export declare const DEFAULT_EXTRINSIC_SIZE = 50;
|
|
12
12
|
type StackItemRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
|
|
13
|
+
role?: 'article' | 'section';
|
|
13
14
|
item: Omit<StackItemData, 'type'>;
|
|
14
15
|
order?: number;
|
|
15
16
|
prevSiblingId?: string;
|
|
16
17
|
nextSiblingId?: string;
|
|
17
18
|
size?: StackItemSize;
|
|
18
19
|
onSizeChange?: (nextSize: StackItemSize) => void;
|
|
19
|
-
role?: 'article' | 'section';
|
|
20
20
|
disableRearrange?: boolean;
|
|
21
|
-
focusIndicatorVariant?: 'over-all' | 'group';
|
|
21
|
+
focusIndicatorVariant?: 'over-all' | 'group' | 'over-all-always' | 'group-always';
|
|
22
22
|
};
|
|
23
23
|
type StackItemDragPreviewProps = {
|
|
24
24
|
children: ({ item }: {
|
|
25
25
|
item: any;
|
|
26
26
|
}) => ReactNode;
|
|
27
27
|
};
|
|
28
|
-
export declare const StackItemDragPreview: ({ children }: StackItemDragPreviewProps) => React.ReactPortal | null;
|
|
29
28
|
export declare const StackItem: {
|
|
30
29
|
Root: React.ForwardRefExoticComponent<Omit<StackItemRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
Content: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
|
|
32
|
-
classNames?: import("@dxos/
|
|
30
|
+
Content: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "role" | "scrollable">, "className"> & {
|
|
31
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
33
32
|
} & {
|
|
34
33
|
toolbar?: boolean;
|
|
35
34
|
statusbar?: boolean;
|
|
36
|
-
layoutManaged?: boolean;
|
|
37
|
-
size?: "intrinsic" | "video" | "square";
|
|
38
35
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
-
|
|
36
|
+
DragHandle: ({ asChild, children }: StackItemDragHandleProps) => React.JSX.Element;
|
|
37
|
+
DragPreview: ({ children }: StackItemDragPreviewProps) => React.ReactPortal | null;
|
|
38
|
+
Heading: ({ children, classNames, asChild, separateOnScroll, role, ...props }: StackItemHeadingProps) => React.JSX.Element;
|
|
40
39
|
HeadingLabel: React.ForwardRefExoticComponent<Omit<StackItemHeadingLabelProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
41
40
|
HeadingStickyContent: ({ children }: React.PropsWithChildren<{}>) => React.JSX.Element;
|
|
42
|
-
ResizeHandle: () => React.JSX.Element;
|
|
43
|
-
DragHandle: ({ asChild, children }: StackItemDragHandleProps) => React.JSX.Element;
|
|
41
|
+
ResizeHandle: (_: StackItemResizeHandleProps) => React.JSX.Element;
|
|
44
42
|
Sigil: React.ForwardRefExoticComponent<{
|
|
45
43
|
attendableId?: string;
|
|
46
44
|
triggerLabel: string;
|
|
@@ -51,7 +49,6 @@ export declare const StackItem: {
|
|
|
51
49
|
children?: ReactNode | undefined;
|
|
52
50
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
53
51
|
SigilButton: React.ForwardRefExoticComponent<Omit<StackItemSigilButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
54
|
-
DragPreview: ({ children }: StackItemDragPreviewProps) => React.ReactPortal | null;
|
|
55
52
|
};
|
|
56
|
-
export type { StackItemRootProps, StackItemContentProps, StackItemHeadingProps, StackItemHeadingLabelProps, StackItemResizeHandleProps,
|
|
53
|
+
export type { StackItemRootProps, StackItemContentProps, StackItemDragHandleProps, StackItemDragPreviewProps, StackItemHeadingProps, StackItemHeadingLabelProps, StackItemResizeHandleProps, StackItemSigilProps, StackItemSigilButtonProps, StackItemSigilAction, };
|
|
57
54
|
//# sourceMappingURL=StackItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItem.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItem.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKhE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAE3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EACzB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,qBAAqB,gBAAwC,CAAC;AAC3E,eAAO,MAAM,uBAAuB,KAA6B,CAAC;AAClE,eAAO,MAAM,sBAAsB,KAAkD,CAAC;AAMtF,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IACxE,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,iBAAiB,GAAG,cAAc,CAAC;CACnF,CAAC;AAgNF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,GAAG,CAAA;KAAE,KAAK,SAAS,CAAC;CAClD,CAAC;AAWF,eAAO,MAAM,SAAS;IACpB,IAAI;IACJ,OAAO;;;;;;IACP,UAAU;IACV,WAAW,iBAb+B,yBAAyB;IAcnE,OAAO;IACP,YAAY;IACZ,oBAAoB;IACpB,YAAY;IACZ,KAAK;;;;;;;;;IACL,WAAW;CACZ,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,0BAA0B,EAC1B,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,GACrB,CAAC"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
import '@
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
declare const meta:
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { type StackItemRootProps } from './StackItem';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: any;
|
|
7
|
+
render: (props: StackItemRootProps) => React.JSX.Element;
|
|
8
|
+
decorators: import("@storybook/react").Decorator[];
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
5
13
|
export default meta;
|
|
6
|
-
type Story = StoryObj<typeof
|
|
14
|
+
type Story = StoryObj<typeof meta>;
|
|
7
15
|
export declare const Default: Story;
|
|
8
16
|
//# sourceMappingURL=StackItem.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItem.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"StackItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItem.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAwBjE,QAAA,MAAM,IAAI;;eAEqB,GAAG;oBAxBL,kBAAkB;;;QA4B3C,MAAM;;CAE2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
|
|
@@ -1,49 +1,16 @@
|
|
|
1
1
|
import React, { type ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
import { type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
-
export type StackItemContentProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
|
|
4
|
-
/**
|
|
5
|
-
* This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate
|
|
6
|
-
* (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.
|
|
7
|
-
*/
|
|
3
|
+
export type StackItemContentProps = ThemedClassName<Omit<ComponentPropsWithoutRef<'div'>, 'role' | 'scrollable'>> & {
|
|
8
4
|
toolbar?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Whether to provide for the layout of a statusbar after the content.
|
|
11
|
-
*/
|
|
12
5
|
statusbar?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Whether the consumer intends to do something custom and typical affordances should not apply
|
|
15
|
-
*/
|
|
16
|
-
layoutManaged?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for
|
|
19
|
-
* convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.
|
|
20
|
-
*/
|
|
21
|
-
size?: 'intrinsic' | 'video' | 'square';
|
|
22
6
|
};
|
|
23
7
|
/**
|
|
24
|
-
* This component should be used by plugins for rendering content within a stack item
|
|
25
|
-
* The `toolbar` flag must be provided since this component provides for the layout of content with the toolbar.
|
|
8
|
+
* This component should be used by plugins for rendering content within a stack item (i.e., a “plank” or “section”).
|
|
26
9
|
*/
|
|
27
|
-
export declare const StackItemContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
|
|
28
|
-
classNames?: import("@dxos/
|
|
10
|
+
export declare const StackItemContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "role" | "scrollable">, "className"> & {
|
|
11
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
29
12
|
} & {
|
|
30
|
-
/**
|
|
31
|
-
* This flag is required in order to clarify a developer experience that seemed like it needed extra boilerplate
|
|
32
|
-
* (`row-span-2`) or was buggy. See the description of the StackItem.Content component itself for more information.
|
|
33
|
-
*/
|
|
34
13
|
toolbar?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Whether to provide for the layout of a statusbar after the content.
|
|
37
|
-
*/
|
|
38
14
|
statusbar?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Whether the consumer intends to do something custom and typical affordances should not apply
|
|
41
|
-
*/
|
|
42
|
-
layoutManaged?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Whether to set a certain aspect ratio on the content, including the toolbar and statusbar. This is provided for
|
|
45
|
-
* convenience and consistency; it can instead be specified by the `classNames` or `style` props as needed.
|
|
46
|
-
*/
|
|
47
|
-
size?: "intrinsic" | "video" | "square";
|
|
48
15
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
49
16
|
//# sourceMappingURL=StackItemContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItemContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAuB,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"StackItemContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAuB,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,CAAC,GAAG;IAClH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;cAPjB,OAAO;gBACL,OAAO;wCA4CpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItemDragHandle.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemDragHandle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StackItemDragHandle.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemDragHandle.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAElG,eAAO,MAAM,mBAAmB,0BAA2B,wBAAwB,sBAUlF,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { type
|
|
1
|
+
import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type PropsWithChildren } from 'react';
|
|
2
2
|
import { type ThemedClassName } from '@dxos/react-ui';
|
|
3
3
|
import { type AttendableId, type Related } from '@dxos/react-ui-attention';
|
|
4
4
|
export type StackItemHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
|
|
5
5
|
asChild?: boolean;
|
|
6
6
|
separateOnScroll?: boolean;
|
|
7
7
|
};
|
|
8
|
-
export declare const StackItemHeading: ({ children, classNames, asChild, separateOnScroll, ...props }: StackItemHeadingProps) => React.JSX.Element;
|
|
8
|
+
export declare const StackItemHeading: ({ children, classNames, asChild, separateOnScroll, role, ...props }: StackItemHeadingProps) => React.JSX.Element;
|
|
9
9
|
export declare const StackItemHeadingStickyContent: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
|
|
10
10
|
export type StackItemHeadingLabelProps = ThemedClassName<ComponentPropsWithRef<'h1'>> & AttendableId & Related;
|
|
11
11
|
export declare const StackItemHeadingLabel: React.ForwardRefExoticComponent<Omit<StackItemHeadingLabelProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemHeading.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EACZ,KAAK,
|
|
1
|
+
{"version":3,"file":"StackItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemHeading.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAgB,MAAM,0BAA0B,CAAC;AAKzF,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,wEAO1B,qBAAqB,sBAqBvB,CAAC;AAEF,eAAO,MAAM,6BAA6B,iBAAkB,iBAAiB,CAAC,EAAE,CAAC,sBAMhF,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;AAE/G,eAAO,MAAM,qBAAqB,oHAgBjC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type StackItemResizeHandleProps = {};
|
|
3
|
-
export declare const StackItemResizeHandle: () => React.JSX.Element;
|
|
3
|
+
export declare const StackItemResizeHandle: (_: StackItemResizeHandleProps) => React.JSX.Element;
|
|
4
4
|
//# sourceMappingURL=StackItemResizeHandle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItemResizeHandle.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemResizeHandle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAE5C,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"StackItemResizeHandle.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemResizeHandle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAE5C,eAAO,MAAM,qBAAqB,MAAO,0BAA0B,sBAalE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { type PropsWithChildren } from 'react';
|
|
2
|
-
import { type
|
|
2
|
+
import { type Node } from '@dxos/app-graph';
|
|
3
3
|
import { type ButtonProps } from '@dxos/react-ui';
|
|
4
4
|
import { type AttendableId, type Related } from '@dxos/react-ui-attention';
|
|
5
5
|
export type KeyBinding = {
|
|
@@ -9,7 +9,7 @@ export type KeyBinding = {
|
|
|
9
9
|
linux?: string;
|
|
10
10
|
unknown?: string;
|
|
11
11
|
};
|
|
12
|
-
export type StackItemSigilAction = Pick<ActionLike, 'id' | 'properties' | 'data'>;
|
|
12
|
+
export type StackItemSigilAction = Pick<Node.ActionLike, 'id' | 'properties' | 'data'>;
|
|
13
13
|
export type StackItemSigilButtonProps = Omit<ButtonProps, 'variant'> & AttendableId & Related & {
|
|
14
14
|
isMenu?: boolean;
|
|
15
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItemSigil.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemSigil.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAY,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"StackItemSigil.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackItem/StackItemSigil.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAY,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAU,KAAK,WAAW,EAAyD,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAgB,MAAM,0BAA0B,CAAC;AAQzF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC;AAEvF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAClE,YAAY,GACZ,OAAO,GAAG;IACR,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,oBAAoB,kHAoBhC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CACjD;IACE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,oBAAoB,EAAE,EAAE,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD,GAAG,OAAO,CACZ,CAAC;AAEF,eAAO,MAAM,cAAc;mBARR,MAAM;kBACP,MAAM;cACV,oBAAoB,EAAE,EAAE;UAC5B,MAAM;eACD,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI;;;2CA6FpD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,mBAAmB,SAAS,CAAC;AAE7B,cAAc,SAAS,CAAC;AAExB,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uDAAuD,CAAC;AAElF,OAAO,EAAE,KAAK,IAAI,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;AAEpC,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,yBAAyB,CAAC,IAAI,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,aAAa,IAAI,CACnF,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAE,IAAI,GAAG,IAAI,KACrB,IAAI,CAAC;AAEV,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,yBAAyB,CAAC;CACzC,CAAC"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
3
|
-
* Hook to handle drag and drop functionality for Stack components.
|
|
4
|
-
*/
|
|
5
|
-
export declare const useStackDropForElements: ({ id, element, scrollElement, selfDroppable, orientation, onRearrange, }: {
|
|
1
|
+
import { type Orientation, type StackItemRearrangeHandler } from '../components';
|
|
2
|
+
export type UseStackDropForElementsProps = {
|
|
6
3
|
id?: string;
|
|
7
4
|
element: HTMLDivElement | null;
|
|
8
5
|
scrollElement?: HTMLDivElement | null;
|
|
9
|
-
selfDroppable: boolean;
|
|
10
6
|
orientation: Orientation;
|
|
7
|
+
selfDroppable: boolean;
|
|
11
8
|
onRearrange?: StackItemRearrangeHandler;
|
|
12
|
-
}
|
|
9
|
+
};
|
|
10
|
+
export type UseStackDropForElements = {
|
|
13
11
|
dropping: boolean;
|
|
14
12
|
};
|
|
13
|
+
/**
|
|
14
|
+
* Hook to handle drag-and-drop functionality for Stack components.
|
|
15
|
+
*/
|
|
16
|
+
export declare const useStackDropForElements: ({ id, element, scrollElement, orientation, selfDroppable, onRearrange, }: UseStackDropForElementsProps) => UseStackDropForElements;
|
|
15
17
|
//# sourceMappingURL=useStackDropForElements.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStackDropForElements.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useStackDropForElements.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"useStackDropForElements.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useStackDropForElements.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,WAAW,EAAsB,KAAK,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAIrG,MAAM,MAAM,4BAA4B,GAAG;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,yBAAyB,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,6EAOjC,4BAA4B,KAAG,uBAqDjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/playwright/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"playwright.config.d.ts","sourceRoot":"","sources":["../../../../src/playwright/playwright.config.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"playwright.config.d.ts","sourceRoot":"","sources":["../../../../src/playwright/playwright.config.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack-manager.d.ts","sourceRoot":"","sources":["../../../../src/playwright/stack-manager.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAQ,MAAM,kBAAkB,CAAC;AAEtD,qBAAa,YAAY;IAGX,QAAQ,CAAC,OAAO,EAAE,OAAO;IAFrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAO;IAE7B,YAAqB,OAAO,EAAE,OAAO,EAEpC;IAED,QAAQ,IAAI,OAAO,CAElB;IAED,KAAK,+BAEJ;IAED,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAErC;CACF;AAED,qBAAa,cAAc;IAGb,QAAQ,CAAC,OAAO,EAAE,OAAO;IAFrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAO;IAE7B,YAAqB,OAAO,EAAE,OAAO,EAEpC;IAEK,EAAE,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAEjC;IAEK,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAG5B;IAEK,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAGhC;IAEK,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,GAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,CAc9F;CACF"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export declare const translationKey = "react-ui-stack";
|
|
1
|
+
export declare const translationKey = "@dxos/react-ui-stack";
|
|
2
2
|
export declare const translations: [{
|
|
3
3
|
readonly 'en-US': {
|
|
4
|
-
readonly "react-ui-stack": {
|
|
5
|
-
readonly 'resize
|
|
6
|
-
readonly 'drag
|
|
7
|
-
readonly 'pin
|
|
8
|
-
readonly 'pin
|
|
9
|
-
readonly 'increment
|
|
10
|
-
readonly 'increment
|
|
11
|
-
readonly 'close
|
|
12
|
-
readonly 'minify
|
|
4
|
+
readonly "@dxos/react-ui-stack": {
|
|
5
|
+
readonly 'resize.label': 'Drag to resize';
|
|
6
|
+
readonly 'drag-handle.label': 'Drag to rearrange';
|
|
7
|
+
readonly 'pin-start.label': 'Pin to the left sidebar';
|
|
8
|
+
readonly 'pin-end.label': 'Pin to the right sidebar';
|
|
9
|
+
readonly 'increment-start.label': 'Move to the left';
|
|
10
|
+
readonly 'increment-end.label': 'Move to the right';
|
|
11
|
+
readonly 'close.label': 'Close';
|
|
12
|
+
readonly 'minify.label': 'Minify';
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,yBAAyB,CAAC;AAErD,eAAO,MAAM,YAAY;;;qBAIjB,cAAc,EAAE,gBAAgB;qBAChC,mBAAmB,EAAE,mBAAmB;qBACxC,iBAAiB,EAAE,yBAAyB;qBAC5C,eAAe,EAAE,0BAA0B;qBAC3C,uBAAuB,EAAE,kBAAkB;qBAC3C,qBAAqB,EAAE,mBAAmB;qBAC1C,aAAa,EAAE,OAAO;qBACtB,cAAc,EAAE,QAAQ;;;EAID,CAAC"}
|