@makeswift/runtime 0.19.4 → 0.20.0

package/dist/esm/components/shared/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkData } from '@makeswift/prop-controllers'\nimport { useElementId } from '../../../runtimes/react'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkData\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\n// workaround for https://github.com/vercel/next.js/issues/66650\nconst isValidHref = (href: string) => {\n  try {\n    const bases = ['http://n', 'https://n']\n    // - if `href` is a relative path, it will be resolved relative to the base URL\n    // - if `href` is a full URL, the base URL will be ignored, even if there is a mismatch of protocols\n    // - if `href` is an incomplete, protocol-only URL with a protocol that\n    //   conflicts with one of the base URL, this will throw\n    bases.forEach(base => new URL(href, base))\n  } catch (_) {\n    return false\n  }\n  return true\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const hasLocalizedPathname = page?.localizedPathname != null\n\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.localizedPathname ?? page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = isValidHref(link.payload.url)\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        {...(hasLocalizedPathname && {\n          locale: false,\n        })}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../../../../../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkData } from '@makeswift/prop-controllers'\nimport { useElementId } from '../../../runtimes/react/hooks/use-element-id'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkData\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\n// workaround for https://github.com/vercel/next.js/issues/66650\nconst isValidHref = (href: string) => {\n  try {\n    const bases = ['http://n', 'https://n']\n    // - if `href` is a relative path, it will be resolved relative to the base URL\n    // - if `href` is a full URL, the base URL will be ignored, even if there is a mismatch of protocols\n    // - if `href` is an incomplete, protocol-only URL with a protocol that\n    //   conflicts with one of the base URL, this will throw\n    bases.forEach(base => new URL(href, base))\n  } catch (_) {\n    return false\n  }\n  return true\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const hasLocalizedPathname = page?.localizedPathname != null\n\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.localizedPathname ?? page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = isValidHref(link.payload.url)\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        {...(hasLocalizedPathname && {\n          locale: false,\n        })}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"mappings":"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","names":["Link"]}

package/dist/esm/components/utils/responsive-style.js

@@ -3,13 +3,13 @@ import {
   getBreakpointMediaQuery,
   join as joinResponsiveValues
 } from "../../state/modules/breakpoints";
+import { useBreakpoints } from "../../runtimes/react/hooks/use-breakpoints";
 import { getIndexes } from "./columns";
 import { paddingPropertyDataToStyle } from "../../css/padding";
 import { marginPropertyDataToStyle } from "../../css/margin";
 import { borderRadiusPropertyDataToStyle } from "../../css/border-radius";
 import { borderPropertyDataToStyle } from "../../css/border";
 import { colorToString } from "./colorToString";
-import { useBreakpoints } from "../../runtimes/react";
 function responsiveStyle(breakpoints, responsiveValues, join, strategy) {
   return joinResponsiveValues(breakpoints, responsiveValues, join, strategy).reduce(
     (acc, { deviceId, value }) => {

package/dist/esm/components/utils/responsive-style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/utils/responsive-style.ts"],"sourcesContent":["import { WidthProperty } from 'csstype'\nimport { CSSObject } from '@emotion/css'\nimport type {\n  ResponsiveValueType as ExtractResponsiveValue,\n  LengthData,\n  ResponsiveBorderRadiusData,\n  ResponsiveMarginData,\n  ResponsivePaddingData,\n  ResponsiveValue,\n  ResponsiveLengthData,\n  ResponsiveTextStyleData,\n} from '@makeswift/prop-controllers'\n\nimport {\n  FallbackStrategy,\n  getBreakpoint,\n  getBreakpointMediaQuery,\n  join as joinResponsiveValues,\n  Breakpoints,\n} from '../../state/modules/breakpoints'\nimport { getIndexes } from './columns'\nimport { PaddingPropertyData, paddingPropertyDataToStyle } from '../../css/padding'\nimport { MarginPropertyData, marginPropertyDataToStyle } from '../../css/margin'\nimport { BorderRadiusPropertyData, borderRadiusPropertyDataToStyle } from '../../css/border-radius'\nimport { BorderPropertyData, borderPropertyDataToStyle } from '../../css/border'\nimport { BorderPropControllerData } from '../hooks/useBorder'\nimport { colorToString } from './colorToString'\nimport { BoxShadow, ResponsiveBoxShadow } from '../hooks'\nimport { useBreakpoints } from '../../runtimes/react'\nimport { DropFirst } from './drop-first'\n\nexport function responsiveStyle<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return joinResponsiveValues(breakpoints, responsiveValues, join, strategy).reduce(\n    (acc, { deviceId, value }) => {\n      const breakpoint = getBreakpoint(breakpoints, deviceId)\n      const mediaQuery = getBreakpointMediaQuery(breakpoint)\n\n      return {\n        ...acc,\n        [mediaQuery]: {\n          ...(acc[mediaQuery] as CSSObject),\n          ...value,\n        },\n      }\n    },\n    {} as CSSObject,\n  )\n}\n\nexport function useResponsiveStyle<\n  V,\n  A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>,\n>(\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return responsiveStyle(useBreakpoints(), responsiveValues, join, strategy)\n}\n\nexport function responsiveWidth(\n  breakpoints: Breakpoints,\n  widthData: ResponsiveLengthData | undefined,\n  defaultValue: LengthData | WidthProperty<string | number> = '100%',\n): CSSObject {\n  return {\n    maxWidth: '100%',\n    ...responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({\n      width: typeof width === 'object' ? `${width.value}${width.unit}` : width,\n    })),\n  }\n}\n\nexport function useResponsiveWidth(\n  ...args: DropFirst<Parameters<typeof responsiveWidth>>\n): CSSObject {\n  return responsiveWidth(useBreakpoints(), ...args)\n}\n\nexport function responsivePadding(\n  breakpoints: Breakpoints,\n  paddingData: ResponsivePaddingData | undefined,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [paddingData], ([padding = {} as PaddingPropertyData]) =>\n    paddingPropertyDataToStyle(\n      padding,\n      Object.assign(\n        { paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsivePadding(\n  ...args: DropFirst<Parameters<typeof responsivePadding>>\n): CSSObject {\n  return responsivePadding(useBreakpoints(), ...args)\n}\n\nexport function responsiveMargin(\n  breakpoints: Breakpoints,\n  marginData: ResponsiveMarginData | undefined,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [marginData], ([margin = {} as MarginPropertyData]) =>\n    marginPropertyDataToStyle(\n      margin,\n      Object.assign(\n        { marginTop: 0, marginRight: 'auto', marginBottom: 0, marginLeft: 'auto' },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveMargin(\n  ...args: DropFirst<Parameters<typeof responsiveMargin>>\n): CSSObject {\n  return responsiveMargin(useBreakpoints(), ...args)\n}\n\nexport function responsiveBorderRadius(\n  breakpoints: Breakpoints,\n  borderRadiusData: ResponsiveBorderRadiusData | undefined,\n  defaultValue: BorderRadiusPropertyData = {} as BorderRadiusPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [borderRadiusData], ([borderRadius = {}]) =>\n    borderRadiusPropertyDataToStyle(\n      borderRadius,\n      Object.assign(\n        {\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          borderBottomLeftRadius: 0,\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveBorderRadius(\n  ...args: DropFirst<Parameters<typeof responsiveBorderRadius>>\n): CSSObject {\n  return responsiveBorderRadius(useBreakpoints(), ...args)\n}\n\nexport function useResponsiveBorder(\n  borderData: BorderPropControllerData | undefined,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  return useResponsiveStyle([borderData], ([border = {}]) =>\n    borderPropertyDataToStyle(\n      border,\n      Object.assign(\n        {\n          borderTop: '0px solid black',\n          borderRight: '0px solid black',\n          borderBottom: '0px solid black',\n          borderLeft: '0px solid black',\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nconst floor =\n  (d: number) =>\n  (v: number): number =>\n    Math.floor(10 ** d * v) / 10 ** d\n\nexport function responsiveGridItem(\n  breakpoints: Breakpoints,\n  props: {\n    grid: ResponsiveValue<{ spans: number[][]; count: number }>\n    index: number\n    columnGap?: ResponsiveValue<LengthData>\n    rowGap?: ResponsiveValue<LengthData>\n  },\n): CSSObject {\n  return {\n    display: 'flex',\n    ...responsiveStyle(\n      breakpoints,\n      [props.grid, props.columnGap, props.rowGap] as const,\n      ([\n        { spans, count } = { spans: [[12]], count: 12 },\n        columnGap = { value: 0, unit: 'px' },\n        rowGap = { value: 0, unit: 'px' },\n      ]) => {\n        const [rowIndex, columnIndex] = getIndexes(spans, props.index)\n        const firstCol = columnIndex === 0\n        const lastCol = columnIndex === spans[rowIndex].length - 1\n        const span = spans[rowIndex][columnIndex]\n        const fraction = floor(5)(span / count)\n        const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`\n        const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${\n          columnGap.unit\n        } / 2`\n        const iePrecisionError = '0.01px'\n        const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`\n        const firstRow = rowIndex === 0\n        const lastRow = rowIndex === spans.length - 1\n\n        return span === 0\n          ? { display: 'none' }\n          : {\n              flexBasis,\n              minWidth: flexBasis,\n              // NOTE: IE11 width breaks without max width\n              // https://github.com/philipwalton/flexbugs/issues/3\n              maxWidth: flexBasis,\n              paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n              paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n            }\n      },\n    ),\n  }\n}\n\nexport function useResponsiveGridItem(\n  ...args: DropFirst<Parameters<typeof responsiveGridItem>>\n): CSSObject {\n  return responsiveGridItem(useBreakpoints(), ...args)\n}\n\nconst getBoxShadow = (shadows: BoxShadow) =>\n  shadows\n    .map(\n      ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) =>\n        `${inset ? 'inset ' : ''}${offsetX.toFixed(1)}px ${offsetY.toFixed(\n          1,\n        )}px ${blurRadius}px ${spreadRadius}px ${\n          color != null ? colorToString(color) : 'rgba(0,0,0,0.2)'\n        }`,\n    )\n    .filter(Boolean)\n    .join()\n\nexport function responsiveShadow(\n  breakpoints: Breakpoints,\n  value: ResponsiveBoxShadow | undefined,\n): CSSObject {\n  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({\n    boxShadow: getBoxShadow(shadow),\n  }))\n}\n\nexport function useResponsiveShadow(\n  ...args: DropFirst<Parameters<typeof responsiveShadow>>\n): CSSObject {\n  return responsiveShadow(useBreakpoints(), ...args)\n}\n\nexport function responsiveTextStyle(\n  breakpoints: Breakpoints,\n  value: ResponsiveTextStyleData | undefined,\n): CSSObject {\n  return responsiveStyle(\n    breakpoints,\n    [value],\n    ([\n      textStyle = {\n        fontFamily: null,\n        letterSpacing: null,\n        fontSize: null,\n        fontWeight: null,\n        textTransform: [],\n        fontStyle: [],\n      },\n    ]) => {\n      const {\n        fontSize,\n        fontWeight,\n        fontStyle = [],\n        textTransform = [],\n        letterSpacing,\n        fontFamily,\n      } = textStyle\n\n      return {\n        ...(fontFamily == null ? {} : { fontFamily: `\"${fontFamily}\"` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing }),\n        ...(fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(textTransform.includes('uppercase') ? { textTransform: 'uppercase' } : {}),\n        ...(fontStyle.includes('italic') ? { fontStyle: 'italic' } : {}),\n      }\n    },\n  )\n}\n\nexport function useResponsiveTextStyle(\n  ...args: DropFirst<Parameters<typeof responsiveTextStyle>>\n): CSSObject {\n  return responsiveTextStyle(useBreakpoints(), ...args)\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/utils/responsive-style.ts"],"sourcesContent":["import { WidthProperty } from 'csstype'\nimport { CSSObject } from '@emotion/css'\n\nimport type { ResponsiveValueType as ExtractResponsiveValue } from '@makeswift/controls'\n\nimport type {\n  LengthData,\n  ResponsiveBorderRadiusData,\n  ResponsiveMarginData,\n  ResponsivePaddingData,\n  ResponsiveValue,\n  ResponsiveLengthData,\n  ResponsiveTextStyleData,\n} from '@makeswift/prop-controllers'\n\nimport {\n  FallbackStrategy,\n  getBreakpoint,\n  getBreakpointMediaQuery,\n  join as joinResponsiveValues,\n  Breakpoints,\n} from '../../state/modules/breakpoints'\n\nimport { useBreakpoints } from '../../runtimes/react/hooks/use-breakpoints'\n\nimport { getIndexes } from './columns'\nimport { PaddingPropertyData, paddingPropertyDataToStyle } from '../../css/padding'\nimport { MarginPropertyData, marginPropertyDataToStyle } from '../../css/margin'\nimport { BorderRadiusPropertyData, borderRadiusPropertyDataToStyle } from '../../css/border-radius'\nimport { BorderPropertyData, borderPropertyDataToStyle } from '../../css/border'\nimport { BorderPropControllerData } from '../hooks/useBorder'\nimport { colorToString } from './colorToString'\nimport { BoxShadow, ResponsiveBoxShadow } from '../hooks'\nimport { DropFirst } from './drop-first'\n\nexport function responsiveStyle<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return joinResponsiveValues(breakpoints, responsiveValues, join, strategy).reduce(\n    (acc, { deviceId, value }) => {\n      const breakpoint = getBreakpoint(breakpoints, deviceId)\n      const mediaQuery = getBreakpointMediaQuery(breakpoint)\n\n      return {\n        ...acc,\n        [mediaQuery]: {\n          ...(acc[mediaQuery] as CSSObject),\n          ...value,\n        },\n      }\n    },\n    {} as CSSObject,\n  )\n}\n\nexport function useResponsiveStyle<\n  V,\n  A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>,\n>(\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return responsiveStyle(useBreakpoints(), responsiveValues, join, strategy)\n}\n\nexport function responsiveWidth(\n  breakpoints: Breakpoints,\n  widthData: ResponsiveLengthData | undefined,\n  defaultValue: LengthData | WidthProperty<string | number> = '100%',\n): CSSObject {\n  return {\n    maxWidth: '100%',\n    ...responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({\n      width: typeof width === 'object' ? `${width.value}${width.unit}` : width,\n    })),\n  }\n}\n\nexport function useResponsiveWidth(\n  ...args: DropFirst<Parameters<typeof responsiveWidth>>\n): CSSObject {\n  return responsiveWidth(useBreakpoints(), ...args)\n}\n\nexport function responsivePadding(\n  breakpoints: Breakpoints,\n  paddingData: ResponsivePaddingData | undefined,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [paddingData], ([padding = {} as PaddingPropertyData]) =>\n    paddingPropertyDataToStyle(\n      padding,\n      Object.assign(\n        { paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsivePadding(\n  ...args: DropFirst<Parameters<typeof responsivePadding>>\n): CSSObject {\n  return responsivePadding(useBreakpoints(), ...args)\n}\n\nexport function responsiveMargin(\n  breakpoints: Breakpoints,\n  marginData: ResponsiveMarginData | undefined,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [marginData], ([margin = {} as MarginPropertyData]) =>\n    marginPropertyDataToStyle(\n      margin,\n      Object.assign(\n        { marginTop: 0, marginRight: 'auto', marginBottom: 0, marginLeft: 'auto' },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveMargin(\n  ...args: DropFirst<Parameters<typeof responsiveMargin>>\n): CSSObject {\n  return responsiveMargin(useBreakpoints(), ...args)\n}\n\nexport function responsiveBorderRadius(\n  breakpoints: Breakpoints,\n  borderRadiusData: ResponsiveBorderRadiusData | undefined,\n  defaultValue: BorderRadiusPropertyData = {} as BorderRadiusPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [borderRadiusData], ([borderRadius = {}]) =>\n    borderRadiusPropertyDataToStyle(\n      borderRadius,\n      Object.assign(\n        {\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          borderBottomLeftRadius: 0,\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveBorderRadius(\n  ...args: DropFirst<Parameters<typeof responsiveBorderRadius>>\n): CSSObject {\n  return responsiveBorderRadius(useBreakpoints(), ...args)\n}\n\nexport function useResponsiveBorder(\n  borderData: BorderPropControllerData | undefined,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  return useResponsiveStyle([borderData], ([border = {}]) =>\n    borderPropertyDataToStyle(\n      border,\n      Object.assign(\n        {\n          borderTop: '0px solid black',\n          borderRight: '0px solid black',\n          borderBottom: '0px solid black',\n          borderLeft: '0px solid black',\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nconst floor =\n  (d: number) =>\n  (v: number): number =>\n    Math.floor(10 ** d * v) / 10 ** d\n\nexport function responsiveGridItem(\n  breakpoints: Breakpoints,\n  props: {\n    grid: ResponsiveValue<{ spans: number[][]; count: number }>\n    index: number\n    columnGap?: ResponsiveValue<LengthData>\n    rowGap?: ResponsiveValue<LengthData>\n  },\n): CSSObject {\n  return {\n    display: 'flex',\n    ...responsiveStyle(\n      breakpoints,\n      [props.grid, props.columnGap, props.rowGap] as const,\n      ([\n        { spans, count } = { spans: [[12]], count: 12 },\n        columnGap = { value: 0, unit: 'px' },\n        rowGap = { value: 0, unit: 'px' },\n      ]) => {\n        const [rowIndex, columnIndex] = getIndexes(spans, props.index)\n        const firstCol = columnIndex === 0\n        const lastCol = columnIndex === spans[rowIndex].length - 1\n        const span = spans[rowIndex][columnIndex]\n        const fraction = floor(5)(span / count)\n        const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`\n        const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${\n          columnGap.unit\n        } / 2`\n        const iePrecisionError = '0.01px'\n        const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`\n        const firstRow = rowIndex === 0\n        const lastRow = rowIndex === spans.length - 1\n\n        return span === 0\n          ? { display: 'none' }\n          : {\n              flexBasis,\n              minWidth: flexBasis,\n              // NOTE: IE11 width breaks without max width\n              // https://github.com/philipwalton/flexbugs/issues/3\n              maxWidth: flexBasis,\n              paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n              paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n            }\n      },\n    ),\n  }\n}\n\nexport function useResponsiveGridItem(\n  ...args: DropFirst<Parameters<typeof responsiveGridItem>>\n): CSSObject {\n  return responsiveGridItem(useBreakpoints(), ...args)\n}\n\nconst getBoxShadow = (shadows: BoxShadow) =>\n  shadows\n    .map(\n      ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) =>\n        `${inset ? 'inset ' : ''}${offsetX.toFixed(1)}px ${offsetY.toFixed(\n          1,\n        )}px ${blurRadius}px ${spreadRadius}px ${\n          color != null ? colorToString(color) : 'rgba(0,0,0,0.2)'\n        }`,\n    )\n    .filter(Boolean)\n    .join()\n\nexport function responsiveShadow(\n  breakpoints: Breakpoints,\n  value: ResponsiveBoxShadow | undefined,\n): CSSObject {\n  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({\n    boxShadow: getBoxShadow(shadow),\n  }))\n}\n\nexport function useResponsiveShadow(\n  ...args: DropFirst<Parameters<typeof responsiveShadow>>\n): CSSObject {\n  return responsiveShadow(useBreakpoints(), ...args)\n}\n\nexport function responsiveTextStyle(\n  breakpoints: Breakpoints,\n  value: ResponsiveTextStyleData | undefined,\n): CSSObject {\n  return responsiveStyle(\n    breakpoints,\n    [value],\n    ([\n      textStyle = {\n        fontFamily: null,\n        letterSpacing: null,\n        fontSize: null,\n        fontWeight: null,\n        textTransform: [],\n        fontStyle: [],\n      },\n    ]) => {\n      const {\n        fontSize,\n        fontWeight,\n        fontStyle = [],\n        textTransform = [],\n        letterSpacing,\n        fontFamily,\n      } = textStyle\n\n      return {\n        ...(fontFamily == null ? {} : { fontFamily: `\"${fontFamily}\"` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing }),\n        ...(fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(textTransform.includes('uppercase') ? { textTransform: 'uppercase' } : {}),\n        ...(fontStyle.includes('italic') ? { fontStyle: 'italic' } : {}),\n      }\n    },\n  )\n}\n\nexport function useResponsiveTextStyle(\n  ...args: DropFirst<Parameters<typeof responsiveTextStyle>>\n): CSSObject {\n  return responsiveTextStyle(useBreakpoints(), ...args)\n}\n"],"mappings":"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","names":[]}

package/dist/esm/controls/control.js

@@ -1,54 +1,17 @@
 import {
-  ColorControlType,
-  TextInputControlType,
-  TextAreaControlType,
-  ImageControlType,
-  LinkControlType,
-  copyColorData,
-  copyLinkData
+  copyRichTextData
 } from "@makeswift/controls";
-import { copyImageData } from "./image";
-import {
-  copyListData,
-  ListControlType,
-  getListTranslatableData,
-  mergeListTranslatedData
-} from "./list";
-import {
-  copyShapeData,
-  ShapeControlType,
-  getShapeTranslatableData,
-  mergeShapeTranslatedData
-} from "./shape";
-import { copyStyleData, StyleControlType } from "./style";
-import {
-  copySlotData,
-  mergeSlotControlTranslatedData,
-  mergeSlotData,
-  SlotControlType
-} from "./slot";
 import {
   Types as PropControllerTypes,
   mergeGridPropControllerTranslatedData
 } from "@makeswift/prop-controllers";
+import { isLegacyDescriptor } from "../prop-controllers/descriptors";
 import { copy as propControllerCopy } from "../prop-controllers/copy";
-import {
-  RichTextControlType,
-  copyRichTextData,
-  richTextDTOtoDAO
-} from "./rich-text";
 import { DELETED_PROP_CONTROLLER_TYPES } from "../prop-controllers";
-import { richTextV2DescendentsToData } from "./rich-text-v2/dto";
-import { copyRichTextV2Data } from "./rich-text-v2/copy";
-import {
-  RichTextV2ControlType,
-  isRichTextV1Data
-} from "./rich-text-v2/rich-text-v2";
-import {
-  getRichTextV2TranslatableData,
-  mergeRichTextV2TranslatedData
-} from "./rich-text-v2/translation";
 function copy(definition, value, context) {
+  if (!isLegacyDescriptor(definition)) {
+    return definition.copyData(value, context);
+  }
   switch (definition.type) {
     case PropControllerTypes.Backgrounds:
     case PropControllerTypes.Grid:
@@ -64,59 +27,28 @@ function copy(definition, value, context) {
     case PropControllerTypes.ElementID:
       return propControllerCopy(definition, value, context);
     case DELETED_PROP_CONTROLLER_TYPES.RichText:
-    case RichTextControlType:
       return copyRichTextData(value, context);
-    case RichTextV2ControlType:
-      return copyRichTextV2Data(
-        isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value,
-        context
-      );
-    case ColorControlType:
-      return copyColorData(value, context);
-    case ImageControlType:
-      return copyImageData(value, context);
-    case LinkControlType:
-      return copyLinkData(value, context);
-    case ShapeControlType:
-      return copyShapeData(definition, value, context);
-    case ListControlType:
-      return copyListData(definition, value, context);
-    case StyleControlType:
-      return copyStyleData(value, context);
-    case SlotControlType:
-      return copySlotData(value, context);
     default:
       return value;
   }
 }
 function merge(definition, a, b = a, context) {
+  if (!isLegacyDescriptor(definition)) {
+    return definition.mergeData(a, b, context);
+  }
   switch (definition.type) {
-    case SlotControlType:
-      return mergeSlotData(a, b, context);
     default:
       return b;
   }
 }
 function getTranslatableData(definition, data) {
+  if (!isLegacyDescriptor(definition)) {
+    return definition.getTranslatableData(data);
+  }
   switch (definition.type) {
     case PropControllerTypes.TextInput:
     case PropControllerTypes.TextArea:
-    case TextInputControlType:
-    case TextAreaControlType:
       return data;
-    case RichTextV2ControlType:
-      const richTextData = data;
-      if (isRichTextV1Data(richTextData))
-        return null;
-      return getRichTextV2TranslatableData(definition, richTextData);
-    case ListControlType:
-      if (data == null)
-        return null;
-      return getListTranslatableData(definition, data);
-    case ShapeControlType:
-      if (data == null)
-        return null;
-      return getShapeTranslatableData(definition, data);
     default:
       return null;
   }
@@ -124,44 +56,17 @@ function getTranslatableData(definition, data) {
 function mergeTranslatedData(definition, data, translatedData, context) {
   if (data == null)
     return data;
+  if (!isLegacyDescriptor(definition)) {
+    return definition.mergeTranslatedData(data, translatedData, context);
+  }
   switch (definition.type) {
     case PropControllerTypes.TextInput:
     case PropControllerTypes.TextArea:
-    case TextInputControlType:
-    case TextAreaControlType:
       if (translatedData == null)
         return data;
       return translatedData;
     case PropControllerTypes.Grid:
       return mergeGridPropControllerTranslatedData(data, context);
-    case SlotControlType:
-      return mergeSlotControlTranslatedData(data, context);
-    case RichTextV2ControlType:
-      if (translatedData == null)
-        return data;
-      return mergeRichTextV2TranslatedData(
-        definition,
-        data,
-        translatedData
-      );
-    case ListControlType:
-      if (translatedData == null)
-        return data;
-      return mergeListTranslatedData(
-        definition,
-        data,
-        translatedData,
-        context
-      );
-    case ShapeControlType:
-      if (translatedData == null)
-        return data;
-      return mergeShapeTranslatedData(
-        definition,
-        data,
-        translatedData,
-        context
-      );
     default:
       return data;
   }

package/dist/esm/controls/control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import {\n  ColorControlData,\n  ColorControlDefinition,\n  ColorControlType,\n  TextInputControlData,\n  TextInputControlDefinition,\n  TextInputControlType,\n  TextAreaControlData,\n  TextAreaControlDefinition,\n  TextAreaControlType,\n  CheckboxControlData,\n  CheckboxControlDefinition,\n  NumberControlData,\n  NumberControlDefinition,\n  ComboboxControlData,\n  ComboboxControlDefinition,\n  IconRadioGroupControlData,\n  IconRadioGroupControlDefinition,\n  ImageControlType,\n  ImageControlData,\n  ImageControlDefinition,\n  LinkControlData,\n  LinkControlDefinition,\n  LinkControlType,\n  copyColorData,\n  copyLinkData,\n} from '@makeswift/controls'\n\nimport { copyImageData } from './image'\nimport {\n  ListControlData,\n  ListControlDefinition,\n  copyListData,\n  ListControlType,\n  getListTranslatableData,\n  mergeListTranslatedData,\n  ListControlTranslationDto,\n} from './list'\nimport { SelectControlData, SelectControlDefinition } from './select'\nimport {\n  ShapeControlData,\n  ShapeControlDefinition,\n  copyShapeData,\n  ShapeControlType,\n  getShapeTranslatableData,\n  mergeShapeTranslatedData,\n  ShapeControlTranslationDto,\n} from './shape'\nimport { copyStyleData, StyleControlData, StyleControlDefinition, StyleControlType } from './style'\nimport {\n  copySlotData,\n  mergeSlotControlTranslatedData,\n  mergeSlotData,\n  SlotControlData,\n  SlotControlDefinition,\n  SlotControlType,\n} from './slot'\n\nimport { Descriptor } from '../prop-controllers/descriptors'\nimport {\n  GridPropControllerData,\n  Types as PropControllerTypes,\n  mergeGridPropControllerTranslatedData,\n} from '@makeswift/prop-controllers'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { CopyContext, Data, MergeContext, MergeTranslatableDataContext } from '../state/react-page'\nimport {\n  RichTextControlData,\n  RichTextControlDefinition,\n  RichTextControlType,\n  copyRichTextData,\n  richTextDTOtoDAO,\n} from './rich-text'\nimport { DELETED_PROP_CONTROLLER_TYPES, PropControllerDescriptor } from '../prop-controllers'\n\nimport { richTextV2DescendentsToData } from './rich-text-v2/dto'\nimport { copyRichTextV2Data } from './rich-text-v2/copy'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  isRichTextV1Data,\n} from './rich-text-v2/rich-text-v2'\n\nimport { StyleV2ControlData, StyleV2ControlDefinition } from './style-v2'\nimport { TypographyControlData, TypographyControlDefinition } from './typography'\nimport {\n  RichTextV2ControlTranslationDto,\n  getRichTextV2TranslatableData,\n  mergeRichTextV2TranslatedData,\n} from './rich-text-v2/translation'\nimport { IndexSignatureHack } from '../utils/index-signature-hack'\n\nexport type ControlDefinition =\n  | CheckboxControlDefinition\n  | NumberControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition<any>\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | ShapeControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type ControlDefinitionData<T extends ControlDefinition> = T extends CheckboxControlDefinition\n  ? CheckboxControlData\n  : T extends NumberControlDefinition\n  ? NumberControlData\n  : T extends TextInputControlDefinition\n  ? TextInputControlData\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlData\n  : T extends SelectControlDefinition\n  ? SelectControlData<T>\n  : T extends ColorControlDefinition\n  ? ColorControlData\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlData<T>\n  : T extends ImageControlDefinition\n  ? ImageControlData\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlData<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlData<T>\n  : T extends ListControlDefinition\n  ? ListControlData<T>\n  : T extends LinkControlDefinition\n  ? LinkControlData\n  : T extends RichTextControlDefinition\n  ? IndexSignatureHack<RichTextControlData>\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlData\n  : T extends StyleControlDefinition\n  ? StyleControlData\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlData\n  : T extends TypographyControlDefinition\n  ? TypographyControlData\n  : never\n\nexport function copy(definition: Descriptor | ControlDefinition, value: any, context: CopyContext) {\n  switch (definition.type) {\n    case PropControllerTypes.Backgrounds:\n    case PropControllerTypes.Grid:\n    case PropControllerTypes.NavigationLinks:\n    case PropControllerTypes.Link:\n    case PropControllerTypes.Shadows:\n    case PropControllerTypes.Image:\n    case PropControllerTypes.Images:\n    case PropControllerTypes.ResponsiveColor:\n    case PropControllerTypes.TableFormFields:\n    case PropControllerTypes.Table:\n    case PropControllerTypes.Border:\n    case PropControllerTypes.ElementID:\n      return propControllerCopy(definition, value, context)\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n    case RichTextControlType:\n      return copyRichTextData(value, context)\n    case RichTextV2ControlType:\n      return copyRichTextV2Data(\n        isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value,\n        context,\n      )\n    case ColorControlType:\n      return copyColorData(value, context)\n    case ImageControlType:\n      return copyImageData(value, context)\n    case LinkControlType:\n      return copyLinkData(value, context)\n    case ShapeControlType:\n      return copyShapeData(definition, value, context)\n    case ListControlType:\n      return copyListData(definition, value, context)\n    case StyleControlType:\n      return copyStyleData(value, context)\n    case SlotControlType:\n      return copySlotData(value, context)\n    default:\n      return value\n  }\n}\n\nexport function merge(\n  definition: PropControllerDescriptor,\n  a: Data,\n  b: Data = a,\n  context: MergeContext,\n): Data {\n  switch (definition.type) {\n    case SlotControlType:\n      return mergeSlotData(a as SlotControlData, b as SlotControlData, context)\n\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor | ControlDefinition, data: Data): Data {\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      return data\n\n    case RichTextV2ControlType:\n      const richTextData = data as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(richTextData)) return null\n\n      return getRichTextV2TranslatableData(definition, richTextData as RichTextV2ControlData)\n\n    case ListControlType:\n      if (data == null) return null\n\n      return getListTranslatableData(definition, data as ListControlData)\n\n    case ShapeControlType:\n      if (data == null) return null\n\n      return getShapeTranslatableData(definition, data as ShapeControlData)\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      if (translatedData == null) return data\n\n      return translatedData\n\n    case PropControllerTypes.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridPropControllerData, context)\n\n    case SlotControlType:\n      return mergeSlotControlTranslatedData(data as SlotControlData, context)\n\n    case RichTextV2ControlType:\n      if (translatedData == null) return data\n\n      return mergeRichTextV2TranslatedData(\n        definition,\n        data as RichTextV2ControlData,\n        translatedData as RichTextV2ControlTranslationDto,\n      )\n\n    case ListControlType:\n      if (translatedData == null) return data\n\n      return mergeListTranslatedData(\n        definition,\n        data as ListControlData,\n        translatedData as ListControlTranslationDto,\n        context,\n      )\n\n    case ShapeControlType:\n      if (translatedData == null) return data\n\n      return mergeShapeTranslatedData(\n        definition,\n        data as ShapeControlData,\n        translatedData as ShapeControlTranslationDto,\n        context,\n      )\n\n    default:\n      return data\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import {\n  copyRichTextData,\n  type CopyContext,\n  type Data,\n  type MergeContext,\n  type MergeTranslatableDataContext,\n} from '@makeswift/controls'\n\nimport {\n  GridPropControllerData,\n  Types as PropControllerTypes,\n  mergeGridPropControllerTranslatedData,\n} from '@makeswift/prop-controllers'\n\nimport { Descriptor, isLegacyDescriptor } from '../prop-controllers/descriptors'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { DELETED_PROP_CONTROLLER_TYPES, PropControllerDescriptor } from '../prop-controllers'\n\nexport function copy(definition: Descriptor, value: any, context: CopyContext) {\n  if (!isLegacyDescriptor(definition)) {\n    return definition.copyData(value, context)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.Backgrounds:\n    case PropControllerTypes.Grid:\n    case PropControllerTypes.NavigationLinks:\n    case PropControllerTypes.Link:\n    case PropControllerTypes.Shadows:\n    case PropControllerTypes.Image:\n    case PropControllerTypes.Images:\n    case PropControllerTypes.ResponsiveColor:\n    case PropControllerTypes.TableFormFields:\n    case PropControllerTypes.Table:\n    case PropControllerTypes.Border:\n    case PropControllerTypes.ElementID:\n      return propControllerCopy(definition, value, context)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return copyRichTextData(value, context)\n\n    default:\n      return value\n  }\n}\n\nexport function merge(\n  definition: PropControllerDescriptor,\n  a: Data,\n  b: Data = a,\n  context: MergeContext,\n): Data {\n  if (!isLegacyDescriptor(definition)) {\n    return definition.mergeData(a, b, context)\n  }\n\n  switch (definition.type) {\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor, data: Data): Data {\n  if (!isLegacyDescriptor(definition)) {\n    return definition.getTranslatableData(data)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n      return data\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n  if (!isLegacyDescriptor(definition)) {\n    return definition.mergeTranslatedData(data, translatedData, context)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n      if (translatedData == null) return data\n      return translatedData\n\n    case PropControllerTypes.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridPropControllerData, context)\n\n    default:\n      return data\n  }\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAKK;AAEP;AAAA,EAEE,SAAS;AAAA,EACT;AAAA,OACK;AAEP,SAAqB,0BAA0B;AAC/C,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,qCAA+D;AAEjE,SAAS,KAAK,YAAwB,OAAY,SAAsB;AAC7E,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,SAAS,OAAO,OAAO;AAAA,EAC3C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AACvB,aAAO,mBAAmB,YAAY,OAAO,OAAO;AAAA,IAEtD,KAAK,8BAA8B;AACjC,aAAO,iBAAiB,OAAO,OAAO;AAAA,IAExC;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,MACd,YACA,GACA,IAAU,GACV,SACM;AACN,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,UAAU,GAAG,GAAG,OAAO;AAAA,EAC3C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,oBAAoB,YAAwB,MAAkB;AAC5E,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,oBAAoB,IAAI;AAAA,EAC5C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AACvB,aAAO;AAAA,IAET;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,oBACd,YACA,MACA,gBACA,SACM;AACN,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,oBAAoB,MAAM,gBAAgB,OAAO;AAAA,EACrE;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AACvB,UAAI,kBAAkB;AAAM,eAAO;AACnC,aAAO;AAAA,IAET,KAAK,oBAAoB;AACvB,aAAO,sCAAsC,MAAgC,OAAO;AAAA,IAEtF;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/esm/controls/index.js

@@ -1,12 +1,84 @@
 export * from "./control";
-export * from "./list";
-export * from "./select";
-export * from "./shape";
-export * from "./slot";
-export * from "./style";
-export * from "./style-v2";
-export * from "./rich-text";
-export * from "./rich-text-v2";
-export * from "./typography";
-export * from "@makeswift/controls";
+import {
+  ControlDefinition,
+  Checkbox,
+  CheckboxDefinition,
+  Color,
+  ColorDefinition,
+  Combobox,
+  ComboboxDefinition,
+  IconRadioGroupDefinition,
+  unstable_IconRadioGroup,
+  Image,
+  ImageDefinition,
+  List,
+  ListDefinition,
+  ListControl,
+  Shape,
+  ShapeDefinition,
+  ShapeControl,
+  Number,
+  NumberDefinition,
+  TextInput,
+  TextInputDefinition,
+  TextArea,
+  TextAreaDefinition,
+  Select,
+  SelectDefinition,
+  Style,
+  StyleDefinition,
+  StyleControl,
+  unstable_Typography,
+  unstable_TypographyDefinition
+} from "@makeswift/controls";
+import { Link, LinkDefinition } from "./link";
+import { RichTextV1Definition, RichTextV1Control } from "./rich-text";
+import { RichText, RichTextV2Definition, RichTextV2Control } from "./rich-text-v2";
+import { Slot, SlotDefinition, SlotControl } from "./slot";
+import { unstable_StyleV2, StyleV2Definition, StyleV2Control } from "./style-v2/style-v2";
+export {
+  Checkbox,
+  CheckboxDefinition,
+  Color,
+  ColorDefinition,
+  Combobox,
+  ComboboxDefinition,
+  ControlDefinition,
+  IconRadioGroupDefinition,
+  Image,
+  ImageDefinition,
+  Link,
+  LinkDefinition,
+  List,
+  ListControl,
+  ListDefinition,
+  Number,
+  NumberDefinition,
+  RichText,
+  RichTextV1Control,
+  RichTextV1Definition,
+  RichTextV2Control,
+  RichTextV2Definition,
+  Select,
+  SelectDefinition,
+  Shape,
+  ShapeControl,
+  ShapeDefinition,
+  Slot,
+  SlotControl,
+  SlotDefinition,
+  Style,
+  StyleControl,
+  StyleDefinition,
+  StyleV2Control,
+  StyleV2Definition,
+  TextArea,
+  TextAreaDefinition,
+  TextInput,
+  TextInputDefinition,
+  unstable_IconRadioGroup,
+  unstable_StyleV2,
+  unstable_Typography,
+  unstable_TypographyDefinition
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/index.ts"],"sourcesContent":["export * from './control'\nexport * from './list'\nexport * from './select'\nexport * from './shape'\nexport * from './slot'\nexport * from './style'\nexport * from './style-v2'\nexport * from './rich-text'\nexport * from './rich-text-v2'\nexport * from './typography'\n\nexport * from '@makeswift/controls'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/controls/index.ts"],"sourcesContent":["export * from './control'\n\nexport {\n  ControlDefinition,\n  Checkbox,\n  CheckboxDefinition,\n  Color,\n  ColorDefinition,\n  Combobox,\n  ComboboxDefinition,\n  IconRadioGroupDefinition,\n  type IconRadioGroupIcon,\n  unstable_IconRadioGroup,\n  Image,\n  ImageDefinition,\n  List,\n  ListDefinition,\n  ListControl,\n  Shape,\n  ShapeDefinition,\n  ShapeControl,\n  Number,\n  NumberDefinition,\n  TextInput,\n  TextInputDefinition,\n  TextArea,\n  TextAreaDefinition,\n  Select,\n  SelectDefinition,\n  Style,\n  StyleDefinition,\n  type StyleProperty,\n  StyleControl,\n  unstable_Typography,\n  unstable_TypographyDefinition,\n} from '@makeswift/controls'\n\nexport { Link, LinkDefinition } from './link'\nexport { RichTextV1Definition, RichTextV1Control } from './rich-text'\nexport { RichText, RichTextV2Definition, RichTextV2Control } from './rich-text-v2'\nexport { Slot, SlotDefinition, SlotControl } from './slot'\nexport { unstable_StyleV2, StyleV2Definition, StyleV2Control } from './style-v2/style-v2'\n"],"mappings":"AAAA,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,MAAM,sBAAsB;AACrC,SAAS,sBAAsB,yBAAyB;AACxD,SAAS,UAAU,sBAAsB,yBAAyB;AAClE,SAAS,MAAM,gBAAgB,mBAAmB;AAClD,SAAS,kBAAkB,mBAAmB,sBAAsB;","names":[]}

package/dist/esm/controls/link.js

@@ -0,0 +1,18 @@
+import { LinkDefinition as BaseLinkDefinition } from "@makeswift/controls";
+class LinkDefinition extends BaseLinkDefinition {
+  static deserialize(data) {
+    if (data.type !== LinkDefinition.type) {
+      throw new Error(`Link: expected type ${LinkDefinition.type}, got ${data.type}`);
+    }
+    const { config } = LinkDefinition.schema.definition.parse(data);
+    return Link(config);
+  }
+}
+function Link(config) {
+  return new LinkDefinition(config ?? {});
+}
+export {
+  Link,
+  LinkDefinition
+};
+//# sourceMappingURL=link.js.map

package/dist/esm/controls/link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/link.ts"],"sourcesContent":["import { type MouseEvent } from 'react'\nimport { type DeserializedRecord, LinkDefinition as BaseLinkDefinition } from '@makeswift/controls'\n\nexport class LinkDefinition extends BaseLinkDefinition<MouseEvent<Element>> {\n  static deserialize(data: DeserializedRecord): LinkDefinition {\n    if (data.type !== LinkDefinition.type) {\n      throw new Error(`Link: expected type ${LinkDefinition.type}, got ${data.type}`)\n    }\n\n    const { config } = LinkDefinition.schema.definition.parse(data)\n    return Link(config)\n  }\n}\n\nexport function Link(config?: { label?: string }): LinkDefinition {\n  return new LinkDefinition(config ?? {})\n}\n"],"mappings":"AACA,SAAkC,kBAAkB,0BAA0B;AAEvE,MAAM,uBAAuB,mBAAwC;AAAA,EAC1E,OAAO,YAAY,MAA0C;AAC3D,QAAI,KAAK,SAAS,eAAe,MAAM;AACrC,YAAM,IAAI,MAAM,uBAAuB,eAAe,IAAI,SAAS,KAAK,IAAI,EAAE;AAAA,IAChF;AAEA,UAAM,EAAE,OAAO,IAAI,eAAe,OAAO,WAAW,MAAM,IAAI;AAC9D,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAEO,SAAS,KAAK,QAA6C;AAChE,SAAO,IAAI,eAAe,UAAU,CAAC,CAAC;AACxC;","names":[]}

package/dist/esm/controls/rich-text/control.js

@@ -0,0 +1,76 @@
+import { BuilderEditMode } from "../../state/modules/builder-edit-mode";
+import {
+  ControlInstance,
+  richTextDAOToDTO
+} from "@makeswift/controls";
+class RichTextControl extends ControlInstance {
+  static CHANGE_BUILDER_EDIT_MODE = "CHANGE_BUILDER_EDIT_MODE";
+  static INITIALIZE_EDITOR = "INITIALIZE_EDITOR";
+  static CHANGE_EDITOR_VALUE = "CHANGE_EDITOR_VALUE";
+  static FOCUS = "FOCUS";
+  static BLUR = "BLUR";
+  static UNDO = "UNDO";
+  static REDO = "REDO";
+  static CHANGE_BOX_MODEL = "CHANGE_BOX_MODEL";
+  editor = null;
+  child(_key) {
+    return void 0;
+  }
+  recv = (message) => {
+    if (!this.editor)
+      return;
+    switch (message.type) {
+      case RichTextControl.CHANGE_BUILDER_EDIT_MODE: {
+        switch (message.payload.editMode) {
+          case BuilderEditMode.BUILD:
+          case BuilderEditMode.INTERACT:
+            this.editor.deselectAndBlur();
+        }
+        break;
+      }
+      case RichTextControl.FOCUS: {
+        this.editor.focusAndSelectAll();
+        break;
+      }
+    }
+  };
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.sendMessage({
+      type: RichTextControl.INITIALIZE_EDITOR,
+      value: richTextDAOToDTO(editor.children, editor.selection)
+    });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      if (options?.operation != null) {
+        this.sendMessage({
+          type: RichTextControl.CHANGE_EDITOR_VALUE,
+          value: richTextDAOToDTO(editor.children, editor.selection)
+        });
+      }
+    };
+  }
+  focus() {
+    this.sendMessage({ type: RichTextControl.FOCUS });
+  }
+  blur() {
+    this.sendMessage({ type: RichTextControl.BLUR });
+  }
+  undo() {
+    this.sendMessage({ type: RichTextControl.UNDO });
+  }
+  redo() {
+    this.sendMessage({ type: RichTextControl.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.sendMessage({
+      type: RichTextControl.CHANGE_BOX_MODEL,
+      payload: { boxModel }
+    });
+  }
+}
+export {
+  RichTextControl
+};
+//# sourceMappingURL=control.js.map

package/dist/esm/controls/rich-text/control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text/control.ts"],"sourcesContent":["import { Editor } from 'slate'\n\nimport { BuilderEditMode } from '../../state/modules/builder-edit-mode'\n\nimport {\n  ControlInstance,\n  richTextDAOToDTO,\n  type BoxModel,\n  type RichTextValue,\n} from '@makeswift/controls'\n\ntype ChangeBuilderEditModeMessage = {\n  type: typeof RichTextControl.CHANGE_BUILDER_EDIT_MODE\n  payload: { editMode: BuilderEditMode }\n}\n\ntype InitializeEditorMessage = {\n  type: typeof RichTextControl.INITIALIZE_EDITOR\n  value: RichTextValue\n}\n\ntype ChangeEditorValueMessage = {\n  type: typeof RichTextControl.CHANGE_EDITOR_VALUE\n  value: RichTextValue\n}\n\ntype FocusMessage = {\n  type: typeof RichTextControl.FOCUS\n}\n\ntype BlurMessage = {\n  type: typeof RichTextControl.BLUR\n}\n\ntype UndoMessage = {\n  type: typeof RichTextControl.UNDO\n}\n\ntype RedoMessage = {\n  type: typeof RichTextControl.REDO\n}\n\ntype BoxModelChangeMessage = {\n  type: typeof RichTextControl.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\ntype Message =\n  | ChangeBuilderEditModeMessage\n  | InitializeEditorMessage\n  | ChangeEditorValueMessage\n  | FocusMessage\n  | BlurMessage\n  | UndoMessage\n  | RedoMessage\n  | BoxModelChangeMessage\n\nexport class RichTextControl extends ControlInstance<Message> {\n  static readonly CHANGE_BUILDER_EDIT_MODE = 'CHANGE_BUILDER_EDIT_MODE'\n  static readonly INITIALIZE_EDITOR = 'INITIALIZE_EDITOR'\n  static readonly CHANGE_EDITOR_VALUE = 'CHANGE_EDITOR_VALUE'\n  static readonly FOCUS = 'FOCUS'\n  static readonly BLUR = 'BLUR'\n  static readonly UNDO = 'UNDO'\n  static readonly REDO = 'REDO'\n  static readonly CHANGE_BOX_MODEL = 'CHANGE_BOX_MODEL'\n\n  private editor: Editor | null = null\n\n  child(_key: string): ControlInstance | undefined {\n    return undefined\n  }\n\n  recv = (message: Message): void => {\n    if (!this.editor) return\n\n    switch (message.type) {\n      case RichTextControl.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.payload.editMode) {\n          case BuilderEditMode.BUILD:\n          case BuilderEditMode.INTERACT:\n            this.editor.deselectAndBlur()\n        }\n        break\n      }\n\n      case RichTextControl.FOCUS: {\n        this.editor.focusAndSelectAll()\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.sendMessage({\n      type: RichTextControl.INITIALIZE_EDITOR,\n      value: richTextDAOToDTO(editor.children, editor.selection),\n    })\n\n    const _onChange = editor.onChange\n    this.editor.onChange = options => {\n      _onChange(options)\n\n      // if onChange is local then it will include an operation(s)\n      // that is the only case in which we want to push updates\n      // this prevent infinite loops that can occur when collaborating\n      if (options?.operation != null) {\n        this.sendMessage({\n          type: RichTextControl.CHANGE_EDITOR_VALUE,\n          value: richTextDAOToDTO(editor.children, editor.selection),\n        })\n      }\n    }\n  }\n\n  focus() {\n    this.sendMessage({ type: RichTextControl.FOCUS })\n  }\n\n  blur() {\n    this.sendMessage({ type: RichTextControl.BLUR })\n  }\n\n  undo() {\n    this.sendMessage({ type: RichTextControl.UNDO })\n  }\n\n  redo() {\n    this.sendMessage({ type: RichTextControl.REDO })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.sendMessage({\n      type: RichTextControl.CHANGE_BOX_MODEL,\n      payload: { boxModel },\n    })\n  }\n}\n"],"mappings":"AAEA,SAAS,uBAAuB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAgDA,MAAM,wBAAwB,gBAAyB;AAAA,EAC5D,OAAgB,2BAA2B;AAAA,EAC3C,OAAgB,oBAAoB;AAAA,EACpC,OAAgB,sBAAsB;AAAA,EACtC,OAAgB,QAAQ;AAAA,EACxB,OAAgB,OAAO;AAAA,EACvB,OAAgB,OAAO;AAAA,EACvB,OAAgB,OAAO;AAAA,EACvB,OAAgB,mBAAmB;AAAA,EAE3B,SAAwB;AAAA,EAEhC,MAAM,MAA2C;AAC/C,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,CAAC,YAA2B;AACjC,QAAI,CAAC,KAAK;AAAQ;AAElB,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,gBAAgB,0BAA0B;AAC7C,gBAAQ,QAAQ,QAAQ,UAAU;AAAA,UAChC,KAAK,gBAAgB;AAAA,UACrB,KAAK,gBAAgB;AACnB,iBAAK,OAAO,gBAAgB;AAAA,QAChC;AACA;AAAA,MACF;AAAA,MAEA,KAAK,gBAAgB,OAAO;AAC1B,aAAK,OAAO,kBAAkB;AAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,eAAe,QAAgB;AAC7B,SAAK,SAAS;AAEd,SAAK,YAAY;AAAA,MACf,MAAM,gBAAgB;AAAA,MACtB,OAAO,iBAAiB,OAAO,UAAU,OAAO,SAAS;AAAA,IAC3D,CAAC;AAED,UAAM,YAAY,OAAO;AACzB,SAAK,OAAO,WAAW,aAAW;AAChC,gBAAU,OAAO;AAKjB,UAAI,SAAS,aAAa,MAAM;AAC9B,aAAK,YAAY;AAAA,UACf,MAAM,gBAAgB;AAAA,UACtB,OAAO,iBAAiB,OAAO,UAAU,OAAO,SAAS;AAAA,QAC3D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,SAAK,YAAY,EAAE,MAAM,gBAAgB,MAAM,CAAC;AAAA,EAClD;AAAA,EAEA,OAAO;AACL,SAAK,YAAY,EAAE,MAAM,gBAAgB,KAAK,CAAC;AAAA,EACjD;AAAA,EAEA,OAAO;AACL,SAAK,YAAY,EAAE,MAAM,gBAAgB,KAAK,CAAC;AAAA,EACjD;AAAA,EAEA,OAAO;AACL,SAAK,YAAY,EAAE,MAAM,gBAAgB,KAAK,CAAC;AAAA,EACjD;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,YAAY;AAAA,MACf,MAAM,gBAAgB;AAAA,MACtB,SAAS,EAAE,SAAS;AAAA,IACtB,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/esm/controls/rich-text/index.js

@@ -1,5 +1,2 @@
-export * from "./copy";
-export * from "./dto-types";
 export * from "./rich-text";
-export * from "./dto";
 //# sourceMappingURL=index.js.map

package/dist/esm/controls/rich-text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/controls/rich-text/index.ts"],"sourcesContent":["export * from './copy'\nexport * from './dto-types'\nexport * from './rich-text'\nexport * from './dto'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/controls/rich-text/index.ts"],"sourcesContent":["export * from './rich-text'\n"],"mappings":"AAAA,cAAc;","names":[]}