@plasmicpkgs/antd5 0.0.98 → 0.0.100
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.
- package/dist/.tsbuildinfo +1 -1
- package/dist/antd.esm.js +17 -56
- package/dist/antd.esm.js.map +1 -1
- package/dist/index.js +17 -56
- package/dist/index.js.map +1 -1
- package/dist/registerForm.d.ts +1 -6
- package/package.json +2 -2
- package/skinny/registerAvatar.cjs.js +1 -1
- package/skinny/registerAvatar.cjs.js.map +1 -1
- package/skinny/registerAvatar.esm.js +1 -1
- package/skinny/registerAvatar.esm.js.map +1 -1
- package/skinny/registerForm.cjs.js +15 -54
- package/skinny/registerForm.cjs.js.map +1 -1
- package/skinny/registerForm.d.ts +1 -6
- package/skinny/registerForm.esm.js +15 -54
- package/skinny/registerForm.esm.js.map +1 -1
- package/skinny/registerSteps.cjs.js +1 -1
- package/skinny/registerSteps.cjs.js.map +1 -1
- package/skinny/registerSteps.esm.js +1 -1
- package/skinny/registerSteps.esm.js.map +1 -1
package/dist/registerForm.d.ts
CHANGED
|
@@ -44,11 +44,6 @@ export declare enum FormType {
|
|
|
44
44
|
NewEntry = 0,
|
|
45
45
|
UpdateEntry = 1
|
|
46
46
|
}
|
|
47
|
-
interface DBConnectionProp {
|
|
48
|
-
formType: FormType;
|
|
49
|
-
dataSchema: DataOp;
|
|
50
|
-
dataEntry: DataOp;
|
|
51
|
-
}
|
|
52
47
|
interface FormWrapperProps extends FormProps, CanvasComponentProps<FormWrapperControlContextData> {
|
|
53
48
|
/**
|
|
54
49
|
* https://ant.design/components/form#setfieldsvalue-do-not-trigger-onfieldschange-or-onvalueschange
|
|
@@ -62,7 +57,7 @@ interface FormWrapperProps extends FormProps, CanvasComponentProps<FormWrapperCo
|
|
|
62
57
|
mode?: CodeComponentMode;
|
|
63
58
|
formType: "new-entry" | "update-entry";
|
|
64
59
|
submitSlot?: boolean;
|
|
65
|
-
data?:
|
|
60
|
+
data?: DataOp;
|
|
66
61
|
}
|
|
67
62
|
interface InternalFormInstanceContextData {
|
|
68
63
|
fireOnValuesChange: () => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/antd5",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.100",
|
|
4
4
|
"description": "Plasmic registration calls for antd components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
"publishConfig": {
|
|
79
79
|
"access": "public"
|
|
80
80
|
},
|
|
81
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "22ba786f40927a31c96ddee0d8b699d4bf0ab569"
|
|
82
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerAvatar.cjs.js","sources":["../src/registerAvatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { usePlasmicLink } from \"@plasmicapp/host\";\n\nexport function AntdAvatar({\n letters,\n href,\n target,\n ...props\n}: React.ComponentProps<typeof Avatar> & {\n letters?: string;\n href?: string;\n target?: boolean;\n}) {\n const avatar = <Avatar {...props} children={props.children || letters} />;\n const PlasmicLink = usePlasmicLink();\n return href ? (\n <PlasmicLink href={href} target={target ? \"_blank\" : undefined}>\n {avatar}\n </PlasmicLink>\n ) : (\n avatar\n );\n}\n\nexport function AntdAvatarGroup(\n props: React.ComponentProps<typeof Avatar.Group>\n) {\n return <Avatar.Group {...props} />;\n}\n\nexport function registerAvatar(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatar, {\n name: \"plasmic-antd5-avatar\",\n displayName: \"Avatar\",\n props: {\n href: {\n type: \"href\",\n displayName: \"Link to\",\n description: \"Destination to link to\",\n },\n target: {\n type: \"boolean\",\n displayName: \"Open in new tab\",\n hidden: (ps) => !ps.href,\n },\n letters: {\n type: \"string\",\n description: \"Letters to show\",\n defaultValue: \"AB\",\n },\n src: {\n type: \"imageUrl\",\n description: \"Image to display\",\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Set the size of avatar\",\n defaultValueHint: \"default\",\n },\n shape: {\n type: \"choice\",\n options: [\"circle\", \"round\"],\n description: \"Set the avatar shape\",\n defaultValueHint: \"
|
|
1
|
+
{"version":3,"file":"registerAvatar.cjs.js","sources":["../src/registerAvatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { usePlasmicLink } from \"@plasmicapp/host\";\n\nexport function AntdAvatar({\n letters,\n href,\n target,\n ...props\n}: React.ComponentProps<typeof Avatar> & {\n letters?: string;\n href?: string;\n target?: boolean;\n}) {\n const avatar = <Avatar {...props} children={props.children || letters} />;\n const PlasmicLink = usePlasmicLink();\n return href ? (\n <PlasmicLink href={href} target={target ? \"_blank\" : undefined}>\n {avatar}\n </PlasmicLink>\n ) : (\n avatar\n );\n}\n\nexport function AntdAvatarGroup(\n props: React.ComponentProps<typeof Avatar.Group>\n) {\n return <Avatar.Group {...props} />;\n}\n\nexport function registerAvatar(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatar, {\n name: \"plasmic-antd5-avatar\",\n displayName: \"Avatar\",\n props: {\n href: {\n type: \"href\",\n displayName: \"Link to\",\n description: \"Destination to link to\",\n },\n target: {\n type: \"boolean\",\n displayName: \"Open in new tab\",\n hidden: (ps) => !ps.href,\n },\n letters: {\n type: \"string\",\n description: \"Letters to show\",\n defaultValue: \"AB\",\n },\n src: {\n type: \"imageUrl\",\n description: \"Image to display\",\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Set the size of avatar\",\n defaultValueHint: \"default\",\n },\n shape: {\n type: \"choice\",\n options: [\"circle\", \"round\"],\n description: \"Set the avatar shape\",\n defaultValueHint: \"circle\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerAvatar\",\n importName: \"AntdAvatar\",\n });\n}\n\nexport function registerAvatarGroup(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatarGroup, {\n name: \"plasmic-antd5-avatar-group\",\n displayName: \"AvatarGroup\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: [1, 2, 3, 4].map((user) => ({\n type: \"component\",\n name: \"plasmic-antd5-tooltip\",\n props: {\n titleText: \"User \" + user,\n children: {\n type: \"component\",\n name: \"plasmic-antd5-avatar\",\n props: {\n letters: `U${user}`,\n },\n },\n },\n })),\n },\n maxCount: {\n type: \"number\",\n description: \"Max avatars to show\",\n defaultValue: 2,\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Default size of avatars\",\n defaultValueHint: \"default\",\n },\n maxPopoverPlacement: {\n type: \"choice\",\n advanced: true,\n options: [\"top\", \"bottom\"],\n defaultValueHint: \"top\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerAvatar\",\n importName: \"AntdAvatarGroup\",\n });\n}\n"],"names":["Avatar","usePlasmicLink","React","registerComponentHelper"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerAvatar.esm.js","sources":["../src/registerAvatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { usePlasmicLink } from \"@plasmicapp/host\";\n\nexport function AntdAvatar({\n letters,\n href,\n target,\n ...props\n}: React.ComponentProps<typeof Avatar> & {\n letters?: string;\n href?: string;\n target?: boolean;\n}) {\n const avatar = <Avatar {...props} children={props.children || letters} />;\n const PlasmicLink = usePlasmicLink();\n return href ? (\n <PlasmicLink href={href} target={target ? \"_blank\" : undefined}>\n {avatar}\n </PlasmicLink>\n ) : (\n avatar\n );\n}\n\nexport function AntdAvatarGroup(\n props: React.ComponentProps<typeof Avatar.Group>\n) {\n return <Avatar.Group {...props} />;\n}\n\nexport function registerAvatar(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatar, {\n name: \"plasmic-antd5-avatar\",\n displayName: \"Avatar\",\n props: {\n href: {\n type: \"href\",\n displayName: \"Link to\",\n description: \"Destination to link to\",\n },\n target: {\n type: \"boolean\",\n displayName: \"Open in new tab\",\n hidden: (ps) => !ps.href,\n },\n letters: {\n type: \"string\",\n description: \"Letters to show\",\n defaultValue: \"AB\",\n },\n src: {\n type: \"imageUrl\",\n description: \"Image to display\",\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Set the size of avatar\",\n defaultValueHint: \"default\",\n },\n shape: {\n type: \"choice\",\n options: [\"circle\", \"round\"],\n description: \"Set the avatar shape\",\n defaultValueHint: \"
|
|
1
|
+
{"version":3,"file":"registerAvatar.esm.js","sources":["../src/registerAvatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { usePlasmicLink } from \"@plasmicapp/host\";\n\nexport function AntdAvatar({\n letters,\n href,\n target,\n ...props\n}: React.ComponentProps<typeof Avatar> & {\n letters?: string;\n href?: string;\n target?: boolean;\n}) {\n const avatar = <Avatar {...props} children={props.children || letters} />;\n const PlasmicLink = usePlasmicLink();\n return href ? (\n <PlasmicLink href={href} target={target ? \"_blank\" : undefined}>\n {avatar}\n </PlasmicLink>\n ) : (\n avatar\n );\n}\n\nexport function AntdAvatarGroup(\n props: React.ComponentProps<typeof Avatar.Group>\n) {\n return <Avatar.Group {...props} />;\n}\n\nexport function registerAvatar(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatar, {\n name: \"plasmic-antd5-avatar\",\n displayName: \"Avatar\",\n props: {\n href: {\n type: \"href\",\n displayName: \"Link to\",\n description: \"Destination to link to\",\n },\n target: {\n type: \"boolean\",\n displayName: \"Open in new tab\",\n hidden: (ps) => !ps.href,\n },\n letters: {\n type: \"string\",\n description: \"Letters to show\",\n defaultValue: \"AB\",\n },\n src: {\n type: \"imageUrl\",\n description: \"Image to display\",\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Set the size of avatar\",\n defaultValueHint: \"default\",\n },\n shape: {\n type: \"choice\",\n options: [\"circle\", \"round\"],\n description: \"Set the avatar shape\",\n defaultValueHint: \"circle\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerAvatar\",\n importName: \"AntdAvatar\",\n });\n}\n\nexport function registerAvatarGroup(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatarGroup, {\n name: \"plasmic-antd5-avatar-group\",\n displayName: \"AvatarGroup\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: [1, 2, 3, 4].map((user) => ({\n type: \"component\",\n name: \"plasmic-antd5-tooltip\",\n props: {\n titleText: \"User \" + user,\n children: {\n type: \"component\",\n name: \"plasmic-antd5-avatar\",\n props: {\n letters: `U${user}`,\n },\n },\n },\n })),\n },\n maxCount: {\n type: \"number\",\n description: \"Max avatars to show\",\n defaultValue: 2,\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Default size of avatars\",\n defaultValueHint: \"default\",\n },\n maxPopoverPlacement: {\n type: \"choice\",\n advanced: true,\n options: [\"top\", \"bottom\"],\n defaultValueHint: \"top\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerAvatar\",\n importName: \"AntdAvatarGroup\",\n });\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -223,13 +223,9 @@ function useFormItemDefinitions(rawData, props, formRef) {
|
|
|
223
223
|
return mergedFields;
|
|
224
224
|
}, [mode, setControlContextData, formItems, rawData, formRef]);
|
|
225
225
|
}
|
|
226
|
-
const useRawData = (
|
|
227
|
-
const
|
|
228
|
-
|
|
229
|
-
if (!connection) {
|
|
230
|
-
return void 0;
|
|
231
|
-
}
|
|
232
|
-
return 0 /* NewEntry */ === connection.formType ? rawDataSchema : rawDataEntry;
|
|
226
|
+
const useRawData = (props) => {
|
|
227
|
+
const rawData = dataSources.usePlasmicDataOp(props.data);
|
|
228
|
+
return props.data ? rawData : void 0;
|
|
233
229
|
};
|
|
234
230
|
const FormWrapper = React__default.default.forwardRef(
|
|
235
231
|
(props, ref) => {
|
|
@@ -245,12 +241,19 @@ const FormWrapper = React__default.default.forwardRef(
|
|
|
245
241
|
ref,
|
|
246
242
|
() => wrapperRef.current ? __spreadValues({}, wrapperRef.current) : {}
|
|
247
243
|
);
|
|
248
|
-
const rawData = useRawData(props
|
|
244
|
+
const rawData = useRawData(props);
|
|
249
245
|
const formItemDefinitions = useFormItemDefinitions(
|
|
250
246
|
rawData,
|
|
251
247
|
props,
|
|
252
248
|
wrapperRef.current
|
|
253
249
|
);
|
|
250
|
+
const previousOpData = utils.usePrevious(props.data);
|
|
251
|
+
React__default.default.useEffect(() => {
|
|
252
|
+
var _a2;
|
|
253
|
+
if ((previousOpData == null ? void 0 : previousOpData.opId) !== ((_a2 = props.data) == null ? void 0 : _a2.opId)) {
|
|
254
|
+
setRemountKey((k) => k + 1);
|
|
255
|
+
}
|
|
256
|
+
}, [previousOpData, props.data]);
|
|
254
257
|
const _a = props, { formItems } = _a, rest = __objRest(_a, ["formItems"]);
|
|
255
258
|
const actualFormItems = props.mode === "simplified" && formItemDefinitions ? formItemDefinitions : formItems;
|
|
256
259
|
if (props.mode === "simplified" && rawData && "error" in rawData) {
|
|
@@ -361,48 +364,6 @@ const formTypeDescription = `
|
|
|
361
364
|
|
|
362
365
|
For both options, you can customize later.
|
|
363
366
|
`;
|
|
364
|
-
const getConnectionDBPropRegistration = () => ({
|
|
365
|
-
formType: {
|
|
366
|
-
type: "choice",
|
|
367
|
-
options: [
|
|
368
|
-
{ label: "New entry", value: 0 /* NewEntry */ },
|
|
369
|
-
{ label: "Update entry", value: 1 /* UpdateEntry */ }
|
|
370
|
-
],
|
|
371
|
-
displayName: "Form Type",
|
|
372
|
-
disableDynamicValue: true,
|
|
373
|
-
defaultValueHint: "Select the form type...",
|
|
374
|
-
description: `
|
|
375
|
-
You can create form with two different behaviors:
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
1. Create a new entry: The form will be created empty and it will create a new row when submitted.
|
|
380
|
-
2. Update an entry: The form will be pre-filled with the row values and it will update the table entry when submitted.
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
For both options, you can customize later.
|
|
385
|
-
`
|
|
386
|
-
},
|
|
387
|
-
dataSchema: {
|
|
388
|
-
type: "dataSourceOp",
|
|
389
|
-
description: "The data to generate the form",
|
|
390
|
-
hidden: (_ps, _ctx, { item }) => item.formType !== 0 /* NewEntry */,
|
|
391
|
-
displayName: "",
|
|
392
|
-
disableDynamicValue: true,
|
|
393
|
-
allowedOps: () => ["getTableSchema"],
|
|
394
|
-
hideCacheKey: true
|
|
395
|
-
},
|
|
396
|
-
dataEntry: {
|
|
397
|
-
type: "dataSourceOp",
|
|
398
|
-
description: "The data to generate the form",
|
|
399
|
-
hidden: (_ps, _ctx, { item }) => item.formType !== 1 /* UpdateEntry */,
|
|
400
|
-
displayName: "",
|
|
401
|
-
disableDynamicValue: true,
|
|
402
|
-
allowedOps: () => ["getOne"],
|
|
403
|
-
hideCacheKey: true
|
|
404
|
-
}
|
|
405
|
-
});
|
|
406
367
|
function registerForm(loader) {
|
|
407
368
|
utils.registerComponentHelper(loader, FormWrapper, {
|
|
408
369
|
name: formComponentName,
|
|
@@ -417,10 +378,10 @@ function registerForm(loader) {
|
|
|
417
378
|
defaultValue: "simplified"
|
|
418
379
|
},
|
|
419
380
|
data: {
|
|
420
|
-
type: "
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
381
|
+
type: "formDataConnection",
|
|
382
|
+
disableDynamicValue: true,
|
|
383
|
+
disableLinkToProp: true,
|
|
384
|
+
hidden: (ps) => ps.mode !== "simplified" || !ps.data
|
|
424
385
|
},
|
|
425
386
|
formItems: {
|
|
426
387
|
displayName: "Fields",
|