@plasmicpkgs/antd5 0.0.39 → 0.0.42

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":""}

package/skinny/{utils-91b47110.js → utils-9d88fffe.js}

@@ -1,12 +1,19 @@
-import registerComponent from '@plasmicapp/host/registerComponent';
-import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
+'use strict';
+
+var registerComponent = require('@plasmicapp/host/registerComponent');
+var registerGlobalContext = require('@plasmicapp/host/registerGlobalContext');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
+var registerGlobalContext__default = /*#__PURE__*/_interopDefault(registerGlobalContext);
 
 function makeRegisterGlobalContext(component, meta) {
   return function(loader) {
     if (loader) {
       loader.registerGlobalContext(component, meta);
     } else {
-      registerGlobalContext(component, meta);
+      registerGlobalContext__default.default(component, meta);
     }
   };
 }
@@ -14,7 +21,7 @@ function registerComponentHelper(loader, component, meta) {
   if (loader) {
     loader.registerComponent(component, meta);
   } else {
-    registerComponent(component, meta);
+    registerComponent__default.default(component, meta);
   }
 }
 function traverseReactEltTree(children, callback) {
@@ -56,5 +63,9 @@ function omit(obj, ...keys) {
   return res;
 }
 
-export { asArray as a, makeRegisterGlobalContext as m, omit as o, registerComponentHelper as r, traverseReactEltTree as t };
-//# sourceMappingURL=utils-91b47110.js.map
+exports.asArray = asArray;
+exports.makeRegisterGlobalContext = makeRegisterGlobalContext;
+exports.omit = omit;
+exports.registerComponentHelper = registerComponentHelper;
+exports.traverseReactEltTree = traverseReactEltTree;
+//# sourceMappingURL=utils-9d88fffe.js.map

package/skinny/utils-9d88fffe.js.map

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

package/skinny/utils-91b47110.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-91b47110.js","sources":["../src/utils.ts"],"sourcesContent":["import {\n  ComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  GlobalContextMeta,\n  default as registerGlobalContext,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n\nexport function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T> {\n  if (Object.keys(obj).length === 0) {\n    return obj;\n  }\n  const res: Partial<T> = {};\n  for (const key of Object.keys(obj) as (keyof T)[]) {\n    if (!keys.includes(key)) {\n      res[key] = obj[key];\n    }\n  }\n  return res;\n}\n"],"names":[],"mappings":";;;AA0BO,SAAA,yBAAA,CACL,WACA,IACA,EAAA;AACA,EAAA,OAAO,SAAU,MAAuB,EAAA;AACtC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAO,MAAA,CAAA,qBAAA,CAAsB,WAAW,IAAI,CAAA,CAAA;AAAA,KACvC,MAAA;AACL,MAAA,qBAAA,CAAsB,WAAW,IAAI,CAAA,CAAA;AAAA,KACvC;AAAA,GACF,CAAA;AACF,CAAA;AAGE,SAAA,uBAAA,CAAA,MAAA,EACA,WACA,IACA,EAAA;AACA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC,MAAA;AACL,IAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC;AACF,CAAA;AAYO,SAAA,oBAAA,CACL,UACA,QACA,EAAA;AACA,EAAM,MAAA,GAAA,GAAM,CAAC,IAAuC,KAAA;AAClD,IAAC,CAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAI,GAAA,IAAA,GAAO,CAAC,IAAI,CAAA,EAAG,OAAQ,CAAA,CAAC,GAAQ,KAAA;AAlE3D,MAAA,IAAA,EAAA,CAAA;AAmEM,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AACZ,QAAA,IAAI,IAAI,QAAU,EAAA;AAChB,UAAA,GAAA,CAAI,IAAI,QAAQ,CAAA,CAAA;AAAA,SAClB;AACA,QAAI,IAAA,CAAA,CAAA,EAAA,GAAA,GAAA,CAAI,UAAJ,IAAW,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,KAAY,IAAI,KAAM,CAAA,QAAA,KAAa,IAAI,QAAU,EAAA;AAC9D,UAAI,GAAA,CAAA,GAAA,CAAI,MAAM,QAAQ,CAAA,CAAA;AAAA,SACxB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAAA,GACH,CAAA;AACA,EAAA,GAAA,CAAI,QAAe,CAAA,CAAA;AACrB,CAAA;AAEO,SAAA,OAAA,CAAoB,CAA+B,EAAA;AACxD,EAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,CAAG,EAAA;AACpB,IAAO,OAAA,CAAA,CAAA;AAAA,GACT,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,IAAA,OAAO,EAAC,CAAA;AAAA,GACH,MAAA;AACL,IAAA,OAAO,CAAC,CAAC,CAAA,CAAA;AAAA,GACX;AACF,CAAA;AAEO,SAAA,IAAA,CAA4B,QAAW,IAA+B,EAAA;AAC3E,EAAA,IAAI,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAE,WAAW,CAAG,EAAA;AACjC,IAAO,OAAA,GAAA,CAAA;AAAA,GACT;AACA,EAAA,MAAM,MAAkB,EAAC,CAAA;AACzB,EAAA,KAAA,MAAW,GAAO,IAAA,MAAA,CAAO,IAAK,CAAA,GAAG,CAAkB,EAAA;AACjD,IAAA,IAAI,CAAC,IAAA,CAAK,QAAS,CAAA,GAAG,CAAG,EAAA;AACvB,MAAA,GAAA,CAAI,OAAO,GAAI,CAAA,GAAA,CAAA,CAAA;AAAA,KACjB;AAAA,GACF;AACA,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}