@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.
@@ -1,10 +1,11 @@
1
- import { DocumentDriveDocument } from "document-drive";
2
- import { EditorProps } from "document-model";
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 = EditorProps<DocumentDriveDocument> & React.HTMLProps<HTMLDivElement>;
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":"AAWA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAuB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAA+B,MAAM,OAAO,CAAC;AAMpD,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,WAAW,CAAC,qBAAqB,CAAC,GACrD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CA2G3C"}
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 default function Editor(props) {
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,4 +1,4 @@
1
- import { Meta, StoryObj } from "@storybook/react";
1
+ import { type Meta, type StoryObj } from "@storybook/react";
2
2
  import Editor from "./editor.js";
3
3
  declare const meta: Meta<typeof Editor>;
4
4
  export declare const Empty: StoryObj<typeof Editor>;
@@ -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;AAElD,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
+ {"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 { DocumentDriveDocument } from "document-drive";
2
- import { EditorModule } from "document-model";
3
- export declare const GenericDriveExplorer: EditorModule<DocumentDriveDocument>;
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,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,qBAAqB,CASpE,CAAC"}
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"}
@@ -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: EditorStoryComponent<DocumentDriveDocument>, initialState?: ExtendedState<PartialState<DocumentDriveState>, PartialState<DocumentDriveLocalState>>, additionalStoryArgs?: EditorStoryArgs<DocumentDriveDocument>, decorators?: Decorator<EditorStoryProps<DocumentDriveDocument>>[]): {
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: DocumentStory<DocumentDriveDocument>;
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,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"}
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
- return createDocumentStory(Editor, driveDocumentModelModule.reducer, initialState ??
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
  }
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@powerhousedao/common",
3
- "version": "1.10.24-dev.0",
3
+ "version": "1.10.25-dev.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "type": "module",
6
6
  "files": [