@plasmicpkgs/antd5 0.0.168 → 0.0.170

package/skinny/registerSlider.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSlider.esm.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { PropType } from \"@plasmicapp/host\";\nimport { Slider } from \"antd\";\nimport type { SliderTooltipProps } from \"antd/lib/slider\";\nimport type { TooltipPlacement } from \"antd/lib/tooltip\";\nimport kebabCase from \"lodash/kebabCase\";\nimport React, { ReactElement, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport type StylableMark = {\n  mark: number;\n  children: React.ReactNode;\n};\n\nexport type SliderTooltip = {\n  tooltipPrefix?: string;\n  tooltipSuffix?: string;\n  tooltipVisible?: boolean | string;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nexport type SimpleMark = { value: number; label: string };\n\nexport type AntdSliderBaseProps = Omit<\n  React.ComponentProps<typeof Slider>,\n  | \"range\"\n  | \"tooltipVisible\"\n  | \"tooltip\"\n  | \"marks\"\n  | \"onChange\"\n  | \"onAfterChange\"\n  | \"value\"\n  | \"defaultValue\"\n  | \"trackStyle\"\n  | \"railStyle\"\n  | \"handleStyle\"\n> &\n  SliderTooltip & {\n    stylableMarks?: ReactElement;\n    marks?: SimpleMark[];\n    sliderScopeClassName?: string;\n  };\n\nexport interface AntdSingleSliderProps extends AntdSliderBaseProps {\n  value?: number;\n  defaultValue?: number;\n  onChange: (value?: number) => void;\n  onAfterChange: (value?: number) => void;\n}\n\nexport interface AntdRangeSliderProps extends AntdSliderBaseProps {\n  draggableTrack?: boolean;\n  valueMin?: number;\n  valueMax?: number;\n  defaultValueMin?: number;\n  defaultValueMax?: number;\n  onChange: (value?: number[]) => void;\n  onAfterChange: (value?: number[]) => void;\n}\n\nexport function useMarks({\n  simpleMarks,\n  stylableMarks,\n}: {\n  simpleMarks?: SimpleMark[];\n  stylableMarks?: ReactElement;\n}): Record<number, React.ReactNode | { label: string }> {\n  const marks: Record<number, React.ReactNode | { label: string }> =\n    useMemo(() => {\n      const stylableMarksList =\n        (stylableMarks?.type as any)?.name == AntdSliderMark.name\n          ? [stylableMarks]\n          : stylableMarks?.props.children;\n      const res: Record<number, React.ReactNode | { label: string }> = {};\n\n      stylableMarksList\n        ?.filter(\n          (c: any) =>\n            React.isValidElement(c) &&\n            (c.type as any)?.name === AntdSliderMark.name\n        )\n        .forEach((c: ReactElement<StylableMark>) => {\n          res[c.props.mark] = c.props.children;\n        });\n\n      simpleMarks?.forEach((mark) => {\n        res[mark.value] = { label: mark.label };\n      });\n      return res;\n    }, [simpleMarks, stylableMarks]);\n\n  return marks;\n}\n\nexport function useTooltip({\n  tooltipVisible,\n  tooltipPlacement,\n  tooltipPrefix,\n  tooltipSuffix,\n}: SliderTooltip): SliderTooltipProps {\n  return {\n    open: tooltipVisible === \"unset\" ? undefined : Boolean(tooltipVisible),\n    placement: tooltipPlacement,\n    getPopupContainer: (node) => node,\n    formatter: (value) =>\n      `${tooltipPrefix || \"\"}${value}${tooltipSuffix || \"\"}`,\n  };\n}\n\nexport function AntdRangeSlider(props: AntdRangeSliderProps) {\n  const {\n    marks,\n    stylableMarks,\n    sliderScopeClassName,\n    className,\n    tooltipVisible,\n    tooltipPlacement,\n    tooltipPrefix,\n    tooltipSuffix,\n    draggableTrack,\n    valueMin,\n    valueMax,\n    defaultValueMin,\n    defaultValueMax,\n    ...rest\n  } = props;\n  const marksProp = useMarks({ simpleMarks: marks, stylableMarks });\n  const tooltipProp = useTooltip({\n    tooltipVisible,\n    tooltipPlacement,\n    tooltipPrefix,\n    tooltipSuffix,\n  });\n  return (\n    <Slider\n      value={[valueMin || 0, valueMax || 0]}\n      defaultValue={[defaultValueMin || 0, defaultValueMax || 0]}\n      range={{ draggableTrack }}\n      className={`${sliderScopeClassName} ${className}`}\n      tooltip={tooltipProp}\n      marks={marksProp}\n      {...rest}\n    />\n  );\n}\n\nexport function AntdSingleSlider(props: AntdSingleSliderProps) {\n  const {\n    marks,\n    stylableMarks,\n    sliderScopeClassName,\n    className,\n    tooltipVisible,\n    tooltipPlacement,\n    tooltipPrefix,\n    tooltipSuffix,\n    ...rest\n  } = props;\n\n  const marksProp = useMarks({ simpleMarks: marks, stylableMarks });\n  const tooltipProp = useTooltip({\n    tooltipVisible,\n    tooltipPlacement,\n    tooltipPrefix,\n    tooltipSuffix,\n  });\n  return (\n    <Slider\n      className={`${sliderScopeClassName} ${className}`}\n      tooltip={tooltipProp}\n      marks={marksProp}\n      {...rest}\n    />\n  );\n}\n\nexport function AntdSliderMark(props: StylableMark) {\n  return <>{props.children}</>;\n}\n\nexport const sliderComponentName = \"plasmic-antd5-slider\";\nexport const rangeSliderComponentName = \"plasmic-antd5-range-slider\";\nexport const sliderMarkComponentName = \"plasmic-antd5-slider-mark\";\n\nconst commonProps: Record<string, PropType<any>> = {\n  autoFocus: {\n    type: \"boolean\",\n    description: \"Focus when component is rendered\",\n    defaultValueHint: false,\n    advanced: true,\n  },\n  disabled: {\n    type: \"boolean\",\n    description: \"If true, the slider thumb will not be draggable\",\n    defaultValueHint: false,\n  },\n  keyboard: {\n    type: \"boolean\",\n    description: \"Support using keyboard to move handlers\",\n    defaultValueHint: true,\n    advanced: true,\n  },\n  dots: {\n    type: \"boolean\",\n    displayName: \"Show dots\",\n    description: \"Show dot at every step on the slider\",\n    defaultValueHint: false,\n    advanced: true,\n  },\n  marks: {\n    type: \"array\",\n    description: \"Specific markers or snap points on the slider\",\n    itemType: {\n      nameFunc: (value) => `${value.value} → ${value.label}`,\n      type: \"object\",\n      fields: {\n        value: {\n          type: \"number\",\n          description: \"value on the slider\",\n        },\n        label: \"string\",\n      },\n    },\n  },\n  stylableMarks: {\n    type: \"slot\",\n    displayName: \"Stylable Marks\",\n    allowedComponents: [sliderMarkComponentName],\n    defaultValue: [\n      {\n        type: \"component\",\n        name: sliderMarkComponentName,\n        props: {\n          mark: 50,\n          children: {\n            type: \"text\",\n            value: \"Stylable Mark\",\n          },\n        },\n      },\n    ],\n  },\n  included: {\n    type: \"boolean\",\n    description: \"Fill the slider till the selected value\",\n    defaultValueHint: true,\n    advanced: true,\n  },\n  min: {\n    type: \"number\",\n    description: \"The minimum value the slider can slide to\",\n    defaultValueHint: 0,\n    displayName: \"Slider start\",\n  },\n  max: {\n    type: \"number\",\n    description: \"The maximum value the slider can slide to\",\n    defaultValueHint: 100,\n    displayName: \"Slider end\",\n  },\n  reverse: {\n    type: \"boolean\",\n    description:\n      \"Reverse the slider, so that the starting point is at the right end\",\n    defaultValueHint: false,\n    advanced: true,\n  },\n  step: {\n    type: \"number\",\n    description: \"Granularity of the slider's movement\",\n    defaultValueHint: 1,\n    min: 0,\n  },\n  vertical: {\n    type: \"boolean\",\n    description: \"Slide vertically\",\n    defaultValueHint: false,\n    advanced: true,\n    helpText:\n      \"Please increase the slider height to make the vertical slider visible\",\n  },\n  tooltipVisible: {\n    type: \"choice\",\n    displayName: \"Show tooltip\",\n    options: [\n      {\n        value: true,\n        label: \"Always\",\n      },\n      {\n        value: false,\n        label: \"Never\",\n      },\n      {\n        value: \"unset\",\n        label: \"Only on drag/hover\",\n      },\n    ],\n    defaultValueHint: \"unset\",\n    defaultValue: \"unset\",\n    advanced: true,\n  },\n  tooltipPlacement: {\n    type: \"choice\",\n    options: [\n      \"topLeft\",\n      \"top\",\n      \"topRight\",\n      \"leftTop\",\n      \"left\",\n      \"leftBottom\",\n      \"rightTop\",\n      \"right\",\n      \"rightBottom\",\n      \"bottomLeft\",\n      \"bottom\",\n      \"bottomRight\",\n    ].map((item) => ({\n      value: item,\n      label: kebabCase(item),\n    })),\n    description: \"Default placement of tooltip\",\n    defaultValueHint: \"top\",\n    advanced: true,\n  },\n  tooltipPrefix: {\n    type: \"string\",\n    description: \"Add a prefix to the slider value inside tooltip\",\n    advanced: true,\n  },\n  tooltipSuffix: {\n    type: \"string\",\n    description: \"Add a suffix to the slider value inside tooltip\",\n    advanced: true,\n  },\n  sliderScopeClassName: {\n    type: \"styleScopeClass\",\n    scopeName: \"slider\",\n  } as any,\n  railClassName: {\n    type: \"class\",\n    displayName: \"Rail\",\n    description: \"The path on which the thumb moves\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-rail\",\n        label: \"Base\",\n      },\n    ],\n  },\n  trackClassName: {\n    type: \"class\",\n    displayName: \"Track\",\n    description: \"The inclusive part of the slider rail\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-track\",\n        label: \"Base\",\n      },\n    ],\n  },\n  handleClassName: {\n    type: \"class\",\n    displayName: \"Handle\",\n    description: \"Thumb of the slider that moves on drag\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-handle::after\",\n        label: \"Base\",\n      },\n    ],\n  },\n  dotClassName: {\n    type: \"class\",\n    displayName: \"Step dots\",\n    description: \"The dots that represent steps on the slider rail\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-dot\",\n        label: \"Base\",\n      },\n    ],\n  },\n  activeDotClassName: {\n    type: \"class\",\n    displayName: \"Active dots\",\n    description: \"The dots within the inclusive part of the slider rail\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-dot.ant-slider-dot-active\",\n        label: \"Base\",\n      },\n    ],\n  },\n  tooltipClassName: {\n    type: \"class\",\n    displayName: \"Tooltip\",\n    description: \"The tooltip that shows the value of the slider\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-tooltip\",\n        label: \"Base\",\n      },\n    ],\n  },\n};\n\nexport const rangeSliderHelpers = {\n  states: {\n    min: {\n      onChangeArgsToValue: (value: number[]) => value[0],\n    },\n    max: {\n      onChangeArgsToValue: (value: number[]) => value[1],\n    },\n  },\n};\n\nexport function registerSlider(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSingleSlider, {\n    name: sliderComponentName,\n    displayName: \"Slider\",\n    defaultStyles: {\n      width: \"300px\",\n    },\n    props: {\n      value: {\n        type: \"number\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"The default value of the slider\",\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"number\" }],\n      },\n      onAfterChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"number\" }],\n      },\n      ...commonProps,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n    importName: \"AntdSingleSlider\",\n  });\n  registerComponentHelper(loader, AntdRangeSlider, {\n    name: rangeSliderComponentName,\n    displayName: \"Range Slider\",\n    defaultStyles: {\n      width: \"300px\",\n    },\n    props: {\n      draggableTrack: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        description: \"Whether range track can be dragged\",\n      },\n      valueMin: {\n        type: \"number\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValueMin\",\n        description: \"The default minimum value of the range slider\",\n      },\n      valueMax: {\n        type: \"number\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValueMax\",\n        description: \"The default maximum value of the range slider\",\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      },\n      onAfterChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      },\n      ...commonProps,\n    },\n    states: {\n      min: {\n        type: \"writable\",\n        valueProp: \"valueMin\",\n        onChangeProp: \"onChange\",\n        variableType: \"number\",\n        ...rangeSliderHelpers.states.min,\n      },\n      max: {\n        type: \"writable\",\n        valueProp: \"valueMax\",\n        onChangeProp: \"onChange\",\n        variableType: \"number\",\n        ...rangeSliderHelpers.states.max,\n      },\n    },\n    componentHelpers: {\n      helpers: rangeSliderHelpers,\n      importName: \"rangeSliderHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n    importName: \"AntdRangeSlider\",\n  });\n  registerComponentHelper(loader, AntdSliderMark, {\n    name: sliderMarkComponentName,\n    displayName: \"Slider Mark\",\n    props: {\n      mark: {\n        type: \"number\",\n        description: \"value on the slider\",\n      },\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n    importName: \"AntdSliderMark\",\n    parentComponentName: sliderComponentName,\n  });\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"registerSlider.esm.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { PropType } from \"@plasmicapp/host\";\nimport { Slider } from \"antd\";\nimport type { SliderTooltipProps } from \"antd/lib/slider\";\nimport type { TooltipPlacement } from \"antd/lib/tooltip\";\nimport kebabCase from \"lodash/kebabCase\";\nimport React, { ReactElement, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport type StylableMark = {\n  mark: number;\n  children: React.ReactNode;\n};\n\nexport type SliderTooltip = {\n  tooltipPrefix?: string;\n  tooltipSuffix?: string;\n  tooltipVisible?: boolean | string;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nexport type SimpleMark = { value: number; label: string };\n\nexport type AntdSliderBaseProps = Omit<\n  React.ComponentProps<typeof Slider>,\n  | \"range\"\n  | \"tooltipVisible\"\n  | \"tooltip\"\n  | \"marks\"\n  | \"onChange\"\n  | \"onAfterChange\"\n  | \"value\"\n  | \"defaultValue\"\n  | \"trackStyle\"\n  | \"railStyle\"\n  | \"handleStyle\"\n> &\n  SliderTooltip & {\n    stylableMarks?: ReactElement;\n    marks?: SimpleMark[];\n    sliderScopeClassName?: string;\n  };\n\nexport interface AntdSingleSliderProps extends AntdSliderBaseProps {\n  value?: number;\n  defaultValue?: number;\n  onChange: (value?: number) => void;\n  onAfterChange: (value?: number) => void;\n}\n\nexport interface AntdRangeSliderProps extends AntdSliderBaseProps {\n  draggableTrack?: boolean;\n  valueMin?: number;\n  valueMax?: number;\n  defaultValueMin?: number;\n  defaultValueMax?: number;\n  onChange: (value?: number[]) => void;\n  onAfterChange: (value?: number[]) => void;\n}\n\nexport function useMarks({\n  simpleMarks,\n  stylableMarks,\n}: {\n  simpleMarks?: SimpleMark[];\n  stylableMarks?: ReactElement;\n}): Record<number, React.ReactNode | { label: string }> {\n  const marks: Record<number, React.ReactNode | { label: string }> =\n    useMemo(() => {\n      const stylableMarksList =\n        (stylableMarks?.type as any)?.name == AntdSliderMark.name\n          ? [stylableMarks]\n          : stylableMarks?.props.children;\n      const res: Record<number, React.ReactNode | { label: string }> = {};\n\n      stylableMarksList\n        ?.filter(\n          (c: any) =>\n            React.isValidElement(c) &&\n            (c.type as any)?.name === AntdSliderMark.name\n        )\n        .forEach((c: ReactElement<StylableMark>) => {\n          res[c.props.mark] = c.props.children;\n        });\n\n      simpleMarks?.forEach((mark) => {\n        res[mark.value] = { label: mark.label };\n      });\n      return res;\n    }, [simpleMarks, stylableMarks]);\n\n  return marks;\n}\n\nexport function useTooltip({\n  tooltipVisible,\n  tooltipPlacement,\n  tooltipPrefix,\n  tooltipSuffix,\n}: SliderTooltip): SliderTooltipProps {\n  return {\n    open: tooltipVisible === \"unset\" ? undefined : Boolean(tooltipVisible),\n    placement: tooltipPlacement,\n    getPopupContainer: (node) => node,\n    formatter: (value) =>\n      `${tooltipPrefix || \"\"}${value}${tooltipSuffix || \"\"}`,\n  };\n}\n\nexport function AntdRangeSlider(props: AntdRangeSliderProps) {\n  const {\n    marks,\n    stylableMarks,\n    sliderScopeClassName,\n    className,\n    tooltipVisible,\n    tooltipPlacement,\n    tooltipPrefix,\n    tooltipSuffix,\n    draggableTrack,\n    valueMin,\n    valueMax,\n    defaultValueMin,\n    defaultValueMax,\n    ...rest\n  } = props;\n  const marksProp = useMarks({ simpleMarks: marks, stylableMarks });\n  const tooltipProp = useTooltip({\n    tooltipVisible,\n    tooltipPlacement,\n    tooltipPrefix,\n    tooltipSuffix,\n  });\n  return (\n    <Slider\n      value={[valueMin || 0, valueMax || 0]}\n      defaultValue={[defaultValueMin || 0, defaultValueMax || 0]}\n      range={{ draggableTrack }}\n      className={`${sliderScopeClassName} ${className}`}\n      tooltip={tooltipProp}\n      marks={marksProp}\n      {...rest}\n    />\n  );\n}\n\nexport function AntdSingleSlider(props: AntdSingleSliderProps) {\n  const {\n    marks,\n    stylableMarks,\n    sliderScopeClassName,\n    className,\n    tooltipVisible,\n    tooltipPlacement,\n    tooltipPrefix,\n    tooltipSuffix,\n    ...rest\n  } = props;\n\n  const marksProp = useMarks({ simpleMarks: marks, stylableMarks });\n  const tooltipProp = useTooltip({\n    tooltipVisible,\n    tooltipPlacement,\n    tooltipPrefix,\n    tooltipSuffix,\n  });\n  return (\n    <Slider\n      className={`${sliderScopeClassName} ${className}`}\n      tooltip={tooltipProp}\n      marks={marksProp}\n      {...rest}\n    />\n  );\n}\n\nexport function AntdSliderMark(props: StylableMark) {\n  return <>{props.children}</>;\n}\n\nexport const sliderComponentName = \"plasmic-antd5-slider\";\nexport const rangeSliderComponentName = \"plasmic-antd5-range-slider\";\nexport const sliderMarkComponentName = \"plasmic-antd5-slider-mark\";\n\nconst commonProps: Record<string, PropType<any>> = {\n  autoFocus: {\n    type: \"boolean\",\n    description: \"Focus when component is rendered\",\n    defaultValueHint: false,\n    advanced: true,\n  },\n  disabled: {\n    type: \"boolean\",\n    description: \"If true, the slider thumb will not be draggable\",\n    defaultValueHint: false,\n  },\n  keyboard: {\n    type: \"boolean\",\n    description: \"Support using keyboard to move handlers\",\n    defaultValueHint: true,\n    advanced: true,\n  },\n  dots: {\n    type: \"boolean\",\n    displayName: \"Show dots\",\n    description: \"Show dot at every step on the slider\",\n    defaultValueHint: false,\n    advanced: true,\n  },\n  marks: {\n    type: \"array\",\n    description: \"Specific markers or snap points on the slider\",\n    itemType: {\n      nameFunc: (value) => `${value.value} → ${value.label}`,\n      type: \"object\",\n      fields: {\n        value: {\n          type: \"number\",\n          description: \"value on the slider\",\n        },\n        label: \"string\",\n      },\n    },\n  },\n  stylableMarks: {\n    type: \"slot\",\n    displayName: \"Stylable Marks\",\n    allowedComponents: [sliderMarkComponentName],\n    defaultValue: [\n      {\n        type: \"component\",\n        name: sliderMarkComponentName,\n        props: {\n          mark: 50,\n          children: {\n            type: \"text\",\n            value: \"Stylable Mark\",\n          },\n        },\n      },\n    ],\n  },\n  included: {\n    type: \"boolean\",\n    description: \"Fill the slider till the selected value\",\n    defaultValueHint: true,\n    advanced: true,\n  },\n  min: {\n    type: \"number\",\n    description: \"The minimum value the slider can slide to\",\n    defaultValueHint: 0,\n    displayName: \"Slider start\",\n  },\n  max: {\n    type: \"number\",\n    description: \"The maximum value the slider can slide to\",\n    defaultValueHint: 100,\n    displayName: \"Slider end\",\n  },\n  reverse: {\n    type: \"boolean\",\n    description:\n      \"Reverse the slider, so that the starting point is at the right end\",\n    defaultValueHint: false,\n    advanced: true,\n  },\n  step: {\n    type: \"number\",\n    description: \"Granularity of the slider's movement\",\n    defaultValueHint: 1,\n    min: 0,\n  },\n  vertical: {\n    type: \"boolean\",\n    description: \"Slide vertically\",\n    defaultValueHint: false,\n    advanced: true,\n    helpText:\n      \"Please increase the slider height to make the vertical slider visible\",\n  },\n  tooltipVisible: {\n    type: \"choice\",\n    displayName: \"Show tooltip\",\n    options: [\n      {\n        value: true,\n        label: \"Always\",\n      },\n      {\n        value: false,\n        label: \"Never\",\n      },\n      {\n        value: \"unset\",\n        label: \"Only on drag/hover\",\n      },\n    ],\n    defaultValueHint: \"unset\",\n    defaultValue: \"unset\",\n    advanced: true,\n  },\n  tooltipPlacement: {\n    type: \"choice\",\n    options: [\n      \"topLeft\",\n      \"top\",\n      \"topRight\",\n      \"leftTop\",\n      \"left\",\n      \"leftBottom\",\n      \"rightTop\",\n      \"right\",\n      \"rightBottom\",\n      \"bottomLeft\",\n      \"bottom\",\n      \"bottomRight\",\n    ].map((item) => ({\n      value: item,\n      label: kebabCase(item),\n    })),\n    description: \"Default placement of tooltip\",\n    defaultValueHint: \"top\",\n    advanced: true,\n  },\n  tooltipPrefix: {\n    type: \"string\",\n    description: \"Add a prefix to the slider value inside tooltip\",\n    advanced: true,\n  },\n  tooltipSuffix: {\n    type: \"string\",\n    description: \"Add a suffix to the slider value inside tooltip\",\n    advanced: true,\n  },\n  sliderScopeClassName: {\n    type: \"styleScopeClass\",\n    scopeName: \"slider\",\n  } as any,\n  railClassName: {\n    type: \"class\",\n    displayName: \"Rail\",\n    description: \"The path on which the thumb moves\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-rail\",\n        label: \"Base\",\n      },\n    ],\n  },\n  trackClassName: {\n    type: \"class\",\n    displayName: \"Track\",\n    description: \"The inclusive part of the slider rail\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-track\",\n        label: \"Base\",\n      },\n    ],\n  },\n  handleClassName: {\n    type: \"class\",\n    displayName: \"Handle\",\n    description: \"Thumb of the slider that moves on drag\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-handle::after\",\n        label: \"Base\",\n      },\n    ],\n  },\n  dotClassName: {\n    type: \"class\",\n    displayName: \"Step dots\",\n    description: \"The dots that represent steps on the slider rail\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-dot\",\n        label: \"Base\",\n      },\n    ],\n  },\n  activeDotClassName: {\n    type: \"class\",\n    displayName: \"Active dots\",\n    description: \"The dots within the inclusive part of the slider rail\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-dot.ant-slider-dot-active\",\n        label: \"Base\",\n      },\n    ],\n  },\n  tooltipClassName: {\n    type: \"class\",\n    displayName: \"Tooltip\",\n    description: \"The tooltip that shows the value of the slider\",\n    selectors: [\n      {\n        selector: \":slider.ant-slider .ant-slider-tooltip\",\n        label: \"Base\",\n      },\n    ],\n  },\n};\n\nexport const rangeSliderHelpers = {\n  states: {\n    min: {\n      onChangeArgsToValue: (value: number[]) => value[0],\n    },\n    max: {\n      onChangeArgsToValue: (value: number[]) => value[1],\n    },\n  },\n};\n\nexport function registerSlider(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSingleSlider, {\n    name: sliderComponentName,\n    displayName: \"Slider\",\n    defaultStyles: {\n      width: \"300px\",\n    },\n    props: {\n      value: {\n        type: \"number\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"The default value of the slider\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"number\" }],\n      },\n      onAfterChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"number\" }],\n      },\n      ...commonProps,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n    importName: \"AntdSingleSlider\",\n  });\n  registerComponentHelper(loader, AntdRangeSlider, {\n    name: rangeSliderComponentName,\n    displayName: \"Range Slider\",\n    defaultStyles: {\n      width: \"300px\",\n    },\n    props: {\n      draggableTrack: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        description: \"Whether range track can be dragged\",\n      },\n      valueMin: {\n        type: \"number\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValueMin\",\n        description: \"The default minimum value of the range slider\",\n      },\n      valueMax: {\n        type: \"number\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValueMax\",\n        description: \"The default maximum value of the range slider\",\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      },\n      onAfterChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      },\n      ...commonProps,\n    },\n    states: {\n      min: {\n        type: \"writable\",\n        valueProp: \"valueMin\",\n        onChangeProp: \"onChange\",\n        variableType: \"number\",\n        ...rangeSliderHelpers.states.min,\n      },\n      max: {\n        type: \"writable\",\n        valueProp: \"valueMax\",\n        onChangeProp: \"onChange\",\n        variableType: \"number\",\n        ...rangeSliderHelpers.states.max,\n      },\n    },\n    componentHelpers: {\n      helpers: rangeSliderHelpers,\n      importName: \"rangeSliderHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n    importName: \"AntdRangeSlider\",\n  });\n  registerComponentHelper(loader, AntdSliderMark, {\n    name: sliderMarkComponentName,\n    displayName: \"Slider Mark\",\n    props: {\n      mark: {\n        type: \"number\",\n        description: \"value on the slider\",\n      },\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n    importName: \"AntdSliderMark\",\n    parentComponentName: sliderComponentName,\n  });\n}\n"],"names":["_a"],"mappings":"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"}

package/skinny/registerSwitch.cjs.js

@@ -65,7 +65,8 @@ function registerSwitch(loader) {
         type: "writable",
         valueProp: "checked",
         onChangeProp: "onChange",
-        variableType: "boolean"
+        variableType: "boolean",
+        hidden: (ps) => !!ps.__plasmicFormField
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerSwitch",

package/skinny/registerSwitch.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSwitch.cjs.js","sources":["../src/registerSwitch.tsx"],"sourcesContent":["import { Switch } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdSwitch(props: React.ComponentProps<typeof Switch>) {\n  return <Switch {...props} />;\n}\nAntdSwitch.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const switchComponentName = \"plasmic-antd5-switch\";\n\nexport function registerSwitch(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSwitch, {\n    name: switchComponentName,\n    displayName: \"Switch\",\n    props: {\n      checked: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultChecked\",\n        description: \"Whether the switch is toggled on\",\n        defaultValueHint: false,\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"If switch is disabled\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If get focus when component mounted\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"checked\", type: \"boolean\" }],\n      } as any,\n    },\n    states: {\n      checked: {\n        type: \"writable\",\n        valueProp: \"checked\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSwitch\",\n    importName: \"AntdSwitch\",\n  });\n}\n"],"names":["React","Switch","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,WAAW,KAA4C,EAAA;AACrE,EAAO,uBAAAA,sBAAA,CAAA,aAAA,CAACC,gCAAW,KAAO,CAAA,CAAA,CAAA;AAC5B,CAAA;AACA,UAAW,CAAA,sBAAA,GAAyB,EAAE,SAAA,EAAW,SAAU,EAAA,CAAA;AAEpD,MAAM,mBAAsB,GAAA,uBAAA;AAE5B,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,6BAAA,CAAwB,QAAQ,UAAY,EAAA;AAAA,IAC1C,IAAM,EAAA,mBAAA;AAAA,IACN,WAAa,EAAA,QAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,gBAAkB,EAAA,gBAAA;AAAA,QAClB,WAAa,EAAA,kCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,uBAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,qCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,SAAW,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,OACjD;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,SAAA;AAAA,QACX,YAAc,EAAA,UAAA;AAAA,QACd,YAAc,EAAA,SAAA;AAAA,OAChB;AAAA,KACF;AAAA,IACA,UAAY,EAAA,0CAAA;AAAA,IACZ,UAAY,EAAA,YAAA;AAAA,GACb,CAAA,CAAA;AACH;;;;;;"}
+{"version":3,"file":"registerSwitch.cjs.js","sources":["../src/registerSwitch.tsx"],"sourcesContent":["import { Switch } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdSwitch(props: React.ComponentProps<typeof Switch>) {\n  return <Switch {...props} />;\n}\nAntdSwitch.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const switchComponentName = \"plasmic-antd5-switch\";\n\nexport function registerSwitch(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSwitch, {\n    name: switchComponentName,\n    displayName: \"Switch\",\n    props: {\n      checked: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultChecked\",\n        description: \"Whether the switch is toggled on\",\n        defaultValueHint: false,\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"If switch is disabled\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If get focus when component mounted\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"checked\", type: \"boolean\" }],\n      } as any,\n    },\n    states: {\n      checked: {\n        type: \"writable\",\n        valueProp: \"checked\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSwitch\",\n    importName: \"AntdSwitch\",\n  });\n}\n"],"names":["React","Switch","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,WAAW,KAA4C,EAAA;AACrE,EAAO,uBAAAA,sBAAA,CAAA,aAAA,CAACC,gCAAW,KAAO,CAAA,CAAA,CAAA;AAC5B,CAAA;AACA,UAAW,CAAA,sBAAA,GAAyB,EAAE,SAAA,EAAW,SAAU,EAAA,CAAA;AAEpD,MAAM,mBAAsB,GAAA,uBAAA;AAE5B,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,6BAAA,CAAwB,QAAQ,UAAY,EAAA;AAAA,IAC1C,IAAM,EAAA,mBAAA;AAAA,IACN,WAAa,EAAA,QAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,gBAAkB,EAAA,gBAAA;AAAA,QAClB,WAAa,EAAA,kCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,uBAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,qCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,SAAW,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,OACjD;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,SAAA;AAAA,QACX,YAAc,EAAA,UAAA;AAAA,QACd,YAAc,EAAA,SAAA;AAAA,QACd,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,KACF;AAAA,IACA,UAAY,EAAA,0CAAA;AAAA,IACZ,UAAY,EAAA,YAAA;AAAA,GACb,CAAA,CAAA;AACH;;;;;;"}

package/skinny/registerSwitch.esm.js

@@ -59,7 +59,8 @@ function registerSwitch(loader) {
         type: "writable",
         valueProp: "checked",
         onChangeProp: "onChange",
-        variableType: "boolean"
+        variableType: "boolean",
+        hidden: (ps) => !!ps.__plasmicFormField
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerSwitch",

package/skinny/registerSwitch.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSwitch.esm.js","sources":["../src/registerSwitch.tsx"],"sourcesContent":["import { Switch } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdSwitch(props: React.ComponentProps<typeof Switch>) {\n  return <Switch {...props} />;\n}\nAntdSwitch.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const switchComponentName = \"plasmic-antd5-switch\";\n\nexport function registerSwitch(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSwitch, {\n    name: switchComponentName,\n    displayName: \"Switch\",\n    props: {\n      checked: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultChecked\",\n        description: \"Whether the switch is toggled on\",\n        defaultValueHint: false,\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"If switch is disabled\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If get focus when component mounted\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"checked\", type: \"boolean\" }],\n      } as any,\n    },\n    states: {\n      checked: {\n        type: \"writable\",\n        valueProp: \"checked\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSwitch\",\n    importName: \"AntdSwitch\",\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,WAAW,KAA4C,EAAA;AACrE,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,2BAAW,KAAO,CAAA,CAAA,CAAA;AAC5B,CAAA;AACA,UAAW,CAAA,sBAAA,GAAyB,EAAE,SAAA,EAAW,SAAU,EAAA,CAAA;AAEpD,MAAM,mBAAsB,GAAA,uBAAA;AAE5B,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,UAAY,EAAA;AAAA,IAC1C,IAAM,EAAA,mBAAA;AAAA,IACN,WAAa,EAAA,QAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,gBAAkB,EAAA,gBAAA;AAAA,QAClB,WAAa,EAAA,kCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,uBAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,qCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,SAAW,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,OACjD;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,SAAA;AAAA,QACX,YAAc,EAAA,UAAA;AAAA,QACd,YAAc,EAAA,SAAA;AAAA,OAChB;AAAA,KACF;AAAA,IACA,UAAY,EAAA,0CAAA;AAAA,IACZ,UAAY,EAAA,YAAA;AAAA,GACb,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerSwitch.esm.js","sources":["../src/registerSwitch.tsx"],"sourcesContent":["import { Switch } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdSwitch(props: React.ComponentProps<typeof Switch>) {\n  return <Switch {...props} />;\n}\nAntdSwitch.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const switchComponentName = \"plasmic-antd5-switch\";\n\nexport function registerSwitch(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSwitch, {\n    name: switchComponentName,\n    displayName: \"Switch\",\n    props: {\n      checked: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultChecked\",\n        description: \"Whether the switch is toggled on\",\n        defaultValueHint: false,\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"If switch is disabled\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If get focus when component mounted\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"checked\", type: \"boolean\" }],\n      } as any,\n    },\n    states: {\n      checked: {\n        type: \"writable\",\n        valueProp: \"checked\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSwitch\",\n    importName: \"AntdSwitch\",\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,WAAW,KAA4C,EAAA;AACrE,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,2BAAW,KAAO,CAAA,CAAA,CAAA;AAC5B,CAAA;AACA,UAAW,CAAA,sBAAA,GAAyB,EAAE,SAAA,EAAW,SAAU,EAAA,CAAA;AAEpD,MAAM,mBAAsB,GAAA,uBAAA;AAE5B,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,UAAY,EAAA;AAAA,IAC1C,IAAM,EAAA,mBAAA;AAAA,IACN,WAAa,EAAA,QAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,gBAAkB,EAAA,gBAAA;AAAA,QAClB,WAAa,EAAA,kCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,uBAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,qCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,SAAW,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,OACjD;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,SAAA;AAAA,QACX,YAAc,EAAA,UAAA;AAAA,QACd,YAAc,EAAA,SAAA;AAAA,QACd,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,KACF;AAAA,IACA,UAAY,EAAA,0CAAA;AAAA,IACZ,UAAY,EAAA,YAAA;AAAA,GACb,CAAA,CAAA;AACH;;;;"}

package/skinny/registerUpload.cjs.js

@@ -247,7 +247,8 @@ function registerUpload(loader) {
         type: "writable",
         valueProp: "files",
         variableType: "array",
-        onChangeProp: "onFilesChange"
+        onChangeProp: "onFilesChange",
+        hidden: (ps) => !!ps.__plasmicFormField
       }
     }
   }, { trapsSelection: true }), {

package/skinny/registerUpload.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerUpload.cjs.js","sources":["../src/registerUpload.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { Modal, Upload } from \"antd\";\nimport type {\n  UploadChangeParam,\n  UploadFile as AntdUploadFile,\n  UploadProps,\n} from \"antd/es/upload\";\nimport React, { useMemo, useRef, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\ninterface UploadFile {\n  uid: string;\n  name: string;\n  size?: number;\n  type?: string;\n  lastModified?: number;\n  contents?: string;\n  status: AntdUploadFile[\"status\"];\n}\n\ninterface ExtendedUploadProps<T = any> extends UploadProps<T> {\n  files?: Array<UploadFile>;\n  onFilesChange?: (values: Array<UploadFile>) => void;\n  dragAndDropFiles: boolean;\n}\n\nfunction getThumbUrl(file?: UploadFile): string | undefined {\n  if (!file?.type?.startsWith(\"image\")) return undefined;\n  return `data:${file.type};base64,${file.contents}`;\n}\n\nexport function UploadWrapper(props: ExtendedUploadProps) {\n  const { files, dragAndDropFiles, onFilesChange, ...rest } = props;\n  const filesRef = useRef<Array<UploadFile>>(); // if multiple = true, it facilitates adding multiple files\n\n  filesRef.current = files;\n\n  const [previewFileId, setPreviewFileId] = useState<string>();\n\n  const handleChange = (info: UploadChangeParam) => {\n    const { file } = info;\n\n    if (file.status === \"removed\") {\n      return;\n    }\n\n    const metadata = {\n      uid: file.uid,\n      name: file.name,\n      size: file.size,\n      type: file.type,\n      lastModified: file.lastModified,\n    };\n\n    onFilesChange?.([\n      ...(filesRef.current ?? []),\n      {\n        ...metadata,\n        status: \"uploading\",\n      },\n    ]);\n\n    const reader = new FileReader();\n\n    reader.onload = () => {\n      onFilesChange?.([\n        ...(filesRef.current ?? []).filter((f) => f.uid !== file.uid),\n        {\n          ...metadata,\n          contents: (reader.result as string).replace(\n            /^data:[^;]+;base64,/,\n            \"\"\n          ),\n          status: \"done\",\n        },\n      ]);\n    };\n\n    reader.onerror = (error) => {\n      onFilesChange?.([\n        ...(filesRef.current ?? []).filter((f) => f.uid !== file.uid),\n        {\n          ...metadata,\n          status: \"error\",\n        },\n      ]);\n    };\n\n    reader.readAsDataURL(info.file as any);\n  };\n\n  const handleRemove = (file: UploadFile) => {\n    onFilesChange?.((files ?? []).filter((f) => f.uid !== file.uid));\n  };\n\n  const handlePreview = async (file: AntdUploadFile) => {\n    setPreviewFileId(files?.filter((f) => file.uid === f.uid)[0]?.uid);\n  };\n\n  const handleCancel = () => setPreviewFileId(undefined);\n\n  const previewFile = useMemo(\n    () => files?.filter((f) => previewFileId === f.uid)[0],\n    [files, previewFileId]\n  );\n\n  const UploadComponent = useMemo(\n    () => (dragAndDropFiles ? Upload.Dragger : Upload),\n    [dragAndDropFiles]\n  );\n\n  return (\n    <>\n      <UploadComponent\n        {...rest}\n        fileList={files?.map((f) => ({\n          ...f,\n          thumbUrl: getThumbUrl(f),\n        }))}\n        onPreview={handlePreview}\n        beforeUpload={() => {\n          return false;\n        }}\n        onChange={(info) => {\n          handleChange(info);\n        }}\n        onRemove={(file) => {\n          handleRemove(file as UploadFile);\n        }}\n      />\n      <Modal\n        open={Boolean(previewFile)}\n        title={previewFile?.name}\n        footer={null}\n        onCancel={handleCancel}\n      >\n        <img\n          alt=\"example\"\n          style={{ width: \"100%\" }}\n          src={getThumbUrl(previewFile)}\n        />\n      </Modal>\n    </>\n  );\n}\n\nUploadWrapper.__plasmicFormFieldMeta = {\n  valueProp: \"files\",\n  onChangeProp: \"onFilesChange\",\n};\n\nexport function registerUpload(loader?: Registerable) {\n  registerComponentHelper(loader, UploadWrapper, {\n    name: \"plasmic-antd5-upload\",\n    displayName: \"Upload\",\n    props: {\n      accept: {\n        type: \"choice\",\n        displayName: \"Allowed types\",\n        options: [\n          {\n            value: \"\",\n            label: \"Any kind of file\",\n          },\n          {\n            value: \"image/*\",\n            label: \"Image\",\n          },\n          {\n            value: \"video/*\",\n            label: \"Video\",\n          },\n          {\n            value: \"audio/*\",\n            label: \"Audio\",\n          },\n          {\n            value: \"application/pdf\",\n            label: \"PDF\",\n          },\n        ],\n        defaultValue: \"\",\n      },\n      listType: {\n        type: \"choice\",\n        options: [\"text\", \"picture\", \"picture-card\", \"picture-circle\"],\n        defaultValueHint: \"text\",\n      },\n      dragAndDropFiles: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description:\n          \"You can drag files to a specific area, to upload. Alternatively, you can also upload by selecting.\",\n      },\n      multiple: {\n        type: \"boolean\",\n        advanced: true,\n        defaultValueHint: false,\n        description: \"Upload several files at once in modern browsers\",\n      },\n      files: {\n        type: \"object\",\n        displayName: \"Files\",\n        defaultValue: [],\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-button\",\n            props: {\n              children: {\n                type: \"text\",\n                value: \"Upload\",\n              },\n            },\n          },\n        ],\n      },\n      maxCount: {\n        type: \"number\",\n        displayName: \"Limit of files\",\n        advanced: true,\n      },\n      onFilesChange: {\n        type: \"eventHandler\",\n        displayName: \"On file uploaded\",\n        argTypes: [\n          {\n            name: \"files\",\n            type: \"array\",\n          },\n        ],\n      },\n      showUploadList: {\n        type: \"boolean\",\n        displayName: \"List files\",\n        defaultValue: true,\n      },\n    },\n    states: {\n      files: {\n        type: \"writable\",\n        valueProp: \"files\",\n        variableType: \"array\",\n        onChangeProp: \"onFilesChange\",\n      },\n    },\n    ...({ trapsSelection: true } as any),\n    importPath: \"@plasmicpkgs/antd5/skinny/registerUpload\",\n    importName: \"UploadWrapper\",\n  });\n}\n"],"names":["useRef","useState","_a","useMemo","Upload","React","Modal","registerComponentHelper"],"mappings":"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"}
+{"version":3,"file":"registerUpload.cjs.js","sources":["../src/registerUpload.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { Modal, Upload } from \"antd\";\nimport type {\n  UploadChangeParam,\n  UploadFile as AntdUploadFile,\n  UploadProps,\n} from \"antd/es/upload\";\nimport React, { useMemo, useRef, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\ninterface UploadFile {\n  uid: string;\n  name: string;\n  size?: number;\n  type?: string;\n  lastModified?: number;\n  contents?: string;\n  status: AntdUploadFile[\"status\"];\n}\n\ninterface ExtendedUploadProps<T = any> extends UploadProps<T> {\n  files?: Array<UploadFile>;\n  onFilesChange?: (values: Array<UploadFile>) => void;\n  dragAndDropFiles: boolean;\n}\n\nfunction getThumbUrl(file?: UploadFile): string | undefined {\n  if (!file?.type?.startsWith(\"image\")) return undefined;\n  return `data:${file.type};base64,${file.contents}`;\n}\n\nexport function UploadWrapper(props: ExtendedUploadProps) {\n  const { files, dragAndDropFiles, onFilesChange, ...rest } = props;\n  const filesRef = useRef<Array<UploadFile>>(); // if multiple = true, it facilitates adding multiple files\n\n  filesRef.current = files;\n\n  const [previewFileId, setPreviewFileId] = useState<string>();\n\n  const handleChange = (info: UploadChangeParam) => {\n    const { file } = info;\n\n    if (file.status === \"removed\") {\n      return;\n    }\n\n    const metadata = {\n      uid: file.uid,\n      name: file.name,\n      size: file.size,\n      type: file.type,\n      lastModified: file.lastModified,\n    };\n\n    onFilesChange?.([\n      ...(filesRef.current ?? []),\n      {\n        ...metadata,\n        status: \"uploading\",\n      },\n    ]);\n\n    const reader = new FileReader();\n\n    reader.onload = () => {\n      onFilesChange?.([\n        ...(filesRef.current ?? []).filter((f) => f.uid !== file.uid),\n        {\n          ...metadata,\n          contents: (reader.result as string).replace(\n            /^data:[^;]+;base64,/,\n            \"\"\n          ),\n          status: \"done\",\n        },\n      ]);\n    };\n\n    reader.onerror = (error) => {\n      onFilesChange?.([\n        ...(filesRef.current ?? []).filter((f) => f.uid !== file.uid),\n        {\n          ...metadata,\n          status: \"error\",\n        },\n      ]);\n    };\n\n    reader.readAsDataURL(info.file as any);\n  };\n\n  const handleRemove = (file: UploadFile) => {\n    onFilesChange?.((files ?? []).filter((f) => f.uid !== file.uid));\n  };\n\n  const handlePreview = async (file: AntdUploadFile) => {\n    setPreviewFileId(files?.filter((f) => file.uid === f.uid)[0]?.uid);\n  };\n\n  const handleCancel = () => setPreviewFileId(undefined);\n\n  const previewFile = useMemo(\n    () => files?.filter((f) => previewFileId === f.uid)[0],\n    [files, previewFileId]\n  );\n\n  const UploadComponent = useMemo(\n    () => (dragAndDropFiles ? Upload.Dragger : Upload),\n    [dragAndDropFiles]\n  );\n\n  return (\n    <>\n      <UploadComponent\n        {...rest}\n        fileList={files?.map((f) => ({\n          ...f,\n          thumbUrl: getThumbUrl(f),\n        }))}\n        onPreview={handlePreview}\n        beforeUpload={() => {\n          return false;\n        }}\n        onChange={(info) => {\n          handleChange(info);\n        }}\n        onRemove={(file) => {\n          handleRemove(file as UploadFile);\n        }}\n      />\n      <Modal\n        open={Boolean(previewFile)}\n        title={previewFile?.name}\n        footer={null}\n        onCancel={handleCancel}\n      >\n        <img\n          alt=\"example\"\n          style={{ width: \"100%\" }}\n          src={getThumbUrl(previewFile)}\n        />\n      </Modal>\n    </>\n  );\n}\n\nUploadWrapper.__plasmicFormFieldMeta = {\n  valueProp: \"files\",\n  onChangeProp: \"onFilesChange\",\n};\n\nexport function registerUpload(loader?: Registerable) {\n  registerComponentHelper(loader, UploadWrapper, {\n    name: \"plasmic-antd5-upload\",\n    displayName: \"Upload\",\n    props: {\n      accept: {\n        type: \"choice\",\n        displayName: \"Allowed types\",\n        options: [\n          {\n            value: \"\",\n            label: \"Any kind of file\",\n          },\n          {\n            value: \"image/*\",\n            label: \"Image\",\n          },\n          {\n            value: \"video/*\",\n            label: \"Video\",\n          },\n          {\n            value: \"audio/*\",\n            label: \"Audio\",\n          },\n          {\n            value: \"application/pdf\",\n            label: \"PDF\",\n          },\n        ],\n        defaultValue: \"\",\n      },\n      listType: {\n        type: \"choice\",\n        options: [\"text\", \"picture\", \"picture-card\", \"picture-circle\"],\n        defaultValueHint: \"text\",\n      },\n      dragAndDropFiles: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description:\n          \"You can drag files to a specific area, to upload. Alternatively, you can also upload by selecting.\",\n      },\n      multiple: {\n        type: \"boolean\",\n        advanced: true,\n        defaultValueHint: false,\n        description: \"Upload several files at once in modern browsers\",\n      },\n      files: {\n        type: \"object\",\n        displayName: \"Files\",\n        defaultValue: [],\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-button\",\n            props: {\n              children: {\n                type: \"text\",\n                value: \"Upload\",\n              },\n            },\n          },\n        ],\n      },\n      maxCount: {\n        type: \"number\",\n        displayName: \"Limit of files\",\n        advanced: true,\n      },\n      onFilesChange: {\n        type: \"eventHandler\",\n        displayName: \"On file uploaded\",\n        argTypes: [\n          {\n            name: \"files\",\n            type: \"array\",\n          },\n        ],\n      },\n      showUploadList: {\n        type: \"boolean\",\n        displayName: \"List files\",\n        defaultValue: true,\n      },\n    },\n    states: {\n      files: {\n        type: \"writable\",\n        valueProp: \"files\",\n        variableType: \"array\",\n        onChangeProp: \"onFilesChange\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n    },\n    ...({ trapsSelection: true } as any),\n    importPath: \"@plasmicpkgs/antd5/skinny/registerUpload\",\n    importName: \"UploadWrapper\",\n  });\n}\n"],"names":["useRef","useState","_a","useMemo","Upload","React","Modal","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAS,YAAY,IAAuC,EAAA;AA1B5D,EAAA,IAAA,EAAA,CAAA;AA2BE,EAAA,IAAI,EAAC,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,UAAW,CAAA,OAAA,CAAA,CAAA;AAAU,IAAO,OAAA,KAAA,CAAA,CAAA;AAC7C,EAAO,OAAA,CAAA,KAAA,EAAQ,IAAK,CAAA,IAAA,CAAA,QAAA,EAAe,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA;AAC1C,CAAA;AAEO,SAAS,cAAc,KAA4B,EAAA;AACxD,EAA4D,MAAA,EAAA,GAAA,KAAA,EAApD,EAAO,KAAA,EAAA,gBAAA,EAAkB,aAhCnC,EAAA,GAgC8D,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAA3C,OAAA,EAAO,kBAAkB,EAAA,eAAA,CAAA,CAAA,CAAA;AACjC,EAAA,MAAM,WAAWA,YAA0B,EAAA,CAAA;AAE3C,EAAA,QAAA,CAAS,OAAU,GAAA,KAAA,CAAA;AAEnB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,cAAiB,EAAA,CAAA;AAE3D,EAAM,MAAA,YAAA,GAAe,CAAC,IAA4B,KAAA;AAvCpD,IAAAC,IAAAA,GAAAA,CAAAA;AAwCI,IAAM,MAAA,EAAE,MAAS,GAAA,IAAA,CAAA;AAEjB,IAAI,IAAA,IAAA,CAAK,WAAW,SAAW,EAAA;AAC7B,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,MAAM,QAAW,GAAA;AAAA,MACf,KAAK,IAAK,CAAA,GAAA;AAAA,MACV,MAAM,IAAK,CAAA,IAAA;AAAA,MACX,MAAM,IAAK,CAAA,IAAA;AAAA,MACX,MAAM,IAAK,CAAA,IAAA;AAAA,MACX,cAAc,IAAK,CAAA,YAAA;AAAA,KACrB,CAAA;AAEA,IAAgB,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA;AAAA,MACd,IAAIA,GAAA,GAAA,QAAA,CAAS,OAAT,KAAA,IAAA,GAAAA,MAAoB,EAAC;AAAA,MACzB,iCACK,QADL,CAAA,EAAA;AAAA,QAEE,MAAQ,EAAA,WAAA;AAAA,OACV,CAAA;AAAA,KACF,CAAA,CAAA;AAEA,IAAM,MAAA,MAAA,GAAS,IAAI,UAAW,EAAA,CAAA;AAE9B,IAAA,MAAA,CAAO,SAAS,MAAM;AAhE1B,MAAAA,IAAAA,GAAAA,CAAAA;AAiEM,MAAgB,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA;AAAA,QACd,GAAIA,CAAAA,CAAAA,GAAAA,GAAA,QAAS,CAAA,OAAA,KAAT,OAAAA,GAAoB,GAAA,EAAI,EAAA,MAAA,CAAO,CAAC,CAAA,KAAM,CAAE,CAAA,GAAA,KAAQ,KAAK,GAAG,CAAA;AAAA,QAC5D,iCACK,QADL,CAAA,EAAA;AAAA,UAEE,QAAA,EAAW,OAAO,MAAkB,CAAA,OAAA;AAAA,YAClC,qBAAA;AAAA,YACA,EAAA;AAAA,WACF;AAAA,UACA,MAAQ,EAAA,MAAA;AAAA,SACV,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KACF,CAAA;AAEA,IAAO,MAAA,CAAA,OAAA,GAAU,CAAC,KAAU,KAAA;AA9EhC,MAAAA,IAAAA,GAAAA,CAAAA;AA+EM,MAAgB,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA;AAAA,QACd,GAAIA,CAAAA,CAAAA,GAAAA,GAAA,QAAS,CAAA,OAAA,KAAT,OAAAA,GAAoB,GAAA,EAAI,EAAA,MAAA,CAAO,CAAC,CAAA,KAAM,CAAE,CAAA,GAAA,KAAQ,KAAK,GAAG,CAAA;AAAA,QAC5D,iCACK,QADL,CAAA,EAAA;AAAA,UAEE,MAAQ,EAAA,OAAA;AAAA,SACV,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KACF,CAAA;AAEA,IAAO,MAAA,CAAA,aAAA,CAAc,KAAK,IAAW,CAAA,CAAA;AAAA,GACvC,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AACzC,IAAiB,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAS,EAAI,EAAA,MAAA,CAAO,CAAC,CAAM,KAAA,CAAA,CAAE,GAAQ,KAAA,IAAA,CAAK,GAAG,CAAA,CAAA,CAAA;AAAA,GAChE,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,OAAO,IAAyB,KAAA;AA/FxD,IAAAA,IAAAA,GAAAA,CAAAA;AAgGI,IAAA,gBAAA,CAAA,CAAiBA,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,MAAO,CAAA,CAAC,CAAM,KAAA,IAAA,CAAK,GAAQ,KAAA,CAAA,CAAE,GAAK,CAAA,CAAA,CAAA,CAAA,KAAzC,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAA6C,GAAG,CAAA,CAAA;AAAA,GACnE,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,MAAM,gBAAA,CAAiB,KAAS,CAAA,CAAA,CAAA;AAErD,EAAA,MAAM,WAAc,GAAAC,aAAA;AAAA,IAClB,MAAM,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,MAAA,CAAO,CAAC,CAAM,KAAA,aAAA,KAAkB,EAAE,GAAK,CAAA,CAAA,CAAA,CAAA;AAAA,IACpD,CAAC,OAAO,aAAa,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,eAAkB,GAAAA,aAAA;AAAA,IACtB,MAAO,gBAAmB,GAAAC,WAAA,CAAO,OAAU,GAAAA,WAAA;AAAA,IAC3C,CAAC,gBAAgB,CAAA;AAAA,GACnB,CAAA;AAEA,EAAA,uBAEIC,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,sBAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,IADL,CAAA,EAAA;AAAA,MAEC,UAAU,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAI,CAAC,CAAA,KAAO,iCACxB,CADwB,CAAA,EAAA;AAAA,QAE3B,QAAA,EAAU,YAAY,CAAC,CAAA;AAAA,OACzB,CAAA,CAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MACX,cAAc,MAAM;AAClB,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,MACA,QAAA,EAAU,CAAC,IAAS,KAAA;AAClB,QAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AAAA,OACnB;AAAA,MACA,QAAA,EAAU,CAAC,IAAS,KAAA;AAClB,QAAA,YAAA,CAAa,IAAkB,CAAA,CAAA;AAAA,OACjC;AAAA,KAAA,CAAA;AAAA,GAEF,kBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,QAAQ,WAAW,CAAA;AAAA,MACzB,OAAO,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,IAAA;AAAA,MACpB,MAAQ,EAAA,IAAA;AAAA,MACR,QAAU,EAAA,YAAA;AAAA,KAAA;AAAA,oBAEVD,sBAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAI,EAAA,SAAA;AAAA,QACJ,KAAA,EAAO,EAAE,KAAA,EAAO,MAAO,EAAA;AAAA,QACvB,GAAA,EAAK,YAAY,WAAW,CAAA;AAAA,OAAA;AAAA,KAC9B;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAA;AAEA,aAAA,CAAc,sBAAyB,GAAA;AAAA,EACrC,SAAW,EAAA,OAAA;AAAA,EACX,YAAc,EAAA,eAAA;AAChB,CAAA,CAAA;AAEO,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAE,6BAAA,CAAwB,QAAQ,aAAe,EAAA,aAAA,CAAA,cAAA,CAAA;AAAA,IAC7C,IAAM,EAAA,sBAAA;AAAA,IACN,WAAa,EAAA,QAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA,QAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,OAAS,EAAA;AAAA,UACP;AAAA,YACE,KAAO,EAAA,EAAA;AAAA,YACP,KAAO,EAAA,kBAAA;AAAA,WACT;AAAA,UACA;AAAA,YACE,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,OAAA;AAAA,WACT;AAAA,UACA;AAAA,YACE,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,OAAA;AAAA,WACT;AAAA,UACA;AAAA,YACE,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,OAAA;AAAA,WACT;AAAA,UACA;AAAA,YACE,KAAO,EAAA,iBAAA;AAAA,YACP,KAAO,EAAA,KAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,YAAc,EAAA,EAAA;AAAA,OAChB;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,QAAA;AAAA,QACN,OAAS,EAAA,CAAC,MAAQ,EAAA,SAAA,EAAW,gBAAgB,gBAAgB,CAAA;AAAA,QAC7D,gBAAkB,EAAA,MAAA;AAAA,OACpB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,IAAM,EAAA,SAAA;AAAA,QACN,gBAAkB,EAAA,KAAA;AAAA,QAClB,QAAU,EAAA,IAAA;AAAA,QACV,WACE,EAAA,oGAAA;AAAA,OACJ;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,gBAAkB,EAAA,KAAA;AAAA,QAClB,WAAa,EAAA,iDAAA;AAAA,OACf;AAAA,MACA,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,QAAA;AAAA,QACN,WAAa,EAAA,OAAA;AAAA,QACb,cAAc,EAAC;AAAA,QACf,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,WAAA;AAAA,YACN,IAAM,EAAA,sBAAA;AAAA,YACN,KAAO,EAAA;AAAA,cACL,QAAU,EAAA;AAAA,gBACR,IAAM,EAAA,MAAA;AAAA,gBACN,KAAO,EAAA,QAAA;AAAA,eACT;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,QAAA;AAAA,QACN,WAAa,EAAA,gBAAA;AAAA,QACb,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,aAAe,EAAA;AAAA,QACb,IAAM,EAAA,cAAA;AAAA,QACN,WAAa,EAAA,kBAAA;AAAA,QACb,QAAU,EAAA;AAAA,UACR;AAAA,YACE,IAAM,EAAA,OAAA;AAAA,YACN,IAAM,EAAA,OAAA;AAAA,WACR;AAAA,SACF;AAAA,OACF;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,YAAA;AAAA,QACb,YAAc,EAAA,IAAA;AAAA,OAChB;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,OAAA;AAAA,QACX,YAAc,EAAA,OAAA;AAAA,QACd,YAAc,EAAA,eAAA;AAAA,QACd,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,KACF;AAAA,GACI,EAAA,EAAE,cAAgB,EAAA,IAAA,EApGuB,CAAA,EAAA;AAAA,IAqG7C,UAAY,EAAA,0CAAA;AAAA,IACZ,UAAY,EAAA,eAAA;AAAA,GACb,CAAA,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerUpload.esm.js

@@ -241,7 +241,8 @@ function registerUpload(loader) {
         type: "writable",
         valueProp: "files",
         variableType: "array",
-        onChangeProp: "onFilesChange"
+        onChangeProp: "onFilesChange",
+        hidden: (ps) => !!ps.__plasmicFormField
       }
     }
   }, { trapsSelection: true }), {

package/skinny/registerUpload.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerUpload.esm.js","sources":["../src/registerUpload.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { Modal, Upload } from \"antd\";\nimport type {\n  UploadChangeParam,\n  UploadFile as AntdUploadFile,\n  UploadProps,\n} from \"antd/es/upload\";\nimport React, { useMemo, useRef, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\ninterface UploadFile {\n  uid: string;\n  name: string;\n  size?: number;\n  type?: string;\n  lastModified?: number;\n  contents?: string;\n  status: AntdUploadFile[\"status\"];\n}\n\ninterface ExtendedUploadProps<T = any> extends UploadProps<T> {\n  files?: Array<UploadFile>;\n  onFilesChange?: (values: Array<UploadFile>) => void;\n  dragAndDropFiles: boolean;\n}\n\nfunction getThumbUrl(file?: UploadFile): string | undefined {\n  if (!file?.type?.startsWith(\"image\")) return undefined;\n  return `data:${file.type};base64,${file.contents}`;\n}\n\nexport function UploadWrapper(props: ExtendedUploadProps) {\n  const { files, dragAndDropFiles, onFilesChange, ...rest } = props;\n  const filesRef = useRef<Array<UploadFile>>(); // if multiple = true, it facilitates adding multiple files\n\n  filesRef.current = files;\n\n  const [previewFileId, setPreviewFileId] = useState<string>();\n\n  const handleChange = (info: UploadChangeParam) => {\n    const { file } = info;\n\n    if (file.status === \"removed\") {\n      return;\n    }\n\n    const metadata = {\n      uid: file.uid,\n      name: file.name,\n      size: file.size,\n      type: file.type,\n      lastModified: file.lastModified,\n    };\n\n    onFilesChange?.([\n      ...(filesRef.current ?? []),\n      {\n        ...metadata,\n        status: \"uploading\",\n      },\n    ]);\n\n    const reader = new FileReader();\n\n    reader.onload = () => {\n      onFilesChange?.([\n        ...(filesRef.current ?? []).filter((f) => f.uid !== file.uid),\n        {\n          ...metadata,\n          contents: (reader.result as string).replace(\n            /^data:[^;]+;base64,/,\n            \"\"\n          ),\n          status: \"done\",\n        },\n      ]);\n    };\n\n    reader.onerror = (error) => {\n      onFilesChange?.([\n        ...(filesRef.current ?? []).filter((f) => f.uid !== file.uid),\n        {\n          ...metadata,\n          status: \"error\",\n        },\n      ]);\n    };\n\n    reader.readAsDataURL(info.file as any);\n  };\n\n  const handleRemove = (file: UploadFile) => {\n    onFilesChange?.((files ?? []).filter((f) => f.uid !== file.uid));\n  };\n\n  const handlePreview = async (file: AntdUploadFile) => {\n    setPreviewFileId(files?.filter((f) => file.uid === f.uid)[0]?.uid);\n  };\n\n  const handleCancel = () => setPreviewFileId(undefined);\n\n  const previewFile = useMemo(\n    () => files?.filter((f) => previewFileId === f.uid)[0],\n    [files, previewFileId]\n  );\n\n  const UploadComponent = useMemo(\n    () => (dragAndDropFiles ? Upload.Dragger : Upload),\n    [dragAndDropFiles]\n  );\n\n  return (\n    <>\n      <UploadComponent\n        {...rest}\n        fileList={files?.map((f) => ({\n          ...f,\n          thumbUrl: getThumbUrl(f),\n        }))}\n        onPreview={handlePreview}\n        beforeUpload={() => {\n          return false;\n        }}\n        onChange={(info) => {\n          handleChange(info);\n        }}\n        onRemove={(file) => {\n          handleRemove(file as UploadFile);\n        }}\n      />\n      <Modal\n        open={Boolean(previewFile)}\n        title={previewFile?.name}\n        footer={null}\n        onCancel={handleCancel}\n      >\n        <img\n          alt=\"example\"\n          style={{ width: \"100%\" }}\n          src={getThumbUrl(previewFile)}\n        />\n      </Modal>\n    </>\n  );\n}\n\nUploadWrapper.__plasmicFormFieldMeta = {\n  valueProp: \"files\",\n  onChangeProp: \"onFilesChange\",\n};\n\nexport function registerUpload(loader?: Registerable) {\n  registerComponentHelper(loader, UploadWrapper, {\n    name: \"plasmic-antd5-upload\",\n    displayName: \"Upload\",\n    props: {\n      accept: {\n        type: \"choice\",\n        displayName: \"Allowed types\",\n        options: [\n          {\n            value: \"\",\n            label: \"Any kind of file\",\n          },\n          {\n            value: \"image/*\",\n            label: \"Image\",\n          },\n          {\n            value: \"video/*\",\n            label: \"Video\",\n          },\n          {\n            value: \"audio/*\",\n            label: \"Audio\",\n          },\n          {\n            value: \"application/pdf\",\n            label: \"PDF\",\n          },\n        ],\n        defaultValue: \"\",\n      },\n      listType: {\n        type: \"choice\",\n        options: [\"text\", \"picture\", \"picture-card\", \"picture-circle\"],\n        defaultValueHint: \"text\",\n      },\n      dragAndDropFiles: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description:\n          \"You can drag files to a specific area, to upload. Alternatively, you can also upload by selecting.\",\n      },\n      multiple: {\n        type: \"boolean\",\n        advanced: true,\n        defaultValueHint: false,\n        description: \"Upload several files at once in modern browsers\",\n      },\n      files: {\n        type: \"object\",\n        displayName: \"Files\",\n        defaultValue: [],\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-button\",\n            props: {\n              children: {\n                type: \"text\",\n                value: \"Upload\",\n              },\n            },\n          },\n        ],\n      },\n      maxCount: {\n        type: \"number\",\n        displayName: \"Limit of files\",\n        advanced: true,\n      },\n      onFilesChange: {\n        type: \"eventHandler\",\n        displayName: \"On file uploaded\",\n        argTypes: [\n          {\n            name: \"files\",\n            type: \"array\",\n          },\n        ],\n      },\n      showUploadList: {\n        type: \"boolean\",\n        displayName: \"List files\",\n        defaultValue: true,\n      },\n    },\n    states: {\n      files: {\n        type: \"writable\",\n        valueProp: \"files\",\n        variableType: \"array\",\n        onChangeProp: \"onFilesChange\",\n      },\n    },\n    ...({ trapsSelection: true } as any),\n    importPath: \"@plasmicpkgs/antd5/skinny/registerUpload\",\n    importName: \"UploadWrapper\",\n  });\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"registerUpload.esm.js","sources":["../src/registerUpload.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { Modal, Upload } from \"antd\";\nimport type {\n  UploadChangeParam,\n  UploadFile as AntdUploadFile,\n  UploadProps,\n} from \"antd/es/upload\";\nimport React, { useMemo, useRef, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\ninterface UploadFile {\n  uid: string;\n  name: string;\n  size?: number;\n  type?: string;\n  lastModified?: number;\n  contents?: string;\n  status: AntdUploadFile[\"status\"];\n}\n\ninterface ExtendedUploadProps<T = any> extends UploadProps<T> {\n  files?: Array<UploadFile>;\n  onFilesChange?: (values: Array<UploadFile>) => void;\n  dragAndDropFiles: boolean;\n}\n\nfunction getThumbUrl(file?: UploadFile): string | undefined {\n  if (!file?.type?.startsWith(\"image\")) return undefined;\n  return `data:${file.type};base64,${file.contents}`;\n}\n\nexport function UploadWrapper(props: ExtendedUploadProps) {\n  const { files, dragAndDropFiles, onFilesChange, ...rest } = props;\n  const filesRef = useRef<Array<UploadFile>>(); // if multiple = true, it facilitates adding multiple files\n\n  filesRef.current = files;\n\n  const [previewFileId, setPreviewFileId] = useState<string>();\n\n  const handleChange = (info: UploadChangeParam) => {\n    const { file } = info;\n\n    if (file.status === \"removed\") {\n      return;\n    }\n\n    const metadata = {\n      uid: file.uid,\n      name: file.name,\n      size: file.size,\n      type: file.type,\n      lastModified: file.lastModified,\n    };\n\n    onFilesChange?.([\n      ...(filesRef.current ?? []),\n      {\n        ...metadata,\n        status: \"uploading\",\n      },\n    ]);\n\n    const reader = new FileReader();\n\n    reader.onload = () => {\n      onFilesChange?.([\n        ...(filesRef.current ?? []).filter((f) => f.uid !== file.uid),\n        {\n          ...metadata,\n          contents: (reader.result as string).replace(\n            /^data:[^;]+;base64,/,\n            \"\"\n          ),\n          status: \"done\",\n        },\n      ]);\n    };\n\n    reader.onerror = (error) => {\n      onFilesChange?.([\n        ...(filesRef.current ?? []).filter((f) => f.uid !== file.uid),\n        {\n          ...metadata,\n          status: \"error\",\n        },\n      ]);\n    };\n\n    reader.readAsDataURL(info.file as any);\n  };\n\n  const handleRemove = (file: UploadFile) => {\n    onFilesChange?.((files ?? []).filter((f) => f.uid !== file.uid));\n  };\n\n  const handlePreview = async (file: AntdUploadFile) => {\n    setPreviewFileId(files?.filter((f) => file.uid === f.uid)[0]?.uid);\n  };\n\n  const handleCancel = () => setPreviewFileId(undefined);\n\n  const previewFile = useMemo(\n    () => files?.filter((f) => previewFileId === f.uid)[0],\n    [files, previewFileId]\n  );\n\n  const UploadComponent = useMemo(\n    () => (dragAndDropFiles ? Upload.Dragger : Upload),\n    [dragAndDropFiles]\n  );\n\n  return (\n    <>\n      <UploadComponent\n        {...rest}\n        fileList={files?.map((f) => ({\n          ...f,\n          thumbUrl: getThumbUrl(f),\n        }))}\n        onPreview={handlePreview}\n        beforeUpload={() => {\n          return false;\n        }}\n        onChange={(info) => {\n          handleChange(info);\n        }}\n        onRemove={(file) => {\n          handleRemove(file as UploadFile);\n        }}\n      />\n      <Modal\n        open={Boolean(previewFile)}\n        title={previewFile?.name}\n        footer={null}\n        onCancel={handleCancel}\n      >\n        <img\n          alt=\"example\"\n          style={{ width: \"100%\" }}\n          src={getThumbUrl(previewFile)}\n        />\n      </Modal>\n    </>\n  );\n}\n\nUploadWrapper.__plasmicFormFieldMeta = {\n  valueProp: \"files\",\n  onChangeProp: \"onFilesChange\",\n};\n\nexport function registerUpload(loader?: Registerable) {\n  registerComponentHelper(loader, UploadWrapper, {\n    name: \"plasmic-antd5-upload\",\n    displayName: \"Upload\",\n    props: {\n      accept: {\n        type: \"choice\",\n        displayName: \"Allowed types\",\n        options: [\n          {\n            value: \"\",\n            label: \"Any kind of file\",\n          },\n          {\n            value: \"image/*\",\n            label: \"Image\",\n          },\n          {\n            value: \"video/*\",\n            label: \"Video\",\n          },\n          {\n            value: \"audio/*\",\n            label: \"Audio\",\n          },\n          {\n            value: \"application/pdf\",\n            label: \"PDF\",\n          },\n        ],\n        defaultValue: \"\",\n      },\n      listType: {\n        type: \"choice\",\n        options: [\"text\", \"picture\", \"picture-card\", \"picture-circle\"],\n        defaultValueHint: \"text\",\n      },\n      dragAndDropFiles: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description:\n          \"You can drag files to a specific area, to upload. Alternatively, you can also upload by selecting.\",\n      },\n      multiple: {\n        type: \"boolean\",\n        advanced: true,\n        defaultValueHint: false,\n        description: \"Upload several files at once in modern browsers\",\n      },\n      files: {\n        type: \"object\",\n        displayName: \"Files\",\n        defaultValue: [],\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-button\",\n            props: {\n              children: {\n                type: \"text\",\n                value: \"Upload\",\n              },\n            },\n          },\n        ],\n      },\n      maxCount: {\n        type: \"number\",\n        displayName: \"Limit of files\",\n        advanced: true,\n      },\n      onFilesChange: {\n        type: \"eventHandler\",\n        displayName: \"On file uploaded\",\n        argTypes: [\n          {\n            name: \"files\",\n            type: \"array\",\n          },\n        ],\n      },\n      showUploadList: {\n        type: \"boolean\",\n        displayName: \"List files\",\n        defaultValue: true,\n      },\n    },\n    states: {\n      files: {\n        type: \"writable\",\n        valueProp: \"files\",\n        variableType: \"array\",\n        onChangeProp: \"onFilesChange\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n    },\n    ...({ trapsSelection: true } as any),\n    importPath: \"@plasmicpkgs/antd5/skinny/registerUpload\",\n    importName: \"UploadWrapper\",\n  });\n}\n"],"names":["_a"],"mappings":"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"}