@plasmicpkgs/antd5 0.0.94 → 0.0.99

package/skinny/registerColorPicker.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ColorPicker } from "antd";
+import { Registerable } from "./utils";
+export declare function AntdColorPicker({ showTextSwitch, onChange, ...props }: Omit<React.ComponentProps<typeof ColorPicker>, "onChange"> & {
+    showTextSwitch?: boolean;
+    onChange?: (color: string) => void;
+}): JSX.Element;
+export declare function registerColorPicker(loader?: Registerable): void;

package/skinny/registerColorPicker.esm.js

@@ -0,0 +1,122 @@
+import React from 'react';
+import { ColorPicker } from 'antd';
+import { r as registerComponentHelper } from './utils-94ad8c63.esm.js';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+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 AntdColorPicker(_a) {
+  var _b = _a, {
+    showTextSwitch,
+    onChange
+  } = _b, props = __objRest(_b, [
+    "showTextSwitch",
+    "onChange"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    ColorPicker,
+    __spreadProps(__spreadValues({}, props), {
+      showText: props.showText || showTextSwitch,
+      onChangeComplete: (value) => {
+        onChange == null ? void 0 : onChange(typeof value === "string" ? value : value.toHexString());
+      }
+    })
+  );
+}
+function registerColorPicker(loader) {
+  registerComponentHelper(loader, AntdColorPicker, {
+    name: "plasmic-antd5-color-picker",
+    displayName: "Color Picker",
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        mergeWithParent: true
+      },
+      value: {
+        displayName: "Color value",
+        type: "color",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        hidden: (ps) => !!ps.__plasmicFormField
+      },
+      showTextSwitch: {
+        type: "boolean",
+        displayName: "Show text"
+      },
+      showText: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      allowClear: "boolean",
+      disabled: {
+        type: "boolean",
+        advanced: true
+      },
+      trigger: {
+        advanced: true,
+        type: "choice",
+        options: ["click", "hover"],
+        defaultValueHint: "click"
+      },
+      format: {
+        advanced: true,
+        type: "choice",
+        options: ["hex", "hsb", "rgb"],
+        defaultValueHint: "hex"
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [
+          {
+            name: "color",
+            type: "string"
+          }
+        ]
+      }
+    },
+    states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerColorPicker",
+    importName: "AntdColorPicker"
+  });
+}
+
+export { AntdColorPicker, registerColorPicker };
+//# sourceMappingURL=registerColorPicker.esm.js.map

package/skinny/registerColorPicker.esm.js.map

@@ -0,0 +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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"}

package/skinny/registerDatePicker.cjs.js

@@ -31,18 +31,32 @@ var __spreadValues = (a, b) => {
   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 AntdDatePicker(props) {
   const nativeInput = React__default.default.useRef(null);
   const [open, setOpen] = React.useState(false);
   const strValue = props.value && !(typeof props.value === "string") && "toISOString" in props.value ? props.value.toISOString() : props.value === null ? void 0 : props.value;
+  const _a = props, rest = __objRest(_a, ["picker"]);
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     antd.DatePicker,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues({}, rest), {
+      picker: props.picker,
       value: props.value === void 0 ? void 0 : !props.value ? null : dayjs__default.default(props.value),
       defaultValue: props.defaultValue === void 0 ? void 0 : dayjs__default.default(props.defaultValue),
       onChange: (value, _dateString) => {
-        var _a;
-        (_a = props.onChange) == null ? void 0 : _a.call(props, value !== null ? value.toISOString() : null);
+        var _a2;
+        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, value !== null ? value.toISOString() : null);
       },
       open,
       onOpenChange: (_open) => {

package/skinny/registerDatePicker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDatePicker.cjs.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\nimport dayjs, { Dayjs } from \"dayjs\";\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  }\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 === \"string\") &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n  return (\n    <>\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\n            ? undefined\n            : 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        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 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","useState","DatePicker","dayjs","registerComponentHelper","capitalize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,SAAS,eACd,KAMA,EAAA;AACA,EAAM,MAAA,WAAA,GAAcA,sBAAM,CAAA,MAAA,CAAyB,IAAI,CAAA,CAAA;AACvD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AACtC,EAAA,MAAM,WACJ,KAAM,CAAA,KAAA,IACN,EAAE,OAAO,KAAA,CAAM,UAAU,QACzB,CAAA,IAAA,aAAA,IAAiB,MAAM,KACnB,GAAA,KAAA,CAAM,MAAM,WAAY,EAAA,GACxB,MAAM,KAAU,KAAA,IAAA,GAChB,SACA,KAAM,CAAA,KAAA,CAAA;AACZ,EAAA,uBAEID,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACE,eAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,KADL,CAAA,EAAA;AAAA,MAEC,KAAA,EACE,KAAM,CAAA,KAAA,KAAU,KACZ,CAAA,GAAA,KAAA,CAAA,GACA,CAAC,KAAA,CAAM,KACP,GAAA,IAAA,GACAC,sBAAM,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAEvB,cACE,KAAM,CAAA,YAAA,KAAiB,SACnB,KACA,CAAA,GAAAA,sBAAA,CAAM,MAAM,YAAY,CAAA;AAAA,MAG9B,QAAA,EAAU,CAAC,KAAA,EAAO,WAAgB,KAAA;AA7C1C,QAAA,IAAA,EAAA,CAAA;AA8CU,QAAA,CAAA,EAAA,GAAA,KAAA,CAAM,aAAN,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,KAAU,IAAO,GAAA,KAAA,CAAM,aAAgB,GAAA,IAAA,CAAA,CAAA;AAAA,OAC1D;AAAA,MACA,IAAA;AAAA,MACA,YAAA,EAAc,CAAC,KAAU,KAAA;AACvB,QAAI,IAAA,KAAA,IAAS,MAAO,CAAA,UAAA,GAAa,GAAK,EAAA;AACpC,UAAA,WAAA,CAAY,QAAS,UAAW,EAAA,CAAA;AAAA,SAC3B,MAAA;AACL,UAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,SACf;AAAA,OACF;AAAA,KAAA,CAAA;AAAA,GAEF,kBAAAH,sBAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,MAAM,EAAA,IAAA;AAAA,MACN,GAAK,EAAA,WAAA;AAAA,MACL,IAAA,EAAM,KAAM,CAAA,QAAA,GAAW,gBAAmB,GAAA,MAAA;AAAA,MAE1C,OAAO,QAAY,IAAA,EAAA;AAAA,MACnB,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAM,KAAA,CAAA,QAAA,CAAS,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,OAC/B;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAA;AAEO,MAAM,uBAA0B,GAAA,4BAAA;AAEhC,SAAS,mBAAmB,MAAuB,EAAA;AACxD,EAAAI,6BAAA,CAAwB,QAAQ,cAAgB,EAAA;AAAA,IAC9C,IAAM,EAAA,uBAAA;AAAA,IACN,WAAa,EAAA,kBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,QAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,gBAAkB,EAAA,cAAA;AAAA,QAClB,WACE,EAAA,sEAAA;AAAA,QACF,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,CAAC,EAAG,CAAA,kBAAA;AAAA,OAC5B;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,kCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,QAClB,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,OAAS,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,OAC9C;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA,QAAA;AAAA,QACN,OAAA,EAAS,CAAC,MAAA,EAAQ,MAAQ,EAAA,OAAA,EAAS,WAAW,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,KAAW,MAAA;AAAA,UACpE,KAAA;AAAA,UACA,KAAA,EAAOC,iBAAW,KAAK,CAAA;AAAA,SACvB,CAAA,CAAA;AAAA,QACF,gBAAkB,EAAA,MAAA;AAAA,OACpB;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,uBAAA;AAAA,OACf;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,WAAa,EAAA,kCAAA;AAAA,QACb,gBAAkB,EAAA,IAAA;AAAA,QAClB,MAAQ,EAAA,CAAC,EAAY,KAAA,CAAC,EAAG,CAAA,QAAA;AAAA,OAC3B;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,WAAa,EAAA,oCAAA;AAAA,QACb,gBAAkB,EAAA,IAAA;AAAA,QAClB,MAAA,EAAQ,CAAC,EAAA,KAAY,EAAG,CAAA,QAAA;AAAA,OAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWA,UAAY,EAAA;AAAA,QACV,IAAM,EAAA,SAAA;AAAA,QACN,QAAU,EAAA,IAAA;AAAA,QACV,WAAa,EAAA,kCAAA;AAAA,OACf;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,OAAA;AAAA,QACX,YAAc,EAAA,UAAA;AAAA,QACd,YAAc,EAAA,MAAA;AAAA,OAChB;AAAA,KACF;AAAA,IACA,UAAY,EAAA,8CAAA;AAAA,IACZ,UAAY,EAAA,gBAAA;AAAA,GACb,CAAA,CAAA;AACH;;;;;;"}
+{"version":3,"file":"registerDatePicker.cjs.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\nimport dayjs, { Dayjs } from \"dayjs\";\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  }\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 === \"string\") &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n\n  const { picker, ...rest } = props;\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={props.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        // 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 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","useState","DatePicker","dayjs","_a","registerComponentHelper","capitalize"],"mappings":"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"}

package/skinny/registerDatePicker.esm.js

@@ -24,18 +24,32 @@ var __spreadValues = (a, b) => {
   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 AntdDatePicker(props) {
   const nativeInput = React.useRef(null);
   const [open, setOpen] = useState(false);
   const strValue = props.value && !(typeof props.value === "string") && "toISOString" in props.value ? props.value.toISOString() : props.value === null ? void 0 : props.value;
+  const _a = props, rest = __objRest(_a, ["picker"]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     DatePicker,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues({}, rest), {
+      picker: props.picker,
       value: props.value === void 0 ? void 0 : !props.value ? null : dayjs(props.value),
       defaultValue: props.defaultValue === void 0 ? void 0 : dayjs(props.defaultValue),
       onChange: (value, _dateString) => {
-        var _a;
-        (_a = props.onChange) == null ? void 0 : _a.call(props, value !== null ? value.toISOString() : null);
+        var _a2;
+        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, value !== null ? value.toISOString() : null);
       },
       open,
       onOpenChange: (_open) => {

package/skinny/registerDatePicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDatePicker.esm.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\nimport dayjs, { Dayjs } from \"dayjs\";\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  }\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 === \"string\") &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n  return (\n    <>\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\n            ? undefined\n            : 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        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 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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"}
+{"version":3,"file":"registerDatePicker.esm.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\nimport dayjs, { Dayjs } from \"dayjs\";\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  }\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 === \"string\") &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n\n  const { picker, ...rest } = props;\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={props.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        // 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 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":["_a"],"mappings":"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"}

package/skinny/registerDrawer.cjs.js

@@ -0,0 +1,153 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+var utils = require('./utils-833cc295.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 __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 AntdDrawer(props) {
+  const _a = props, { onOpenChange, onClose, open, footer } = _a, rest = __objRest(_a, ["onOpenChange", "onClose", "open", "footer"]);
+  const memoOnClose = React__default.default.useMemo(() => {
+    if (onOpenChange || onClose) {
+      return (e) => {
+        onOpenChange == null ? void 0 : onOpenChange(false);
+        onClose == null ? void 0 : onClose(e);
+      };
+    } else {
+      return void 0;
+    }
+  }, [onOpenChange, onClose]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Drawer,
+    __spreadProps(__spreadValues({}, rest), {
+      onClose: memoOnClose,
+      open,
+      footer: footer != null ? footer : void 0,
+      className: `${props.className} ${props.defaultStylesClassName}`
+    })
+  );
+}
+function registerDrawer(loader) {
+  utils.registerComponentHelper(loader, AntdDrawer, {
+    name: "plasmic-antd5-drawer",
+    displayName: "Drawer",
+    props: {
+      open: {
+        type: "boolean"
+      },
+      placement: {
+        type: "choice",
+        options: ["top", "right", "bottom", "left"],
+        defaultValueHint: "right"
+      },
+      children: {
+        type: "slot",
+        defaultValue: {
+          type: "vbox",
+          children: ["Drawer content"]
+        }
+      },
+      title: {
+        type: "slot",
+        defaultValue: "Drawer title"
+      },
+      footer: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      closeIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      onOpenChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "open", type: "boolean" }]
+      },
+      drawerScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "drawer"
+      },
+      drawerClassName: {
+        type: "class",
+        displayName: "Drawer content styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer .ant-drawer-content",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      closeButtonClassName: {
+        type: "class",
+        displayName: "Close button styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer .ant-drawer-close",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      forceRender: {
+        advanced: true,
+        type: "boolean"
+      },
+      defaultStylesClassName: {
+        type: "themeResetClass"
+      }
+    },
+    states: {
+      open: {
+        type: "writable",
+        valueProp: "open",
+        onChangeProp: "onOpenChange",
+        variableType: "boolean"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerDrawer",
+    importName: "AntdDrawer"
+  });
+}
+
+exports.AntdDrawer = AntdDrawer;
+exports.registerDrawer = registerDrawer;
+//# sourceMappingURL=registerDrawer.cjs.js.map

package/skinny/registerDrawer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerDrawer.cjs.js","sources":["../src/registerDrawer.tsx"],"sourcesContent":["import { Drawer } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdDrawer(\n  props: React.ComponentProps<typeof Drawer> & {\n    onOpenChange?: (open: boolean) => void;\n    defaultStylesClassName?: string;\n  }\n) {\n  const { onOpenChange, onClose, open, footer, ...rest } = props;\n  const memoOnClose = React.useMemo(() => {\n    if (onOpenChange || onClose) {\n      return (e: React.MouseEvent | React.KeyboardEvent) => {\n        onOpenChange?.(false);\n        onClose?.(e);\n      };\n    } else {\n      return undefined;\n    }\n  }, [onOpenChange, onClose]);\n\n  return (\n    <Drawer\n      {...rest}\n      onClose={memoOnClose}\n      open={open}\n      footer={footer ?? undefined}\n      className={`${props.className} ${props.defaultStylesClassName}`}\n    />\n  );\n}\n\nexport function registerDrawer(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDrawer, {\n    name: \"plasmic-antd5-drawer\",\n    displayName: \"Drawer\",\n    props: {\n      open: {\n        type: \"boolean\",\n      },\n      placement: {\n        type: \"choice\",\n        options: [\"top\", \"right\", \"bottom\", \"left\"],\n        defaultValueHint: \"right\",\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: {\n          type: \"vbox\",\n          children: [\"Drawer content\"],\n        },\n      },\n      title: {\n        type: \"slot\",\n        defaultValue: \"Drawer title\",\n      },\n      footer: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      closeIcon: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"open\", type: \"boolean\" }],\n      } as any,\n      drawerScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"drawer\",\n      } as any,\n      drawerClassName: {\n        type: \"class\",\n        displayName: \"Drawer content styles\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer .ant-drawer-content\",\n            label: \"Base\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      closeButtonClassName: {\n        type: \"class\",\n        displayName: \"Close button styles\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer .ant-drawer-close\",\n            label: \"Base\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      forceRender: {\n        advanced: true,\n        type: \"boolean\",\n      },\n      defaultStylesClassName: {\n        type: \"themeResetClass\",\n      } as any,\n    },\n    states: {\n      open: {\n        type: \"writable\",\n        valueProp: \"open\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDrawer\",\n    importName: \"AntdDrawer\",\n  });\n}\n"],"names":["React","Drawer","registerComponentHelper"],"mappings":"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"}

package/skinny/registerDrawer.d.ts

@@ -0,0 +1,8 @@
+import { Drawer } from "antd";
+import React from "react";
+import { Registerable } from "./utils";
+export declare function AntdDrawer(props: React.ComponentProps<typeof Drawer> & {
+    onOpenChange?: (open: boolean) => void;
+    defaultStylesClassName?: string;
+}): JSX.Element;
+export declare function registerDrawer(loader?: Registerable): void;

package/skinny/registerDrawer.esm.js

@@ -0,0 +1,146 @@
+import { Drawer } from 'antd';
+import React from 'react';
+import { r as registerComponentHelper } from './utils-94ad8c63.esm.js';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+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 AntdDrawer(props) {
+  const _a = props, { onOpenChange, onClose, open, footer } = _a, rest = __objRest(_a, ["onOpenChange", "onClose", "open", "footer"]);
+  const memoOnClose = React.useMemo(() => {
+    if (onOpenChange || onClose) {
+      return (e) => {
+        onOpenChange == null ? void 0 : onOpenChange(false);
+        onClose == null ? void 0 : onClose(e);
+      };
+    } else {
+      return void 0;
+    }
+  }, [onOpenChange, onClose]);
+  return /* @__PURE__ */ React.createElement(
+    Drawer,
+    __spreadProps(__spreadValues({}, rest), {
+      onClose: memoOnClose,
+      open,
+      footer: footer != null ? footer : void 0,
+      className: `${props.className} ${props.defaultStylesClassName}`
+    })
+  );
+}
+function registerDrawer(loader) {
+  registerComponentHelper(loader, AntdDrawer, {
+    name: "plasmic-antd5-drawer",
+    displayName: "Drawer",
+    props: {
+      open: {
+        type: "boolean"
+      },
+      placement: {
+        type: "choice",
+        options: ["top", "right", "bottom", "left"],
+        defaultValueHint: "right"
+      },
+      children: {
+        type: "slot",
+        defaultValue: {
+          type: "vbox",
+          children: ["Drawer content"]
+        }
+      },
+      title: {
+        type: "slot",
+        defaultValue: "Drawer title"
+      },
+      footer: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      closeIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      onOpenChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "open", type: "boolean" }]
+      },
+      drawerScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "drawer"
+      },
+      drawerClassName: {
+        type: "class",
+        displayName: "Drawer content styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer .ant-drawer-content",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      closeButtonClassName: {
+        type: "class",
+        displayName: "Close button styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer .ant-drawer-close",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      forceRender: {
+        advanced: true,
+        type: "boolean"
+      },
+      defaultStylesClassName: {
+        type: "themeResetClass"
+      }
+    },
+    states: {
+      open: {
+        type: "writable",
+        valueProp: "open",
+        onChangeProp: "onOpenChange",
+        variableType: "boolean"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerDrawer",
+    importName: "AntdDrawer"
+  });
+}
+
+export { AntdDrawer, registerDrawer };
+//# sourceMappingURL=registerDrawer.esm.js.map

package/skinny/registerDrawer.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerDrawer.esm.js","sources":["../src/registerDrawer.tsx"],"sourcesContent":["import { Drawer } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdDrawer(\n  props: React.ComponentProps<typeof Drawer> & {\n    onOpenChange?: (open: boolean) => void;\n    defaultStylesClassName?: string;\n  }\n) {\n  const { onOpenChange, onClose, open, footer, ...rest } = props;\n  const memoOnClose = React.useMemo(() => {\n    if (onOpenChange || onClose) {\n      return (e: React.MouseEvent | React.KeyboardEvent) => {\n        onOpenChange?.(false);\n        onClose?.(e);\n      };\n    } else {\n      return undefined;\n    }\n  }, [onOpenChange, onClose]);\n\n  return (\n    <Drawer\n      {...rest}\n      onClose={memoOnClose}\n      open={open}\n      footer={footer ?? undefined}\n      className={`${props.className} ${props.defaultStylesClassName}`}\n    />\n  );\n}\n\nexport function registerDrawer(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDrawer, {\n    name: \"plasmic-antd5-drawer\",\n    displayName: \"Drawer\",\n    props: {\n      open: {\n        type: \"boolean\",\n      },\n      placement: {\n        type: \"choice\",\n        options: [\"top\", \"right\", \"bottom\", \"left\"],\n        defaultValueHint: \"right\",\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: {\n          type: \"vbox\",\n          children: [\"Drawer content\"],\n        },\n      },\n      title: {\n        type: \"slot\",\n        defaultValue: \"Drawer title\",\n      },\n      footer: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      closeIcon: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"open\", type: \"boolean\" }],\n      } as any,\n      drawerScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"drawer\",\n      } as any,\n      drawerClassName: {\n        type: \"class\",\n        displayName: \"Drawer content styles\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer .ant-drawer-content\",\n            label: \"Base\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      closeButtonClassName: {\n        type: \"class\",\n        displayName: \"Close button styles\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer .ant-drawer-close\",\n            label: \"Base\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      forceRender: {\n        advanced: true,\n        type: \"boolean\",\n      },\n      defaultStylesClassName: {\n        type: \"themeResetClass\",\n      } as any,\n    },\n    states: {\n      open: {\n        type: \"writable\",\n        valueProp: \"open\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDrawer\",\n    importName: \"AntdDrawer\",\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,WACd,KAIA,EAAA;AACA,EAAA,MAAyD,EAAjD,GAAA,KAAA,EAAA,EAAA,YAAA,EAAc,OAAS,EAAA,IAAA,EAAM,MAVvC,EAAA,GAU2D,EAAT,EAAA,IAAA,GAAA,SAAA,CAAS,EAAT,EAAA,CAAxC,cAAc,EAAA,SAAA,EAAS,MAAM,EAAA,QAAA,CAAA,CAAA,CAAA;AACrC,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,OAAA,CAAQ,MAAM;AACtC,IAAA,IAAI,gBAAgB,OAAS,EAAA;AAC3B,MAAA,OAAO,CAAC,CAA8C,KAAA;AACpD,QAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AACf,QAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACZ,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,OAAO,CAAC,CAAA,CAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,IADL,CAAA,EAAA;AAAA,MAEC,OAAS,EAAA,WAAA;AAAA,MACT,IAAA;AAAA,MACA,QAAQ,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA;AAAA,MAClB,SAAW,EAAA,CAAA,EAAG,KAAM,CAAA,SAAA,CAAA,CAAA,EAAa,KAAM,CAAA,sBAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GACzC,CAAA;AAEJ,CAAA;AAEO,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,UAAY,EAAA;AAAA,IAC1C,IAAM,EAAA,sBAAA;AAAA,IACN,WAAa,EAAA,QAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,SAAA;AAAA,OACR;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,QAAA;AAAA,QACN,OAAS,EAAA,CAAC,KAAO,EAAA,OAAA,EAAS,UAAU,MAAM,CAAA;AAAA,QAC1C,gBAAkB,EAAA,OAAA;AAAA,OACpB;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,MAAA;AAAA,UACN,QAAA,EAAU,CAAC,gBAAgB,CAAA;AAAA,SAC7B;AAAA,OACF;AAAA,MACA,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,MAAA;AAAA,QACN,YAAc,EAAA,cAAA;AAAA,OAChB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,OACnB;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,OACnB;AAAA,MACA,YAAc,EAAA;AAAA,QACZ,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,MAAQ,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,OAC9C;AAAA,MACA,oBAAsB,EAAA;AAAA,QACpB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,QAAA;AAAA,OACb;AAAA,MACA,eAAiB,EAAA;AAAA,QACf,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,uBAAA;AAAA,QACb,MAAQ,EAAA,IAAA;AAAA,QACR,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,yCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,oBAAsB,EAAA;AAAA,QACpB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,qBAAA;AAAA,QACb,MAAQ,EAAA,IAAA;AAAA,QACR,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,uCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,WAAa,EAAA;AAAA,QACX,QAAU,EAAA,IAAA;AAAA,QACV,IAAM,EAAA,SAAA;AAAA,OACR;AAAA,MACA,sBAAwB,EAAA;AAAA,QACtB,IAAM,EAAA,iBAAA;AAAA,OACR;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,MAAA;AAAA,QACX,YAAc,EAAA,cAAA;AAAA,QACd,YAAc,EAAA,SAAA;AAAA,OAChB;AAAA,KACF;AAAA,IACA,UAAY,EAAA,0CAAA;AAAA,IACZ,UAAY,EAAA,YAAA;AAAA,GACb,CAAA,CAAA;AACH;;;;"}