@makeswift/runtime 0.2.16 → 0.2.18

package/dist/Form.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.es.js","sources":["../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":["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, cssWidth } 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  ${cssWidth()};\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  width?: WidthValue\n  margin?: MarginValue\n}\n\nexport default forwardRef(function Placeholder(\n  { className, width, margin }: Props,\n  ref: Ref<HTMLDivElement>,\n): JSX.Element {\n  return (\n    <Container ref={ref} className={className} width={width} 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 '../../types'\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\n// Escape characters: [ ] '\nfunction escapeCharacters(string: string) {\n  return string.replace(/[[\\]']/g, '\\\\$&')\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  // We're using `['${tableColumn.name}']` to avoid default Formik nested object behavior\n  // which was causing an issue for table column names containing a dot.\n  // https://formik.org/docs/guides/arrays#avoid-nesting\n  // We need to escape square brackets [ ] because it's also used by Lodash\n  // set array: https://lodash.com/docs/4.17.15#set, which is used by Formik.\n  // We need to escape ' because otherwise Formik will wrap the field name inside a ''\n  // for example, if we have hello'world, Formik will name the field 'hello'world'\n  const formikFieldName = `['${escapeCharacters(tableColumn.name)}']`\n\n  return (\n    <FormikField name={formikFieldName} 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'\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 type { TableColumn, Table } from './types'\nimport { cssGridItem, cssMargin, cssMediaRules, cssWidth } 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  WidthValue,\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, useQuery } from '../../../api/react'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { TABLE_BY_ID } from '../../utils/queries'\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?: WidthValue\n  margin?: MarginValue\n}\n\nconst GridForm = styled.form.withConfig({\n  shouldForwardProp: prop => !['size', 'width', 'margin'].includes(prop),\n})<{\n  size: Props['size']\n  width: Props['width']\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  ${cssWidth()}\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 } = {} } = useQuery<{ table: Table | null }>(TABLE_BY_ID, {\n    skip: tableId == null,\n    variables: { id: tableId },\n  })\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} width={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                    width={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","cssWidth","cssMargin","Label","Input","Button","className","width","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","string","replace","tableFormField","placeholder","hidden","TableColumnField","getTableColumnField","errorMessage","getTypeMismatchErrorMessage","formikFieldName","escapeCharacters","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","submitTextStyle","submitVariant","submitTextColor","submitWidth","submitAlignment","useMemo","grid","data","table","useQuery","TABLE_BY_ID","skip","variables","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","prev","click","storedValue","localStorage","getItem","parse","e","FormContextProvider","handleSubmit","formik","status","message","handleReset","index","isSubmitting","Check12"],"mappings":"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"}
+{"version":3,"file":"Form.es.js","sources":["../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":["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, cssWidth } 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  ${cssWidth()};\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  width?: WidthValue\n  margin?: MarginValue\n}\n\nexport default forwardRef(function Placeholder(\n  { className, width, margin }: Props,\n  ref: Ref<HTMLDivElement>,\n): JSX.Element {\n  return (\n    <Container ref={ref} className={className} width={width} 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 '../../types'\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\n// Escape characters: [ ] '\nfunction escapeCharacters(string: string) {\n  return string.replace(/[[\\]']/g, '\\\\$&')\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  // We're using `['${tableColumn.name}']` to avoid default Formik nested object behavior\n  // which was causing an issue for table column names containing a dot.\n  // https://formik.org/docs/guides/arrays#avoid-nesting\n  // We need to escape square brackets [ ] because it's also used by Lodash\n  // set array: https://lodash.com/docs/4.17.15#set, which is used by Formik.\n  // We need to escape ' because otherwise Formik will wrap the field name inside a ''\n  // for example, if we have hello'world, Formik will name the field 'hello'world'\n  const formikFieldName = `['${escapeCharacters(tableColumn.name)}']`\n\n  return (\n    <FormikField name={formikFieldName} 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'\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 type { TableColumn, Table } from './types'\nimport { cssGridItem, cssMargin, cssMediaRules, cssWidth } 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  WidthValue,\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, useQuery } from '../../../api/react'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { TABLE_BY_ID } from '../../utils/queries'\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?: WidthValue\n  margin?: MarginValue\n}\n\nconst GridForm = styled.form.withConfig({\n  shouldForwardProp: prop => !['size', 'width', 'margin'].includes(prop),\n})<{\n  size: Props['size']\n  width: Props['width']\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  ${cssWidth()}\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 } = {} } = useQuery<{ table: Table | null }>(TABLE_BY_ID, {\n    skip: tableId == null,\n    variables: { id: tableId },\n  })\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} width={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                    width={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","cssWidth","cssMargin","Label","Input","Button","className","width","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","string","replace","tableFormField","placeholder","hidden","TableColumnField","getTableColumnField","errorMessage","getTypeMismatchErrorMessage","formikFieldName","escapeCharacters","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","submitTextStyle","submitVariant","submitTextColor","submitWidth","submitAlignment","useMemo","grid","data","table","useQuery","TABLE_BY_ID","skip","variables","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","prev","click","storedValue","localStorage","getItem","parse","e","FormContextProvider","handleSubmit","formik","status","message","handleReset","index","isSubmitting","Check12"],"mappings":"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"}

package/dist/{Image.cjs2.js → Image.cjs.js}

@@ -14,16 +14,15 @@ require("./react-page.cjs.js");
 require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
-require("./image.cjs.js");
-require("./color.cjs.js");
 require("./slot.cjs.js");
+require("./control.cjs.js");
 require("next/dynamic");
 require("@apollo/client");
 require("@apollo/client/link/batch-http");
 require("slate");
 require("./graphql.cjs.js");
-require("./shape.cjs.js");
 require("./text-input.cjs.js");
+require("./combobox.cjs.js");
 require("@emotion/css");
 require("color");
 require("scroll-into-view-if-needed");
@@ -152,4 +151,4 @@ const ImageComponent = React.forwardRef(function Image2({
   });
 });
 exports["default"] = ImageComponent;
-//# sourceMappingURL=Image.cjs2.js.map
+//# sourceMappingURL=Image.cjs.js.map

package/dist/{Image.es2.js.map → Image.cjs.js.map}

@@ -1 +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'\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  cssWidth,\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'\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    ![\n      'width',\n      'margin',\n      'padding',\n      'border',\n      'borderRadius',\n      'boxShadow',\n      'opacity',\n      'dimensions',\n    ].includes(prop.toString()),\n})<{\n  width?: Props['width']\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  dimensions: { width: number; height: number }\n}>`\n  line-height: 0;\n  overflow: hidden;\n  ${props => cssWidth(`${props.dimensions.width}px`)(props)}\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  return (\n    <ImageContainer\n      as={link ? Link : 'div'}\n      link={link}\n      dimensions={dimensions}\n      ref={ref}\n      id={id}\n      className={className}\n      width={width}\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","props","cssWidth","dimensions","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","measuredDimensions","setMeasuredDimensions","useState","isInBuilder","useIsInBuilder","useEffect","cleanedUp","then","naturalWidth","height","naturalHeight","catch","console","error","Link","_jsx","imageSizes"],"mappings":"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"}
+{"version":3,"file":"Image.cjs.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'\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  cssWidth,\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'\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    ![\n      'width',\n      'margin',\n      'padding',\n      'border',\n      'borderRadius',\n      'boxShadow',\n      'opacity',\n      'dimensions',\n    ].includes(prop.toString()),\n})<{\n  width?: Props['width']\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  dimensions: { width: number; height: number }\n}>`\n  line-height: 0;\n  overflow: hidden;\n  ${props => cssWidth(`${props.dimensions.width}px`)(props)}\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  return (\n    <ImageContainer\n      as={link ? Link : 'div'}\n      link={link}\n      dimensions={dimensions}\n      ref={ref}\n      id={id}\n      className={className}\n      width={width}\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","props","cssWidth","dimensions","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","measuredDimensions","setMeasuredDimensions","useState","isInBuilder","useIsInBuilder","useEffect","cleanedUp","then","naturalWidth","height","naturalHeight","catch","console","error","Link","_jsx","NextImage","imageSizes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,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,CACjB,SAAA,CAAC,CACC,SACA,UACA,WACA,UACA,gBACA,aACA,WACA,YARD,EASCC,SAASD,KAAKE,UATf;AAFwC,CAAtB;AAAA;AAAA;AAAA,IAyBnBC,WAASC,uBAAU,GAAED,MAAME,WAAW/B,SAArB,EAAgC6B,KAAxC;AAAA,IACTG,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,mBAAmBnB,gBAAOoB,WAAAA;AAAAA;AAAAA;AAS1BC,MAAAA,iBAAiBC,MAAAA,WAAW,gBAChC;AAAA,EACEpC;AAAAA,EACAR;AAAAA,EACA6C;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAZ;AAAAA,EACAa;AAAAA,EACAC,cAAcC,aAAa1D,aAAAA;AAAAA,EAC3B2D;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,YAAY7D;AACxE,QAAMyE,iBAAiBR,sCAAUO,aAAYP,qCAAU1B,aAAasB,YAAYtB;AAChF,QAAM,CAACmC,oBAAoBC,yBAAyBC,MAAAA,SAA4B,IAApB;AACtDC,QAAAA,cAAcC,KAAAA;AAEpBC,QAAAA,UAAU,MAAM;AACVN,QAAAA;AAAgB;AAEhBO,QAAAA,YAAY;AAENT,cAAAA,QAAD,EACNU,KAAK7E,CAAS,UAAA;AACT,UAAA,CAAC4E,WAAW;AACQ,8BAAA;AAAA,UAAExE,OAAOJ,MAAM8E;AAAAA,UAAcC,QAAQ/E,MAAMgF;AAAAA,QAAAA,CAA5C;AAAA,MACtB;AAAA,IAJL,CAAA,EAMGC,MAAMC,QAAQC,KANjB;AAQA,WAAO,MAAM;AACC,kBAAA;AAAA,IAAA;AAAA,EADd,GAGC,CAACd,gBAAgBF,QAAjB,CAhBM;AAkBT,QAAMhC,aAAakC,0CAAkBC;AAErC,MAAI,CAACnC;AAAmB,WAAA;AAExB,wCACG,gBAAD;AAAA,IACE,IAAIoB,OAAO6B,MAAAA,OAAO;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQrB;AAAAA,IACR;AAAA,IACA,WAAWE;AAAAA,IAEVQ,UAAAA,cACCY,2BAAA,IAAC,kBAAD;AAAA,MAAkB,KAAKlB;AAAAA,MAAU,KAAKb;AAAAA,IAAAA,CAD5B,IAGV+B,2BAAA,IAACC,+BAAD;AAAA,MACE,QAAO;AAAA,MACP,KAAKnB;AAAAA,MACL,OAAOoB,WAAWnF,KAAD;AAAA,MACjB,KAAKkD;AAAAA,MACL,OAAOnB,WAAW/B;AAAAA,MAClB,QAAQ+B,WAAW4C;AAAAA,IAAAA,CANrB;AAAA,EAAA,CAnBN;AA8BD,CA9EgC;;"}

package/dist/{Image.es2.js → Image.es.js}

@@ -12,16 +12,15 @@ import "./react-page.es.js";
 import "redux";
 import "redux-thunk";
 import "./actions.es.js";
-import "./image.es.js";
-import "./color.es.js";
 import "./slot.es.js";
+import "./control.es.js";
 import "next/dynamic";
 import "@apollo/client";
 import "@apollo/client/link/batch-http";
 import "slate";
 import "./graphql.es.js";
-import "./shape.es.js";
 import "./text-input.es.js";
+import "./combobox.es.js";
 import "@emotion/css";
 import "color";
 import "scroll-into-view-if-needed";
@@ -145,4 +144,4 @@ const ImageComponent = forwardRef(function Image2({
   });
 });
 export { ImageComponent as default };
-//# sourceMappingURL=Image.es2.js.map
+//# sourceMappingURL=Image.es.js.map