@plasmicpkgs/antd5 0.0.4

package/skinny/registerConfigProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerConfigProvider.js","sources":["../src/registerConfigProvider.tsx"],"sourcesContent":["import { GlobalActionsProvider } from \"@plasmicapp/host\";\nimport {\n  default as registerToken,\n  TokenRegistration,\n} from \"@plasmicapp/host/registerToken\";\nimport { addLoadingStateListener } from \"@plasmicapp/query\";\nimport App from \"antd/es/app\";\nimport ConfigProvider from \"antd/es/config-provider\";\nimport type { NotificationPlacement } from \"antd/es/notification/interface\";\nimport theme from \"antd/es/theme\";\nimport React from \"react\";\nimport { makeRegisterGlobalContext, Registerable } from \"./utils\";\n\nexport interface ThemeOpts {\n  fontFamily?: string;\n  fontSize?: number;\n  lineHeight?: number;\n  colorTextBase?: string;\n\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorInfo?: string;\n  lineWidth?: number;\n  borderRadius?: number;\n  controlHeight?: number;\n  sizeUnit?: number;\n  sizeStep?: number;\n  wireframe?: boolean;\n  spacing?: \"small\" | \"middle\" | \"large\";\n}\n\nexport function themeToAntdConfig(opts: ThemeOpts) {\n  const {\n    colorTextBase,\n    colorPrimary,\n    colorSuccess,\n    colorWarning,\n    colorInfo,\n    fontFamily,\n    fontSize,\n    lineWidth,\n    borderRadius,\n    controlHeight,\n    sizeUnit,\n    sizeStep,\n    wireframe,\n    spacing,\n  } = opts;\n  return {\n    ...(spacing && { size: spacing }),\n    theme: {\n      token: Object.fromEntries(\n        Object.entries({\n          colorTextBase,\n          colorPrimary,\n          colorSuccess,\n          colorWarning,\n          colorInfo,\n          fontFamily,\n          fontSize,\n          lineWidth,\n          borderRadius,\n          controlHeight,\n          sizeUnit,\n          sizeStep,\n          wireframe,\n        }).filter(([key, val]) => !!val)\n      ),\n    },\n  };\n}\n\nexport function AntdConfigProvider(\n  props: Omit<ThemeOpts, \"fontFamily\" | \"fontSize\" | \"lineWidth\"> & {\n    children?: React.ReactNode;\n    themeStyles: Record<string, string>;\n  }\n) {\n  const { children, themeStyles, ...rest } = props;\n  return (\n    <ConfigProvider\n      {...themeToAntdConfig({\n        ...rest,\n        fontFamily: themeStyles.fontFamily,\n        fontSize: themeStyles.fontSize\n          ? parseInt(themeStyles.fontSize)\n          : undefined,\n        lineHeight: themeStyles.lineHeight\n          ? parseInt(themeStyles.lineHeight)\n          : undefined,\n        colorTextBase: themeStyles.color,\n      })}\n    >\n      <App>\n        <InnerConfigProvider>{children}</InnerConfigProvider>\n      </App>\n    </ConfigProvider>\n  );\n}\n\nfunction InnerConfigProvider(props: { children?: React.ReactNode }) {\n  const { children } = props;\n  const { token } = theme.useToken();\n  const makeVarName = (name: string) => `--antd-${name}`;\n  const cssStyles = React.useMemo(\n    () => `\n:root {\n  ${Object.entries(token)\n    .map(\n      ([key, val]) =>\n        `${makeVarName(key)}:${typeof val === \"string\" ? val.trim() : val};`\n    )\n    .join(\"\\n\")}\n}\n  `,\n    [token]\n  );\n  const app = App.useApp();\n  const actions = React.useMemo(\n    () => ({\n      showNotification: (opts: {\n        type: \"success\" | \"error\" | \"info\" | \"warning\";\n        message: React.ReactNode;\n        description?: React.ReactNode;\n        duration?: number;\n        placement?: NotificationPlacement;\n      }) => {\n        const { type, ...rest } = opts;\n        app.notification[opts.type ?? \"info\"]({ ...rest });\n      },\n      hideNotifications: () => {\n        app.notification.destroy();\n      },\n    }),\n    [app]\n  );\n\n  if (!GlobalActionsProvider) {\n    warnOutdatedDeps();\n  }\n  return (\n    <>\n      <style>{cssStyles}</style>\n      {/* GlobalActionsProvider may not exist for older host */}\n      {GlobalActionsProvider && (\n        <GlobalActionsProvider\n          contextName=\"plasmic-antd5-config-provider\"\n          actions={actions}\n        >\n          {children}\n        </GlobalActionsProvider>\n      )}\n      <GlobalLoadingIndicator />\n    </>\n  );\n}\n\nlet warned = false;\nfunction warnOutdatedDeps() {\n  if (!warned) {\n    console.log(\n      `You are using a version of @plasmicapp/* that is too old. Please upgrade to the latest version.`\n    );\n    warned = true;\n  }\n}\n\nfunction GlobalLoadingIndicator() {\n  const app = App.useApp();\n  React.useEffect(() => {\n    if (addLoadingStateListener) {\n      return addLoadingStateListener(\n        (isLoading) => {\n          if (isLoading) {\n            app.message.open({\n              content: \"Loading...\",\n              duration: 0,\n              key: `plasmic-antd5-global-loading-indicator`,\n            });\n          } else {\n            app.message.destroy(`plasmic-antd5-global-loading-indicator`);\n          }\n        },\n        { immediate: true }\n      );\n    } else {\n      warnOutdatedDeps();\n      return () => {};\n    }\n  }, [app]);\n  return null;\n}\n\nexport function registerTokens(loader?: Registerable) {\n  const regs: TokenRegistration[] = [];\n\n  const makeColorToken = (name: string) => {\n    const colorIndex = name.indexOf(\"color\");\n    const humanName = makeNiceName(\n      colorIndex >= 0\n        ? name.substring(name.indexOf(\"color\") + \"color\".length)\n        : name\n    );\n    return {\n      name: `Sys: ${humanName}`,\n      value: `var(--antd-${name})`,\n      type: \"color\",\n    } as TokenRegistration;\n  };\n\n  function makeNiceName(name: string) {\n    name = name[0].toUpperCase() + name.substring(1);\n    return name.replace(/([a-z])([A-Z])/g, \"$1 $2\");\n  }\n\n  const colorTokens: string[] = [\n    // Seed tokens\n    \"colorPrimary\",\n    \"colorSuccess\",\n    \"colorWarning\",\n    \"colorError\",\n    \"colorInfo\",\n\n    // Map tokens\n    //   - neutral\n    \"colorText\",\n    \"colorTextSecondary\",\n    \"colorTextTertiary\",\n    \"colorTextQuaternary\",\n    \"colorBorder\",\n    \"colorBorderSecondary\",\n    \"colorFill\",\n    \"colorFillSecondary\",\n    \"colorFillTertiary\",\n    \"colorFillQuaternary\",\n    \"colorBgLayout\",\n    \"colorBgContainer\",\n    \"colorBgElevated\",\n    \"colorBgSpotlight\",\n    //    - primary\n    \"colorPrimaryBg\",\n    \"colorPrimaryBgHover\",\n    \"colorPrimaryBorder\",\n    \"colorPrimaryBorderHover\",\n    \"colorPrimaryHover\",\n    \"colorPrimaryActive\",\n    \"colorPrimaryTextHover\",\n    \"colorPrimaryText\",\n    \"colorPrimaryTextActive\",\n    //    - success\n    \"colorSuccessBg\",\n    \"colorSuccessBgHover\",\n    \"colorSuccessBorder\",\n    \"colorSuccessBorderHover\",\n    \"colorSuccessHover\",\n    \"colorSuccessActive\",\n    \"colorSuccessTextHover\",\n    \"colorSuccessText\",\n    \"colorSuccessTextActive\",\n    //    - warning\n    \"colorWarningBg\",\n    \"colorWarningBgHover\",\n    \"colorWarningBorder\",\n    \"colorWarningBorderHover\",\n    \"colorWarningHover\",\n    \"colorWarningActive\",\n    \"colorWarningTextHover\",\n    \"colorWarningText\",\n    \"colorWarningTextActive\",\n    //    - info\n    \"colorInfoBg\",\n    \"colorInfoBgHover\",\n    \"colorInfoBorder\",\n    \"colorInfoBorderHover\",\n    \"colorInfoHover\",\n    \"colorInfoActive\",\n    \"colorInfoTextHover\",\n    \"colorInfoText\",\n    \"colorInfoTextActive\",\n    //    - error\n    \"colorErrorBg\",\n    \"colorErrorBgHover\",\n    \"colorErrorBorder\",\n    \"colorErrorBorderHover\",\n    \"colorErrorHover\",\n    \"colorErrorActive\",\n    \"colorErrorTextHover\",\n    \"colorErrorText\",\n    \"colorErrorTextActive\",\n    //    - other\n    \"colorWhite\",\n    \"colorBgMask\",\n\n    // Alias tokens\n    \"colorFillContentHover\",\n    \"colorFillAlter\",\n    \"colorFillContent\",\n    \"colorBgContainerDisabled\",\n    \"colorBgTextHover\",\n    \"colorBgTextActive\",\n    \"colorBorderBg\",\n    \"colorSplit\",\n    \"colorTextPlaceholder\",\n    \"colorTextDisabled\",\n    \"colorTextHeading\",\n    \"colorTextLabel\",\n    \"colorTextDescription\",\n    \"colorTextLightSolid\",\n    \"colorIcon\",\n    \"colorIconHover\",\n    \"colorLink\",\n    \"colorLinkHover\",\n    \"colorLinkActive\",\n    \"colorLinkHighlight\",\n    \"controlOutline\",\n    \"controlWarningOutline\",\n    \"controlErrorOutline\",\n    \"controlItemBgHover\",\n    \"controlItemBgActive\",\n    \"controlItemBgActiveHover\",\n    \"controlItemBgActiveDisabled\",\n  ];\n  colorTokens.forEach((name) => regs.push(makeColorToken(name)));\n\n  const makeGenericToken = (\n    name: string,\n    type: Exclude<TokenRegistration[\"type\"], \"color\">\n  ) => {\n    return {\n      name: `Sys: ${makeNiceName(name)}`,\n      value: `var(--antd-${name})`,\n      type,\n    } as TokenRegistration;\n  };\n\n  const spacingTokens: string[] = [\n    // Seed\n    \"lineWidth\",\n    \"borderRadius\",\n    \"controlHeight\",\n\n    // Map tokens\n    \"sizeXXL\",\n    \"sizeXL\",\n    \"sizeLG\",\n    \"sizeMD\",\n    \"sizeMS\",\n    \"size\",\n    \"sizeSM\",\n    \"sizeXS\",\n    \"sizeXXS\",\n    \"controlHeightXS\",\n    \"controlHeightSM\",\n    \"controlHeightLG\",\n    \"lineWidthBold\",\n    \"borderRadiusXS\",\n    \"borderRadiusSM\",\n    \"borderRadiusLG\",\n    \"borderRadiusOuter\",\n\n    // Alias tokens\n    \"controlOutlineWidth\",\n    \"controlInteractiveSize\",\n    \"paddingXXS\",\n    \"paddingXS\",\n    \"paddingSM\",\n    \"padding\",\n    \"paddingMD\",\n    \"paddingLG\",\n    \"paddingXL\",\n    \"paddingContentHorizontalLG\",\n    \"paddingContentHorizontal\",\n    \"paddingContentHorizontalSM\",\n    \"paddingContentVerticalLG\",\n    \"paddingContentVertical\",\n    \"paddingContentVerticalSM\",\n    \"marginXXS\",\n    \"marginXS\",\n    \"marginSM\",\n    \"margin\",\n    \"marginMD\",\n    \"marginLG\",\n    \"marginXL\",\n    \"marginXXL\",\n    \"controlPaddingHorizontal\",\n    \"controlPaddingHorizontalSM\",\n  ];\n  spacingTokens.forEach((token) =>\n    regs.push(makeGenericToken(token, \"spacing\"))\n  );\n\n  const fontSizeTokens = [\n    // Seed token\n    // \"fontSize\",\n\n    // Map tokens\n    \"fontSizeSM\",\n    \"fontSizeLG\",\n    \"fontSizeXL\",\n    \"fontSizeHeading1\",\n    \"fontSizeHeading2\",\n    \"fontSizeHeading3\",\n    \"fontSizeHeading4\",\n    \"fontSizeHeading5\",\n  ];\n  fontSizeTokens.forEach((token) =>\n    regs.push(makeGenericToken(token, \"font-size\"))\n  );\n\n  const lineHeightTokens = [\n    // Map tokens\n    // \"lineHeight\",\n    \"lineHeightLG\",\n    \"lineHeightSM\",\n    \"lineHeightHeading1\",\n    \"lineHeightHeading2\",\n    \"lineHeightHeading3\",\n    \"lineHeightHeading4\",\n    \"lineHeightHeading5\",\n  ];\n  lineHeightTokens.forEach((token) =>\n    regs.push(makeGenericToken(token, \"line-height\"))\n  );\n\n  if (loader) {\n    regs.forEach((t) => loader.registerToken(t));\n  } else {\n    regs.forEach((t) => registerToken(t));\n  }\n}\n\nexport const registerConfigProvider = makeRegisterGlobalContext(\n  AntdConfigProvider,\n  {\n    name: \"plasmic-antd5-config-provider\",\n    displayName: \"Ant Design System Settings\",\n    props: {\n      colorPrimary: {\n        type: \"color\",\n        defaultValue: \"#1677ff\",\n      },\n      colorSuccess: {\n        type: \"color\",\n        defaultValue: \"#52c41a\",\n      },\n      colorWarning: {\n        type: \"color\",\n        defaultValue: \"#faad14\",\n      },\n      colorError: {\n        type: \"color\",\n        defaultValue: \"#ff4d4f\",\n      },\n      colorInfo: {\n        type: \"color\",\n        defaultValue: \"#1677ff\",\n      },\n      colorBgBase: {\n        type: \"color\",\n        defaultValue: \"#ffffff\",\n      },\n      lineWidth: {\n        type: \"number\",\n        defaultValue: 1,\n      },\n      borderRadius: {\n        type: \"number\",\n        defaultValue: 6,\n      },\n      controlHeight: {\n        type: \"number\",\n        defaultValue: 32,\n      },\n      sizeUnit: {\n        type: \"number\",\n        defaultValue: 4,\n      },\n      sizeStep: {\n        type: \"number\",\n        defaultValue: 4,\n      },\n      wireframe: {\n        type: \"boolean\",\n        defaultValue: false,\n      },\n      spacing: {\n        type: \"choice\",\n        options: [\"small\", \"middle\", \"large\"],\n      },\n      themeStyles: {\n        type: \"themeStyles\",\n      } as any,\n    },\n    ...({\n      unstable__globalActions: {\n        showNotification: {\n          displayName: \"Show notification\",\n          parameters: {\n            type: {\n              type: \"choice\",\n              options: [\"success\", \"error\", \"info\", \"warning\"],\n              defaultValue: \"info\",\n            },\n            message: {\n              type: \"string\",\n              defaultValue: \"A message for you!\",\n            },\n            description: {\n              type: \"string\",\n              defaultValue: \"Would you like to learn more?\",\n            },\n            duration: {\n              type: \"number\",\n              defaultValueHint: 5,\n            },\n            placement: {\n              type: \"choice\",\n              options: [\n                \"top\",\n                \"topLeft\",\n                \"topRight\",\n                \"bottom\",\n                \"bottomLeft\",\n                \"bottomRight\",\n              ],\n              defaultValueHint: \"topRight\",\n            },\n          },\n        },\n        hideNotifications: {\n          displayName: \"Hide notifications\",\n        },\n      },\n    } as any),\n    importPath: \"@plasmicpkgs/antd5/skinny/registerConfigProvider\",\n    importName: \"AntdConfigProvider\",\n  }\n);\n"],"names":[],"mappings":"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"}

package/skinny/registerSelect.d.ts

@@ -0,0 +1,10 @@
+import Select from "antd/es/select";
+import { ComponentProps } from "react";
+import { Registerable } from "./utils";
+export declare const AntdOption: import("rc-select/lib/Option").OptionFC;
+export declare function AntdSelect(props: ComponentProps<typeof Select> & {
+    popupScopeClassName?: string;
+    popupClassName?: string;
+    defaultStylesClassName?: string;
+}): JSX.Element;
+export declare function registerSelect(loader?: Registerable): void;

package/skinny/registerSelect.js

@@ -0,0 +1,234 @@
+import Select from 'antd/es/select';
+import React from 'react';
+import { r as registerComponentHelper, t as traverseReactEltTree } from './utils-04cd07f6.js';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const AntdOption = Select.Option;
+function AntdSelect(props) {
+  const _a = props, {
+    popupClassName,
+    popupScopeClassName,
+    defaultStylesClassName,
+    suffixIcon,
+    mode
+  } = _a, rest = __objRest(_a, [
+    "popupClassName",
+    "popupScopeClassName",
+    "defaultStylesClassName",
+    "suffixIcon",
+    "mode"
+  ]);
+  return /* @__PURE__ */ React.createElement(Select, __spreadValues(__spreadProps(__spreadValues({}, rest), {
+    mode: !mode || mode === "single" ? void 0 : mode,
+    popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`
+  }), suffixIcon && { suffixIcon }));
+}
+function registerSelect(loader) {
+  registerComponentHelper(loader, AntdSelect, {
+    name: "plasmic-antd5-select",
+    displayName: "Select",
+    props: {
+      children: {
+        type: "slot",
+        allowedComponents: ["AntdOption"]
+      },
+      placeholder: {
+        type: "slot",
+        defaultValue: "Select..."
+      },
+      suffixIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      open: {
+        type: "boolean",
+        editOnly: true,
+        uncontrolledProp: "defaultOpen"
+      },
+      value: {
+        type: "choice",
+        displayName: "Selected value",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        description: "Initial selected option",
+        multiSelect: (ps) => ps.mode === "multiple",
+        options: (ps) => {
+          const options = /* @__PURE__ */ new Set();
+          traverseReactEltTree(ps.children, (elt) => {
+            var _a;
+            if ((elt == null ? void 0 : elt.type) === Select.Option && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
+              options.add(elt.props.value);
+            }
+          });
+          return Array.from(options.keys());
+        }
+      },
+      mode: {
+        type: "choice",
+        options: ["single", "multiple"],
+        defaultValueHint: "single"
+      },
+      size: {
+        type: "choice",
+        options: ["small", "middle", "large"]
+      },
+      showSearch: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true
+      },
+      status: {
+        type: "choice",
+        options: ["error", "warning"],
+        advanced: true
+      },
+      bordered: {
+        type: "boolean",
+        defaultValueHint: true
+      },
+      autoFocus: {
+        type: "boolean",
+        displayName: "Focus automatically",
+        advanced: true
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [
+          { name: "value", type: "string" },
+          { name: "option", type: "object" }
+        ]
+      },
+      dropdownMatchSelectWidth: {
+        type: "boolean",
+        displayName: "Should dropdown match trigger button width?",
+        defaultValueHint: true,
+        advanced: true
+      },
+      triggerClassName: {
+        type: "class",
+        displayName: "Trigger styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":component .ant-select-selector.ant-select-selector",
+            label: "Base"
+          },
+          {
+            selector: ":component .ant-select-selector:hover",
+            label: "Hovered"
+          }
+        ],
+        advanced: true
+      },
+      popupScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "popup"
+      },
+      popupClassName: {
+        type: "class",
+        displayName: "Popup styles",
+        selectors: [],
+        advanced: true
+      },
+      optionClassName: {
+        type: "class",
+        displayName: "Option styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option",
+            label: "Base"
+          },
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option-active",
+            label: "Focused"
+          },
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option-selected",
+            label: "Selected"
+          }
+        ],
+        advanced: true
+      },
+      placeholderClassName: {
+        type: "class",
+        displayName: "Placeholder styles",
+        selectors: [
+          {
+            selector: ":component .ant-select-selector .ant-select-selection-placeholder",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      defaultStylesClassName: {
+        type: "themeResetClass"
+      },
+      tagRender: {
+        type: "slot",
+        renderPropParams: ["tagProps"],
+        hidePlaceholder: true
+      }
+    },
+    unstable__states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
+    importName: "AntdSelect"
+  });
+  registerComponentHelper(loader, AntdOption, {
+    name: "plasmic-antd5-option",
+    displayName: "Option",
+    parentComponentName: "plasmic-antd5-select",
+    props: {
+      children: {
+        type: "slot",
+        defaultValue: "Option"
+      },
+      value: {
+        type: "string"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
+    importName: "AntdOption"
+  });
+}
+
+export { AntdOption, AntdSelect, registerSelect };
+//# sourceMappingURL=registerSelect.js.map

package/skinny/registerSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSelect.js","sources":["../src/registerSelect.tsx"],"sourcesContent":["import Select from \"antd/es/select\";\nimport React, { ComponentProps } from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\n\nexport const AntdOption = Select.Option;\n\nexport function AntdSelect(\n  props: ComponentProps<typeof Select> & {\n    popupScopeClassName?: string;\n    popupClassName?: string;\n    defaultStylesClassName?: string;\n  }\n) {\n  const {\n    popupClassName,\n    popupScopeClassName,\n    defaultStylesClassName,\n    suffixIcon,\n    mode,\n    ...rest\n  } = props;\n  return (\n    <Select\n      {...rest}\n      mode={!mode || (mode as any) === \"single\" ? undefined : mode}\n      popupClassName={`${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`}\n      {...(suffixIcon && { suffixIcon })}\n    />\n  );\n}\n\nexport function registerSelect(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSelect, {\n    name: \"plasmic-antd5-select\",\n    displayName: \"Select\",\n    props: {\n      children: {\n        type: \"slot\",\n        allowedComponents: [\"AntdOption\"],\n      },\n      placeholder: {\n        type: \"slot\",\n        defaultValue: \"Select...\",\n      },\n      suffixIcon: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      open: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultOpen\",\n      },\n      value: {\n        type: \"choice\",\n        displayName: \"Selected value\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Initial selected option\",\n        multiSelect: (ps: any) => ps.mode === \"multiple\",\n        options: (ps: any) => {\n          const options = new Set<string>();\n          traverseReactEltTree(ps.children, (elt) => {\n            if (\n              elt?.type === Select.Option &&\n              typeof elt?.props?.value === \"string\"\n            ) {\n              options.add(elt.props.value);\n            }\n          });\n          return Array.from(options.keys());\n        },\n      },\n      mode: {\n        type: \"choice\",\n        options: [\"single\", \"multiple\"],\n        defaultValueHint: \"single\",\n      },\n      size: {\n        type: \"choice\",\n        options: [\"small\", \"middle\", \"large\"],\n      },\n      showSearch: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      status: {\n        type: \"choice\",\n        options: [\"error\", \"warning\"],\n        advanced: true,\n      },\n      bordered: {\n        type: \"boolean\",\n        defaultValueHint: true,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        displayName: \"Focus automatically\",\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [\n          { name: \"value\", type: \"string\" },\n          { name: \"option\", type: \"object\" },\n        ],\n      } as any,\n      dropdownMatchSelectWidth: {\n        type: \"boolean\",\n        displayName: \"Should dropdown match trigger button width?\",\n        defaultValueHint: true,\n        advanced: true,\n      },\n      triggerClassName: {\n        type: \"class\",\n        displayName: \"Trigger styles\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":component .ant-select-selector.ant-select-selector\",\n            label: \"Base\",\n          },\n          {\n            selector: \":component .ant-select-selector:hover\",\n            label: \"Hovered\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"popup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup styles\",\n        selectors: [],\n        advanced: true,\n      } as any,\n      optionClassName: {\n        type: \"class\",\n        displayName: \"Option styles\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":popup.ant-select-dropdown .ant-select-item-option\",\n            label: \"Base\",\n          },\n          {\n            selector:\n              \":popup.ant-select-dropdown .ant-select-item-option-active\",\n            label: \"Focused\",\n          },\n          {\n            selector:\n              \":popup.ant-select-dropdown .ant-select-item-option-selected\",\n            label: \"Selected\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      placeholderClassName: {\n        type: \"class\",\n        displayName: \"Placeholder styles\",\n        selectors: [\n          {\n            selector:\n              \":component .ant-select-selector .ant-select-selection-placeholder\",\n            label: \"Base\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      defaultStylesClassName: {\n        type: \"themeResetClass\",\n      } as any,\n      tagRender: {\n        type: \"slot\",\n        renderPropParams: [\"tagProps\"],\n        hidePlaceholder: true,\n      } as any,\n    },\n    unstable__states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSelect\",\n    importName: \"AntdSelect\",\n  });\n\n  registerComponentHelper(loader, AntdOption, {\n    name: \"plasmic-antd5-option\",\n    displayName: \"Option\",\n    parentComponentName: \"plasmic-antd5-select\",\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: \"Option\",\n      },\n      value: {\n        type: \"string\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSelect\",\n    importName: \"AntdOption\",\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerTable.d.ts

@@ -0,0 +1,14 @@
+import Table from "antd/es/table";
+import React from "react";
+import { Registerable } from "./utils";
+export declare function AntdTable(props: React.ComponentProps<typeof Table> & {
+    data: any;
+    rowKey?: string;
+    isSelectable?: undefined | "single" | "multiple";
+    selectedRowKeys?: string[];
+    onSelectionChange?: (keys: React.Key[], rows: any[]) => void;
+    setControlContextData?: (ctx: any) => void;
+}): JSX.Element;
+export declare const AntdColumnGroup: typeof import("antd/es/table/ColumnGroup").default;
+export declare const AntdColumn: typeof import("antd/es/table/Column").default;
+export declare function registerTable(loader?: Registerable): void;

package/skinny/registerTable.js

@@ -0,0 +1,193 @@
+import Table from 'antd/es/table';
+import React from 'react';
+import { r as registerComponentHelper, a as asArray } from './utils-04cd07f6.js';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function AntdTable(props) {
+  var _b;
+  const _a = props, {
+    data,
+    onSelectionChange,
+    isSelectable,
+    rowKey,
+    setControlContextData,
+    selectedRowKeys
+  } = _a, rest = __objRest(_a, [
+    "data",
+    "onSelectionChange",
+    "isSelectable",
+    "rowKey",
+    "setControlContextData",
+    "selectedRowKeys"
+  ]);
+  setControlContextData == null ? void 0 : setControlContextData(data);
+  const selection = isSelectable ? {
+    onChange: (rowKeys, rows) => {
+      onSelectionChange == null ? void 0 : onSelectionChange(rowKeys, rows);
+    },
+    type: isSelectable === "single" ? "radio" : "checkbox",
+    selectedRowKeys: (_b = asArray(selectedRowKeys)) != null ? _b : []
+  } : void 0;
+  return /* @__PURE__ */ React.createElement(Table, __spreadValues({
+    loading: data == null ? void 0 : data.isLoading,
+    dataSource: data == null ? void 0 : data.data,
+    rowSelection: selection,
+    rowKey
+  }, rest));
+}
+const AntdColumnGroup = Table.ColumnGroup;
+const AntdColumn = Table.Column;
+function registerTable(loader) {
+  registerComponentHelper(loader, AntdTable, {
+    name: "plasmic-antd5-table",
+    displayName: "Table",
+    props: {
+      data: {
+        type: "dataSourceOpData",
+        displayName: "Data"
+      },
+      children: {
+        type: "slot",
+        allowedComponents: [
+          "plasmic-antd5-table-column",
+          "plasmic-antd5-table-column-group"
+        ]
+      },
+      bordered: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true
+      },
+      isSelectable: {
+        type: "choice",
+        options: ["single", "multiple"],
+        displayName: "Select rows?"
+      },
+      rowKey: {
+        type: "choice",
+        options: (ps, ctx) => {
+          if (ctx.schema) {
+            return ctx.schema.fields.map((f) => ({
+              value: f.id,
+              label: f.label || f.id
+            }));
+          }
+          return [];
+        },
+        hidden: (ps) => !ps.isSelectable
+      },
+      selectedRowKeys: {
+        type: "choice",
+        multiSelect: (ps) => ps.isSelectable === "multiple",
+        options: (ps, ctx) => {
+          const key = ps.rowKey;
+          if (key && ctx.data) {
+            return ctx.data.map((r) => r[key]);
+          }
+          return [];
+        },
+        hidden: (ps) => !ps.rowKey
+      },
+      onSelectionChange: {
+        type: "eventHandler",
+        argTypes: [
+          { name: "keys", type: "object" },
+          { name: "rows", type: "object" }
+        ],
+        hidden: (ps) => !ps.isSelectable
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/registerTable",
+    importName: "AntdTable",
+    unstable__states: {
+      selectedRows: {
+        type: "writable",
+        valueProp: "selectedRowKeys",
+        onChangeProp: "onSelectionChange"
+      }
+    }
+  });
+  registerComponentHelper(loader, AntdColumn, __spreadValues({
+    name: "plasmic-antd5-table-column",
+    displayName: "Column",
+    parentComponentName: "plasmic-antd5-table",
+    props: {
+      title: {
+        type: "slot",
+        defaultValue: "Column Name"
+      },
+      dataIndex: {
+        type: "string"
+      },
+      render: {
+        type: "slot",
+        renderPropParams: ["cell", "row", "index"]
+      },
+      align: {
+        type: "choice",
+        options: ["left", "right", "center"],
+        defaultValueHint: "left"
+      },
+      fixed: {
+        type: "choice",
+        options: ["left", "right"],
+        advanced: true
+      },
+      colSpan: {
+        type: "number",
+        advanced: true
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/registerTable",
+    importName: "AntdColumn"
+  }, { isRenderless: true }));
+  registerComponentHelper(loader, AntdColumnGroup, __spreadValues({
+    name: "plasmic-antd5-table-column-group",
+    displayName: "Column Group",
+    parentComponentName: "plasmic-antd5-table",
+    props: {
+      title: {
+        type: "slot",
+        defaultValue: "Column Group Name"
+      },
+      children: {
+        type: "slot",
+        allowedComponents: ["plasmic-antd5-table-column"]
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerTable",
+    importName: "AntdColumnGroup"
+  }, { isRenderless: true }));
+}
+
+export { AntdColumn, AntdColumnGroup, AntdTable, registerTable };
+//# sourceMappingURL=registerTable.js.map

package/skinny/registerTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerTable.js","sources":["../src/registerTable.tsx"],"sourcesContent":["import Table from \"antd/es/table\";\nimport type { TableRowSelection } from \"antd/es/table/interface\";\nimport React from \"react\";\nimport { asArray, Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdTable(\n  props: React.ComponentProps<typeof Table> & {\n    data: any;\n    rowKey?: string;\n    isSelectable?: undefined | \"single\" | \"multiple\";\n    selectedRowKeys?: string[];\n    onSelectionChange?: (keys: React.Key[], rows: any[]) => void;\n    setControlContextData?: (ctx: any) => void;\n  }\n) {\n  const {\n    data,\n    onSelectionChange,\n    isSelectable,\n    rowKey,\n    setControlContextData,\n    selectedRowKeys,\n    ...rest\n  } = props;\n  setControlContextData?.(data);\n  const selection: TableRowSelection<any> | undefined = isSelectable\n    ? {\n        onChange: (rowKeys, rows) => {\n          onSelectionChange?.(rowKeys, rows);\n        },\n        type: isSelectable === \"single\" ? \"radio\" : \"checkbox\",\n        selectedRowKeys: asArray(selectedRowKeys) ?? [],\n      }\n    : undefined;\n  return (\n    <Table\n      loading={data?.isLoading}\n      dataSource={data?.data}\n      rowSelection={selection}\n      rowKey={rowKey}\n      {...rest}\n    />\n  );\n}\n\nexport const AntdColumnGroup = Table.ColumnGroup;\nexport const AntdColumn = Table.Column;\n\nexport function registerTable(loader?: Registerable) {\n  registerComponentHelper(loader, AntdTable, {\n    name: \"plasmic-antd5-table\",\n    displayName: \"Table\",\n    props: {\n      data: {\n        type: \"dataSourceOpData\" as any,\n        displayName: \"Data\",\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [\n          \"plasmic-antd5-table-column\",\n          \"plasmic-antd5-table-column-group\",\n        ],\n      },\n      bordered: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      isSelectable: {\n        type: \"choice\",\n        options: [\"single\", \"multiple\"],\n        displayName: \"Select rows?\",\n      },\n      rowKey: {\n        type: \"choice\",\n        options: (ps, ctx: any) => {\n          if (ctx.schema) {\n            return ctx.schema.fields.map((f: any) => ({\n              value: f.id,\n              label: f.label || f.id,\n            }));\n          }\n          return [];\n        },\n        hidden: (ps: any) => !ps.isSelectable,\n      },\n      selectedRowKeys: {\n        type: \"choice\",\n        multiSelect: (ps) => ps.isSelectable === \"multiple\",\n        options: (ps, ctx: any) => {\n          const key = ps.rowKey;\n          if (key && ctx.data) {\n            return ctx.data.map((r: any) => r[key]);\n          }\n          return [];\n        },\n        hidden: (ps) => !ps.rowKey,\n      },\n      onSelectionChange: {\n        type: \"eventHandler\",\n        argTypes: [\n          { name: \"keys\", type: \"object\" },\n          { name: \"rows\", type: \"object\" },\n        ],\n        hidden: (ps: any) => !ps.isSelectable,\n      } as any,\n    },\n    importPath: \"@plasmicpkgs/antd5/registerTable\",\n    importName: \"AntdTable\",\n    unstable__states: {\n      selectedRows: {\n        type: \"writable\",\n        valueProp: \"selectedRowKeys\",\n        onChangeProp: \"onSelectionChange\",\n      },\n    },\n  });\n\n  registerComponentHelper(loader, AntdColumn, {\n    name: \"plasmic-antd5-table-column\",\n    displayName: \"Column\",\n    parentComponentName: \"plasmic-antd5-table\",\n    props: {\n      title: {\n        type: \"slot\",\n        defaultValue: \"Column Name\",\n      },\n      dataIndex: {\n        type: \"string\",\n      },\n      render: {\n        type: \"slot\",\n        renderPropParams: [\"cell\", \"row\", \"index\"],\n      } as any,\n      align: {\n        type: \"choice\",\n        options: [\"left\", \"right\", \"center\"],\n        defaultValueHint: \"left\",\n      },\n      fixed: {\n        type: \"choice\",\n        options: [\"left\", \"right\"],\n        advanced: true,\n      },\n      colSpan: {\n        type: \"number\",\n        advanced: true,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/registerTable\",\n    importName: \"AntdColumn\",\n    ...({ isRenderless: true } as any),\n  });\n\n  registerComponentHelper(loader, AntdColumnGroup, {\n    name: \"plasmic-antd5-table-column-group\",\n    displayName: \"Column Group\",\n    parentComponentName: \"plasmic-antd5-table\",\n    props: {\n      title: {\n        type: \"slot\",\n        defaultValue: \"Column Group Name\",\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [\"plasmic-antd5-table-column\"],\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerTable\",\n    importName: \"AntdColumnGroup\",\n    ...({ isRenderless: true } as any),\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/utils-04cd07f6.js

@@ -0,0 +1,48 @@
+import registerComponent from '@plasmicapp/host/registerComponent';
+import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
+
+function makeRegisterGlobalContext(component, meta) {
+  return function(loader) {
+    if (loader) {
+      loader.registerGlobalContext(component, meta);
+    } else {
+      registerGlobalContext(component, meta);
+    }
+  };
+}
+function registerComponentHelper(loader, component, meta) {
+  if (loader) {
+    loader.registerComponent(component, meta);
+  } else {
+    registerComponent(component, meta);
+  }
+}
+function traverseReactEltTree(children, callback) {
+  const rec = (elts) => {
+    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {
+      var _a;
+      if (elt) {
+        callback(elt);
+        if (elt.children) {
+          rec(elt.children);
+        }
+        if (((_a = elt.props) == null ? void 0 : _a.children) && elt.props.children !== elt.children) {
+          rec(elt.props.children);
+        }
+      }
+    });
+  };
+  rec(children);
+}
+function asArray(x) {
+  if (Array.isArray(x)) {
+    return x;
+  } else if (x == null) {
+    return [];
+  } else {
+    return [x];
+  }
+}
+
+export { asArray as a, makeRegisterGlobalContext as m, registerComponentHelper as r, traverseReactEltTree as t };
+//# sourceMappingURL=utils-04cd07f6.js.map

package/skinny/utils-04cd07f6.js.map

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

package/skinny/utils.d.ts

@@ -0,0 +1,24 @@
+import { ComponentMeta, default as registerComponent } from "@plasmicapp/host/registerComponent";
+import { default as registerGlobalContext, GlobalContextMeta } from "@plasmicapp/host/registerGlobalContext";
+import { default as registerToken } from "@plasmicapp/host/registerToken";
+import React from "react";
+export type Registerable = {
+    registerComponent: typeof registerComponent;
+    registerGlobalContext: typeof registerGlobalContext;
+    registerToken: typeof registerToken;
+};
+export declare function makeRegisterComponent<T extends React.ComponentType<any>>(component: T, meta: ComponentMeta<React.ComponentProps<T>>): (loader?: Registerable) => void;
+export declare function makeRegisterGlobalContext<T extends React.ComponentType<any>>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>): (loader?: Registerable) => void;
+export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: ComponentMeta<React.ComponentProps<T>>): void;
+type ReactElt = {
+    children: ReactElt | ReactElt[];
+    props: {
+        children: ReactElt | ReactElt[];
+        [prop: string]: any;
+    } | null;
+    type: React.ComponentType<any> | null;
+    key: string | null;
+} | null;
+export declare function traverseReactEltTree(children: React.ReactNode, callback: (elt: ReactElt) => void): void;
+export declare function asArray<T>(x: T[] | T | undefined | null): T[];
+export {};