@makeswift/runtime 0.11.10 → 0.11.12

package/dist/PreviewProvider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewProvider.es.js","sources":["../src/state/modules/read-write-documents.ts","../src/state/modules/pointer.ts","../src/state/modules/element-imperative-handles.ts","../src/state/react-builder-preview.ts","../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["import { Operation } from 'ot-json0'\nimport { removeIn, setIn } from 'immutable'\n\nimport * as ReadOnlyDocuments from './read-only-documents'\nimport { Action, ActionTypes } from '../actions'\n\nexport type { Document, Element, ElementData, ElementReference } from './read-only-documents'\nexport { isElementReference } from './read-only-documents'\nexport type { Operation }\n\nfunction apply(data: ReadOnlyDocuments.Element, operation: Operation): ReadOnlyDocuments.Element {\n  let applied = data\n\n  operation.forEach(component => {\n    // @ts-expect-error: `ld` isn't in all possible values of `component`\n    if (component.ld != null) applied = removeIn(applied, component.p)\n\n    // @ts-expect-error: `od` isn't in all possible values of `component`\n    if (component.od != null) applied = removeIn(applied, component.p)\n\n    // @ts-expect-error: `li` isn't in all possible values of `component`\n    if (component.li != null) applied = setIn(applied, component.p, component.li)\n\n    // @ts-expect-error: `oi` isn't in all possible values of `component`\n    if (component.oi != null) applied = setIn(applied, component.p, component.oi)\n  })\n\n  return applied\n}\n\nexport type State = ReadOnlyDocuments.State\n\nexport function getInitialState({\n  rootElements,\n}: {\n  rootElements?: Map<string, ReadOnlyDocuments.Element>\n} = {}): State {\n  return ReadOnlyDocuments.getInitialState({ rootElements })\n}\n\nfunction getReadOnlyDocumentsStateSlice(state: State): ReadOnlyDocuments.State {\n  return state\n}\n\nexport function getDocument(state: State, documentKey: string): ReadOnlyDocuments.Document | null {\n  return ReadOnlyDocuments.getDocument(getReadOnlyDocumentsStateSlice(state), documentKey)\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  const nextState = ReadOnlyDocuments.reducer(state, action)\n\n  switch (action.type) {\n    case ActionTypes.CHANGE_DOCUMENT: {\n      const currentRootElement = getDocument(nextState, action.payload.documentKey)?.rootElement\n\n      if (currentRootElement == null) return nextState\n\n      const nextRootElement = apply(currentRootElement, action.payload.operation)\n\n      return currentRootElement === nextRootElement\n        ? nextState\n        : new Map(nextState).set(\n            action.payload.documentKey,\n            ReadOnlyDocuments.createDocument(action.payload.documentKey, nextRootElement),\n          )\n    }\n\n    default:\n      return nextState\n  }\n}\n","import { Action, ActionTypes } from '../actions'\n\nexport type Point = { x: number; y: number }\n\ntype State = {\n  pointer: Point | null\n}\n\nfunction getInitialState(): State {\n  return { pointer: null }\n}\n\nexport function getPointer(state: State): Point | null {\n  return state.pointer\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.BUILDER_POINTER_MOVE:\n      return { ...state, pointer: action.payload.pointer }\n\n    default:\n      return state\n  }\n}\n","import { ElementImperativeHandle } from '../../runtimes/react/element-imperative-handle'\nimport { Action, ActionTypes } from '../actions'\n\ntype State = Map<string, Map<string, ElementImperativeHandle>>\n\nexport function getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return state\n}\n\nfunction getInitialState(): State {\n  return new Map()\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.REGISTER_COMPONENT_HANDLE:\n      return new Map(state).set(\n        action.payload.documentKey,\n        new Map(new Map(state.get(action.payload.documentKey) ?? [])).set(\n          action.payload.elementKey,\n          action.payload.componentHandle,\n        ),\n      )\n\n    case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n      const byElementKey = new Map(state.get(action.payload.documentKey) ?? [])\n\n      const deleted = byElementKey.delete(action.payload.elementKey)\n\n      if (!deleted) return state\n\n      return new Map(state).set(action.payload.documentKey, byElementKey)\n    }\n\n    default:\n      return state\n  }\n}\n","import {\n  applyMiddleware,\n  combineReducers,\n  createStore,\n  Dispatch as ReduxDispatch,\n  Middleware,\n  MiddlewareAPI,\n  PreloadedState,\n  Store as ReduxStore,\n} from 'redux'\nimport thunk, { ThunkAction, ThunkDispatch } from 'redux-thunk'\nimport Router from 'next/router'\n\nimport deepEqual from '../utils/deepEqual'\n\nimport * as Documents from './modules/read-write-documents'\nimport * as ReactComponents from './modules/react-components'\nimport * as BoxModels from './modules/box-models'\nimport * as ComponentsMeta from './modules/components-meta'\nimport * as PropControllers from './modules/prop-controllers'\nimport * as PropControllerHandles from './modules/prop-controller-handles'\nimport * as IsInBuilder from './modules/is-in-builder'\nimport * as IsPreview from './modules/is-preview'\nimport * as BuilderEditMode from './modules/builder-edit-mode'\nimport * as Pointer from './modules/pointer'\nimport * as ElementImperativeHandles from './modules/element-imperative-handles'\nimport * as Breakpoints from './modules/breakpoints'\nimport * as ReactPage from './react-page'\nimport {\n  Action,\n  changeDocumentElementSize,\n  changeElementBoxModels,\n  messageBuilderPropController,\n  registerBuilderComponent,\n  registerMeasurable,\n  registerPropControllers,\n  registerPropControllersHandle,\n  registerDocument,\n  registerComponentHandle,\n  unregisterBuilderComponent,\n  unregisterMeasurable,\n  unregisterPropControllers,\n  setIsInBuilder,\n  handleWheel,\n  handlePointerMove,\n  changePathnameStart,\n  changePathnameComplete,\n  elementFromPointChange,\n  setBreakpoints,\n  setLocale,\n} from './actions'\nimport { ActionTypes } from './actions'\nimport { createPropController } from '../prop-controllers/instances'\nimport { PropController } from '../prop-controllers/base'\nimport { serializeControls } from '../builder'\nimport { MakeswiftClient } from '../api/react'\nimport { ElementImperativeHandle } from '../runtimes/react/element-imperative-handle'\n\nexport type { Operation } from './modules/read-write-documents'\nexport type { BoxModelHandle } from './modules/box-models'\nexport { createBox, getBox, parse } from './modules/box-models'\n\nconst reducer = combineReducers({\n  documents: Documents.reducer,\n  reactComponents: ReactComponents.reducer,\n  boxModels: BoxModels.reducer,\n  componentsMeta: ComponentsMeta.reducer,\n  propControllers: PropControllers.reducer,\n  propControllerHandles: PropControllerHandles.reducer,\n  isInBuilder: IsInBuilder.reducer,\n  isPreview: IsPreview.reducer,\n  builderEditMode: BuilderEditMode.reducer,\n  pointer: Pointer.reducer,\n  elementImperativeHandles: ElementImperativeHandles.reducer,\n  breakpoints: Breakpoints.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\n\nfunction getBoxModelsStateSlice(state: State): BoxModels.State {\n  return state.boxModels\n}\n\nfunction getMeasurables(state: State): Map<string, Map<string, BoxModels.Measurable>> {\n  return BoxModels.getMeasurables(getBoxModelsStateSlice(state))\n}\n\nfunction getBoxModels(state: State): Map<string, Map<string, BoxModels.BoxModel>> {\n  return BoxModels.getBoxModels(getBoxModelsStateSlice(state))\n}\n\nfunction getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModels.BoxModel | null {\n  return BoxModels.getBoxModel(getBoxModelsStateSlice(state), documentKey, elementKey)\n}\n\nfunction getComponentsMetaStateSlice(state: State): ComponentsMeta.State {\n  return state.componentsMeta\n}\n\nfunction getComponentsMeta(state: State): Map<string, ComponentsMeta.ComponentMeta> {\n  return ComponentsMeta.getComponentsMeta(getComponentsMetaStateSlice(state))\n}\n\nfunction getPropControllersStateSlice(state: State): PropControllers.State {\n  return state.propControllers\n}\n\nfunction getComponentPropControllerDescriptors(\n  state: State,\n  componentType: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  return PropControllers.getComponentPropControllerDescriptors(\n    getPropControllersStateSlice(state),\n    componentType,\n  )\n}\n\nfunction getPropControllerHandlesStateSlice(state: State): PropControllerHandles.State {\n  return state.propControllerHandles\n}\n\nfunction getPointer(state: State): Pointer.Point | null {\n  return Pointer.getPointer(state.pointer)\n}\n\nfunction getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return ElementImperativeHandles.getElementImperativeHandles(state.elementImperativeHandles)\n}\n\nfunction getElementImperativeHandlesContainingElement(\n  state: State,\n  element: Element,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  const elementImperativeHandles = getElementImperativeHandles(state)\n  const filteredElementImperativeHandles = new Map<string, Map<string, ElementImperativeHandle>>()\n\n  for (const [documentKey, byElementKey] of elementImperativeHandles) {\n    const filteredByElementKey = new Map<string, ElementImperativeHandle>()\n\n    for (const [elementKey, elementImperativeHandle] of byElementKey) {\n      const handleElement = elementImperativeHandle.getDomNode()\n\n      if (handleElement?.contains(element)) {\n        filteredByElementKey.set(elementKey, elementImperativeHandle)\n      }\n    }\n\n    if (filteredByElementKey.size > 0) {\n      filteredElementImperativeHandles.set(documentKey, filteredByElementKey)\n    }\n  }\n\n  return filteredElementImperativeHandles\n}\n\nfunction measureElements(): ThunkAction<void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const measurables = getMeasurables(getState())\n    const currentBoxModels = getBoxModels(getState())\n    const measuredBoxModels = new Map<string, Map<string, BoxModels.BoxModel>>()\n\n    measurables.forEach((documentMeasurables, documentKey) => {\n      const measuredDocumentBoxModels = new Map<string, BoxModels.BoxModel>()\n\n      documentMeasurables.forEach((measurable, elementKey) => {\n        const boxModel = BoxModels.measure(measurable)\n\n        if (boxModel != null) measuredDocumentBoxModels.set(elementKey, boxModel)\n      })\n\n      if (measuredDocumentBoxModels.size > 0) {\n        measuredBoxModels.set(documentKey, measuredDocumentBoxModels)\n      }\n    })\n\n    const changedBoxModels = new Map<string, Map<string, BoxModels.BoxModel | null>>()\n\n    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxModel | null>()\n\n      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {\n        if (!measuredBoxModels.get(documentKey)?.has(elementKey)) {\n          changedDocumentBoxModels.set(elementKey, null)\n        }\n\n        if (changedDocumentBoxModels.size > 0) {\n          changedBoxModels.set(documentKey, changedDocumentBoxModels)\n        }\n      })\n    })\n\n    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxModel | null>()\n\n      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {\n        const currentBoxModel = getBoxModel(getState(), documentKey, elementKey)\n\n        if (currentBoxModel == null || !deepEqual(currentBoxModel, measuredBoxModel)) {\n          changedDocumentBoxModels.set(elementKey, measuredBoxModel)\n        }\n      })\n\n      if (changedDocumentBoxModels.size > 0) {\n        changedBoxModels.set(documentKey, changedDocumentBoxModels)\n      }\n    })\n\n    if (changedBoxModels.size > 0) dispatch(changeElementBoxModels(changedBoxModels))\n  }\n}\n\nexport function startMeasuringElements(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      dispatch(measureElements())\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nexport type Size = {\n  offsetWidth: number\n  offsetHeight: number\n  clientWidth: number\n  clientHeight: number\n  scrollWidth: number\n  scrollHeight: number\n  scrollTop: number\n  scrollLeft: number\n}\n\nfunction getElementSize(element: HTMLElement): Size {\n  return {\n    offsetWidth: element.offsetWidth,\n    offsetHeight: element.offsetHeight,\n    clientWidth: element.clientWidth,\n    clientHeight: element.clientHeight,\n    scrollWidth: element.scrollWidth,\n    scrollHeight: element.scrollHeight,\n    scrollTop: element.scrollTop,\n    scrollLeft: element.scrollLeft,\n  }\n}\n\nfunction lockDocumentScroll(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    const lastDocumentOverflow = window.document.documentElement.style.overflow\n    window.document.documentElement.style.overflow = 'hidden'\n\n    window.document.documentElement.addEventListener('wheel', handleWheelEvent)\n\n    return () => {\n      window.document.documentElement.style.overflow = lastDocumentOverflow\n      window.document.documentElement.removeEventListener('wheel', handleWheelEvent)\n    }\n\n    function handleWheelEvent({ deltaX, deltaY }: WheelEvent) {\n      dispatch(handleWheel({ deltaX, deltaY }))\n    }\n  }\n}\n\nfunction startHandlingPointerMoveEvent(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    window.document.documentElement.addEventListener('pointermove', handlePointerMoveEvent)\n\n    return () => {\n      window.document.documentElement.removeEventListener('pointermove', handlePointerMoveEvent)\n    }\n\n    function handlePointerMoveEvent({ clientX, clientY }: PointerEvent) {\n      dispatch(handlePointerMove({ clientX, clientY }))\n    }\n  }\n}\n\nfunction startHandlingFocusEvents(): ThunkAction<() => void, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    window.addEventListener('focusin', handleFocusIn)\n    window.addEventListener('focusout', handleFocusOut)\n\n    return () => {\n      window.removeEventListener('focusin', handleFocusIn)\n      window.removeEventListener('focusout', handleFocusOut)\n    }\n\n    function handleFocusIn(event: FocusEvent) {\n      if (ReactPage.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {\n        return\n      }\n\n      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {\n        window.parent.focus()\n      }\n    }\n\n    function handleFocusOut(event: FocusEvent) {\n      if (ReactPage.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {\n        return\n      }\n\n      if (\n        !(event.relatedTarget instanceof window.HTMLElement) ||\n        !event.relatedTarget.isContentEditable\n      ) {\n        window.parent.focus()\n      }\n    }\n  }\n}\n\nfunction startMeasuringDocumentElement(): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    let lastSize: Size\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      const nextSize = getElementSize(window.document.documentElement)\n\n      if (!deepEqual(lastSize, nextSize)) {\n        lastSize = nextSize\n\n        dispatch(changeDocumentElementSize(nextSize))\n      }\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction elementKeysFromElementFromPoint(\n  elementFromPoint: Element | null,\n): ThunkAction<{ documentKey: string; elementKey: string } | null, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    if (elementFromPoint == null) return null\n\n    const elementImperativeHandles = getElementImperativeHandlesContainingElement(\n      getState(),\n      elementFromPoint,\n    )\n    const acendingDepthDocumentKeys = ReactPage.getDocumentKeysSortedByDepth(getState())\n    const descendingDepthDocumentKeys = acendingDepthDocumentKeys.slice().reverse()\n\n    let currentElement: Element | null = elementFromPoint\n    let keys = null\n\n    while (currentElement != null) {\n      for (const documentKey of descendingDepthDocumentKeys) {\n        const byElementKey = elementImperativeHandles.get(documentKey)\n\n        if (byElementKey == null) continue\n\n        for (const [elementKey, elementImperativeHandle] of byElementKey) {\n          if (elementImperativeHandle.getDomNode() === currentElement) {\n            return { documentKey, elementKey }\n          }\n        }\n      }\n\n      currentElement = currentElement.parentElement\n    }\n\n    return keys\n  }\n}\n\nfunction startPollingElementFromPoint(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    let lastElementFromPoint: Element | null = null\n    let animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameRequestId)\n    }\n\n    function handleAnimationFrameRequest() {\n      const pointer = getPointer(getState())\n      const elementFromPoint =\n        pointer == null ? null : document.elementFromPoint(pointer.x, pointer.y)\n\n      if (elementFromPoint !== lastElementFromPoint) {\n        lastElementFromPoint = elementFromPoint\n\n        const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint))\n\n        dispatch(elementFromPointChange(keys))\n      }\n\n      animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nexport function initialize(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    const stopMeasuringElements = dispatch(startMeasuringElements())\n    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement())\n    const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents())\n    const unlockDocumentScroll = dispatch(lockDocumentScroll())\n    const stopHandlingPointerMoveEvent = dispatch(startHandlingPointerMoveEvent())\n    const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint())\n    dispatch(setIsInBuilder(true))\n\n    return () => {\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      stopHandlingPointerMoveEvent()\n      stopPollingElementFromPoint()\n      dispatch(setIsInBuilder(false))\n    }\n  }\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nfunction measureBoxModelsMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch }: MiddlewareAPI<Dispatch>) =>\n    (next: ReduxDispatch<Action>) => {\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.REGISTER_COMPONENT_HANDLE: {\n            if (BoxModels.isMeasurable(action.payload.componentHandle)) {\n              dispatch(\n                registerMeasurable(\n                  action.payload.documentKey,\n                  action.payload.elementKey,\n                  action.payload.componentHandle,\n                ),\n              )\n            }\n\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT_HANDLE:\n            dispatch(unregisterMeasurable(action.payload.documentKey, action.payload.elementKey))\n            break\n        }\n\n        return next(action)\n      }\n    }\n}\n\nexport function messageChannelMiddleware(\n  client: MakeswiftClient,\n): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch, getState }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      let cleanUp = () => {}\n\n      if (typeof window === 'undefined') return cleanUp\n\n      const messageChannel = new window.MessageChannel()\n\n      window.parent.postMessage(messageChannel.port2, '*', [messageChannel.port2])\n\n      messageChannel.port1.onmessage = (event: MessageEvent<Action>) => dispatch(event.data)\n\n      const state = getState()\n      const registeredComponentsMeta = getComponentsMeta(state)\n\n      registeredComponentsMeta.forEach((componentMeta, componentType) => {\n        const propControllerDescriptors = getComponentPropControllerDescriptors(\n          state,\n          componentType,\n        )\n\n        if (propControllerDescriptors != null) {\n          const [serializedControls, transferables] = serializeControls(propControllerDescriptors)\n\n          messageChannel.port1.postMessage(\n            registerBuilderComponent(componentType, componentMeta, serializedControls),\n            transferables,\n          )\n        }\n      })\n\n      const breakpoints = ReactPage.getBreakpoints(state)\n      messageChannel.port1.postMessage(setBreakpoints(breakpoints))\n\n      const routerLocale = Router.locale\n      if (routerLocale != null) {\n        messageChannel.port1.postMessage(setLocale(new Intl.Locale(routerLocale)))\n      }\n\n      Router.events.on('routeChangeStart', () => {\n        messageChannel.port1.postMessage(changePathnameStart())\n      })\n\n      Router.events.on('routeChangeComplete', () => {\n        messageChannel.port1.postMessage(changePathnameComplete())\n      })\n\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.CHANGE_ELEMENT_BOX_MODELS:\n          case ActionTypes.MOUNT_COMPONENT:\n          case ActionTypes.UNMOUNT_COMPONENT:\n          case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:\n          case ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:\n          case ActionTypes.HANDLE_WHEEL:\n          case ActionTypes.HANDLE_POINTER_MOVE:\n          case ActionTypes.ELEMENT_FROM_POINT_CHANGE:\n            messageChannel.port1.postMessage(action)\n            break\n\n          case ActionTypes.REGISTER_COMPONENT: {\n            const { type, meta, propControllerDescriptors } = action.payload\n            const [serializedControls, transferables] = serializeControls(propControllerDescriptors)\n\n            messageChannel.port1.postMessage(\n              registerBuilderComponent(type, meta, serializedControls),\n              transferables,\n            )\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT:\n            messageChannel.port1.postMessage(unregisterBuilderComponent(action.payload.type))\n            break\n\n          case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:\n            window.document.documentElement.scrollTop = action.payload.scrollTop\n            break\n\n          case ActionTypes.SCROLL_DOCUMENT_ELEMENT:\n            window.document.documentElement.scrollTop += action.payload.scrollTopDelta\n            break\n\n          case ActionTypes.SET_BUILDER_EDIT_MODE:\n            messageChannel.port1.postMessage(action)\n            window.getSelection()?.removeAllRanges()\n            break\n\n          case ActionTypes.SET_LOCALE: {\n            const { pathname: currentPathname, query } = Router\n            const pathname = (action.payload.pathname ?? currentPathname).replace(/^\\//, '/')\n\n            Router.replace({ pathname, query }, undefined, { locale: action.payload.locale })\n            break\n          }\n\n          case ActionTypes.CHANGE_PATHNAME: {\n            const pathname = action.payload.pathname.replace(/^\\//, '/')\n            const currentPathname = Router.asPath.replace(/^\\//, '/')\n\n            if (pathname !== currentPathname) Router.push(pathname)\n            break\n          }\n\n          case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n            client.setLocalizedResourceId(action.payload)\n            break\n          }\n\n          case ActionTypes.INIT:\n            cleanUp = dispatch(initialize())\n            break\n\n          case ActionTypes.CLEAN_UP:\n            cleanUp()\n            break\n        }\n\n        return next(action)\n      }\n    }\n}\n\nfunction createAndRegisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<Record<string, PropController> | null, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const descriptors = ReactPage.getElementPropControllerDescriptors(\n      getState(),\n      documentKey,\n      elementKey,\n    )\n\n    if (descriptors == null) return null\n\n    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {\n      const propController = createPropController(descriptor, message =>\n        dispatch(messageBuilderPropController(documentKey, elementKey, propName, message)),\n      ) as PropController\n\n      return { ...acc, [propName]: propController }\n    }, {} as Record<string, PropController>)\n\n    dispatch(registerPropControllers(documentKey, elementKey, propControllers))\n\n    return propControllers\n  }\n}\n\nfunction propControllerHandlesMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch, getState }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.REGISTER_COMPONENT_HANDLE: {\n            const { documentKey, elementKey, componentHandle } = action.payload\n            const element = ReactPage.getElement(getState(), documentKey, elementKey)\n            const propControllers = dispatch(\n              createAndRegisterPropControllers(documentKey, elementKey),\n            )\n\n            if (\n              element != null &&\n              !ReactPage.isElementReference(element) &&\n              PropControllerHandles.isPropControllersHandle(componentHandle)\n            ) {\n              dispatch(registerPropControllersHandle(documentKey, elementKey, componentHandle))\n              componentHandle.setPropControllers(propControllers)\n            }\n\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n            const { documentKey, elementKey } = action.payload\n            const handle = PropControllerHandles.getPropControllersHandle(\n              getPropControllerHandlesStateSlice(getState()),\n              documentKey,\n              elementKey,\n            )\n\n            handle?.setPropControllers(null)\n\n            dispatch(unregisterPropControllers(documentKey, elementKey))\n\n            break\n          }\n\n          case ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {\n            const propController = PropControllerHandles.getPropController(\n              getPropControllerHandlesStateSlice(getState()),\n              action.payload.documentKey,\n              action.payload.elementKey,\n              action.payload.propName,\n            )\n\n            if (propController) propController.recv(action.payload.message)\n          }\n        }\n\n        return next(action)\n      }\n    }\n}\n\nif (import.meta.vitest) {\n  const { describe, it, fn, expect } = import.meta.vitest\n\n  describe('propControllerHandlesMiddleware', () => {\n    it('registers prop controllers for element data', () => {\n      // Arrange\n      const documentKey = 'documentKey'\n      const element: ReactPage.Element = { key: 'elementKey', type: 'type', props: {} }\n      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()))\n      const setPropControllers = fn()\n      const handle = new ElementImperativeHandle()\n\n      handle.callback(() => ({ setPropControllers }))\n\n      store.dispatch(registerDocument(ReactPage.createDocument(documentKey, element)))\n\n      // Act\n      store.dispatch(registerComponentHandle(documentKey, element.key, handle))\n\n      // Assert\n      expect(setPropControllers).toHaveBeenCalled()\n    })\n\n    it(\"doesn't register prop controllers for element references\", () => {\n      // Arrange\n      const documentKey = 'documentKey'\n      const element: ReactPage.Element = { type: 'reference', key: 'elementKey', value: 'value' }\n      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()))\n      const setPropControllers = fn()\n      const handle = new ElementImperativeHandle()\n\n      handle.callback(() => ({ setPropControllers }))\n\n      store.dispatch(registerDocument(ReactPage.createDocument(documentKey, element)))\n\n      // Act\n      store.dispatch(registerComponentHandle(documentKey, element.key, handle))\n\n      // Assert\n      expect(setPropControllers).not.toHaveBeenCalled()\n    })\n  })\n}\n\nfunction makeswiftApiClientSyncMiddleware(\n  client: MakeswiftClient,\n): Middleware<Dispatch, State, Dispatch> {\n  return () => (next: ReduxDispatch<Action>) => {\n    return (action: Action): Action => {\n      client.makeswiftApiClient.dispatch(action)\n\n      return next(action)\n    }\n  }\n}\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch }\n\nexport function configureStore({\n  rootElements,\n  preloadedState,\n  client,\n}: {\n  rootElements?: Map<string, Documents.Element>\n  preloadedState?: PreloadedState<State>\n  client: MakeswiftClient\n}): Store {\n  const initialState: PreloadedState<State> = {\n    ...preloadedState,\n    documents: Documents.getInitialState({ rootElements }),\n    isPreview: IsPreview.getInitialState(true),\n  }\n\n  return createStore(\n    reducer,\n    initialState,\n    applyMiddleware(\n      thunk,\n      measureBoxModelsMiddleware(),\n      messageChannelMiddleware(client),\n      propControllerHandlesMiddleware(),\n      makeswiftApiClientSyncMiddleware(client),\n    ),\n  )\n}\n","import { ReactNode, useEffect, useMemo } from 'react'\n\nimport { StoreContext, ReactRuntime } from '..'\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\nimport { registerDocumentEffect } from '../../../state/actions'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function PreviewProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n        client,\n      }),\n    [client, rootElements, runtime],\n  )\n\n  useEffect(() => {\n    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(\n      ([documentKey, rootElement]) =>\n        store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement))),\n    )\n\n    return () => {\n      unregisterDocuments.forEach(unregisterDocument => {\n        unregisterDocument()\n      })\n    }\n  }, [store, rootElements])\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"names":["ReadOnlyDocuments.getInitialState","ReadOnlyDocuments.getDocument","getInitialState","ReadOnlyDocuments.reducer","ReadOnlyDocuments.createDocument","Documents.reducer","ReactComponents.reducer","BoxModels.reducer","ComponentsMeta.reducer","PropControllers.reducer","PropControllerHandles.reducer","IsInBuilder.reducer","IsPreview.reducer","BuilderEditMode.reducer","Pointer.reducer","ElementImperativeHandles.reducer","Breakpoints.reducer","BoxModels.getMeasurables","BoxModels.getBoxModels","BoxModels.getBoxModel","ComponentsMeta.getComponentsMeta","PropControllers.getComponentPropControllerDescriptors","Pointer.getPointer","ElementImperativeHandles.getElementImperativeHandles","BoxModels.measure","ReactPage.getBuilderEditMode","BuilderEditMode.BuilderEditMode","ReactPage.getDocumentKeysSortedByDepth","BoxModels.isMeasurable","ReactPage.getBreakpoints","ReactPage.getElementPropControllerDescriptors","ReactPage.getElement","ReactPage.isElementReference","PropControllerHandles.isPropControllersHandle","PropControllerHandles.getPropControllersHandle","PropControllerHandles.getPropController","ReactPage.createDocument","Documents.getInitialState","IsPreview.getInitialState","client","children","rootElements","runtime","store","useMemo","ReactBuilderPreview","preloadedState","getState","ReactRuntime","useEffect","unregisterDocuments","Array","from","entries","map","documentKey","rootElement","dispatch","registerDocumentEffect","ReactPage","forEach","unregisterDocument","_jsx"],"mappings":"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"}
+{"version":3,"file":"PreviewProvider.es.js","sources":["../src/state/modules/read-write-documents.ts","../src/state/modules/pointer.ts","../src/state/modules/element-imperative-handles.ts","../src/state/react-builder-preview.ts","../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["import { Operation } from 'ot-json0'\nimport { removeIn, setIn } from 'immutable'\n\nimport * as ReadOnlyDocuments from './read-only-documents'\nimport { Action, ActionTypes } from '../actions'\n\nexport type { Document, Element, ElementData, ElementReference } from './read-only-documents'\nexport { isElementReference } from './read-only-documents'\nexport type { Operation }\n\nfunction apply(data: ReadOnlyDocuments.Element, operation: Operation): ReadOnlyDocuments.Element {\n  let applied = data\n\n  operation.forEach(component => {\n    // @ts-expect-error: `ld` isn't in all possible values of `component`\n    if (component.ld != null) applied = removeIn(applied, component.p)\n\n    // @ts-expect-error: `od` isn't in all possible values of `component`\n    if (component.od != null) applied = removeIn(applied, component.p)\n\n    // @ts-expect-error: `li` isn't in all possible values of `component`\n    if (component.li != null) applied = setIn(applied, component.p, component.li)\n\n    // @ts-expect-error: `oi` isn't in all possible values of `component`\n    if (component.oi != null) applied = setIn(applied, component.p, component.oi)\n  })\n\n  return applied\n}\n\nexport type State = ReadOnlyDocuments.State\n\nexport function getInitialState({\n  rootElements,\n}: {\n  rootElements?: Map<string, ReadOnlyDocuments.Element>\n} = {}): State {\n  return ReadOnlyDocuments.getInitialState({ rootElements })\n}\n\nfunction getReadOnlyDocumentsStateSlice(state: State): ReadOnlyDocuments.State {\n  return state\n}\n\nexport function getDocument(state: State, documentKey: string): ReadOnlyDocuments.Document | null {\n  return ReadOnlyDocuments.getDocument(getReadOnlyDocumentsStateSlice(state), documentKey)\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  const nextState = ReadOnlyDocuments.reducer(state, action)\n\n  switch (action.type) {\n    case ActionTypes.CHANGE_DOCUMENT: {\n      const currentRootElement = getDocument(nextState, action.payload.documentKey)?.rootElement\n\n      if (currentRootElement == null) return nextState\n\n      const nextRootElement = apply(currentRootElement, action.payload.operation)\n\n      return currentRootElement === nextRootElement\n        ? nextState\n        : new Map(nextState).set(\n            action.payload.documentKey,\n            ReadOnlyDocuments.createDocument(action.payload.documentKey, nextRootElement),\n          )\n    }\n\n    default:\n      return nextState\n  }\n}\n","import { Action, ActionTypes } from '../actions'\n\nexport type Point = { x: number; y: number }\n\ntype State = {\n  pointer: Point | null\n}\n\nfunction getInitialState(): State {\n  return { pointer: null }\n}\n\nexport function getPointer(state: State): Point | null {\n  return state.pointer\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.BUILDER_POINTER_MOVE:\n      return { ...state, pointer: action.payload.pointer }\n\n    default:\n      return state\n  }\n}\n","import { ElementImperativeHandle } from '../../runtimes/react/element-imperative-handle'\nimport { Action, ActionTypes } from '../actions'\n\ntype State = Map<string, Map<string, ElementImperativeHandle>>\n\nexport function getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return state\n}\n\nfunction getInitialState(): State {\n  return new Map()\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.REGISTER_COMPONENT_HANDLE:\n      return new Map(state).set(\n        action.payload.documentKey,\n        new Map(new Map(state.get(action.payload.documentKey) ?? [])).set(\n          action.payload.elementKey,\n          action.payload.componentHandle,\n        ),\n      )\n\n    case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n      const byElementKey = new Map(state.get(action.payload.documentKey) ?? [])\n\n      const deleted = byElementKey.delete(action.payload.elementKey)\n\n      if (!deleted) return state\n\n      return new Map(state).set(action.payload.documentKey, byElementKey)\n    }\n\n    default:\n      return state\n  }\n}\n","import {\n  applyMiddleware,\n  combineReducers,\n  createStore,\n  Dispatch as ReduxDispatch,\n  Middleware,\n  MiddlewareAPI,\n  PreloadedState,\n  Store as ReduxStore,\n} from 'redux'\nimport thunk, { ThunkAction, ThunkDispatch } from 'redux-thunk'\nimport Router from 'next/router'\n\nimport deepEqual from '../utils/deepEqual'\n\nimport * as Documents from './modules/read-write-documents'\nimport * as ReactComponents from './modules/react-components'\nimport * as BoxModels from './modules/box-models'\nimport * as ComponentsMeta from './modules/components-meta'\nimport * as PropControllers from './modules/prop-controllers'\nimport * as PropControllerHandles from './modules/prop-controller-handles'\nimport * as IsInBuilder from './modules/is-in-builder'\nimport * as IsPreview from './modules/is-preview'\nimport * as BuilderEditMode from './modules/builder-edit-mode'\nimport * as Pointer from './modules/pointer'\nimport * as ElementImperativeHandles from './modules/element-imperative-handles'\nimport * as Breakpoints from './modules/breakpoints'\nimport * as ReactPage from './react-page'\nimport {\n  Action,\n  changeDocumentElementSize,\n  changeElementBoxModels,\n  messageBuilderPropController,\n  registerBuilderComponent,\n  registerMeasurable,\n  registerPropControllers,\n  registerPropControllersHandle,\n  registerDocument,\n  registerComponentHandle,\n  unregisterBuilderComponent,\n  unregisterMeasurable,\n  unregisterPropControllers,\n  setIsInBuilder,\n  handleWheel,\n  handlePointerMove,\n  changePathnameStart,\n  changePathnameComplete,\n  elementFromPointChange,\n  setBreakpoints,\n  setLocale,\n} from './actions'\nimport { ActionTypes } from './actions'\nimport { createPropController } from '../prop-controllers/instances'\nimport { PropController } from '../prop-controllers/base'\nimport { serializeControls } from '../builder'\nimport { MakeswiftClient } from '../api/react'\nimport { ElementImperativeHandle } from '../runtimes/react/element-imperative-handle'\n\nexport type { Operation } from './modules/read-write-documents'\nexport type { BoxModelHandle } from './modules/box-models'\nexport { createBox, getBox, parse } from './modules/box-models'\n\nconst reducer = combineReducers({\n  documents: Documents.reducer,\n  reactComponents: ReactComponents.reducer,\n  boxModels: BoxModels.reducer,\n  componentsMeta: ComponentsMeta.reducer,\n  propControllers: PropControllers.reducer,\n  propControllerHandles: PropControllerHandles.reducer,\n  isInBuilder: IsInBuilder.reducer,\n  isPreview: IsPreview.reducer,\n  builderEditMode: BuilderEditMode.reducer,\n  pointer: Pointer.reducer,\n  elementImperativeHandles: ElementImperativeHandles.reducer,\n  breakpoints: Breakpoints.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\n\nfunction getBoxModelsStateSlice(state: State): BoxModels.State {\n  return state.boxModels\n}\n\nfunction getMeasurables(state: State): Map<string, Map<string, BoxModels.Measurable>> {\n  return BoxModels.getMeasurables(getBoxModelsStateSlice(state))\n}\n\nfunction getBoxModels(state: State): Map<string, Map<string, BoxModels.BoxModel>> {\n  return BoxModels.getBoxModels(getBoxModelsStateSlice(state))\n}\n\nfunction getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModels.BoxModel | null {\n  return BoxModels.getBoxModel(getBoxModelsStateSlice(state), documentKey, elementKey)\n}\n\nfunction getComponentsMetaStateSlice(state: State): ComponentsMeta.State {\n  return state.componentsMeta\n}\n\nfunction getComponentsMeta(state: State): Map<string, ComponentsMeta.ComponentMeta> {\n  return ComponentsMeta.getComponentsMeta(getComponentsMetaStateSlice(state))\n}\n\nfunction getPropControllersStateSlice(state: State): PropControllers.State {\n  return state.propControllers\n}\n\nfunction getComponentPropControllerDescriptors(\n  state: State,\n  componentType: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  return PropControllers.getComponentPropControllerDescriptors(\n    getPropControllersStateSlice(state),\n    componentType,\n  )\n}\n\nfunction getPropControllerHandlesStateSlice(state: State): PropControllerHandles.State {\n  return state.propControllerHandles\n}\n\nfunction getPointer(state: State): Pointer.Point | null {\n  return Pointer.getPointer(state.pointer)\n}\n\nfunction getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return ElementImperativeHandles.getElementImperativeHandles(state.elementImperativeHandles)\n}\n\nfunction getElementImperativeHandlesContainingElement(\n  state: State,\n  element: Element,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  const elementImperativeHandles = getElementImperativeHandles(state)\n  const filteredElementImperativeHandles = new Map<string, Map<string, ElementImperativeHandle>>()\n\n  for (const [documentKey, byElementKey] of elementImperativeHandles) {\n    const filteredByElementKey = new Map<string, ElementImperativeHandle>()\n\n    for (const [elementKey, elementImperativeHandle] of byElementKey) {\n      const handleElement = elementImperativeHandle.getDomNode()\n\n      if (handleElement?.contains(element)) {\n        filteredByElementKey.set(elementKey, elementImperativeHandle)\n      }\n    }\n\n    if (filteredByElementKey.size > 0) {\n      filteredElementImperativeHandles.set(documentKey, filteredByElementKey)\n    }\n  }\n\n  return filteredElementImperativeHandles\n}\n\nfunction measureElements(): ThunkAction<void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const measurables = getMeasurables(getState())\n    const currentBoxModels = getBoxModels(getState())\n    const measuredBoxModels = new Map<string, Map<string, BoxModels.BoxModel>>()\n\n    measurables.forEach((documentMeasurables, documentKey) => {\n      const measuredDocumentBoxModels = new Map<string, BoxModels.BoxModel>()\n\n      documentMeasurables.forEach((measurable, elementKey) => {\n        const boxModel = BoxModels.measure(measurable)\n\n        if (boxModel != null) measuredDocumentBoxModels.set(elementKey, boxModel)\n      })\n\n      if (measuredDocumentBoxModels.size > 0) {\n        measuredBoxModels.set(documentKey, measuredDocumentBoxModels)\n      }\n    })\n\n    const changedBoxModels = new Map<string, Map<string, BoxModels.BoxModel | null>>()\n\n    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxModel | null>()\n\n      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {\n        if (!measuredBoxModels.get(documentKey)?.has(elementKey)) {\n          changedDocumentBoxModels.set(elementKey, null)\n        }\n\n        if (changedDocumentBoxModels.size > 0) {\n          changedBoxModels.set(documentKey, changedDocumentBoxModels)\n        }\n      })\n    })\n\n    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxModel | null>()\n\n      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {\n        const currentBoxModel = getBoxModel(getState(), documentKey, elementKey)\n\n        if (currentBoxModel == null || !deepEqual(currentBoxModel, measuredBoxModel)) {\n          changedDocumentBoxModels.set(elementKey, measuredBoxModel)\n        }\n      })\n\n      if (changedDocumentBoxModels.size > 0) {\n        changedBoxModels.set(documentKey, changedDocumentBoxModels)\n      }\n    })\n\n    if (changedBoxModels.size > 0) dispatch(changeElementBoxModels(changedBoxModels))\n  }\n}\n\nexport function startMeasuringElements(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      dispatch(measureElements())\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nexport type Size = {\n  offsetWidth: number\n  offsetHeight: number\n  clientWidth: number\n  clientHeight: number\n  scrollWidth: number\n  scrollHeight: number\n  scrollTop: number\n  scrollLeft: number\n}\n\nfunction getElementSize(element: HTMLElement): Size {\n  return {\n    offsetWidth: element.offsetWidth,\n    offsetHeight: element.offsetHeight,\n    clientWidth: element.clientWidth,\n    clientHeight: element.clientHeight,\n    scrollWidth: element.scrollWidth,\n    scrollHeight: element.scrollHeight,\n    scrollTop: element.scrollTop,\n    scrollLeft: element.scrollLeft,\n  }\n}\n\nfunction lockDocumentScroll(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    const lastDocumentOverflow = window.document.documentElement.style.overflow\n    window.document.documentElement.style.overflow = 'hidden'\n\n    window.document.documentElement.addEventListener('wheel', handleWheelEvent)\n\n    return () => {\n      window.document.documentElement.style.overflow = lastDocumentOverflow\n      window.document.documentElement.removeEventListener('wheel', handleWheelEvent)\n    }\n\n    function handleWheelEvent({ deltaX, deltaY }: WheelEvent) {\n      dispatch(handleWheel({ deltaX, deltaY }))\n    }\n  }\n}\n\nfunction startHandlingPointerMoveEvent(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    window.document.documentElement.addEventListener('pointermove', handlePointerMoveEvent)\n\n    return () => {\n      window.document.documentElement.removeEventListener('pointermove', handlePointerMoveEvent)\n    }\n\n    function handlePointerMoveEvent({ clientX, clientY }: PointerEvent) {\n      dispatch(handlePointerMove({ clientX, clientY }))\n    }\n  }\n}\n\nfunction startHandlingFocusEvents(): ThunkAction<() => void, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    window.addEventListener('focusin', handleFocusIn)\n    window.addEventListener('focusout', handleFocusOut)\n\n    return () => {\n      window.removeEventListener('focusin', handleFocusIn)\n      window.removeEventListener('focusout', handleFocusOut)\n    }\n\n    function handleFocusIn(event: FocusEvent) {\n      if (ReactPage.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {\n        return\n      }\n\n      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {\n        window.parent.focus()\n      }\n    }\n\n    function handleFocusOut(event: FocusEvent) {\n      if (ReactPage.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {\n        return\n      }\n\n      if (\n        !(event.relatedTarget instanceof window.HTMLElement) ||\n        !event.relatedTarget.isContentEditable\n      ) {\n        window.parent.focus()\n      }\n    }\n  }\n}\n\nfunction startMeasuringDocumentElement(): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    let lastSize: Size\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      const nextSize = getElementSize(window.document.documentElement)\n\n      if (!deepEqual(lastSize, nextSize)) {\n        lastSize = nextSize\n\n        dispatch(changeDocumentElementSize(nextSize))\n      }\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction elementKeysFromElementFromPoint(\n  elementFromPoint: Element | null,\n): ThunkAction<{ documentKey: string; elementKey: string } | null, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    if (elementFromPoint == null) return null\n\n    const elementImperativeHandles = getElementImperativeHandlesContainingElement(\n      getState(),\n      elementFromPoint,\n    )\n    const acendingDepthDocumentKeys = ReactPage.getDocumentKeysSortedByDepth(getState())\n    const descendingDepthDocumentKeys = acendingDepthDocumentKeys.slice().reverse()\n\n    let currentElement: Element | null = elementFromPoint\n    let keys = null\n\n    while (currentElement != null) {\n      for (const documentKey of descendingDepthDocumentKeys) {\n        const byElementKey = elementImperativeHandles.get(documentKey)\n\n        if (byElementKey == null) continue\n\n        for (const [elementKey, elementImperativeHandle] of byElementKey) {\n          if (elementImperativeHandle.getDomNode() === currentElement) {\n            return { documentKey, elementKey }\n          }\n        }\n      }\n\n      currentElement = currentElement.parentElement\n    }\n\n    return keys\n  }\n}\n\nfunction startPollingElementFromPoint(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    let lastElementFromPoint: Element | null = null\n    let animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameRequestId)\n    }\n\n    function handleAnimationFrameRequest() {\n      const pointer = getPointer(getState())\n      const elementFromPoint =\n        pointer == null ? null : document.elementFromPoint(pointer.x, pointer.y)\n\n      if (elementFromPoint !== lastElementFromPoint) {\n        lastElementFromPoint = elementFromPoint\n\n        const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint))\n\n        dispatch(elementFromPointChange(keys))\n      }\n\n      animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nexport function initialize(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    const stopMeasuringElements = dispatch(startMeasuringElements())\n    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement())\n    const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents())\n    const unlockDocumentScroll = dispatch(lockDocumentScroll())\n    const stopHandlingPointerMoveEvent = dispatch(startHandlingPointerMoveEvent())\n    const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint())\n    dispatch(setIsInBuilder(true))\n\n    return () => {\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      stopHandlingPointerMoveEvent()\n      stopPollingElementFromPoint()\n      dispatch(setIsInBuilder(false))\n    }\n  }\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nfunction measureBoxModelsMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch }: MiddlewareAPI<Dispatch>) =>\n    (next: ReduxDispatch<Action>) => {\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.REGISTER_COMPONENT_HANDLE: {\n            if (BoxModels.isMeasurable(action.payload.componentHandle)) {\n              dispatch(\n                registerMeasurable(\n                  action.payload.documentKey,\n                  action.payload.elementKey,\n                  action.payload.componentHandle,\n                ),\n              )\n            }\n\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT_HANDLE:\n            dispatch(unregisterMeasurable(action.payload.documentKey, action.payload.elementKey))\n            break\n        }\n\n        return next(action)\n      }\n    }\n}\n\nexport function messageChannelMiddleware(\n  client: MakeswiftClient,\n): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch, getState }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      let cleanUp = () => {}\n\n      if (typeof window === 'undefined') return cleanUp\n\n      const messageChannel = new window.MessageChannel()\n\n      window.parent.postMessage(messageChannel.port2, '*', [messageChannel.port2])\n\n      messageChannel.port1.onmessage = (event: MessageEvent<Action>) => dispatch(event.data)\n\n      const state = getState()\n      const registeredComponentsMeta = getComponentsMeta(state)\n\n      registeredComponentsMeta.forEach((componentMeta, componentType) => {\n        const propControllerDescriptors = getComponentPropControllerDescriptors(\n          state,\n          componentType,\n        )\n\n        if (propControllerDescriptors != null) {\n          const [serializedControls, transferables] = serializeControls(propControllerDescriptors)\n\n          messageChannel.port1.postMessage(\n            registerBuilderComponent(componentType, componentMeta, serializedControls),\n            transferables,\n          )\n        }\n      })\n\n      const breakpoints = ReactPage.getBreakpoints(state)\n      messageChannel.port1.postMessage(setBreakpoints(breakpoints))\n\n      const routerLocale = Router.locale\n      if (routerLocale != null) {\n        messageChannel.port1.postMessage(setLocale(new Intl.Locale(routerLocale)))\n      }\n\n      Router.events.on('routeChangeStart', () => {\n        messageChannel.port1.postMessage(changePathnameStart())\n      })\n\n      Router.events.on('routeChangeComplete', () => {\n        messageChannel.port1.postMessage(changePathnameComplete())\n      })\n\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.CHANGE_ELEMENT_BOX_MODELS:\n          case ActionTypes.MOUNT_COMPONENT:\n          case ActionTypes.UNMOUNT_COMPONENT:\n          case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:\n          case ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:\n          case ActionTypes.HANDLE_WHEEL:\n          case ActionTypes.HANDLE_POINTER_MOVE:\n          case ActionTypes.ELEMENT_FROM_POINT_CHANGE:\n            messageChannel.port1.postMessage(action)\n            break\n\n          case ActionTypes.REGISTER_COMPONENT: {\n            const { type, meta, propControllerDescriptors } = action.payload\n            const [serializedControls, transferables] = serializeControls(propControllerDescriptors)\n\n            messageChannel.port1.postMessage(\n              registerBuilderComponent(type, meta, serializedControls),\n              transferables,\n            )\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT:\n            messageChannel.port1.postMessage(unregisterBuilderComponent(action.payload.type))\n            break\n\n          case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:\n            window.document.documentElement.scrollTop = action.payload.scrollTop\n            break\n\n          case ActionTypes.SCROLL_DOCUMENT_ELEMENT:\n            window.document.documentElement.scrollTop += action.payload.scrollTopDelta\n            break\n\n          case ActionTypes.SET_BUILDER_EDIT_MODE:\n            messageChannel.port1.postMessage(action)\n            window.getSelection()?.removeAllRanges()\n            break\n\n          case ActionTypes.SET_LOCALE: {\n            const { pathname: currentPathname, query } = Router\n            const pathname = (action.payload.pathname ?? currentPathname).replace(/^\\//, '/')\n\n            Router.replace({ pathname, query }, undefined, { locale: action.payload.locale })\n            break\n          }\n\n          case ActionTypes.CHANGE_PATHNAME: {\n            const pathname = action.payload.pathname.replace(/^\\//, '/')\n            const currentPathname = Router.asPath.replace(/^\\//, '/')\n\n            if (pathname !== currentPathname) Router.push(pathname)\n            break\n          }\n\n          case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n            client.setLocalizedResourceId(action.payload)\n            break\n          }\n\n          case ActionTypes.INIT:\n            cleanUp = dispatch(initialize())\n            break\n\n          case ActionTypes.CLEAN_UP:\n            cleanUp()\n            break\n        }\n\n        return next(action)\n      }\n    }\n}\n\nfunction createAndRegisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<Record<string, PropController> | null, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const descriptors = ReactPage.getElementPropControllerDescriptors(\n      getState(),\n      documentKey,\n      elementKey,\n    )\n\n    if (descriptors == null) return null\n\n    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {\n      const propController = createPropController(descriptor, message =>\n        dispatch(messageBuilderPropController(documentKey, elementKey, propName, message)),\n      ) as PropController\n\n      return { ...acc, [propName]: propController }\n    }, {} as Record<string, PropController>)\n\n    dispatch(registerPropControllers(documentKey, elementKey, propControllers))\n\n    return propControllers\n  }\n}\n\nfunction propControllerHandlesMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch, getState }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.REGISTER_COMPONENT_HANDLE: {\n            const { documentKey, elementKey, componentHandle } = action.payload\n            const element = ReactPage.getElement(getState(), documentKey, elementKey)\n            const propControllers = dispatch(\n              createAndRegisterPropControllers(documentKey, elementKey),\n            )\n\n            if (\n              element != null &&\n              !ReactPage.isElementReference(element) &&\n              PropControllerHandles.isPropControllersHandle(componentHandle)\n            ) {\n              dispatch(registerPropControllersHandle(documentKey, elementKey, componentHandle))\n              componentHandle.setPropControllers(propControllers)\n            }\n\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n            const { documentKey, elementKey } = action.payload\n            const handle = PropControllerHandles.getPropControllersHandle(\n              getPropControllerHandlesStateSlice(getState()),\n              documentKey,\n              elementKey,\n            )\n\n            handle?.setPropControllers(null)\n\n            dispatch(unregisterPropControllers(documentKey, elementKey))\n\n            break\n          }\n\n          case ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {\n            const propController = PropControllerHandles.getPropController(\n              getPropControllerHandlesStateSlice(getState()),\n              action.payload.documentKey,\n              action.payload.elementKey,\n              action.payload.propName,\n            )\n\n            if (propController) propController.recv(action.payload.message)\n          }\n        }\n\n        return next(action)\n      }\n    }\n}\n\nif (import.meta.vitest) {\n  const { describe, it, fn, expect } = import.meta.vitest\n\n  describe('propControllerHandlesMiddleware', () => {\n    it('registers prop controllers for element data', () => {\n      // Arrange\n      const documentKey = 'documentKey'\n      const element: ReactPage.Element = { key: 'elementKey', type: 'type', props: {} }\n      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()))\n      const setPropControllers = fn()\n      const handle = new ElementImperativeHandle()\n\n      handle.callback(() => ({ setPropControllers }))\n\n      store.dispatch(registerDocument(ReactPage.createDocument(documentKey, element)))\n\n      // Act\n      store.dispatch(registerComponentHandle(documentKey, element.key, handle))\n\n      // Assert\n      expect(setPropControllers).toHaveBeenCalled()\n    })\n\n    it(\"doesn't register prop controllers for element references\", () => {\n      // Arrange\n      const documentKey = 'documentKey'\n      const element: ReactPage.Element = { type: 'reference', key: 'elementKey', value: 'value' }\n      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()))\n      const setPropControllers = fn()\n      const handle = new ElementImperativeHandle()\n\n      handle.callback(() => ({ setPropControllers }))\n\n      store.dispatch(registerDocument(ReactPage.createDocument(documentKey, element)))\n\n      // Act\n      store.dispatch(registerComponentHandle(documentKey, element.key, handle))\n\n      // Assert\n      expect(setPropControllers).not.toHaveBeenCalled()\n    })\n  })\n}\n\nfunction makeswiftApiClientSyncMiddleware(\n  client: MakeswiftClient,\n): Middleware<Dispatch, State, Dispatch> {\n  return () => (next: ReduxDispatch<Action>) => {\n    return (action: Action): Action => {\n      client.makeswiftApiClient.dispatch(action)\n\n      return next(action)\n    }\n  }\n}\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch }\n\nexport function configureStore({\n  rootElements,\n  preloadedState,\n  client,\n}: {\n  rootElements?: Map<string, Documents.Element>\n  preloadedState?: PreloadedState<State>\n  client: MakeswiftClient\n}): Store {\n  const initialState: PreloadedState<State> = {\n    ...preloadedState,\n    documents: Documents.getInitialState({ rootElements }),\n    isPreview: IsPreview.getInitialState(true),\n  }\n\n  return createStore(\n    reducer,\n    initialState,\n    applyMiddleware(\n      thunk,\n      measureBoxModelsMiddleware(),\n      messageChannelMiddleware(client),\n      propControllerHandlesMiddleware(),\n      makeswiftApiClientSyncMiddleware(client),\n    ),\n  )\n}\n","import { ReactNode, useEffect, useMemo } from 'react'\n\nimport { StoreContext, ReactRuntime } from '..'\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\nimport { registerDocumentEffect } from '../../../state/actions'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function PreviewProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n        client,\n      }),\n    [client, rootElements, runtime],\n  )\n\n  useEffect(() => {\n    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(\n      ([documentKey, rootElement]) =>\n        store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement))),\n    )\n\n    return () => {\n      unregisterDocuments.forEach(unregisterDocument => {\n        unregisterDocument()\n      })\n    }\n  }, [store, rootElements])\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"names":["ReadOnlyDocuments.getInitialState","ReadOnlyDocuments.getDocument","getInitialState","ReadOnlyDocuments.reducer","ReadOnlyDocuments.createDocument","Documents.reducer","ReactComponents.reducer","BoxModels.reducer","ComponentsMeta.reducer","PropControllers.reducer","PropControllerHandles.reducer","IsInBuilder.reducer","IsPreview.reducer","BuilderEditMode.reducer","Pointer.reducer","ElementImperativeHandles.reducer","Breakpoints.reducer","BoxModels.getMeasurables","BoxModels.getBoxModels","BoxModels.getBoxModel","ComponentsMeta.getComponentsMeta","PropControllers.getComponentPropControllerDescriptors","Pointer.getPointer","ElementImperativeHandles.getElementImperativeHandles","BoxModels.measure","ReactPage.getBuilderEditMode","BuilderEditMode.BuilderEditMode","ReactPage.getDocumentKeysSortedByDepth","BoxModels.isMeasurable","ReactPage.getBreakpoints","ReactPage.getElementPropControllerDescriptors","ReactPage.getElement","ReactPage.isElementReference","PropControllerHandles.isPropControllersHandle","PropControllerHandles.getPropControllersHandle","PropControllerHandles.getPropController","ReactPage.createDocument","Documents.getInitialState","IsPreview.getInitialState","client","children","rootElements","runtime","store","useMemo","ReactBuilderPreview","preloadedState","getState","ReactRuntime","useEffect","unregisterDocuments","Array","from","entries","map","documentKey","rootElement","dispatch","registerDocumentEffect","ReactPage","forEach","unregisterDocument","_jsx"],"mappings":"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"}

package/dist/ReadOnlyText.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyText.cjs.js","sources":["../src/runtimes/react/controls/rich-text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\nimport { useResponsiveStyle } from '../../../../components/utils/responsive-style'\nimport { richTextDTOtoDAO } from '../../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../../prop-controllers/descriptors'\nimport { Inline, InlineType, Block, BlockType } from '../../../../slate'\nimport { useStyle } from '../../use-style'\nimport useEnhancedTypography, { useTypographyClassName } from '../typography'\nimport { Link } from '../../../../components/shared/Link'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n      className={cx(width, margin)}\n    >\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link ?? undefined}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  switch (descendant.type) {\n    case BlockType.Default:\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.Heading4:\n          case BlockType.Heading5:\n          case BlockType.Heading6:\n          case BlockType.BlockQuote:\n          case BlockType.Paragraph:\n          case BlockType.Default:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","position","whiteSpace","wordWrap","cx","_jsx","useStyle","display","maxWidth","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","undefined","blockStyles","useResponsiveStyle","textAlign","quoteStyle","padding","fontSize","fontWeight","borderLeft","BlockType","Default","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":"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"}
+{"version":3,"file":"ReadOnlyText.cjs.js","sources":["../src/runtimes/react/controls/rich-text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\nimport { useResponsiveStyle } from '../../../../components/utils/responsive-style'\nimport { richTextDTOtoDAO } from '../../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../../prop-controllers/descriptors'\nimport { Inline, InlineType, Block, BlockType } from '../../../../slate'\nimport { useStyle } from '../../use-style'\nimport useEnhancedTypography, { useTypographyClassName } from '../typography'\nimport { Link } from '../../../../components/shared/Link'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n      className={cx(width, margin)}\n    >\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link ?? undefined}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  switch (descendant.type) {\n    case BlockType.Default:\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.Heading4:\n          case BlockType.Heading5:\n          case BlockType.Heading6:\n          case BlockType.BlockQuote:\n          case BlockType.Paragraph:\n          case BlockType.Default:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","position","whiteSpace","wordWrap","cx","_jsx","useStyle","display","maxWidth","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","undefined","blockStyles","useResponsiveStyle","textAlign","quoteStyle","padding","fontSize","fontWeight","borderLeft","BlockType","Default","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":"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"}

package/dist/ReadOnlyText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyText.es.js","sources":["../src/runtimes/react/controls/rich-text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\nimport { useResponsiveStyle } from '../../../../components/utils/responsive-style'\nimport { richTextDTOtoDAO } from '../../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../../prop-controllers/descriptors'\nimport { Inline, InlineType, Block, BlockType } from '../../../../slate'\nimport { useStyle } from '../../use-style'\nimport useEnhancedTypography, { useTypographyClassName } from '../typography'\nimport { Link } from '../../../../components/shared/Link'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n      className={cx(width, margin)}\n    >\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link ?? undefined}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  switch (descendant.type) {\n    case BlockType.Default:\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.Heading4:\n          case BlockType.Heading5:\n          case BlockType.Heading6:\n          case BlockType.BlockQuote:\n          case BlockType.Paragraph:\n          case BlockType.Default:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","position","whiteSpace","wordWrap","cx","_jsx","useStyle","display","maxWidth","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","undefined","blockStyles","useResponsiveStyle","textAlign","quoteStyle","padding","fontSize","fontWeight","borderLeft","BlockType","Default","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":"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"}
+{"version":3,"file":"ReadOnlyText.es.js","sources":["../src/runtimes/react/controls/rich-text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\nimport { useResponsiveStyle } from '../../../../components/utils/responsive-style'\nimport { richTextDTOtoDAO } from '../../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../../prop-controllers/descriptors'\nimport { Inline, InlineType, Block, BlockType } from '../../../../slate'\nimport { useStyle } from '../../use-style'\nimport useEnhancedTypography, { useTypographyClassName } from '../typography'\nimport { Link } from '../../../../components/shared/Link'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n      className={cx(width, margin)}\n    >\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link ?? undefined}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  switch (descendant.type) {\n    case BlockType.Default:\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.Heading4:\n          case BlockType.Heading5:\n          case BlockType.Heading6:\n          case BlockType.BlockQuote:\n          case BlockType.Paragraph:\n          case BlockType.Default:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","position","whiteSpace","wordWrap","cx","_jsx","useStyle","display","maxWidth","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","undefined","blockStyles","useResponsiveStyle","textAlign","quoteStyle","padding","fontSize","fontWeight","borderLeft","BlockType","Default","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":"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"}

package/dist/ReadOnlyTextV2.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyTextV2.cjs.js","sources":["../src/runtimes/react/controls/rich-text-v2/ReadOnlyTextV2.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n} from '../../../../controls'\nimport { useStyle } from '../../use-style'\nimport { Descendant, Element, Text } from 'slate'\nimport {\n  BlockPlugin,\n  InlineModePlugin,\n  InlinePlugin,\n  LinkPlugin,\n  TextAlignPlugin,\n  TypographyPlugin,\n  toText,\n} from '../../../../slate'\nimport { ControlValue } from '../control'\nimport { RenderElementProps, RenderLeafProps } from 'slate-react'\nimport { RichTextV2Plugin } from '../../../../controls/rich-text-v2/plugin'\n\ntype Props = {\n  text: RichTextV2ControlData\n  definition: RichTextV2ControlDefinition | null\n}\n\nconst ReadOnlyTextV2 = forwardRef(function ReadOnlyText(\n  { text: { descendants }, definition }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendantsAsString = toText(descendants, definition?.config.mode ?? RichTextV2Mode.Block)\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n    >\n      {descendantsAsString === '' ? (\n        <Placeholder />\n      ) : (\n        <Descendants\n          plugins={\n            /**\n             * TODO: we are manually referencing our default plugins for each mode here because\n             * Referencing the real LinkPlugin causes a circular dependency.\n             * When circular dependencies calm down we should update the plugin definition to use real plugins,\n             * and just use the plugins that are defined by our config.\n             */\n            // definition?.config?.plugins ,\n            definition?.config?.mode === RichTextV2Mode.Inline\n              ? [InlineModePlugin()]\n              : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]\n          }\n          descendants={descendants}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default ReadOnlyTextV2\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\ntype LeafProps = {\n  leaf: Text\n  plugins: RichTextV2Plugin[]\n}\n\nexport function LeafComponent({ plugins, ...props }: LeafProps) {\n  function initialRenderLeaf({ leaf }: RenderLeafProps) {\n    return <span className={leaf.className}>{leaf.text === '' ? '\\uFEFF' : leaf.text}</span>\n  }\n\n  const renderLeaf = plugins.reduce(\n    (renderFn, plugin) => (props: RenderLeafProps) => {\n      const { control, renderLeaf } = plugin\n\n      if (control?.definition == null || renderLeaf == null) return renderFn(props)\n\n      if (control.getLeafValue == null) return renderLeaf(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getLeafValue(props.leaf)}>\n          {value => renderLeaf(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderLeaf,\n  )\n\n  return renderLeaf({ attributes: {} as any, leaf: props.leaf, children: null, text: props.leaf })\n}\n\ntype ElementProps = {\n  descendant: Element\n  plugins: RichTextV2Plugin[]\n}\n\nfunction ElementComponent({ plugins, ...props }: ElementProps) {\n  function initialRenderElement(props: RenderElementProps) {\n    return <Descendants descendants={props.element.children} plugins={plugins} />\n  }\n\n  const renderElement = plugins.reduce(\n    (renderFn, plugin) => (props: RenderElementProps) => {\n      const { control, renderElement } = plugin\n\n      if (control?.definition == null || renderElement == null) return renderFn(props)\n\n      if (control.getElementValue == null) return renderElement(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getElementValue(props.element)}>\n          {value => renderElement(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderElement,\n  )\n\n  return renderElement({ attributes: {} as any, children: null, element: props.descendant })\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: Descendant): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({\n  descendants,\n  plugins,\n}: {\n  plugins: RichTextV2Plugin[]\n  descendants: Descendant[]\n}) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <LeafComponent key={index} plugins={plugins} leaf={descendant} />\n        }\n\n        return <ElementComponent key={index} descendant={descendant} plugins={plugins} />\n      })}\n    </>\n  )\n}\n"],"names":["ReadOnlyTextV2","forwardRef","text","descendants","definition","ref","descendantsAsString","toText","config","mode","RichTextV2Mode","Block","position","whiteSpace","wordWrap","_jsx","Inline","InlineModePlugin","BlockPlugin","TypographyPlugin","TextAlignPlugin","InlinePlugin","LinkPlugin","useStyle","display","width","maxWidth","opacity","verticalAlign","plugins","props","leaf","className","renderLeaf","reduce","renderFn","plugin","control","getLeafValue","undefined","ControlValue","value","initialRenderLeaf","attributes","children","element","renderElement","getElementValue","initialRenderElement","descendant","node","_Fragment","map","index","isText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BMA,MAAAA,iBAAiBC,MAAAA,WAAW,sBAChC;AAAA,EAAEC,MAAM;AAAA,IAAEC;AAAAA;AAAAA,EAAeC;AAAAA,GACzBC,KACA;;AACA,QAAMC,sBAAsBC,OAAOJ,OAAAA,aAAaC,+CAAYI,OAAOC,SAAnBL,YAA2BM,yBAAeC,KAAxD;AAGhC,wCAAA,OAAA;AAAA,IACE;AAAA,IACA,OAAO;AAAA,MAMLC,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,UAAU;AAAA,IAVd;AAAA,IAaGR,UAAAA,wBAAwB,KACvBS,2BAAA,IAAC,aAAD,EAAA,IAEAA,2BAAA,IAAC,aAAD;AAAA,MACE,SAQEX,gDAAYI,WAAZJ,mBAAoBK,UAASC,UAAAA,eAAeM,SACxC,CAACC,2BAAD,CAAA,IACA,CAACC,UAAD,YAAA,GAAgBC,UAAAA,oBAAoBC,UAAAA,mBAAmBC,UAAY,aAAA,GAAIC,MAAAA,YAAvE;AAAA,MAEN;AAAA,IAAA,CAbF;AAAA,EAAA,CAjBN;AAmCD,CAzCgC;AA6CjC,qBAAqB;AAAA,EAAEpB,OAAO;AAAA,GAA2C;AAErE,wCAAA,QAAA;AAAA,IACE,WAAWqB,UAAAA,SAAS;AAAA,MAClBC,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVb,YAAY;AAAA,MACZc,SAAS;AAAA,MACTC,eAAe;AAAA,IAAA,CANE;AAAA,IASlB1B,UAAAA;AAAAA,EAAAA,CAXL;AAcD;AAO6B,uBAAA,IAAkC;AAAlC,eAAE2B;AAAAA;AAAAA,MAAF,IAAcC,kBAAd,IAAcA;AAAAA,IAAZD;AAAAA;AACH,6BAAA;AAAA,IAAEE;AAAAA,KAAyB;AAC7C,0CAAA,QAAA;AAAA,MAAM,WAAWA,KAAKC;AAAAA,MAAYD,UAAAA,KAAK7B,SAAS,KAAK,WAAW6B,KAAK7B;AAAAA,IAAAA,CAA5E;AAAA,EACD;AAED,QAAM+B,aAAaJ,QAAQK,OACzB,CAACC,UAAUC,WAAW,CAACN,WAA2B;AAC1C,UAAA;AAAA,MAAEO;AAAAA,MAASJ,YAAAA;AAAAA,QAAeG;AAE5BC,QAAAA,oCAASjC,eAAc,QAAQ6B,eAAc;AAAM,aAAOE,SAASL,MAAD;AAEtE,QAAIO,QAAQC,gBAAgB;AAAM,aAAOL,YAAWE,UAAUI,MAAX,EAAsBT,MAAhC;AAEzC,0CACGU,KAAAA,cAAD;AAAA,MAAc,YAAYH,QAAQjC;AAAAA,MAAY,MAAMiC,QAAQC,aAAaR,OAAMC,IAA3B;AAAA,MACjDU,UAAAA,CAASR,UAAAA,YAAWE,UAAUM,KAAX,EAAkBX,MAA5B;AAAA,IAAA,CAFd;AAAA,KAMFY,iBAdiB;AAiBnB,SAAOT,WAAW;AAAA,IAAEU,YAAY,CAAM;AAAA,IAAKZ,MAAMD,MAAMC;AAAAA,IAAMa,UAAU;AAAA,IAAM1C,MAAM4B,MAAMC;AAAAA,EAAAA,CAAxE;AAClB;AAOD,0BAA0B,IAAqC;AAArC,eAAEF;AAAAA;AAAAA,MAAF,IAAcC,kBAAd,IAAcA;AAAAA,IAAZD;AAAAA;AAC1B,gCAA8BC,QAA2B;AACvD,0CAAQ,aAAD;AAAA,MAAa,aAAaA,OAAMe,QAAQD;AAAAA,MAAU;AAAA,IAAA,CAAzD;AAAA,EACD;AAED,QAAME,gBAAgBjB,QAAQK,OAC5B,CAACC,UAAUC,WAAW,CAACN,WAA8B;AAC7C,UAAA;AAAA,MAAEO;AAAAA,MAASS,eAAAA;AAAAA,QAAkBV;AAE/BC,QAAAA,oCAASjC,eAAc,QAAQ0C,kBAAiB;AAAM,aAAOX,SAASL,MAAD;AAEzE,QAAIO,QAAQU,mBAAmB;AAAM,aAAOD,eAAcX,UAAUI,MAAX,EAAsBT,MAAnC;AAE5C,0CACGU,KAAAA,cAAD;AAAA,MAAc,YAAYH,QAAQjC;AAAAA,MAAY,MAAMiC,QAAQU,gBAAgBjB,OAAMe,OAA9B;AAAA,MACjDJ,UAAAA,CAASK,UAAAA,eAAcX,UAAUM,KAAX,EAAkBX,MAA/B;AAAA,IAAA,CAFd;AAAA,KAMFkB,oBAdoB;AAiBtB,SAAOF,cAAc;AAAA,IAAEH,YAAY,CAAM;AAAA,IAAKC,UAAU;AAAA,IAAMC,SAASf,MAAMmB;AAAAA,EAAAA,CAAzD;AACrB;AAGD,gBAAgBC,MAAgC;AAC1C,MAAA,OAAOA,SAAS,YAAY,UAAUA;AAAa,WAAA;AAEhD,SAAA;AACR;AAED,qBAAqB;AAAA,EACnB/C;AAAAA,EACA0B;AAAAA,GAIC;AAEC,wCAAAsB,WAAAA,UAAA;AAAA,IACGhD,UAAAA,YAAYiD,IAAI,CAACH,YAAYI,WAAU;AAClCC,UAAAA,OAAOL,UAAD,GAAc;AACtB,8CAAQ,eAAD;AAAA,UAA2B;AAAA,UAAkB,MAAMA;AAAAA,WAA/BI,MAApB;AAAA,MACR;AAED,4CAAQ,kBAAD;AAAA,QAA8B;AAAA,QAAwB;AAAA,SAA/BA,MAAvB;AAAA,IAAA,CALR;AAAA,EAAA,CAFL;AAWD;;;"}
+{"version":3,"file":"ReadOnlyTextV2.cjs.js","sources":["../src/runtimes/react/controls/rich-text-v2/ReadOnlyTextV2.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n} from '../../../../controls'\nimport { useStyle } from '../../use-style'\nimport { Descendant, Element, Text } from 'slate'\nimport {\n  BlockPlugin,\n  InlineModePlugin,\n  InlinePlugin,\n  LinkPlugin,\n  TextAlignPlugin,\n  TypographyPlugin,\n  toText,\n} from '../../../../slate'\nimport { ControlValue } from '../control'\nimport { RenderElementProps, RenderLeafProps } from 'slate-react'\nimport { RichTextV2Plugin } from '../../../../controls/rich-text-v2/plugin'\n\ntype Props = {\n  text: RichTextV2ControlData\n  definition: RichTextV2ControlDefinition | null\n}\n\nconst ReadOnlyTextV2 = forwardRef(function ReadOnlyText(\n  { text: { descendants }, definition }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendantsAsString = toText(descendants, definition?.config.mode ?? RichTextV2Mode.Block)\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n    >\n      {descendantsAsString === '' ? (\n        <Placeholder />\n      ) : (\n        <Descendants\n          plugins={\n            /**\n             * TODO: we are manually referencing our default plugins for each mode here because\n             * Referencing the real LinkPlugin causes a circular dependency.\n             * When circular dependencies calm down we should update the plugin definition to use real plugins,\n             * and just use the plugins that are defined by our config.\n             */\n            // definition?.config?.plugins ,\n            definition?.config?.mode === RichTextV2Mode.Inline\n              ? [InlineModePlugin()]\n              : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]\n          }\n          descendants={descendants}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default ReadOnlyTextV2\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\ntype LeafProps = {\n  leaf: Text\n  plugins: RichTextV2Plugin[]\n}\n\nexport function LeafComponent({ plugins, ...props }: LeafProps) {\n  function initialRenderLeaf({ leaf }: RenderLeafProps) {\n    return <span className={leaf.className}>{leaf.text === '' ? '\\uFEFF' : leaf.text}</span>\n  }\n\n  const renderLeaf = plugins.reduce(\n    (renderFn, plugin) => (props: RenderLeafProps) => {\n      const { control, renderLeaf } = plugin\n\n      if (control?.definition == null || renderLeaf == null) return renderFn(props)\n\n      if (control.getLeafValue == null) return renderLeaf(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getLeafValue(props.leaf)}>\n          {value => renderLeaf(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderLeaf,\n  )\n\n  return renderLeaf({ attributes: {} as any, leaf: props.leaf, children: null, text: props.leaf })\n}\n\ntype ElementProps = {\n  descendant: Element\n  plugins: RichTextV2Plugin[]\n}\n\nfunction ElementComponent({ plugins, ...props }: ElementProps) {\n  function initialRenderElement(props: RenderElementProps) {\n    return <Descendants descendants={props.element.children} plugins={plugins} />\n  }\n\n  const renderElement = plugins.reduce(\n    (renderFn, plugin) => (props: RenderElementProps) => {\n      const { control, renderElement } = plugin\n\n      if (control?.definition == null || renderElement == null) return renderFn(props)\n\n      if (control.getElementValue == null) return renderElement(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getElementValue(props.element)}>\n          {value => renderElement(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderElement,\n  )\n\n  return renderElement({ attributes: {} as any, children: null, element: props.descendant })\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: Descendant): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({\n  descendants,\n  plugins,\n}: {\n  plugins: RichTextV2Plugin[]\n  descendants: Descendant[]\n}) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <LeafComponent key={index} plugins={plugins} leaf={descendant} />\n        }\n\n        return <ElementComponent key={index} descendant={descendant} plugins={plugins} />\n      })}\n    </>\n  )\n}\n"],"names":["ReadOnlyTextV2","forwardRef","text","descendants","definition","ref","descendantsAsString","toText","config","mode","RichTextV2Mode","Block","position","whiteSpace","wordWrap","_jsx","Inline","InlineModePlugin","BlockPlugin","TypographyPlugin","TextAlignPlugin","InlinePlugin","LinkPlugin","useStyle","display","width","maxWidth","opacity","verticalAlign","plugins","props","leaf","className","renderLeaf","reduce","renderFn","plugin","control","getLeafValue","undefined","ControlValue","value","initialRenderLeaf","attributes","children","element","renderElement","getElementValue","initialRenderElement","descendant","node","_Fragment","map","index","isText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BMA,MAAAA,iBAAiBC,MAAAA,WAAW,sBAChC;AAAA,EAAEC,MAAM;AAAA,IAAEC;AAAAA;AAAAA,EAAeC;AAAAA,GACzBC,KACA;;AACA,QAAMC,sBAAsBC,OAAOJ,OAAAA,aAAaC,+CAAYI,OAAOC,SAAnBL,YAA2BM,yBAAeC,KAAxD;AAElC,wCACE,OAAA;AAAA,IACE;AAAA,IACA,OAAO;AAAA,MAMLC,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,UAAU;AAAA,IARL;AAAA,IAFT,UAaGR,wBAAwB,KACvBS,2BAAA,IAAC,aAAD,EAAA,IAEAA,2BAAA,IAAC,aAAD;AAAA,MACE,SAQEX,gDAAYI,WAAZJ,mBAAoBK,UAASC,UAAAA,eAAeM,SACxC,CAACC,2BAAD,CAAA,IACA,CAACC,UAAD,YAAA,GAAgBC,UAAAA,oBAAoBC,UAAAA,mBAAmBC,UAAY,aAAA,GAAIC,MAAAA,YAAvE;AAAA,MAEN;AAAA,IAAA,CAbF;AAAA,EAAA,CAjBN;AAmCD,CAzCgC;AA6CjC,qBAAqB;AAAA,EAAEpB,OAAO;AAAA,GAA2C;AACvE,wCACE,QAAA;AAAA,IACE,WAAWqB,UAAAA,SAAS;AAAA,MAClBC,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVb,YAAY;AAAA,MACZc,SAAS;AAAA,MACTC,eAAe;AAAA,IAAA,CANE;AAAA,IADrB,UAUG1B;AAAAA,EAAAA,CAXL;AAcD;AAO6B,uBAAA,IAAkC;AAAlC,eAAE2B;AAAAA;AAAAA,MAAF,IAAcC,kBAAd,IAAcA;AAAAA,IAAZD;AAAAA;AACH,6BAAA;AAAA,IAAEE;AAAAA,KAAyB;AACpD,0CAAO,QAAA;AAAA,MAAM,WAAWA,KAAKC;AAAAA,MAAtB,UAAkCD,KAAK7B,SAAS,KAAK,WAAW6B,KAAK7B;AAAAA,IAAAA,CAA5E;AAAA,EACD;AAED,QAAM+B,aAAaJ,QAAQK,OACzB,CAACC,UAAUC,WAAW,CAACN,WAA2B;AAC1C,UAAA;AAAA,MAAEO;AAAAA,MAASJ,YAAAA;AAAAA,QAAeG;AAE5BC,QAAAA,oCAASjC,eAAc,QAAQ6B,eAAc;AAAM,aAAOE,SAASL,MAAD;AAEtE,QAAIO,QAAQC,gBAAgB;AAAM,aAAOL,YAAWE,UAAUI,MAAX,EAAsBT,MAAhC;AAEzC,0CACGU,KAAAA,cAAD;AAAA,MAAc,YAAYH,QAAQjC;AAAAA,MAAY,MAAMiC,QAAQC,aAAaR,OAAMC,IAA3B;AAAA,MAApD,UACGU,CAASR,UAAAA,YAAWE,UAAUM,KAAX,EAAkBX,MAA5B;AAAA,IAAA,CAFd;AAAA,KAMFY,iBAdiB;AAiBnB,SAAOT,WAAW;AAAA,IAAEU,YAAY,CAAM;AAAA,IAAKZ,MAAMD,MAAMC;AAAAA,IAAMa,UAAU;AAAA,IAAM1C,MAAM4B,MAAMC;AAAAA,EAAAA,CAAxE;AAClB;AAOD,0BAA0B,IAAqC;AAArC,eAAEF;AAAAA;AAAAA,MAAF,IAAcC,kBAAd,IAAcA;AAAAA,IAAZD;AAAAA;AAC1B,gCAA8BC,QAA2B;AACvD,0CAAQ,aAAD;AAAA,MAAa,aAAaA,OAAMe,QAAQD;AAAAA,MAAU;AAAA,IAAA,CAAzD;AAAA,EACD;AAED,QAAME,gBAAgBjB,QAAQK,OAC5B,CAACC,UAAUC,WAAW,CAACN,WAA8B;AAC7C,UAAA;AAAA,MAAEO;AAAAA,MAASS,eAAAA;AAAAA,QAAkBV;AAE/BC,QAAAA,oCAASjC,eAAc,QAAQ0C,kBAAiB;AAAM,aAAOX,SAASL,MAAD;AAEzE,QAAIO,QAAQU,mBAAmB;AAAM,aAAOD,eAAcX,UAAUI,MAAX,EAAsBT,MAAnC;AAE5C,0CACGU,KAAAA,cAAD;AAAA,MAAc,YAAYH,QAAQjC;AAAAA,MAAY,MAAMiC,QAAQU,gBAAgBjB,OAAMe,OAA9B;AAAA,MAApD,UACGJ,CAASK,UAAAA,eAAcX,UAAUM,KAAX,EAAkBX,MAA/B;AAAA,IAAA,CAFd;AAAA,KAMFkB,oBAdoB;AAiBtB,SAAOF,cAAc;AAAA,IAAEH,YAAY,CAAM;AAAA,IAAKC,UAAU;AAAA,IAAMC,SAASf,MAAMmB;AAAAA,EAAAA,CAAzD;AACrB;AAGD,gBAAgBC,MAAgC;AAC1C,MAAA,OAAOA,SAAS,YAAY,UAAUA;AAAa,WAAA;AAEhD,SAAA;AACR;AAED,qBAAqB;AAAA,EACnB/C;AAAAA,EACA0B;AAAAA,GAIC;AACD,wCACEsB,WAAAA,UAAA;AAAA,IAAA,UACGhD,YAAYiD,IAAI,CAACH,YAAYI,WAAU;AAClCC,UAAAA,OAAOL,UAAD,GAAc;AACtB,8CAAQ,eAAD;AAAA,UAA2B;AAAA,UAAkB,MAAMA;AAAAA,WAA/BI,MAApB;AAAA,MACR;AAED,4CAAQ,kBAAD;AAAA,QAA8B;AAAA,QAAwB;AAAA,SAA/BA,MAAvB;AAAA,IAAA,CALR;AAAA,EAAA,CAFL;AAWD;;;"}

package/dist/ReadOnlyTextV2.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyTextV2.es.js","sources":["../src/runtimes/react/controls/rich-text-v2/ReadOnlyTextV2.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n} from '../../../../controls'\nimport { useStyle } from '../../use-style'\nimport { Descendant, Element, Text } from 'slate'\nimport {\n  BlockPlugin,\n  InlineModePlugin,\n  InlinePlugin,\n  LinkPlugin,\n  TextAlignPlugin,\n  TypographyPlugin,\n  toText,\n} from '../../../../slate'\nimport { ControlValue } from '../control'\nimport { RenderElementProps, RenderLeafProps } from 'slate-react'\nimport { RichTextV2Plugin } from '../../../../controls/rich-text-v2/plugin'\n\ntype Props = {\n  text: RichTextV2ControlData\n  definition: RichTextV2ControlDefinition | null\n}\n\nconst ReadOnlyTextV2 = forwardRef(function ReadOnlyText(\n  { text: { descendants }, definition }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendantsAsString = toText(descendants, definition?.config.mode ?? RichTextV2Mode.Block)\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n    >\n      {descendantsAsString === '' ? (\n        <Placeholder />\n      ) : (\n        <Descendants\n          plugins={\n            /**\n             * TODO: we are manually referencing our default plugins for each mode here because\n             * Referencing the real LinkPlugin causes a circular dependency.\n             * When circular dependencies calm down we should update the plugin definition to use real plugins,\n             * and just use the plugins that are defined by our config.\n             */\n            // definition?.config?.plugins ,\n            definition?.config?.mode === RichTextV2Mode.Inline\n              ? [InlineModePlugin()]\n              : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]\n          }\n          descendants={descendants}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default ReadOnlyTextV2\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\ntype LeafProps = {\n  leaf: Text\n  plugins: RichTextV2Plugin[]\n}\n\nexport function LeafComponent({ plugins, ...props }: LeafProps) {\n  function initialRenderLeaf({ leaf }: RenderLeafProps) {\n    return <span className={leaf.className}>{leaf.text === '' ? '\\uFEFF' : leaf.text}</span>\n  }\n\n  const renderLeaf = plugins.reduce(\n    (renderFn, plugin) => (props: RenderLeafProps) => {\n      const { control, renderLeaf } = plugin\n\n      if (control?.definition == null || renderLeaf == null) return renderFn(props)\n\n      if (control.getLeafValue == null) return renderLeaf(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getLeafValue(props.leaf)}>\n          {value => renderLeaf(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderLeaf,\n  )\n\n  return renderLeaf({ attributes: {} as any, leaf: props.leaf, children: null, text: props.leaf })\n}\n\ntype ElementProps = {\n  descendant: Element\n  plugins: RichTextV2Plugin[]\n}\n\nfunction ElementComponent({ plugins, ...props }: ElementProps) {\n  function initialRenderElement(props: RenderElementProps) {\n    return <Descendants descendants={props.element.children} plugins={plugins} />\n  }\n\n  const renderElement = plugins.reduce(\n    (renderFn, plugin) => (props: RenderElementProps) => {\n      const { control, renderElement } = plugin\n\n      if (control?.definition == null || renderElement == null) return renderFn(props)\n\n      if (control.getElementValue == null) return renderElement(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getElementValue(props.element)}>\n          {value => renderElement(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderElement,\n  )\n\n  return renderElement({ attributes: {} as any, children: null, element: props.descendant })\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: Descendant): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({\n  descendants,\n  plugins,\n}: {\n  plugins: RichTextV2Plugin[]\n  descendants: Descendant[]\n}) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <LeafComponent key={index} plugins={plugins} leaf={descendant} />\n        }\n\n        return <ElementComponent key={index} descendant={descendant} plugins={plugins} />\n      })}\n    </>\n  )\n}\n"],"names":["ReadOnlyTextV2","forwardRef","text","descendants","definition","ref","descendantsAsString","toText","config","mode","RichTextV2Mode","Block","position","whiteSpace","wordWrap","_jsx","Inline","InlineModePlugin","BlockPlugin","TypographyPlugin","TextAlignPlugin","InlinePlugin","LinkPlugin","useStyle","display","width","maxWidth","opacity","verticalAlign","plugins","props","leaf","className","renderLeaf","reduce","renderFn","plugin","control","getLeafValue","undefined","value","initialRenderLeaf","attributes","children","element","renderElement","getElementValue","initialRenderElement","descendant","node","_Fragment","map","index","isText"],"mappings":"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"}
+{"version":3,"file":"ReadOnlyTextV2.es.js","sources":["../src/runtimes/react/controls/rich-text-v2/ReadOnlyTextV2.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n} from '../../../../controls'\nimport { useStyle } from '../../use-style'\nimport { Descendant, Element, Text } from 'slate'\nimport {\n  BlockPlugin,\n  InlineModePlugin,\n  InlinePlugin,\n  LinkPlugin,\n  TextAlignPlugin,\n  TypographyPlugin,\n  toText,\n} from '../../../../slate'\nimport { ControlValue } from '../control'\nimport { RenderElementProps, RenderLeafProps } from 'slate-react'\nimport { RichTextV2Plugin } from '../../../../controls/rich-text-v2/plugin'\n\ntype Props = {\n  text: RichTextV2ControlData\n  definition: RichTextV2ControlDefinition | null\n}\n\nconst ReadOnlyTextV2 = forwardRef(function ReadOnlyText(\n  { text: { descendants }, definition }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendantsAsString = toText(descendants, definition?.config.mode ?? RichTextV2Mode.Block)\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n    >\n      {descendantsAsString === '' ? (\n        <Placeholder />\n      ) : (\n        <Descendants\n          plugins={\n            /**\n             * TODO: we are manually referencing our default plugins for each mode here because\n             * Referencing the real LinkPlugin causes a circular dependency.\n             * When circular dependencies calm down we should update the plugin definition to use real plugins,\n             * and just use the plugins that are defined by our config.\n             */\n            // definition?.config?.plugins ,\n            definition?.config?.mode === RichTextV2Mode.Inline\n              ? [InlineModePlugin()]\n              : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]\n          }\n          descendants={descendants}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default ReadOnlyTextV2\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\ntype LeafProps = {\n  leaf: Text\n  plugins: RichTextV2Plugin[]\n}\n\nexport function LeafComponent({ plugins, ...props }: LeafProps) {\n  function initialRenderLeaf({ leaf }: RenderLeafProps) {\n    return <span className={leaf.className}>{leaf.text === '' ? '\\uFEFF' : leaf.text}</span>\n  }\n\n  const renderLeaf = plugins.reduce(\n    (renderFn, plugin) => (props: RenderLeafProps) => {\n      const { control, renderLeaf } = plugin\n\n      if (control?.definition == null || renderLeaf == null) return renderFn(props)\n\n      if (control.getLeafValue == null) return renderLeaf(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getLeafValue(props.leaf)}>\n          {value => renderLeaf(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderLeaf,\n  )\n\n  return renderLeaf({ attributes: {} as any, leaf: props.leaf, children: null, text: props.leaf })\n}\n\ntype ElementProps = {\n  descendant: Element\n  plugins: RichTextV2Plugin[]\n}\n\nfunction ElementComponent({ plugins, ...props }: ElementProps) {\n  function initialRenderElement(props: RenderElementProps) {\n    return <Descendants descendants={props.element.children} plugins={plugins} />\n  }\n\n  const renderElement = plugins.reduce(\n    (renderFn, plugin) => (props: RenderElementProps) => {\n      const { control, renderElement } = plugin\n\n      if (control?.definition == null || renderElement == null) return renderFn(props)\n\n      if (control.getElementValue == null) return renderElement(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getElementValue(props.element)}>\n          {value => renderElement(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderElement,\n  )\n\n  return renderElement({ attributes: {} as any, children: null, element: props.descendant })\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: Descendant): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({\n  descendants,\n  plugins,\n}: {\n  plugins: RichTextV2Plugin[]\n  descendants: Descendant[]\n}) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <LeafComponent key={index} plugins={plugins} leaf={descendant} />\n        }\n\n        return <ElementComponent key={index} descendant={descendant} plugins={plugins} />\n      })}\n    </>\n  )\n}\n"],"names":["ReadOnlyTextV2","forwardRef","text","descendants","definition","ref","descendantsAsString","toText","config","mode","RichTextV2Mode","Block","position","whiteSpace","wordWrap","_jsx","Inline","InlineModePlugin","BlockPlugin","TypographyPlugin","TextAlignPlugin","InlinePlugin","LinkPlugin","useStyle","display","width","maxWidth","opacity","verticalAlign","plugins","props","leaf","className","renderLeaf","reduce","renderFn","plugin","control","getLeafValue","undefined","value","initialRenderLeaf","attributes","children","element","renderElement","getElementValue","initialRenderElement","descendant","node","_Fragment","map","index","isText"],"mappings":"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"}

package/dist/Root.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.cjs.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n  return (\n    <div\n      ref={ref}\n      className={useStyle({\n        width: '100%',\n        background: 'rgba(161, 168, 194, 0.18)',\n        height: 80,\n        padding: 8,\n      })}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        style={{ overflow: 'visible' }}\n      >\n        <rect\n          x={0}\n          y={0}\n          width=\"100%\"\n          height=\"100%\"\n          strokeWidth={2}\n          strokeDasharray=\"4 2\"\n          fill=\"none\"\n          stroke=\"rgba(161, 168, 194, 0.40)\"\n          rx=\"4\"\n          ry=\"4\"\n        />\n      </svg>\n    </div>\n  )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  if (isServer) return injectGlobal(args)\n\n  const serialized = serializeStyles(args, cache.registered)\n  const sheetRef = useRef<[StyleSheet, boolean]>()\n\n  // Hydration\n  useInsertionEffect(() => {\n    const key = `${cache.key}-global`\n\n    const cacheSheet = cache.sheet as StyleSheet\n    const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n      key,\n      nonce: cacheSheet.nonce,\n      container: cacheSheet.container,\n      speedy: cacheSheet.isSpeedy,\n    })\n\n    const node = document.querySelector<HTMLStyleElement>(\n      `style[data-emotion=\"${key} ${serialized.name}\"]`,\n    )\n\n    if (cache.sheet.tags.length > 0) {\n      sheet.before = cache.sheet.tags[0]\n    }\n\n    let rehydrating = false\n\n    if (node != null) {\n      rehydrating = true\n      node.setAttribute('data-emotion', key)\n      sheet.hydrate([node])\n    }\n\n    sheetRef.current = [sheet, rehydrating]\n\n    return () => {\n      sheet.flush()\n    }\n  })\n\n  // Insertion\n  useInsertionEffect(() => {\n    const [sheet, rehydrating] = sheetRef.current ?? []\n\n    if (sheet == null || rehydrating == null) return\n\n    if (rehydrating) {\n      sheetRef.current = [sheet, false]\n\n      return\n    }\n\n    if (serialized.next != null) {\n      insertStyles(cache, serialized.next, true)\n    }\n\n    if (sheet.tags.length > 0) {\n      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n      sheet.before = element\n\n      sheet.flush()\n    }\n\n    cache.insert('', serialized, sheet, false)\n  })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n  GridValue,\n  BackgroundsValue,\n  GapXValue,\n  GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  children?: GridValue\n  backgrounds?: BackgroundsValue\n  rowGap?: GapYValue\n  columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n  { children, backgrounds, rowGap, columnGap }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  useGlobalStyle({\n    html: {\n      boxSizing: 'border-box',\n    },\n    '*, *::before, *::after': {\n      boxSizing: 'inherit',\n    },\n  })\n\n  useGlobalStyle(normalize())\n\n  return (\n    <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n      <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              grid={children.columns}\n              index={index}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","React","injectGlobal","serializeStyles","cache","useRef","insertStyles","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","BackgroundsContainer","display","flexWrap","elements","length","map","child","index","GridItem","columns","Element","key","_jsx"],"mappings":"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"}
+{"version":3,"file":"Root.cjs.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n  return (\n    <div\n      ref={ref}\n      className={useStyle({\n        width: '100%',\n        background: 'rgba(161, 168, 194, 0.18)',\n        height: 80,\n        padding: 8,\n      })}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        style={{ overflow: 'visible' }}\n      >\n        <rect\n          x={0}\n          y={0}\n          width=\"100%\"\n          height=\"100%\"\n          strokeWidth={2}\n          strokeDasharray=\"4 2\"\n          fill=\"none\"\n          stroke=\"rgba(161, 168, 194, 0.40)\"\n          rx=\"4\"\n          ry=\"4\"\n        />\n      </svg>\n    </div>\n  )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  if (isServer) return injectGlobal(args)\n\n  const serialized = serializeStyles(args, cache.registered)\n  const sheetRef = useRef<[StyleSheet, boolean]>()\n\n  // Hydration\n  useInsertionEffect(() => {\n    const key = `${cache.key}-global`\n\n    const cacheSheet = cache.sheet as StyleSheet\n    const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n      key,\n      nonce: cacheSheet.nonce,\n      container: cacheSheet.container,\n      speedy: cacheSheet.isSpeedy,\n    })\n\n    const node = document.querySelector<HTMLStyleElement>(\n      `style[data-emotion=\"${key} ${serialized.name}\"]`,\n    )\n\n    if (cache.sheet.tags.length > 0) {\n      sheet.before = cache.sheet.tags[0]\n    }\n\n    let rehydrating = false\n\n    if (node != null) {\n      rehydrating = true\n      node.setAttribute('data-emotion', key)\n      sheet.hydrate([node])\n    }\n\n    sheetRef.current = [sheet, rehydrating]\n\n    return () => {\n      sheet.flush()\n    }\n  })\n\n  // Insertion\n  useInsertionEffect(() => {\n    const [sheet, rehydrating] = sheetRef.current ?? []\n\n    if (sheet == null || rehydrating == null) return\n\n    if (rehydrating) {\n      sheetRef.current = [sheet, false]\n\n      return\n    }\n\n    if (serialized.next != null) {\n      insertStyles(cache, serialized.next, true)\n    }\n\n    if (sheet.tags.length > 0) {\n      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n      sheet.before = element\n\n      sheet.flush()\n    }\n\n    cache.insert('', serialized, sheet, false)\n  })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n  GridValue,\n  BackgroundsValue,\n  GapXValue,\n  GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  children?: GridValue\n  backgrounds?: BackgroundsValue\n  rowGap?: GapYValue\n  columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n  { children, backgrounds, rowGap, columnGap }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  useGlobalStyle({\n    html: {\n      boxSizing: 'border-box',\n    },\n    '*, *::before, *::after': {\n      boxSizing: 'inherit',\n    },\n  })\n\n  useGlobalStyle(normalize())\n\n  return (\n    <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n      <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              grid={children.columns}\n              index={index}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","React","injectGlobal","serializeStyles","cache","useRef","insertStyles","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","BackgroundsContainer","display","flexWrap","elements","length","map","child","index","GridItem","columns","Element","key","_jsx"],"mappings":"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"}

package/dist/Root.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.es.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n  return (\n    <div\n      ref={ref}\n      className={useStyle({\n        width: '100%',\n        background: 'rgba(161, 168, 194, 0.18)',\n        height: 80,\n        padding: 8,\n      })}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        style={{ overflow: 'visible' }}\n      >\n        <rect\n          x={0}\n          y={0}\n          width=\"100%\"\n          height=\"100%\"\n          strokeWidth={2}\n          strokeDasharray=\"4 2\"\n          fill=\"none\"\n          stroke=\"rgba(161, 168, 194, 0.40)\"\n          rx=\"4\"\n          ry=\"4\"\n        />\n      </svg>\n    </div>\n  )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  if (isServer) return injectGlobal(args)\n\n  const serialized = serializeStyles(args, cache.registered)\n  const sheetRef = useRef<[StyleSheet, boolean]>()\n\n  // Hydration\n  useInsertionEffect(() => {\n    const key = `${cache.key}-global`\n\n    const cacheSheet = cache.sheet as StyleSheet\n    const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n      key,\n      nonce: cacheSheet.nonce,\n      container: cacheSheet.container,\n      speedy: cacheSheet.isSpeedy,\n    })\n\n    const node = document.querySelector<HTMLStyleElement>(\n      `style[data-emotion=\"${key} ${serialized.name}\"]`,\n    )\n\n    if (cache.sheet.tags.length > 0) {\n      sheet.before = cache.sheet.tags[0]\n    }\n\n    let rehydrating = false\n\n    if (node != null) {\n      rehydrating = true\n      node.setAttribute('data-emotion', key)\n      sheet.hydrate([node])\n    }\n\n    sheetRef.current = [sheet, rehydrating]\n\n    return () => {\n      sheet.flush()\n    }\n  })\n\n  // Insertion\n  useInsertionEffect(() => {\n    const [sheet, rehydrating] = sheetRef.current ?? []\n\n    if (sheet == null || rehydrating == null) return\n\n    if (rehydrating) {\n      sheetRef.current = [sheet, false]\n\n      return\n    }\n\n    if (serialized.next != null) {\n      insertStyles(cache, serialized.next, true)\n    }\n\n    if (sheet.tags.length > 0) {\n      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n      sheet.before = element\n\n      sheet.flush()\n    }\n\n    cache.insert('', serialized, sheet, false)\n  })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n  GridValue,\n  BackgroundsValue,\n  GapXValue,\n  GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  children?: GridValue\n  backgrounds?: BackgroundsValue\n  rowGap?: GapYValue\n  columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n  { children, backgrounds, rowGap, columnGap }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  useGlobalStyle({\n    html: {\n      boxSizing: 'border-box',\n    },\n    '*, *::before, *::after': {\n      boxSizing: 'inherit',\n    },\n  })\n\n  useGlobalStyle(normalize())\n\n  return (\n    <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n      <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              grid={children.columns}\n              index={index}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","display","flexWrap","elements","length","map","child","index","columns","key","_jsx"],"mappings":"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"}
+{"version":3,"file":"Root.es.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n  return (\n    <div\n      ref={ref}\n      className={useStyle({\n        width: '100%',\n        background: 'rgba(161, 168, 194, 0.18)',\n        height: 80,\n        padding: 8,\n      })}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        style={{ overflow: 'visible' }}\n      >\n        <rect\n          x={0}\n          y={0}\n          width=\"100%\"\n          height=\"100%\"\n          strokeWidth={2}\n          strokeDasharray=\"4 2\"\n          fill=\"none\"\n          stroke=\"rgba(161, 168, 194, 0.40)\"\n          rx=\"4\"\n          ry=\"4\"\n        />\n      </svg>\n    </div>\n  )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  if (isServer) return injectGlobal(args)\n\n  const serialized = serializeStyles(args, cache.registered)\n  const sheetRef = useRef<[StyleSheet, boolean]>()\n\n  // Hydration\n  useInsertionEffect(() => {\n    const key = `${cache.key}-global`\n\n    const cacheSheet = cache.sheet as StyleSheet\n    const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n      key,\n      nonce: cacheSheet.nonce,\n      container: cacheSheet.container,\n      speedy: cacheSheet.isSpeedy,\n    })\n\n    const node = document.querySelector<HTMLStyleElement>(\n      `style[data-emotion=\"${key} ${serialized.name}\"]`,\n    )\n\n    if (cache.sheet.tags.length > 0) {\n      sheet.before = cache.sheet.tags[0]\n    }\n\n    let rehydrating = false\n\n    if (node != null) {\n      rehydrating = true\n      node.setAttribute('data-emotion', key)\n      sheet.hydrate([node])\n    }\n\n    sheetRef.current = [sheet, rehydrating]\n\n    return () => {\n      sheet.flush()\n    }\n  })\n\n  // Insertion\n  useInsertionEffect(() => {\n    const [sheet, rehydrating] = sheetRef.current ?? []\n\n    if (sheet == null || rehydrating == null) return\n\n    if (rehydrating) {\n      sheetRef.current = [sheet, false]\n\n      return\n    }\n\n    if (serialized.next != null) {\n      insertStyles(cache, serialized.next, true)\n    }\n\n    if (sheet.tags.length > 0) {\n      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n      sheet.before = element\n\n      sheet.flush()\n    }\n\n    cache.insert('', serialized, sheet, false)\n  })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n  GridValue,\n  BackgroundsValue,\n  GapXValue,\n  GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  children?: GridValue\n  backgrounds?: BackgroundsValue\n  rowGap?: GapYValue\n  columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n  { children, backgrounds, rowGap, columnGap }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  useGlobalStyle({\n    html: {\n      boxSizing: 'border-box',\n    },\n    '*, *::before, *::after': {\n      boxSizing: 'inherit',\n    },\n  })\n\n  useGlobalStyle(normalize())\n\n  return (\n    <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n      <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              grid={children.columns}\n              index={index}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","display","flexWrap","elements","length","map","child","index","columns","key","_jsx"],"mappings":"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"}