@powerhousedao/common 1.10.24-dev.0 → 1.10.25-dev.0
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/editors/generic-drive-explorer/editor.d.ts +5 -4
- package/dist/editors/generic-drive-explorer/editor.d.ts.map +1 -1
- package/dist/editors/generic-drive-explorer/editor.js +5 -2
- package/dist/editors/generic-drive-explorer/generic-drive-explorer.stories.d.ts +1 -1
- package/dist/editors/generic-drive-explorer/generic-drive-explorer.stories.d.ts.map +1 -1
- package/dist/editors/generic-drive-explorer/index.d.ts +3 -3
- package/dist/editors/generic-drive-explorer/index.d.ts.map +1 -1
- package/dist/editors/styles.css +5 -5
- package/dist/editors/utils/storybook.d.ts +3 -3
- package/dist/editors/utils/storybook.d.ts.map +1 -1
- package/dist/editors/utils/storybook.js +5 -1
- package/dist/package.json +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +9 -9
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import React from "react";
|
|
1
|
+
import { type DriveEditorProps } from "@powerhousedao/reactor-browser";
|
|
2
|
+
import { type DocumentDriveDocument } from "document-drive";
|
|
3
|
+
import type React from "react";
|
|
4
4
|
export type IGenericDriveExplorerEditorProps = {
|
|
5
5
|
className?: string;
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export type IProps =
|
|
8
|
+
export type IProps = DriveEditorProps<DocumentDriveDocument> & React.HTMLProps<HTMLDivElement>;
|
|
9
|
+
export declare function BaseEditor(props: IProps): import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
//# sourceMappingURL=editor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/editor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/editor.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAUvE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,gCAAgC,GAAG;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,GAC1D,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAElC,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,2CA2GvC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAM3C"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Breadcrumbs, useBreadcrumbs, useDrop, } from "@powerhousedao/design-system";
|
|
3
3
|
import { useDriveActionsWithUiNodes } from "@powerhousedao/reactor-browser/hooks/useDriveActionsWithUiNodes";
|
|
4
|
-
import { useDriveContext } from "@powerhousedao/reactor-browser/hooks/useDriveContext";
|
|
4
|
+
import { DriveContextProvider, useDriveContext, } from "@powerhousedao/reactor-browser/hooks/useDriveContext";
|
|
5
5
|
import { FILE, useUiNodesContext, } from "@powerhousedao/reactor-browser/hooks/useUiNodesContext";
|
|
6
6
|
import { useCallback, useMemo } from "react";
|
|
7
7
|
import { CreateDocument } from "./components/create-document.js";
|
|
8
8
|
import FolderView from "./components/folder-view.js";
|
|
9
9
|
import { DriveLayout } from "./components/layout.js";
|
|
10
10
|
import { SearchBar } from "./components/search-bar.js";
|
|
11
|
-
export
|
|
11
|
+
export function BaseEditor(props) {
|
|
12
12
|
const { document, dispatch, className, children } = props;
|
|
13
13
|
const { state: { global: { id: driveId }, }, } = document;
|
|
14
14
|
const { showSearchBar, isAllowedToCreateDocuments, documentModels, showCreateDocumentModal, } = useDriveContext();
|
|
@@ -39,3 +39,6 @@ export default function Editor(props) {
|
|
|
39
39
|
}
|
|
40
40
|
return (_jsxs(DriveLayout, { className: className, children: [children, _jsxs(DriveLayout.Header, { children: [_jsx(Breadcrumbs, { breadcrumbs: breadcrumbs, createEnabled: isAllowedToCreateDocuments, onCreate: addFolder, onBreadcrumbSelected: onBreadcrumbSelected }), showSearchBar && _jsx(SearchBar, {})] }), _jsx(DriveLayout.Content, { children: _jsx(FolderView, { node: selectedNode || driveNode, onSelectNode: setSelectedNode, onRenameNode: renameNode, onDuplicateNode: duplicateNode, onDeleteNode: deleteNode, onAddFile: addFile, onCopyNode: copyNode, onMoveNode: moveNode, isDropTarget: isDropTarget, isAllowedToCreateDocuments: isAllowedToCreateDocuments }) }), _jsx(DriveLayout.Footer, { children: isAllowedToCreateDocuments && (_jsx(CreateDocument, { documentModels: documentModels, createDocument: onCreateDocument })) })] }));
|
|
41
41
|
}
|
|
42
|
+
export default function Editor(props) {
|
|
43
|
+
return (_jsx(DriveContextProvider, { value: props.context, children: _jsx(BaseEditor, { ...props }) }));
|
|
44
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generic-drive-explorer.stories.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/generic-drive-explorer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"generic-drive-explorer.stories.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/generic-drive-explorer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,MAAM,MAAM,aAAa,CAAC;AAKjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,CAAuB,CAAC;AAElE,eAAe,IAAI,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
export declare const GenericDriveExplorer:
|
|
1
|
+
import { type DriveEditorModule } from "@powerhousedao/reactor-browser";
|
|
2
|
+
import { type DocumentDriveDocument } from "document-drive";
|
|
3
|
+
export declare const GenericDriveExplorer: DriveEditorModule<DocumentDriveDocument>;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG5D,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,qBAAqB,CASzE,CAAC"}
|
package/dist/editors/styles.css
CHANGED
|
@@ -4198,6 +4198,11 @@
|
|
|
4198
4198
|
border-color: var(--color-gray-700);
|
|
4199
4199
|
}
|
|
4200
4200
|
}
|
|
4201
|
+
.disabled\:bg-gray-50 {
|
|
4202
|
+
&:disabled {
|
|
4203
|
+
background-color: var(--color-gray-50);
|
|
4204
|
+
}
|
|
4205
|
+
}
|
|
4201
4206
|
.disabled\:bg-gray-300 {
|
|
4202
4207
|
&:disabled {
|
|
4203
4208
|
background-color: var(--color-gray-300);
|
|
@@ -4208,11 +4213,6 @@
|
|
|
4208
4213
|
background-color: transparent;
|
|
4209
4214
|
}
|
|
4210
4215
|
}
|
|
4211
|
-
.disabled\:bg-white {
|
|
4212
|
-
&:disabled {
|
|
4213
|
-
background-color: var(--color-white);
|
|
4214
|
-
}
|
|
4215
|
-
}
|
|
4216
4216
|
.disabled\:p-0 {
|
|
4217
4217
|
&:disabled {
|
|
4218
4218
|
padding: calc(var(--spacing) * 0);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type DocumentStory, type EditorStoryArgs, type EditorStoryComponent, type EditorStoryProps } from "@powerhousedao/builder-tools/editor-utils";
|
|
1
|
+
import { type DocumentStory, type DriveDocumentStory, type DriveEditorStoryComponent, type EditorStoryArgs, type EditorStoryComponent, type EditorStoryProps } from "@powerhousedao/builder-tools/editor-utils";
|
|
2
2
|
import { type Decorator, type Meta } from "@storybook/react";
|
|
3
3
|
import { type DocumentDriveDocument, type DocumentDriveLocalState, type DocumentDriveState } from "document-drive";
|
|
4
4
|
import { type ExtendedState, type PartialState } from "document-model";
|
|
@@ -6,8 +6,8 @@ export declare function createDriveStory(Editor: EditorStoryComponent<DocumentDr
|
|
|
6
6
|
meta: Meta<typeof Editor>;
|
|
7
7
|
CreateDocumentStory: DocumentStory<DocumentDriveDocument>;
|
|
8
8
|
};
|
|
9
|
-
export declare function createDriveStoryWithUINodes(Editor:
|
|
9
|
+
export declare function createDriveStoryWithUINodes(Editor: DriveEditorStoryComponent<DocumentDriveDocument>, initialState?: ExtendedState<PartialState<DocumentDriveState>, PartialState<DocumentDriveLocalState>>, additionalStoryArgs?: EditorStoryArgs<DocumentDriveDocument>, decorators?: Decorator<EditorStoryProps<DocumentDriveDocument>>[]): {
|
|
10
10
|
meta: Meta<typeof Editor>;
|
|
11
|
-
CreateDocumentStory:
|
|
11
|
+
CreateDocumentStory: DriveDocumentStory<DocumentDriveDocument>;
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=storybook.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../../../editors/utils/storybook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACtB,MAAM,2CAA2C,CAAC;AAQnD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAGxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AA8FxB,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,oBAAoB,CAAC,qBAAqB,CAAC,EACnD,YAAY,CAAC,EAAE,aAAa,CAC1B,YAAY,CAAC,kBAAkB,CAAC,EAChC,YAAY,CAAC,uBAAuB,CAAC,CACtC,EACD,mBAAmB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,EAC5D,UAAU,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,EAAE,GAChE;IACD,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1B,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC3D,CAWA;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../../../editors/utils/storybook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACtB,MAAM,2CAA2C,CAAC;AAQnD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAGxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AA8FxB,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,oBAAoB,CAAC,qBAAqB,CAAC,EACnD,YAAY,CAAC,EAAE,aAAa,CAC1B,YAAY,CAAC,kBAAkB,CAAC,EAChC,YAAY,CAAC,uBAAuB,CAAC,CACtC,EACD,mBAAmB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,EAC5D,UAAU,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,EAAE,GAChE;IACD,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1B,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC3D,CAWA;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,yBAAyB,CAAC,qBAAqB,CAAC,EACxD,YAAY,CAAC,EAAE,aAAa,CAC1B,YAAY,CAAC,kBAAkB,CAAC,EAChC,YAAY,CAAC,uBAAuB,CAAC,CACtC,EACD,mBAAmB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,EAC5D,UAAU,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,EAAE,GAChE;IACD,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1B,mBAAmB,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;CAChE,CAiBA"}
|
|
@@ -74,8 +74,12 @@ export function createDriveStory(Editor, initialState, additionalStoryArgs, deco
|
|
|
74
74
|
}), additionalStoryArgs, [DriveContextDecorator, ...(decorators ?? [])]);
|
|
75
75
|
}
|
|
76
76
|
export function createDriveStoryWithUINodes(Editor, initialState, additionalStoryArgs, decorators) {
|
|
77
|
-
|
|
77
|
+
const { meta, CreateDocumentStory } = createDocumentStory(Editor, driveDocumentModelModule.reducer, initialState ??
|
|
78
78
|
driveDocumentModelModule.utils.createExtendedState({
|
|
79
79
|
state: { global: { id: "powerhouse", name: "Powerhouse" }, local: {} },
|
|
80
80
|
}), additionalStoryArgs, [DriveContextDecorator, UiNodesContextDecorator, ...(decorators ?? [])]);
|
|
81
|
+
return {
|
|
82
|
+
meta: meta,
|
|
83
|
+
CreateDocumentStory: CreateDocumentStory,
|
|
84
|
+
};
|
|
81
85
|
}
|