npm - @makeswift/runtime - Versions diffs - 0.0.0-1faafb3 → 0.0.0-20221019211549 - Mend

@makeswift/runtime 0.0.0-1faafb3 → 0.0.0-20221019211549

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (619) hide show

package/dist/Form.es.js.map ADDED Viewed

@@ -0,0 +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\nexport default function Field({\n tableColumn,\n tableFormField: {\n id,\n label = '',\n placeholder,\n required = false,\n hidden = false,\n type = 'radio',\n hideLabel = false,\n },\n}: Props): JSX.Element {\n const TableColumnField = getTableColumnField(tableColumn)\n const input = useRef<\n | {\n validity: {\n valueMissing: boolean\n typeMismatch: boolean\n }\n }\n | null\n | undefined\n >(null)\n\n if (!tableColumn) return <PlaceholderTableField />\n\n function validate() {\n let errorMessage\n\n if (input.current) {\n const { validity = {} as ValidityState } = input.current\n\n if (validity.valueMissing) errorMessage = `${label} is required.`\n\n if (validity.typeMismatch) errorMessage = getTypeMismatchErrorMessage(tableColumn, label)\n }\n\n return errorMessage\n }\n\n return (\n <FormikField name={tableColumn.name} validate={validate}>\n {({ field, form }: any) =>\n hidden ? (\n <input {...field} ref={input} type=\"hidden\" />\n ) : (\n <TableColumnField\n {...field}\n type={type}\n form={form}\n tableColumn={tableColumn}\n ref={input}\n id={id}\n error={getIn(form.touched, field.name) && getIn(form.errors, field.name)}\n label={label}\n placeholder={placeholder}\n required={required}\n hideLabel={hideLabel}\n />\n )\n }\n </FormikField>\n )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj4KICAgIDxjaXJjbGUgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGN4PSI5IiBjeT0iOSIgcj0iOSIgc3Ryb2tlLW9wYWNpdHk9Ii40Ii8+CiAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik05IDE4QTkgOSAwIDAgMCA5IDAiLz4KICA8L2c+Cjwvc3ZnPgo=\"","import styled, { keyframes } from 'styled-components'\n\nimport { ReactComponent as Spinner20 } from '../../../../icons/spinner-20.svg'\n\nconst spin = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`\n\nconst Icon = styled(Spinner20)`\n display: inline-flex;\n animation: ${spin} 1s linear infinite;\n stroke: currentColor;\n`\n\nexport default function Spinner(): JSX.Element {\n return <Icon />\n}\n","import { useState, useEffect, useMemo } from 'react'\nimport { getBox } from '../../box-model'\nimport { TableFormFieldsPropController } from '../../prop-controllers/instances'\nimport { useIsInBuilder } from '../../runtimes/react'\n\nexport function useTableFormFieldRefs(\n propController: TableFormFieldsPropController | null | undefined,\n { fieldsCount }: { fieldsCount: number },\n): {\n container: (arg0: HTMLElement | null | undefined) => void\n items: Array<(arg0: HTMLElement | null | undefined) => void>\n} {\n const [container, setContainer] = useState<HTMLElement | null | undefined>(null)\n const [items, setItems] = useState<Array<HTMLElement | null | undefined>>(\n Array(fieldsCount + 1).fill(null),\n )\n\n const isInBuilder = useIsInBuilder()\n\n useEffect(() => {\n if (!isInBuilder) return\n\n let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n return () => {\n cancelAnimationFrame(animationFrameHandle)\n }\n\n function handleAnimationFrameRequest() {\n if (propController == null) return\n\n if (container != null) propController.tableFormLayoutChange({ layout: getBox(container) })\n\n items.map((item, index) => {\n if (item == null) return\n\n propController.tableFormFieldLayoutChange({ index, layout: getBox(item) })\n })\n\n animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n }\n }, [propController, container, items, isInBuilder])\n\n const itemRefs = useMemo(\n () =>\n Array.from({ length: fieldsCount + 1 }).map(\n (_, index) => (item: HTMLElement | null | undefined) => {\n setItems(is => [...is.slice(0, index), item, ...is.slice(index + 1)])\n },\n ),\n [fieldsCount, setItems],\n )\n\n return { container: setContainer, items: itemRefs }\n}\n","import {\n useState,\n useEffect,\n useRef,\n useMemo,\n forwardRef,\n ComponentPropsWithoutRef,\n Ref,\n useImperativeHandle,\n} from 'react'\nimport styled, { css } from 'styled-components'\nimport { Formik, getIn } from 'formik'\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","tableFormField","placeholder","hidden","TableColumnField","getTableColumnField","errorMessage","getTypeMismatchErrorMessage","FormikField","field","getIn","touched","errors","spin","keyframes","Icon","Spinner20","LOCAL_STORAGE_NAMESPACE","GridForm","getSizeFontSize","GridItem","cssGridItem","alignment","Alignments","LEFT","RIGHT","StyledButton","CENTER","getAlignmentMargin","ErrorContainer","IconContainer","ErrorMessage","p","CREATE_TABLE_RECORD","gql","Form","tableId","fields","fieldsProp","submitLabel","submitLink","gap","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 ADDED Viewed

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

package/dist/Image.cjs2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Image.cjs2.js","sources":["../src/components/builtin/Image/Image.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { useState, useEffect, Ref, forwardRef } from 'react'\nimport NextImage from 'next/image'\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":"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"}

package/dist/Image.es2.js ADDED Viewed

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

package/dist/Image.es2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Image.es2.js","sources":["../src/components/builtin/Image/Image.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { useState, useEffect, Ref, forwardRef } from 'react'\nimport NextImage from 'next/image'\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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"}