@makeswift/runtime 0.0.21 → 0.1.0

package/dist/Form.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.es.js","sources":["../src/components/hooks/useTable.ts","../src/components/icons/check-12.svg","../src/components/builtin/Form/components/Field/services/cssField.ts","../src/components/builtin/Form/components/Field/components/Input/index.tsx","../src/components/builtin/Form/components/Placeholder/index.tsx","../src/components/builtin/Form/components/Field/components/Label/index.tsx","../src/components/builtin/Form/components/Field/components/SingleLineTextTableField/index.tsx","../src/components/builtin/Form/components/Field/components/TextArea/index.tsx","../src/components/builtin/Form/components/Field/components/LongTextTableField/index.tsx","../src/components/builtin/Form/components/Field/components/Checkbox/index.tsx","../src/components/builtin/Form/components/Field/components/CheckboxTableField/index.tsx","../src/components/builtin/Form/components/Field/components/MultipleSelectTableField/index.tsx","../src/components/builtin/Form/components/Field/components/RadioButton/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/components/TableColumnRadioButtonGroup/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/components/TableColumnSingleSelect/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/index.tsx","../src/components/builtin/Form/components/Field/components/PhoneNumberTableField/index.tsx","../src/components/builtin/Form/components/Field/components/EmailTableField/index.tsx","../src/components/builtin/Form/components/Field/components/URLTableField/index.tsx","../src/components/builtin/Form/components/Field/components/NumberTableField/index.tsx","../src/components/builtin/Form/components/Field/components/PlaceholderTableField/index.tsx","../src/components/builtin/Form/components/Field/index.tsx","../src/components/icons/spinner-20.svg","../src/components/builtin/Form/components/Spinner/index.tsx","../src/components/hooks/useTableFormFieldRefs.ts","../src/components/builtin/Form/Form.tsx"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { TABLE_BY_ID } from '../utils/queries'\n\nexport type SingleLineTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'SingleLineTextTableColumn'\n}\n\nexport type LongTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'LongTextTableColumn'\n}\n\nexport type CheckboxTableColumn = {\n  id: string\n  name: string\n  __typename: 'CheckboxTableColumn'\n}\n\nexport type MultipleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type MultipleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<MultipleSelectTableColumnOption>\n  __typename: 'MultipleSelectTableColumn'\n}\n\nexport type SingleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type SingleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<SingleSelectTableColumnOption>\n  __typename: 'SingleSelectTableColumn'\n}\n\nexport type PhoneNumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'PhoneNumberTableColumn'\n}\n\nexport type EmailTableColumn = {\n  id: string\n  name: string\n  __typename: 'EmailTableColumn'\n}\n\nexport type URLTableColumn = {\n  id: string\n  name: string\n  __typename: 'URLTableColumn'\n}\n\nexport type NumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'NumberTableColumn'\n}\n\nexport type TableColumn =\n  | SingleLineTextTableColumn\n  | LongTextTableColumn\n  | CheckboxTableColumn\n  | MultipleSelectTableColumn\n  | SingleSelectTableColumn\n  | PhoneNumberTableColumn\n  | EmailTableColumn\n  | URLTableColumn\n  | NumberTableColumn\n\ntype Table = {\n  id: string\n  name: string\n  columns: Array<TableColumn>\n}\n\nexport function useTable(tableId: string | null | undefined) {\n  return useQuery<{ table: Table | null }>(TABLE_BY_ID, {\n    skip: tableId == null,\n    variables: { id: tableId },\n  })\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43MDcxIDEuNzkyODlDMTIuMDk3NiAyLjE4MzQyIDEyLjA5NzYgMi44MTY1OCAxMS43MDcxIDMuMjA3MTFMNC43MDcxMSAxMC4yMDcxQzQuMzE2NTggMTAuNTk3NiAzLjY4MzQyIDEwLjU5NzYgMy4yOTI4OSAxMC4yMDcxTDAuMjkyODkzIDcuMjA3MTFDLTAuMDk3NjMxMSA2LjgxNjU4IC0wLjA5NzYzMTEgNi4xODM0MiAwLjI5Mjg5MyA1Ljc5Mjg5QzAuNjgzNDE3IDUuNDAyMzcgMS4zMTY1OCA1LjQwMjM3IDEuNzA3MTEgNS43OTI4OUw0IDguMDg1NzlMMTAuMjkyOSAxLjc5Mjg5QzEwLjY4MzQgMS40MDIzNyAxMS4zMTY2IDEuNDAyMzcgMTEuNzA3MSAxLjc5Mjg5WiIvPgo8L3N2Zz4K\"","import { css } from 'styled-components'\n\nimport { cssMediaRules } from '../../../../../utils/cssMediaRules'\nimport { colorToString } from '../../../../../utils/colorToString'\n\nimport {\n  Size,\n  Shape,\n  Contrast,\n  Shapes,\n  Sizes,\n  Contrasts,\n  Value,\n} from '../../../context/FormContext'\n\nexport function getSizeHeight(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 30\n\n    case Sizes.MEDIUM:\n      return 38\n\n    case Sizes.LARGE:\n      return 48\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nexport function getSizeHorizontalPadding(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 8\n\n    case Sizes.MEDIUM:\n      return 12\n\n    case Sizes.LARGE:\n      return 16\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nfunction getSizeVerticalPadding(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 3\n\n    case Sizes.MEDIUM:\n      return 7\n\n    case Sizes.LARGE:\n      return 11\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nexport function getShapeBorderRadius(shape: Shape): number {\n  switch (shape) {\n    case Shapes.SQUARE:\n      return 0\n\n    case Shapes.ROUNDED:\n      return 4\n\n    case Shapes.PILL:\n      return 500\n\n    default:\n      throw new Error(`Invalid form shape \"${shape}\"`)\n  }\n}\n\nexport function getContrastBorderColor(contrast: Contrast, error?: boolean): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.25)'\n\n    case Contrasts.DARK:\n      return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.6)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport function getContrastBackgroundColor(contrast: Contrast): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'white'\n\n    case Contrasts.DARK:\n      return 'rgba(0, 0, 0, 0.7)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport function getContrastColor(contrast: Contrast): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'rgba(0, 0, 0, 0.95)'\n\n    case Contrasts.DARK:\n      return 'white'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nfunction getContrastPlaceholderColor(contrast: Contrast) {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'rgba(0, 0, 0, 0.3)'\n\n    case Contrasts.DARK:\n      return 'rgba(255,255,255,0.3)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport default function cssField() {\n  return css<Pick<Value, 'shape' | 'size' | 'contrast' | 'brandColor'> & { error?: boolean }>`\n    display: block;\n    width: 100%;\n    outline: none;\n    border-width: 1px;\n    border-style: solid;\n    transition: border-color 200ms;\n    ${props =>\n      cssMediaRules(\n        [props.shape, props.size, props.contrast, props.brandColor] as const,\n        ([\n          shape = Shapes.ROUNDED,\n          size = Sizes.MEDIUM,\n          contrast = Contrasts.LIGHT,\n          brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n        ]) => css`\n          padding: ${getSizeVerticalPadding(size)}px ${getSizeHorizontalPadding(size)}px;\n          border-radius: ${getShapeBorderRadius(shape)}px;\n          border-color: ${getContrastBorderColor(contrast, props.error)};\n          color: ${getContrastColor(contrast)};\n          background-color: ${getContrastBackgroundColor(contrast)};\n\n          :focus,\n          :focus-within {\n            border-color: ${colorToString(brandColor)};\n          }\n\n          ::placeholder {\n            color: ${getContrastPlaceholderColor(contrast)};\n          }\n        `,\n      )}\n  `\n}\n","import { ComponentPropsWithoutRef, forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\nimport { Size, useFormContext, Sizes, Value } from '../../../../context/FormContext'\nimport cssField from '../../services/cssField'\n\nexport function getSizeHeight(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 36\n\n    case Sizes.MEDIUM:\n      return 42\n\n    case Sizes.LARGE:\n      return 48\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nconst Base = styled.input.withConfig({\n  shouldForwardProp: (prop, defaultValidator) =>\n    !['shape', 'size', 'contrast', 'brandColor', 'error'].includes(prop.toString()) &&\n    defaultValidator(prop),\n})<Pick<Value, 'shape' | 'size' | 'contrast' | 'brandColor'> & { error?: boolean }>`\n  ${cssField()}\n  ${props =>\n    cssMediaRules(\n      [props.size] as const,\n      ([size = Sizes.MEDIUM]) => css`\n        min-height: ${getSizeHeight(size)}px;\n        max-height: ${getSizeHeight(size)}px;\n      `,\n    )}\n`\n\ntype BaseProps = { error?: boolean; form?: unknown }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof Base>, keyof BaseProps>\n\nexport default forwardRef<HTMLInputElement, Props>(function Input(\n  { error = false, form, ...restOfProps }: Props,\n  ref,\n) {\n  const { shape, size, contrast, brandColor } = useFormContext()\n\n  return (\n    <Base\n      {...restOfProps}\n      ref={ref}\n      error={error}\n      shape={shape}\n      // @ts-expect-error: HTMLInputEleent `size` attribute conflicts with prop\n      size={size}\n      contrast={contrast}\n      brandColor={brandColor}\n    />\n  )\n})\n","import { forwardRef, Ref } from 'react'\nimport styled from 'styled-components'\n\nimport { MarginValue, WidthValue } from '../../../../../prop-controllers/descriptors'\nimport { cssMargin } from '../../../../utils/cssMediaRules'\n\nconst Container = styled.div.withConfig({\n  shouldForwardProp: prop => !['width', 'margin'].includes(prop.toString()),\n})<{\n  width?: WidthValue\n  margin?: MarginValue\n}>`\n  display: flex;\n  flex-direction: column;\n  ${cssMargin()};\n`\n\nconst Label = styled.div`\n  max-width: 120px;\n  min-width: 60px;\n  height: 8px;\n  border-radius: 2px;\n  background-color: #a1a8c2;\n  opacity: 0.4;\n  margin-bottom: 8px;\n`\n\nconst Input = styled.div`\n  min-width: 80px;\n  height: 32px;\n  border-radius: 4px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: #a1a8c2;\n  opacity: 0.4;\n`\n\nconst Button = styled.div`\n  min-width: 140px;\n  height: 32px;\n  border-radius: 4px;\n  background-color: #a1a8c2;\n  opacity: 0.4;\n`\n\ntype Props = {\n  className?: string\n  margin?: MarginValue\n}\n\nexport default forwardRef(function Placeholder(\n  { className, margin }: Props,\n  ref: Ref<HTMLDivElement>,\n): JSX.Element {\n  return (\n    <Container ref={ref} className={className} margin={margin}>\n      <div style={{ display: 'flex', flexDirection: 'column', marginBottom: 16 }}>\n        <Label />\n        <Input />\n      </div>\n      <div style={{ display: 'flex', flexDirection: 'column', marginBottom: 16 }}>\n        <Label />\n        <Input />\n      </div>\n      <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' }}>\n        <Button />\n      </div>\n    </Container>\n  )\n})\n","import { ComponentPropsWithoutRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport { ResponsiveValue } from '../../../../../../../prop-controllers'\nimport { TextStyleValue } from '../../../../../../../prop-controllers/descriptors'\nimport { cssMediaRules, cssTextStyle } from '../../../../../../utils/cssMediaRules'\nimport { colorToString } from '../../../../../../utils/colorToString'\n\nimport { useFormContext, Size, Sizes, Contrast, Contrasts } from '../../../../context/FormContext'\nimport { ColorValue } from '../../../../../../utils/types'\n\nexport function getSizeHeight(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 14\n\n    case Sizes.MEDIUM:\n      return 18\n\n    case Sizes.LARGE:\n      return 22\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nfunction getContrastColor(contrast: Contrast): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'rgba(0, 0, 0, 0.8)'\n\n    case Contrasts.DARK:\n      return 'rgba(255, 255, 255, 0.95)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nconst Base = styled.label.withConfig({\n  shouldForwardProp: (prop, defaultValidator) =>\n    !['contrast', 'size', 'textStyle', 'textColor'].includes(prop.toString()) &&\n    defaultValidator(prop),\n})<{\n  contrast?: ResponsiveValue<Contrast> | null | undefined\n  size?: ResponsiveValue<Size> | null | undefined\n  textStyle?: TextStyleValue | null | undefined\n  textColor?: ResponsiveValue<ColorValue> | null | undefined\n}>`\n  display: block;\n  margin: 0 0 0.25em 0;\n  ${cssTextStyle()}\n  ${props =>\n    cssMediaRules(\n      [props.size, props.contrast, props.textColor] as const,\n      ([size = Sizes.MEDIUM, contrast = Contrasts.LIGHT, textColor]) => css`\n        min-height: ${getSizeHeight(size)}px;\n        color: ${textColor == null ? getContrastColor(contrast) : colorToString(textColor)};\n      `,\n    )}\n`\n\ntype Props = ComponentPropsWithoutRef<typeof Base>\n\nexport default function Label(props: Props): JSX.Element {\n  const { contrast, size, labelTextStyle, labelTextColor } = useFormContext()\n\n  return (\n    <Base\n      {...props}\n      contrast={contrast}\n      size={size}\n      textStyle={labelTextStyle}\n      textColor={labelTextColor}\n    />\n  )\n}\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n  id: string\n  label?: string\n  name: string\n  error?: string\n  hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function SingleLineTextTableField(\n  { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Input\n        {...restOfProps}\n        aria-label={label}\n        ref={ref}\n        id={id}\n        name={name}\n        type=\"text\"\n        error={error != null}\n      />\n    </>\n  )\n})\n","import { forwardRef, ComponentPropsWithoutRef } from 'react'\nimport styled from 'styled-components'\n\nimport cssField from '../../services/cssField'\nimport { Value, useFormContext } from '../../../../context/FormContext'\n\nconst Base = styled.textarea.withConfig({\n  shouldForwardProp: (prop, defaultValidator) =>\n    !['error', 'shape', 'size', 'contrast', 'brandColor'].includes(prop.toString()) &&\n    defaultValidator(prop),\n})<Value & { error?: boolean }>`\n  resize: vertical;\n  ${cssField()}\n`\n\ntype BaseProps = { error?: boolean; form?: unknown }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof Base>, keyof BaseProps>\n\nexport default forwardRef<HTMLTextAreaElement, Props>(function TextArea(\n  { error = false, form, ...restOfProps }: Props,\n  ref,\n) {\n  const { shape, size, contrast, brandColor } = useFormContext()\n\n  return (\n    <Base\n      {...restOfProps}\n      ref={ref}\n      rows={4}\n      error={error}\n      shape={shape}\n      size={size}\n      contrast={contrast}\n      brandColor={brandColor}\n    />\n  )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport TextArea from '../TextArea'\n\ntype Props = {\n  id: string\n  label?: string\n  error?: string\n  hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLTextAreaElement, Props>(function LongTextTableField(\n  { id, label = '', error, hideLabel = false, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <TextArea {...restOfProps} aria-label={label} ref={ref} id={id} error={error != null} />\n    </>\n  )\n})\n","import { forwardRef, CSSProperties, ComponentPropsWithoutRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport Color from 'color'\n\nimport { getSizeHeight as getSize } from '../Label'\nimport {\n  useFormContext,\n  Value as FormContextValue,\n  Sizes,\n  Contrasts,\n} from '../../../../context/FormContext'\nimport { getContrastBorderColor, getContrastBackgroundColor } from '../../services/cssField'\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { SwatchValue } from '../../../../../../utils/types'\n\nfunction getCheckmarkColor({\n  swatch: { hue: h, saturation: s, lightness: l },\n  alpha: a,\n}: {\n  swatch: SwatchValue\n  alpha: number\n}) {\n  return Color({ h, s, l }).alpha(a).isLight() ? 'rgba(0, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.95)'\n}\n\nconst Container = styled.div.withConfig({\n  shouldForwardProp: prop => !['size'].includes(prop),\n})<Pick<FormContextValue, 'size'>>`\n  position: relative;\n  ${props =>\n    cssMediaRules(\n      [props.size] as const,\n      ([size = Sizes.MEDIUM]) => css`\n        height: ${getSize(size)}px;\n        width: ${getSize(size)}px;\n      `,\n    )}\n`\n\nconst FakeCheckbox = styled.div.withConfig({\n  shouldForwardProp: prop => !['contrast', 'error'].includes(prop),\n})<Pick<FormContextValue, 'contrast'> & { error?: boolean }>`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-style: solid;\n  border-radius: 4px;\n  pointer-events: none;\n  border-width: 1px;\n  ${props =>\n    cssMediaRules(\n      [props.contrast] as const,\n      ([contrast = Contrasts.LIGHT]) => css`\n        border-color: ${getContrastBorderColor(contrast, props.error)};\n        background-color: ${getContrastBackgroundColor(contrast)};\n      `,\n    )}\n`\n\nconst HiddenCheckbox = styled.input.withConfig({\n  shouldForwardProp: (prop, defaultValidator) =>\n    !['size', 'brandColor', 'contrast', 'error'].includes(prop) && defaultValidator(prop),\n})<\n  Pick<FormContextValue, 'size' | 'brandColor' | 'contrast'> & {\n    error?: boolean\n  }\n>`\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: no-drop;\n\n    & ~ ${FakeCheckbox} {\n      opacity: 0.5;\n    }\n  }\n\n  &:checked ~ ${FakeCheckbox} {\n    ${props =>\n      cssMediaRules(\n        [props.brandColor] as const,\n        ([{ swatch = { hue: 0, saturation: 0, lightness: 0 }, alpha = 1 } = {}]) => css`\n          background-color: ${colorToString({ swatch, alpha })};\n        `,\n      )}\n    border-color: transparent;\n\n    &::after {\n      content: '';\n      position: absolute;\n      box-sizing: content-box;\n      width: 25%;\n      height: 50%;\n      ${props =>\n        cssMediaRules(\n          [props.size] as const,\n          ([size = Sizes.MEDIUM]) => css`\n            border-width: ${getSize(size) * 0.1}px;\n            border-left: 0;\n            border-top: 0;\n          `,\n        )}\n      border-style: solid;\n      ${props =>\n        cssMediaRules(\n          [props.brandColor] as const,\n          ([{ swatch = { hue: 0, saturation: 0, lightness: 0 }, alpha = 1 } = {}]) => css`\n            border-color: ${getCheckmarkColor({ swatch, alpha })};\n          `,\n        )}\n      transform: rotate(45deg) translate3d(91%, -23%, 0);\n    }\n  }\n\n  &:not(:disabled) {\n    &:focus ~ ${FakeCheckbox} {\n      ${props =>\n        cssMediaRules(\n          [props.brandColor],\n          ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => css`\n            border-color: ${colorToString(brandColor)};\n          `,\n        )}\n    }\n  }\n\n  &:not(:disabled):checked {\n    &:focus ~ ${FakeCheckbox} {\n      ${props =>\n        cssMediaRules(\n          [props.contrast],\n          ([contrast = Contrasts.LIGHT]) => css`\n            border-color: ${getContrastBorderColor(contrast, props.error)};\n          `,\n        )}\n    }\n  }\n`\n\ntype BaseProps = {\n  error?: boolean\n  className?: string\n  style?: CSSProperties\n  form?: unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof HiddenCheckbox>, keyof BaseProps>\n\nexport default forwardRef<HTMLInputElement, Props>(function Checkbox(\n  { error, className, style, form, ...restOfProps }: Props,\n  ref,\n) {\n  const { size, contrast, brandColor } = useFormContext()\n\n  return (\n    <Container size={size}>\n      <HiddenCheckbox\n        {...restOfProps}\n        type=\"checkbox\"\n        ref={ref}\n        error={error}\n        // @ts-expect-error: HTMLInputElement `size` attribute conflicts with prop\n        size={size}\n        contrast={contrast}\n        brandColor={brandColor}\n      />\n      <FakeCheckbox className={className} error={error} contrast={contrast} style={style} />\n    </Container>\n  )\n})\n","import { forwardRef, SyntheticEvent } from 'react'\nimport styled, { css } from 'styled-components'\nimport { FormikProps } from 'formik'\n\nimport { useFormContext, Sizes, Value } from '../../../../context/FormContext'\nimport Label from '../Label'\nimport { getSizeHeight as getInputSizeHeight } from '../Input'\nimport Checkbox from '../Checkbox'\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\n\nconst StyledLabel = styled(Label)<Pick<Value, 'size'>>`\n  display: flex;\n  align-items: center;\n  margin: 0;\n  ${props =>\n    cssMediaRules(\n      [props.size] as const,\n      ([size = Sizes.MEDIUM]) => css`\n        min-height: ${getInputSizeHeight(size)}px;\n        max-height: ${getInputSizeHeight(size)}px;\n      `,\n    )}\n`\n\nconst CheckboxContainer = styled.span`\n  margin-right: 8px;\n`\n\ntype Props = {\n  form: FormikProps<{\n    [key: string]: boolean\n  }>\n  id: string\n  label?: string\n  name: string\n  value?: boolean\n  error?: string\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function CheckboxTableField(\n  { form, id, name, label = '', value = false, error, ...restOfProps }: Props,\n  ref,\n) {\n  const { size } = useFormContext()\n\n  function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n    form.setFieldValue(name, event.currentTarget.checked)\n  }\n\n  return (\n    <StyledLabel htmlFor={id} size={size}>\n      <CheckboxContainer>\n        <Checkbox\n          {...restOfProps}\n          aria-label={label}\n          checked={value}\n          onChange={handleChange}\n          ref={ref}\n          id={id}\n          error={error != null}\n        />\n      </CheckboxContainer>\n      {label}\n    </StyledLabel>\n  )\n})\n","import { forwardRef, useRef, useImperativeHandle, SyntheticEvent } from 'react'\nimport styled from 'styled-components'\n\nimport Label from '../Label'\nimport Checkbox from '../Checkbox'\n\nconst MainLabel = styled(Label)`\n  margin: 0 0 4px 0;\n`\n\nconst StyledLabel = styled(Label)`\n  display: flex;\n  align-items: center;\n  margin: 8px 0;\n\n  &:last-of-type {\n    margin-bottom: 0;\n  }\n`\n\nconst CheckboxContainer = styled.span`\n  margin-right: 8px;\n`\n\ntype Props = {\n  id: string\n  tableColumn: {\n    options: Array<{\n      id: string\n      name: string\n    }>\n  }\n  value?: Array<string>\n  label?: string\n  onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n  required?: boolean\n  hideLabel?: boolean\n}\n\nexport default forwardRef<\n  {\n    validity: {\n      valueMissing: boolean\n      typeMismatch: boolean\n    }\n  },\n  Props\n>(function MultipleSelectTableField(\n  {\n    tableColumn,\n    label = '',\n    required,\n    value = [],\n    onChange,\n    hideLabel = false,\n    ...restOfProps\n  }: Props,\n  ref,\n) {\n  const handle = useRef({\n    validity: { valueMissing: required === true && value.length === 0, typeMismatch: false },\n  })\n\n  useImperativeHandle(ref, () => handle.current, [])\n\n  function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n    handle.current.validity.valueMissing =\n      required === true &&\n      !event.currentTarget.checked &&\n      value.filter(v => v !== event.currentTarget.value).length === 0\n\n    onChange(event)\n  }\n\n  return (\n    <div>\n      {!hideLabel && <MainLabel>{label}</MainLabel>}\n      {tableColumn.options.map(option => (\n        <StyledLabel key={option.id} htmlFor={option.id}>\n          <CheckboxContainer>\n            <Checkbox\n              {...restOfProps}\n              aria-label={label}\n              onChange={handleChange}\n              checked={value.includes(option.name)}\n              id={option.id}\n              value={option.name}\n            />\n          </CheckboxContainer>\n          {option.name}\n        </StyledLabel>\n      ))}\n    </div>\n  )\n})\n","import { forwardRef, CSSProperties, ComponentPropsWithoutRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport Color from 'color'\n\nimport { getSizeHeight as getSize } from '../Label'\nimport { useFormContext, Sizes, Contrasts, Value } from '../../../../context/FormContext'\nimport { getContrastBorderColor, getContrastBackgroundColor } from '../../services/cssField'\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { ColorValue } from '../../../../../../utils/types'\n\nfunction getCheckmarkColor({\n  swatch: { hue: h, saturation: s, lightness: l } = { hue: 0, saturation: 0, lightness: 0 },\n  alpha: a,\n}: ColorValue) {\n  return Color({ h, s, l }).alpha(a).isLight() ? 'rgba(0, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.95)'\n}\n\nconst Container = styled.div.withConfig({\n  shouldForwardProp: prop => !['size'].includes(prop.toString()),\n})<Pick<Value, 'size'>>`\n  position: relative;\n  ${props =>\n    cssMediaRules(\n      [props.size],\n      ([size = Sizes.MEDIUM]) => css`\n        height: ${getSize(size)}px;\n        width: ${getSize(size)}px;\n      `,\n    )}\n`\n\nconst FakeRadioButton = styled.div.withConfig({\n  shouldForwardProp: prop => !['contrast', 'error'].includes(prop.toString()),\n})<Pick<Value, 'contrast'> & { error?: boolean }>`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-style: solid;\n  border-radius: 50%;\n  pointer-events: none;\n  border-width: 1px;\n  ${props =>\n    cssMediaRules(\n      [props.contrast],\n      ([contrast = Contrasts.LIGHT]) => css`\n        border-color: ${getContrastBorderColor(contrast, props.error)};\n        background-color: ${getContrastBackgroundColor(contrast)};\n      `,\n    )}\n`\n\nconst HiddenRadioButton = styled.input\n  .withConfig({\n    shouldForwardProp: prop => !['brandColor', 'contrast', 'error'].includes(prop.toString()),\n  })\n  .attrs({ type: 'radio' })<Pick<Value, 'brandColor' | 'contrast'> & { error?: boolean }>`\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: no-drop;\n\n    & ~ ${FakeRadioButton} {\n      opacity: 0.5;\n    }\n  }\n\n  &:checked ~ ${FakeRadioButton} {\n    ${props =>\n      cssMediaRules(\n        [props.brandColor] as const,\n        ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => css`\n          background-color: ${colorToString(brandColor)};\n        `,\n      )}\n    border-color: transparent;\n\n    &::after {\n      content: '';\n      position: absolute;\n      box-sizing: content-box;\n      top: 50%;\n      left: 50%;\n      width: 50%;\n      height: 50%;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      ${props =>\n        cssMediaRules(\n          [props.brandColor] as const,\n          ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => css`\n            background-color: ${getCheckmarkColor(brandColor)};\n          `,\n        )}\n    }\n  }\n\n  &:not(:disabled) {\n    &:focus ~ ${FakeRadioButton} {\n      ${props =>\n        cssMediaRules(\n          [props.brandColor] as const,\n          ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => css`\n            border-color: ${colorToString(brandColor)};\n          `,\n        )}\n    }\n  }\n\n  &:not(:disabled):checked {\n    &:focus ~ ${FakeRadioButton} {\n      ${props =>\n        cssMediaRules(\n          [props.contrast] as const,\n          ([contrast = Contrasts.LIGHT]) => css`\n            border-color: ${getContrastBorderColor(contrast, props.error)};\n          `,\n        )}\n    }\n  }\n`\n\ntype BaseProps = {\n  error?: boolean\n  className?: string\n  style?: CSSProperties\n  form?: unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof HiddenRadioButton>, keyof BaseProps>\n\nexport default forwardRef<HTMLInputElement, Props>(function RadioButton(\n  { error, className, style, form, ...restOfProps }: Props,\n  ref,\n) {\n  const { size, contrast, brandColor } = useFormContext()\n\n  return (\n    <Container size={size}>\n      <HiddenRadioButton\n        {...restOfProps}\n        ref={ref}\n        error={error}\n        contrast={contrast}\n        brandColor={brandColor}\n      />\n      <FakeRadioButton className={className} error={error} contrast={contrast} style={style} />\n    </Container>\n  )\n})\n","import { forwardRef, useRef, useImperativeHandle, SyntheticEvent } from 'react'\nimport styled from 'styled-components'\n\nimport Label from '../../../Label'\nimport RadioButton from '../../../RadioButton'\n\nconst StyledLabel = styled(Label)`\n  display: flex;\n  align-items: center;\n  margin: 8px 0;\n\n  &:last-of-type {\n    margin-bottom: 0;\n  }\n`\n\nconst RadioButtonContainer = styled.span`\n  margin-right: 8px;\n`\n\ntype Props = {\n  id: string\n  tableColumn: {\n    options: Array<{\n      id: string\n      name: string\n    }>\n  }\n  label?: string\n  value?: string\n  hideLabel?: boolean\n  onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n  required?: boolean\n}\n\nexport default forwardRef<\n  {\n    validity: {\n      valueMissing: boolean\n      typeMismatch: boolean\n    }\n  },\n  Props\n>(function TableColumnRadioButtonGroup(\n  {\n    tableColumn,\n    label = '',\n    value = '',\n    required = false,\n    hideLabel = false,\n    onChange,\n    ...restOfProps\n  }: Props,\n  ref,\n) {\n  const handle = useRef({\n    validity: { valueMissing: required === true && value === '', typeMismatch: false },\n  })\n\n  useImperativeHandle(ref, () => handle.current, [])\n\n  function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n    handle.current.validity.valueMissing = required === true && !event.currentTarget.checked\n\n    onChange(event)\n  }\n\n  return (\n    <div>\n      {!hideLabel && <Label as=\"p\">{label}</Label>}\n      {tableColumn.options.map(option => (\n        <StyledLabel key={option.id} htmlFor={option.id} aria-label={label}>\n          <RadioButtonContainer>\n            <RadioButton\n              {...restOfProps}\n              onChange={handleChange}\n              checked={value === option.name}\n              id={option.id}\n              value={option.name}\n            />\n          </RadioButtonContainer>\n          {option.name}\n        </StyledLabel>\n      ))}\n    </div>\n  )\n})\n","import { forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { cssMediaRules } from '../../../../../../../../utils/cssMediaRules'\nimport { useFormContext, Sizes, Contrasts, Value } from '../../../../../../context/FormContext'\nimport cssField, {\n  getSizeHeight,\n  getSizeHorizontalPadding,\n  getContrastColor,\n} from '../../../../services/cssField'\nimport Label from '../../../Label'\n\nconst Container = styled.div.withConfig({\n  shouldForwardProp: prop =>\n    !['error', 'shape', 'size', 'contrast', 'brandColor'].includes(prop.toString()),\n})<Value & { error?: boolean }>`\n  ${cssField()}\n  display: flex;\n  align-items: center;\n  position: relative;\n  user-select: none;\n  border-color: #f19eb9;\n\n  &:focus,\n  &:focus-within {\n    border-color: #e54e7f;\n  }\n\n  ${props =>\n    cssMediaRules(\n      [props.size, props.contrast] as const,\n      ([size = Sizes.MEDIUM, contrast = Contrasts.LIGHT]) => css`\n        min-height: ${getSizeHeight(size)}px;\n        max-height: ${getSizeHeight(size)}px;\n\n        &::after {\n          content: '';\n          position: absolute;\n          right: ${getSizeHorizontalPadding(size)}px;\n          top: 50%;\n          transform: translate3d(0, -25%, 0);\n          border: solid 0.35em transparent;\n          border-top-color: ${getContrastColor(contrast)};\n        }\n      `,\n    )}\n`\n\nconst Select = styled.select`\n  appearance: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n`\n\ntype Props = {\n  id: string\n  tableColumn: {\n    options: Array<{\n      id: string\n      name: string\n    }>\n  }\n  value?: string\n  label?: string\n  required?: boolean\n  error?: boolean\n  hideLabel?: boolean\n  form?: unknown\n}\n\nexport default forwardRef<HTMLSelectElement, Props>(function TableColumnSingleSelect(\n  {\n    id,\n    tableColumn,\n    value = '',\n    label = '',\n    error = false,\n    hideLabel = false,\n    form,\n    ...restOfProps\n  }: Props,\n  ref,\n) {\n  const { shape, size, contrast, brandColor } = useFormContext()\n\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Container\n        error={error}\n        shape={shape}\n        size={size}\n        contrast={contrast}\n        brandColor={brandColor}\n      >\n        <span>{value === '' ? '-' : value}</span>\n        <Select {...restOfProps} aria-label={label} ref={ref} id={id} value={value}>\n          <option value=\"\">-</option>\n          {tableColumn.options.map(option => (\n            <option key={option.id} value={option.name}>\n              {option.name}\n            </option>\n          ))}\n        </Select>\n      </Container>\n    </>\n  )\n})\n","import { forwardRef, SyntheticEvent } from 'react'\n\nimport TableColumnRadioButtonGroup from './components/TableColumnRadioButtonGroup'\nimport TableColumnSingleSelect from './components/TableColumnSingleSelect'\n\ntype Props = {\n  id: string\n  name: string\n  tableColumn: {\n    options: Array<{\n      id: string\n      name: string\n    }>\n  }\n  label?: string\n  value?: string\n  onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n  required?: boolean\n  type: 'select' | 'radio'\n}\n\nexport default forwardRef<\n  {\n    readonly validity: {\n      readonly valueMissing: boolean\n      readonly typeMismatch: boolean\n    }\n  },\n  Props\n>(function SingleSelectTableField({ type, ...restOfProps }: Props, ref) {\n  return type === 'select' ? (\n    // @ts-expect-error: custom ref doesn't match select element\n    <TableColumnSingleSelect {...restOfProps} ref={ref} />\n  ) : (\n    <TableColumnRadioButtonGroup {...restOfProps} ref={ref} />\n  )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n  id: string\n  label?: string\n  name: string\n  error?: string\n  hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function PhoneNumberTableField(\n  { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Input\n        {...restOfProps}\n        aria-label={label}\n        ref={ref}\n        id={id}\n        name={name}\n        type=\"tel\"\n        error={error != null}\n      />\n    </>\n  )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n  id: string\n  label?: string\n  name: string\n  error?: string\n  hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function EmailTableField(\n  { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Input\n        {...restOfProps}\n        aria-label={label}\n        ref={ref}\n        id={id}\n        name={name}\n        type=\"email\"\n        error={error != null}\n      />\n    </>\n  )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n  id: string\n  label?: string\n  name: string\n  error?: string\n  hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function URLTableField(\n  { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Input\n        {...restOfProps}\n        aria-label={label}\n        ref={ref}\n        id={id}\n        name={name}\n        type=\"url\"\n        error={error != null}\n      />\n    </>\n  )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n  id: string\n  label?: string\n  name: string\n  error?: string\n  hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function NumberTableField(\n  { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n  ref,\n) {\n  return (\n    <>\n      {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n      <Input\n        {...restOfProps}\n        aria-label={label}\n        ref={ref}\n        id={id}\n        name={name}\n        type=\"number\"\n        error={error != null}\n      />\n    </>\n  )\n})\n","import styled, { css } from 'styled-components'\n\nimport { useFormContext, Sizes, Shapes, Value } from '../../../../context/FormContext'\nimport { getSizeHeight as getLabelSizeHeight } from '../Label'\nimport { getSizeHeight as getInputSizeHeight } from '../Input'\nimport { getShapeBorderRadius } from '../../services/cssField'\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\n\nconst Label = styled.div.withConfig({\n  shouldForwardProp: prop => !['size'].includes(prop.toString()),\n})<Pick<Value, 'size'>>`\n  display: block;\n  max-width: 120px;\n  min-width: 60px;\n  border-radius: 2px;\n  background-color: #5f49f4;\n  opacity: 0.4;\n  ${props =>\n    cssMediaRules(\n      [props.size] as const,\n      ([size = Sizes.MEDIUM]) => css`\n        margin: calc(0.25 * ${getLabelSizeHeight(size)}px + 2px) 0;\n        min-height: ${0.5 * getLabelSizeHeight(size)}px;\n        max-height: ${0.5 * getLabelSizeHeight(size)}px;\n      `,\n    )}\n`\n\nconst Input = styled.div.withConfig({\n  shouldForwardProp: prop => !['shape', 'size'].includes(prop.toString()),\n})<Pick<Value, 'shape' | 'size'>>`\n  display: block;\n  width: 100%;\n  border-width: 2px;\n  border-style: solid;\n  border-color: #5f49f4;\n  opacity: 0.4;\n  ${props =>\n    cssMediaRules(\n      [props.shape, props.size] as const,\n      ([shape = Shapes.ROUNDED, size = Sizes.MEDIUM]) => css`\n        min-height: ${getInputSizeHeight(size)}px;\n        max-height: ${getInputSizeHeight(size)}px;\n        border-radius: ${getShapeBorderRadius(shape)}px;\n      `,\n    )}\n`\n\nexport default function PlaceholderTableField(): JSX.Element {\n  const { size, shape } = useFormContext()\n\n  return (\n    <>\n      <Label size={size} />\n      <Input shape={shape} size={size} />\n    </>\n  )\n}\n","import { useRef } from 'react'\nimport { Field as FormikField, getIn } from 'formik'\n\nimport SingleLineTextTableField from './components/SingleLineTextTableField'\nimport LongTextTableField from './components/LongTextTableField'\nimport CheckboxTableField from './components/CheckboxTableField'\nimport MultipleSelectTableField from './components/MultipleSelectTableField'\nimport SingleSelectTableField from './components/SingleSelectTableField'\nimport PhoneNumberTableField from './components/PhoneNumberTableField'\nimport EmailTableField from './components/EmailTableField'\nimport URLTableField from './components/URLTableField'\nimport NumberTableField from './components/NumberTableField'\nimport PlaceholderTableField from './components/PlaceholderTableField'\nimport { TableColumn } from '../../../../hooks'\n\nfunction getTypeMismatchErrorMessage(tableColumn: TableColumn | null | undefined, label: string) {\n  switch ((tableColumn || {}).__typename) {\n    case 'PhoneNumberTableColumn':\n      return `${label} field must be a valid phone number.`\n\n    case 'EmailTableColumn':\n      return `${label} field must be a valid email.`\n\n    case 'URLTableColumn':\n      return `${label} field must be a valid URL.`\n\n    case 'NumberTableColumn':\n      return `${label} field must be a valid number.`\n\n    case 'SingleLineTextTableColumn':\n    case 'LongTextTableColumn':\n    case 'CheckboxTableColumn':\n    default:\n      return `${label} field is invalid.`\n  }\n}\n\nfunction getTableColumnField(tableColumn: TableColumn | null | undefined) {\n  switch ((tableColumn || {}).__typename) {\n    case 'SingleLineTextTableColumn':\n      return SingleLineTextTableField\n\n    case 'LongTextTableColumn':\n      return LongTextTableField\n\n    case 'CheckboxTableColumn':\n      return CheckboxTableField\n\n    case 'MultipleSelectTableColumn':\n      return MultipleSelectTableField\n\n    case 'SingleSelectTableColumn':\n      return SingleSelectTableField\n\n    case 'PhoneNumberTableColumn':\n      return PhoneNumberTableField\n\n    case 'EmailTableColumn':\n      return EmailTableField\n\n    case 'URLTableColumn':\n      return URLTableField\n\n    case 'NumberTableColumn':\n      return NumberTableField\n\n    default:\n      return SingleLineTextTableField\n  }\n}\n\ntype TableFormField = {\n  id: string\n  tableColumnId: string\n  label?: string\n  placeholder?: string\n  required?: boolean\n  hidden?: boolean\n  type?: 'select' | 'radio'\n  hideLabel?: boolean\n}\n\ntype Props = {\n  tableColumn: TableColumn | null | undefined\n  tableFormField: TableFormField\n}\n\nexport default function Field({\n  tableColumn,\n  tableFormField: {\n    id,\n    label = '',\n    placeholder,\n    required = false,\n    hidden = false,\n    type = 'radio',\n    hideLabel = false,\n  },\n}: Props): JSX.Element {\n  const TableColumnField = getTableColumnField(tableColumn)\n  const input = useRef<\n    | {\n        validity: {\n          valueMissing: boolean\n          typeMismatch: boolean\n        }\n      }\n    | null\n    | undefined\n  >(null)\n\n  if (!tableColumn) return <PlaceholderTableField />\n\n  function validate() {\n    let errorMessage\n\n    if (input.current) {\n      const { validity = {} as ValidityState } = input.current\n\n      if (validity.valueMissing) errorMessage = `${label} is required.`\n\n      if (validity.typeMismatch) errorMessage = getTypeMismatchErrorMessage(tableColumn, label)\n    }\n\n    return errorMessage\n  }\n\n  return (\n    <FormikField name={tableColumn.name} validate={validate}>\n      {({ field, form }: any) =>\n        hidden ? (\n          <input {...field} ref={input} type=\"hidden\" />\n        ) : (\n          <TableColumnField\n            {...field}\n            type={type}\n            form={form}\n            tableColumn={tableColumn}\n            ref={input}\n            id={id}\n            error={getIn(form.touched, field.name) && getIn(form.errors, field.name)}\n            label={label}\n            placeholder={placeholder}\n            required={required}\n            hideLabel={hideLabel}\n          />\n        )\n      }\n    </FormikField>\n  )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj4KICAgIDxjaXJjbGUgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGN4PSI5IiBjeT0iOSIgcj0iOSIgc3Ryb2tlLW9wYWNpdHk9Ii40Ii8+CiAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik05IDE4QTkgOSAwIDAgMCA5IDAiLz4KICA8L2c+Cjwvc3ZnPgo=\"","import styled, { keyframes } from 'styled-components'\n\nimport { ReactComponent as Spinner20 } from '../../../../icons/spinner-20.svg'\n\nconst spin = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst Icon = styled(Spinner20)`\n  display: inline-flex;\n  animation: ${spin} 1s linear infinite;\n  stroke: currentColor;\n`\n\nexport default function Spinner(): JSX.Element {\n  return <Icon />\n}\n","import { useState, useEffect, useMemo } from 'react'\nimport { getBox } from '../../box-model'\nimport { TableFormFieldsPropController } from '../../prop-controllers/instances'\nimport { useIsInBuilder } from '../../runtimes/react'\n\nexport function useTableFormFieldRefs(\n  propController: TableFormFieldsPropController | null | undefined,\n  { fieldsCount }: { fieldsCount: number },\n): {\n  container: (arg0: HTMLElement | null | undefined) => void\n  items: Array<(arg0: HTMLElement | null | undefined) => void>\n} {\n  const [container, setContainer] = useState<HTMLElement | null | undefined>(null)\n  const [items, setItems] = useState<Array<HTMLElement | null | undefined>>(\n    Array(fieldsCount + 1).fill(null),\n  )\n\n  const isInBuilder = useIsInBuilder()\n\n  useEffect(() => {\n    if (!isInBuilder) return\n\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      if (propController == null) return\n\n      if (container != null) propController.tableFormLayoutChange({ layout: getBox(container) })\n\n      items.map((item, index) => {\n        if (item == null) return\n\n        propController.tableFormFieldLayoutChange({ index, layout: getBox(item) })\n      })\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }, [propController, container, items, isInBuilder])\n\n  const itemRefs = useMemo(\n    () =>\n      Array.from({ length: fieldsCount + 1 }).map(\n        (_, index) => (item: HTMLElement | null | undefined) => {\n          setItems(is => [...is.slice(0, index), item, ...is.slice(index + 1)])\n        },\n      ),\n    [fieldsCount, setItems],\n  )\n\n  return { container: setContainer, items: itemRefs }\n}\n","import {\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  forwardRef,\n  ComponentPropsWithoutRef,\n  Ref,\n  useImperativeHandle,\n} from 'react'\nimport styled, { css } from 'styled-components'\nimport { Formik, getIn } from 'formik'\nimport { cx } from '@emotion/css'\n\nimport { ReactComponent as Check12 } from '../../icons/check-12.svg'\n\nimport { getSizeHeight as getInputSizeHeight } from './components/Field/components/Input'\n\nimport {\n  Size,\n  Sizes,\n  Provider as FormContextProvider,\n  Shape,\n  Contrast,\n  Alignment,\n  Alignments,\n} from './context/FormContext'\nimport Placeholder from './components/Placeholder'\nimport Field from './components/Field'\nimport Spinner from './components/Spinner'\nimport Button from '../Button'\nimport { TableColumn, useTable } from '../../hooks'\nimport { cssGridItem, cssMargin, cssMediaRules } from '../../utils/cssMediaRules'\nimport {\n  ElementIDValue,\n  GapYValue,\n  LinkValue,\n  MarginValue,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveLengthValue,\n  ResponsiveSelectValue,\n  TableFormFieldsDescriptor,\n  TableFormFieldsValue,\n  TableValue,\n  TextInputValue,\n  TextStyleValue,\n} from '../../../prop-controllers/descriptors'\nimport { Link } from '../../shared/Link'\nimport { BoxModelHandle, getBox } from '../../../box-model'\nimport { PropControllersHandle } from '../../../state/modules/prop-controller-handles'\nimport { DescriptorsPropControllers } from '../../../prop-controllers/instances'\nimport { useTableFormFieldRefs } from '../../hooks/useTableFormFieldRefs'\nimport { useMutation, gql } from '../../../api/react'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\n\nconst LOCAL_STORAGE_NAMESPACE = '@@makeswift/components/form'\n\nfunction getSizeFontSize(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 12\n\n    case Sizes.MEDIUM:\n      return 14\n\n    case Sizes.LARGE:\n      return 18\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\ntype Props = {\n  id?: ElementIDValue\n  tableId?: TableValue\n  fields?: TableFormFieldsValue\n  submitLink?: LinkValue\n  gap?: GapYValue\n  shape?: ResponsiveIconRadioGroupValue<Shape>\n  size?: ResponsiveIconRadioGroupValue<Size>\n  contrast?: ResponsiveIconRadioGroupValue<Contrast>\n  labelTextStyle?: TextStyleValue\n  labelTextColor?: ResponsiveColor | null\n  submitTextStyle?: TextStyleValue\n  brandColor?: ResponsiveColor | null\n  submitTextColor?: ResponsiveColor | null\n  submitLabel?: TextInputValue\n  submitVariant?: ResponsiveSelectValue<\n    'flat' | 'outline' | 'shadow' | 'clear' | 'blocky' | 'bubbly' | 'skewed'\n  >\n  submitWidth?: ResponsiveLengthValue\n  submitAlignment?: ResponsiveIconRadioGroupValue<Alignment>\n  width?: string\n  margin?: MarginValue\n}\n\nconst GridForm = styled.form.withConfig({\n  shouldForwardProp: prop => !['size', 'width', 'margin'].includes(prop),\n})<{\n  size: Props['size']\n  margin: Props['margin']\n}>`\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  ${props =>\n    cssMediaRules(\n      [props.size],\n      ([size = Sizes.MEDIUM]) => css`\n        font-size: ${getSizeFontSize(size)}px;\n      `,\n    )}\n  ${cssMargin()}\n`\n\nconst GridItem = styled.div.withConfig({\n  shouldForwardProp: prop => !['grid', 'index', 'rowGap', 'columnGap'].includes(prop),\n})`\n  align-self: flex-end;\n  flex-direction: column;\n  ${cssGridItem()}\n`\n\nfunction getAlignmentMargin(alignment: Alignment): string {\n  switch (alignment) {\n    case Alignments.LEFT:\n      return '0 auto 0 0'\n    case Alignments.RIGHT:\n      return '0 0 0 auto'\n    default:\n      return '0 auto'\n  }\n}\n\nconst StyledButton = styled((props: ComponentPropsWithoutRef<typeof Button>) => (\n  <Button {...props} as=\"button\" />\n)).withConfig({\n  shouldForwardProp: prop => !['alignment'].includes(prop.toString()),\n})<{\n  size: Props['size']\n  alignment: Props['submitAlignment']\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ${props =>\n    cssMediaRules(\n      [props.size, props.alignment] as const,\n      ([size = Sizes.MEDIUM, alignment = Alignments.CENTER]) => css`\n        min-height: ${getInputSizeHeight(size)}px;\n        max-height: ${getInputSizeHeight(size)}px;\n        margin: ${getAlignmentMargin(alignment)};\n        padding-top: 0;\n        padding-bottom: 0;\n      `,\n    )}\n`\n\nconst ErrorContainer = styled.div`\n  padding: 8px 16px;\n  background-color: #f19eb9;\n  border-radius: 4px;\n  margin-top: 16px;\n`\n\nconst IconContainer = styled.div`\n  fill: currentColor;\n`\n\nconst ErrorMessage = styled.p`\n  font-size: 12px;\n  margin: 8px 0;\n  color: rgba(127, 0, 0, 0.95);\n`\n\nfunction getTableColumnDefaultValue(tableColumn: TableColumn) {\n  switch (tableColumn.__typename) {\n    case 'CheckboxTableColumn':\n      return false\n\n    case 'MultipleSelectTableColumn':\n      return []\n\n    case 'SingleLineTextTableColumn':\n    case 'LongTextTableColumn':\n    case 'SingleSelectTableColumn':\n    case 'PhoneNumberTableColumn':\n    case 'EmailTableColumn':\n    case 'URLTableColumn':\n    case 'NumberTableColumn':\n    default:\n      return ''\n  }\n}\n\nconst CREATE_TABLE_RECORD = gql`\n  mutation CreateTableRecord($input: CreateTableRecordInput!) {\n    createTableRecord(input: $input) {\n      tableRecord {\n        id\n      }\n    }\n  }\n`\n\ntype Column = { columnId: string; data: Record<string, any> }\ntype Fields = Record<string, string | string[] | boolean>\n\ntype Descriptors = { fields?: TableFormFieldsDescriptor }\n\nconst Form = forwardRef(function Form(\n  {\n    id,\n    tableId,\n    fields: fieldsProp,\n    submitLabel = 'Submit',\n    submitLink,\n    shape,\n    size,\n    contrast,\n    brandColor,\n    gap,\n    width,\n    margin,\n    submitTextStyle,\n    submitVariant,\n    submitTextColor,\n    submitWidth,\n    submitAlignment,\n    labelTextStyle,\n    labelTextColor,\n  }: Props,\n  ref: Ref<BoxModelHandle & PropControllersHandle<Descriptors>>,\n) {\n  const fields = useMemo(() => fieldsProp?.fields ?? [], [fieldsProp])\n  const grid = useMemo(() => fieldsProp?.grid ?? [], [fieldsProp])\n  const { data: { table } = {} } = useTable(tableId)\n  const [createTableRecord] = useMutation(CREATE_TABLE_RECORD)\n  const [refEl, setRefEl] = useState<HTMLElement | null>(null)\n  const [propControllers, setPropControllers] =\n    useState<DescriptorsPropControllers<Descriptors> | null>(null)\n  const [initialValues, setInitialValues] = useState<Fields>(() =>\n    fields.reduce((acc, formField) => {\n      const tableColumn = table && table.columns.find(field => field.id === formField.tableColumnId)\n      const defaultValue = formField ? formField.defaultValue : null\n\n      if (tableColumn) {\n        acc[tableColumn.name] =\n          defaultValue == null ? getTableColumnDefaultValue(tableColumn) : defaultValue\n      }\n\n      return acc\n    }, {} as Fields),\n  )\n  const controller = propControllers?.fields\n  const { container, items } = useTableFormFieldRefs(controller, { fieldsCount: fields.length })\n  const [isDone, setIsDone] = useState(false)\n  const linkRef = useRef<HTMLAnchorElement>(null)\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getBoxModel() {\n        return refEl instanceof Element ? getBox(refEl) : null\n      },\n      setPropControllers,\n    }),\n    [refEl, setPropControllers],\n  )\n\n  useEffect(() => {\n    container(refEl)\n  }, [container, refEl])\n\n  useEffect(() => {\n    if (!isDone) return\n\n    let timeoutId = setTimeout(() => setIsDone(false), 2500)\n\n    return () => clearTimeout(timeoutId)\n  }, [isDone])\n\n  function getTableColumn({ tableColumnId }: any) {\n    return table && table.columns.find(field => tableColumnId === field.id)\n  }\n\n  async function handleSubmit(values: any, { setSubmitting, resetForm, setStatus }: any) {\n    if (table) {\n      const columns: Column[] = []\n\n      fields.forEach(field => {\n        const tableColumn = getTableColumn(field)\n\n        if (tableColumn) {\n          const data = values[tableColumn.name]\n\n          if (data) {\n            columns.push({ columnId: field.tableColumnId, data })\n\n            if (field.autofill) {\n              localStorage.setItem(\n                `${LOCAL_STORAGE_NAMESPACE}/${tableColumn.name}`,\n                JSON.stringify(data),\n              )\n            }\n          }\n        }\n      })\n\n      try {\n        await createTableRecord({\n          variables: { input: { data: { tableId: table.id, columns } } },\n        })\n        setIsDone(true)\n        setInitialValues(prev =>\n          fields.reduce(\n            (acc, field) => {\n              const tableColumn = getTableColumn(field)\n\n              if (tableColumn) {\n                const data = values[tableColumn.name]\n\n                if (data && field.autofill) return { ...acc, [tableColumn.name]: data }\n              }\n\n              return acc\n            },\n            { ...prev },\n          ),\n        )\n        resetForm()\n\n        if (linkRef.current != null) linkRef.current.click()\n      } catch (error) {\n        setStatus({ error: 'An unexpected error has occurred, please try again later' })\n      } finally {\n        setSubmitting(false)\n      }\n    }\n  }\n\n  useEffect(() => {\n    setInitialValues(prev =>\n      fields.reduce(\n        (acc, formField) => {\n          const tableColumn =\n            table && table.columns.find(field => field.id === formField.tableColumnId)\n\n          if (tableColumn && formField.autofill) {\n            const storedValue = localStorage.getItem(\n              `${LOCAL_STORAGE_NAMESPACE}/${tableColumn.name}`,\n            )\n\n            if (storedValue) {\n              try {\n                acc[tableColumn.name] = JSON.parse(storedValue)\n              } catch (e) {\n                // Ignore\n              }\n            }\n          }\n\n          return acc\n        },\n        { ...prev },\n      ),\n    )\n  }, [fields, table])\n\n  return (\n    <FormContextProvider\n      value={{ shape, size, contrast, brandColor, labelTextStyle, labelTextColor }}\n    >\n      {tableId == null ? (\n        <Placeholder ref={setRefEl} className={cx(width)} margin={margin} />\n      ) : (\n        <>\n          <Formik\n            onSubmit={handleSubmit}\n            initialValues={initialValues}\n            initialStatus={{ error: null }}\n            enableReinitialize\n          >\n            {formik => {\n              const error = formik.status && formik.status.error\n              const errors = fields\n                .map(field => {\n                  const tableColumn = getTableColumn(field)\n\n                  return (\n                    tableColumn &&\n                    getIn(formik.touched, tableColumn.name) &&\n                    getIn(formik.errors, tableColumn.name)\n                  )\n                })\n                .filter(message => typeof message === 'string')\n\n              return (\n                <>\n                  <GridForm\n                    ref={setRefEl}\n                    id={id}\n                    className={cx(width)}\n                    margin={margin}\n                    size={size}\n                    onSubmit={formik.handleSubmit}\n                    onReset={formik.handleReset}\n                    noValidate\n                  >\n                    {fields.map((field, index) => {\n                      const tableColumn = getTableColumn(field)\n\n                      return (\n                        <GridItem\n                          key={field.id}\n                          ref={items[index]}\n                          grid={grid}\n                          index={index}\n                          rowGap={gap}\n                          columnGap={gap}\n                        >\n                          <Field tableColumn={tableColumn} tableFormField={field} />\n                        </GridItem>\n                      )\n                    })}\n                    <GridItem\n                      ref={items[fields.length]}\n                      grid={grid}\n                      index={fields.length}\n                      rowGap={gap}\n                      columnGap={gap}\n                    >\n                      <StyledButton\n                        type=\"submit\"\n                        disabled={formik.isSubmitting || isDone}\n                        shape={shape}\n                        size={size}\n                        color={brandColor}\n                        variant={submitVariant}\n                        textColor={submitTextColor}\n                        width={submitWidth}\n                        alignment={submitAlignment}\n                        textStyle={submitTextStyle}\n                      >\n                        {formik.isSubmitting ? (\n                          <Spinner />\n                        ) : isDone ? (\n                          <IconContainer>\n                            <Check12 />\n                          </IconContainer>\n                        ) : (\n                          submitLabel\n                        )}\n                      </StyledButton>\n                      {(errors.length > 0 || error) && (\n                        <ErrorContainer>\n                          {errors.map(message => (\n                            <ErrorMessage key={message}>{message}</ErrorMessage>\n                          ))}\n                          {error != null && <ErrorMessage>{error}</ErrorMessage>}\n                        </ErrorContainer>\n                      )}\n                    </GridItem>\n                  </GridForm>\n                  {submitLink != null && <Link ref={linkRef} hidden link={submitLink} />}\n                </>\n              )\n            }}\n          </Formik>\n        </>\n      )}\n    </FormContextProvider>\n  )\n})\n\nexport default Form\n"],"names":["_extends","getContrastColor","size","Sizes","SMALL","MEDIUM","LARGE","Error","Base","styled","input","withConfig","shouldForwardProp","prop","defaultValidator","includes","toString","cssField","props","cssMediaRules","css","getSizeHeight","forwardRef","ref","error","form","restOfProps","shape","contrast","brandColor","useFormContext","Container","div","cssMargin","Label","Input","Button","className","margin","_jsxs","display","flexDirection","marginBottom","_jsx","justifyContent","Contrasts","LIGHT","DARK","label","cssTextStyle","textColor","colorToString","labelTextStyle","labelTextColor","id","name","hideLabel","_Fragment","textarea","swatch","hue","h","saturation","s","lightness","l","alpha","a","Color","isLight","getSize","FakeCheckbox","getContrastBorderColor","getContrastBackgroundColor","HiddenCheckbox","getCheckmarkColor","style","StyledLabel","getInputSizeHeight","CheckboxContainer","span","value","handleChange","event","setFieldValue","currentTarget","checked","MainLabel","tableColumn","required","onChange","handle","useRef","validity","valueMissing","length","typeMismatch","useImperativeHandle","current","filter","v","options","map","option","FakeRadioButton","HiddenRadioButton","attrs","type","RadioButtonContainer","getSizeHorizontalPadding","Select","select","getLabelSizeHeight","Shapes","ROUNDED","getShapeBorderRadius","__typename","SingleLineTextTableField","LongTextTableField","CheckboxTableField","MultipleSelectTableField","SingleSelectTableField","PhoneNumberTableField","EmailTableField","URLTableField","NumberTableField","tableFormField","placeholder","hidden","TableColumnField","getTableColumnField","errorMessage","getTypeMismatchErrorMessage","FormikField","field","getIn","touched","errors","spin","keyframes","Icon","Spinner20","LOCAL_STORAGE_NAMESPACE","GridForm","getSizeFontSize","GridItem","cssGridItem","alignment","Alignments","LEFT","RIGHT","StyledButton","CENTER","getAlignmentMargin","ErrorContainer","IconContainer","ErrorMessage","p","CREATE_TABLE_RECORD","gql","Form","tableId","fields","fieldsProp","submitLabel","submitLink","gap","width","submitTextStyle","submitVariant","submitTextColor","submitWidth","submitAlignment","useMemo","grid","data","table","useTable","createTableRecord","useMutation","refEl","setRefEl","useState","propControllers","setPropControllers","initialValues","setInitialValues","reduce","acc","formField","columns","find","tableColumnId","defaultValue","getTableColumnDefaultValue","controller","container","items","useTableFormFieldRefs","fieldsCount","isDone","setIsDone","linkRef","getBoxModel","Element","getBox","useEffect","timeoutId","setTimeout","clearTimeout","values","setSubmitting","resetForm","setStatus","forEach","getTableColumn","push","columnId","autofill","setItem","JSON","stringify","variables","prev","click","storedValue","localStorage","getItem","parse","e","FormContextProvider","cx","handleSubmit","formik","status","message","handleReset","index","isSubmitting","Check12"],"mappings":"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"}

package/dist/Image.cjs2.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var styled = require("styled-components");
+var React = require("react");
+var NextImage = require("next/image");
+var css = require("@emotion/css");
+var cssMediaRules = require("./cssMediaRules.cjs.js");
+var next = require("./index.cjs.js");
+var useBoxShadow = require("./useBoxShadow.cjs.js");
+var placeholders = require("./placeholders.cjs.js");
+var index = require("./index.cjs3.js");
+var jsxRuntime = require("react/jsx-runtime");
+require("use-sync-external-store/shim/with-selector");
+require("./react-page.cjs.js");
+require("redux");
+require("redux-thunk");
+require("./actions.cjs.js");
+require("./descriptors.cjs.js");
+require("./style.cjs.js");
+require("./color.cjs.js");
+require("./image.cjs.js");
+require("next/dynamic");
+require("next/document");
+require("slate");
+require("@emotion/server/create-instance");
+require("@apollo/client");
+require("@apollo/client/link/batch-http");
+require("./graphql.cjs.js");
+require("./text-input.cjs.js");
+require("./shape.cjs.js");
+require("color");
+require("react-dom");
+require("html-react-parser");
+require("next/head");
+require("uuid/v4");
+require("corporate-ipsum");
+require("scroll-into-view-if-needed");
+require("next/link");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var styled__default = /* @__PURE__ */ _interopDefaultLegacy(styled);
+var NextImage__default = /* @__PURE__ */ _interopDefaultLegacy(NextImage);
+function loadImage(src) {
+  return new Promise((resolve, reject) => {
+    const image = new Image();
+    image.onload = () => resolve(image);
+    image.onerror = reject;
+    image.src = src;
+  });
+}
+function imageSizes(width) {
+  const baseDevice = next.DEVICES.find((device) => device.maxWidth == null);
+  const baseWidth = baseDevice && width && next.findDeviceOverride(width, baseDevice.id);
+  const baseWidthSize = baseWidth == null || baseWidth.value.unit !== "px" ? "100vw" : `${baseWidth.value.value}px`;
+  return next.DEVICES.map((device) => {
+    const override = next.findDeviceOverride(width, device.id);
+    if (override == null || device.maxWidth == null || override.value.unit !== "px")
+      return null;
+    return `(max-width: ${device.maxWidth}px) ${Math.min(device.maxWidth, override.value.value)}px`;
+  }).filter((size) => size != null).reduce((sourceSizes, sourceSize) => `${sourceSize}, ${sourceSizes}`, baseWidthSize);
+}
+const ImageContainer = styled__default["default"].div.withConfig({
+  shouldForwardProp: (prop) => !["margin", "padding", "border", "borderRadius", "boxShadow", "opacity", "dimensions"].includes(prop.toString())
+})`
+  line-height: 0;
+  overflow: hidden;
+  ${cssMediaRules.cssMargin()}
+  ${cssMediaRules.cssPadding()}
+  ${cssMediaRules.cssBorder()}
+  ${cssMediaRules.cssBorderRadius()}
+  ${cssMediaRules.cssBoxShadow()}
+  ${(p) => cssMediaRules.cssMediaRules([p.opacity], ([opacity = 1]) => styled.css`
+        opacity: ${opacity};
+      `)}
+`;
+const UnoptimizedImage = styled__default["default"].img`
+  width: 100%;
+`;
+const ImageComponent = React.forwardRef(function Image2({
+  id,
+  width,
+  margin,
+  padding,
+  file,
+  border,
+  borderRadius,
+  altText,
+  link,
+  opacity,
+  boxShadow,
+  placeholder = placeholders.placeholders.image,
+  className
+}, ref) {
+  const fileData = next.useFile(file);
+  const borderData = next.useBorder(border);
+  const boxShadowData = useBoxShadow.useBoxShadow(boxShadow);
+  const imageSrc = (fileData == null ? void 0 : fileData.publicUrl) ? fileData.publicUrl : placeholder.src;
+  const dataDimensions = (fileData == null ? void 0 : fileData.publicUrl) ? fileData == null ? void 0 : fileData.dimensions : placeholder.dimensions;
+  const [measuredDimensions, setMeasuredDimensions] = React.useState(null);
+  const isInBuilder = next.useIsInBuilder();
+  React.useEffect(() => {
+    if (dataDimensions)
+      return;
+    let cleanedUp = false;
+    loadImage(imageSrc).then((image) => {
+      if (!cleanedUp) {
+        setMeasuredDimensions({
+          width: image.naturalWidth,
+          height: image.naturalHeight
+        });
+      }
+    }).catch(console.error);
+    return () => {
+      cleanedUp = true;
+    };
+  }, [dataDimensions, imageSrc]);
+  const dimensions = dataDimensions != null ? dataDimensions : measuredDimensions;
+  if (!dimensions)
+    return null;
+  const widthClass = css.css(next.responsiveWidth(width, `${dimensions.width}px`));
+  return /* @__PURE__ */ jsxRuntime.jsx(ImageContainer, {
+    as: link ? index.Link : "div",
+    link,
+    ref,
+    id,
+    className: css.cx(className, widthClass),
+    margin,
+    opacity,
+    padding,
+    border: borderData,
+    borderRadius,
+    boxShadow: boxShadowData,
+    children: isInBuilder ? /* @__PURE__ */ jsxRuntime.jsx(UnoptimizedImage, {
+      src: imageSrc,
+      alt: altText
+    }) : /* @__PURE__ */ jsxRuntime.jsx(NextImage__default["default"], {
+      layout: "responsive",
+      src: imageSrc,
+      sizes: imageSizes(width),
+      alt: altText,
+      width: dimensions.width,
+      height: dimensions.height
+    })
+  });
+});
+exports["default"] = ImageComponent;
+//# sourceMappingURL=Image.cjs2.js.map

package/dist/Image.cjs2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.cjs2.js","sources":["../src/components/builtin/Image/Image.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { useState, useEffect, Ref, forwardRef } from 'react'\nimport NextImage from 'next/image'\nimport { css as toClass, cx } from '@emotion/css'\n\nimport {\n  BorderRadiusValue,\n  BorderValue,\n  ElementIDValue,\n  ImageValue,\n  LinkValue,\n  MarginValue,\n  PaddingValue,\n  ResponsiveOpacityValue,\n  ShadowsValue,\n  TextInputValue,\n  WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport {\n  cssBorder,\n  cssBorderRadius,\n  cssBoxShadow,\n  cssMargin,\n  cssMediaRules,\n  cssPadding,\n} from '../../utils/cssMediaRules'\nimport { DEVICES, findDeviceOverride } from '../../utils/devices'\nimport {\n  BorderPropControllerData,\n  BoxShadowPropControllerData,\n  useBorder,\n  useBoxShadow,\n  useFile,\n} from '../../hooks'\nimport { placeholders } from '../../utils/placeholders'\nimport { useIsInBuilder } from '../../../runtimes/react'\nimport { Link } from '../../shared/Link'\nimport { responsiveWidth } from '../../utils/responsive-style'\n\ntype Props = {\n  id?: ElementIDValue\n  file?: ImageValue\n  altText?: TextInputValue\n  link?: LinkValue\n  width?: WidthValue\n  margin?: MarginValue\n  padding?: PaddingValue\n  border?: BorderValue\n  borderRadius?: BorderRadiusValue\n  boxShadow?: ShadowsValue\n  opacity?: ResponsiveOpacityValue\n  placeholder?: { src: string; dimensions: { width: number; height: number } }\n  className?: string\n}\n\nfunction loadImage(src: string): Promise<HTMLImageElement> {\n  return new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image()\n\n    image.onload = () => resolve(image)\n    image.onerror = reject\n    image.src = src\n  })\n}\n\nfunction imageSizes(width?: Props['width']): string {\n  const baseDevice = DEVICES.find(device => device.maxWidth == null)\n  const baseWidth = baseDevice && width && findDeviceOverride(width, baseDevice.id)\n  const baseWidthSize =\n    baseWidth == null || baseWidth.value.unit !== 'px' ? '100vw' : `${baseWidth.value.value}px`\n\n  return DEVICES.map(device => {\n    const override = findDeviceOverride(width, device.id)\n\n    if (override == null || device.maxWidth == null || override.value.unit !== 'px') return null\n\n    return `(max-width: ${device.maxWidth}px) ${Math.min(device.maxWidth, override.value.value)}px`\n  })\n    .filter((size): size is NonNullable<typeof size> => size != null)\n    .reduce((sourceSizes, sourceSize) => `${sourceSize}, ${sourceSizes}`, baseWidthSize)\n}\n\nconst ImageContainer = styled.div.withConfig({\n  shouldForwardProp: prop =>\n    !['margin', 'padding', 'border', 'borderRadius', 'boxShadow', 'opacity', 'dimensions'].includes(\n      prop.toString(),\n    ),\n})<{\n  margin?: Props['margin']\n  padding?: Props['padding']\n  border?: BorderPropControllerData | null | undefined\n  borderRadius: Props['borderRadius']\n  boxShadow?: BoxShadowPropControllerData | null | undefined\n  opacity: Props['opacity']\n  link?: Props['link']\n}>`\n  line-height: 0;\n  overflow: hidden;\n  ${cssMargin()}\n  ${cssPadding()}\n  ${cssBorder()}\n  ${cssBorderRadius()}\n  ${cssBoxShadow()}\n  ${p =>\n    cssMediaRules(\n      [p.opacity],\n      ([opacity = 1]) => css`\n        opacity: ${opacity};\n      `,\n    )}\n`\n\nconst UnoptimizedImage = styled.img`\n  width: 100%;\n`\n\ntype Dimensions = {\n  width: number\n  height: number\n}\n\nconst ImageComponent = forwardRef(function Image(\n  {\n    id,\n    width,\n    margin,\n    padding,\n    file,\n    border,\n    borderRadius,\n    altText,\n    link,\n    opacity,\n    boxShadow,\n    placeholder = placeholders.image,\n    className,\n  }: Props,\n  ref: Ref<HTMLImageElement>,\n) {\n  const fileData = useFile(file)\n  const borderData = useBorder(border)\n  const boxShadowData = useBoxShadow(boxShadow)\n  const imageSrc = fileData?.publicUrl ? fileData.publicUrl : placeholder.src\n  const dataDimensions = fileData?.publicUrl ? fileData?.dimensions : placeholder.dimensions\n  const [measuredDimensions, setMeasuredDimensions] = useState<Dimensions | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  useEffect(() => {\n    if (dataDimensions) return\n\n    let cleanedUp = false\n\n    loadImage(imageSrc)\n      .then(image => {\n        if (!cleanedUp) {\n          setMeasuredDimensions({ width: image.naturalWidth, height: image.naturalHeight })\n        }\n      })\n      .catch(console.error)\n\n    return () => {\n      cleanedUp = true\n    }\n  }, [dataDimensions, imageSrc])\n\n  const dimensions = dataDimensions ?? measuredDimensions\n\n  if (!dimensions) return null\n\n  const widthClass = toClass(responsiveWidth(width, `${dimensions.width}px`))\n\n  return (\n    <ImageContainer\n      as={link ? Link : 'div'}\n      link={link}\n      ref={ref}\n      id={id}\n      className={cx(className, widthClass)}\n      margin={margin}\n      opacity={opacity}\n      padding={padding}\n      border={borderData}\n      borderRadius={borderRadius}\n      boxShadow={boxShadowData}\n    >\n      {isInBuilder ? (\n        <UnoptimizedImage src={imageSrc} alt={altText} />\n      ) : (\n        <NextImage\n          layout=\"responsive\"\n          src={imageSrc}\n          sizes={imageSizes(width)}\n          alt={altText}\n          width={dimensions.width}\n          height={dimensions.height}\n        />\n      )}\n    </ImageContainer>\n  )\n})\n\nexport default ImageComponent\n"],"names":["src","Promise","resolve","reject","image","Image","onload","onerror","width","baseDevice","DEVICES","find","device","maxWidth","baseWidth","findDeviceOverride","id","baseWidthSize","value","unit","map","override","Math","min","filter","size","reduce","sourceSizes","sourceSize","ImageContainer","styled","div","withConfig","shouldForwardProp","prop","includes","toString","cssMargin","cssPadding","cssBorder","cssBorderRadius","cssBoxShadow","p","cssMediaRules","opacity","css","UnoptimizedImage","img","ImageComponent","forwardRef","margin","padding","file","border","borderRadius","altText","link","boxShadow","placeholder","placeholders","className","ref","fileData","useFile","borderData","useBorder","boxShadowData","useBoxShadow","imageSrc","publicUrl","dataDimensions","dimensions","measuredDimensions","setMeasuredDimensions","useState","isInBuilder","useIsInBuilder","useEffect","cleanedUp","then","naturalWidth","height","naturalHeight","catch","console","error","widthClass","toClass","responsiveWidth","Link","cx","_jsx","NextImage","imageSizes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,mBAAmBA,KAAwC;AAClD,SAAA,IAAIC,QAA0B,CAACC,SAASC,WAAW;AAClDC,UAAAA,QAAQ,IAAIC;AAEZC,UAAAA,SAAS,MAAMJ,QAAQE,KAAD;AAC5BA,UAAMG,UAAUJ;AAChBC,UAAMJ,MAAMA;AAAAA,EAAAA,CALP;AAOR;AAED,oBAAoBQ,OAAgC;AAClD,QAAMC,aAAaC,KAAQC,QAAAA,KAAKC,CAAUA,WAAAA,OAAOC,YAAY,IAA1C;AACnB,QAAMC,YAAYL,cAAcD,SAASO,KAAmBP,mBAAAA,OAAOC,WAAWO,EAAnB;AACrDC,QAAAA,gBACJH,aAAa,QAAQA,UAAUI,MAAMC,SAAS,OAAO,UAAW,GAAEL,UAAUI,MAAMA;AAE7ER,SAAAA,KAAAA,QAAQU,IAAIR,CAAU,WAAA;AACrBS,UAAAA,WAAWN,KAAAA,mBAAmBP,OAAOI,OAAOI,EAAf;AAEnC,QAAIK,YAAY,QAAQT,OAAOC,YAAY,QAAQQ,SAASH,MAAMC,SAAS;AAAa,aAAA;AAEhF,WAAA,eAAcP,OAAOC,eAAeS,KAAKC,IAAIX,OAAOC,UAAUQ,SAASH,MAAMA,KAAzC;AAAA,EAAA,CALvC,EAOJM,OAAO,CAACC,SAA2CA,QAAQ,IAPvD,EAQJC,OAAO,CAACC,aAAaC,eAAgB,GAAEA,eAAeD,eAAeV,aARjE;AASR;AAED,MAAMY,iBAAiBC,gBAAAA,WAAOC,IAAIC,WAAW;AAAA,EAC3CC,mBAAmBC,CAAAA,SACjB,CAAC,CAAC,UAAU,WAAW,UAAU,gBAAgB,aAAa,WAAW,YAAxE,EAAsFC,SACrFD,KAAKE,UADN;AAFwC,CAAtB;AAAA;AAAA;AAAA,IAgBnBC,cAAY,UAAA;AAAA,IACZC,cAAa,WAAA;AAAA,IACbC,cAAY,UAAA;AAAA,IACZC,cAAkB,gBAAA;AAAA,IAClBC,cAAe,aAAA;AAAA,IACfC,CAAAA,MACAC,4BACE,CAACD,EAAEE,OAAH,GACA,CAAC,CAACA,UAAU,OAAOC;mBACND;AAAAA,OAHF;AAAA;AAQjB,MAAME,mBAAmBhB,gBAAOiB,WAAAA;AAAAA;AAAAA;AAS1BC,MAAAA,iBAAiBC,MAAAA,WAAW,gBAChC;AAAA,EACEjC;AAAAA,EACAR;AAAAA,EACA0C;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAZ;AAAAA,EACAa;AAAAA,EACAC,cAAcC,aAAavD,aAAAA;AAAAA,EAC3BwD;AAAAA,GAEFC,KACA;AACMC,QAAAA,WAAWC,aAAQX,IAAD;AAClBY,QAAAA,aAAaC,eAAUZ,MAAD;AACtBa,QAAAA,gBAAgBC,0BAAaV,SAAD;AAClC,QAAMW,WAAWN,sCAAUO,aAAYP,SAASO,YAAYX,YAAY1D;AACxE,QAAMsE,iBAAiBR,sCAAUO,aAAYP,qCAAUS,aAAab,YAAYa;AAChF,QAAM,CAACC,oBAAoBC,yBAAyBC,MAAAA,SAA4B,IAApB;AACtDC,QAAAA,cAAcC,KAAAA;AAEpBC,QAAAA,UAAU,MAAM;AACVP,QAAAA;AAAgB;AAEhBQ,QAAAA,YAAY;AAENV,cAAAA,QAAD,EACNW,KAAK3E,CAAS,UAAA;AACT,UAAA,CAAC0E,WAAW;AACQ,8BAAA;AAAA,UAAEtE,OAAOJ,MAAM4E;AAAAA,UAAcC,QAAQ7E,MAAM8E;AAAAA,QAAAA,CAA5C;AAAA,MACtB;AAAA,IAJL,CAAA,EAMGC,MAAMC,QAAQC,KANjB;AAQA,WAAO,MAAM;AACC,kBAAA;AAAA,IAAA;AAAA,EADd,GAGC,CAACf,gBAAgBF,QAAjB,CAhBM;AAkBT,QAAMG,aAAaD,0CAAkBE;AAErC,MAAI,CAACD;AAAmB,WAAA;AAExB,QAAMe,aAAaC,QAAQC,KAAAA,gBAAgBhF,OAAQ,GAAE+D,WAAW/D,SAAtB,CAAhB;AAE1B,wCACG,gBAAD;AAAA,IACE,IAAIgD,OAAOiC,MAAAA,OAAO;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAWC,IAAAA,GAAG9B,WAAW0B,UAAZ;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQtB;AAAAA,IACR;AAAA,IACA,WAAWE;AAAAA,IAEVS,UAAAA,cACCgB,2BAAA,IAAC,kBAAD;AAAA,MAAkB,KAAKvB;AAAAA,MAAU,KAAKb;AAAAA,IAAAA,CAD5B,IAGVoC,2BAAA,IAACC,+BAAD;AAAA,MACE,QAAO;AAAA,MACP,KAAKxB;AAAAA,MACL,OAAOyB,WAAWrF,KAAD;AAAA,MACjB,KAAK+C;AAAAA,MACL,OAAOgB,WAAW/D;AAAAA,MAClB,QAAQ+D,WAAWU;AAAAA,IAAAA,CANrB;AAAA,EAAA,CAjBN;AA4BD,CA9EgC;;"}

package/dist/Image.es2.js

@@ -0,0 +1,141 @@
+import styled, { css as css$1 } from "styled-components";
+import { forwardRef, useState, useEffect } from "react";
+import NextImage from "next/image";
+import { css, cx } from "@emotion/css";
+import { b as cssMargin, d as cssPadding, e as cssBorder, f as cssBorderRadius, g as cssBoxShadow, c as cssMediaRules } from "./cssMediaRules.es.js";
+import { l as useFile, j as useBorder, u as useIsInBuilder, r as responsiveWidth, y as DEVICES, z as findDeviceOverride } from "./index.es.js";
+import { u as useBoxShadow } from "./useBoxShadow.es.js";
+import { p as placeholders } from "./placeholders.es.js";
+import { L as Link } from "./index.es3.js";
+import { jsx } from "react/jsx-runtime";
+import "use-sync-external-store/shim/with-selector";
+import "./react-page.es.js";
+import "redux";
+import "redux-thunk";
+import "./actions.es.js";
+import "./descriptors.es.js";
+import "./style.es.js";
+import "./color.es.js";
+import "./image.es.js";
+import "next/dynamic";
+import "next/document";
+import "slate";
+import "@emotion/server/create-instance";
+import "@apollo/client";
+import "@apollo/client/link/batch-http";
+import "./graphql.es.js";
+import "./text-input.es.js";
+import "./shape.es.js";
+import "color";
+import "react-dom";
+import "html-react-parser";
+import "next/head";
+import "uuid/v4";
+import "corporate-ipsum";
+import "scroll-into-view-if-needed";
+import "next/link";
+function loadImage(src) {
+  return new Promise((resolve, reject) => {
+    const image = new Image();
+    image.onload = () => resolve(image);
+    image.onerror = reject;
+    image.src = src;
+  });
+}
+function imageSizes(width) {
+  const baseDevice = DEVICES.find((device) => device.maxWidth == null);
+  const baseWidth = baseDevice && width && findDeviceOverride(width, baseDevice.id);
+  const baseWidthSize = baseWidth == null || baseWidth.value.unit !== "px" ? "100vw" : `${baseWidth.value.value}px`;
+  return DEVICES.map((device) => {
+    const override = findDeviceOverride(width, device.id);
+    if (override == null || device.maxWidth == null || override.value.unit !== "px")
+      return null;
+    return `(max-width: ${device.maxWidth}px) ${Math.min(device.maxWidth, override.value.value)}px`;
+  }).filter((size) => size != null).reduce((sourceSizes, sourceSize) => `${sourceSize}, ${sourceSizes}`, baseWidthSize);
+}
+const ImageContainer = styled.div.withConfig({
+  shouldForwardProp: (prop) => !["margin", "padding", "border", "borderRadius", "boxShadow", "opacity", "dimensions"].includes(prop.toString())
+})`
+  line-height: 0;
+  overflow: hidden;
+  ${cssMargin()}
+  ${cssPadding()}
+  ${cssBorder()}
+  ${cssBorderRadius()}
+  ${cssBoxShadow()}
+  ${(p) => cssMediaRules([p.opacity], ([opacity = 1]) => css$1`
+        opacity: ${opacity};
+      `)}
+`;
+const UnoptimizedImage = styled.img`
+  width: 100%;
+`;
+const ImageComponent = forwardRef(function Image2({
+  id,
+  width,
+  margin,
+  padding,
+  file,
+  border,
+  borderRadius,
+  altText,
+  link,
+  opacity,
+  boxShadow,
+  placeholder = placeholders.image,
+  className
+}, ref) {
+  const fileData = useFile(file);
+  const borderData = useBorder(border);
+  const boxShadowData = useBoxShadow(boxShadow);
+  const imageSrc = (fileData == null ? void 0 : fileData.publicUrl) ? fileData.publicUrl : placeholder.src;
+  const dataDimensions = (fileData == null ? void 0 : fileData.publicUrl) ? fileData == null ? void 0 : fileData.dimensions : placeholder.dimensions;
+  const [measuredDimensions, setMeasuredDimensions] = useState(null);
+  const isInBuilder = useIsInBuilder();
+  useEffect(() => {
+    if (dataDimensions)
+      return;
+    let cleanedUp = false;
+    loadImage(imageSrc).then((image) => {
+      if (!cleanedUp) {
+        setMeasuredDimensions({
+          width: image.naturalWidth,
+          height: image.naturalHeight
+        });
+      }
+    }).catch(console.error);
+    return () => {
+      cleanedUp = true;
+    };
+  }, [dataDimensions, imageSrc]);
+  const dimensions = dataDimensions != null ? dataDimensions : measuredDimensions;
+  if (!dimensions)
+    return null;
+  const widthClass = css(responsiveWidth(width, `${dimensions.width}px`));
+  return /* @__PURE__ */ jsx(ImageContainer, {
+    as: link ? Link : "div",
+    link,
+    ref,
+    id,
+    className: cx(className, widthClass),
+    margin,
+    opacity,
+    padding,
+    border: borderData,
+    borderRadius,
+    boxShadow: boxShadowData,
+    children: isInBuilder ? /* @__PURE__ */ jsx(UnoptimizedImage, {
+      src: imageSrc,
+      alt: altText
+    }) : /* @__PURE__ */ jsx(NextImage, {
+      layout: "responsive",
+      src: imageSrc,
+      sizes: imageSizes(width),
+      alt: altText,
+      width: dimensions.width,
+      height: dimensions.height
+    })
+  });
+});
+export { ImageComponent as default };
+//# sourceMappingURL=Image.es2.js.map

package/dist/Image.es2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.es2.js","sources":["../src/components/builtin/Image/Image.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { useState, useEffect, Ref, forwardRef } from 'react'\nimport NextImage from 'next/image'\nimport { css as toClass, cx } from '@emotion/css'\n\nimport {\n  BorderRadiusValue,\n  BorderValue,\n  ElementIDValue,\n  ImageValue,\n  LinkValue,\n  MarginValue,\n  PaddingValue,\n  ResponsiveOpacityValue,\n  ShadowsValue,\n  TextInputValue,\n  WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport {\n  cssBorder,\n  cssBorderRadius,\n  cssBoxShadow,\n  cssMargin,\n  cssMediaRules,\n  cssPadding,\n} from '../../utils/cssMediaRules'\nimport { DEVICES, findDeviceOverride } from '../../utils/devices'\nimport {\n  BorderPropControllerData,\n  BoxShadowPropControllerData,\n  useBorder,\n  useBoxShadow,\n  useFile,\n} from '../../hooks'\nimport { placeholders } from '../../utils/placeholders'\nimport { useIsInBuilder } from '../../../runtimes/react'\nimport { Link } from '../../shared/Link'\nimport { responsiveWidth } from '../../utils/responsive-style'\n\ntype Props = {\n  id?: ElementIDValue\n  file?: ImageValue\n  altText?: TextInputValue\n  link?: LinkValue\n  width?: WidthValue\n  margin?: MarginValue\n  padding?: PaddingValue\n  border?: BorderValue\n  borderRadius?: BorderRadiusValue\n  boxShadow?: ShadowsValue\n  opacity?: ResponsiveOpacityValue\n  placeholder?: { src: string; dimensions: { width: number; height: number } }\n  className?: string\n}\n\nfunction loadImage(src: string): Promise<HTMLImageElement> {\n  return new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image()\n\n    image.onload = () => resolve(image)\n    image.onerror = reject\n    image.src = src\n  })\n}\n\nfunction imageSizes(width?: Props['width']): string {\n  const baseDevice = DEVICES.find(device => device.maxWidth == null)\n  const baseWidth = baseDevice && width && findDeviceOverride(width, baseDevice.id)\n  const baseWidthSize =\n    baseWidth == null || baseWidth.value.unit !== 'px' ? '100vw' : `${baseWidth.value.value}px`\n\n  return DEVICES.map(device => {\n    const override = findDeviceOverride(width, device.id)\n\n    if (override == null || device.maxWidth == null || override.value.unit !== 'px') return null\n\n    return `(max-width: ${device.maxWidth}px) ${Math.min(device.maxWidth, override.value.value)}px`\n  })\n    .filter((size): size is NonNullable<typeof size> => size != null)\n    .reduce((sourceSizes, sourceSize) => `${sourceSize}, ${sourceSizes}`, baseWidthSize)\n}\n\nconst ImageContainer = styled.div.withConfig({\n  shouldForwardProp: prop =>\n    !['margin', 'padding', 'border', 'borderRadius', 'boxShadow', 'opacity', 'dimensions'].includes(\n      prop.toString(),\n    ),\n})<{\n  margin?: Props['margin']\n  padding?: Props['padding']\n  border?: BorderPropControllerData | null | undefined\n  borderRadius: Props['borderRadius']\n  boxShadow?: BoxShadowPropControllerData | null | undefined\n  opacity: Props['opacity']\n  link?: Props['link']\n}>`\n  line-height: 0;\n  overflow: hidden;\n  ${cssMargin()}\n  ${cssPadding()}\n  ${cssBorder()}\n  ${cssBorderRadius()}\n  ${cssBoxShadow()}\n  ${p =>\n    cssMediaRules(\n      [p.opacity],\n      ([opacity = 1]) => css`\n        opacity: ${opacity};\n      `,\n    )}\n`\n\nconst UnoptimizedImage = styled.img`\n  width: 100%;\n`\n\ntype Dimensions = {\n  width: number\n  height: number\n}\n\nconst ImageComponent = forwardRef(function Image(\n  {\n    id,\n    width,\n    margin,\n    padding,\n    file,\n    border,\n    borderRadius,\n    altText,\n    link,\n    opacity,\n    boxShadow,\n    placeholder = placeholders.image,\n    className,\n  }: Props,\n  ref: Ref<HTMLImageElement>,\n) {\n  const fileData = useFile(file)\n  const borderData = useBorder(border)\n  const boxShadowData = useBoxShadow(boxShadow)\n  const imageSrc = fileData?.publicUrl ? fileData.publicUrl : placeholder.src\n  const dataDimensions = fileData?.publicUrl ? fileData?.dimensions : placeholder.dimensions\n  const [measuredDimensions, setMeasuredDimensions] = useState<Dimensions | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  useEffect(() => {\n    if (dataDimensions) return\n\n    let cleanedUp = false\n\n    loadImage(imageSrc)\n      .then(image => {\n        if (!cleanedUp) {\n          setMeasuredDimensions({ width: image.naturalWidth, height: image.naturalHeight })\n        }\n      })\n      .catch(console.error)\n\n    return () => {\n      cleanedUp = true\n    }\n  }, [dataDimensions, imageSrc])\n\n  const dimensions = dataDimensions ?? measuredDimensions\n\n  if (!dimensions) return null\n\n  const widthClass = toClass(responsiveWidth(width, `${dimensions.width}px`))\n\n  return (\n    <ImageContainer\n      as={link ? Link : 'div'}\n      link={link}\n      ref={ref}\n      id={id}\n      className={cx(className, widthClass)}\n      margin={margin}\n      opacity={opacity}\n      padding={padding}\n      border={borderData}\n      borderRadius={borderRadius}\n      boxShadow={boxShadowData}\n    >\n      {isInBuilder ? (\n        <UnoptimizedImage src={imageSrc} alt={altText} />\n      ) : (\n        <NextImage\n          layout=\"responsive\"\n          src={imageSrc}\n          sizes={imageSizes(width)}\n          alt={altText}\n          width={dimensions.width}\n          height={dimensions.height}\n        />\n      )}\n    </ImageContainer>\n  )\n})\n\nexport default ImageComponent\n"],"names":["src","Promise","resolve","reject","image","Image","onload","onerror","width","baseDevice","DEVICES","find","device","maxWidth","baseWidth","findDeviceOverride","id","baseWidthSize","value","unit","map","override","Math","min","filter","size","reduce","sourceSizes","sourceSize","ImageContainer","styled","div","withConfig","shouldForwardProp","prop","includes","toString","cssMargin","cssPadding","cssBorder","cssBorderRadius","cssBoxShadow","p","cssMediaRules","opacity","css","UnoptimizedImage","img","ImageComponent","forwardRef","margin","padding","file","border","borderRadius","altText","link","boxShadow","placeholder","placeholders","className","ref","fileData","useFile","borderData","useBorder","boxShadowData","useBoxShadow","imageSrc","publicUrl","dataDimensions","dimensions","measuredDimensions","setMeasuredDimensions","useState","isInBuilder","useIsInBuilder","useEffect","cleanedUp","then","naturalWidth","height","naturalHeight","catch","console","error","widthClass","toClass","responsiveWidth","Link","cx","_jsx","imageSizes"],"mappings":"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"}