@dxos/plugin-deck 0.6.9-staging.8e43e2a → 0.6.10-main.bbdfaa4
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 +159 -97
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/components/DeckLayout/DeckLayout.d.ts.map +1 -1
- package/dist/types/src/components/DeckLayout/NodePlankHeading.d.ts.map +1 -1
- package/dist/types/src/components/DeckLayout/Plank.d.ts +3 -5
- package/dist/types/src/components/DeckLayout/Plank.d.ts.map +1 -1
- package/dist/types/src/components/DeckLayout/StatusBar.d.ts +3 -0
- package/dist/types/src/components/DeckLayout/StatusBar.d.ts.map +1 -0
- package/dist/types/src/hooks/index.d.ts +1 -0
- package/dist/types/src/hooks/index.d.ts.map +1 -1
- package/dist/types/src/hooks/useMainSize.d.ts +5 -0
- package/dist/types/src/hooks/useMainSize.d.ts.map +1 -0
- package/package.json +26 -26
- package/src/components/DeckLayout/DeckLayout.tsx +55 -29
- package/src/components/DeckLayout/NodePlankHeading.tsx +2 -4
- package/src/components/DeckLayout/Plank.tsx +22 -9
- package/src/components/DeckLayout/StatusBar.tsx +19 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useMainSize.ts +13 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts":{"bytes":729,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useNode.ts":{"bytes":3926,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts":{"bytes":2645,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/index.ts":{"bytes":626,"imports":[{"path":"packages/plugins/plugin-deck/src/hooks/useNode.ts","kind":"import-statement","original":"./useNode"},{"path":"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts","kind":"import-statement","original":"./useNodeActionExpander"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx":{"bytes":2681,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/meta.ts":{"bytes":804,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx":{"bytes":19084,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-text-tooltip","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx":{"bytes":1553,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx":{"bytes":5773,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/LayoutContext.ts":{"bytes":1490,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx":{"bytes":6758,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx","kind":"import-statement","original":"./PlankError"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx":{"bytes":2038,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx":{"bytes":2488,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx":{"bytes":3405,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx","kind":"import-statement","original":"./Fallback"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckContext.ts":{"bytes":1607,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx":{"bytes":18187,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx","kind":"import-statement","original":"./PlankError"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"../../DeckPlugin"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"../DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx":{"bytes":4472,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx":{"bytes":5139,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/util/check-app-scheme.ts":{"bytes":2615,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/util/layout-parts.ts":{"bytes":1409,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/util/overscroll.ts":{"bytes":20285,"imports":[{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/util/index.ts":{"bytes":723,"imports":[{"path":"packages/plugins/plugin-deck/src/util/check-app-scheme.ts","kind":"import-statement","original":"./check-app-scheme"},{"path":"packages/plugins/plugin-deck/src/util/layout-parts.ts","kind":"import-statement","original":"./layout-parts"},{"path":"packages/plugins/plugin-deck/src/util/overscroll.ts","kind":"import-statement","original":"./overscroll"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx":{"bytes":29366,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx","kind":"import-statement","original":"./ActiveNode"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx","kind":"import-statement","original":"./ComplementarySidebar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx","kind":"import-statement","original":"./ContentEmpty"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx","kind":"import-statement","original":"./Fullscreen"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx","kind":"import-statement","original":"./Plank"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx","kind":"import-statement","original":"./Sidebar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx","kind":"import-statement","original":"./Toast"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"packages/plugins/plugin-deck/src/util/index.ts","kind":"import-statement","original":"../../util"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"../DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts":{"bytes":666,"imports":[{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx","kind":"import-statement","original":"./DeckLayout"}],"format":"esm"},"packages/plugins/plugin-deck/src/types.ts":{"bytes":2200,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx":{"bytes":10600,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-deck/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/index.ts":{"bytes":823,"imports":[{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts","kind":"import-statement","original":"./DeckLayout"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"./DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"./LayoutContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx","kind":"import-statement","original":"./LayoutSettings"}],"format":"esm"},"packages/plugins/plugin-deck/src/layout.ts":{"bytes":25247,"imports":[{"path":"immer","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/translations.ts":{"bytes":6555,"imports":[{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/DeckPlugin.tsx":{"bytes":92008,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-deck/src/layout.ts","kind":"import-statement","original":"./layout"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-deck/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-deck/src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/plugins/plugin-deck/src/index.ts":{"bytes":752,"imports":[{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"./DeckPlugin"},{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"./DeckPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-deck/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":129395},"packages/plugins/plugin-deck/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-text-tooltip","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["DeckAction","DeckPlugin","default"],"entryPoint":"packages/plugins/plugin-deck/src/index.ts","inputs":{"packages/plugins/plugin-deck/src/DeckPlugin.tsx":{"bytesInOutput":23401},"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts":{"bytesInOutput":57},"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx":{"bytesInOutput":7323},"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx":{"bytesInOutput":498},"packages/plugins/plugin-deck/src/hooks/useNode.ts":{"bytesInOutput":593},"packages/plugins/plugin-deck/src/hooks/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts":{"bytesInOutput":571},"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx":{"bytesInOutput":1401},"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx":{"bytesInOutput":4795},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx":{"bytesInOutput":1395},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx":{"bytesInOutput":353},"packages/plugins/plugin-deck/src/components/LayoutContext.ts":{"bytesInOutput":223},"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx":{"bytesInOutput":560},"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx":{"bytesInOutput":691},"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx":{"bytesInOutput":608},"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx":{"bytesInOutput":4316},"packages/plugins/plugin-deck/src/components/DeckContext.ts":{"bytesInOutput":268},"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx":{"bytesInOutput":995},"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx":{"bytesInOutput":1285},"packages/plugins/plugin-deck/src/util/check-app-scheme.ts":{"bytesInOutput":454},"packages/plugins/plugin-deck/src/util/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/util/layout-parts.ts":{"bytesInOutput":115},"packages/plugins/plugin-deck/src/util/overscroll.ts":{"bytesInOutput":1153},"packages/plugins/plugin-deck/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx":{"bytesInOutput":2974},"packages/plugins/plugin-deck/src/types.ts":{"bytesInOutput":101},"packages/plugins/plugin-deck/src/layout.ts":{"bytesInOutput":3958},"packages/plugins/plugin-deck/src/translations.ts":{"bytesInOutput":2104},"packages/plugins/plugin-deck/src/index.ts":{"bytesInOutput":30}},"bytes":62662},"packages/plugins/plugin-deck/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-deck/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs","kind":"import-statement"}],"exports":["DECK_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-deck/src/meta.ts","inputs":{},"bytes":157},"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":356},"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs":{"imports":[],"exports":["DECK_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-deck/src/meta.ts":{"bytesInOutput":100}},"bytes":231}}}
|
|
1
|
+
{"inputs":{"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts":{"bytes":729,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useNode.ts":{"bytes":3926,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts":{"bytes":2645,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useMainSize.ts":{"bytes":1668,"imports":[{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/index.ts":{"bytes":725,"imports":[{"path":"packages/plugins/plugin-deck/src/hooks/useNode.ts","kind":"import-statement","original":"./useNode"},{"path":"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts","kind":"import-statement","original":"./useNodeActionExpander"},{"path":"packages/plugins/plugin-deck/src/hooks/useMainSize.ts","kind":"import-statement","original":"./useMainSize"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx":{"bytes":2681,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/meta.ts":{"bytes":804,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx":{"bytes":19063,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-text-tooltip","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx":{"bytes":1553,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx":{"bytes":5773,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/LayoutContext.ts":{"bytes":1490,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx":{"bytes":6758,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx","kind":"import-statement","original":"./PlankError"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx":{"bytes":2038,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx":{"bytes":2488,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx":{"bytes":3405,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx","kind":"import-statement","original":"./Fallback"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckContext.ts":{"bytes":1607,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx":{"bytes":20222,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx","kind":"import-statement","original":"./PlankError"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"../../DeckPlugin"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"../DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx":{"bytes":4472,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/StatusBar.tsx":{"bytes":2092,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx":{"bytes":5139,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/util/check-app-scheme.ts":{"bytes":2615,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/util/layout-parts.ts":{"bytes":1409,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/util/overscroll.ts":{"bytes":20285,"imports":[{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/util/index.ts":{"bytes":723,"imports":[{"path":"packages/plugins/plugin-deck/src/util/check-app-scheme.ts","kind":"import-statement","original":"./check-app-scheme"},{"path":"packages/plugins/plugin-deck/src/util/layout-parts.ts","kind":"import-statement","original":"./layout-parts"},{"path":"packages/plugins/plugin-deck/src/util/overscroll.ts","kind":"import-statement","original":"./overscroll"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx":{"bytes":32259,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx","kind":"import-statement","original":"./ActiveNode"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx","kind":"import-statement","original":"./ComplementarySidebar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx","kind":"import-statement","original":"./ContentEmpty"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx","kind":"import-statement","original":"./Fullscreen"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx","kind":"import-statement","original":"./Plank"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx","kind":"import-statement","original":"./Sidebar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx","kind":"import-statement","original":"./Toast"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"packages/plugins/plugin-deck/src/util/index.ts","kind":"import-statement","original":"../../util"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"../DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts":{"bytes":666,"imports":[{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx","kind":"import-statement","original":"./DeckLayout"}],"format":"esm"},"packages/plugins/plugin-deck/src/types.ts":{"bytes":2200,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx":{"bytes":10600,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-deck/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/index.ts":{"bytes":823,"imports":[{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts","kind":"import-statement","original":"./DeckLayout"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"./DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"./LayoutContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx","kind":"import-statement","original":"./LayoutSettings"}],"format":"esm"},"packages/plugins/plugin-deck/src/layout.ts":{"bytes":25247,"imports":[{"path":"immer","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/translations.ts":{"bytes":6555,"imports":[{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/DeckPlugin.tsx":{"bytes":92008,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-deck/src/layout.ts","kind":"import-statement","original":"./layout"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-deck/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-deck/src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/plugins/plugin-deck/src/index.ts":{"bytes":752,"imports":[{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"./DeckPlugin"},{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"./DeckPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-deck/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":133536},"packages/plugins/plugin-deck/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-text-tooltip","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["DeckAction","DeckPlugin","default"],"entryPoint":"packages/plugins/plugin-deck/src/index.ts","inputs":{"packages/plugins/plugin-deck/src/DeckPlugin.tsx":{"bytesInOutput":23401},"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts":{"bytesInOutput":57},"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx":{"bytesInOutput":7811},"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx":{"bytesInOutput":498},"packages/plugins/plugin-deck/src/hooks/useNode.ts":{"bytesInOutput":593},"packages/plugins/plugin-deck/src/hooks/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts":{"bytesInOutput":571},"packages/plugins/plugin-deck/src/hooks/useMainSize.ts":{"bytesInOutput":355},"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx":{"bytesInOutput":1401},"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx":{"bytesInOutput":4794},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx":{"bytesInOutput":1395},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx":{"bytesInOutput":353},"packages/plugins/plugin-deck/src/components/LayoutContext.ts":{"bytesInOutput":223},"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx":{"bytesInOutput":560},"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx":{"bytesInOutput":691},"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx":{"bytesInOutput":608},"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx":{"bytesInOutput":4882},"packages/plugins/plugin-deck/src/components/DeckContext.ts":{"bytesInOutput":268},"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx":{"bytesInOutput":995},"packages/plugins/plugin-deck/src/components/DeckLayout/StatusBar.tsx":{"bytesInOutput":478},"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx":{"bytesInOutput":1285},"packages/plugins/plugin-deck/src/util/check-app-scheme.ts":{"bytesInOutput":454},"packages/plugins/plugin-deck/src/util/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/util/layout-parts.ts":{"bytesInOutput":115},"packages/plugins/plugin-deck/src/util/overscroll.ts":{"bytesInOutput":1153},"packages/plugins/plugin-deck/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx":{"bytesInOutput":2974},"packages/plugins/plugin-deck/src/types.ts":{"bytesInOutput":101},"packages/plugins/plugin-deck/src/layout.ts":{"bytesInOutput":3958},"packages/plugins/plugin-deck/src/translations.ts":{"bytesInOutput":2104},"packages/plugins/plugin-deck/src/index.ts":{"bytesInOutput":30}},"bytes":64679},"packages/plugins/plugin-deck/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-deck/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs","kind":"import-statement"}],"exports":["DECK_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-deck/src/meta.ts","inputs":{},"bytes":157},"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":356},"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs":{"imports":[],"exports":["DECK_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-deck/src/meta.ts":{"bytesInOutput":100}},"bytes":231}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeckLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/DeckLayout.tsx"],"names":[],"mappings":"AAKA,OAAO,
|
|
1
|
+
{"version":3,"file":"DeckLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/DeckLayout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAEhH,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,WAAW,EAEhB,KAAK,KAAK,IAAI,WAAW,EAG1B,MAAM,qBAAqB,CAAC;AAc7B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACrC,CAAC;IACF,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,UAAU,sGASpB,eAAe,sBA+OjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodePlankHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/NodePlankHeading.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,IAAI,EAAY,MAAM,oBAAoB,CAAC;AAOzD,eAAO,MAAM,gBAAgB,4FAU1B;IACD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,
|
|
1
|
+
{"version":3,"file":"NodePlankHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/NodePlankHeading.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,IAAI,EAAY,MAAM,oBAAoB,CAAC;AAOzD,eAAO,MAAM,gBAAgB,4FAU1B;IACD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,sBA+GA,CAAC"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type LayoutEntry, type LayoutPart, type LayoutParts } from '@dxos/app-framework';
|
|
3
|
-
import { type ClassNameValue } from '@dxos/react-ui';
|
|
2
|
+
import { type LayoutEntry, type LayoutPart, type LayoutParts, type Layout } from '@dxos/app-framework';
|
|
4
3
|
export type PlankProps = {
|
|
5
4
|
entry: LayoutEntry;
|
|
6
5
|
layoutParts: LayoutParts;
|
|
7
6
|
part: LayoutPart;
|
|
8
|
-
|
|
7
|
+
layoutMode: Layout['layoutMode'];
|
|
9
8
|
flatDeck?: boolean;
|
|
10
9
|
searchEnabled?: boolean;
|
|
11
|
-
classNames?: ClassNameValue;
|
|
12
10
|
};
|
|
13
|
-
export declare const Plank: ({ entry, layoutParts, part,
|
|
11
|
+
export declare const Plank: ({ entry, layoutParts, part, flatDeck, searchEnabled, layoutMode }: PlankProps) => React.JSX.Element;
|
|
14
12
|
//# sourceMappingURL=Plank.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plank.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/Plank.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAExF,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,
|
|
1
|
+
{"version":3,"file":"Plank.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/Plank.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAExF,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,EAIhB,KAAK,MAAM,EACZ,MAAM,qBAAqB,CAAC;AAiB7B,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IAEzB,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAAuE,UAAU,sBA4HlG,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/StatusBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,SAAS,yBAOrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMainSize.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useMainSize.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;;;CAMvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-deck",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.10-main.bbdfaa4",
|
|
4
4
|
"description": "DXOS Surface plugin for the main application layout.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -32,26 +32,26 @@
|
|
|
32
32
|
"@fluentui/react-tabster": "^9.19.0",
|
|
33
33
|
"@preact/signals-core": "^1.6.0",
|
|
34
34
|
"immer": "^10.1.1",
|
|
35
|
-
"@dxos/app-framework": "0.6.
|
|
36
|
-
"@dxos/
|
|
37
|
-
"@dxos/
|
|
38
|
-
"@dxos/
|
|
39
|
-
"@dxos/invariant": "0.6.
|
|
40
|
-
"@dxos/keyboard": "0.6.
|
|
41
|
-
"@dxos/local-storage": "0.6.
|
|
42
|
-
"@dxos/plugin-attention": "0.6.
|
|
43
|
-
"@dxos/
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/plugin-graph": "0.6.
|
|
46
|
-
"@dxos/plugin-observability": "0.6.
|
|
47
|
-
"@dxos/plugin-settings": "0.6.
|
|
48
|
-
"@dxos/
|
|
49
|
-
"@dxos/react-ui-attention": "0.6.
|
|
50
|
-
"@dxos/
|
|
51
|
-
"@dxos/react-
|
|
52
|
-
"@dxos/react-ui-
|
|
53
|
-
"@dxos/react-ui-
|
|
54
|
-
"@dxos/util": "0.6.
|
|
35
|
+
"@dxos/app-framework": "0.6.10-main.bbdfaa4",
|
|
36
|
+
"@dxos/debug": "0.6.10-main.bbdfaa4",
|
|
37
|
+
"@dxos/echo-schema": "0.6.10-main.bbdfaa4",
|
|
38
|
+
"@dxos/async": "0.6.10-main.bbdfaa4",
|
|
39
|
+
"@dxos/invariant": "0.6.10-main.bbdfaa4",
|
|
40
|
+
"@dxos/keyboard": "0.6.10-main.bbdfaa4",
|
|
41
|
+
"@dxos/local-storage": "0.6.10-main.bbdfaa4",
|
|
42
|
+
"@dxos/plugin-attention": "0.6.10-main.bbdfaa4",
|
|
43
|
+
"@dxos/log": "0.6.10-main.bbdfaa4",
|
|
44
|
+
"@dxos/plugin-client": "0.6.10-main.bbdfaa4",
|
|
45
|
+
"@dxos/plugin-graph": "0.6.10-main.bbdfaa4",
|
|
46
|
+
"@dxos/plugin-observability": "0.6.10-main.bbdfaa4",
|
|
47
|
+
"@dxos/plugin-settings": "0.6.10-main.bbdfaa4",
|
|
48
|
+
"@dxos/plugin-theme": "0.6.10-main.bbdfaa4",
|
|
49
|
+
"@dxos/react-ui-attention": "0.6.10-main.bbdfaa4",
|
|
50
|
+
"@dxos/react-ui-deck": "0.6.10-main.bbdfaa4",
|
|
51
|
+
"@dxos/react-client": "0.6.10-main.bbdfaa4",
|
|
52
|
+
"@dxos/react-ui-mosaic": "0.6.10-main.bbdfaa4",
|
|
53
|
+
"@dxos/react-ui-text-tooltip": "0.6.10-main.bbdfaa4",
|
|
54
|
+
"@dxos/util": "0.6.10-main.bbdfaa4"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@phosphor-icons/react": "^2.1.5",
|
|
@@ -60,16 +60,16 @@
|
|
|
60
60
|
"react": "~18.2.0",
|
|
61
61
|
"react-dom": "~18.2.0",
|
|
62
62
|
"vite": "^5.3.4",
|
|
63
|
-
"@dxos/react-ui": "0.6.
|
|
64
|
-
"@dxos/react-ui
|
|
65
|
-
"@dxos/storybook-utils": "0.6.
|
|
63
|
+
"@dxos/react-ui-theme": "0.6.10-main.bbdfaa4",
|
|
64
|
+
"@dxos/react-ui": "0.6.10-main.bbdfaa4",
|
|
65
|
+
"@dxos/storybook-utils": "0.6.10-main.bbdfaa4"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"@phosphor-icons/react": "^2.0.5",
|
|
69
69
|
"react": "^18.0.0",
|
|
70
70
|
"react-dom": "^18.0.0",
|
|
71
|
-
"@dxos/react-ui": "0.6.
|
|
72
|
-
"@dxos/react-ui-theme": "0.6.
|
|
71
|
+
"@dxos/react-ui": "0.6.10-main.bbdfaa4",
|
|
72
|
+
"@dxos/react-ui-theme": "0.6.10-main.bbdfaa4"
|
|
73
73
|
},
|
|
74
74
|
"publishConfig": {
|
|
75
75
|
"access": "public"
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
//
|
|
4
4
|
|
|
5
5
|
import { Sidebar as MenuIcon } from '@phosphor-icons/react';
|
|
6
|
-
import React, { useEffect, useMemo, useRef } from 'react';
|
|
6
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState, useLayoutEffect, type UIEvent } from 'react';
|
|
7
7
|
|
|
8
8
|
import {
|
|
9
9
|
SLUG_PATH_SEPARATOR,
|
|
@@ -25,6 +25,7 @@ import { ContentEmpty } from './ContentEmpty';
|
|
|
25
25
|
import { Fullscreen } from './Fullscreen';
|
|
26
26
|
import { Plank } from './Plank';
|
|
27
27
|
import { Sidebar } from './Sidebar';
|
|
28
|
+
import { StatusBar } from './StatusBar';
|
|
28
29
|
import { Toast } from './Toast';
|
|
29
30
|
import { DECK_PLUGIN } from '../../meta';
|
|
30
31
|
import { type Overscroll } from '../../types';
|
|
@@ -72,6 +73,47 @@ export const DeckLayout = ({
|
|
|
72
73
|
const searchPlugin = usePlugin('dxos.org/plugin/search');
|
|
73
74
|
const fullScreenSlug = useMemo(() => firstIdInPart(layoutParts, 'fullScreen'), [layoutParts]);
|
|
74
75
|
|
|
76
|
+
const [scrollLeft, setScrollLeft] = useState<number | null>(null);
|
|
77
|
+
const deckRef = useRef<HTMLDivElement | null>(null);
|
|
78
|
+
const restoreScrollRef = useRef<boolean>(false);
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Clear scroll restoration state if the window is resized
|
|
82
|
+
*/
|
|
83
|
+
const handleResize = useCallback(() => {
|
|
84
|
+
setScrollLeft(null);
|
|
85
|
+
}, []);
|
|
86
|
+
useEffect(() => {
|
|
87
|
+
window.addEventListener('resize', handleResize);
|
|
88
|
+
return () => window.removeEventListener('resize', handleResize);
|
|
89
|
+
}, [handleResize]);
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Restore scroll when returning to deck mode
|
|
93
|
+
*/
|
|
94
|
+
useLayoutEffect(() => {
|
|
95
|
+
if (layoutMode !== 'deck') {
|
|
96
|
+
restoreScrollRef.current = true;
|
|
97
|
+
} else if (restoreScrollRef.current && deckRef.current && scrollLeft) {
|
|
98
|
+
// console.log('[restoring scrollLeft]', scrollLeft);
|
|
99
|
+
deckRef.current.scrollLeft = scrollLeft;
|
|
100
|
+
restoreScrollRef.current = false;
|
|
101
|
+
}
|
|
102
|
+
}, [layoutMode, deckRef.current, scrollLeft]);
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* Save scroll position as the user scrolls
|
|
106
|
+
*/
|
|
107
|
+
const handleScroll = useCallback(
|
|
108
|
+
(event: UIEvent) => {
|
|
109
|
+
if (layoutMode === 'deck' && event.currentTarget === event.target) {
|
|
110
|
+
// console.log('[save scroll left]', (event.target as HTMLDivElement).scrollLeft);
|
|
111
|
+
setScrollLeft((event.target as HTMLDivElement).scrollLeft);
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
[layoutMode],
|
|
115
|
+
);
|
|
116
|
+
|
|
75
117
|
const complementarySlug = useMemo(() => {
|
|
76
118
|
const entry = layoutParts.complementary?.at(0);
|
|
77
119
|
if (entry) {
|
|
@@ -79,19 +121,18 @@ export const DeckLayout = ({
|
|
|
79
121
|
}
|
|
80
122
|
}, [layoutParts]);
|
|
81
123
|
|
|
82
|
-
const
|
|
124
|
+
const firstAttendedId = useMemo(() => Array.from(attention.attended ?? [])[0], [attention.attended]);
|
|
83
125
|
|
|
84
|
-
const deckRef = useRef<HTMLDivElement | null>(null);
|
|
85
126
|
useEffect(() => {
|
|
86
127
|
// TODO(burdon): Can we prevent the need to re-scroll since the planks are preserved?
|
|
87
128
|
// E.g., hide the deck and just move the solo article?
|
|
88
|
-
if (layoutMode === 'deck' &&
|
|
129
|
+
if (layoutMode === 'deck' && firstAttendedId) {
|
|
89
130
|
// setTimeout(() => {
|
|
90
|
-
// const el = deckRef.current?.querySelector(`article[data-attendable-id="${
|
|
131
|
+
// const el = deckRef.current?.querySelector(`article[data-attendable-id="${firstAttendedId}"]`);
|
|
91
132
|
// el?.scrollIntoView({ behavior: 'smooth', inline: 'center' });
|
|
92
133
|
// }, 0);
|
|
93
134
|
}
|
|
94
|
-
}, [layoutMode,
|
|
135
|
+
}, [layoutMode, firstAttendedId]);
|
|
95
136
|
|
|
96
137
|
// TODO(burdon): Needs cleaning up.
|
|
97
138
|
const parts: LayoutEntry[] = useMemo(() => {
|
|
@@ -104,10 +145,6 @@ export const DeckLayout = ({
|
|
|
104
145
|
return parts;
|
|
105
146
|
}, [layoutParts.main, layoutParts.solo]);
|
|
106
147
|
|
|
107
|
-
const showPlank = (part: LayoutEntry) => {
|
|
108
|
-
return layoutMode === 'deck' || layoutParts.solo?.find((entry) => entry.id === part.id);
|
|
109
|
-
};
|
|
110
|
-
|
|
111
148
|
const padding =
|
|
112
149
|
layoutMode === 'deck' && overscroll === 'centering'
|
|
113
150
|
? calculateOverscroll(layoutParts.main, plankSizing, sidebarOpen, complementarySidebarOpen)
|
|
@@ -131,7 +168,7 @@ export const DeckLayout = ({
|
|
|
131
168
|
}}
|
|
132
169
|
>
|
|
133
170
|
{/* TODO(burdon): Factor out hook to set document title. */}
|
|
134
|
-
<ActiveNode id={
|
|
171
|
+
<ActiveNode id={firstAttendedId} />
|
|
135
172
|
|
|
136
173
|
<Main.Root
|
|
137
174
|
navigationSidebarOpen={context.sidebarOpen}
|
|
@@ -184,30 +221,22 @@ export const DeckLayout = ({
|
|
|
184
221
|
{/* Solo/deck mode. */}
|
|
185
222
|
{parts.length !== 0 && (
|
|
186
223
|
<Main.Content bounce classNames='grid block-end-[--statusbar-size]' handlesFocus>
|
|
187
|
-
<div role='none' className=
|
|
224
|
+
<div role='none' className='relative'>
|
|
188
225
|
<Deck.Root
|
|
189
|
-
ref={deckRef}
|
|
190
|
-
solo={layoutMode === 'solo'}
|
|
191
226
|
style={padding}
|
|
192
|
-
classNames={[
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
'absolute inset-0',
|
|
196
|
-
'transition-[padding] duration-200 ease-in-out',
|
|
197
|
-
slots?.wallpaper?.classNames,
|
|
198
|
-
],
|
|
199
|
-
]}
|
|
227
|
+
classNames={[!flatDeck && 'bg-deck', 'absolute inset-0', slots?.wallpaper?.classNames]}
|
|
228
|
+
onScroll={handleScroll}
|
|
229
|
+
ref={deckRef}
|
|
200
230
|
>
|
|
201
231
|
{parts.map((layoutEntry) => (
|
|
202
232
|
<Plank
|
|
203
233
|
key={layoutEntry.id}
|
|
204
234
|
entry={layoutEntry}
|
|
205
235
|
layoutParts={layoutParts}
|
|
206
|
-
part={layoutMode === 'solo' && layoutEntry.id ===
|
|
236
|
+
part={layoutMode === 'solo' && layoutEntry.id === layoutParts.solo?.[0]?.id ? 'solo' : 'main'}
|
|
237
|
+
layoutMode={layoutMode}
|
|
207
238
|
flatDeck={flatDeck}
|
|
208
239
|
searchEnabled={!!searchPlugin}
|
|
209
|
-
resizeable={layoutMode === 'deck'}
|
|
210
|
-
classNames={showPlank(layoutEntry) ? '' : 'hidden'}
|
|
211
240
|
/>
|
|
212
241
|
))}
|
|
213
242
|
</Deck.Root>
|
|
@@ -215,10 +244,7 @@ export const DeckLayout = ({
|
|
|
215
244
|
</Main.Content>
|
|
216
245
|
)}
|
|
217
246
|
|
|
218
|
-
|
|
219
|
-
<Main.Content role='none' classNames='fixed inset-inline-0 block-end-0 z-[2]'>
|
|
220
|
-
<Surface role='status-bar' limit={1} />
|
|
221
|
-
</Main.Content>
|
|
247
|
+
<StatusBar />
|
|
222
248
|
|
|
223
249
|
{/* Help hints. */}
|
|
224
250
|
{/* TODO(burdon): Need to make room for this in status bar. */}
|
|
@@ -76,9 +76,7 @@ export const NodePlankHeading = ({
|
|
|
76
76
|
const canIncrementEnd = layoutPart === 'main' && index !== undefined && index < length - 1 && length !== undefined;
|
|
77
77
|
|
|
78
78
|
return (
|
|
79
|
-
<PlankHeading.Root
|
|
80
|
-
{...((layoutPart !== 'main' || !flatDeck) && { classNames: 'pie-1 border-b separator-separator' })}
|
|
81
|
-
>
|
|
79
|
+
<PlankHeading.Root {...((layoutPart !== 'main' || !flatDeck) && { classNames: 'pie-1 border-b border-separator' })}>
|
|
82
80
|
<ActionRoot>
|
|
83
81
|
{node ? (
|
|
84
82
|
<PlankHeading.ActionsMenu
|
|
@@ -100,7 +98,7 @@ export const NodePlankHeading = ({
|
|
|
100
98
|
)}
|
|
101
99
|
</ActionRoot>
|
|
102
100
|
<TextTooltip text={label} onlyWhenTruncating>
|
|
103
|
-
<PlankHeading.Label attendableId={node?.id} {...(pending && { classNames: '
|
|
101
|
+
<PlankHeading.Label attendableId={node?.id} {...(pending && { classNames: 'text-description' })}>
|
|
104
102
|
{label}
|
|
105
103
|
</PlankHeading.Label>
|
|
106
104
|
</TextTooltip>
|
|
@@ -14,18 +14,20 @@ import {
|
|
|
14
14
|
NavigationAction,
|
|
15
15
|
Surface,
|
|
16
16
|
useIntentDispatcher,
|
|
17
|
+
type Layout,
|
|
17
18
|
} from '@dxos/app-framework';
|
|
18
19
|
import { debounce } from '@dxos/async';
|
|
19
20
|
import { useGraph } from '@dxos/plugin-graph';
|
|
20
|
-
import { Button, Tooltip, useTranslation
|
|
21
|
+
import { Button, Tooltip, useTranslation } from '@dxos/react-ui';
|
|
21
22
|
import { createAttendableAttributes } from '@dxos/react-ui-attention';
|
|
22
23
|
import { Plank as NaturalPlank } from '@dxos/react-ui-deck';
|
|
24
|
+
import { mainIntrinsicSize } from '@dxos/react-ui-theme';
|
|
23
25
|
|
|
24
26
|
import { NodePlankHeading } from './NodePlankHeading';
|
|
25
27
|
import { PlankContentError, PlankError } from './PlankError';
|
|
26
28
|
import { PlankLoading } from './PlankLoading';
|
|
27
29
|
import { DeckAction } from '../../DeckPlugin';
|
|
28
|
-
import { useNode } from '../../hooks';
|
|
30
|
+
import { useNode, useMainSize } from '../../hooks';
|
|
29
31
|
import { DECK_PLUGIN } from '../../meta';
|
|
30
32
|
import { useDeckContext } from '../DeckContext';
|
|
31
33
|
import { useLayout } from '../LayoutContext';
|
|
@@ -35,13 +37,12 @@ export type PlankProps = {
|
|
|
35
37
|
layoutParts: LayoutParts;
|
|
36
38
|
// TODO(wittjosiah): Remove.
|
|
37
39
|
part: LayoutPart;
|
|
38
|
-
|
|
40
|
+
layoutMode: Layout['layoutMode'];
|
|
39
41
|
flatDeck?: boolean;
|
|
40
42
|
searchEnabled?: boolean;
|
|
41
|
-
classNames?: ClassNameValue;
|
|
42
43
|
};
|
|
43
44
|
|
|
44
|
-
export const Plank = ({ entry, layoutParts, part,
|
|
45
|
+
export const Plank = ({ entry, layoutParts, part, flatDeck, searchEnabled, layoutMode }: PlankProps) => {
|
|
45
46
|
const { t } = useTranslation(DECK_PLUGIN);
|
|
46
47
|
const dispatch = useIntentDispatcher();
|
|
47
48
|
const { popoverAnchorId, scrollIntoView } = useLayout();
|
|
@@ -49,6 +50,7 @@ export const Plank = ({ entry, layoutParts, part, resizeable, flatDeck, searchEn
|
|
|
49
50
|
const { graph } = useGraph();
|
|
50
51
|
const node = useNode(graph, entry.id);
|
|
51
52
|
const rootElement = useRef<HTMLDivElement | null>(null);
|
|
53
|
+
const resizeable = layoutMode === 'deck';
|
|
52
54
|
|
|
53
55
|
const attendableAttrs = createAttendableAttributes(entry.id);
|
|
54
56
|
const coordinate: LayoutCoordinate = { part, entryId: entry.id };
|
|
@@ -70,20 +72,31 @@ export const Plank = ({ entry, layoutParts, part, resizeable, flatDeck, searchEn
|
|
|
70
72
|
|
|
71
73
|
useLayoutEffect(() => {
|
|
72
74
|
if (scrollIntoView === entry.id) {
|
|
73
|
-
rootElement.current?.
|
|
75
|
+
rootElement.current?.focus({ preventScroll: true });
|
|
76
|
+
layoutMode === 'deck' && rootElement.current?.scrollIntoView({ behavior: 'smooth', inline: 'center' });
|
|
74
77
|
}
|
|
75
|
-
}, [scrollIntoView]);
|
|
78
|
+
}, [scrollIntoView, layoutMode]);
|
|
79
|
+
|
|
80
|
+
const isSolo = layoutMode === 'solo' && part === 'solo';
|
|
81
|
+
const isSuppressed = layoutMode === 'solo' && part !== 'solo';
|
|
82
|
+
|
|
83
|
+
const sizeAttrs = useMainSize();
|
|
76
84
|
|
|
77
85
|
return (
|
|
78
86
|
<NaturalPlank.Root
|
|
79
87
|
size={size}
|
|
80
88
|
setSize={setSize}
|
|
81
|
-
classNames={
|
|
89
|
+
classNames={[isSuppressed && '!sr-only']}
|
|
82
90
|
{...attendableAttrs}
|
|
91
|
+
{...(isSuppressed && { inert: '' })}
|
|
83
92
|
onKeyDown={handleKeyDown}
|
|
84
93
|
ref={rootElement}
|
|
85
94
|
>
|
|
86
|
-
<NaturalPlank.Content
|
|
95
|
+
<NaturalPlank.Content
|
|
96
|
+
{...(isSolo && sizeAttrs)}
|
|
97
|
+
classNames={[isSolo && mainIntrinsicSize, !flatDeck && 'bg-base']}
|
|
98
|
+
style={isSolo ? { inlineSize: '' } : {}}
|
|
99
|
+
>
|
|
87
100
|
{node ? (
|
|
88
101
|
<>
|
|
89
102
|
<NodePlankHeading
|