@plasmicpkgs/antd5 0.0.71 → 0.0.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,8 +4,8 @@ import { Registerable } from "./utils";
4
4
  /**
5
5
  * onChangeIsoString uses ISO strings rather than dayjs.
6
6
  */
7
- export declare function AntdDatePicker(props: React.ComponentProps<typeof DatePicker> & {
8
- onChangeIsoString: (value: string | null) => void;
7
+ export declare function AntdDatePicker(props: Omit<React.ComponentProps<typeof DatePicker>, "onChange"> & {
8
+ onChange: (value: string | null) => void;
9
9
  }): JSX.Element;
10
10
  export declare namespace AntdDatePicker {
11
11
  var __plasmicFormFieldMeta: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plasmicpkgs/antd5",
3
- "version": "0.0.71",
3
+ "version": "0.0.72",
4
4
  "description": "Plasmic registration calls for antd components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -76,5 +76,5 @@
76
76
  "publishConfig": {
77
77
  "access": "public"
78
78
  },
79
- "gitHead": "33a12ff69ec49f4681b7842548ccc62b1f8cb7de"
79
+ "gitHead": "53718af95f5a149c1cd7a769a1423f2cf9513844"
80
80
  }
@@ -37,10 +37,9 @@ function AntdDatePicker(props) {
37
37
  __spreadProps(__spreadValues({}, props), {
38
38
  value: props.value === void 0 ? void 0 : !props.value ? null : dayjs__default.default(props.value),
39
39
  defaultValue: props.defaultValue === void 0 ? void 0 : dayjs__default.default(props.defaultValue),
40
- onChange: (value, dateString) => {
41
- var _a, _b;
42
- (_a = props.onChange) == null ? void 0 : _a.call(props, value, dateString);
43
- (_b = props.onChangeIsoString) == null ? void 0 : _b.call(props, value !== null ? value.toISOString() : null);
40
+ onChange: (value, _dateString) => {
41
+ var _a;
42
+ (_a = props.onChange) == null ? void 0 : _a.call(props, value !== null ? value.toISOString() : null);
44
43
  }
45
44
  })
46
45
  );
@@ -50,7 +49,7 @@ const datePickerComponentName = "plasmic-antd5-date-picker";
50
49
  function registerDatePicker(loader) {
51
50
  utils.registerComponentHelper(loader, AntdDatePicker, {
52
51
  name: datePickerComponentName,
53
- displayName: "Date Time Picker",
52
+ displayName: "Date/Time Picker",
54
53
  props: {
55
54
  value: {
56
55
  type: "string",
@@ -69,7 +68,7 @@ function registerDatePicker(loader) {
69
68
  defaultValueHint: false,
70
69
  advanced: true
71
70
  },
72
- onChangeIsoString: {
71
+ onChange: {
73
72
  type: "eventHandler",
74
73
  argTypes: [{ name: "value", type: "string" }]
75
74
  },
@@ -127,7 +126,7 @@ function registerDatePicker(loader) {
127
126
  value: {
128
127
  type: "writable",
129
128
  valueProp: "value",
130
- onChangeProp: "onChangeIsoString",
129
+ onChangeProp: "onChange",
131
130
  variableType: "text"
132
131
  }
133
132
  },
@@ -1 +1 @@
1
- {"version":3,"file":"registerDatePicker.cjs.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport React from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\nimport dayjs from \"dayjs\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n */\nexport function AntdDatePicker(\n props: React.ComponentProps<typeof DatePicker> & {\n onChangeIsoString: (value: string | null) => void;\n }\n) {\n return (\n <DatePicker\n {...props}\n value={\n props.value === undefined\n ? undefined\n : !props.value\n ? null\n : dayjs(props.value)\n }\n defaultValue={\n props.defaultValue === undefined ? undefined : dayjs(props.defaultValue)\n }\n onChange={(value, dateString) => {\n props.onChange?.(value, dateString);\n props.onChangeIsoString?.(value !== null ? value.toISOString() : null);\n }}\n />\n );\n}\nAntdDatePicker.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport function registerDatePicker(loader?: Registerable) {\n registerComponentHelper(loader, AntdDatePicker, {\n name: datePickerComponentName,\n displayName: \"Date Time Picker\",\n props: {\n value: {\n type: \"string\",\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 onChangeIsoString: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"string\" }],\n } as any,\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 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: \"onChangeIsoString\",\n variableType: \"text\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n importName: \"AntdDatePicker\",\n });\n}\n"],"names":["React","DatePicker","dayjs","registerComponentHelper","capitalize"],"mappings":"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"}
1
+ {"version":3,"file":"registerDatePicker.cjs.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport React from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\nimport dayjs from \"dayjs\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n */\nexport function AntdDatePicker(\n props: Omit<React.ComponentProps<typeof DatePicker>, \"onChange\"> & {\n onChange: (value: string | null) => void;\n }\n) {\n return (\n <DatePicker\n {...props}\n value={\n props.value === undefined\n ? undefined\n : !props.value\n ? null\n : dayjs(props.value)\n }\n defaultValue={\n props.defaultValue === undefined ? undefined : dayjs(props.defaultValue)\n }\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 />\n );\n}\nAntdDatePicker.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport function registerDatePicker(loader?: Registerable) {\n registerComponentHelper(loader, AntdDatePicker, {\n name: datePickerComponentName,\n displayName: \"Date/Time Picker\",\n props: {\n value: {\n type: \"string\",\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 } as any,\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 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 },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n importName: \"AntdDatePicker\",\n });\n}\n"],"names":["React","DatePicker","dayjs","registerComponentHelper","capitalize"],"mappings":"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"}
@@ -4,8 +4,8 @@ import { Registerable } from "./utils";
4
4
  /**
5
5
  * onChangeIsoString uses ISO strings rather than dayjs.
6
6
  */
7
- export declare function AntdDatePicker(props: React.ComponentProps<typeof DatePicker> & {
8
- onChangeIsoString: (value: string | null) => void;
7
+ export declare function AntdDatePicker(props: Omit<React.ComponentProps<typeof DatePicker>, "onChange"> & {
8
+ onChange: (value: string | null) => void;
9
9
  }): JSX.Element;
10
10
  export declare namespace AntdDatePicker {
11
11
  var __plasmicFormFieldMeta: {
@@ -30,10 +30,9 @@ function AntdDatePicker(props) {
30
30
  __spreadProps(__spreadValues({}, props), {
31
31
  value: props.value === void 0 ? void 0 : !props.value ? null : dayjs(props.value),
32
32
  defaultValue: props.defaultValue === void 0 ? void 0 : dayjs(props.defaultValue),
33
- onChange: (value, dateString) => {
34
- var _a, _b;
35
- (_a = props.onChange) == null ? void 0 : _a.call(props, value, dateString);
36
- (_b = props.onChangeIsoString) == null ? void 0 : _b.call(props, value !== null ? value.toISOString() : null);
33
+ onChange: (value, _dateString) => {
34
+ var _a;
35
+ (_a = props.onChange) == null ? void 0 : _a.call(props, value !== null ? value.toISOString() : null);
37
36
  }
38
37
  })
39
38
  );
@@ -43,7 +42,7 @@ const datePickerComponentName = "plasmic-antd5-date-picker";
43
42
  function registerDatePicker(loader) {
44
43
  registerComponentHelper(loader, AntdDatePicker, {
45
44
  name: datePickerComponentName,
46
- displayName: "Date Time Picker",
45
+ displayName: "Date/Time Picker",
47
46
  props: {
48
47
  value: {
49
48
  type: "string",
@@ -62,7 +61,7 @@ function registerDatePicker(loader) {
62
61
  defaultValueHint: false,
63
62
  advanced: true
64
63
  },
65
- onChangeIsoString: {
64
+ onChange: {
66
65
  type: "eventHandler",
67
66
  argTypes: [{ name: "value", type: "string" }]
68
67
  },
@@ -120,7 +119,7 @@ function registerDatePicker(loader) {
120
119
  value: {
121
120
  type: "writable",
122
121
  valueProp: "value",
123
- onChangeProp: "onChangeIsoString",
122
+ onChangeProp: "onChange",
124
123
  variableType: "text"
125
124
  }
126
125
  },
@@ -1 +1 @@
1
- {"version":3,"file":"registerDatePicker.esm.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport React from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\nimport dayjs from \"dayjs\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n */\nexport function AntdDatePicker(\n props: React.ComponentProps<typeof DatePicker> & {\n onChangeIsoString: (value: string | null) => void;\n }\n) {\n return (\n <DatePicker\n {...props}\n value={\n props.value === undefined\n ? undefined\n : !props.value\n ? null\n : dayjs(props.value)\n }\n defaultValue={\n props.defaultValue === undefined ? undefined : dayjs(props.defaultValue)\n }\n onChange={(value, dateString) => {\n props.onChange?.(value, dateString);\n props.onChangeIsoString?.(value !== null ? value.toISOString() : null);\n }}\n />\n );\n}\nAntdDatePicker.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport function registerDatePicker(loader?: Registerable) {\n registerComponentHelper(loader, AntdDatePicker, {\n name: datePickerComponentName,\n displayName: \"Date Time Picker\",\n props: {\n value: {\n type: \"string\",\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 onChangeIsoString: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"string\" }],\n } as any,\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 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: \"onChangeIsoString\",\n variableType: \"text\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n importName: \"AntdDatePicker\",\n });\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"registerDatePicker.esm.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport React from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\nimport dayjs from \"dayjs\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n */\nexport function AntdDatePicker(\n props: Omit<React.ComponentProps<typeof DatePicker>, \"onChange\"> & {\n onChange: (value: string | null) => void;\n }\n) {\n return (\n <DatePicker\n {...props}\n value={\n props.value === undefined\n ? undefined\n : !props.value\n ? null\n : dayjs(props.value)\n }\n defaultValue={\n props.defaultValue === undefined ? undefined : dayjs(props.defaultValue)\n }\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 />\n );\n}\nAntdDatePicker.__plasmicFormFieldMeta = { valueProp: \"checked\" };\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport function registerDatePicker(loader?: Registerable) {\n registerComponentHelper(loader, AntdDatePicker, {\n name: datePickerComponentName,\n displayName: \"Date/Time Picker\",\n props: {\n value: {\n type: \"string\",\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 } as any,\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 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 },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n importName: \"AntdDatePicker\",\n });\n}\n"],"names":[],"mappings":"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"}