@tldraw/editor/dist-cjs/lib/hooks/useEditorComponents.js

tldraw infinite canvas SDK (editor).

"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var useEditorComponents_exports = {};
__export(useEditorComponents_exports, {
  EditorComponentsProvider: () => EditorComponentsProvider,
  useEditorComponents: () => useEditorComponents
});
module.exports = __toCommonJS(useEditorComponents_exports);
var import_jsx_runtime = require("react/jsx-runtime");
var import_react = require("react");
var import_DefaultBackground = require("../components/default-components/DefaultBackground");
var import_DefaultBrush = require("../components/default-components/DefaultBrush");
var import_DefaultCanvas = require("../components/default-components/DefaultCanvas");
var import_DefaultCollaboratorHint = require("../components/default-components/DefaultCollaboratorHint");
var import_DefaultCursor = require("../components/default-components/DefaultCursor");
var import_DefaultErrorFallback = require("../components/default-components/DefaultErrorFallback");
var import_DefaultGrid = require("../components/default-components/DefaultGrid");
var import_DefaultHandle = require("../components/default-components/DefaultHandle");
var import_DefaultHandles = require("../components/default-components/DefaultHandles");
var import_DefaultLoadingScreen = require("../components/default-components/DefaultLoadingScreen");
var import_DefaultScribble = require("../components/default-components/DefaultScribble");
var import_DefaultSelectionForeground = require("../components/default-components/DefaultSelectionForeground");
var import_DefaultShapeErrorFallback = require("../components/default-components/DefaultShapeErrorFallback");
var import_DefaultShapeIndicator = require("../components/default-components/DefaultShapeIndicator");
var import_DefaultShapeIndicatorErrorFallback = require("../components/default-components/DefaultShapeIndicatorErrorFallback");
var import_DefaultShapeIndicators = require("../components/default-components/DefaultShapeIndicators");
var import_DefaultSnapIndictor = require("../components/default-components/DefaultSnapIndictor");
var import_DefaultSpinner = require("../components/default-components/DefaultSpinner");
var import_DefaultSvgDefs = require("../components/default-components/DefaultSvgDefs");
var import_useIdentity = require("./useIdentity");
const EditorComponentsContext = (0, import_react.createContext)(null);
function EditorComponentsProvider({
  overrides = {},
  children
}) {
  const _overrides = (0, import_useIdentity.useShallowObjectIdentity)(overrides);
  const value = (0, import_react.useMemo)(
    () => ({
      Background: import_DefaultBackground.DefaultBackground,
      Brush: import_DefaultBrush.DefaultBrush,
      Canvas: import_DefaultCanvas.DefaultCanvas,
      CollaboratorBrush: import_DefaultBrush.DefaultBrush,
      CollaboratorCursor: import_DefaultCursor.DefaultCursor,
      CollaboratorHint: import_DefaultCollaboratorHint.DefaultCollaboratorHint,
      CollaboratorScribble: import_DefaultScribble.DefaultScribble,
      CollaboratorShapeIndicator: import_DefaultShapeIndicator.DefaultShapeIndicator,
      Cursor: import_DefaultCursor.DefaultCursor,
      Grid: import_DefaultGrid.DefaultGrid,
      Handle: import_DefaultHandle.DefaultHandle,
      Handles: import_DefaultHandles.DefaultHandles,
      InFrontOfTheCanvas: null,
      LoadingScreen: import_DefaultLoadingScreen.DefaultLoadingScreen,
      OnTheCanvas: null,
      Overlays: null,
      Scribble: import_DefaultScribble.DefaultScribble,
      SelectionBackground: null,
      SelectionForeground: import_DefaultSelectionForeground.DefaultSelectionForeground,
      ShapeIndicator: import_DefaultShapeIndicator.DefaultShapeIndicator,
      ShapeIndicators: import_DefaultShapeIndicators.DefaultShapeIndicators,
      SnapIndicator: import_DefaultSnapIndictor.DefaultSnapIndicator,
      Spinner: import_DefaultSpinner.DefaultSpinner,
      SvgDefs: import_DefaultSvgDefs.DefaultSvgDefs,
      ZoomBrush: import_DefaultBrush.DefaultBrush,
      ErrorFallback: import_DefaultErrorFallback.DefaultErrorFallback,
      ShapeErrorFallback: import_DefaultShapeErrorFallback.DefaultShapeErrorFallback,
      ShapeIndicatorErrorFallback: import_DefaultShapeIndicatorErrorFallback.DefaultShapeIndicatorErrorFallback,
      ..._overrides
    }),
    [_overrides]
  );
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EditorComponentsContext.Provider, { value, children });
}
function useEditorComponents() {
  const components = (0, import_react.useContext)(EditorComponentsContext);
  if (!components) {
    throw new Error("useEditorComponents must be used inside of <EditorComponentsProvider />");
  }
  return components;
}
//# sourceMappingURL=useEditorComponents.js.map