@plasmicpkgs/antd5 0.0.213 → 0.0.215

package/dist/registerDatePicker.d.ts

@@ -5,7 +5,6 @@ import { Registerable } from "./utils";
 /**
  * onChangeIsoString uses ISO strings rather than dayjs.
  *
- * On mobile, Ant DatePicker is unusable, so also have a hidden native picker for the popup.
  */
 export declare function AntdDatePicker(props: Omit<React.ComponentProps<typeof DatePicker>, "value" | "onChange"> & {
     onChange?: (value: string | null) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/antd5",
-  "version": "0.0.213",
+  "version": "0.0.215",
   "description": "Plasmic registration calls for antd components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -68,7 +68,7 @@
     "@plasmicapp/data-sources": "0.1.148",
     "@plasmicapp/host": "1.0.190",
     "@plasmicapp/query": "0.1.78",
-    "@plasmicapp/react-web": "0.2.318",
+    "@plasmicapp/react-web": "0.2.319",
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-json": "^4.0.0",
     "@rollup/plugin-node-resolve": "^9.0.0",
@@ -108,5 +108,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "08f4db385bb92471d4dc5cf295469b7b6f889b13"
+  "gitHead": "a46fe330ee45f68b50869b6861a2aedaeb2c60f0"
 }

package/skinny/registerDatePicker.cjs.js

@@ -44,10 +44,70 @@ var __objRest = (source, exclude) => {
   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 === "object" && "toISOString" in props.value ? props.value.toISOString() : props.value === null ? void 0 : props.value;
   const _a = props, { picker, popupScopeClassName } = _a, rest = __objRest(_a, ["picker", "popupScopeClassName"]);
+  const css = `
+
+  @media(max-width: 500px) {
+    .ant-picker-dropdown {
+      top: 20px !important;
+      left: 10px !important;
+      right: 10px !important;
+      max-height: 95vh;
+      position: fixed;
+      overflow-y: scroll;
+    }
+
+    .ant-picker-panel-layout {
+      flex-direction: column;
+    }
+
+    .ant-picker-presets {
+      min-height: 50px;
+      min-width: 100%;
+    }
+
+    .ant-picker-presets > ul {
+      overflow-y: hidden;
+      overflow-x: auto;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-wrap: wrap;
+      flex-direction: column;
+    }
+
+    .ant-picker-presets > ul > li {
+      margin: 0 !important;
+    }
+
+    .ant-picker-panel-container {
+      width: 300px;
+    }
+
+    .ant-picker-datetime-panel {
+      flex-direction: column;
+    }
+
+    .ant-picker-header-view {
+      line-height: unset !important;
+    }
+
+    .ant-picker-content {
+      height: unset !important;
+    }
+
+    .ant-picker-time-panel-column {
+      height: 100px;
+    }
+
+    .ant-picker-time-panel-column::after {
+      height: 0px !important;
+    }
+
+    .ant-picker-time-panel-column::after {
+      display: none;
+    }
+  }`;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     antd.DatePicker,
     __spreadProps(__spreadValues({}, rest), {
@@ -58,29 +118,9 @@ function AntdDatePicker(props) {
       onChange: (value, _dateString) => {
         var _a2;
         (_a2 = props.onChange) == null ? void 0 : _a2.call(props, value !== null ? value.toISOString() : null);
-      },
-      open,
-      onOpenChange: (_open) => {
-        if (_open && window.innerWidth < 500) {
-          nativeInput.current.showPicker();
-        } else {
-          setOpen(_open);
-        }
       }
     })
-  ), /* @__PURE__ */ React__default.default.createElement(
-    "input",
-    {
-      hidden: true,
-      ref: nativeInput,
-      type: props.showTime ? "datetime-local" : "date",
-      value: strValue || "",
-      onChange: (e) => {
-        var _a2;
-        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e.target.value);
-      }
-    }
-  ));
+  ), /* @__PURE__ */ React__default.default.createElement("style", { dangerouslySetInnerHTML: { __html: css } }));
 }
 const datePickerComponentName = "plasmic-antd5-date-picker";
 const datePickerHelpers = {

package/skinny/registerDatePicker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDatePicker.cjs.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport React, { useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\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    popupScopeClassName?: string;\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 === \"object\" &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n\n  const { picker, popupScopeClassName, ...rest } = props;\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={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        popupClassName={popupScopeClassName}\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 const datePickerHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (value: string) => (value ? value : undefined),\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n  },\n};\n\nexport function registerDatePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDatePicker, {\n    name: datePickerComponentName,\n    displayName: \"Date/Time Picker\",\n    props: {\n      value: {\n        type: \"dateString\",\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      },\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      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"datePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\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        ...datePickerHelpers.states.value,\n      },\n    },\n    componentHelpers: {\n      helpers: datePickerHelpers,\n      importName: \"datePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\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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"}
+{"version":3,"file":"registerDatePicker.cjs.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport React from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n *\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    popupScopeClassName?: string;\n  }\n) {\n  const { picker, popupScopeClassName, ...rest } = props;\n\n  const css = `\n\n  @media(max-width: 500px) {\n    .ant-picker-dropdown {\n      top: 20px !important;\n      left: 10px !important;\n      right: 10px !important;\n      max-height: 95vh;\n      position: fixed;\n      overflow-y: scroll;\n    }\n\n    .ant-picker-panel-layout {\n      flex-direction: column;\n    }\n\n    .ant-picker-presets {\n      min-height: 50px;\n      min-width: 100%;\n    }\n\n    .ant-picker-presets > ul {\n      overflow-y: hidden;\n      overflow-x: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-wrap: wrap;\n      flex-direction: column;\n    }\n\n    .ant-picker-presets > ul > li {\n      margin: 0 !important;\n    }\n\n    .ant-picker-panel-container {\n      width: 300px;\n    }\n\n    .ant-picker-datetime-panel {\n      flex-direction: column;\n    }\n\n    .ant-picker-header-view {\n      line-height: unset !important;\n    }\n\n    .ant-picker-content {\n      height: unset !important;\n    }\n\n    .ant-picker-time-panel-column {\n      height: 100px;\n    }\n\n    .ant-picker-time-panel-column::after {\n      height: 0px !important;\n    }\n\n    .ant-picker-time-panel-column::after {\n      display: none;\n    }\n  }`;\n\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={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        popupClassName={popupScopeClassName}\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      <style dangerouslySetInnerHTML={{ __html: css }} />\n    </>\n  );\n}\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport const datePickerHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (value: string) => (value ? value : undefined),\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n  },\n};\n\nexport function registerDatePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDatePicker, {\n    name: datePickerComponentName,\n    displayName: \"Date/Time Picker\",\n    props: {\n      value: {\n        type: \"dateString\",\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      },\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      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"datePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\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        ...datePickerHelpers.states.value,\n      },\n    },\n    componentHelpers: {\n      helpers: datePickerHelpers,\n      importName: \"datePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    importName: \"AntdDatePicker\",\n  });\n}\n"],"names":["React","DatePicker","dayjs","_a","registerComponentHelper","capitalize"],"mappings":"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"}

package/skinny/registerDatePicker.d.ts

@@ -5,7 +5,6 @@ import { Registerable } from "./utils";
 /**
  * onChangeIsoString uses ISO strings rather than dayjs.
  *
- * On mobile, Ant DatePicker is unusable, so also have a hidden native picker for the popup.
  */
 export declare function AntdDatePicker(props: Omit<React.ComponentProps<typeof DatePicker>, "value" | "onChange"> & {
     onChange?: (value: string | null) => void;

package/skinny/registerDatePicker.esm.js

@@ -1,6 +1,6 @@
 import { DatePicker } from 'antd';
 import dayjs from 'dayjs';
-import React, { useState } from 'react';
+import React from 'react';
 import { r as registerComponentHelper, c as capitalize } from './utils-7d8f2418.esm.js';
 import '@plasmicapp/host/registerComponent';
 import '@plasmicapp/host/registerGlobalContext';
@@ -37,10 +37,70 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function AntdDatePicker(props) {
-  const nativeInput = React.useRef(null);
-  const [open, setOpen] = useState(false);
-  const strValue = props.value && typeof props.value === "object" && "toISOString" in props.value ? props.value.toISOString() : props.value === null ? void 0 : props.value;
   const _a = props, { picker, popupScopeClassName } = _a, rest = __objRest(_a, ["picker", "popupScopeClassName"]);
+  const css = `
+
+  @media(max-width: 500px) {
+    .ant-picker-dropdown {
+      top: 20px !important;
+      left: 10px !important;
+      right: 10px !important;
+      max-height: 95vh;
+      position: fixed;
+      overflow-y: scroll;
+    }
+
+    .ant-picker-panel-layout {
+      flex-direction: column;
+    }
+
+    .ant-picker-presets {
+      min-height: 50px;
+      min-width: 100%;
+    }
+
+    .ant-picker-presets > ul {
+      overflow-y: hidden;
+      overflow-x: auto;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-wrap: wrap;
+      flex-direction: column;
+    }
+
+    .ant-picker-presets > ul > li {
+      margin: 0 !important;
+    }
+
+    .ant-picker-panel-container {
+      width: 300px;
+    }
+
+    .ant-picker-datetime-panel {
+      flex-direction: column;
+    }
+
+    .ant-picker-header-view {
+      line-height: unset !important;
+    }
+
+    .ant-picker-content {
+      height: unset !important;
+    }
+
+    .ant-picker-time-panel-column {
+      height: 100px;
+    }
+
+    .ant-picker-time-panel-column::after {
+      height: 0px !important;
+    }
+
+    .ant-picker-time-panel-column::after {
+      display: none;
+    }
+  }`;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     DatePicker,
     __spreadProps(__spreadValues({}, rest), {
@@ -51,29 +111,9 @@ function AntdDatePicker(props) {
       onChange: (value, _dateString) => {
         var _a2;
         (_a2 = props.onChange) == null ? void 0 : _a2.call(props, value !== null ? value.toISOString() : null);
-      },
-      open,
-      onOpenChange: (_open) => {
-        if (_open && window.innerWidth < 500) {
-          nativeInput.current.showPicker();
-        } else {
-          setOpen(_open);
-        }
       }
     })
-  ), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      hidden: true,
-      ref: nativeInput,
-      type: props.showTime ? "datetime-local" : "date",
-      value: strValue || "",
-      onChange: (e) => {
-        var _a2;
-        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e.target.value);
-      }
-    }
-  ));
+  ), /* @__PURE__ */ React.createElement("style", { dangerouslySetInnerHTML: { __html: css } }));
 }
 const datePickerComponentName = "plasmic-antd5-date-picker";
 const datePickerHelpers = {

package/skinny/registerDatePicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDatePicker.esm.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport React, { useState } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\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    popupScopeClassName?: string;\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 === \"object\" &&\n    \"toISOString\" in props.value\n      ? props.value.toISOString()\n      : props.value === null\n      ? undefined\n      : props.value;\n\n  const { picker, popupScopeClassName, ...rest } = props;\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={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        popupClassName={popupScopeClassName}\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 const datePickerHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (value: string) => (value ? value : undefined),\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n  },\n};\n\nexport function registerDatePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDatePicker, {\n    name: datePickerComponentName,\n    displayName: \"Date/Time Picker\",\n    props: {\n      value: {\n        type: \"dateString\",\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      },\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      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"datePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\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        ...datePickerHelpers.states.value,\n      },\n    },\n    componentHelpers: {\n      helpers: datePickerHelpers,\n      importName: \"datePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    importName: \"AntdDatePicker\",\n  });\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"registerDatePicker.esm.js","sources":["../src/registerDatePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport React from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\n\n/**\n * onChangeIsoString uses ISO strings rather than dayjs.\n *\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    popupScopeClassName?: string;\n  }\n) {\n  const { picker, popupScopeClassName, ...rest } = props;\n\n  const css = `\n\n  @media(max-width: 500px) {\n    .ant-picker-dropdown {\n      top: 20px !important;\n      left: 10px !important;\n      right: 10px !important;\n      max-height: 95vh;\n      position: fixed;\n      overflow-y: scroll;\n    }\n\n    .ant-picker-panel-layout {\n      flex-direction: column;\n    }\n\n    .ant-picker-presets {\n      min-height: 50px;\n      min-width: 100%;\n    }\n\n    .ant-picker-presets > ul {\n      overflow-y: hidden;\n      overflow-x: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-wrap: wrap;\n      flex-direction: column;\n    }\n\n    .ant-picker-presets > ul > li {\n      margin: 0 !important;\n    }\n\n    .ant-picker-panel-container {\n      width: 300px;\n    }\n\n    .ant-picker-datetime-panel {\n      flex-direction: column;\n    }\n\n    .ant-picker-header-view {\n      line-height: unset !important;\n    }\n\n    .ant-picker-content {\n      height: unset !important;\n    }\n\n    .ant-picker-time-panel-column {\n      height: 100px;\n    }\n\n    .ant-picker-time-panel-column::after {\n      height: 0px !important;\n    }\n\n    .ant-picker-time-panel-column::after {\n      display: none;\n    }\n  }`;\n\n  return (\n    <>\n      <DatePicker\n        {...rest}\n        picker={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        popupClassName={popupScopeClassName}\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      <style dangerouslySetInnerHTML={{ __html: css }} />\n    </>\n  );\n}\n\nexport const datePickerComponentName = \"plasmic-antd5-date-picker\";\n\nexport const datePickerHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (value: string) => (value ? value : undefined),\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n  },\n};\n\nexport function registerDatePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDatePicker, {\n    name: datePickerComponentName,\n    displayName: \"Date/Time Picker\",\n    props: {\n      value: {\n        type: \"dateString\",\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      },\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      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"datePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":datePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\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        ...datePickerHelpers.states.value,\n      },\n    },\n    componentHelpers: {\n      helpers: datePickerHelpers,\n      importName: \"datePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDatePicker\",\n    importName: \"AntdDatePicker\",\n  });\n}\n"],"names":["_a"],"mappings":"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"}

package/skinny/registerDateRangePicker.cjs.js

@@ -101,30 +101,45 @@ function AntdDateRangePicker(props) {
     "popupScopeClassName",
     "className"
   ]);
-  const popupScopeClassNameSelector = popupScopeClassName ? `.${popupScopeClassName}` : "";
   const css = `
-    @media(max-width: 900px) {
-      .ant-picker-panels{
-        flex-direction: column;
-      }
-    }
-
     @media(max-width: 500px) {
-      ${popupScopeClassNameSelector}.ant-picker-dropdown {
+      .ant-picker-dropdown {
         top: 20px !important;
         left: 10px !important;
         right: 10px !important;
         max-height: 95vh;
         position: fixed;
         overflow-y: scroll;
-        max-width: 100vw;
       }
 
-      ${popupScopeClassNameSelector} .ant-picker-panel-container {
-        min-width: 300px;
+      .ant-picker-panel-layout {
+        flex-direction: column;
+      }
+
+      .ant-picker-presets {
+        min-height: 50px;
+        min-width: 100% !important;
+      }
+
+      .ant-picker-presets > ul {
+        overflow-y: hidden;
+        overflow-x: auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-wrap: wrap;
+        flex-direction: column;
+      }
+
+      .ant-picker-presets > ul > li {
+        margin: 0 !important;
       }
 
-      ${popupScopeClassNameSelector} .ant-picker-datetime-panel {
+      .ant-picker-panel-container {
+        width: 300px;
+      }
+
+      .ant-picker-datetime-panel {
         flex-direction: column;
       }
 
@@ -132,19 +147,23 @@ function AntdDateRangePicker(props) {
         font-size: 16px !important;
       }
 
-      ${popupScopeClassNameSelector} .ant-picker-header-view {
+      .ant-picker-header-view {
         line-height: unset !important;
       }
 
-      ${popupScopeClassNameSelector} .ant-picker-content {
+      .ant-picker-content {
         height: unset !important;
       }
 
-      ${popupScopeClassNameSelector} .ant-picker-time-panel-column {
+      .ant-picker-time-panel-column {
         height: 100px;
       }
 
-      ${popupScopeClassNameSelector} .ant-picker-range-arrow {
+      .ant-picker-time-panel-column::after {
+        height: 0px !important;
+      }
+
+      .ant-picker-range-arrow {
         display: none;
       }
     }

package/skinny/registerDateRangePicker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDateRangePicker.cjs.js","sources":["../src/registerDateRangePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport kebabCase from \"lodash/kebabCase\";\nimport React, { useMemo } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\n\nimport localeData from \"dayjs/plugin/localeData\";\nimport weekday from \"dayjs/plugin/weekday\";\n\ndayjs.extend(weekday);\ndayjs.extend(localeData);\n\nconst { RangePicker } = DatePicker;\n\nfunction getDayjsRange(dateRange: any): [Dayjs | null, Dayjs | null] {\n  return Array.isArray(dateRange)\n    ? [\n        dateRange[0] ? dayjs(dateRange[0]) : null,\n        dateRange[1] ? dayjs(dateRange[1]) : null,\n      ]\n    : [null, null];\n}\n\nfunction getStrRange(dateRange: any): string[] | undefined {\n  return Array.isArray(dateRange)\n    ? dateRange.map((date: any) =>\n        date && !(typeof date === \"string\") && \"toISOString\" in date\n          ? date.toISOString()\n          : date === null\n          ? undefined\n          : date\n      )\n    : undefined;\n}\n\nexport function AntdDateRangePicker(\n  props: Omit<\n    React.ComponentProps<typeof RangePicker>,\n    | \"value\"\n    | \"onChange\"\n    | \"presets\"\n    | \"placeholder\"\n    | \"renderExtraFooter\"\n    | \"disabled\"\n    | \"allowEmpty\"\n  > & {\n    onChange: (value: [string | undefined, string | undefined]) => void;\n    value?: [Dayjs, Dayjs];\n    // Not sure why this is missing from DatePicker props!\n    showTime?: boolean;\n    popupScopeClassName: string;\n    presets: {\n      label: string;\n      startDate: string;\n      endDate: string;\n    }[];\n    placeholder: string;\n    disableStartDate: boolean;\n    disableEndDate: boolean;\n    renderExtraFooter: React.ReactNode;\n    allowEmptyStartDate: boolean;\n    allowEmptyEndDate: boolean;\n    disabled: boolean;\n    allowEmpty: boolean;\n    defaultStartDate?: string;\n    defaultEndDate?: string;\n    startDate?: string;\n    endDate?: string;\n  }\n) {\n  const {\n    defaultStartDate,\n    defaultEndDate,\n    startDate,\n    endDate,\n    allowEmpty,\n    allowEmptyEndDate,\n    allowEmptyStartDate,\n    disabled,\n    renderExtraFooter,\n    disableStartDate,\n    disableEndDate,\n    presets,\n    picker,\n    placeholder,\n    onChange,\n    popupScopeClassName,\n    className,\n    ...rest\n  } = props;\n  const popupScopeClassNameSelector = popupScopeClassName\n    ? `.${popupScopeClassName}`\n    : \"\";\n  const css = `\n    @media(max-width: 900px) {\n      .ant-picker-panels{\n        flex-direction: column;\n      }\n    }\n\n    @media(max-width: 500px) {\n      ${popupScopeClassNameSelector}.ant-picker-dropdown {\n        top: 20px !important;\n        left: 10px !important;\n        right: 10px !important;\n        max-height: 95vh;\n        position: fixed;\n        overflow-y: scroll;\n        max-width: 100vw;\n      }\n\n      ${popupScopeClassNameSelector} .ant-picker-panel-container {\n        min-width: 300px;\n      }\n\n      ${popupScopeClassNameSelector} .ant-picker-datetime-panel {\n        flex-direction: column;\n      }\n\n      .${className} .ant-picker-input > input {\n        font-size: 16px !important;\n      }\n\n      ${popupScopeClassNameSelector} .ant-picker-header-view {\n        line-height: unset !important;\n      }\n\n      ${popupScopeClassNameSelector} .ant-picker-content {\n        height: unset !important;\n      }\n\n      ${popupScopeClassNameSelector} .ant-picker-time-panel-column {\n        height: 100px;\n      }\n\n      ${popupScopeClassNameSelector} .ant-picker-range-arrow {\n        display: none;\n      }\n    }\n  `;\n\n  const presetsDayjs = useMemo(\n    () =>\n      presets\n        ?.map((p) => ({ ...p, value: getDayjsRange([p.startDate, p.endDate]) }))\n        .filter((p) => p.value[0]?.isValid() && p.value[1]?.isValid()),\n    [presets]\n  );\n  return (\n    <>\n      <RangePicker\n        {...rest}\n        picker={picker as any}\n        presets={presetsDayjs}\n        allowEmpty={\n          allowEmpty\n            ? [allowEmpty, allowEmpty]\n            : [allowEmptyStartDate, allowEmptyEndDate]\n        }\n        value={getDayjsRange([startDate, endDate])}\n        defaultValue={getDayjsRange([defaultStartDate, defaultEndDate])}\n        renderExtraFooter={\n          renderExtraFooter ? () => renderExtraFooter : undefined\n        }\n        className={className}\n        inputReadOnly\n        disabled={disabled ? disabled : [disableStartDate, disableEndDate]}\n        placeholder={placeholder?.split(/,\\s*/).slice(0, 2) as [string, string]}\n        popupClassName={popupScopeClassName}\n        // dateString isn't a valid ISO string, and value is a dayjs object.\n        onChange={(values, _dateStrings) => {\n          onChange?.((getStrRange(values) as [string, string]) || [null, null]);\n        }}\n      />\n      <style dangerouslySetInnerHTML={{ __html: css }} />\n    </>\n  );\n}\n\nexport const dateRangePickerComponentName = \"plasmic-antd5-date-range-picker\";\n\nexport const dateRangePickerHelpers = {\n  states: {\n    startDate: {\n      onChangeArgsToValue: (value: string[]) => value[0],\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n    endDate: {\n      onChangeArgsToValue: (value: string[]) => value[1],\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n  },\n};\n\nexport function registerDateRangePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDateRangePicker, {\n    name: dateRangePickerComponentName,\n    displayName: \"Date Range Picker\",\n    props: {\n      startDate: {\n        type: \"dateString\",\n        editOnly: true,\n        uncontrolledProp: \"defaultStartDate\",\n        description: \"The default start date as ISO strings\",\n        // TODO: Can there be a default validator attached to each prop type, so dynamic values can be checked?\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      endDate: {\n        type: \"dateString\",\n        editOnly: true,\n        uncontrolledProp: \"defaultEndDate\",\n        description: \"The default end date as ISO strings\",\n        // TODO: Can there be a default validator attached to each prop type, so dynamic values can be checked?\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      allowClear: {\n        type: \"boolean\",\n        advanced: true,\n        defaultValueHint: true,\n        description: \"Whether to show the clear button\",\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"Focus when component is rendered\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      bordered: {\n        type: \"boolean\",\n        advanced: true,\n        defaultValueHint: true,\n      },\n      changeOnBlur: {\n        type: \"boolean\",\n        advanced: true,\n        description:\n          \"Trigger change when blur. e.g. datetime picker no need click confirm button\",\n        defaultValueHint: false,\n        hidden: (ps) => !ps.showTime,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disable date range inputs\",\n        defaultValueHint: false,\n      },\n      disableStartDate: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description: \"Disable start date input only\",\n        hidden: (ps) => ps.disabled,\n      },\n      disableEndDate: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description: \"Disable end date input only\",\n        hidden: (ps) => ps.disabled,\n      },\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      placeholder: {\n        type: \"string\",\n        advanced: true,\n        defaultValueHint: \"Start date, End date\",\n        description:\n          \"The placeholders of the start and end date inputs, separated by a comma\",\n      },\n      placement: {\n        type: \"choice\",\n        options: [\"bottomLeft\", \"bottomRight\", \"topLeft\", \"topRight\"].map(\n          (value) => ({\n            value,\n            label: kebabCase(value),\n          })\n        ),\n        advanced: true,\n        defaultValueHint: \"bottom-left\",\n        description: \"The position where the selection box pops up\",\n      },\n      presets: {\n        type: \"array\",\n        advanced: true,\n        description: \"The preset ranges for quick selection\",\n        itemType: {\n          type: \"object\",\n          nameFunc: (item) => item.label,\n          fields: {\n            label: \"string\",\n            startDate: {\n              type: \"dateString\",\n            },\n            endDate: {\n              type: \"dateString\",\n            },\n          },\n        },\n      },\n      size: {\n        type: \"choice\",\n        advanced: true,\n        options: [\"small\", \"middle\", \"large\"].map((value) => ({\n          value,\n          label: capitalize(value),\n        })),\n        defaultValueHint: \"middle\",\n      },\n      status: {\n        type: \"choice\",\n        advanced: true,\n        options: [\"error\", \"warning\"].map((value) => ({\n          value,\n          label: capitalize(value),\n        })),\n        description: \"Set validation status\",\n      },\n      allowEmpty: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Allow leaving start or end input empty\",\n        defaultValueHint: false,\n      },\n      allowEmptyStartDate: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Allow leaving start input empty\",\n        defaultValueHint: false,\n        hidden: (ps) => ps.allowEmpty,\n      },\n      allowEmptyEndDate: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Allow leaving end input empty\",\n        defaultValueHint: false,\n        hidden: (ps) => ps.allowEmpty,\n      },\n      renderExtraFooter: {\n        type: \"slot\",\n        displayName: \"Extra footer\",\n        hidePlaceholder: true,\n      },\n      showTime: {\n        type: \"boolean\",\n        description: \"Enable time selection\",\n        defaultValueHint: false,\n        hidden: (ps) => ps.picker !== undefined && ps.picker !== \"date\",\n      },\n      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"dateRangePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":dateRangePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":dateRangePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":dateRangePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":dateRangePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      },\n    },\n    states: {\n      startDate: {\n        type: \"writable\",\n        valueProp: \"startDate\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        ...dateRangePickerHelpers.states.startDate,\n      },\n      endDate: {\n        type: \"writable\",\n        valueProp: \"endDate\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        ...dateRangePickerHelpers.states.endDate,\n      },\n    },\n    componentHelpers: {\n      helpers: dateRangePickerHelpers,\n      importName: \"dateRangePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDateRangePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDateRangePicker\",\n    importName: \"AntdDateRangePicker\",\n  });\n}\n"],"names":["dayjs","weekday","localeData","DatePicker","useMemo","_a","React","registerComponentHelper","capitalize","kebabCase"],"mappings":"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"}
+{"version":3,"file":"registerDateRangePicker.cjs.js","sources":["../src/registerDateRangePicker.tsx"],"sourcesContent":["import { DatePicker } from \"antd\";\nimport type { Dayjs } from \"dayjs\";\nimport dayjs from \"dayjs\";\nimport kebabCase from \"lodash/kebabCase\";\nimport React, { useMemo } from \"react\";\nimport { capitalize, Registerable, registerComponentHelper } from \"./utils\";\n\nimport localeData from \"dayjs/plugin/localeData\";\nimport weekday from \"dayjs/plugin/weekday\";\n\ndayjs.extend(weekday);\ndayjs.extend(localeData);\n\nconst { RangePicker } = DatePicker;\n\nfunction getDayjsRange(dateRange: any): [Dayjs | null, Dayjs | null] {\n  return Array.isArray(dateRange)\n    ? [\n        dateRange[0] ? dayjs(dateRange[0]) : null,\n        dateRange[1] ? dayjs(dateRange[1]) : null,\n      ]\n    : [null, null];\n}\n\nfunction getStrRange(dateRange: any): string[] | undefined {\n  return Array.isArray(dateRange)\n    ? dateRange.map((date: any) =>\n        date && !(typeof date === \"string\") && \"toISOString\" in date\n          ? date.toISOString()\n          : date === null\n          ? undefined\n          : date\n      )\n    : undefined;\n}\n\nexport function AntdDateRangePicker(\n  props: Omit<\n    React.ComponentProps<typeof RangePicker>,\n    | \"value\"\n    | \"onChange\"\n    | \"presets\"\n    | \"placeholder\"\n    | \"renderExtraFooter\"\n    | \"disabled\"\n    | \"allowEmpty\"\n  > & {\n    onChange: (value: [string | undefined, string | undefined]) => void;\n    value?: [Dayjs, Dayjs];\n    // Not sure why this is missing from DatePicker props!\n    showTime?: boolean;\n    popupScopeClassName: string;\n    presets: {\n      label: string;\n      startDate: string;\n      endDate: string;\n    }[];\n    placeholder: string;\n    disableStartDate: boolean;\n    disableEndDate: boolean;\n    renderExtraFooter: React.ReactNode;\n    allowEmptyStartDate: boolean;\n    allowEmptyEndDate: boolean;\n    disabled: boolean;\n    allowEmpty: boolean;\n    defaultStartDate?: string;\n    defaultEndDate?: string;\n    startDate?: string;\n    endDate?: string;\n  }\n) {\n  const {\n    defaultStartDate,\n    defaultEndDate,\n    startDate,\n    endDate,\n    allowEmpty,\n    allowEmptyEndDate,\n    allowEmptyStartDate,\n    disabled,\n    renderExtraFooter,\n    disableStartDate,\n    disableEndDate,\n    presets,\n    picker,\n    placeholder,\n    onChange,\n    popupScopeClassName,\n    className,\n    ...rest\n  } = props;\n\n  const css = `\n    @media(max-width: 500px) {\n      .ant-picker-dropdown {\n        top: 20px !important;\n        left: 10px !important;\n        right: 10px !important;\n        max-height: 95vh;\n        position: fixed;\n        overflow-y: scroll;\n      }\n\n      .ant-picker-panel-layout {\n        flex-direction: column;\n      }\n\n      .ant-picker-presets {\n        min-height: 50px;\n        min-width: 100% !important;\n      }\n\n      .ant-picker-presets > ul {\n        overflow-y: hidden;\n        overflow-x: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n        flex-direction: column;\n      }\n\n      .ant-picker-presets > ul > li {\n        margin: 0 !important;\n      }\n\n      .ant-picker-panel-container {\n        width: 300px;\n      }\n\n      .ant-picker-datetime-panel {\n        flex-direction: column;\n      }\n\n      .${className} .ant-picker-input > input {\n        font-size: 16px !important;\n      }\n\n      .ant-picker-header-view {\n        line-height: unset !important;\n      }\n\n      .ant-picker-content {\n        height: unset !important;\n      }\n\n      .ant-picker-time-panel-column {\n        height: 100px;\n      }\n\n      .ant-picker-time-panel-column::after {\n        height: 0px !important;\n      }\n\n      .ant-picker-range-arrow {\n        display: none;\n      }\n    }\n  `;\n\n  const presetsDayjs = useMemo(\n    () =>\n      presets\n        ?.map((p) => ({ ...p, value: getDayjsRange([p.startDate, p.endDate]) }))\n        .filter((p) => p.value[0]?.isValid() && p.value[1]?.isValid()),\n    [presets]\n  );\n  return (\n    <>\n      <RangePicker\n        {...rest}\n        picker={picker as any}\n        presets={presetsDayjs}\n        allowEmpty={\n          allowEmpty\n            ? [allowEmpty, allowEmpty]\n            : [allowEmptyStartDate, allowEmptyEndDate]\n        }\n        value={getDayjsRange([startDate, endDate])}\n        defaultValue={getDayjsRange([defaultStartDate, defaultEndDate])}\n        renderExtraFooter={\n          renderExtraFooter ? () => renderExtraFooter : undefined\n        }\n        className={className}\n        inputReadOnly\n        disabled={disabled ? disabled : [disableStartDate, disableEndDate]}\n        placeholder={placeholder?.split(/,\\s*/).slice(0, 2) as [string, string]}\n        popupClassName={popupScopeClassName}\n        // dateString isn't a valid ISO string, and value is a dayjs object.\n        onChange={(values, _dateStrings) => {\n          onChange?.((getStrRange(values) as [string, string]) || [null, null]);\n        }}\n      />\n      <style dangerouslySetInnerHTML={{ __html: css }} />\n    </>\n  );\n}\n\nexport const dateRangePickerComponentName = \"plasmic-antd5-date-range-picker\";\n\nexport const dateRangePickerHelpers = {\n  states: {\n    startDate: {\n      onChangeArgsToValue: (value: string[]) => value[0],\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n    endDate: {\n      onChangeArgsToValue: (value: string[]) => value[1],\n      hidden: (ps: any) => !!ps.__plasmicFormField,\n    },\n  },\n};\n\nexport function registerDateRangePicker(loader?: Registerable) {\n  registerComponentHelper(loader, AntdDateRangePicker, {\n    name: dateRangePickerComponentName,\n    displayName: \"Date Range Picker\",\n    props: {\n      startDate: {\n        type: \"dateString\",\n        editOnly: true,\n        uncontrolledProp: \"defaultStartDate\",\n        description: \"The default start date as ISO strings\",\n        // TODO: Can there be a default validator attached to each prop type, so dynamic values can be checked?\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      endDate: {\n        type: \"dateString\",\n        editOnly: true,\n        uncontrolledProp: \"defaultEndDate\",\n        description: \"The default end date as ISO strings\",\n        // TODO: Can there be a default validator attached to each prop type, so dynamic values can be checked?\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      allowClear: {\n        type: \"boolean\",\n        advanced: true,\n        defaultValueHint: true,\n        description: \"Whether to show the clear button\",\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"Focus when component is rendered\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      bordered: {\n        type: \"boolean\",\n        advanced: true,\n        defaultValueHint: true,\n      },\n      changeOnBlur: {\n        type: \"boolean\",\n        advanced: true,\n        description:\n          \"Trigger change when blur. e.g. datetime picker no need click confirm button\",\n        defaultValueHint: false,\n        hidden: (ps) => !ps.showTime,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disable date range inputs\",\n        defaultValueHint: false,\n      },\n      disableStartDate: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description: \"Disable start date input only\",\n        hidden: (ps) => ps.disabled,\n      },\n      disableEndDate: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description: \"Disable end date input only\",\n        hidden: (ps) => ps.disabled,\n      },\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      placeholder: {\n        type: \"string\",\n        advanced: true,\n        defaultValueHint: \"Start date, End date\",\n        description:\n          \"The placeholders of the start and end date inputs, separated by a comma\",\n      },\n      placement: {\n        type: \"choice\",\n        options: [\"bottomLeft\", \"bottomRight\", \"topLeft\", \"topRight\"].map(\n          (value) => ({\n            value,\n            label: kebabCase(value),\n          })\n        ),\n        advanced: true,\n        defaultValueHint: \"bottom-left\",\n        description: \"The position where the selection box pops up\",\n      },\n      presets: {\n        type: \"array\",\n        advanced: true,\n        description: \"The preset ranges for quick selection\",\n        itemType: {\n          type: \"object\",\n          nameFunc: (item) => item.label,\n          fields: {\n            label: \"string\",\n            startDate: {\n              type: \"dateString\",\n            },\n            endDate: {\n              type: \"dateString\",\n            },\n          },\n        },\n      },\n      size: {\n        type: \"choice\",\n        advanced: true,\n        options: [\"small\", \"middle\", \"large\"].map((value) => ({\n          value,\n          label: capitalize(value),\n        })),\n        defaultValueHint: \"middle\",\n      },\n      status: {\n        type: \"choice\",\n        advanced: true,\n        options: [\"error\", \"warning\"].map((value) => ({\n          value,\n          label: capitalize(value),\n        })),\n        description: \"Set validation status\",\n      },\n      allowEmpty: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Allow leaving start or end input empty\",\n        defaultValueHint: false,\n      },\n      allowEmptyStartDate: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Allow leaving start input empty\",\n        defaultValueHint: false,\n        hidden: (ps) => ps.allowEmpty,\n      },\n      allowEmptyEndDate: {\n        type: \"boolean\",\n        advanced: true,\n        description: \"Allow leaving end input empty\",\n        defaultValueHint: false,\n        hidden: (ps) => ps.allowEmpty,\n      },\n      renderExtraFooter: {\n        type: \"slot\",\n        displayName: \"Extra footer\",\n        hidePlaceholder: true,\n      },\n      showTime: {\n        type: \"boolean\",\n        description: \"Enable time selection\",\n        defaultValueHint: false,\n        hidden: (ps) => ps.picker !== undefined && ps.picker !== \"date\",\n      },\n      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"dateRangePickerPopup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup container\",\n        selectors: [\n          {\n            selector: \":dateRangePickerPopup .ant-picker-panel-container\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupHeaderClassName: {\n        type: \"class\",\n        displayName: \"Popup header\",\n        selectors: [\n          {\n            selector: \":dateRangePickerPopup .ant-picker-header\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupBodyClassName: {\n        type: \"class\",\n        displayName: \"Popup body\",\n        selectors: [\n          {\n            selector: \":dateRangePickerPopup .ant-picker-body\",\n            label: \"Base\",\n          },\n        ],\n      },\n      popupFooterClassName: {\n        type: \"class\",\n        displayName: \"Popup footer\",\n        selectors: [\n          {\n            selector: \":dateRangePickerPopup .ant-picker-footer\",\n            label: \"Base\",\n          },\n        ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        advanced: true,\n        argTypes: [{ name: \"value\", type: \"object\" }],\n      },\n    },\n    states: {\n      startDate: {\n        type: \"writable\",\n        valueProp: \"startDate\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        ...dateRangePickerHelpers.states.startDate,\n      },\n      endDate: {\n        type: \"writable\",\n        valueProp: \"endDate\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n        ...dateRangePickerHelpers.states.endDate,\n      },\n    },\n    componentHelpers: {\n      helpers: dateRangePickerHelpers,\n      importName: \"dateRangePickerHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerDateRangePicker\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerDateRangePicker\",\n    importName: \"AntdDateRangePicker\",\n  });\n}\n"],"names":["dayjs","weekday","localeData","DatePicker","useMemo","_a","React","registerComponentHelper","capitalize","kebabCase"],"mappings":"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"}