@plasmicpkgs/react-aria 0.0.29 → 0.0.30

package/skinny/registerListBox-837b90d8.cjs.js

@@ -0,0 +1,311 @@
+'use strict';
+
+var utils = require('@react-aria/utils');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var contexts = require('./contexts-b21f6b12.cjs.js');
+var registerListBoxItem = require('./registerListBoxItem.cjs.js');
+var registerSection = require('./registerSection.cjs.js');
+var utils$1 = require('./utils-745db876.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function useStrictOptions(props) {
+  const { options, optionInfo } = props;
+  return React__default.default.useMemo(() => {
+    return deriveStrictOptions({ options, optionInfo });
+  }, [options, optionInfo]);
+}
+function deriveStrictOptions(props) {
+  var _a;
+  const { options, optionInfo } = props;
+  let sectionCount = 0;
+  const makeStrict = (op) => {
+    var _a2, _b, _c, _d, _e, _f;
+    if (!op) {
+      return void 0;
+    } else if (typeof op === "string" || typeof op === "number") {
+      const item = {
+        id: op
+      };
+      return item;
+    } else if (optionInfo) {
+      const info = optionInfo(op);
+      if (info.type === "option-group") {
+        const section = {
+          type: "option-group",
+          items: (_c = (_b = (_a2 = info.items) == null ? void 0 : _a2.map) == null ? void 0 : _b.call(_a2, (item) => makeStrict(item))) == null ? void 0 : _c.filter((x) => !!x),
+          label: info.label,
+          key: `option-group-${sectionCount}`
+        };
+        sectionCount += 1;
+        return section;
+      } else {
+        let item = info;
+        if (!("id" in item)) {
+          item = {
+            type: "option",
+            id: JSON.stringify(item)
+          };
+        }
+        return item;
+      }
+    } else if (typeof op === "object") {
+      if ("items" in op) {
+        const section = {
+          type: "option-group",
+          items: (_f = (_e = (_d = op.items) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (item) => makeStrict(item))) == null ? void 0 : _f.filter((x) => !!x),
+          label: op.label,
+          key: `option-group-${sectionCount}`
+        };
+        sectionCount += 1;
+        return section;
+      } else {
+        let item = op;
+        if (!("id" in item)) {
+          item = {
+            type: "option",
+            id: JSON.stringify(item)
+          };
+        }
+        return item;
+      }
+    } else {
+      return void 0;
+    }
+  };
+  const strictOptions = (_a = options == null ? void 0 : options.map(makeStrict)) == null ? void 0 : _a.filter((x) => !!x);
+  const optionText = (op) => {
+    var _a2;
+    return (_a2 = op.label) != null ? _a2 : op.id;
+  };
+  return { options: strictOptions, optionText };
+}
+function flattenOptions(options) {
+  if (!options) {
+    return [];
+  } else {
+    return options.flatMap(
+      (op) => {
+        var _a;
+        return op.type === "option-group" ? (_a = op.items) != null ? _a : [] : op;
+      }
+    );
+  }
+}
+function makeOptionsPropType() {
+  const type = {
+    type: "array",
+    itemType: {
+      type: "object",
+      nameFunc: (item) => item.label || item.id,
+      fields: {
+        type: {
+          type: "choice",
+          options: [
+            { value: "option", label: "Option" },
+            { value: "option-group", label: "Option Group" }
+          ],
+          defaultValue: "option"
+        },
+        id: {
+          type: "string",
+          hidden: (_ps, _ctx, { item }) => item.type !== "option"
+        },
+        label: "string",
+        items: {
+          type: "array",
+          displayName: "Options",
+          hidden: (_ps, _ctx, { item }) => {
+            return item.type !== "option-group";
+          },
+          itemType: {
+            type: "object",
+            nameFunc: (item) => item.label || item.id,
+            fields: {
+              id: "string",
+              label: "string"
+            }
+          }
+        }
+      }
+    },
+    defaultValue: [
+      {
+        id: "option1",
+        label: "Option 1",
+        type: "option"
+      },
+      {
+        id: "option2",
+        label: "Option 2",
+        type: "option"
+      },
+      {
+        label: "Section 1",
+        type: "option-group",
+        items: [
+          {
+            id: "section-1-1",
+            label: "Section item 1",
+            type: "option"
+          },
+          {
+            id: "section-1-2",
+            label: "Section item 2",
+            type: "option"
+          }
+        ]
+      }
+    ]
+  };
+  return type;
+}
+function makeValuePropType() {
+  const type = {
+    type: "choice",
+    options: (ps) => {
+      const { options, optionText } = deriveStrictOptions(ps);
+      return flattenOptions(options).map((op) => ({
+        value: op.id,
+        label: optionText(op)
+      }));
+    }
+  };
+  return type;
+}
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseListBox(props) {
+  var _c;
+  const contextProps = React__default.default.useContext(contexts.PlasmicListBoxContext);
+  const isStandalone = !contextProps;
+  const _a = props, rest = __objRest(_a, ["options"]);
+  const { options } = useStrictOptions(props);
+  const _b = utils.mergeProps(
+    contextProps,
+    rest,
+    isStandalone ? { items: options } : {}
+  ), { renderItem, renderSection } = _b, mergedProps = __objRest(_b, ["renderItem", "renderSection"]);
+  (_c = props.setControlContextData) == null ? void 0 : _c.call(props, {
+    isStandalone
+  });
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBox, __spreadValues({}, mergedProps), (item) => {
+    var _a2;
+    if (item.type === "option-group") {
+      return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+        contexts.PlasmicSectionContext.Provider,
+        {
+          value: {
+            renderItem,
+            key: (_a2 = item.key) != null ? _a2 : item.label,
+            section: item
+          }
+        },
+        renderSection == null ? void 0 : renderSection(item)
+      ));
+    } else {
+      return /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicItemContext.Provider, { value: item }, renderItem == null ? void 0 : renderItem(item));
+    }
+  });
+}
+const LIST_BOX_COMPONENT_NAME = utils$1.makeComponentName("listbox");
+function registerListBox(loader, overrides) {
+  const listBoxItemMeta = registerListBoxItem.registerListBoxItem(loader, {
+    parentComponentName: LIST_BOX_COMPONENT_NAME
+  });
+  const sectionMeta = registerSection.registerSection(loader, {
+    parentComponentName: LIST_BOX_COMPONENT_NAME
+  });
+  utils$1.registerComponentHelper(
+    loader,
+    BaseListBox,
+    {
+      name: LIST_BOX_COMPONENT_NAME,
+      displayName: "Aria ListBox",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerListBox",
+      importName: "BaseListBox",
+      defaultStyles: {
+        width: "250px",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "black"
+      },
+      props: {
+        options: __spreadProps(__spreadValues({}, makeOptionsPropType()), {
+          displayName: "Items",
+          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
+        }),
+        renderItem: {
+          type: "slot",
+          displayName: "Render Item",
+          renderPropParams: ["itemProps"],
+          defaultValue: {
+            type: "component",
+            name: listBoxItemMeta.name,
+            props: {
+              children: registerListBoxItem.makeDefaultListBoxItemChildren(
+                "Item (itemProps.label)",
+                "Connect with `itemProps` in the data picker to display list box items"
+              )
+            }
+          }
+        },
+        renderSection: {
+          type: "slot",
+          displayName: "Render Section",
+          renderPropParams: ["sectionProps"],
+          defaultValue: {
+            type: "component",
+            name: sectionMeta.name,
+            styles: {
+              backgroundColor: "#F4FAFF"
+            }
+          }
+        }
+      }
+    },
+    overrides
+  );
+}
+
+exports.BaseListBox = BaseListBox;
+exports.LIST_BOX_COMPONENT_NAME = LIST_BOX_COMPONENT_NAME;
+exports.flattenOptions = flattenOptions;
+exports.makeOptionsPropType = makeOptionsPropType;
+exports.makeValuePropType = makeValuePropType;
+exports.registerListBox = registerListBox;
+exports.useStrictOptions = useStrictOptions;
+//# sourceMappingURL=registerListBox-837b90d8.cjs.js.map

package/skinny/registerListBox-837b90d8.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerListBox-837b90d8.cjs.js","sources":["../src/option-utils.ts","../src/registerListBox.tsx"],"sourcesContent":["import type { ArrayType, ChoiceType } from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport interface ObjectSectionType<T extends object> {\n  label?: string;\n  items?: ObjectItemType<T>[];\n}\ninterface FlexSectionType<T extends object> {\n  label?: string;\n  items?: FlexItemType<T>[];\n}\n\nexport type ObjectItemType<T extends object> = StrictOptionType | T;\ntype FlexItemType<T extends object> = ObjectItemType<T> | string;\n\nexport type FlexOptionType<T extends object> =\n  | FlexItemType<T>\n  | FlexSectionType<T>;\n\nexport type ObjectOptionType<T extends object> =\n  | ObjectSectionType<T>\n  | ObjectItemType<T>;\n\nexport interface HasOptions<T extends object> {\n  options?: FlexOptionType<T>[];\n  optionInfo?: (option: FlexOptionType<T>) => StrictOptionType;\n}\n\nexport interface StrictItemType {\n  type?: \"option\";\n  id: string;\n  label?: string;\n  isDisabled?: boolean;\n}\n\nexport interface StrictSectionType {\n  type: \"option-group\";\n  label?: string;\n  items?: StrictItemType[];\n  key: string;\n}\n\nexport type StrictOptionType = StrictItemType | StrictSectionType;\n\nexport function useStrictOptions<T extends object>(props: HasOptions<T>) {\n  const { options, optionInfo } = props;\n  return React.useMemo(() => {\n    return deriveStrictOptions({ options, optionInfo });\n  }, [options, optionInfo]);\n}\n\nexport function deriveStrictOptions<T extends object>(props: HasOptions<T>) {\n  const { options, optionInfo } = props;\n  let sectionCount = 0;\n\n  const makeStrict = (op: FlexOptionType<T>): StrictOptionType | undefined => {\n    if (!op) {\n      return undefined;\n    } else if (typeof op === \"string\" || typeof op === \"number\") {\n      const item = {\n        id: op,\n      };\n      return item;\n    } else if (optionInfo) {\n      const info = optionInfo(op);\n      if (info.type === \"option-group\") {\n        const section: StrictSectionType = {\n          type: \"option-group\",\n          items: info.items\n            ?.map?.((item) => makeStrict(item) as StrictItemType)\n            ?.filter((x) => !!x),\n          label: info.label,\n          key: `option-group-${sectionCount}`,\n        };\n        sectionCount += 1;\n        return section;\n      } else {\n        let item = info;\n        if (!(\"id\" in item)) {\n          item = {\n            type: \"option\",\n            id: JSON.stringify(item),\n          };\n        }\n        return item;\n      }\n    } else if (typeof op === \"object\") {\n      if (\"items\" in op) {\n        const section: StrictSectionType = {\n          type: \"option-group\",\n          items: op.items\n            ?.map?.((item) => makeStrict(item) as StrictItemType)\n            ?.filter((x) => !!x),\n          label: op.label,\n          key: `option-group-${sectionCount}`,\n        };\n        sectionCount += 1;\n        return section;\n      } else {\n        let item = op;\n        if (!(\"id\" in item)) {\n          item = {\n            type: \"option\",\n            id: JSON.stringify(item),\n          };\n        }\n        return item;\n      }\n    } else {\n      return undefined;\n    }\n  };\n\n  const strictOptions = options\n    ?.map(makeStrict)\n    ?.filter((x): x is StrictOptionType => !!x);\n\n  const optionText = (op: StrictItemType) => {\n    return op.label ?? op.id;\n  };\n\n  return { options: strictOptions, optionText };\n}\n\nexport function flattenOptions(\n  options: (StrictItemType | StrictSectionType)[] | undefined\n): StrictItemType[] {\n  if (!options) {\n    return [];\n  } else {\n    return options.flatMap((op) =>\n      op.type === \"option-group\" ? op.items ?? [] : op\n    );\n  }\n}\n\nexport function makeOptionsPropType() {\n  const type: ArrayType<HasOptions<any>> = {\n    type: \"array\",\n    itemType: {\n      type: \"object\",\n      nameFunc: (item: any) => item.label || item.id,\n      fields: {\n        type: {\n          type: \"choice\",\n          options: [\n            { value: \"option\", label: \"Option\" },\n            { value: \"option-group\", label: \"Option Group\" },\n          ],\n          defaultValue: \"option\",\n        },\n        id: {\n          type: \"string\",\n          hidden: (_ps: any, _ctx: any, { item }: any) =>\n            item.type !== \"option\",\n        },\n        label: \"string\",\n        items: {\n          type: \"array\",\n          displayName: \"Options\",\n          hidden: (_ps: any, _ctx: any, { item }: any) => {\n            return item.type !== \"option-group\";\n          },\n          itemType: {\n            type: \"object\",\n            nameFunc: (item: any) => item.label || item.id,\n            fields: {\n              id: \"string\",\n              label: \"string\",\n            },\n          },\n        },\n      },\n    },\n    defaultValue: [\n      {\n        id: \"option1\",\n        label: \"Option 1\",\n        type: \"option\",\n      },\n      {\n        id: \"option2\",\n        label: \"Option 2\",\n        type: \"option\",\n      },\n      {\n        label: \"Section 1\",\n        type: \"option-group\",\n        items: [\n          {\n            id: \"section-1-1\",\n            label: \"Section item 1\",\n            type: \"option\",\n          },\n          {\n            id: \"section-1-2\",\n            label: \"Section item 2\",\n            type: \"option\",\n          },\n        ],\n      },\n    ],\n  };\n  return type;\n}\n\nexport function makeValuePropType() {\n  const type: ChoiceType<HasOptions<any>> = {\n    type: \"choice\",\n    options: (ps: HasOptions<any>) => {\n      const { options, optionText } = deriveStrictOptions(ps);\n      return flattenOptions(options).map((op) => ({\n        value: op.id,\n        label: optionText(op),\n      }));\n    },\n  };\n  return type;\n}\n","import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n  PlasmicItemContext,\n  PlasmicListBoxContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport {\n  HasOptions,\n  makeOptionsPropType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport {\n  makeDefaultListBoxItemChildren,\n  registerListBoxItem,\n} from \"./registerListBoxItem\";\nimport { registerSection } from \"./registerSection\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseListBoxProps\n  extends React.ComponentProps<typeof ListBox>,\n    HasOptions<any> {\n  renderItem?: (item: any) => React.ReactNode;\n  renderSection?: (section: any) => React.ReactNode;\n  getItemType?: (thing: any) => \"item\" | \"section\";\n  setControlContextData?: (ctxData: BaseControlContextData) => void;\n}\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone: boolean = !contextProps;\n  const { options: _rawOptions, ...rest } = props;\n  const { options } = useStrictOptions(props);\n  const { renderItem, renderSection, ...mergedProps } = mergeProps(\n    contextProps,\n    rest,\n    isStandalone ? { items: options } : {}\n  );\n\n  // Tell the prop control about whether the listbox is standalone or not, so it can hide/show the items prop\n  props.setControlContextData?.({\n    isStandalone,\n  });\n\n  return (\n    <ListBox {...mergedProps}>\n      {(item: StrictOptionType) => {\n        if (item.type === \"option-group\") {\n          return (\n            <>\n              <PlasmicSectionContext.Provider\n                value={{\n                  renderItem,\n                  key: item.key ?? item.label,\n                  section: item,\n                }}\n              >\n                {renderSection?.(item)}\n              </PlasmicSectionContext.Provider>\n            </>\n          );\n        } else {\n          return (\n            <PlasmicItemContext.Provider value={item}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }\n      }}\n    </ListBox>\n  );\n}\n\nexport const LIST_BOX_COMPONENT_NAME = makeComponentName(\"listbox\");\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  const listBoxItemMeta = registerListBoxItem(loader, {\n    parentComponentName: LIST_BOX_COMPONENT_NAME,\n  });\n  const sectionMeta = registerSection(loader, {\n    parentComponentName: LIST_BOX_COMPONENT_NAME,\n  });\n\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: LIST_BOX_COMPONENT_NAME,\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      defaultStyles: {\n        width: \"250px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n      },\n      props: {\n        options: {\n          ...makeOptionsPropType(),\n          displayName: \"Items\",\n          hidden: (_ps: BaseListBoxProps, ctx: BaseControlContextData | null) =>\n            !ctx?.isStandalone,\n        },\n        renderItem: {\n          type: \"slot\",\n          displayName: \"Render Item\",\n          renderPropParams: [\"itemProps\"],\n          defaultValue: {\n            type: \"component\",\n            name: listBoxItemMeta.name,\n            props: {\n              children: makeDefaultListBoxItemChildren(\n                \"Item (itemProps.label)\",\n                \"Connect with `itemProps` in the data picker to display list box items\"\n              ),\n            },\n          },\n        },\n        renderSection: {\n          type: \"slot\",\n          displayName: \"Render Section\",\n          renderPropParams: [\"sectionProps\"],\n          defaultValue: {\n            type: \"component\",\n            name: sectionMeta.name,\n            styles: {\n              backgroundColor: \"#F4FAFF\",\n            },\n          },\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["React","_a","PlasmicListBoxContext","mergeProps","ListBox","PlasmicSectionContext","PlasmicItemContext","makeComponentName","registerListBoxItem","registerSection","registerComponentHelper","makeDefaultListBoxItemChildren"],"mappings":"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"}

package/skinny/registerListBox.cjs.js

@@ -1,115 +1,21 @@
 'use strict';
 
-var utils = require('@react-aria/utils');
-var React = require('react');
-var reactAriaComponents = require('react-aria-components');
-var contexts = require('./contexts-dd0ce341.cjs.js');
-var optionUtils = require('./option-utils-5e4e85bd.cjs.js');
-var registerListBoxItem = require('./registerListBoxItem.cjs.js');
-var utils$1 = require('./utils-18b2465b.cjs.js');
+require('@react-aria/utils');
+require('react');
+require('react-aria-components');
+require('./contexts-b21f6b12.cjs.js');
+var registerListBox = require('./registerListBox-837b90d8.cjs.js');
+require('./registerListBoxItem.cjs.js');
+require('./registerSection.cjs.js');
+require('./utils-745db876.cjs.js');
+require('./registerDescription.cjs.js');
+require('./registerText.cjs.js');
 require('@plasmicapp/host/registerComponent');
+require('./registerHeader.cjs.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function BaseListBox(props) {
-  var _c;
-  const contextProps = React__default.default.useContext(contexts.PlasmicListBoxContext);
-  const isStandalone = !contextProps;
-  const _a = props, rest = __objRest(_a, ["options"]);
-  const { options } = optionUtils.useStrictOptions(props);
-  const _b = utils.mergeProps(
-    contextProps,
-    rest,
-    isStandalone ? { items: options } : {}
-  ), { renderItem, renderSection } = _b, mergedProps = __objRest(_b, ["renderItem", "renderSection"]);
-  (_c = props.setControlContextData) == null ? void 0 : _c.call(props, {
-    isStandalone
-  });
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBox, __spreadValues({}, mergedProps), (item) => {
-    var _a2;
-    if (item.type === "option-group") {
-      return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
-        contexts.PlasmicSectionContext.Provider,
-        {
-          value: {
-            renderItem,
-            key: (_a2 = item.key) != null ? _a2 : item.label,
-            section: item
-          }
-        },
-        renderSection == null ? void 0 : renderSection(item)
-      ));
-    } else {
-      return /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicItemContext.Provider, { value: item }, renderItem == null ? void 0 : renderItem(item));
-    }
-  });
-}
-function registerListBox(loader, overrides) {
-  utils$1.registerComponentHelper(
-    loader,
-    BaseListBox,
-    {
-      name: utils$1.makeComponentName("listbox"),
-      displayName: "Aria ListBox",
-      importPath: "@plasmicpkgs/react-aria/skinny/registerListBox",
-      importName: "BaseListBox",
-      props: {
-        options: __spreadProps(__spreadValues({}, optionUtils.makeOptionsPropType()), {
-          displayName: "Items",
-          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
-        }),
-        renderItem: {
-          type: "slot",
-          displayName: "Render Item",
-          renderPropParams: ["itemProps"]
-        },
-        renderSection: {
-          type: "slot",
-          displayName: "Render Section",
-          renderPropParams: ["sectionProps"]
-        }
-      }
-    },
-    overrides
-  );
-  registerListBoxItem.registerListBoxItem(loader, {
-    parentComponentName: utils$1.makeComponentName("listbox")
-  });
-}
-
-exports.BaseListBox = BaseListBox;
-exports.registerListBox = registerListBox;
+exports.BaseListBox = registerListBox.BaseListBox;
+exports.LIST_BOX_COMPONENT_NAME = registerListBox.LIST_BOX_COMPONENT_NAME;
+exports.registerListBox = registerListBox.registerListBox;
 //# sourceMappingURL=registerListBox.cjs.js.map

package/skinny/registerListBox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerListBox.cjs.js","sources":["../src/registerListBox.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n  PlasmicItemContext,\n  PlasmicListBoxContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport {\n  HasOptions,\n  makeOptionsPropType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport { registerListBoxItem } from \"./registerListBoxItem\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseListBoxControlContextData {\n  isStandalone: boolean;\n}\n\nexport interface BaseListBoxProps\n  extends React.ComponentProps<typeof ListBox>,\n    HasOptions<any> {\n  renderItem?: (item: any) => React.ReactNode;\n  renderSection?: (section: any) => React.ReactNode;\n  getItemType?: (thing: any) => \"item\" | \"section\";\n  setControlContextData?: (ctxData: BaseListBoxControlContextData) => void;\n}\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone: boolean = !contextProps;\n  const { options: _rawOptions, ...rest } = props;\n  const { options } = useStrictOptions(props);\n  const { renderItem, renderSection, ...mergedProps } = mergeProps(\n    contextProps,\n    rest,\n    isStandalone ? { items: options } : {}\n  );\n\n  // Tell the prop control about whether the listbox is standalone or not, so it can hide/show the items prop\n  props.setControlContextData?.({\n    isStandalone,\n  });\n\n  return (\n    <ListBox {...mergedProps}>\n      {(item: StrictOptionType) => {\n        if (item.type === \"option-group\") {\n          return (\n            <>\n              <PlasmicSectionContext.Provider\n                value={{\n                  renderItem,\n                  key: item.key ?? item.label,\n                  section: item,\n                }}\n              >\n                {renderSection?.(item)}\n              </PlasmicSectionContext.Provider>\n            </>\n          );\n        } else {\n          return (\n            <PlasmicItemContext.Provider value={item}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }\n      }}\n    </ListBox>\n  );\n}\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: makeComponentName(\"listbox\"),\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      props: {\n        options: {\n          ...makeOptionsPropType(),\n          displayName: \"Items\",\n          hidden: (\n            _ps: BaseListBoxProps,\n            ctx: BaseListBoxControlContextData | null\n          ) => !ctx?.isStandalone,\n        },\n        renderItem: {\n          type: \"slot\",\n          displayName: \"Render Item\",\n          renderPropParams: [\"itemProps\"],\n        },\n        renderSection: {\n          type: \"slot\",\n          displayName: \"Render Section\",\n          renderPropParams: [\"sectionProps\"],\n        },\n      },\n    },\n    overrides\n  );\n\n  registerListBoxItem(loader, {\n    parentComponentName: makeComponentName(\"listbox\"),\n  });\n}\n"],"names":["React","PlasmicListBoxContext","useStrictOptions","mergeProps","ListBox","_a","PlasmicSectionContext","PlasmicItemContext","registerComponentHelper","makeComponentName","makeOptionsPropType","registerListBoxItem"],"mappings":"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"}
+{"version":3,"file":"registerListBox.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/skinny/registerListBox.d.ts

@@ -1,16 +1,13 @@
 import React from "react";
 import { ListBox } from "react-aria-components";
 import { HasOptions } from "./option-utils";
-import { CodeComponentMetaOverrides, Registerable } from "./utils";
-interface BaseListBoxControlContextData {
-    isStandalone: boolean;
-}
+import { BaseControlContextData, CodeComponentMetaOverrides, Registerable } from "./utils";
 export interface BaseListBoxProps extends React.ComponentProps<typeof ListBox>, HasOptions<any> {
     renderItem?: (item: any) => React.ReactNode;
     renderSection?: (section: any) => React.ReactNode;
     getItemType?: (thing: any) => "item" | "section";
-    setControlContextData?: (ctxData: BaseListBoxControlContextData) => void;
+    setControlContextData?: (ctxData: BaseControlContextData) => void;
 }
 export declare function BaseListBox(props: BaseListBoxProps): React.JSX.Element;
+export declare const LIST_BOX_COMPONENT_NAME: string;
 export declare function registerListBox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseListBox>): void;
-export {};

package/skinny/registerListBox.esm.js

@@ -1,108 +1,13 @@
-import { mergeProps } from '@react-aria/utils';
-import React from 'react';
-import { ListBox } from 'react-aria-components';
-import { P as PlasmicListBoxContext, b as PlasmicSectionContext, c as PlasmicItemContext } from './contexts-8a2a183b.esm.js';
-import { u as useStrictOptions, m as makeOptionsPropType } from './option-utils-4f037568.esm.js';
-import { registerListBoxItem } from './registerListBoxItem.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
+import '@react-aria/utils';
+import 'react';
+import 'react-aria-components';
+import './contexts-9475faad.esm.js';
+export { B as BaseListBox, L as LIST_BOX_COMPONENT_NAME, r as registerListBox } from './registerListBox-1effa43d.esm.js';
+import './registerListBoxItem.esm.js';
+import './registerSection.esm.js';
+import './utils-5051df41.esm.js';
+import './registerDescription.esm.js';
+import './registerText.esm.js';
 import '@plasmicapp/host/registerComponent';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function BaseListBox(props) {
-  var _c;
-  const contextProps = React.useContext(PlasmicListBoxContext);
-  const isStandalone = !contextProps;
-  const _a = props, rest = __objRest(_a, ["options"]);
-  const { options } = useStrictOptions(props);
-  const _b = mergeProps(
-    contextProps,
-    rest,
-    isStandalone ? { items: options } : {}
-  ), { renderItem, renderSection } = _b, mergedProps = __objRest(_b, ["renderItem", "renderSection"]);
-  (_c = props.setControlContextData) == null ? void 0 : _c.call(props, {
-    isStandalone
-  });
-  return /* @__PURE__ */ React.createElement(ListBox, __spreadValues({}, mergedProps), (item) => {
-    var _a2;
-    if (item.type === "option-group") {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        PlasmicSectionContext.Provider,
-        {
-          value: {
-            renderItem,
-            key: (_a2 = item.key) != null ? _a2 : item.label,
-            section: item
-          }
-        },
-        renderSection == null ? void 0 : renderSection(item)
-      ));
-    } else {
-      return /* @__PURE__ */ React.createElement(PlasmicItemContext.Provider, { value: item }, renderItem == null ? void 0 : renderItem(item));
-    }
-  });
-}
-function registerListBox(loader, overrides) {
-  registerComponentHelper(
-    loader,
-    BaseListBox,
-    {
-      name: makeComponentName("listbox"),
-      displayName: "Aria ListBox",
-      importPath: "@plasmicpkgs/react-aria/skinny/registerListBox",
-      importName: "BaseListBox",
-      props: {
-        options: __spreadProps(__spreadValues({}, makeOptionsPropType()), {
-          displayName: "Items",
-          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
-        }),
-        renderItem: {
-          type: "slot",
-          displayName: "Render Item",
-          renderPropParams: ["itemProps"]
-        },
-        renderSection: {
-          type: "slot",
-          displayName: "Render Section",
-          renderPropParams: ["sectionProps"]
-        }
-      }
-    },
-    overrides
-  );
-  registerListBoxItem(loader, {
-    parentComponentName: makeComponentName("listbox")
-  });
-}
-
-export { BaseListBox, registerListBox };
+import './registerHeader.esm.js';
 //# sourceMappingURL=registerListBox.esm.js.map

package/skinny/registerListBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerListBox.esm.js","sources":["../src/registerListBox.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n  PlasmicItemContext,\n  PlasmicListBoxContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport {\n  HasOptions,\n  makeOptionsPropType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport { registerListBoxItem } from \"./registerListBoxItem\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseListBoxControlContextData {\n  isStandalone: boolean;\n}\n\nexport interface BaseListBoxProps\n  extends React.ComponentProps<typeof ListBox>,\n    HasOptions<any> {\n  renderItem?: (item: any) => React.ReactNode;\n  renderSection?: (section: any) => React.ReactNode;\n  getItemType?: (thing: any) => \"item\" | \"section\";\n  setControlContextData?: (ctxData: BaseListBoxControlContextData) => void;\n}\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone: boolean = !contextProps;\n  const { options: _rawOptions, ...rest } = props;\n  const { options } = useStrictOptions(props);\n  const { renderItem, renderSection, ...mergedProps } = mergeProps(\n    contextProps,\n    rest,\n    isStandalone ? { items: options } : {}\n  );\n\n  // Tell the prop control about whether the listbox is standalone or not, so it can hide/show the items prop\n  props.setControlContextData?.({\n    isStandalone,\n  });\n\n  return (\n    <ListBox {...mergedProps}>\n      {(item: StrictOptionType) => {\n        if (item.type === \"option-group\") {\n          return (\n            <>\n              <PlasmicSectionContext.Provider\n                value={{\n                  renderItem,\n                  key: item.key ?? item.label,\n                  section: item,\n                }}\n              >\n                {renderSection?.(item)}\n              </PlasmicSectionContext.Provider>\n            </>\n          );\n        } else {\n          return (\n            <PlasmicItemContext.Provider value={item}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }\n      }}\n    </ListBox>\n  );\n}\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: makeComponentName(\"listbox\"),\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      props: {\n        options: {\n          ...makeOptionsPropType(),\n          displayName: \"Items\",\n          hidden: (\n            _ps: BaseListBoxProps,\n            ctx: BaseListBoxControlContextData | null\n          ) => !ctx?.isStandalone,\n        },\n        renderItem: {\n          type: \"slot\",\n          displayName: \"Render Item\",\n          renderPropParams: [\"itemProps\"],\n        },\n        renderSection: {\n          type: \"slot\",\n          displayName: \"Render Section\",\n          renderPropParams: [\"sectionProps\"],\n        },\n      },\n    },\n    overrides\n  );\n\n  registerListBoxItem(loader, {\n    parentComponentName: makeComponentName(\"listbox\"),\n  });\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"registerListBox.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}