@plasmicpkgs/antd5 0.0.114 → 0.0.118

package/skinny/registerCollapse.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCollapse.esm.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import { Collapse } from \"antd\";\nimport React, { ReactNode, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport const collapseComponentName = \"plasmic-antd5-collapse\";\nexport const collapseItemComponentName = \"plasmic-antd5-collapse-item\";\n\ntype CollapseItemType = NonNullable<\n  React.ComponentProps<typeof Collapse>[\"items\"]\n>[number];\n\nexport const AntdCollapseItem: React.FC<CollapseItemType> = ({ children }) => {\n  return <div>{children}</div>;\n};\n\nexport function AntdCollapse(\n  props: Omit<\n    React.ComponentProps<typeof Collapse>,\n    \"items\" | \"activeKey\" | \"defaultActiveKeys\" | \"expandIcon\"\n  > & {\n    items: { props: { children: React.ReactElement<CollapseItemType>[] } };\n    defaultActiveKeys?: { key: string | number }[];\n    activeKeys?: { key: string | number }[];\n    disabled?: boolean;\n    expandIcon: React.ReactElement;\n    rotateCustomExpandIcon: boolean;\n  }\n) {\n  const {\n    items: itemsRaw,\n    activeKeys,\n    defaultActiveKeys,\n    expandIcon,\n    collapsible,\n    disabled,\n    rotateCustomExpandIcon,\n    ...rest\n  } = props;\n\n  const activeKeyProp = useMemo(() => {\n    const res = activeKeys?.map((k) => k.key).filter((k) => k) || [];\n    return res.length ? res : undefined;\n  }, [activeKeys]);\n\n  const defaultActiveKeysProp = useMemo(() => {\n    const res = defaultActiveKeys?.map((k) => k.key).filter((k) => k) || [];\n    return res.length ? res : undefined;\n  }, [defaultActiveKeys]);\n\n  const items: CollapseItemType[] = useMemo(() => {\n    if (!React.isValidElement(itemsRaw)) return [];\n    return (\n      Array.isArray(itemsRaw.props.children)\n        ? itemsRaw.props.children\n        : [itemsRaw.props.children]\n    )\n      .map((currentItem) => {\n        if (\n          !React.isValidElement(currentItem) ||\n          !React.isValidElement(currentItem.props.children)\n        ) {\n          return null;\n        }\n        return {\n          ...currentItem.props,\n          id: currentItem.props.id,\n          key: currentItem.props.id,\n          children: React.cloneElement(currentItem.props.children),\n        };\n      })\n      .filter((i) => i != null) as CollapseItemType[];\n  }, [itemsRaw]);\n\n  return (\n    <Collapse\n      items={items}\n      defaultActiveKey={defaultActiveKeysProp}\n      activeKey={activeKeyProp}\n      collapsible={disabled ? \"disabled\" : collapsible}\n      expandIcon={\n        expandIcon?.key\n          ? ({ isActive }) => (\n              <div\n                style={\n                  isActive && rotateCustomExpandIcon\n                    ? { transform: \"rotate(90deg)\" }\n                    : undefined\n                }\n              >\n                {expandIcon}\n              </div>\n            )\n          : undefined\n      }\n      {...rest}\n    />\n  );\n}\n\nexport const collapseHelpers = {\n  states: {\n    activeKeys: {\n      onChangeArgsToValue: (activeKeys: string[]) =>\n        activeKeys.map((key) => ({ key })),\n    },\n  },\n};\n\nexport function registerCollapse(loader?: Registerable) {\n  registerComponentHelper(loader, AntdCollapse, {\n    name: collapseComponentName,\n    displayName: \"Collapse\",\n    defaultStyles: {\n      width: \"stretch\",\n    },\n    props: {\n      accordion: {\n        type: \"boolean\",\n        description: `Allow only one panel to be expanded at a time`,\n      },\n      activeKeys: {\n        editOnly: true,\n        displayName: \"Active Panel IDs\",\n        uncontrolledProp: \"defaultActiveKeys\",\n        type: \"array\",\n        description: `A list of panel IDs that are expanded by default.`,\n        advanced: true,\n        itemType: {\n          type: \"object\",\n          nameFunc: (_item: any) => `ID: ${_item.key}`,\n          fields: {\n            key: {\n              type: \"number\",\n              displayName: \"Panel ID\",\n            },\n          },\n        },\n      },\n      bordered: {\n        type: \"boolean\",\n        defaultValue: true,\n        description: `Display border around collapse `,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disable the toggle behaviour of panels\",\n      },\n      collapsible: {\n        type: \"choice\",\n        defaultValueHint: \"header\",\n        description: `Specify the element that can be clicked to toggle a panel`,\n        options: [\"header\", \"icon\"],\n        hidden: (ps) => Boolean(ps.disabled),\n      },\n      destroyInactivePanel: {\n        type: \"boolean\",\n        advanced: true,\n        description: `Destroy/Unmount inactive panels`,\n      },\n      expandIcon: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      rotateCustomExpandIcon: {\n        type: \"boolean\",\n        description:\n          \"Enable rotation of custom expand icon when panel is expanded\",\n        advanced: true,\n        hidden: (ps) => !ps.expandIcon?.key,\n      },\n      expandIconPosition: {\n        type: \"choice\",\n        defaultValueHint: \"start\",\n        description: `Set expand icon position`,\n        options: [\"start\", \"end\"],\n      },\n      ghost: {\n        type: \"boolean\",\n        description: `Make the collapse borderless and its background transparent`,\n      },\n      size: {\n        type: \"choice\",\n        defaultValueHint: \"middle\",\n        description: `Set the size of collapse`,\n        options: [\"large\", \"middle\", \"small\"],\n      },\n      items: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        allowedComponents: [collapseItemComponentName],\n        ...({ mergeWithParent: true } as any),\n        defaultValue: [\n          {\n            type: \"component\",\n            name: collapseItemComponentName,\n            props: {\n              id: 1,\n              label: \"First Item\",\n              children: {\n                type: \"text\",\n                value: \"First Children\",\n              },\n            },\n          },\n          {\n            type: \"component\",\n            name: collapseItemComponentName,\n            props: {\n              id: 2,\n              label: \"Second Item\",\n              children: {\n                type: \"text\",\n                value: \"Second Children\",\n              },\n            },\n          },\n        ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"activeIds\", type: \"object\" }],\n      },\n    },\n    states: {\n      activePanelIds: {\n        type: \"writable\",\n        valueProp: \"activeKeys\",\n        onChangeProp: \"onChange\",\n        variableType: \"array\",\n        ...collapseHelpers.states.activeKeys,\n      },\n    },\n    componentHelpers: {\n      helpers: collapseHelpers,\n      importName: \"collapseHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    importName: \"AntdCollapse\",\n  });\n\n  registerComponentHelper(loader, AntdCollapseItem, {\n    name: collapseItemComponentName,\n    displayName: \"Collapse Item\",\n    props: {\n      id: {\n        type: \"string\",\n        description: `Unique identifier for this time`,\n      },\n      label: {\n        type: \"string\",\n        description: `Text inside the header`,\n        displayName: \"Header Content\",\n      },\n      showArrow: {\n        type: \"boolean\",\n        defaultValue: true,\n        description: `Whether to show animating arrow alongside header text`,\n        advanced: true,\n      },\n      destroyInactivePanel: {\n        type: \"boolean\",\n        description: `Destroy/Unmount panel if inactive`,\n        advanced: true,\n      },\n      forceRender: {\n        type: \"boolean\",\n        description: `Force rendering of content in the panel, instead of lazy rendering it.`,\n        advanced: true,\n      },\n      extra: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      collapsible: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    importName: \"AntdCollapseItem\",\n    parentComponentName: collapseComponentName,\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerCollapse.esm.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import { Collapse } from \"antd\";\nimport React, { useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport uniqueId from \"lodash/uniqueId\";\nimport type { PropType } from \"@plasmicapp/host\";\n\nexport const singleCollapseComponentName = \"plasmic-antd5-single-collapse\";\nexport const accordionComponentName = \"plasmic-antd5-collapse\";\nexport const accordionItemComponentName = \"plasmic-antd5-collapse-item\";\n\ntype AccordionItemType = NonNullable<\n  React.ComponentProps<typeof Collapse>[\"items\"]\n>[number];\n\ntype SingleCollapseProps = Omit<\n  React.ComponentProps<typeof Collapse>,\n  \"items\" | \"activeKey\" | \"defaultActiveKey\" | \"expandIcon\" | \"accordion\"\n> &\n  AccordionItemType & {\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    expandIcon: React.ReactElement;\n    rotateCustomExpandIcon: boolean;\n    children: React.ReactElement;\n  };\n\nexport function AntdAccordionItem({ children }: AccordionItemType) {\n  return <div>{children}</div>;\n}\n\nexport function AntdAccordion(\n  props: Omit<\n    React.ComponentProps<typeof Collapse>,\n    \"items\" | \"activeKey\" | \"defaultActiveKey\" | \"expandIcon\" | \"accordion\"\n  > & {\n    items: { props: { children: React.ReactElement<AccordionItemType>[] } };\n    defaultActiveKey?: string;\n    activeKey?: string;\n    disabled?: boolean;\n    expandIcon: React.ReactElement;\n    rotateCustomExpandIcon: boolean;\n  }\n) {\n  const {\n    items: itemsRaw,\n    activeKey,\n    defaultActiveKey,\n    expandIcon,\n    collapsible,\n    disabled,\n    rotateCustomExpandIcon,\n    ...rest\n  } = props;\n\n  const items: AccordionItemType[] = useMemo(() => {\n    if (!React.isValidElement(itemsRaw)) return [];\n    return (\n      Array.isArray(itemsRaw.props.children)\n        ? itemsRaw.props.children\n        : [itemsRaw.props.children]\n    )\n      .map((currentItem) => {\n        if (\n          !React.isValidElement(currentItem) ||\n          !React.isValidElement(currentItem.props.children)\n        ) {\n          return null;\n        }\n        return {\n          ...currentItem.props,\n          id: currentItem.props.id,\n          key: currentItem.props.id,\n          children: React.cloneElement(currentItem.props.children),\n        };\n      })\n      .filter((i) => i != null) as AccordionItemType[];\n  }, [itemsRaw]);\n\n  return (\n    <Collapse\n      accordion\n      items={items}\n      defaultActiveKey={defaultActiveKey}\n      activeKey={activeKey}\n      collapsible={disabled ? \"disabled\" : collapsible}\n      expandIcon={\n        expandIcon?.key\n          ? ({ isActive }) => (\n              <div\n                style={\n                  isActive && rotateCustomExpandIcon\n                    ? { transform: \"rotate(90deg)\" }\n                    : undefined\n                }\n              >\n                {expandIcon}\n              </div>\n            )\n          : undefined\n      }\n      {...rest}\n    />\n  );\n}\n\nexport function AntdSingleCollapse(props: SingleCollapseProps) {\n  const {\n    open,\n    defaultOpen,\n    expandIcon,\n    collapsible,\n    disabled,\n    rotateCustomExpandIcon,\n    label,\n    showArrow,\n    extra,\n    forceRender,\n    children,\n    headerClass,\n    ...rest\n  } = props;\n\n  const defaultItemKey = useMemo(() => uniqueId(), []);\n\n  const item = useMemo(\n    () => ({\n      key: defaultItemKey,\n      label,\n      showArrow,\n      extra: <>{extra}</>,\n      headerClass,\n      children,\n    }),\n    [label, showArrow, extra, children, defaultItemKey, headerClass]\n  );\n\n  return (\n    <Collapse\n      accordion={false}\n      items={[item]}\n      defaultActiveKey={defaultOpen ? item.key : undefined}\n      activeKey={open ? item.key : undefined}\n      collapsible={disabled ? \"disabled\" : collapsible}\n      expandIcon={\n        expandIcon?.key\n          ? ({ isActive }) => (\n              <div\n                style={\n                  isActive && rotateCustomExpandIcon\n                    ? { transform: \"rotate(90deg)\" }\n                    : undefined\n                }\n              >\n                {expandIcon}\n              </div>\n            )\n          : undefined\n      }\n      {...rest}\n    />\n  );\n}\n\nexport const accordionHelpers = {\n  states: {\n    activeKey: {\n      onChangeArgsToValue: (activeKeys: string[]) => activeKeys[0],\n    },\n  },\n};\n\nexport const singleCollapseHelpers = {\n  states: {\n    open: {\n      onChangeArgsToValue: (activeKeys: string) => activeKeys.length > 0,\n    },\n  },\n};\n\nconst commonAccordionProps: Record<string, PropType<any>> = {\n  bordered: {\n    type: \"boolean\",\n    defaultValue: true,\n    description: `Display border around accordion `,\n  },\n  disabled: {\n    type: \"boolean\",\n    description: \"Disable the toggle behaviour of panels\",\n  },\n  expandIcon: {\n    type: \"slot\",\n    hidePlaceholder: true,\n  },\n  rotateCustomExpandIcon: {\n    type: \"boolean\",\n    description: \"Enable rotation of custom expand icon when panel is expanded\",\n    advanced: true,\n    hidden: (ps) => !ps.expandIcon?.key,\n  },\n  expandIconPosition: {\n    type: \"choice\",\n    defaultValueHint: \"start\",\n    description: `Set expand icon position`,\n    options: [\"start\", \"end\"],\n  },\n  ghost: {\n    type: \"boolean\",\n    description: `Make the accordion borderless and its background transparent`,\n  },\n  size: {\n    type: \"choice\",\n    defaultValueHint: \"middle\",\n    description: `Set the size of accordion`,\n    options: [\"large\", \"middle\", \"small\"],\n  },\n  onChange: {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"activeIds\", type: \"object\" }],\n  },\n};\n\nconst commonAccordionItemProps: Record<string, PropType<any>> = {\n  label: {\n    type: \"slot\",\n    displayName: \"Header Content\",\n    defaultValue: \"Collapse Header\",\n    hidePlaceholder: true,\n  },\n  extra: {\n    type: \"slot\",\n    hidePlaceholder: true,\n  },\n  showArrow: {\n    type: \"boolean\",\n    defaultValue: true,\n    description: `Whether to show animating arrow alongside header text`,\n    advanced: true,\n  },\n  headerClass: {\n    type: \"class\",\n    displayName: \"Header\",\n  },\n  children: {\n    type: \"slot\",\n    hidePlaceholder: true,\n    ...({ mergeWithParent: true } as any),\n    defaultValue: \"Collapsible text...\",\n  },\n};\n\nconst commonProps: Record<string, PropType<any>> = {\n  collapsible: {\n    displayName: \"Toggle Area\",\n    type: \"choice\",\n    defaultValueHint: \"header\",\n    description: `Specify the element that can be clicked to toggle a panel`,\n    options: [\"header\", \"icon\"],\n    advanced: true,\n    hidden: (ps) => Boolean(ps.disabled),\n  },\n  destroyInactivePanel: {\n    type: \"boolean\",\n    description: `Destroy/Unmount panel if inactive`,\n    advanced: true,\n  },\n  forceRender: {\n    type: \"boolean\",\n    description: `Force rendering of content in the panel, instead of lazy rendering it.`,\n    advanced: true,\n  },\n};\n\nexport function registerCollapse(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSingleCollapse, {\n    name: singleCollapseComponentName,\n    displayName: \"Collapse\",\n    description: \"Accordion, but with a single collapsible block.\",\n    defaultStyles: {\n      width: \"stretch\",\n    },\n    props: {\n      open: {\n        editOnly: true,\n        displayName: \"Open\",\n        uncontrolledProp: \"defaultOpen\",\n        type: \"boolean\",\n        description: `Default open state of the collapse block`,\n      },\n      ...commonProps,\n      ...commonAccordionItemProps,\n      ...commonAccordionProps,\n    },\n    states: {\n      open: {\n        type: \"writable\",\n        valueProp: \"open\",\n        onChangeProp: \"onChange\",\n        variableType: \"boolean\",\n        ...singleCollapseHelpers.states.open,\n      },\n    },\n    componentHelpers: {\n      helpers: accordionHelpers,\n      importName: \"accordionHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    importName: \"AntdAccordion\",\n  });\n\n  registerComponentHelper(loader, AntdAccordion, {\n    name: accordionComponentName,\n    displayName: \"Accordion\",\n    defaultStyles: {\n      width: \"stretch\",\n    },\n    props: {\n      activeKey: {\n        editOnly: true,\n        displayName: \"Active panel ID\",\n        uncontrolledProp: \"defaultActiveKey\",\n        type: \"string\",\n        description: `ID of Accordion item that is expanded by default.`,\n        advanced: true,\n      },\n      items: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        allowedComponents: [accordionItemComponentName],\n        ...({ mergeWithParent: true } as any),\n        defaultValue: [\n          {\n            type: \"component\",\n            name: accordionItemComponentName,\n            props: {\n              id: 1,\n              label: {\n                type: \"text\",\n                value: \"First Item\",\n              },\n              children: {\n                type: \"text\",\n                value: \"First Children\",\n              },\n            },\n          },\n          {\n            type: \"component\",\n            name: accordionItemComponentName,\n            props: {\n              id: 2,\n              label: {\n                type: \"text\",\n                value: \"Second Item\",\n              },\n              children: {\n                type: \"text\",\n                value: \"Second Children\",\n              },\n            },\n          },\n        ],\n      },\n      ...commonProps,\n      ...commonAccordionProps,\n    },\n    states: {\n      activePanelId: {\n        type: \"writable\",\n        valueProp: \"activeKey\",\n        onChangeProp: \"onChange\",\n        variableType: \"array\",\n        ...accordionHelpers.states.activeKey,\n      },\n    },\n    componentHelpers: {\n      helpers: accordionHelpers,\n      importName: \"accordionHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    importName: \"AntdAccordion\",\n  });\n\n  registerComponentHelper(loader, AntdAccordionItem, {\n    name: accordionItemComponentName,\n    displayName: \"Accordion Item\",\n    props: {\n      id: {\n        type: \"string\",\n        description: `Unique identifier for this item`,\n      },\n      ...commonProps,\n      ...commonAccordionItemProps,\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    importName: \"AntdAccordionItem\",\n    parentComponentName: accordionComponentName,\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerDatePicker.cjs.js

@@ -47,13 +47,14 @@ 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"]);
+  const _a = props, { picker, popupScopeClassName } = _a, rest = __objRest(_a, ["picker", "popupScopeClassName"]);
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     antd.DatePicker,
     __spreadProps(__spreadValues({}, rest), {
-      picker: props.picker,
+      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),
+      popupClassName: popupScopeClassName,
       onChange: (value, _dateString) => {
         var _a2;
         (_a2 = props.onChange) == null ? void 0 : _a2.call(props, value !== null ? value.toISOString() : null);
@@ -115,6 +116,50 @@ function registerDatePicker(loader) {
         })),
         defaultValueHint: "date"
       },
+      popupScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "datePickerPopup"
+      },
+      popupClassName: {
+        type: "class",
+        displayName: "Popup container",
+        selectors: [
+          {
+            selector: ":datePickerPopup .ant-picker-panel-container",
+            label: "Base"
+          }
+        ]
+      },
+      popupHeaderClassName: {
+        type: "class",
+        displayName: "Popup header",
+        selectors: [
+          {
+            selector: ":datePickerPopup .ant-picker-header",
+            label: "Base"
+          }
+        ]
+      },
+      popupBodyClassName: {
+        type: "class",
+        displayName: "Popup body",
+        selectors: [
+          {
+            selector: ":datePickerPopup .ant-picker-body",
+            label: "Base"
+          }
+        ]
+      },
+      popupFooterClassName: {
+        type: "class",
+        displayName: "Popup footer",
+        selectors: [
+          {
+            selector: ":datePickerPopup .ant-picker-footer",
+            label: "Base"
+          }
+        ]
+      },
       showTime: {
         type: "boolean",
         description: "Enable time selection"

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\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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"}
+{"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    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 === \"string\") &&\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 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      },\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      },\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.d.ts

@@ -11,6 +11,7 @@ export declare function AntdDatePicker(props: Omit<React.ComponentProps<typeof D
     onChange: (value: string | null) => void;
     value?: Dayjs | string | null;
     showTime?: boolean;
+    popupScopeClassName: string;
 }): JSX.Element;
 export declare const datePickerComponentName = "plasmic-antd5-date-picker";
 export declare function registerDatePicker(loader?: Registerable): void;

package/skinny/registerDatePicker.esm.js

@@ -40,13 +40,14 @@ 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"]);
+  const _a = props, { picker, popupScopeClassName } = _a, rest = __objRest(_a, ["picker", "popupScopeClassName"]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     DatePicker,
     __spreadProps(__spreadValues({}, rest), {
-      picker: props.picker,
+      picker,
       value: props.value === void 0 ? void 0 : !props.value ? null : dayjs(props.value),
       defaultValue: props.defaultValue === void 0 ? void 0 : dayjs(props.defaultValue),
+      popupClassName: popupScopeClassName,
       onChange: (value, _dateString) => {
         var _a2;
         (_a2 = props.onChange) == null ? void 0 : _a2.call(props, value !== null ? value.toISOString() : null);
@@ -108,6 +109,50 @@ function registerDatePicker(loader) {
         })),
         defaultValueHint: "date"
       },
+      popupScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "datePickerPopup"
+      },
+      popupClassName: {
+        type: "class",
+        displayName: "Popup container",
+        selectors: [
+          {
+            selector: ":datePickerPopup .ant-picker-panel-container",
+            label: "Base"
+          }
+        ]
+      },
+      popupHeaderClassName: {
+        type: "class",
+        displayName: "Popup header",
+        selectors: [
+          {
+            selector: ":datePickerPopup .ant-picker-header",
+            label: "Base"
+          }
+        ]
+      },
+      popupBodyClassName: {
+        type: "class",
+        displayName: "Popup body",
+        selectors: [
+          {
+            selector: ":datePickerPopup .ant-picker-body",
+            label: "Base"
+          }
+        ]
+      },
+      popupFooterClassName: {
+        type: "class",
+        displayName: "Popup footer",
+        selectors: [
+          {
+            selector: ":datePickerPopup .ant-picker-footer",
+            label: "Base"
+          }
+        ]
+      },
       showTime: {
         type: "boolean",
         description: "Enable time selection"

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\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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"}
+{"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    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 === \"string\") &&\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 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      },\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      },\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

@@ -42,7 +42,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function AntdDrawer(props) {
-  const _a = props, { onOpenChange, onClose, open, footer } = _a, rest = __objRest(_a, ["onOpenChange", "onClose", "open", "footer"]);
+  const _a = props, { onOpenChange, onClose, open, footer, drawerScopeClassName } = _a, rest = __objRest(_a, ["onOpenChange", "onClose", "open", "footer", "drawerScopeClassName"]);
   const memoOnClose = React__default.default.useMemo(() => {
     if (onOpenChange || onClose) {
       return (e) => {
@@ -57,6 +57,7 @@ function AntdDrawer(props) {
     antd.Drawer,
     __spreadProps(__spreadValues({}, rest), {
       onClose: memoOnClose,
+      rootClassName: drawerScopeClassName,
       open,
       footer: footer != null ? footer : void 0,
       className: `${props.className} ${props.defaultStylesClassName}`
@@ -103,13 +104,69 @@ function registerDrawer(loader) {
         type: "styleScopeClass",
         scopeName: "drawer"
       },
-      drawerClassName: {
+      drawerHeaderClassName: {
         type: "class",
-        displayName: "Drawer content styles",
+        displayName: "Drawer header",
         noSelf: true,
         selectors: [
           {
-            selector: ":drawer .ant-drawer .ant-drawer-content",
+            selector: ":drawer .ant-drawer-header",
+            label: "Base"
+          }
+        ]
+      },
+      drawerBodyClassName: {
+        type: "class",
+        displayName: "Drawer body",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-body",
+            label: "Base"
+          }
+        ]
+      },
+      drawerFooterClassName: {
+        type: "class",
+        displayName: "Drawer footer",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-footer",
+            label: "Base"
+          }
+        ]
+      },
+      drawerTitleClassName: {
+        type: "class",
+        displayName: "Drawer title",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-title",
+            label: "Base"
+          }
+        ]
+      },
+      drawerMaskClassName: {
+        type: "class",
+        displayName: "Drawer mask",
+        styleSections: ["background"],
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-mask",
+            label: "Base"
+          }
+        ]
+      },
+      drawerContentWrapperClassName: {
+        type: "class",
+        displayName: "Drawer content wrapper",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-content-wrapper",
             label: "Base"
           }
         ],
@@ -117,11 +174,11 @@ function registerDrawer(loader) {
       },
       closeButtonClassName: {
         type: "class",
-        displayName: "Close button styles",
+        displayName: "Close button",
         noSelf: true,
         selectors: [
           {
-            selector: ":drawer .ant-drawer .ant-drawer-close",
+            selector: ":drawer .ant-drawer-close",
             label: "Base"
           }
         ],

package/skinny/registerDrawer.cjs.js.map

@@ -1 +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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"}
+{"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    drawerScopeClassName?: string;\n  }\n) {\n  const { onOpenChange, onClose, open, footer, drawerScopeClassName, ...rest } =\n    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  return (\n    <Drawer\n      {...rest}\n      onClose={memoOnClose}\n      rootClassName={drawerScopeClassName}\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      drawerHeaderClassName: {\n        type: \"class\",\n        displayName: \"Drawer header\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-header\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerBodyClassName: {\n        type: \"class\",\n        displayName: \"Drawer body\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-body\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerFooterClassName: {\n        type: \"class\",\n        displayName: \"Drawer footer\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-footer\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerTitleClassName: {\n        type: \"class\",\n        displayName: \"Drawer title\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-title\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerMaskClassName: {\n        type: \"class\",\n        displayName: \"Drawer mask\",\n        styleSections: [\"background\"],\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-mask\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerContentWrapperClassName: {\n        type: \"class\",\n        displayName: \"Drawer content wrapper\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-content-wrapper\",\n            label: \"Base\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      closeButtonClassName: {\n        type: \"class\",\n        displayName: \"Close button\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":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

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

package/skinny/registerDrawer.esm.js

@@ -36,7 +36,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function AntdDrawer(props) {
-  const _a = props, { onOpenChange, onClose, open, footer } = _a, rest = __objRest(_a, ["onOpenChange", "onClose", "open", "footer"]);
+  const _a = props, { onOpenChange, onClose, open, footer, drawerScopeClassName } = _a, rest = __objRest(_a, ["onOpenChange", "onClose", "open", "footer", "drawerScopeClassName"]);
   const memoOnClose = React.useMemo(() => {
     if (onOpenChange || onClose) {
       return (e) => {
@@ -51,6 +51,7 @@ function AntdDrawer(props) {
     Drawer,
     __spreadProps(__spreadValues({}, rest), {
       onClose: memoOnClose,
+      rootClassName: drawerScopeClassName,
       open,
       footer: footer != null ? footer : void 0,
       className: `${props.className} ${props.defaultStylesClassName}`
@@ -97,13 +98,69 @@ function registerDrawer(loader) {
         type: "styleScopeClass",
         scopeName: "drawer"
       },
-      drawerClassName: {
+      drawerHeaderClassName: {
         type: "class",
-        displayName: "Drawer content styles",
+        displayName: "Drawer header",
         noSelf: true,
         selectors: [
           {
-            selector: ":drawer .ant-drawer .ant-drawer-content",
+            selector: ":drawer .ant-drawer-header",
+            label: "Base"
+          }
+        ]
+      },
+      drawerBodyClassName: {
+        type: "class",
+        displayName: "Drawer body",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-body",
+            label: "Base"
+          }
+        ]
+      },
+      drawerFooterClassName: {
+        type: "class",
+        displayName: "Drawer footer",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-footer",
+            label: "Base"
+          }
+        ]
+      },
+      drawerTitleClassName: {
+        type: "class",
+        displayName: "Drawer title",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-title",
+            label: "Base"
+          }
+        ]
+      },
+      drawerMaskClassName: {
+        type: "class",
+        displayName: "Drawer mask",
+        styleSections: ["background"],
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-mask",
+            label: "Base"
+          }
+        ]
+      },
+      drawerContentWrapperClassName: {
+        type: "class",
+        displayName: "Drawer content wrapper",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":drawer .ant-drawer-content-wrapper",
             label: "Base"
           }
         ],
@@ -111,11 +168,11 @@ function registerDrawer(loader) {
       },
       closeButtonClassName: {
         type: "class",
-        displayName: "Close button styles",
+        displayName: "Close button",
         noSelf: true,
         selectors: [
           {
-            selector: ":drawer .ant-drawer .ant-drawer-close",
+            selector: ":drawer .ant-drawer-close",
             label: "Base"
           }
         ],

package/skinny/registerDrawer.esm.js.map

@@ -1 +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":"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"}
+{"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    drawerScopeClassName?: string;\n  }\n) {\n  const { onOpenChange, onClose, open, footer, drawerScopeClassName, ...rest } =\n    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  return (\n    <Drawer\n      {...rest}\n      onClose={memoOnClose}\n      rootClassName={drawerScopeClassName}\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      drawerHeaderClassName: {\n        type: \"class\",\n        displayName: \"Drawer header\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-header\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerBodyClassName: {\n        type: \"class\",\n        displayName: \"Drawer body\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-body\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerFooterClassName: {\n        type: \"class\",\n        displayName: \"Drawer footer\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-footer\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerTitleClassName: {\n        type: \"class\",\n        displayName: \"Drawer title\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-title\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerMaskClassName: {\n        type: \"class\",\n        displayName: \"Drawer mask\",\n        styleSections: [\"background\"],\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-mask\",\n            label: \"Base\",\n          },\n        ],\n      } as any,\n      drawerContentWrapperClassName: {\n        type: \"class\",\n        displayName: \"Drawer content wrapper\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":drawer .ant-drawer-content-wrapper\",\n            label: \"Base\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      closeButtonClassName: {\n        type: \"class\",\n        displayName: \"Close button\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":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":"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"}