@plasmicpkgs/antd5 0.0.41 → 0.0.42

package/dist/registerUpload.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { UploadFile as AntdUploadFile, UploadProps } from "antd/es/upload";
+import { Registerable } from "./utils";
+interface UploadFile {
+    uid: string;
+    name: string;
+    size?: number;
+    type?: string;
+    lastModified?: number;
+    contents?: string;
+    status: AntdUploadFile["status"];
+}
+interface ExtendedUploadProps<T = any> extends UploadProps<T> {
+    files: Array<UploadFile>;
+    onFilesChange?: (values: Array<UploadFile>) => void;
+}
+export declare function UploadWrapper(props: ExtendedUploadProps): JSX.Element;
+export declare function registerUpload(loader?: Registerable): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/antd5",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "description": "Plasmic registration calls for antd components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "617265b82bfc59f183e86a660afc1dd137db613b"
+  "gitHead": "d2d578fffc5b28f74d4fc27caa1537544c9725f9"
 }

package/skinny/registerUpload.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { UploadFile as AntdUploadFile, UploadProps } from "antd/es/upload";
+import { Registerable } from "./utils";
+interface UploadFile {
+    uid: string;
+    name: string;
+    size?: number;
+    type?: string;
+    lastModified?: number;
+    contents?: string;
+    status: AntdUploadFile["status"];
+}
+interface ExtendedUploadProps<T = any> extends UploadProps<T> {
+    files: Array<UploadFile>;
+    onFilesChange?: (values: Array<UploadFile>) => void;
+}
+export declare function UploadWrapper(props: ExtendedUploadProps): JSX.Element;
+export declare function registerUpload(loader?: Registerable): void;
+export {};

package/skinny/registerUpload.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var Upload = require('antd/lib/upload');
+var React = require('react');
+var utils = require('./utils-9d88fffe.js');
+require('@plasmicapp/host/registerComponent');
+require('@plasmicapp/host/registerGlobalContext');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Upload__default = /*#__PURE__*/_interopDefault(Upload);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function UploadWrapper(props) {
+  const _a = props, { files, onFilesChange } = _a, rest = __objRest(_a, ["files", "onFilesChange"]);
+  const handleChange = (info) => {
+    const { file } = info;
+    if (file.status === "removed") {
+      return;
+    }
+    const metadata = {
+      uid: file.uid,
+      name: file.name,
+      size: file.size,
+      type: file.type,
+      lastModified: file.lastModified
+    };
+    onFilesChange == null ? void 0 : onFilesChange([
+      ...files,
+      __spreadProps(__spreadValues({}, metadata), {
+        status: "uploading"
+      })
+    ]);
+    const reader = new FileReader();
+    reader.onload = () => {
+      onFilesChange == null ? void 0 : onFilesChange([
+        ...files.filter((f) => f.uid !== file.uid),
+        __spreadProps(__spreadValues({}, metadata), {
+          contents: reader.result.replace(/^data:[^;]+;base64,/, ""),
+          status: "success"
+        })
+      ]);
+    };
+    reader.onerror = (error) => {
+      onFilesChange == null ? void 0 : onFilesChange([
+        ...files.filter((f) => f.uid !== file.uid),
+        __spreadProps(__spreadValues({}, metadata), {
+          status: "error"
+        })
+      ]);
+    };
+    reader.readAsDataURL(info.file);
+  };
+  const handleRemove = (file) => {
+    onFilesChange == null ? void 0 : onFilesChange(files.filter((f) => f.uid !== file.uid));
+  };
+  return /* @__PURE__ */ React__default.default.createElement(Upload__default.default, __spreadProps(__spreadValues({}, rest), {
+    fileList: files,
+    beforeUpload: () => {
+      return false;
+    },
+    onChange: (info) => {
+      handleChange(info);
+    },
+    onRemove: (file) => {
+      handleRemove(file);
+    }
+  }));
+}
+function registerUpload(loader) {
+  utils.registerComponentHelper(loader, UploadWrapper, {
+    name: "plasmic-antd5-upload",
+    displayName: "Upload",
+    props: {
+      accept: {
+        type: "choice",
+        displayName: "Allowed types",
+        options: [
+          {
+            value: "",
+            label: "Any kind of file"
+          },
+          {
+            value: "image/*",
+            label: "Image"
+          },
+          {
+            value: "video/*",
+            label: "Video"
+          },
+          {
+            value: "audio/*",
+            label: "Audio"
+          },
+          {
+            value: "application/pdf",
+            label: "PDF"
+          }
+        ],
+        defaultValue: ""
+      },
+      files: {
+        type: "object",
+        displayName: "Files",
+        defaultValue: []
+      },
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "text",
+            value: "Upload"
+          }
+        ]
+      },
+      maxCount: {
+        type: "number",
+        displayName: "Limit of files",
+        advanced: true
+      },
+      onFilesChange: {
+        type: "eventHandler",
+        displayName: "On file uploaded",
+        argTypes: [
+          {
+            name: "files",
+            type: "object"
+          }
+        ]
+      },
+      showUploadList: {
+        type: "boolean",
+        displayName: "List files",
+        defaultValue: true
+      }
+    },
+    states: {
+      files: {
+        type: "writable",
+        valueProp: "files",
+        variableType: "array",
+        onChangeProp: "onFilesChange"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerUpload",
+    importName: "UploadWrapper"
+  });
+}
+
+exports.UploadWrapper = UploadWrapper;
+exports.registerUpload = registerUpload;
+//# sourceMappingURL=registerUpload.js.map

package/skinny/registerUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerUpload.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}