@plasmicpkgs/antd5 0.0.169 → 0.0.171

package/dist/registerColorPicker.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { ColorPicker } from "antd";
+import React from "react";
 import { Registerable } from "./utils";
 export declare function AntdColorPicker({ showTextSwitch, onChange, ...props }: Omit<React.ComponentProps<typeof ColorPicker>, "onChange"> & {
     showTextSwitch?: boolean;

package/dist/registerDatePicker.d.ts

@@ -18,6 +18,7 @@ export declare const datePickerHelpers: {
     states: {
         value: {
             onChangeArgsToValue: (value: string) => string | undefined;
+            hidden: (ps: any) => boolean;
         };
     };
 };

package/dist/registerDateRangePicker.d.ts

@@ -1,8 +1,7 @@
+import type { Dayjs } from "dayjs";
 import React from "react";
 import { Registerable } from "./utils";
-import dayjs from "dayjs";
-import type { Dayjs } from "dayjs";
-declare const RangePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<dayjs.Dayjs> & {
+declare const RangePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<Dayjs> & {
     dropdownClassName?: string | undefined;
     popupClassName?: string | undefined;
     rootClassName?: string | undefined;
@@ -35,9 +34,11 @@ export declare const dateRangePickerHelpers: {
     states: {
         startDate: {
             onChangeArgsToValue: (value: string[]) => string;
+            hidden: (ps: any) => boolean;
         };
         endDate: {
             onChangeArgsToValue: (value: string[]) => string;
+            hidden: (ps: any) => boolean;
         };
     };
 };

package/dist/registerInput.d.ts

@@ -1,4 +1,4 @@
-import { Input } from "antd";
+import { Input, InputNumber } from "antd";
 import React from "react";
 import { Registerable } from "./utils";
 export declare const AntdInput: React.ForwardRefExoticComponent<import("antd").InputProps & React.RefAttributes<import("antd").InputRef>> & {
@@ -9,14 +9,7 @@ export declare const AntdInput: React.ForwardRefExoticComponent<import("antd").I
 };
 export declare const AntdTextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
 export declare const AntdPassword: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
-export declare const AntdInputNumber: (<T extends import("@rc-component/mini-decimal").ValueType = import("@rc-component/mini-decimal").ValueType>(props: import("antd").InputNumberProps<T> & {
-    children?: React.ReactNode;
-} & {
-    ref?: React.Ref<HTMLInputElement> | undefined;
-}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
-    _InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd").InputNumberProps<import("@rc-component/mini-decimal").ValueType>>;
-};
+export declare const AntdInputNumber: typeof InputNumber;
 export declare const inputHelpers: {
     states: {
         value: {

package/dist/registerMenu.d.ts

@@ -4,7 +4,7 @@ import { Registerable } from "./utils";
 export { AntdMenu };
 export declare const AntdMenuDivider: import("react").FC<import("antd/es/menu").MenuDividerProps>;
 export declare const AntdMenuItem: Omit<import("react").FunctionComponent<import("antd").MenuItemProps>, ""> & (<T extends import("antd").MenuItemProps>(props: T extends infer U extends import("antd").MenuItemProps ? unknown extends U ? import("antd").MenuItemProps : U : import("antd").MenuItemProps, context?: any) => import("react").ReactNode);
-export declare const AntdMenuItemGroup: typeof import("rc-menu").MenuItemGroup;
+export declare const AntdMenuItemGroup: typeof AntdMenu.ItemGroup;
 export declare const AntdSubMenu: import("react").FC<import("antd").SubMenuProps>;
 export declare const MENU_ITEM_TYPE: {
     type: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/antd5",
-  "version": "0.0.169",
+  "version": "0.0.171",
   "description": "Plasmic registration calls for antd components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -48,7 +48,7 @@
   ],
   "scripts": {
     "build": "rollup -c rollup.config.mjs && yarn tsc --emitDeclarationOnly --declaration src/index.ts --incremental --tsBuildInfoFile ./dist/.tsbuildinfo  --skipLibCheck --jsx react --lib dom,esnext --esModuleInterop --strict --outDir ./dist/ && cp ./dist/*.d.ts skinny/ && rm skinny/index.d.ts",
-    "prepare": "if-env PREPARE_NO_BUILD=true || yarn build",
+    "prepublishOnly": "npm run build",
     "clean": "rm -rf dist/ skinny/*.ts skinny/*.map skinny/*.js",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -65,10 +65,10 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@plasmicapp/data-sources": "0.1.134",
-    "@plasmicapp/host": "1.0.177",
-    "@plasmicapp/query": "0.1.74",
-    "@plasmicapp/react-web": "0.2.288",
+    "@plasmicapp/data-sources": "0.1.135",
+    "@plasmicapp/host": "1.0.178",
+    "@plasmicapp/query": "0.1.75",
+    "@plasmicapp/react-web": "0.2.289",
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-json": "^4.0.0",
     "@rollup/plugin-node-resolve": "^9.0.0",
@@ -108,5 +108,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fe1b10634d5b307b30405e16449f99d724427adc"
+  "gitHead": "607ab60a21853f2f36857a0a2a0cbd0d7675b052"
 }

package/skinny/registerCheckbox.cjs.js

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

package/skinny/registerCheckbox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { Checkbox } from \"antd\";\nimport type { CheckboxChangeEvent } from \"antd/es/checkbox\";\nimport React from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\n\nexport function AntdCheckbox(\n  props: Omit<React.ComponentProps<typeof Checkbox>, \"onChange\"> & {\n    onChange?: (checked: boolean) => void;\n  }\n) {\n  const { onChange, ...rest } = props;\n  const wrappedOnChange = React.useMemo(() => {\n    if (onChange) {\n      return (event: CheckboxChangeEvent) => onChange(event.target.checked);\n    } else {\n      return undefined;\n    }\n  }, [onChange]);\n  return <Checkbox {...rest} onChange={wrappedOnChange} />;\n}\nAntdCheckbox.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const AntdCheckboxGroup = Checkbox.Group;\n\nexport const checkboxComponentName = \"plasmic-antd5-checkbox\";\nexport const checkboxGroupComponentName = \"plasmic-antd5-checkbox-group\";\n\nexport function registerCheckbox(loader?: Registerable) {\n  registerComponentHelper(loader, AntdCheckbox, {\n    name: checkboxComponentName,\n    displayName: \"Checkbox\",\n    props: {\n      checked: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultChecked\",\n        description:\n          \"Specifies the initial state: whether or not the checkbox is selected\",\n        defaultValueHint: false,\n        hidden: (ps) => !!(ps as any).__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"If checkbox is disabled\",\n        defaultValueHint: false,\n      },\n      indeterminate: {\n        type: \"boolean\",\n        description: \"The indeterminate checked state of checkbox\",\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      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Checkbox\",\n          },\n        ],\n        ...({ mergeWithParent: true } as any),\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/registerCheckbox\",\n    importName: \"AntdCheckbox\",\n  });\n\n  registerComponentHelper(loader, AntdCheckboxGroup, {\n    name: checkboxGroupComponentName,\n    displayName: \"Checkbox Group\",\n    props: {\n      value: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Default selected value\",\n        multiSelect: true,\n        options: (ps) => {\n          const options = new Set<string>();\n          traverseReactEltTree(ps.children, (elt) => {\n            if (\n              elt?.type === AntdCheckbox &&\n              typeof elt?.props?.value === \"string\"\n            ) {\n              options.add(elt.props.value);\n            }\n          });\n          return Array.from(options.keys());\n        },\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables all checkboxes\",\n        defaultValueHint: false,\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [checkboxComponentName],\n        // Error right now when using default slot content with stateful instances\n        // defaultValue: [\n        //   {\n        //     type: \"component\",\n        //     name: \"plasmic-antd5-checkbox\",\n        //   },\n        // ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCheckbox\",\n    importName: \"AntdCheckboxGroup\",\n    parentComponentName: checkboxComponentName,\n  });\n}\n"],"names":["React","Checkbox","registerComponentHelper","traverseReactEltTree"],"mappings":"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"}
+{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { Checkbox } from \"antd\";\nimport type { CheckboxChangeEvent } from \"antd/es/checkbox\";\nimport React from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\n\nexport function AntdCheckbox(\n  props: Omit<React.ComponentProps<typeof Checkbox>, \"onChange\"> & {\n    onChange?: (checked: boolean) => void;\n  }\n) {\n  const { onChange, ...rest } = props;\n  const wrappedOnChange = React.useMemo(() => {\n    if (onChange) {\n      return (event: CheckboxChangeEvent) => onChange(event.target.checked);\n    } else {\n      return undefined;\n    }\n  }, [onChange]);\n  return <Checkbox {...rest} onChange={wrappedOnChange} />;\n}\nAntdCheckbox.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const AntdCheckboxGroup = Checkbox.Group;\n\nexport const checkboxComponentName = \"plasmic-antd5-checkbox\";\nexport const checkboxGroupComponentName = \"plasmic-antd5-checkbox-group\";\n\nexport function registerCheckbox(loader?: Registerable) {\n  registerComponentHelper(loader, AntdCheckbox, {\n    name: checkboxComponentName,\n    displayName: \"Checkbox\",\n    props: {\n      checked: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultChecked\",\n        description:\n          \"Specifies the initial state: whether or not the checkbox is selected\",\n        defaultValueHint: false,\n        hidden: (ps) => !!(ps as any).__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"If checkbox is disabled\",\n        defaultValueHint: false,\n      },\n      indeterminate: {\n        type: \"boolean\",\n        description: \"The indeterminate checked state of checkbox\",\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      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Checkbox\",\n          },\n        ],\n        ...({ mergeWithParent: true } as any),\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/registerCheckbox\",\n    importName: \"AntdCheckbox\",\n  });\n\n  registerComponentHelper(loader, AntdCheckboxGroup, {\n    name: checkboxGroupComponentName,\n    displayName: \"Checkbox Group\",\n    props: {\n      value: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Default selected value\",\n        multiSelect: true,\n        options: (ps) => {\n          const options = new Set<string>();\n          traverseReactEltTree(ps.children, (elt) => {\n            if (\n              elt?.type === AntdCheckbox &&\n              typeof elt?.props?.value === \"string\"\n            ) {\n              options.add(elt.props.value);\n            }\n          });\n          return Array.from(options.keys());\n        },\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables all checkboxes\",\n        defaultValueHint: false,\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [checkboxComponentName],\n        // Error right now when using default slot content with stateful instances\n        // defaultValue: [\n        //   {\n        //     type: \"component\",\n        //     name: \"plasmic-antd5-checkbox\",\n        //   },\n        // ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCheckbox\",\n    importName: \"AntdCheckboxGroup\",\n    parentComponentName: checkboxComponentName,\n  });\n}\n"],"names":["React","Checkbox","registerComponentHelper","traverseReactEltTree"],"mappings":"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"}

package/skinny/registerCheckbox.esm.js

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

package/skinny/registerCheckbox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { Checkbox } from \"antd\";\nimport type { CheckboxChangeEvent } from \"antd/es/checkbox\";\nimport React from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\n\nexport function AntdCheckbox(\n  props: Omit<React.ComponentProps<typeof Checkbox>, \"onChange\"> & {\n    onChange?: (checked: boolean) => void;\n  }\n) {\n  const { onChange, ...rest } = props;\n  const wrappedOnChange = React.useMemo(() => {\n    if (onChange) {\n      return (event: CheckboxChangeEvent) => onChange(event.target.checked);\n    } else {\n      return undefined;\n    }\n  }, [onChange]);\n  return <Checkbox {...rest} onChange={wrappedOnChange} />;\n}\nAntdCheckbox.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const AntdCheckboxGroup = Checkbox.Group;\n\nexport const checkboxComponentName = \"plasmic-antd5-checkbox\";\nexport const checkboxGroupComponentName = \"plasmic-antd5-checkbox-group\";\n\nexport function registerCheckbox(loader?: Registerable) {\n  registerComponentHelper(loader, AntdCheckbox, {\n    name: checkboxComponentName,\n    displayName: \"Checkbox\",\n    props: {\n      checked: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultChecked\",\n        description:\n          \"Specifies the initial state: whether or not the checkbox is selected\",\n        defaultValueHint: false,\n        hidden: (ps) => !!(ps as any).__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"If checkbox is disabled\",\n        defaultValueHint: false,\n      },\n      indeterminate: {\n        type: \"boolean\",\n        description: \"The indeterminate checked state of checkbox\",\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      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Checkbox\",\n          },\n        ],\n        ...({ mergeWithParent: true } as any),\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/registerCheckbox\",\n    importName: \"AntdCheckbox\",\n  });\n\n  registerComponentHelper(loader, AntdCheckboxGroup, {\n    name: checkboxGroupComponentName,\n    displayName: \"Checkbox Group\",\n    props: {\n      value: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Default selected value\",\n        multiSelect: true,\n        options: (ps) => {\n          const options = new Set<string>();\n          traverseReactEltTree(ps.children, (elt) => {\n            if (\n              elt?.type === AntdCheckbox &&\n              typeof elt?.props?.value === \"string\"\n            ) {\n              options.add(elt.props.value);\n            }\n          });\n          return Array.from(options.keys());\n        },\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables all checkboxes\",\n        defaultValueHint: false,\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [checkboxComponentName],\n        // Error right now when using default slot content with stateful instances\n        // defaultValue: [\n        //   {\n        //     type: \"component\",\n        //     name: \"plasmic-antd5-checkbox\",\n        //   },\n        // ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCheckbox\",\n    importName: \"AntdCheckboxGroup\",\n    parentComponentName: checkboxComponentName,\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { Checkbox } from \"antd\";\nimport type { CheckboxChangeEvent } from \"antd/es/checkbox\";\nimport React from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\n\nexport function AntdCheckbox(\n  props: Omit<React.ComponentProps<typeof Checkbox>, \"onChange\"> & {\n    onChange?: (checked: boolean) => void;\n  }\n) {\n  const { onChange, ...rest } = props;\n  const wrappedOnChange = React.useMemo(() => {\n    if (onChange) {\n      return (event: CheckboxChangeEvent) => onChange(event.target.checked);\n    } else {\n      return undefined;\n    }\n  }, [onChange]);\n  return <Checkbox {...rest} onChange={wrappedOnChange} />;\n}\nAntdCheckbox.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const AntdCheckboxGroup = Checkbox.Group;\n\nexport const checkboxComponentName = \"plasmic-antd5-checkbox\";\nexport const checkboxGroupComponentName = \"plasmic-antd5-checkbox-group\";\n\nexport function registerCheckbox(loader?: Registerable) {\n  registerComponentHelper(loader, AntdCheckbox, {\n    name: checkboxComponentName,\n    displayName: \"Checkbox\",\n    props: {\n      checked: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultChecked\",\n        description:\n          \"Specifies the initial state: whether or not the checkbox is selected\",\n        defaultValueHint: false,\n        hidden: (ps) => !!(ps as any).__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"If checkbox is disabled\",\n        defaultValueHint: false,\n      },\n      indeterminate: {\n        type: \"boolean\",\n        description: \"The indeterminate checked state of checkbox\",\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      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Checkbox\",\n          },\n        ],\n        ...({ mergeWithParent: true } as any),\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/registerCheckbox\",\n    importName: \"AntdCheckbox\",\n  });\n\n  registerComponentHelper(loader, AntdCheckboxGroup, {\n    name: checkboxGroupComponentName,\n    displayName: \"Checkbox Group\",\n    props: {\n      value: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Default selected value\",\n        multiSelect: true,\n        options: (ps) => {\n          const options = new Set<string>();\n          traverseReactEltTree(ps.children, (elt) => {\n            if (\n              elt?.type === AntdCheckbox &&\n              typeof elt?.props?.value === \"string\"\n            ) {\n              options.add(elt.props.value);\n            }\n          });\n          return Array.from(options.keys());\n        },\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables all checkboxes\",\n        defaultValueHint: false,\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [checkboxComponentName],\n        // Error right now when using default slot content with stateful instances\n        // defaultValue: [\n        //   {\n        //     type: \"component\",\n        //     name: \"plasmic-antd5-checkbox\",\n        //   },\n        // ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCheckbox\",\n    importName: \"AntdCheckboxGroup\",\n    parentComponentName: checkboxComponentName,\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerColorPicker.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var antd = require('antd');
+var React = require('react');
 var utils = require('./utils-174b9d45.cjs.js');
 require('@plasmicapp/host/registerComponent');
 require('@plasmicapp/host/registerGlobalContext');
@@ -116,7 +116,8 @@ function registerColorPicker(loader) {
         type: "writable",
         valueProp: "value",
         onChangeProp: "onChange",
-        variableType: "text"
+        variableType: "text",
+        hidden: (ps) => !!ps.__plasmicFormField
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerColorPicker",

package/skinny/registerColorPicker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerColorPicker.cjs.js","sources":["../src/registerColorPicker.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { ColorPicker } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdColorPicker({\n  showTextSwitch,\n  onChange,\n  ...props\n}: Omit<React.ComponentProps<typeof ColorPicker>, \"onChange\"> & {\n  showTextSwitch?: boolean;\n  onChange?: (color: string) => void;\n}) {\n  return (\n    <ColorPicker\n      {...props}\n      showText={props.showText || showTextSwitch}\n      onChangeComplete={(value: any) => {\n        onChange?.(typeof value === \"string\" ? value : value.toHexString());\n      }}\n    />\n  );\n}\n\nexport function registerColorPicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdColorPicker, {\n    name: \"plasmic-antd5-color-picker\",\n    displayName: \"Color Picker\",\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        mergeWithParent: true,\n      } as any,\n      value: {\n        displayName: \"Color value\",\n        type: \"color\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      showTextSwitch: {\n        type: \"boolean\",\n        displayName: \"Show text\",\n      },\n      showText: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      allowClear: \"boolean\",\n      disabled: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      trigger: {\n        advanced: true,\n        type: \"choice\",\n        options: [\"click\", \"hover\"],\n        defaultValueHint: \"click\",\n      },\n      format: {\n        advanced: true,\n        type: \"choice\",\n        options: [\"hex\", \"hsb\", \"rgb\"],\n        defaultValueHint: \"hex\",\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [\n          {\n            name: \"color\",\n            type: \"string\",\n          },\n        ],\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerColorPicker\",\n    importName: \"AntdColorPicker\",\n  });\n}\n"],"names":["React","ColorPicker","registerComponentHelper"],"mappings":"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"}
+{"version":3,"file":"registerColorPicker.cjs.js","sources":["../src/registerColorPicker.tsx"],"sourcesContent":["import { ColorPicker } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdColorPicker({\n  showTextSwitch,\n  onChange,\n  ...props\n}: Omit<React.ComponentProps<typeof ColorPicker>, \"onChange\"> & {\n  showTextSwitch?: boolean;\n  onChange?: (color: string) => void;\n}) {\n  return (\n    <ColorPicker\n      {...props}\n      showText={props.showText || showTextSwitch}\n      onChangeComplete={(value: any) => {\n        onChange?.(typeof value === \"string\" ? value : value.toHexString());\n      }}\n    />\n  );\n}\n\nexport function registerColorPicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdColorPicker, {\n    name: \"plasmic-antd5-color-picker\",\n    displayName: \"Color Picker\",\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        mergeWithParent: true,\n      } as any,\n      value: {\n        displayName: \"Color value\",\n        type: \"color\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      showTextSwitch: {\n        type: \"boolean\",\n        displayName: \"Show text\",\n      },\n      showText: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      allowClear: \"boolean\",\n      disabled: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      trigger: {\n        advanced: true,\n        type: \"choice\",\n        options: [\"click\", \"hover\"],\n        defaultValueHint: \"click\",\n      },\n      format: {\n        advanced: true,\n        type: \"choice\",\n        options: [\"hex\", \"hsb\", \"rgb\"],\n        defaultValueHint: \"hex\",\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [\n          {\n            name: \"color\",\n            type: \"string\",\n          },\n        ],\n      },\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/registerColorPicker\",\n    importName: \"AntdColorPicker\",\n  });\n}\n"],"names":["React","ColorPicker","registerComponentHelper"],"mappings":"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"}

package/skinny/registerColorPicker.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { ColorPicker } from "antd";
+import React from "react";
 import { Registerable } from "./utils";
 export declare function AntdColorPicker({ showTextSwitch, onChange, ...props }: Omit<React.ComponentProps<typeof ColorPicker>, "onChange"> & {
     showTextSwitch?: boolean;

package/skinny/registerColorPicker.esm.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { ColorPicker } from 'antd';
+import React from 'react';
 import { r as registerComponentHelper } from './utils-7d8f2418.esm.js';
 import '@plasmicapp/host/registerComponent';
 import '@plasmicapp/host/registerGlobalContext';
@@ -110,7 +110,8 @@ function registerColorPicker(loader) {
         type: "writable",
         valueProp: "value",
         onChangeProp: "onChange",
-        variableType: "text"
+        variableType: "text",
+        hidden: (ps) => !!ps.__plasmicFormField
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerColorPicker",

package/skinny/registerColorPicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerColorPicker.esm.js","sources":["../src/registerColorPicker.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { ColorPicker } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdColorPicker({\n  showTextSwitch,\n  onChange,\n  ...props\n}: Omit<React.ComponentProps<typeof ColorPicker>, \"onChange\"> & {\n  showTextSwitch?: boolean;\n  onChange?: (color: string) => void;\n}) {\n  return (\n    <ColorPicker\n      {...props}\n      showText={props.showText || showTextSwitch}\n      onChangeComplete={(value: any) => {\n        onChange?.(typeof value === \"string\" ? value : value.toHexString());\n      }}\n    />\n  );\n}\n\nexport function registerColorPicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdColorPicker, {\n    name: \"plasmic-antd5-color-picker\",\n    displayName: \"Color Picker\",\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        mergeWithParent: true,\n      } as any,\n      value: {\n        displayName: \"Color value\",\n        type: \"color\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      showTextSwitch: {\n        type: \"boolean\",\n        displayName: \"Show text\",\n      },\n      showText: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      allowClear: \"boolean\",\n      disabled: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      trigger: {\n        advanced: true,\n        type: \"choice\",\n        options: [\"click\", \"hover\"],\n        defaultValueHint: \"click\",\n      },\n      format: {\n        advanced: true,\n        type: \"choice\",\n        options: [\"hex\", \"hsb\", \"rgb\"],\n        defaultValueHint: \"hex\",\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [\n          {\n            name: \"color\",\n            type: \"string\",\n          },\n        ],\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerColorPicker\",\n    importName: \"AntdColorPicker\",\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerColorPicker.esm.js","sources":["../src/registerColorPicker.tsx"],"sourcesContent":["import { ColorPicker } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdColorPicker({\n  showTextSwitch,\n  onChange,\n  ...props\n}: Omit<React.ComponentProps<typeof ColorPicker>, \"onChange\"> & {\n  showTextSwitch?: boolean;\n  onChange?: (color: string) => void;\n}) {\n  return (\n    <ColorPicker\n      {...props}\n      showText={props.showText || showTextSwitch}\n      onChangeComplete={(value: any) => {\n        onChange?.(typeof value === \"string\" ? value : value.toHexString());\n      }}\n    />\n  );\n}\n\nexport function registerColorPicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdColorPicker, {\n    name: \"plasmic-antd5-color-picker\",\n    displayName: \"Color Picker\",\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        mergeWithParent: true,\n      } as any,\n      value: {\n        displayName: \"Color value\",\n        type: \"color\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      showTextSwitch: {\n        type: \"boolean\",\n        displayName: \"Show text\",\n      },\n      showText: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      allowClear: \"boolean\",\n      disabled: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      trigger: {\n        advanced: true,\n        type: \"choice\",\n        options: [\"click\", \"hover\"],\n        defaultValueHint: \"click\",\n      },\n      format: {\n        advanced: true,\n        type: \"choice\",\n        options: [\"hex\", \"hsb\", \"rgb\"],\n        defaultValueHint: \"hex\",\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [\n          {\n            name: \"color\",\n            type: \"string\",\n          },\n        ],\n      },\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/registerColorPicker\",\n    importName: \"AntdColorPicker\",\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerDatePicker.cjs.js

@@ -86,7 +86,8 @@ const datePickerComponentName = "plasmic-antd5-date-picker";
 const datePickerHelpers = {
   states: {
     value: {
-      onChangeArgsToValue: (value) => value ? value : void 0
+      onChangeArgsToValue: (value) => value ? value : void 0,
+      hidden: (ps) => !!ps.__plasmicFormField
     }
   }
 };

package/skinny/registerDatePicker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDatePicker.cjs.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport React, { useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n *\n * On mobile, Ant DatePicker is unusable, so also have a hidden native picker for the popup.\n */\nexport function AntdDatePicker(\n  props: Omit<React.ComponentProps<typeof DatePicker>, \"value\" | \"onChange\"> & {\n    onChange?: (value: string | null) => void;\n    value?: Dayjs | string | null;\n    // Not sure why this is missing from DatePicker props!\n    showTime?: boolean;\n    popupScopeClassName?: string;\n  }\n) {\n  const nativeInput = React.useRef<HTMLInputElement>(null);\n  const [open, setOpen] = useState(false);\n  const strValue: string | undefined =\n    props.value &&\n    typeof props.value === \"object\" &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n\n  const { picker, popupScopeClassName, ...rest } = props;\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={picker as any}\n        value={\n          props.value === undefined\n            ? undefined\n            : !props.value\n            ? null\n            : dayjs(props.value)\n        }\n        defaultValue={\n          props.defaultValue === undefined\n            ? undefined\n            : dayjs(props.defaultValue)\n        }\n        popupClassName={popupScopeClassName}\n        // dateString isn't a valid ISO string, and value is a dayjs object.\n        onChange={(value, _dateString) => {\n          props.onChange?.(value !== null ? value.toISOString() : null);\n        }}\n        open={open}\n        onOpenChange={(_open) => {\n          if (_open && window.innerWidth < 500) {\n            nativeInput.current!.showPicker();\n          } else {\n            setOpen(_open);\n          }\n        }}\n      />\n      <input\n        hidden\n        ref={nativeInput}\n        type={props.showTime ? \"datetime-local\" : \"date\"}\n        // Clearing -> undefined -> will leave it unchanged, so set \"\"\n        value={strValue || \"\"}\n        onChange={(e) => {\n          props.onChange?.(e.target.value);\n        }}\n      />\n    </>\n  );\n}\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport const datePickerHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (value: string) => (value ? value : undefined),\n    },\n  },\n};\n\nexport function registerDatePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDatePicker, {\n    name: datePickerComponentName,\n    displayName: \"Date/Time Picker\",\n    props: {\n      value: {\n        type: \"dateString\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description:\n          \"The current date/time as an ISO string, Date object, or dayjs object\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"Focus when component is rendered\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      picker: {\n        type: \"choice\",\n        options: [\"date\", \"week\", \"month\", \"quarter\", \"year\"].map((value) => ({\n          value,\n          label: capitalize(value),\n        })),\n        defaultValueHint: \"date\",\n      },\n      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"datePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\n      },\n      showTime: {\n        type: \"boolean\",\n        description: \"Enable time selection\",\n      },\n      bordered: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      // TODO - see how it works with plasmic-rich-components\n      // format: {\n      //   advanced: true\n      // },\n      showNow: {\n        type: \"boolean\",\n        advanced: true,\n        description: 'Whether to show the \"Now\" button',\n        defaultValueHint: true,\n        hidden: (ps: any) => !ps.showTime,\n      },\n      showToday: {\n        type: \"boolean\",\n        advanced: true,\n        description: 'Whether to show the \"Today\" button',\n        defaultValueHint: true,\n        hidden: (ps: any) => ps.showTime,\n      },\n      // disabledDate: {\n      //   type: \"function\",\n      //   advanced: true,\n      //   description: \"Dates to disable\",\n      // },\n      // disabledTime: {\n      //   type: \"function\",\n      //   advanced: true,\n      //   description: \"Times to disable\",\n      // },\n      allowClear: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Whether to show the clear button\",\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        ...datePickerHelpers.states.value,\n      },\n    },\n    componentHelpers: {\n      helpers: datePickerHelpers,\n      importName: \"datePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    importName: \"AntdDatePicker\",\n  });\n}\n"],"names":["React","useState","DatePicker","dayjs","_a","registerComponentHelper","capitalize"],"mappings":"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"}
+{"version":3,"file":"registerDatePicker.cjs.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport React, { useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n *\n * On mobile, Ant DatePicker is unusable, so also have a hidden native picker for the popup.\n */\nexport function AntdDatePicker(\n  props: Omit<React.ComponentProps<typeof DatePicker>, \"value\" | \"onChange\"> & {\n    onChange?: (value: string | null) => void;\n    value?: Dayjs | string | null;\n    // Not sure why this is missing from DatePicker props!\n    showTime?: boolean;\n    popupScopeClassName?: string;\n  }\n) {\n  const nativeInput = React.useRef<HTMLInputElement>(null);\n  const [open, setOpen] = useState(false);\n  const strValue: string | undefined =\n    props.value &&\n    typeof props.value === \"object\" &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n\n  const { picker, popupScopeClassName, ...rest } = props;\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={picker as any}\n        value={\n          props.value === undefined\n            ? undefined\n            : !props.value\n            ? null\n            : dayjs(props.value)\n        }\n        defaultValue={\n          props.defaultValue === undefined\n            ? undefined\n            : dayjs(props.defaultValue)\n        }\n        popupClassName={popupScopeClassName}\n        // dateString isn't a valid ISO string, and value is a dayjs object.\n        onChange={(value, _dateString) => {\n          props.onChange?.(value !== null ? value.toISOString() : null);\n        }}\n        open={open}\n        onOpenChange={(_open) => {\n          if (_open && window.innerWidth < 500) {\n            nativeInput.current!.showPicker();\n          } else {\n            setOpen(_open);\n          }\n        }}\n      />\n      <input\n        hidden\n        ref={nativeInput}\n        type={props.showTime ? \"datetime-local\" : \"date\"}\n        // Clearing -> undefined -> will leave it unchanged, so set \"\"\n        value={strValue || \"\"}\n        onChange={(e) => {\n          props.onChange?.(e.target.value);\n        }}\n      />\n    </>\n  );\n}\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport const datePickerHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (value: string) => (value ? value : undefined),\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n  },\n};\n\nexport function registerDatePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDatePicker, {\n    name: datePickerComponentName,\n    displayName: \"Date/Time Picker\",\n    props: {\n      value: {\n        type: \"dateString\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description:\n          \"The current date/time as an ISO string, Date object, or dayjs object\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"Focus when component is rendered\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      picker: {\n        type: \"choice\",\n        options: [\"date\", \"week\", \"month\", \"quarter\", \"year\"].map((value) => ({\n          value,\n          label: capitalize(value),\n        })),\n        defaultValueHint: \"date\",\n      },\n      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"datePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\n      },\n      showTime: {\n        type: \"boolean\",\n        description: \"Enable time selection\",\n      },\n      bordered: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      // TODO - see how it works with plasmic-rich-components\n      // format: {\n      //   advanced: true\n      // },\n      showNow: {\n        type: \"boolean\",\n        advanced: true,\n        description: 'Whether to show the \"Now\" button',\n        defaultValueHint: true,\n        hidden: (ps: any) => !ps.showTime,\n      },\n      showToday: {\n        type: \"boolean\",\n        advanced: true,\n        description: 'Whether to show the \"Today\" button',\n        defaultValueHint: true,\n        hidden: (ps: any) => ps.showTime,\n      },\n      // disabledDate: {\n      //   type: \"function\",\n      //   advanced: true,\n      //   description: \"Dates to disable\",\n      // },\n      // disabledTime: {\n      //   type: \"function\",\n      //   advanced: true,\n      //   description: \"Times to disable\",\n      // },\n      allowClear: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Whether to show the clear button\",\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        ...datePickerHelpers.states.value,\n      },\n    },\n    componentHelpers: {\n      helpers: datePickerHelpers,\n      importName: \"datePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    importName: \"AntdDatePicker\",\n  });\n}\n"],"names":["React","useState","DatePicker","dayjs","_a","registerComponentHelper","capitalize"],"mappings":"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"}

package/skinny/registerDatePicker.d.ts

@@ -18,6 +18,7 @@ export declare const datePickerHelpers: {
     states: {
         value: {
             onChangeArgsToValue: (value: string) => string | undefined;
+            hidden: (ps: any) => boolean;
         };
     };
 };

package/skinny/registerDatePicker.esm.js

@@ -79,7 +79,8 @@ const datePickerComponentName = "plasmic-antd5-date-picker";
 const datePickerHelpers = {
   states: {
     value: {
-      onChangeArgsToValue: (value) => value ? value : void 0
+      onChangeArgsToValue: (value) => value ? value : void 0,
+      hidden: (ps) => !!ps.__plasmicFormField
     }
   }
 };

package/skinny/registerDatePicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDatePicker.esm.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport React, { useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n *\n * On mobile, Ant DatePicker is unusable, so also have a hidden native picker for the popup.\n */\nexport function AntdDatePicker(\n  props: Omit<React.ComponentProps<typeof DatePicker>, \"value\" | \"onChange\"> & {\n    onChange?: (value: string | null) => void;\n    value?: Dayjs | string | null;\n    // Not sure why this is missing from DatePicker props!\n    showTime?: boolean;\n    popupScopeClassName?: string;\n  }\n) {\n  const nativeInput = React.useRef<HTMLInputElement>(null);\n  const [open, setOpen] = useState(false);\n  const strValue: string | undefined =\n    props.value &&\n    typeof props.value === \"object\" &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n\n  const { picker, popupScopeClassName, ...rest } = props;\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={picker as any}\n        value={\n          props.value === undefined\n            ? undefined\n            : !props.value\n            ? null\n            : dayjs(props.value)\n        }\n        defaultValue={\n          props.defaultValue === undefined\n            ? undefined\n            : dayjs(props.defaultValue)\n        }\n        popupClassName={popupScopeClassName}\n        // dateString isn't a valid ISO string, and value is a dayjs object.\n        onChange={(value, _dateString) => {\n          props.onChange?.(value !== null ? value.toISOString() : null);\n        }}\n        open={open}\n        onOpenChange={(_open) => {\n          if (_open && window.innerWidth < 500) {\n            nativeInput.current!.showPicker();\n          } else {\n            setOpen(_open);\n          }\n        }}\n      />\n      <input\n        hidden\n        ref={nativeInput}\n        type={props.showTime ? \"datetime-local\" : \"date\"}\n        // Clearing -> undefined -> will leave it unchanged, so set \"\"\n        value={strValue || \"\"}\n        onChange={(e) => {\n          props.onChange?.(e.target.value);\n        }}\n      />\n    </>\n  );\n}\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport const datePickerHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (value: string) => (value ? value : undefined),\n    },\n  },\n};\n\nexport function registerDatePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDatePicker, {\n    name: datePickerComponentName,\n    displayName: \"Date/Time Picker\",\n    props: {\n      value: {\n        type: \"dateString\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description:\n          \"The current date/time as an ISO string, Date object, or dayjs object\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"Focus when component is rendered\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      picker: {\n        type: \"choice\",\n        options: [\"date\", \"week\", \"month\", \"quarter\", \"year\"].map((value) => ({\n          value,\n          label: capitalize(value),\n        })),\n        defaultValueHint: \"date\",\n      },\n      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"datePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\n      },\n      showTime: {\n        type: \"boolean\",\n        description: \"Enable time selection\",\n      },\n      bordered: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      // TODO - see how it works with plasmic-rich-components\n      // format: {\n      //   advanced: true\n      // },\n      showNow: {\n        type: \"boolean\",\n        advanced: true,\n        description: 'Whether to show the \"Now\" button',\n        defaultValueHint: true,\n        hidden: (ps: any) => !ps.showTime,\n      },\n      showToday: {\n        type: \"boolean\",\n        advanced: true,\n        description: 'Whether to show the \"Today\" button',\n        defaultValueHint: true,\n        hidden: (ps: any) => ps.showTime,\n      },\n      // disabledDate: {\n      //   type: \"function\",\n      //   advanced: true,\n      //   description: \"Dates to disable\",\n      // },\n      // disabledTime: {\n      //   type: \"function\",\n      //   advanced: true,\n      //   description: \"Times to disable\",\n      // },\n      allowClear: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Whether to show the clear button\",\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        ...datePickerHelpers.states.value,\n      },\n    },\n    componentHelpers: {\n      helpers: datePickerHelpers,\n      importName: \"datePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    importName: \"AntdDatePicker\",\n  });\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"registerDatePicker.esm.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport React, { useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n *\n * On mobile, Ant DatePicker is unusable, so also have a hidden native picker for the popup.\n */\nexport function AntdDatePicker(\n  props: Omit<React.ComponentProps<typeof DatePicker>, \"value\" | \"onChange\"> & {\n    onChange?: (value: string | null) => void;\n    value?: Dayjs | string | null;\n    // Not sure why this is missing from DatePicker props!\n    showTime?: boolean;\n    popupScopeClassName?: string;\n  }\n) {\n  const nativeInput = React.useRef<HTMLInputElement>(null);\n  const [open, setOpen] = useState(false);\n  const strValue: string | undefined =\n    props.value &&\n    typeof props.value === \"object\" &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n\n  const { picker, popupScopeClassName, ...rest } = props;\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={picker as any}\n        value={\n          props.value === undefined\n            ? undefined\n            : !props.value\n            ? null\n            : dayjs(props.value)\n        }\n        defaultValue={\n          props.defaultValue === undefined\n            ? undefined\n            : dayjs(props.defaultValue)\n        }\n        popupClassName={popupScopeClassName}\n        // dateString isn't a valid ISO string, and value is a dayjs object.\n        onChange={(value, _dateString) => {\n          props.onChange?.(value !== null ? value.toISOString() : null);\n        }}\n        open={open}\n        onOpenChange={(_open) => {\n          if (_open && window.innerWidth < 500) {\n            nativeInput.current!.showPicker();\n          } else {\n            setOpen(_open);\n          }\n        }}\n      />\n      <input\n        hidden\n        ref={nativeInput}\n        type={props.showTime ? \"datetime-local\" : \"date\"}\n        // Clearing -> undefined -> will leave it unchanged, so set \"\"\n        value={strValue || \"\"}\n        onChange={(e) => {\n          props.onChange?.(e.target.value);\n        }}\n      />\n    </>\n  );\n}\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport const datePickerHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (value: string) => (value ? value : undefined),\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n  },\n};\n\nexport function registerDatePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDatePicker, {\n    name: datePickerComponentName,\n    displayName: \"Date/Time Picker\",\n    props: {\n      value: {\n        type: \"dateString\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description:\n          \"The current date/time as an ISO string, Date object, or dayjs object\",\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"Focus when component is rendered\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      picker: {\n        type: \"choice\",\n        options: [\"date\", \"week\", \"month\", \"quarter\", \"year\"].map((value) => ({\n          value,\n          label: capitalize(value),\n        })),\n        defaultValueHint: \"date\",\n      },\n      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"datePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\n      },\n      showTime: {\n        type: \"boolean\",\n        description: \"Enable time selection\",\n      },\n      bordered: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      // TODO - see how it works with plasmic-rich-components\n      // format: {\n      //   advanced: true\n      // },\n      showNow: {\n        type: \"boolean\",\n        advanced: true,\n        description: 'Whether to show the \"Now\" button',\n        defaultValueHint: true,\n        hidden: (ps: any) => !ps.showTime,\n      },\n      showToday: {\n        type: \"boolean\",\n        advanced: true,\n        description: 'Whether to show the \"Today\" button',\n        defaultValueHint: true,\n        hidden: (ps: any) => ps.showTime,\n      },\n      // disabledDate: {\n      //   type: \"function\",\n      //   advanced: true,\n      //   description: \"Dates to disable\",\n      // },\n      // disabledTime: {\n      //   type: \"function\",\n      //   advanced: true,\n      //   description: \"Times to disable\",\n      // },\n      allowClear: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Whether to show the clear button\",\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        ...datePickerHelpers.states.value,\n      },\n    },\n    componentHelpers: {\n      helpers: datePickerHelpers,\n      importName: \"datePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    importName: \"AntdDatePicker\",\n  });\n}\n"],"names":["_a"],"mappings":"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"}

package/skinny/registerDateRangePicker.cjs.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var antd = require('antd');
-var React = require('react');
-var utils = require('./utils-174b9d45.cjs.js');
 var dayjs = require('dayjs');
 var kebabCase = require('lodash/kebabCase');
+var React = require('react');
+var utils = require('./utils-174b9d45.cjs.js');
 require('@plasmicapp/host/registerComponent');
 require('@plasmicapp/host/registerGlobalContext');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var kebabCase__default = /*#__PURE__*/_interopDefault(kebabCase);
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -97,13 +97,13 @@ function AntdDateRangePicker(props) {
   ]);
   const popupScopeClassNameSelector = popupScopeClassName ? `.${popupScopeClassName}` : "";
   const css = `
-    @media(max-width: 900px) { 
-      .ant-picker-panels{ 
+    @media(max-width: 900px) {
+      .ant-picker-panels{
         flex-direction: column;
       }
     }
-    
-    @media(max-width: 500px) { 
+
+    @media(max-width: 500px) {
       ${popupScopeClassNameSelector}.ant-picker-dropdown {
         top: 20px !important;
         left: 10px !important;
@@ -125,15 +125,15 @@ function AntdDateRangePicker(props) {
       .${className} .ant-picker-input > input {
         font-size: 16px !important;
       }
-      
+
       ${popupScopeClassNameSelector} .ant-picker-header-view {
         line-height: unset !important;
       }
-      
+
       ${popupScopeClassNameSelector} .ant-picker-content {
         height: unset !important;
       }
-      
+
       ${popupScopeClassNameSelector} .ant-picker-time-panel-column {
         height: 100px;
       }
@@ -174,10 +174,12 @@ const dateRangePickerComponentName = "plasmic-antd5-date-range-picker";
 const dateRangePickerHelpers = {
   states: {
     startDate: {
-      onChangeArgsToValue: (value) => value[0]
+      onChangeArgsToValue: (value) => value[0],
+      hidden: (ps) => !!ps.__plasmicFormField
     },
     endDate: {
-      onChangeArgsToValue: (value) => value[1]
+      onChangeArgsToValue: (value) => value[1],
+      hidden: (ps) => !!ps.__plasmicFormField
     }
   }
 };