@makeswift/runtime 0.18.0-canary.4 → 0.18.0-canary.6

package/dist/cjs/prop-controllers/descriptors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import {\n  CheckboxControlDefinition,\n  IconRadioGroupControlDefinition,\n  NumberControlDefinition,\n  TextInputControlDefinition,\n  TextAreaControlDefinition,\n} from '@makeswift/controls'\nimport { ResponsiveColor } from '../runtimes/react/controls'\nimport { StyleControlFormattedValue } from '../runtimes/react/controls/style'\nimport type { Data } from '../state/react-page'\nimport { NumberControlValue } from '../runtimes/react/controls/number'\nimport { StyleControlType } from '../controls/style'\nimport {\n  ColorControlDefinition,\n  ComboboxControlDefinition,\n  ImageControlDefinition,\n  LinkControlDefinition,\n  ListControlDefinition,\n  SelectControlDefinition,\n  ShapeControlDefinition,\n  SlotControlDefinition,\n  StyleControlDefinition,\n  RichTextV2ControlDefinition,\n  StyleV2ControlDefinition,\n  TypographyControlDefinition,\n} from '../controls'\nimport { TextInputControlValue } from '../runtimes/react/controls/text-input'\nimport { TextAreaControlValue } from '../runtimes/react/controls/text-area'\nimport { ColorControlValue } from '../runtimes/react/controls/color'\nimport { SelectControlValue } from '../runtimes/react/controls/select'\nimport { CheckboxControlValue } from '../runtimes/react/controls/checkbox'\nimport { ResolveImageControlValue } from '../runtimes/react/controls/image'\nimport { ShapeControlValue } from '../runtimes/react/controls/shape'\nimport { ListControlValue } from '../runtimes/react/controls/list'\nimport { ComboboxControlValue } from '../runtimes/react/controls/combobox'\nimport { LinkControlValue } from '../runtimes/react/controls/link'\nimport { SlotControlValue } from '../runtimes/react/controls/slot'\nimport { RichTextControlDefinition } from '../controls/rich-text'\nimport { RichTextControlValue } from '../runtimes/react/controls/rich-text/rich-text'\nimport { RichTextV2ControlValue } from '../runtimes/react/controls/rich-text-v2'\nimport { StyleV2ControlFormattedValue } from '../runtimes/react/controls/style-v2'\nimport { IconRadioGroupControlValue } from '../runtimes/react/controls/icon-radio-group'\nimport { TypographyControlValue } from '../runtimes/react/controls/typography'\nimport {\n  BorderDescriptor,\n  CheckboxDescriptor,\n  LinkDescriptor,\n  ResolveLinkPropControllerValue,\n  Types as PropControllerTypes,\n  ResponsiveValueType,\n  ShadowsDescriptor,\n  ResolveShadowsPropControllerValue,\n  ResponsiveValue,\n  Options,\n  ResponsiveLengthDescriptor,\n  ResolveResponsiveLengthPropControllerValue,\n  NumberDescriptor,\n  ResolveNumberPropControllerValue,\n  ResponsiveColorDescriptor,\n  ResolveCheckboxPropControllerValue,\n  BorderRadiusDescriptor,\n  ResolveBorderPropControllerValue,\n  ResolveBorderRadiusPropControllerValue,\n  DateDescriptor,\n  ResolveDatePropControllerValue,\n  FontDescriptor,\n  ResolveFontPropControllerValue,\n  VideoDescriptor,\n  ResolveVideoPropControllerValue,\n  TableDescriptor,\n  ResolveTablePropControllerValue,\n  MarginDescriptor,\n  ResolveMarginPropControllerValue,\n  PaddingDescriptor,\n  ResolvePaddingPropControllerValue,\n  WidthDescriptor,\n  ResolveWidthPropControllerValue,\n  TextStyleDescriptor,\n  ResolveTextStylePropControllerValue,\n  NavigationLinksDescriptor,\n  ResolveNavigationLinksPropControllerValue,\n  TextAreaDescriptor,\n  ResolveTextAreaPropControllerValue,\n  GapX,\n  ResponsiveNumber,\n  ResolveGapYPropControllerValue,\n  GapYDescriptor,\n  ElementIDDescriptor,\n  ResolveElementIDPropControllerValue,\n  TableFormFieldsDescriptor,\n  ResolveTableFormFieldsPropControllerValue,\n  GridDescriptor,\n  ResolveGridPropControllerValue,\n  ImageDescriptor,\n  ResolveImagePropControllerValue,\n  ImagesDescriptor,\n  ResolveImagesPropControllerValue,\n  BackgroundsDescriptor,\n  ResolveBackgroundsPropControllerValue,\n  type Descriptor as PropDescriptor,\n  type Value as PropValue,\n  ResponsiveOpacity,\n} from '@makeswift/prop-controllers'\nimport { DeletedPropControllerDescriptor } from './deleted'\n\nexport type { Data }\n\ntype IconName =\n  | 'HeightAuto16'\n  | 'HeightMatch16'\n  | 'VerticalAlignStart16'\n  | 'VerticalAlignMiddle16'\n  | 'VerticalAlignEnd16'\n  | 'VerticalAlignSpaceBetween16'\n  | 'ButtonPill16'\n  | 'ButtonRounded16'\n  | 'ButtonSquare16'\n  | 'SizeSmall16'\n  | 'SizeMedium16'\n  | 'SizeLarge16'\n  | 'ArrowInside16'\n  | 'ArrowCenter16'\n  | 'ArrowOutside16'\n  | 'CountdownSolid16'\n  | 'CountdownSolidSplit16'\n  | 'CountdownOutline16'\n  | 'CountdownOutlineSplit16'\n  | 'CountdownNaked16'\n  | 'Sun16'\n  | 'Moon16'\n  | 'AlignLeft16'\n  | 'AlignCenter16'\n  | 'AlignRight16'\n  | 'Star16'\n  | 'StarCircle16'\n  | 'StarRoundedSquare16'\n  | 'StarSquare16'\n\nexport type Gap = { value: number; unit: 'px' }\n\nexport const Types = {\n  ResponsiveIconRadioGroup: 'ResponsiveIconRadioGroup',\n  ResponsiveSelect: 'ResponsiveSelect',\n  SocialLinks: 'SocialLinks',\n  TextInput: 'TextInput',\n  Style: StyleControlType,\n} as const\n\nexport type IconRadioGroupOption<T extends string> = { value: T; label: string; icon: IconName }\n\nexport type ResponsiveIconRadioGroupValue<T extends string = string> = ResponsiveValue<T>\n\nexport type ResponsiveIconRadioGroupOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveIconRadioGroupDescriptor<\n  T extends ResponsiveIconRadioGroupValue<string> = ResponsiveIconRadioGroupValue<string>,\n> = {\n  type: typeof Types.ResponsiveIconRadioGroup\n  options: ResponsiveIconRadioGroupOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveIconRadioGroup<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveIconRadioGroupOptions<T, U>,\n): ResponsiveIconRadioGroupDescriptor<ResponsiveIconRadioGroupValue<T>> {\n  return { type: Types.ResponsiveIconRadioGroup, options }\n}\n\nexport type ResponsiveSelectValue<T extends string = string> = ResponsiveValue<T>\n\nexport type SelectLabelOrientation = 'vertical' | 'horizontal'\n\nexport type SelectOption<T extends string> = { value: T; label: string }\n\nexport type ResponsiveSelectOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveSelectDescriptor<\n  T extends ResponsiveSelectValue<string> = ResponsiveSelectValue<string>,\n> = {\n  type: typeof Types.ResponsiveSelect\n  options: ResponsiveSelectOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveSelect<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveSelectOptions<T, U>,\n): ResponsiveSelectDescriptor<ResponsiveSelectValue<T>> {\n  return { type: Types.ResponsiveSelect, options }\n}\n\nexport const socialLinkTypesV0 = [\n  'angellist',\n  'codepen',\n  'discord',\n  'dribbble',\n  'facebook',\n  'github',\n  'instagram',\n  'linkedin',\n  'medium',\n  'pinterest',\n  'reddit',\n  'rss',\n  'snapchat',\n  'soundcloud',\n  'spotify',\n  'telegram',\n  'tumblr',\n  'twitch',\n  'twitter',\n  'vimeo',\n  'whatsapp',\n  'yelp',\n  'youtube',\n] as const\n\ntype SocialLinkTypeV0 = typeof socialLinkTypesV0[number]\n\nexport const socialLinkTypesV1 = [...socialLinkTypesV0, 'x', 'slack'] as const\n\ntype SocialLinkTypeV1 = typeof socialLinkTypesV1[number]\n\ntype SocialLinkV0 = { type: SocialLinkTypeV0; url: string }\n\ntype SocialLinkV1 = { type: SocialLinkTypeV1; url: string }\n\ntype SocialLinksLinkV0 = { id: string; payload: SocialLinkV0 }\n\ntype SocialLinksLinkV1 = { id: string; payload: SocialLinkV1 }\n\ntype SocialLinksValueV0 = { links: SocialLinksLinkV0[]; openInNewTab: boolean }\n\ntype SocialLinksValueV1 = { links: SocialLinksLinkV1[]; openInNewTab: boolean }\n\nexport type SocialLinksValue = SocialLinksValueV0 | SocialLinksValueV1\n\ntype SocialLinksOptions = Options<{ preset?: SocialLinksValueV1 }>\n\nexport type SocialLinksDescriptor<_T = SocialLinksValueV1> = {\n  type: typeof Types.SocialLinks\n  options: SocialLinksOptions\n  version?: 1\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function SocialLinks(options: SocialLinksOptions = {}): SocialLinksDescriptor {\n  return { type: Types.SocialLinks, options, version: 1 }\n}\n\nexport type TextInputValue = string\n\nexport type TextInputOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\nexport type TextInputDescriptor<_T = TextInputValue> = {\n  type: typeof Types.TextInput\n  options: TextInputOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function TextInput(options: TextInputOptions = {}): TextInputDescriptor {\n  return { type: Types.TextInput, options }\n}\n\nexport type Descriptor<T extends Data = Data> =\n  | DeletedPropControllerDescriptor<T>\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | PropDescriptor<typeof GapX>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveIconRadioGroupDescriptor<\n      T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>\n    >\n  | ResponsiveLengthDescriptor<T>\n  | PropDescriptor<typeof ResponsiveNumber>\n  | PropDescriptor<typeof ResponsiveOpacity>\n  | ResponsiveSelectDescriptor<\n      T extends ResponsiveSelectValue<string> ? T : ResponsiveSelectValue<string>\n    >\n  | ShadowsDescriptor<T>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | NumberControlDefinition\n  | CheckboxControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type PanelDescriptorType =\n  | typeof PropControllerTypes.Backgrounds\n  | typeof Types.ResponsiveIconRadioGroup\n  | typeof PropControllerTypes.Margin\n  | typeof PropControllerTypes.Padding\n  | typeof PropControllerTypes.Shadows\n  | typeof PropControllerTypes.Border\n  | typeof PropControllerTypes.GapY\n  | typeof PropControllerTypes.GapX\n  | typeof PropControllerTypes.BorderRadius\n  | typeof PropControllerTypes.Checkbox\n  | typeof Types.TextInput\n  | typeof PropControllerTypes.Link\n  | typeof Types.ResponsiveSelect\n  | typeof PropControllerTypes.ResponsiveColor\n  | typeof PropControllerTypes.TextStyle\n  | typeof PropControllerTypes.Images\n  | typeof PropControllerTypes.ResponsiveNumber\n  | typeof PropControllerTypes.Number\n  | typeof PropControllerTypes.Date\n  | typeof PropControllerTypes.Font\n  | typeof PropControllerTypes.TextArea\n  | typeof PropControllerTypes.Table\n  | typeof PropControllerTypes.Image\n  | typeof PropControllerTypes.ResponsiveOpacity\n  | typeof Types.SocialLinks\n  | typeof PropControllerTypes.Video\n  | typeof PropControllerTypes.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\nexport type DescriptorValueType<T extends Descriptor> = T extends NumberControlDefinition\n  ? NumberControlValue<T>\n  : T extends CheckboxControlDefinition\n  ? CheckboxControlValue<T>\n  : T extends TextInputControlDefinition\n  ? TextInputControlValue<T>\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlValue<T>\n  : T extends SelectControlDefinition\n  ? SelectControlValue<T>\n  : T extends ColorControlDefinition\n  ? ColorControlValue<T>\n  : T extends StyleControlDefinition\n  ? StyleControlFormattedValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlValue<T>\n  : T extends ImageControlDefinition\n  ? ResolveImageControlValue<T>\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlValue<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlValue<T>\n  : T extends ListControlDefinition\n  ? ListControlValue<T>\n  : T extends LinkControlDefinition\n  ? LinkControlValue<T>\n  : T extends SlotControlDefinition\n  ? SlotControlValue\n  : T extends RichTextControlDefinition\n  ? RichTextControlValue\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends TypographyControlDefinition\n  ? TypographyControlValue\n  : T['type'] extends typeof PropControllerTypes.ResponsiveColor\n  ? // TODO(miguel): We're not importing a resolver type from `@makeswift/prop-controllers` because\n    // the resolved type is tightly coupled with the runtime (i.e., it's the result of an API call).\n    // This means that we probably want to rethink how types are resolved and where that lives.\n    ResponsiveColor | null | undefined\n  : T['type'] extends typeof PropControllerTypes.Backgrounds\n  ? ResolveBackgroundsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.Backgrounds }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Checkbox\n  ? ResolveCheckboxPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Checkbox }>>\n  : T['type'] extends typeof PropControllerTypes.Date\n  ? ResolveDatePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Date }>>\n  : T['type'] extends typeof PropControllerTypes.ElementID\n  ? ResolveElementIDPropControllerValue<Extract<T, { type: typeof PropControllerTypes.ElementID }>>\n  : T['type'] extends typeof PropControllerTypes.Font\n  ? ResolveFontPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Font }>>\n  : T['type'] extends typeof PropControllerTypes.GapX\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.GapY\n  ? ResolveGapYPropControllerValue<Extract<T, { type: typeof PropControllerTypes.GapY }>>\n  : T['type'] extends typeof PropControllerTypes.Grid\n  ? ResolveGridPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Grid }>>\n  : T['type'] extends typeof PropControllerTypes.Image\n  ? ResolveImagePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Image }>>\n  : T['type'] extends typeof PropControllerTypes.Images\n  ? ResolveImagesPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Images }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveNumber\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveOpacity\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.Link\n  ? ResolveLinkPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Link }>>\n  : T['type'] extends typeof PropControllerTypes.Width\n  ? ResolveWidthPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Width }>>\n  : T['type'] extends typeof PropControllerTypes.Padding\n  ? ResolvePaddingPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Padding }>>\n  : T['type'] extends typeof PropControllerTypes.Margin\n  ? ResolveMarginPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Margin }>>\n  : T['type'] extends typeof PropControllerTypes.NavigationLinks\n  ? ResolveNavigationLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.NavigationLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.BorderRadius\n  ? ResolveBorderRadiusPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.BorderRadius }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Shadows\n  ? ResolveShadowsPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Shadows }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveLength\n  ? ResolveResponsiveLengthPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.ResponsiveLength }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Border\n  ? ResolveBorderPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Border }>>\n  : T['type'] extends typeof PropControllerTypes.Number\n  ? ResolveNumberPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Number }>>\n  : T['type'] extends typeof PropControllerTypes.Table\n  ? ResolveTablePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Table }>>\n  : T['type'] extends typeof PropControllerTypes.TableFormFields\n  ? ResolveTableFormFieldsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.TableFormFields }>\n    >\n  : T['type'] extends typeof PropControllerTypes.TextStyle\n  ? ResolveTextStylePropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextStyle }>>\n  : T['type'] extends typeof PropControllerTypes.TextArea\n  ? ResolveTextAreaPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextArea }>>\n  : T['type'] extends typeof PropControllerTypes.Video\n  ? ResolveVideoPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Video }>>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> = T extends PanelDescriptor<infer U>\n  ? U\n  : never\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,IAAAA,gBAAiC;AAiI1B,MAAM,QAAQ;AAAA,EACnB,0BAA0B;AAAA,EAC1B,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AACT;AA4BO,SAAS,yBACd,SACsE;AACtE,SAAO,EAAE,MAAM,MAAM,0BAA0B,QAAQ;AACzD;AA+BO,SAAS,iBACd,SACsD;AACtD,SAAO,EAAE,MAAM,MAAM,kBAAkB,QAAQ;AACjD;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIO,MAAM,oBAAoB,CAAC,GAAG,mBAAmB,KAAK,OAAO;AA8B7D,SAAS,YAAY,UAA8B,CAAC,GAA0B;AACnF,SAAO,EAAE,MAAM,MAAM,aAAa,SAAS,SAAS,EAAE;AACxD;AAeO,SAAS,UAAU,UAA4B,CAAC,GAAwB;AAC7E,SAAO,EAAE,MAAM,MAAM,WAAW,QAAQ;AAC1C;","names":["import_style"]}
+{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import {\n  CheckboxControlDefinition,\n  IconRadioGroupControlDefinition,\n  NumberControlDefinition,\n  TextInputControlDefinition,\n  TextAreaControlDefinition,\n} from '@makeswift/controls'\nimport { ResponsiveColor } from '../runtimes/react/controls'\nimport { StyleControlFormattedValue } from '../runtimes/react/controls/style'\nimport type { Data } from '../state/react-page'\nimport { NumberControlValue } from '../runtimes/react/controls/number'\nimport { StyleControlType } from '../controls/style'\nimport {\n  ColorControlDefinition,\n  ComboboxControlDefinition,\n  ImageControlDefinition,\n  LinkControlDefinition,\n  ListControlDefinition,\n  SelectControlDefinition,\n  ShapeControlDefinition,\n  SlotControlDefinition,\n  StyleControlDefinition,\n  RichTextV2ControlDefinition,\n  StyleV2ControlDefinition,\n  TypographyControlDefinition,\n} from '../controls'\nimport { TextInputControlValue } from '../runtimes/react/controls/text-input'\nimport { TextAreaControlValue } from '../runtimes/react/controls/text-area'\nimport { ColorControlValue } from '../runtimes/react/controls/color'\nimport { SelectControlValue } from '../runtimes/react/controls/select'\nimport { CheckboxControlValue } from '../runtimes/react/controls/checkbox'\nimport { ResolveImageControlValue } from '../runtimes/react/controls/image'\nimport { ShapeControlValue } from '../runtimes/react/controls/shape'\nimport { ListControlValue } from '../runtimes/react/controls/list'\nimport { ComboboxControlValue } from '../runtimes/react/controls/combobox'\nimport { LinkControlValue } from '../runtimes/react/controls/link'\nimport { SlotControlValue } from '../runtimes/react/controls/slot'\nimport { RichTextControlDefinition } from '../controls/rich-text'\nimport { RichTextControlValue } from '../runtimes/react/controls/rich-text/rich-text'\nimport { RichTextV2ControlValue } from '../runtimes/react/controls/rich-text-v2'\nimport { StyleV2ControlFormattedValue } from '../runtimes/react/controls/style-v2'\nimport { IconRadioGroupControlValue } from '../runtimes/react/controls/icon-radio-group'\nimport { TypographyControlValue } from '../runtimes/react/controls/typography'\nimport {\n  BorderDescriptor,\n  CheckboxDescriptor,\n  LinkDescriptor,\n  ResolveLinkPropControllerValue,\n  Types as PropControllerTypes,\n  ResponsiveValueType,\n  ShadowsDescriptor,\n  ResolveShadowsPropControllerValue,\n  ResponsiveValue,\n  Options,\n  ResponsiveLengthDescriptor,\n  ResolveResponsiveLengthPropControllerValue,\n  NumberDescriptor,\n  ResolveNumberPropControllerValue,\n  ResponsiveColorDescriptor,\n  ResolveCheckboxPropControllerValue,\n  BorderRadiusDescriptor,\n  ResolveBorderPropControllerValue,\n  ResolveBorderRadiusPropControllerValue,\n  DateDescriptor,\n  ResolveDatePropControllerValue,\n  FontDescriptor,\n  ResolveFontPropControllerValue,\n  VideoDescriptor,\n  ResolveVideoPropControllerValue,\n  TableDescriptor,\n  ResolveTablePropControllerValue,\n  MarginDescriptor,\n  ResolveMarginPropControllerValue,\n  PaddingDescriptor,\n  ResolvePaddingPropControllerValue,\n  WidthDescriptor,\n  ResolveWidthPropControllerValue,\n  TextStyleDescriptor,\n  ResolveTextStylePropControllerValue,\n  NavigationLinksDescriptor,\n  ResolveNavigationLinksPropControllerValue,\n  TextAreaDescriptor,\n  ResolveTextAreaPropControllerValue,\n  GapX,\n  ResponsiveNumber,\n  ResponsiveSelect,\n  ResolveGapYPropControllerValue,\n  GapYDescriptor,\n  ElementIDDescriptor,\n  ResolveElementIDPropControllerValue,\n  TableFormFieldsDescriptor,\n  ResolveTableFormFieldsPropControllerValue,\n  GridDescriptor,\n  ResolveGridPropControllerValue,\n  ImageDescriptor,\n  ResolveImagePropControllerValue,\n  ImagesDescriptor,\n  ResolveImagesPropControllerValue,\n  BackgroundsDescriptor,\n  ResolveBackgroundsPropControllerValue,\n  type Descriptor as PropDescriptor,\n  type Value as PropValue,\n  ResponsiveOpacity,\n  ResolveSocialLinksPropControllerValue,\n  SocialLinksDescriptor,\n  TextInputDescriptor,\n  ResolveTextInputPropControllerValue,\n} from '@makeswift/prop-controllers'\nimport { DeletedPropControllerDescriptor } from './deleted'\n\nexport type { Data }\n\ntype IconName =\n  | 'HeightAuto16'\n  | 'HeightMatch16'\n  | 'VerticalAlignStart16'\n  | 'VerticalAlignMiddle16'\n  | 'VerticalAlignEnd16'\n  | 'VerticalAlignSpaceBetween16'\n  | 'ButtonPill16'\n  | 'ButtonRounded16'\n  | 'ButtonSquare16'\n  | 'SizeSmall16'\n  | 'SizeMedium16'\n  | 'SizeLarge16'\n  | 'ArrowInside16'\n  | 'ArrowCenter16'\n  | 'ArrowOutside16'\n  | 'CountdownSolid16'\n  | 'CountdownSolidSplit16'\n  | 'CountdownOutline16'\n  | 'CountdownOutlineSplit16'\n  | 'CountdownNaked16'\n  | 'Sun16'\n  | 'Moon16'\n  | 'AlignLeft16'\n  | 'AlignCenter16'\n  | 'AlignRight16'\n  | 'Star16'\n  | 'StarCircle16'\n  | 'StarRoundedSquare16'\n  | 'StarSquare16'\n\nexport type Gap = { value: number; unit: 'px' }\n\nexport const Types = {\n  ResponsiveIconRadioGroup: 'ResponsiveIconRadioGroup',\n  Style: StyleControlType,\n} as const\n\nexport type IconRadioGroupOption<T extends string> = { value: T; label: string; icon: IconName }\n\nexport type ResponsiveIconRadioGroupValue<T extends string = string> = ResponsiveValue<T>\n\nexport type ResponsiveIconRadioGroupOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveIconRadioGroupDescriptor<\n  T extends ResponsiveIconRadioGroupValue<string> = ResponsiveIconRadioGroupValue<string>,\n> = {\n  type: typeof Types.ResponsiveIconRadioGroup\n  options: ResponsiveIconRadioGroupOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveIconRadioGroup<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveIconRadioGroupOptions<T, U>,\n): ResponsiveIconRadioGroupDescriptor<ResponsiveIconRadioGroupValue<T>> {\n  return { type: Types.ResponsiveIconRadioGroup, options }\n}\n\nexport type Descriptor<T extends Data = Data> =\n  | DeletedPropControllerDescriptor<T>\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | PropDescriptor<typeof GapX>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveIconRadioGroupDescriptor<\n      T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>\n    >\n  | ResponsiveLengthDescriptor<T>\n  | PropDescriptor<typeof ResponsiveNumber>\n  | PropDescriptor<typeof ResponsiveOpacity>\n  | PropDescriptor<typeof ResponsiveSelect>\n  | ShadowsDescriptor<T>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | NumberControlDefinition\n  | CheckboxControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type PanelDescriptorType =\n  | typeof PropControllerTypes.Backgrounds\n  | typeof Types.ResponsiveIconRadioGroup\n  | typeof PropControllerTypes.Margin\n  | typeof PropControllerTypes.Padding\n  | typeof PropControllerTypes.Shadows\n  | typeof PropControllerTypes.Border\n  | typeof PropControllerTypes.GapY\n  | typeof PropControllerTypes.GapX\n  | typeof PropControllerTypes.BorderRadius\n  | typeof PropControllerTypes.Checkbox\n  | typeof PropControllerTypes.TextInput\n  | typeof PropControllerTypes.Link\n  | typeof PropControllerTypes.ResponsiveSelect\n  | typeof PropControllerTypes.ResponsiveColor\n  | typeof PropControllerTypes.TextStyle\n  | typeof PropControllerTypes.Images\n  | typeof PropControllerTypes.ResponsiveNumber\n  | typeof PropControllerTypes.Number\n  | typeof PropControllerTypes.Date\n  | typeof PropControllerTypes.Font\n  | typeof PropControllerTypes.TextArea\n  | typeof PropControllerTypes.Table\n  | typeof PropControllerTypes.Image\n  | typeof PropControllerTypes.ResponsiveOpacity\n  | typeof PropControllerTypes.SocialLinks\n  | typeof PropControllerTypes.Video\n  | typeof PropControllerTypes.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\nexport type DescriptorValueType<T extends Descriptor> = T extends NumberControlDefinition\n  ? NumberControlValue<T>\n  : T extends CheckboxControlDefinition\n  ? CheckboxControlValue<T>\n  : T extends TextInputControlDefinition\n  ? TextInputControlValue<T>\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlValue<T>\n  : T extends SelectControlDefinition\n  ? SelectControlValue<T>\n  : T extends ColorControlDefinition\n  ? ColorControlValue<T>\n  : T extends StyleControlDefinition\n  ? StyleControlFormattedValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlValue<T>\n  : T extends ImageControlDefinition\n  ? ResolveImageControlValue<T>\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlValue<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlValue<T>\n  : T extends ListControlDefinition\n  ? ListControlValue<T>\n  : T extends LinkControlDefinition\n  ? LinkControlValue<T>\n  : T extends SlotControlDefinition\n  ? SlotControlValue\n  : T extends RichTextControlDefinition\n  ? RichTextControlValue\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends TypographyControlDefinition\n  ? TypographyControlValue\n  : T['type'] extends typeof PropControllerTypes.ResponsiveColor\n  ? // TODO(miguel): We're not importing a resolver type from `@makeswift/prop-controllers` because\n    // the resolved type is tightly coupled with the runtime (i.e., it's the result of an API call).\n    // This means that we probably want to rethink how types are resolved and where that lives.\n    ResponsiveColor | null | undefined\n  : T['type'] extends typeof PropControllerTypes.Backgrounds\n  ? ResolveBackgroundsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.Backgrounds }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Checkbox\n  ? ResolveCheckboxPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Checkbox }>>\n  : T['type'] extends typeof PropControllerTypes.Date\n  ? ResolveDatePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Date }>>\n  : T['type'] extends typeof PropControllerTypes.ElementID\n  ? ResolveElementIDPropControllerValue<Extract<T, { type: typeof PropControllerTypes.ElementID }>>\n  : T['type'] extends typeof PropControllerTypes.Font\n  ? ResolveFontPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Font }>>\n  : T['type'] extends typeof PropControllerTypes.GapX\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.GapY\n  ? ResolveGapYPropControllerValue<Extract<T, { type: typeof PropControllerTypes.GapY }>>\n  : T['type'] extends typeof PropControllerTypes.Grid\n  ? ResolveGridPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Grid }>>\n  : T['type'] extends typeof PropControllerTypes.Image\n  ? ResolveImagePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Image }>>\n  : T['type'] extends typeof PropControllerTypes.Images\n  ? ResolveImagesPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Images }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveNumber\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveOpacity\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveSelect\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.Link\n  ? ResolveLinkPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Link }>>\n  : T['type'] extends typeof PropControllerTypes.Width\n  ? ResolveWidthPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Width }>>\n  : T['type'] extends typeof PropControllerTypes.Padding\n  ? ResolvePaddingPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Padding }>>\n  : T['type'] extends typeof PropControllerTypes.Margin\n  ? ResolveMarginPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Margin }>>\n  : T['type'] extends typeof PropControllerTypes.NavigationLinks\n  ? ResolveNavigationLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.NavigationLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.BorderRadius\n  ? ResolveBorderRadiusPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.BorderRadius }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Shadows\n  ? ResolveShadowsPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Shadows }>>\n  : T['type'] extends typeof PropControllerTypes.SocialLinks\n  ? ResolveSocialLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.SocialLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.ResponsiveLength\n  ? ResolveResponsiveLengthPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.ResponsiveLength }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Border\n  ? ResolveBorderPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Border }>>\n  : T['type'] extends typeof PropControllerTypes.Number\n  ? ResolveNumberPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Number }>>\n  : T['type'] extends typeof PropControllerTypes.Table\n  ? ResolveTablePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Table }>>\n  : T['type'] extends typeof PropControllerTypes.TableFormFields\n  ? ResolveTableFormFieldsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.TableFormFields }>\n    >\n  : T['type'] extends typeof PropControllerTypes.TextStyle\n  ? ResolveTextStylePropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextStyle }>>\n  : T['type'] extends typeof PropControllerTypes.TextArea\n  ? ResolveTextAreaPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextArea }>>\n  : T['type'] extends typeof PropControllerTypes.TextInput\n  ? ResolveTextInputPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextInput }>>\n  : T['type'] extends typeof PropControllerTypes.Video\n  ? ResolveVideoPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Video }>>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> = T extends PanelDescriptor<infer U>\n  ? U\n  : never\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,IAAAA,gBAAiC;AAsI1B,MAAM,QAAQ;AAAA,EACnB,0BAA0B;AAAA,EAC1B,OAAO;AACT;AA4BO,SAAS,yBACd,SACsE;AACtE,SAAO,EAAE,MAAM,MAAM,0BAA0B,QAAQ;AACzD;","names":["import_style"]}

package/dist/cjs/prop-controllers/index.js

@@ -32,12 +32,9 @@ __export(prop_controllers_exports, {
   Introspection: () => Introspection,
   Props: () => Props,
   RichTextPropControllerMessageType: () => import_instances.RichTextPropControllerMessageType,
-  TableFormFieldsMessageType: () => import_instances.TableFormFieldsMessageType,
-  socialLinkTypesV0: () => import_descriptors.socialLinkTypesV0,
-  socialLinkTypesV1: () => import_descriptors.socialLinkTypesV1
+  TableFormFieldsMessageType: () => import_instances.TableFormFieldsMessageType
 });
 module.exports = __toCommonJS(prop_controllers_exports);
-var import_descriptors = require("./descriptors");
 var Props = __toESM(require("./descriptors"));
 var import_instances = require("./instances");
 var Introspection = __toESM(require("./introspection"));
@@ -48,8 +45,6 @@ var import_deleted = require("./deleted");
   Introspection,
   Props,
   RichTextPropControllerMessageType,
-  TableFormFieldsMessageType,
-  socialLinkTypesV0,
-  socialLinkTypesV1
+  TableFormFieldsMessageType
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/prop-controllers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/index.ts"],"sourcesContent":["export type {\n  Data,\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  ResponsiveIconRadioGroupDescriptor,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveSelectDescriptor,\n  ResponsiveSelectValue,\n  TextInputDescriptor,\n  TextInputValue,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n  SocialLinksDescriptor,\n  SocialLinksValue,\n} from './descriptors'\nexport type {\n  ResponsiveValueType,\n  Device,\n  DeviceOverride,\n  ResponsiveValue,\n} from '@makeswift/prop-controllers'\nexport { socialLinkTypesV0, socialLinkTypesV1 } from './descriptors'\nexport * as Props from './descriptors'\nexport type {\n  PropControllerMessage,\n  RichTextPropControllerMessage,\n  TableFormFieldsMessage,\n} from './instances'\nexport { RichTextPropControllerMessageType, TableFormFieldsMessageType } from './instances'\nexport * as Introspection from './introspection'\nexport { DELETED_PROP_CONTROLLER_TYPES } from './deleted'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,yBAAqD;AACrD,YAAuB;AAMvB,uBAA8E;AAC9E,oBAA+B;AAC/B,qBAA8C;","names":[]}
+{"version":3,"sources":["../../../src/prop-controllers/index.ts"],"sourcesContent":["export type {\n  Data,\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  ResponsiveIconRadioGroupDescriptor,\n  ResponsiveIconRadioGroupValue,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n} from './descriptors'\nexport type {\n  ResponsiveValueType,\n  Device,\n  DeviceOverride,\n  ResponsiveValue,\n} from '@makeswift/prop-controllers'\nexport * as Props from './descriptors'\nexport type {\n  PropControllerMessage,\n  RichTextPropControllerMessage,\n  TableFormFieldsMessage,\n} from './instances'\nexport { RichTextPropControllerMessageType, TableFormFieldsMessageType } from './instances'\nexport * as Introspection from './introspection'\nexport { DELETED_PROP_CONTROLLER_TYPES } from './deleted'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA,YAAuB;AAMvB,uBAA8E;AAC9E,oBAA+B;AAC/B,qBAA8C;","names":[]}

package/dist/cjs/runtimes/react/controls.js

@@ -66,6 +66,7 @@ var import_useGridPropControllerData = require("../../components/hooks/useGridPr
 var import_useImagePropControllerData = require("../../components/hooks/useImagePropControllerData");
 var import_useImagesPropControllerData = require("../../components/hooks/useImagesPropControllerData");
 var import_useBackgroundsPropControllerData = require("../../components/hooks/useBackgroundsPropControllerData");
+var import_useTextInputPropControllerData = require("../../components/hooks/useTextInputPropControllerData");
 function useWidthStyle(data, descriptor) {
   const value = (0, import_prop_controllers.getWidthPropControllerDataResponsiveLengthData)(data);
   return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveWidth)(value, descriptor.options.defaultValue));
@@ -452,6 +453,16 @@ function PropsValue({ element, children }) {
             },
             descriptor.type
           );
+        case import_prop_controllers.Types.TextInput:
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.RenderHook,
+            {
+              hook: import_useTextInputPropControllerData.useTextInputPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
         case import_prop_controllers.Types.TextArea:
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_components.RenderHook,
@@ -502,6 +513,11 @@ function PropsValue({ element, children }) {
             },
             descriptor.type
           );
+        case import_prop_controllers.Types.SocialLinks:
+          return renderFn({
+            ...propsValue,
+            [propName]: (0, import_prop_controllers.getSocialLinksPropControllerDataSocialLinksData)(props[propName])
+          });
         case import_prop_controllers.Types.Grid:
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_components.RenderHook,

package/dist/cjs/runtimes/react/controls.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/controls.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { CheckboxControlType, IconRadioGroupControlType, NumberControlType, TextInputControlType, TextAreaControlType } from '@makeswift/controls'\n\nimport * as ReactPage from '../../state/react-page'\n\nimport {\n  useBoxShadow,\n  useBorder as useBorderData,\n  useLinkPropControllerData,\n  useCheckboxPropControllerData,\n  useDatePropControllerData,\n  useFontPropControllerData,\n  useVideoPropControllerData,\n  useTablePropControllerData,\n} from '../../components/hooks'\nimport type { ColorValue } from '../../components/utils/types'\nimport {\n  useResponsiveBorder,\n  useResponsiveBorderRadius,\n  useResponsiveMargin,\n  useResponsivePadding,\n  useResponsiveShadow,\n  useResponsiveWidth,\n} from '../../components/utils/responsive-style'\nimport {\n  ColorControlType,\n  ComboboxControlType,\n  ImageControlType,\n  LinkControlType,\n  ListControlType,\n  SelectControlType,\n  ShapeControlType,\n  SlotControl,\n  SlotControlType,\n  StyleControlType,\n  RichTextControl,\n  RichTextControlType,\n  StyleControl,\n  RichTextV2Control,\n  RichTextV2ControlType,\n  StyleV2ControlType,\n  TypographyControlType,\n} from '../../controls'\nimport { useFormattedStyle } from './controls/style'\nimport { ControlValue } from './controls/control'\nimport { RenderHook } from './components'\nimport { useSlot } from './controls/slot'\nimport { useStyle } from './use-style'\nimport { useRichText } from './controls/rich-text/rich-text'\nimport { useRichTextV2 } from './controls/rich-text-v2'\nimport { useStore } from './hooks/use-store'\nimport { useDocumentKey } from './hooks/use-document-key'\nimport { useSelector } from './hooks/use-selector'\nimport {\n  Types as PropControllerTypes,\n  getShadowsPropControllerDataResponsiveShadowsData,\n  ShadowsPropControllerData,\n  Shadows,\n  ResponsiveValue,\n  BorderPropControllerFormat,\n  ResponsiveBorderData,\n  BorderPropControllerData,\n  getBorderPropControllerDataResponsiveBorderData,\n  getBorderRadiusPropControllerDataResponsiveBorderRadiusData,\n  BorderRadiusPropControllerData,\n  BorderRadiusPropControllerFormat,\n  MarginPropControllerFormat,\n  MarginPropControllerData,\n  getMarginPropControllerDataResponsiveMarginData,\n  PaddingPropControllerData,\n  getPaddingPropControllerDataResponsivePaddingData,\n  PaddingPropControllerFormat,\n  WidthPropControllerData,\n  getWidthPropControllerDataResponsiveLengthData,\n  WidthPropControllerFormat,\n  WidthDescriptor,\n  GapX,\n  ResponsiveNumber,\n  ResponsiveOpacity,\n} from '@makeswift/prop-controllers'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\nimport { useNavigationLinksPropControllerData } from '../../components/hooks/useNavigationLinksPropControllerData'\nimport { useTextAreaPropControllerData } from '../../components/hooks/useTextAreaPropControllerData'\nimport { usePropValue } from '../../components/hooks/usePropValue'\nimport { useGapYPropControllerData } from '../../components/hooks/useGapYPropControllerData'\nimport { useElementIDPropControllerData } from '../../components/hooks/useElementIDPropControllerData'\nimport { useTableFormFieldsPropControllerData } from '../../components/hooks/useTableFormFieldsPropControllerData'\nimport { useGridPropControllerData } from '../../components/hooks/useGridPropControllerData'\nimport { useImagePropControllerData } from '../../components/hooks/useImagePropControllerData'\nimport { useImagesPropControllerData } from '../../components/hooks/useImagesPropControllerData'\nimport { useBackgroundsPropControllerData } from '../../components/hooks/useBackgroundsPropControllerData'\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n\nfunction useWidthStyle(\n  data: WidthPropControllerData | undefined,\n  descriptor: WidthDescriptor,\n): string {\n  const value = getWidthPropControllerDataResponsiveLengthData(data)\n\n  return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue))\n}\n\nfunction usePaddingStyle(data: PaddingPropControllerData | undefined): string {\n  const value = getPaddingPropControllerDataResponsivePaddingData(data)\n\n  return useStyle(useResponsivePadding(value))\n}\n\nfunction useMarginStyle(data: MarginPropControllerData | undefined): string {\n  const value = getMarginPropControllerDataResponsiveMarginData(data)\n\n  return useStyle(useResponsiveMargin(value))\n}\n\nexport function useBorderRadiusStyle(data: BorderRadiusPropControllerData | undefined): string {\n  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n  return useStyle(useResponsiveBorderRadius(value))\n}\n\nexport function useShadowsStyle(data: ShadowsPropControllerData | undefined): string {\n  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? undefined))\n}\n\nexport function useBorderStyle(\n  data: BorderPropControllerData | undefined,\n): string | ResponsiveBorderData | undefined {\n  const value = getBorderPropControllerDataResponsiveBorderData(data)\n  const borderData = useBorderData(value)\n\n  return useStyle(useResponsiveBorder(borderData ?? undefined))\n}\n\ntype PropsValueProps = {\n  element: ReactPage.ElementData\n  children(props: Record<string, unknown>): JSX.Element\n}\n\nexport function PropsValue({ element, children }: PropsValueProps): JSX.Element {\n  const store = useStore()\n  const propControllerDescriptorsRef = useRef(\n    ReactPage.getComponentPropControllerDescriptors(store.getState(), element.type) ?? {},\n  )\n  const props = element.props as Record<string, any>\n  const documentKey = useDocumentKey()\n\n  const propControllers = useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, element.key)\n  })\n\n  return Object.entries(propControllerDescriptorsRef.current).reduceRight(\n    (renderFn, [propName, descriptor]) =>\n      propsValue => {\n        switch (descriptor.type) {\n          case CheckboxControlType:\n          case NumberControlType:\n          case TextInputControlType:\n          case TextAreaControlType:\n          case SelectControlType:\n          case ColorControlType:\n          case IconRadioGroupControlType:\n          case ImageControlType:\n          case ComboboxControlType:\n          case ShapeControlType:\n          case ListControlType:\n          case LinkControlType:\n          case StyleV2ControlType:\n          case TypographyControlType:\n            return (\n              <ControlValue\n                definition={descriptor}\n                data={props[propName]}\n                control={propControllers?.[propName]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </ControlValue>\n            )\n\n          case StyleControlType: {\n            const control = (propControllers?.[propName] ?? null) as StyleControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFormattedStyle}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichText}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextV2ControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextV2Control | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichTextV2}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case SlotControlType: {\n            const control = (propControllers?.[propName] ?? null) as SlotControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useSlot}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case PropControllerTypes.Width:\n            switch (descriptor.options.format) {\n              case WidthPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useWidthStyle}\n                    parameters={[props[propName], descriptor]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case WidthPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getWidthPropControllerDataResponsiveLengthData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Padding:\n            switch (descriptor.options.format) {\n              case PaddingPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={usePaddingStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case PaddingPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getPaddingPropControllerDataResponsivePaddingData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Margin:\n            switch (descriptor.options.format) {\n              case MarginPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useMarginStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case MarginPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getMarginPropControllerDataResponsiveMarginData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.BorderRadius:\n            switch (descriptor.options.format) {\n              case BorderRadiusPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderRadiusStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case BorderRadiusPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getBorderRadiusPropControllerDataResponsiveBorderRadiusData(\n                    props[propName],\n                  ),\n                })\n            }\n\n          case PropControllerTypes.Backgrounds:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useBackgroundsPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Image:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useImagePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Images:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useImagesPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Number:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNumberPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveNumber:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(ResponsiveNumber, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveOpacity:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(ResponsiveOpacity, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveLength:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveLengthPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Shadows:\n            switch (descriptor.options.format) {\n              case Shadows.Format.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useShadowsStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case Shadows.Format.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getShadowsPropControllerDataResponsiveShadowsData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Border:\n            switch (descriptor.options.format) {\n              case BorderPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case BorderPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getBorderPropControllerDataResponsiveBorderData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.ResponsiveColor:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveColorPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Link:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useLinkPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Checkbox:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useCheckboxPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Date:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useDatePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Font:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFontPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Video:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useVideoPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Table:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTablePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextStyle:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextStylePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.NavigationLinks:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNavigationLinksPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextArea:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextAreaPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.GapX:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(GapX, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.GapY:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useGapYPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ElementID:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useElementIDPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TableFormFields:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTableFormFieldsPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Grid:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useGridPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          default:\n            return renderFn({ ...propsValue, [propName]: props[propName] })\n        }\n      },\n    children,\n  )({})\n}\n"],"mappings":"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","names":["import_controls","useBorderData","PropControllerTypes"]}
+{"version":3,"sources":["../../../../src/runtimes/react/controls.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport {\n  CheckboxControlType,\n  IconRadioGroupControlType,\n  NumberControlType,\n  TextInputControlType,\n  TextAreaControlType,\n} from '@makeswift/controls'\n\nimport * as ReactPage from '../../state/react-page'\n\nimport {\n  useBoxShadow,\n  useBorder as useBorderData,\n  useLinkPropControllerData,\n  useCheckboxPropControllerData,\n  useDatePropControllerData,\n  useFontPropControllerData,\n  useVideoPropControllerData,\n  useTablePropControllerData,\n} from '../../components/hooks'\nimport type { ColorValue } from '../../components/utils/types'\nimport {\n  useResponsiveBorder,\n  useResponsiveBorderRadius,\n  useResponsiveMargin,\n  useResponsivePadding,\n  useResponsiveShadow,\n  useResponsiveWidth,\n} from '../../components/utils/responsive-style'\nimport {\n  ColorControlType,\n  ComboboxControlType,\n  ImageControlType,\n  LinkControlType,\n  ListControlType,\n  SelectControlType,\n  ShapeControlType,\n  SlotControl,\n  SlotControlType,\n  StyleControlType,\n  RichTextControl,\n  RichTextControlType,\n  StyleControl,\n  RichTextV2Control,\n  RichTextV2ControlType,\n  StyleV2ControlType,\n  TypographyControlType,\n} from '../../controls'\nimport { useFormattedStyle } from './controls/style'\nimport { ControlValue } from './controls/control'\nimport { RenderHook } from './components'\nimport { useSlot } from './controls/slot'\nimport { useStyle } from './use-style'\nimport { useRichText } from './controls/rich-text/rich-text'\nimport { useRichTextV2 } from './controls/rich-text-v2'\nimport { useStore } from './hooks/use-store'\nimport { useDocumentKey } from './hooks/use-document-key'\nimport { useSelector } from './hooks/use-selector'\nimport {\n  Types as PropControllerTypes,\n  getShadowsPropControllerDataResponsiveShadowsData,\n  ShadowsPropControllerData,\n  Shadows,\n  ResponsiveValue,\n  BorderPropControllerFormat,\n  ResponsiveBorderData,\n  BorderPropControllerData,\n  getBorderPropControllerDataResponsiveBorderData,\n  getBorderRadiusPropControllerDataResponsiveBorderRadiusData,\n  BorderRadiusPropControllerData,\n  BorderRadiusPropControllerFormat,\n  MarginPropControllerFormat,\n  MarginPropControllerData,\n  getMarginPropControllerDataResponsiveMarginData,\n  PaddingPropControllerData,\n  getPaddingPropControllerDataResponsivePaddingData,\n  PaddingPropControllerFormat,\n  WidthPropControllerData,\n  getWidthPropControllerDataResponsiveLengthData,\n  WidthPropControllerFormat,\n  WidthDescriptor,\n  GapX,\n  ResponsiveNumber,\n  ResponsiveOpacity,\n  getSocialLinksPropControllerDataSocialLinksData,\n} from '@makeswift/prop-controllers'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\nimport { useNavigationLinksPropControllerData } from '../../components/hooks/useNavigationLinksPropControllerData'\nimport { useTextAreaPropControllerData } from '../../components/hooks/useTextAreaPropControllerData'\nimport { usePropValue } from '../../components/hooks/usePropValue'\nimport { useGapYPropControllerData } from '../../components/hooks/useGapYPropControllerData'\nimport { useElementIDPropControllerData } from '../../components/hooks/useElementIDPropControllerData'\nimport { useTableFormFieldsPropControllerData } from '../../components/hooks/useTableFormFieldsPropControllerData'\nimport { useGridPropControllerData } from '../../components/hooks/useGridPropControllerData'\nimport { useImagePropControllerData } from '../../components/hooks/useImagePropControllerData'\nimport { useImagesPropControllerData } from '../../components/hooks/useImagesPropControllerData'\nimport { useBackgroundsPropControllerData } from '../../components/hooks/useBackgroundsPropControllerData'\nimport { useTextInputPropControllerData } from '../../components/hooks/useTextInputPropControllerData'\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n\nfunction useWidthStyle(\n  data: WidthPropControllerData | undefined,\n  descriptor: WidthDescriptor,\n): string {\n  const value = getWidthPropControllerDataResponsiveLengthData(data)\n\n  return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue))\n}\n\nfunction usePaddingStyle(data: PaddingPropControllerData | undefined): string {\n  const value = getPaddingPropControllerDataResponsivePaddingData(data)\n\n  return useStyle(useResponsivePadding(value))\n}\n\nfunction useMarginStyle(data: MarginPropControllerData | undefined): string {\n  const value = getMarginPropControllerDataResponsiveMarginData(data)\n\n  return useStyle(useResponsiveMargin(value))\n}\n\nexport function useBorderRadiusStyle(data: BorderRadiusPropControllerData | undefined): string {\n  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n  return useStyle(useResponsiveBorderRadius(value))\n}\n\nexport function useShadowsStyle(data: ShadowsPropControllerData | undefined): string {\n  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? undefined))\n}\n\nexport function useBorderStyle(\n  data: BorderPropControllerData | undefined,\n): string | ResponsiveBorderData | undefined {\n  const value = getBorderPropControllerDataResponsiveBorderData(data)\n  const borderData = useBorderData(value)\n\n  return useStyle(useResponsiveBorder(borderData ?? undefined))\n}\n\ntype PropsValueProps = {\n  element: ReactPage.ElementData\n  children(props: Record<string, unknown>): JSX.Element\n}\n\nexport function PropsValue({ element, children }: PropsValueProps): JSX.Element {\n  const store = useStore()\n  const propControllerDescriptorsRef = useRef(\n    ReactPage.getComponentPropControllerDescriptors(store.getState(), element.type) ?? {},\n  )\n  const props = element.props as Record<string, any>\n  const documentKey = useDocumentKey()\n\n  const propControllers = useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, element.key)\n  })\n\n  return Object.entries(propControllerDescriptorsRef.current).reduceRight(\n    (renderFn, [propName, descriptor]) =>\n      propsValue => {\n        switch (descriptor.type) {\n          case CheckboxControlType:\n          case NumberControlType:\n          case TextInputControlType:\n          case TextAreaControlType:\n          case SelectControlType:\n          case ColorControlType:\n          case IconRadioGroupControlType:\n          case ImageControlType:\n          case ComboboxControlType:\n          case ShapeControlType:\n          case ListControlType:\n          case LinkControlType:\n          case StyleV2ControlType:\n          case TypographyControlType:\n            return (\n              <ControlValue\n                definition={descriptor}\n                data={props[propName]}\n                control={propControllers?.[propName]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </ControlValue>\n            )\n\n          case StyleControlType: {\n            const control = (propControllers?.[propName] ?? null) as StyleControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFormattedStyle}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichText}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextV2ControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextV2Control | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichTextV2}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case SlotControlType: {\n            const control = (propControllers?.[propName] ?? null) as SlotControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useSlot}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case PropControllerTypes.Width:\n            switch (descriptor.options.format) {\n              case WidthPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useWidthStyle}\n                    parameters={[props[propName], descriptor]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case WidthPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getWidthPropControllerDataResponsiveLengthData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Padding:\n            switch (descriptor.options.format) {\n              case PaddingPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={usePaddingStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case PaddingPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getPaddingPropControllerDataResponsivePaddingData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Margin:\n            switch (descriptor.options.format) {\n              case MarginPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useMarginStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case MarginPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getMarginPropControllerDataResponsiveMarginData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.BorderRadius:\n            switch (descriptor.options.format) {\n              case BorderRadiusPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderRadiusStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case BorderRadiusPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getBorderRadiusPropControllerDataResponsiveBorderRadiusData(\n                    props[propName],\n                  ),\n                })\n            }\n\n          case PropControllerTypes.Backgrounds:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useBackgroundsPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Image:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useImagePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Images:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useImagesPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Number:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNumberPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveNumber:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(ResponsiveNumber, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveOpacity:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(ResponsiveOpacity, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveLength:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveLengthPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Shadows:\n            switch (descriptor.options.format) {\n              case Shadows.Format.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useShadowsStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case Shadows.Format.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getShadowsPropControllerDataResponsiveShadowsData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Border:\n            switch (descriptor.options.format) {\n              case BorderPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case BorderPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getBorderPropControllerDataResponsiveBorderData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.ResponsiveColor:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveColorPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Link:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useLinkPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Checkbox:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useCheckboxPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Date:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useDatePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Font:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFontPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Video:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useVideoPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Table:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTablePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextStyle:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextStylePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.NavigationLinks:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNavigationLinksPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextInput:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextInputPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextArea:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextAreaPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.GapX:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(GapX, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.GapY:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useGapYPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ElementID:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useElementIDPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TableFormFields:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTableFormFieldsPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.SocialLinks:\n            return renderFn({\n              ...propsValue,\n              [propName]: getSocialLinksPropControllerDataSocialLinksData(props[propName]),\n            })\n\n          case PropControllerTypes.Grid:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useGridPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          default:\n            return renderFn({ ...propsValue, [propName]: props[propName] })\n        }\n      },\n    children,\n  )({})\n}\n"],"mappings":"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","names":["import_controls","useBorderData","PropControllerTypes"]}

package/dist/esm/builder/serialization/control-serialization.js

@@ -226,20 +226,6 @@ function deserializeTextInputControl(serializedControl) {
   const deserializedOptions = deserializeFunction(options);
   return { ...serializedControl, options: deserializedOptions };
 }
-function serializeResponsiveSelectControl(control) {
-  const { options } = control;
-  if (typeof options !== "function")
-    return [{ ...control, options }, []];
-  const serializedOptions = serializeFunction(options);
-  return [{ ...control, options: serializedOptions }, [serializedOptions]];
-}
-function deserializeResponsiveSelectControl(serializedControl) {
-  const { options } = serializedControl;
-  if (!isSerializedFunction(options))
-    return { ...serializedControl, options };
-  const deserializedOptions = deserializeFunction(options);
-  return { ...serializedControl, options: deserializedOptions };
-}
 function serializeResponsiveLengthControl(control) {
   const { options } = control;
   if (typeof options !== "function")
@@ -318,15 +304,15 @@ function serializeControl(control) {
       return serializeNumberControl(control);
     case Controls.Types.ResponsiveIconRadioGroup:
       return serializeResponsiveIconRadioGroupControl(control);
-    case Controls.Types.ResponsiveSelect:
-      return serializeResponsiveSelectControl(control);
+    case PropControllerTypes.ResponsiveSelect:
+      return serializeControlDef(control);
     case PropControllerTypes.ResponsiveLength:
       return serializeResponsiveLengthControl(control);
     case PropControllerTypes.Date:
       return serializeDateControl(control);
     case PropControllerTypes.Link:
       return serializeLinkControl(control);
-    case Controls.Types.TextInput:
+    case PropControllerTypes.TextInput:
       return serializeTextInputControl(control);
     case PropControllerTypes.TextStyle:
       return serializeTextStyleControl(control);
@@ -370,15 +356,15 @@ function deserializeControl(serializedControl) {
       return deserializeNumberControl(serializedControl);
     case Controls.Types.ResponsiveIconRadioGroup:
       return deserializeResponsiveIconRadioGroupControl(serializedControl);
-    case Controls.Types.ResponsiveSelect:
-      return deserializeResponsiveSelectControl(serializedControl);
+    case PropControllerTypes.ResponsiveSelect:
+      return deserializeControlDef(serializedControl);
     case PropControllerTypes.ResponsiveLength:
       return deserializeResponsiveLengthControl(serializedControl);
     case PropControllerTypes.Date:
       return deserializeDateControl(serializedControl);
     case PropControllerTypes.Link:
       return deserializeLinkControl(serializedControl);
-    case Controls.Types.TextInput:
+    case PropControllerTypes.TextInput:
       return deserializeTextInputControl(serializedControl);
     case PropControllerTypes.TextStyle:
       return deserializeTextStyleControl(serializedControl);