@plasmicpkgs/react-aria 0.0.47 → 0.0.49

package/skinny/registerRadioGroup.esm.js

@@ -1,15 +1,14 @@
 import React from 'react';
 import { RadioGroup } from 'react-aria-components';
-import { g as getCommonProps } from './common-e9d84279.esm.js';
+import { m as makeChildComponentName, r as registerComponentHelper, g as getCommonProps, a as makeComponentName } from './common-fa69e9b3.esm.js';
 import { d as PlasmicRadioGroupContext } from './contexts-9a8234bf.esm.js';
 import { p as pickAriaComponentVariants } from './interaction-variant-utils-abd0c319.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { registerFieldError } from './registerFieldError.esm.js';
 import { registerLabel, LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { registerRadio, makeDefaultRadioChildren } from './registerRadio.esm.js';
-import { m as makeChildComponentName, r as registerComponentHelper, a as makeComponentName } from './utils-a1785802.esm.js';
-import './registerText.esm.js';
 import '@plasmicapp/host/registerComponent';
+import './registerText.esm.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

package/skinny/registerRadioGroup.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerRadioGroup.esm.js","sources":["../src/registerRadioGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport type { RadioGroupProps } from \"react-aria-components\";\nimport { RadioGroup } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport { PlasmicRadioGroupContext } from \"./contexts\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { LABEL_COMPONENT_NAME, registerLabel } from \"./registerLabel\";\nimport { makeDefaultRadioChildren, registerRadio } from \"./registerRadio\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst RADIO_GROUP_INTERACTION_VARIANTS = [\n  \"disabled\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseRadioGroupProps extends RadioGroupProps {\n  children: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof RADIO_GROUP_INTERACTION_VARIANTS\n  >;\n}\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  RADIO_GROUP_INTERACTION_VARIANTS\n);\n\nexport function BaseRadioGroup(props: BaseRadioGroupProps) {\n  const { children, updateInteractionVariant, ...rest } = props;\n\n  return (\n    <PlasmicRadioGroupContext.Provider value={props}>\n      <RadioGroup {...rest}>\n        {({ isDisabled, isReadOnly }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            },\n            updateInteractionVariant\n          )\n        }\n      </RadioGroup>\n    </PlasmicRadioGroupContext.Provider>\n  );\n}\n\nconst RADIO_GROUP_COMPONENT_NAME = makeComponentName(\"radioGroup\");\n\nexport function registerRadioGroup(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseRadioGroup>\n) {\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    RADIO_GROUP_COMPONENT_NAME\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  const radioMeta = registerRadio(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n\n  registerComponentHelper(\n    loader,\n    BaseRadioGroup,\n    {\n      name: RADIO_GROUP_COMPONENT_NAME,\n      displayName: \"Aria RadioGroup\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerRadioGroup\",\n      importName: \"BaseRadioGroup\",\n      interactionVariants,\n      props: {\n        ...getCommonProps<BaseRadioGroupProps>(\"radio group\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"aria-label\",\n          \"isRequired\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: [\n            {\n              type: \"vbox\",\n              styles: {\n                display: \"flex\",\n                gap: \"5px\",\n                padding: 0,\n                alignItems: \"flex-start\",\n              },\n              children: [\n                {\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Radio Group\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: radioMeta.name,\n                  props: {\n                    children: makeDefaultRadioChildren(\"Radio 1\"),\n                    value: \"radio1\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: radioMeta.name,\n                  props: {\n                    children: makeDefaultRadioChildren(\"Radio 2\"),\n                    value: \"radio2\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: radioMeta.name,\n                  props: {\n                    children: makeDefaultRadioChildren(\"Radio 3\"),\n                    value: \"radio3\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: DESCRIPTION_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Add interaction variants to see it in action...\",\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        value: {\n          type: \"string\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n        },\n        isInvalid: {\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"array\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerRadioGroup.esm.js","sources":["../src/registerRadioGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport type { RadioGroupProps } from \"react-aria-components\";\nimport { RadioGroup } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport { PlasmicRadioGroupContext } from \"./contexts\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { LABEL_COMPONENT_NAME, registerLabel } from \"./registerLabel\";\nimport { makeDefaultRadioChildren, registerRadio } from \"./registerRadio\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst RADIO_GROUP_INTERACTION_VARIANTS = [\n  \"disabled\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseRadioGroupProps extends RadioGroupProps {\n  children: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof RADIO_GROUP_INTERACTION_VARIANTS\n  >;\n}\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  RADIO_GROUP_INTERACTION_VARIANTS\n);\n\nexport function BaseRadioGroup(props: BaseRadioGroupProps) {\n  const { children, updateInteractionVariant, ...rest } = props;\n\n  return (\n    <PlasmicRadioGroupContext.Provider value={props}>\n      <RadioGroup {...rest}>\n        {({ isDisabled, isReadOnly }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            },\n            updateInteractionVariant\n          )\n        }\n      </RadioGroup>\n    </PlasmicRadioGroupContext.Provider>\n  );\n}\n\nconst RADIO_GROUP_COMPONENT_NAME = makeComponentName(\"radioGroup\");\n\nexport function registerRadioGroup(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseRadioGroup>\n) {\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    RADIO_GROUP_COMPONENT_NAME\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  const radioMeta = registerRadio(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n\n  registerComponentHelper(\n    loader,\n    BaseRadioGroup,\n    {\n      name: RADIO_GROUP_COMPONENT_NAME,\n      displayName: \"Aria RadioGroup\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerRadioGroup\",\n      importName: \"BaseRadioGroup\",\n      interactionVariants,\n      props: {\n        ...getCommonProps<BaseRadioGroupProps>(\"radio group\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"aria-label\",\n          \"isRequired\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: [\n            {\n              type: \"vbox\",\n              styles: {\n                display: \"flex\",\n                gap: \"5px\",\n                padding: 0,\n                alignItems: \"flex-start\",\n              },\n              children: [\n                {\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Radio Group\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: radioMeta.name,\n                  props: {\n                    children: makeDefaultRadioChildren(\"Radio 1\"),\n                    value: \"radio1\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: radioMeta.name,\n                  props: {\n                    children: makeDefaultRadioChildren(\"Radio 2\"),\n                    value: \"radio2\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: radioMeta.name,\n                  props: {\n                    children: makeDefaultRadioChildren(\"Radio 3\"),\n                    value: \"radio3\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: DESCRIPTION_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Add interaction variants to see it in action...\",\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        value: {\n          type: \"string\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n        },\n        isInvalid: {\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"array\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerSection.cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-0dec6156.cjs.js');
 var registerHeader = require('./registerHeader.cjs.js');
-var utils$1 = require('./utils-d3708034.cjs.js');
+var common = require('./common-bfedaf7d.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -37,18 +37,18 @@ function BaseSection(props) {
   }));
 }
 function registerSection(loader, overrides) {
-  const thisName = utils$1.makeChildComponentName(
+  const thisName = common.makeChildComponentName(
     overrides == null ? void 0 : overrides.parentComponentName,
-    utils$1.makeComponentName("section")
+    common.makeComponentName("section")
   );
   const headerMeta = registerHeader.registerHeader(loader, {
     parentComponentName: thisName
   });
-  return utils$1.registerComponentHelper(
+  return common.registerComponentHelper(
     loader,
     BaseSection,
     {
-      name: utils$1.makeComponentName("section"),
+      name: common.makeComponentName("section"),
       displayName: "Aria Section",
       importPath: "@plasmicpkgs/react-aria/skinny/registerSection",
       importName: "BaseSection",

package/skinny/registerSection.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSection.cjs.js","sources":["../src/registerSection.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Collection, Key, Section } from \"react-aria-components\";\nimport {\n  PlasmicHeaderContext,\n  PlasmicItemContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport type { StrictSectionType } from \"./option-utils\";\nimport { registerHeader } from \"./registerHeader\";\nimport {\n  CodeComponentMetaOverrides,\n  makeChildComponentName,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  Styleable,\n} from \"./utils\";\n\nexport interface BaseSectionProps extends Styleable {\n  // Configured via Studio\n  renderHeader?: (section: any) => React.ReactNode;\n\n  // Passed down via context from ListBox\n  renderItem?: (item?: any) => React.ReactNode;\n  key?: Key;\n  section?: StrictSectionType;\n}\n\nexport function BaseSection(props: BaseSectionProps) {\n  const contextProps = React.useContext(PlasmicSectionContext);\n  const mergedProps = mergeProps(contextProps, props);\n  const { section, renderHeader, key, renderItem } = mergedProps;\n\n  return (\n    <Section id={key} {...mergedProps}>\n      <PlasmicHeaderContext.Provider value={{ children: section?.label }}>\n        {renderHeader?.(section)}\n      </PlasmicHeaderContext.Provider>\n      <Collection items={section?.items}>\n        {(item) => {\n          return (\n            <PlasmicItemContext.Provider value={item}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }}\n      </Collection>\n    </Section>\n  );\n}\n\nexport function registerSection(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSection>\n) {\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    makeComponentName(\"section\")\n  );\n\n  const headerMeta = registerHeader(loader, {\n    parentComponentName: thisName,\n  });\n\n  return registerComponentHelper(\n    loader,\n    BaseSection,\n    {\n      name: makeComponentName(\"section\"),\n      displayName: \"Aria Section\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSection\",\n      importName: \"BaseSection\",\n      defaultStyles: {\n        width: \"stretch\",\n        padding: \"10px\",\n      },\n      props: {\n        renderHeader: {\n          type: \"slot\",\n          displayName: \"Render section header\",\n          renderPropParams: [\"sectionProps\"],\n          defaultValue: {\n            type: \"component\",\n            name: headerMeta.name,\n          },\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["React","PlasmicSectionContext","mergeProps","Section","PlasmicHeaderContext","Collection","PlasmicItemContext","makeChildComponentName","makeComponentName","registerHeader","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,UAAA,CAAWC,8BAAqB,CAAA,CAAA;AAC3D,EAAM,MAAA,WAAA,GAAcC,gBAAW,CAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAClD,EAAA,MAAM,EAAE,OAAA,EAAS,YAAc,EAAA,GAAA,EAAK,YAAe,GAAA,WAAA,CAAA;AAEnD,EACE,uBAAAF,sBAAA,CAAA,aAAA,CAACG,2BAAQ,EAAA,cAAA,CAAA,EAAA,EAAA,EAAI,GAAS,EAAA,EAAA,WAAA,CAAA,uDACnBC,6BAAqB,CAAA,QAAA,EAArB,EAA8B,KAAA,EAAO,EAAE,QAAA,EAAU,mCAAS,KAAM,EAAA,EAAA,EAC9D,YAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,OAAA,CAClB,CACA,kBAAAJ,sBAAA,CAAA,aAAA,CAACK,kCAAW,KAAO,EAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,KACzB,EAAA,EAAA,CAAC,IAAS,KAAA;AACT,IAAA,4DACGC,2BAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAO,EAAA,IAAA,EAAA,EACjC,yCAAa,IAChB,CAAA,CAAA,CAAA;AAAA,GAGN,CACF,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,MAAM,QAAW,GAAAC,8BAAA;AAAA,IACf,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,mBAAA;AAAA,IACXC,0BAAkB,SAAS,CAAA;AAAA,GAC7B,CAAA;AAEA,EAAM,MAAA,UAAA,GAAaC,8BAAe,MAAQ,EAAA;AAAA,IACxC,mBAAqB,EAAA,QAAA;AAAA,GACtB,CAAA,CAAA;AAED,EAAO,OAAAC,+BAAA;AAAA,IACL,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMF,0BAAkB,SAAS,CAAA;AAAA,MACjC,WAAa,EAAA,cAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,KAAO,EAAA,SAAA;AAAA,QACP,OAAS,EAAA,MAAA;AAAA,OACX;AAAA,MACA,KAAO,EAAA;AAAA,QACL,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,MAAA;AAAA,UACN,WAAa,EAAA,uBAAA;AAAA,UACb,gBAAA,EAAkB,CAAC,cAAc,CAAA;AAAA,UACjC,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,WAAA;AAAA,YACN,MAAM,UAAW,CAAA,IAAA;AAAA,WACnB;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerSection.cjs.js","sources":["../src/registerSection.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Collection, Key, Section } from \"react-aria-components\";\nimport {\n  PlasmicHeaderContext,\n  PlasmicItemContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport type { StrictSectionType } from \"./option-utils\";\nimport { registerHeader } from \"./registerHeader\";\nimport {\n  CodeComponentMetaOverrides,\n  makeChildComponentName,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  Styleable,\n} from \"./utils\";\n\nexport interface BaseSectionProps extends Styleable {\n  // Configured via Studio\n  renderHeader?: (section: any) => React.ReactNode;\n\n  // Passed down via context from ListBox\n  renderItem?: (item?: any) => React.ReactNode;\n  key?: Key;\n  section?: StrictSectionType;\n}\n\nexport function BaseSection(props: BaseSectionProps) {\n  const contextProps = React.useContext(PlasmicSectionContext);\n  const mergedProps = mergeProps(contextProps, props);\n  const { section, renderHeader, key, renderItem } = mergedProps;\n\n  return (\n    <Section id={key} {...mergedProps}>\n      <PlasmicHeaderContext.Provider value={{ children: section?.label }}>\n        {renderHeader?.(section)}\n      </PlasmicHeaderContext.Provider>\n      <Collection items={section?.items}>\n        {(item) => {\n          return (\n            <PlasmicItemContext.Provider value={item}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }}\n      </Collection>\n    </Section>\n  );\n}\n\nexport function registerSection(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSection>\n) {\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    makeComponentName(\"section\")\n  );\n\n  const headerMeta = registerHeader(loader, {\n    parentComponentName: thisName,\n  });\n\n  return registerComponentHelper(\n    loader,\n    BaseSection,\n    {\n      name: makeComponentName(\"section\"),\n      displayName: \"Aria Section\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSection\",\n      importName: \"BaseSection\",\n      defaultStyles: {\n        width: \"stretch\",\n        padding: \"10px\",\n      },\n      props: {\n        renderHeader: {\n          type: \"slot\",\n          displayName: \"Render section header\",\n          renderPropParams: [\"sectionProps\"],\n          defaultValue: {\n            type: \"component\",\n            name: headerMeta.name,\n          },\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["React","PlasmicSectionContext","mergeProps","Section","PlasmicHeaderContext","Collection","PlasmicItemContext","makeChildComponentName","makeComponentName","registerHeader","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,UAAA,CAAWC,8BAAqB,CAAA,CAAA;AAC3D,EAAM,MAAA,WAAA,GAAcC,gBAAW,CAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAClD,EAAA,MAAM,EAAE,OAAA,EAAS,YAAc,EAAA,GAAA,EAAK,YAAe,GAAA,WAAA,CAAA;AAEnD,EACE,uBAAAF,sBAAA,CAAA,aAAA,CAACG,2BAAQ,EAAA,cAAA,CAAA,EAAA,EAAA,EAAI,GAAS,EAAA,EAAA,WAAA,CAAA,uDACnBC,6BAAqB,CAAA,QAAA,EAArB,EAA8B,KAAA,EAAO,EAAE,QAAA,EAAU,mCAAS,KAAM,EAAA,EAAA,EAC9D,YAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,OAAA,CAClB,CACA,kBAAAJ,sBAAA,CAAA,aAAA,CAACK,kCAAW,KAAO,EAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,KACzB,EAAA,EAAA,CAAC,IAAS,KAAA;AACT,IAAA,4DACGC,2BAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAO,EAAA,IAAA,EAAA,EACjC,yCAAa,IAChB,CAAA,CAAA,CAAA;AAAA,GAGN,CACF,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,MAAM,QAAW,GAAAC,6BAAA;AAAA,IACf,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,mBAAA;AAAA,IACXC,yBAAkB,SAAS,CAAA;AAAA,GAC7B,CAAA;AAEA,EAAM,MAAA,UAAA,GAAaC,8BAAe,MAAQ,EAAA;AAAA,IACxC,mBAAqB,EAAA,QAAA;AAAA,GACtB,CAAA,CAAA;AAED,EAAO,OAAAC,8BAAA;AAAA,IACL,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMF,yBAAkB,SAAS,CAAA;AAAA,MACjC,WAAa,EAAA,cAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,KAAO,EAAA,SAAA;AAAA,QACP,OAAS,EAAA,MAAA;AAAA,OACX;AAAA,MACA,KAAO,EAAA;AAAA,QACL,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,MAAA;AAAA,UACN,WAAa,EAAA,uBAAA;AAAA,UACb,gBAAA,EAAkB,CAAC,cAAc,CAAA;AAAA,UACjC,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,WAAA;AAAA,YACN,MAAM,UAAW,CAAA,IAAA;AAAA,WACnB;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/registerSection.esm.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { Section, Collection } from 'react-aria-components';
 import { f as PlasmicSectionContext, h as PlasmicHeaderContext, g as PlasmicItemContext } from './contexts-9a8234bf.esm.js';
 import { registerHeader } from './registerHeader.esm.js';
-import { m as makeChildComponentName, r as registerComponentHelper, a as makeComponentName } from './utils-a1785802.esm.js';
+import { m as makeChildComponentName, r as registerComponentHelper, a as makeComponentName } from './common-fa69e9b3.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerSelect.cjs.js

@@ -4,13 +4,12 @@ var host = require('@plasmicapp/host');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-0dec6156.cjs.js');
-var registerListBox = require('./registerListBox-5fcac24c.cjs.js');
+var registerListBox = require('./registerListBox-f4801dbd.cjs.js');
 var registerButton = require('./registerButton.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var registerPopover = require('./registerPopover.cjs.js');
-var utils = require('./utils-d3708034.cjs.js');
+var common = require('./common-bfedaf7d.cjs.js');
 require('@react-aria/utils');
-require('./common-0e83996a.cjs.js');
 require('./registerListBoxItem.cjs.js');
 require('./ErrorBoundary-e9b86248.cjs.js');
 require('./registerDescription.cjs.js');
@@ -44,7 +43,7 @@ const BaseSelectValue = (props) => {
   const { children, customize } = props;
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SelectValue, null, ({ isPlaceholder, selectedText }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, isPlaceholder ? /* @__PURE__ */ React__default.default.createElement("span", null, "Select an item") : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("span", null, customize ? children : selectedText))));
 };
-const SELECT_NAME = utils.makeComponentName("select");
+const SELECT_NAME = common.makeComponentName("select");
 function BaseSelect(props) {
   const {
     value,
@@ -77,7 +76,7 @@ function BaseSelect(props) {
       name,
       "aria-label": ariaLabel,
       isOpen: openProp
-    }, utils.extractPlasmicDataProps(props)),
+    }, common.extractPlasmicDataProps(props)),
     /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicPopoverContext.Provider, { value: { isOpen: openProp } }, /* @__PURE__ */ React__default.default.createElement(
       contexts.PlasmicListBoxContext.Provider,
       {
@@ -91,8 +90,8 @@ function BaseSelect(props) {
   );
 }
 function registerSelect(loader) {
-  const selectValueMeta = utils.registerComponentHelper(loader, BaseSelectValue, {
-    name: utils.makeComponentName("select-value"),
+  const selectValueMeta = common.registerComponentHelper(loader, BaseSelectValue, {
+    name: common.makeComponentName("select-value"),
     displayName: "Aria Selected Value",
     importPath: "@plasmicpkgs/react-aria/skinny/registerSelect",
     importName: "BaseSelectValue",
@@ -123,7 +122,7 @@ function registerSelect(loader) {
       }
     }
   });
-  utils.registerComponentHelper(loader, BaseSelect, {
+  common.registerComponentHelper(loader, BaseSelect, {
     name: SELECT_NAME,
     displayName: "Aria Select",
     importPath: "@plasmicpkgs/react-aria/skinny/registerSelect",

package/skinny/registerSelect.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSelect.cjs.js","sources":["../src/registerSelect.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Key, Select, SelectProps, SelectValue } from \"react-aria-components\";\nimport { PlasmicListBoxContext, PlasmicPopoverContext } from \"./contexts\";\nimport {\n  flattenOptions,\n  HasOptions,\n  makeOptionsPropType,\n  makeValuePropType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseSelectValueProps\n  extends React.ComponentProps<typeof SelectValue> {\n  customize?: boolean;\n}\n\nexport const BaseSelectValue = (props: BaseSelectValueProps) => {\n  const { children, customize } = props;\n  return (\n    <SelectValue>\n      {({ isPlaceholder, selectedText }) => (\n        <>\n          {isPlaceholder ? (\n            <span>Select an item</span>\n          ) : (\n            <>\n              <span>\n                {customize ? (children as React.ReactNode) : selectedText}\n              </span>\n            </>\n          )}\n          {}\n        </>\n      )}\n    </SelectValue>\n  );\n};\n\nconst SELECT_NAME = makeComponentName(\"select\");\n\nexport interface BaseSelectProps<T extends object>\n  extends HasOptions<T>,\n    SelectProps<T> {\n  placeholder?: string;\n  isDisabled?: boolean;\n\n  value?: Key;\n  onChange?: (value: Key) => void;\n\n  previewOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  structure?: React.ReactNode;\n\n  name?: string;\n  \"aria-label\"?: string;\n\n  renderOption?: (item: {\n    value: string;\n    label?: string;\n    isDisabled?: boolean;\n  }) => React.ReactNode;\n}\n\nexport function BaseSelect<T extends object>(props: BaseSelectProps<T>) {\n  const {\n    value,\n    onChange,\n    placeholder,\n    previewOpen,\n    onOpenChange,\n    isDisabled,\n    className,\n    style,\n    structure,\n    name,\n    isOpen,\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const { options } = useStrictOptions(props);\n\n  const isEditMode = !!usePlasmicCanvasContext();\n  const openProp = isEditMode && previewOpen ? true : isOpen;\n\n  const disabledKeys = flattenOptions(options)\n    .filter((op) => op.isDisabled)\n    .map((op) => op.id);\n\n  return (\n    <Select\n      placeholder={placeholder}\n      selectedKey={value}\n      onSelectionChange={onChange}\n      onOpenChange={onOpenChange}\n      isDisabled={isDisabled}\n      className={className}\n      style={style}\n      name={name}\n      aria-label={ariaLabel}\n      isOpen={openProp}\n      {...extractPlasmicDataProps(props)}\n    >\n      <PlasmicPopoverContext.Provider value={{ isOpen: openProp }}>\n        <PlasmicListBoxContext.Provider\n          value={{\n            items: options,\n            disabledKeys: disabledKeys,\n          }}\n        >\n          {structure}\n        </PlasmicListBoxContext.Provider>\n      </PlasmicPopoverContext.Provider>\n    </Select>\n  );\n}\n\nexport function registerSelect(loader?: Registerable) {\n  const selectValueMeta = registerComponentHelper(loader, BaseSelectValue, {\n    name: makeComponentName(\"select-value\"),\n    displayName: \"Aria Selected Value\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerSelect\",\n    importName: \"BaseSelectValue\",\n    parentComponentName: SELECT_NAME,\n    props: {\n      customize: {\n        type: \"boolean\",\n        description: \"Whether to customize the selected value display\",\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Selected value...\",\n          },\n        ],\n        hidden: (ps) => !ps.customize,\n      },\n      className: {\n        type: \"class\",\n        selectors: [\n          {\n            selector: \":self[data-placeholder]\",\n            label: \"Placeholder\",\n          },\n        ],\n      },\n    },\n  });\n\n  registerComponentHelper(loader, BaseSelect, {\n    name: SELECT_NAME,\n    displayName: \"Aria Select\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerSelect\",\n    importName: \"BaseSelect\",\n    props: {\n      options: makeOptionsPropType(),\n      placeholder: {\n        type: \"string\",\n      },\n      isDisabled: {\n        type: \"boolean\",\n      },\n      value: makeValuePropType(),\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      previewOpen: {\n        type: \"boolean\",\n        displayName: \"Preview opened?\",\n        description: \"Preview opened state while designing in Plasmic editor\",\n        editOnly: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        // It doesn't make sense to make isOpen prop editable (it's controlled by user interaction and always closed by default), so we keep this prop hidden. We have listed the prop here in the meta only so we can expose a writeable state for it.\n        hidden: () => true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      // optionValue: {\n      //   type: \"string\",\n      //   displayName: \"Field key for an option's value\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns the key to use\",\n      // },\n      // optionText: {\n      //   type: \"string\",\n      //   displayName: \"Field key for an option's text value\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns the text value to use\",\n      // },\n      // optionDisabled: {\n      //   type: \"string\",\n      //   displayName: \"Field key for whether an option is disabled\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns true if option should be disabled\",\n      // },\n\n      structure: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: BUTTON_COMPONENT_NAME,\n                styles: {\n                  width: \"100%\",\n                },\n                props: {\n                  children: {\n                    type: \"hbox\",\n                    styles: {\n                      width: \"stretch\",\n                      justifyContent: \"space-between\",\n                      alignItems: \"center\",\n                      padding: \"2px 5px\",\n                    },\n                    children: [\n                      {\n                        type: \"component\",\n                        name: selectValueMeta.name,\n                      },\n                      {\n                        type: \"img\",\n                        src: \"https://static1.plasmic.app/arrow-up.svg\",\n                        styles: {\n                          height: \"20px\",\n                          width: \"20px\",\n                          transform: \"rotate(180deg)\",\n                        },\n                      },\n                    ],\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: POPOVER_COMPONENT_NAME,\n                styles: {\n                  backgroundColor: \"white\",\n                  padding: \"10px\",\n                  overflow: \"scroll\",\n                },\n                props: {\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n\n      // renderOption: {\n      //   type: \"slot\",\n      //   displayName: \"Custom render option\",\n      //   renderPropParams: [\"item\"],\n      //   hidePlaceholder: true\n      // },\n\n      name: {\n        type: \"string\",\n        displayName: \"Form field key\",\n        description: \"Name of the input, when submitting in an HTML form\",\n        advanced: true,\n      },\n\n      \"aria-label\": {\n        type: \"string\",\n        displayName: \"ARIA label\",\n        description: \"Label for this input, if no visible label is used\",\n        advanced: true,\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n  });\n}\n"],"names":["React","SelectValue","makeComponentName","useStrictOptions","usePlasmicCanvasContext","flattenOptions","Select","extractPlasmicDataProps","PlasmicPopoverContext","PlasmicListBoxContext","registerComponentHelper","makeOptionsPropType","makeValuePropType","LABEL_COMPONENT_NAME","BUTTON_COMPONENT_NAME","POPOVER_COMPONENT_NAME","LIST_BOX_COMPONENT_NAME"],"mappings":"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"}
+{"version":3,"file":"registerSelect.cjs.js","sources":["../src/registerSelect.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Key, Select, SelectProps, SelectValue } from \"react-aria-components\";\nimport { PlasmicListBoxContext, PlasmicPopoverContext } from \"./contexts\";\nimport {\n  flattenOptions,\n  HasOptions,\n  makeOptionsPropType,\n  makeValuePropType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseSelectValueProps\n  extends React.ComponentProps<typeof SelectValue> {\n  customize?: boolean;\n}\n\nexport const BaseSelectValue = (props: BaseSelectValueProps) => {\n  const { children, customize } = props;\n  return (\n    <SelectValue>\n      {({ isPlaceholder, selectedText }) => (\n        <>\n          {isPlaceholder ? (\n            <span>Select an item</span>\n          ) : (\n            <>\n              <span>\n                {customize ? (children as React.ReactNode) : selectedText}\n              </span>\n            </>\n          )}\n          {}\n        </>\n      )}\n    </SelectValue>\n  );\n};\n\nconst SELECT_NAME = makeComponentName(\"select\");\n\nexport interface BaseSelectProps<T extends object>\n  extends HasOptions<T>,\n    SelectProps<T> {\n  placeholder?: string;\n  isDisabled?: boolean;\n\n  value?: Key;\n  onChange?: (value: Key) => void;\n\n  previewOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  structure?: React.ReactNode;\n\n  name?: string;\n  \"aria-label\"?: string;\n\n  renderOption?: (item: {\n    value: string;\n    label?: string;\n    isDisabled?: boolean;\n  }) => React.ReactNode;\n}\n\nexport function BaseSelect<T extends object>(props: BaseSelectProps<T>) {\n  const {\n    value,\n    onChange,\n    placeholder,\n    previewOpen,\n    onOpenChange,\n    isDisabled,\n    className,\n    style,\n    structure,\n    name,\n    isOpen,\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const { options } = useStrictOptions(props);\n\n  const isEditMode = !!usePlasmicCanvasContext();\n  const openProp = isEditMode && previewOpen ? true : isOpen;\n\n  const disabledKeys = flattenOptions(options)\n    .filter((op) => op.isDisabled)\n    .map((op) => op.id);\n\n  return (\n    <Select\n      placeholder={placeholder}\n      selectedKey={value}\n      onSelectionChange={onChange}\n      onOpenChange={onOpenChange}\n      isDisabled={isDisabled}\n      className={className}\n      style={style}\n      name={name}\n      aria-label={ariaLabel}\n      isOpen={openProp}\n      {...extractPlasmicDataProps(props)}\n    >\n      <PlasmicPopoverContext.Provider value={{ isOpen: openProp }}>\n        <PlasmicListBoxContext.Provider\n          value={{\n            items: options,\n            disabledKeys: disabledKeys,\n          }}\n        >\n          {structure}\n        </PlasmicListBoxContext.Provider>\n      </PlasmicPopoverContext.Provider>\n    </Select>\n  );\n}\n\nexport function registerSelect(loader?: Registerable) {\n  const selectValueMeta = registerComponentHelper(loader, BaseSelectValue, {\n    name: makeComponentName(\"select-value\"),\n    displayName: \"Aria Selected Value\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerSelect\",\n    importName: \"BaseSelectValue\",\n    parentComponentName: SELECT_NAME,\n    props: {\n      customize: {\n        type: \"boolean\",\n        description: \"Whether to customize the selected value display\",\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Selected value...\",\n          },\n        ],\n        hidden: (ps) => !ps.customize,\n      },\n      className: {\n        type: \"class\",\n        selectors: [\n          {\n            selector: \":self[data-placeholder]\",\n            label: \"Placeholder\",\n          },\n        ],\n      },\n    },\n  });\n\n  registerComponentHelper(loader, BaseSelect, {\n    name: SELECT_NAME,\n    displayName: \"Aria Select\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerSelect\",\n    importName: \"BaseSelect\",\n    props: {\n      options: makeOptionsPropType(),\n      placeholder: {\n        type: \"string\",\n      },\n      isDisabled: {\n        type: \"boolean\",\n      },\n      value: makeValuePropType(),\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      previewOpen: {\n        type: \"boolean\",\n        displayName: \"Preview opened?\",\n        description: \"Preview opened state while designing in Plasmic editor\",\n        editOnly: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        // It doesn't make sense to make isOpen prop editable (it's controlled by user interaction and always closed by default), so we keep this prop hidden. We have listed the prop here in the meta only so we can expose a writeable state for it.\n        hidden: () => true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      // optionValue: {\n      //   type: \"string\",\n      //   displayName: \"Field key for an option's value\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns the key to use\",\n      // },\n      // optionText: {\n      //   type: \"string\",\n      //   displayName: \"Field key for an option's text value\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns the text value to use\",\n      // },\n      // optionDisabled: {\n      //   type: \"string\",\n      //   displayName: \"Field key for whether an option is disabled\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns true if option should be disabled\",\n      // },\n\n      structure: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: BUTTON_COMPONENT_NAME,\n                styles: {\n                  width: \"100%\",\n                },\n                props: {\n                  children: {\n                    type: \"hbox\",\n                    styles: {\n                      width: \"stretch\",\n                      justifyContent: \"space-between\",\n                      alignItems: \"center\",\n                      padding: \"2px 5px\",\n                    },\n                    children: [\n                      {\n                        type: \"component\",\n                        name: selectValueMeta.name,\n                      },\n                      {\n                        type: \"img\",\n                        src: \"https://static1.plasmic.app/arrow-up.svg\",\n                        styles: {\n                          height: \"20px\",\n                          width: \"20px\",\n                          transform: \"rotate(180deg)\",\n                        },\n                      },\n                    ],\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: POPOVER_COMPONENT_NAME,\n                styles: {\n                  backgroundColor: \"white\",\n                  padding: \"10px\",\n                  overflow: \"scroll\",\n                },\n                props: {\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n\n      // renderOption: {\n      //   type: \"slot\",\n      //   displayName: \"Custom render option\",\n      //   renderPropParams: [\"item\"],\n      //   hidePlaceholder: true\n      // },\n\n      name: {\n        type: \"string\",\n        displayName: \"Form field key\",\n        description: \"Name of the input, when submitting in an HTML form\",\n        advanced: true,\n      },\n\n      \"aria-label\": {\n        type: \"string\",\n        displayName: \"ARIA label\",\n        description: \"Label for this input, if no visible label is used\",\n        advanced: true,\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n  });\n}\n"],"names":["React","SelectValue","makeComponentName","useStrictOptions","usePlasmicCanvasContext","flattenOptions","Select","extractPlasmicDataProps","PlasmicPopoverContext","PlasmicListBoxContext","registerComponentHelper","makeOptionsPropType","makeValuePropType","LABEL_COMPONENT_NAME","BUTTON_COMPONENT_NAME","POPOVER_COMPONENT_NAME","LIST_BOX_COMPONENT_NAME"],"mappings":"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"}

package/skinny/registerSelect.esm.js

@@ -2,13 +2,12 @@ import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import React from 'react';
 import { SelectValue, Select } from 'react-aria-components';
 import { e as PlasmicPopoverContext, a as PlasmicListBoxContext } from './contexts-9a8234bf.esm.js';
-import { u as useStrictOptions, f as flattenOptions, m as makeOptionsPropType, a as makeValuePropType, L as LIST_BOX_COMPONENT_NAME } from './registerListBox-7472d398.esm.js';
+import { u as useStrictOptions, f as flattenOptions, m as makeOptionsPropType, a as makeValuePropType, L as LIST_BOX_COMPONENT_NAME } from './registerListBox-b3f2891a.esm.js';
 import { BUTTON_COMPONENT_NAME } from './registerButton.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { POPOVER_COMPONENT_NAME } from './registerPopover.esm.js';
-import { e as extractPlasmicDataProps, r as registerComponentHelper, a as makeComponentName } from './utils-a1785802.esm.js';
+import { e as extractPlasmicDataProps, r as registerComponentHelper, a as makeComponentName } from './common-fa69e9b3.esm.js';
 import '@react-aria/utils';
-import './common-e9d84279.esm.js';
 import './registerListBoxItem.esm.js';
 import './ErrorBoundary-c6b111d3.esm.js';
 import './registerDescription.esm.js';

package/skinny/registerSelect.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSelect.esm.js","sources":["../src/registerSelect.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Key, Select, SelectProps, SelectValue } from \"react-aria-components\";\nimport { PlasmicListBoxContext, PlasmicPopoverContext } from \"./contexts\";\nimport {\n  flattenOptions,\n  HasOptions,\n  makeOptionsPropType,\n  makeValuePropType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseSelectValueProps\n  extends React.ComponentProps<typeof SelectValue> {\n  customize?: boolean;\n}\n\nexport const BaseSelectValue = (props: BaseSelectValueProps) => {\n  const { children, customize } = props;\n  return (\n    <SelectValue>\n      {({ isPlaceholder, selectedText }) => (\n        <>\n          {isPlaceholder ? (\n            <span>Select an item</span>\n          ) : (\n            <>\n              <span>\n                {customize ? (children as React.ReactNode) : selectedText}\n              </span>\n            </>\n          )}\n          {}\n        </>\n      )}\n    </SelectValue>\n  );\n};\n\nconst SELECT_NAME = makeComponentName(\"select\");\n\nexport interface BaseSelectProps<T extends object>\n  extends HasOptions<T>,\n    SelectProps<T> {\n  placeholder?: string;\n  isDisabled?: boolean;\n\n  value?: Key;\n  onChange?: (value: Key) => void;\n\n  previewOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  structure?: React.ReactNode;\n\n  name?: string;\n  \"aria-label\"?: string;\n\n  renderOption?: (item: {\n    value: string;\n    label?: string;\n    isDisabled?: boolean;\n  }) => React.ReactNode;\n}\n\nexport function BaseSelect<T extends object>(props: BaseSelectProps<T>) {\n  const {\n    value,\n    onChange,\n    placeholder,\n    previewOpen,\n    onOpenChange,\n    isDisabled,\n    className,\n    style,\n    structure,\n    name,\n    isOpen,\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const { options } = useStrictOptions(props);\n\n  const isEditMode = !!usePlasmicCanvasContext();\n  const openProp = isEditMode && previewOpen ? true : isOpen;\n\n  const disabledKeys = flattenOptions(options)\n    .filter((op) => op.isDisabled)\n    .map((op) => op.id);\n\n  return (\n    <Select\n      placeholder={placeholder}\n      selectedKey={value}\n      onSelectionChange={onChange}\n      onOpenChange={onOpenChange}\n      isDisabled={isDisabled}\n      className={className}\n      style={style}\n      name={name}\n      aria-label={ariaLabel}\n      isOpen={openProp}\n      {...extractPlasmicDataProps(props)}\n    >\n      <PlasmicPopoverContext.Provider value={{ isOpen: openProp }}>\n        <PlasmicListBoxContext.Provider\n          value={{\n            items: options,\n            disabledKeys: disabledKeys,\n          }}\n        >\n          {structure}\n        </PlasmicListBoxContext.Provider>\n      </PlasmicPopoverContext.Provider>\n    </Select>\n  );\n}\n\nexport function registerSelect(loader?: Registerable) {\n  const selectValueMeta = registerComponentHelper(loader, BaseSelectValue, {\n    name: makeComponentName(\"select-value\"),\n    displayName: \"Aria Selected Value\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerSelect\",\n    importName: \"BaseSelectValue\",\n    parentComponentName: SELECT_NAME,\n    props: {\n      customize: {\n        type: \"boolean\",\n        description: \"Whether to customize the selected value display\",\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Selected value...\",\n          },\n        ],\n        hidden: (ps) => !ps.customize,\n      },\n      className: {\n        type: \"class\",\n        selectors: [\n          {\n            selector: \":self[data-placeholder]\",\n            label: \"Placeholder\",\n          },\n        ],\n      },\n    },\n  });\n\n  registerComponentHelper(loader, BaseSelect, {\n    name: SELECT_NAME,\n    displayName: \"Aria Select\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerSelect\",\n    importName: \"BaseSelect\",\n    props: {\n      options: makeOptionsPropType(),\n      placeholder: {\n        type: \"string\",\n      },\n      isDisabled: {\n        type: \"boolean\",\n      },\n      value: makeValuePropType(),\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      previewOpen: {\n        type: \"boolean\",\n        displayName: \"Preview opened?\",\n        description: \"Preview opened state while designing in Plasmic editor\",\n        editOnly: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        // It doesn't make sense to make isOpen prop editable (it's controlled by user interaction and always closed by default), so we keep this prop hidden. We have listed the prop here in the meta only so we can expose a writeable state for it.\n        hidden: () => true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      // optionValue: {\n      //   type: \"string\",\n      //   displayName: \"Field key for an option's value\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns the key to use\",\n      // },\n      // optionText: {\n      //   type: \"string\",\n      //   displayName: \"Field key for an option's text value\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns the text value to use\",\n      // },\n      // optionDisabled: {\n      //   type: \"string\",\n      //   displayName: \"Field key for whether an option is disabled\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns true if option should be disabled\",\n      // },\n\n      structure: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: BUTTON_COMPONENT_NAME,\n                styles: {\n                  width: \"100%\",\n                },\n                props: {\n                  children: {\n                    type: \"hbox\",\n                    styles: {\n                      width: \"stretch\",\n                      justifyContent: \"space-between\",\n                      alignItems: \"center\",\n                      padding: \"2px 5px\",\n                    },\n                    children: [\n                      {\n                        type: \"component\",\n                        name: selectValueMeta.name,\n                      },\n                      {\n                        type: \"img\",\n                        src: \"https://static1.plasmic.app/arrow-up.svg\",\n                        styles: {\n                          height: \"20px\",\n                          width: \"20px\",\n                          transform: \"rotate(180deg)\",\n                        },\n                      },\n                    ],\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: POPOVER_COMPONENT_NAME,\n                styles: {\n                  backgroundColor: \"white\",\n                  padding: \"10px\",\n                  overflow: \"scroll\",\n                },\n                props: {\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n\n      // renderOption: {\n      //   type: \"slot\",\n      //   displayName: \"Custom render option\",\n      //   renderPropParams: [\"item\"],\n      //   hidePlaceholder: true\n      // },\n\n      name: {\n        type: \"string\",\n        displayName: \"Form field key\",\n        description: \"Name of the input, when submitting in an HTML form\",\n        advanced: true,\n      },\n\n      \"aria-label\": {\n        type: \"string\",\n        displayName: \"ARIA label\",\n        description: \"Label for this input, if no visible label is used\",\n        advanced: true,\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerSelect.esm.js","sources":["../src/registerSelect.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Key, Select, SelectProps, SelectValue } from \"react-aria-components\";\nimport { PlasmicListBoxContext, PlasmicPopoverContext } from \"./contexts\";\nimport {\n  flattenOptions,\n  HasOptions,\n  makeOptionsPropType,\n  makeValuePropType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseSelectValueProps\n  extends React.ComponentProps<typeof SelectValue> {\n  customize?: boolean;\n}\n\nexport const BaseSelectValue = (props: BaseSelectValueProps) => {\n  const { children, customize } = props;\n  return (\n    <SelectValue>\n      {({ isPlaceholder, selectedText }) => (\n        <>\n          {isPlaceholder ? (\n            <span>Select an item</span>\n          ) : (\n            <>\n              <span>\n                {customize ? (children as React.ReactNode) : selectedText}\n              </span>\n            </>\n          )}\n          {}\n        </>\n      )}\n    </SelectValue>\n  );\n};\n\nconst SELECT_NAME = makeComponentName(\"select\");\n\nexport interface BaseSelectProps<T extends object>\n  extends HasOptions<T>,\n    SelectProps<T> {\n  placeholder?: string;\n  isDisabled?: boolean;\n\n  value?: Key;\n  onChange?: (value: Key) => void;\n\n  previewOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  structure?: React.ReactNode;\n\n  name?: string;\n  \"aria-label\"?: string;\n\n  renderOption?: (item: {\n    value: string;\n    label?: string;\n    isDisabled?: boolean;\n  }) => React.ReactNode;\n}\n\nexport function BaseSelect<T extends object>(props: BaseSelectProps<T>) {\n  const {\n    value,\n    onChange,\n    placeholder,\n    previewOpen,\n    onOpenChange,\n    isDisabled,\n    className,\n    style,\n    structure,\n    name,\n    isOpen,\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const { options } = useStrictOptions(props);\n\n  const isEditMode = !!usePlasmicCanvasContext();\n  const openProp = isEditMode && previewOpen ? true : isOpen;\n\n  const disabledKeys = flattenOptions(options)\n    .filter((op) => op.isDisabled)\n    .map((op) => op.id);\n\n  return (\n    <Select\n      placeholder={placeholder}\n      selectedKey={value}\n      onSelectionChange={onChange}\n      onOpenChange={onOpenChange}\n      isDisabled={isDisabled}\n      className={className}\n      style={style}\n      name={name}\n      aria-label={ariaLabel}\n      isOpen={openProp}\n      {...extractPlasmicDataProps(props)}\n    >\n      <PlasmicPopoverContext.Provider value={{ isOpen: openProp }}>\n        <PlasmicListBoxContext.Provider\n          value={{\n            items: options,\n            disabledKeys: disabledKeys,\n          }}\n        >\n          {structure}\n        </PlasmicListBoxContext.Provider>\n      </PlasmicPopoverContext.Provider>\n    </Select>\n  );\n}\n\nexport function registerSelect(loader?: Registerable) {\n  const selectValueMeta = registerComponentHelper(loader, BaseSelectValue, {\n    name: makeComponentName(\"select-value\"),\n    displayName: \"Aria Selected Value\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerSelect\",\n    importName: \"BaseSelectValue\",\n    parentComponentName: SELECT_NAME,\n    props: {\n      customize: {\n        type: \"boolean\",\n        description: \"Whether to customize the selected value display\",\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Selected value...\",\n          },\n        ],\n        hidden: (ps) => !ps.customize,\n      },\n      className: {\n        type: \"class\",\n        selectors: [\n          {\n            selector: \":self[data-placeholder]\",\n            label: \"Placeholder\",\n          },\n        ],\n      },\n    },\n  });\n\n  registerComponentHelper(loader, BaseSelect, {\n    name: SELECT_NAME,\n    displayName: \"Aria Select\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerSelect\",\n    importName: \"BaseSelect\",\n    props: {\n      options: makeOptionsPropType(),\n      placeholder: {\n        type: \"string\",\n      },\n      isDisabled: {\n        type: \"boolean\",\n      },\n      value: makeValuePropType(),\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      previewOpen: {\n        type: \"boolean\",\n        displayName: \"Preview opened?\",\n        description: \"Preview opened state while designing in Plasmic editor\",\n        editOnly: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        // It doesn't make sense to make isOpen prop editable (it's controlled by user interaction and always closed by default), so we keep this prop hidden. We have listed the prop here in the meta only so we can expose a writeable state for it.\n        hidden: () => true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      // optionValue: {\n      //   type: \"string\",\n      //   displayName: \"Field key for an option's value\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns the key to use\",\n      // },\n      // optionText: {\n      //   type: \"string\",\n      //   displayName: \"Field key for an option's text value\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns the text value to use\",\n      // },\n      // optionDisabled: {\n      //   type: \"string\",\n      //   displayName: \"Field key for whether an option is disabled\",\n      //   hidden: (ps) =>\n      //     !ps.options ||\n      //     !ps.options[0] ||\n      //     typeof ps.options[0] === \"string\" ||\n      //     \"value\" in ps.options[0],\n      //   exprHint:\n      //     \"Return a function that takes in an option object, and returns true if option should be disabled\",\n      // },\n\n      structure: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: BUTTON_COMPONENT_NAME,\n                styles: {\n                  width: \"100%\",\n                },\n                props: {\n                  children: {\n                    type: \"hbox\",\n                    styles: {\n                      width: \"stretch\",\n                      justifyContent: \"space-between\",\n                      alignItems: \"center\",\n                      padding: \"2px 5px\",\n                    },\n                    children: [\n                      {\n                        type: \"component\",\n                        name: selectValueMeta.name,\n                      },\n                      {\n                        type: \"img\",\n                        src: \"https://static1.plasmic.app/arrow-up.svg\",\n                        styles: {\n                          height: \"20px\",\n                          width: \"20px\",\n                          transform: \"rotate(180deg)\",\n                        },\n                      },\n                    ],\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: POPOVER_COMPONENT_NAME,\n                styles: {\n                  backgroundColor: \"white\",\n                  padding: \"10px\",\n                  overflow: \"scroll\",\n                },\n                props: {\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n\n      // renderOption: {\n      //   type: \"slot\",\n      //   displayName: \"Custom render option\",\n      //   renderPropParams: [\"item\"],\n      //   hidePlaceholder: true\n      // },\n\n      name: {\n        type: \"string\",\n        displayName: \"Form field key\",\n        description: \"Name of the input, when submitting in an HTML form\",\n        advanced: true,\n      },\n\n      \"aria-label\": {\n        type: \"string\",\n        displayName: \"ARIA label\",\n        description: \"Label for this input, if no visible label is used\",\n        advanced: true,\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerSlider.cjs.js

@@ -2,18 +2,17 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-0e83996a.cjs.js');
+var common = require('./common-bfedaf7d.cjs.js');
 var contexts = require('./contexts-0dec6156.cjs.js');
 var interactionVariantUtils = require('./interaction-variant-utils-36f1b397.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var registerSliderOutput = require('./registerSliderOutput.cjs.js');
 var registerSliderThumb = require('./registerSliderThumb.cjs.js');
 var registerSliderTrack = require('./registerSliderTrack.cjs.js');
-var utils = require('./utils-d3708034.cjs.js');
+require('@plasmicapp/host/registerComponent');
 require('react-aria');
 require('./ErrorBoundary-e9b86248.cjs.js');
 require('react-keyed-flatten-children');
-require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -50,8 +49,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const SLIDER_COMPONENT_NAME = utils.makeComponentName("slider");
-const RANGE_SLIDER_COMPONENT_NAME = utils.makeComponentName("range-slider");
+const SLIDER_COMPONENT_NAME = common.makeComponentName("slider");
+const RANGE_SLIDER_COMPONENT_NAME = common.makeComponentName("range-slider");
 const SLIDER_INTERACTION_VARIANTS = ["disabled"];
 const { interactionVariants, withObservedValues } = interactionVariantUtils.pickAriaComponentVariants(
   SLIDER_INTERACTION_VARIANTS
@@ -111,7 +110,7 @@ function registerSlider(loader, overrides) {
   const sliderTrackMeta = registerSliderTrack.registerSliderTrack(sliderThumbMeta, loader, {
     parentComponentName: SLIDER_COMPONENT_NAME
   });
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseSlider,
     {
@@ -223,7 +222,7 @@ function registerSlider(loader, overrides) {
       parentComponentName: SLIDER_COMPONENT_NAME
     }
   );
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseSlider,
     {

package/skinny/registerSlider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSlider.cjs.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Slider, type SliderProps } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { registerSliderOutput } from \"./registerSliderOutput\";\nimport { registerSliderThumb } from \"./registerSliderThumb\";\nimport { registerSliderTrack } from \"./registerSliderTrack\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SLIDER_COMPONENT_NAME = makeComponentName(\"slider\");\nconst RANGE_SLIDER_COMPONENT_NAME = makeComponentName(\"range-slider\");\nconst SLIDER_INTERACTION_VARIANTS = [\"disabled\" as const];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_INTERACTION_VARIANTS\n);\n\nexport interface BaseSliderProps<T extends number | number[]>\n  extends SliderProps<T> {\n  children?: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SLIDER_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseSlider<T extends number | number[]>(\n  props: BaseSliderProps<T>\n) {\n  const { children, updateInteractionVariant, ...rest } = props;\n  return (\n    <PlasmicSliderContext.Provider\n      value={{\n        ...rest,\n        // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410\n        onChange: rest.onChange as (value: number | number[]) => void,\n        onChangeEnd: rest.onChangeEnd as (value: number | number[]) => void,\n      }}\n    >\n      <Slider<T> {...rest}>\n        {({ isDisabled }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n            },\n            updateInteractionVariant\n          )\n        }\n      </Slider>\n    </PlasmicSliderContext.Provider>\n  );\n}\n\nfunction getCommonSliderProps<T extends number | number[]>(): CodeComponentMeta<\n  BaseSliderProps<T>\n>[\"props\"] {\n  return {\n    orientation: {\n      type: \"choice\",\n      options: [\"horizontal\", \"vertical\"],\n      defaultValueHint: \"horizontal\",\n      defaultValue: \"horizontal\",\n    },\n    minValue: {\n      type: \"number\",\n      description: \"The minimum value of the slider\",\n      defaultValueHint: 0,\n    },\n    maxValue: {\n      type: \"number\",\n      description: \"The maximum value of the slider\",\n      defaultValueHint: 100,\n    },\n    step: {\n      type: \"number\",\n      description: \"The step value of the slider\",\n      defaultValueHint: 1,\n    },\n  };\n}\n\nexport function registerSlider(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>\n) {\n  const sliderOutputMeta = registerSliderOutput(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  const sliderThumbMeta = registerSliderThumb(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n  const sliderTrackMeta = registerSliderTrack(sliderThumbMeta, loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  // Register the range slider\n  registerComponentHelper(\n    loader,\n    BaseSlider<number[]>,\n    {\n      name: RANGE_SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Range Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      interactionVariants,\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        ...getCommonProps<BaseSliderProps<number[]>>(\"slider\", [\n          \"isDisabled\",\n          \"aria-label\",\n        ]),\n        ...getCommonSliderProps<number[]>(),\n        value: {\n          type: \"array\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The intial value of the slider\",\n          defaultValue: [20, 50],\n          validator: (value) => {\n            if (!Array.isArray(value)) {\n              return \"Input must be an array.\";\n            }\n\n            for (let i = 1; i < value.length; i++) {\n              if (value[i] < value[i - 1]) {\n                return \"Array elements are not in ascending order.\";\n              }\n            }\n\n            return true;\n          },\n        },\n        children: {\n          type: \"slot\",\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                width: \"stretch\",\n                justifyContent: \"space-between\",\n                padding: \"8px 0px\",\n              },\n              children: [\n                {\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: sliderOutputMeta.name,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: sliderTrackMeta.name,\n              props: {\n                children: [\n                  {\n                    type: \"component\",\n                    name: sliderThumbMeta.name,\n                  },\n                  {\n                    type: \"component\",\n                    name: sliderThumbMeta.name,\n                    styles: {\n                      backgroundColor: \"blue\",\n                    },\n                  },\n                ],\n              },\n            },\n          ],\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"object\" }],\n        },\n        onChangeEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"object\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"array\",\n        },\n      },\n      trapsFocus: true,\n    },\n    {\n      parentComponentName: SLIDER_COMPONENT_NAME,\n    }\n  );\n\n  registerComponentHelper(\n    loader,\n    BaseSlider<number>,\n    {\n      name: SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      interactionVariants,\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        ...getCommonProps<BaseSliderProps<number>>(\"slider\", [\n          \"isDisabled\",\n          \"aria-label\",\n        ]),\n        ...getCommonSliderProps<number>(),\n        children: {\n          type: \"slot\",\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                width: \"stretch\",\n                justifyContent: \"space-between\",\n                padding: \"8px 0px\",\n              },\n              children: [\n                {\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: sliderOutputMeta.name,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: sliderTrackMeta.name,\n            },\n          ],\n        },\n        value: {\n          type: \"number\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The initial value of the slider\",\n          defaultValueHint: 0,\n          defaultValue: 0,\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"number\" }],\n        },\n        onChangeEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"number\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"number\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["makeComponentName","pickAriaComponentVariants","React","PlasmicSliderContext","Slider","registerSliderOutput","registerSliderThumb","registerSliderTrack","registerComponentHelper","getCommonProps","LABEL_COMPONENT_NAME"],"mappings":"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"}
+{"version":3,"file":"registerSlider.cjs.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Slider, type SliderProps } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { registerSliderOutput } from \"./registerSliderOutput\";\nimport { registerSliderThumb } from \"./registerSliderThumb\";\nimport { registerSliderTrack } from \"./registerSliderTrack\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SLIDER_COMPONENT_NAME = makeComponentName(\"slider\");\nconst RANGE_SLIDER_COMPONENT_NAME = makeComponentName(\"range-slider\");\nconst SLIDER_INTERACTION_VARIANTS = [\"disabled\" as const];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_INTERACTION_VARIANTS\n);\n\nexport interface BaseSliderProps<T extends number | number[]>\n  extends SliderProps<T> {\n  children?: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SLIDER_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseSlider<T extends number | number[]>(\n  props: BaseSliderProps<T>\n) {\n  const { children, updateInteractionVariant, ...rest } = props;\n  return (\n    <PlasmicSliderContext.Provider\n      value={{\n        ...rest,\n        // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410\n        onChange: rest.onChange as (value: number | number[]) => void,\n        onChangeEnd: rest.onChangeEnd as (value: number | number[]) => void,\n      }}\n    >\n      <Slider<T> {...rest}>\n        {({ isDisabled }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n            },\n            updateInteractionVariant\n          )\n        }\n      </Slider>\n    </PlasmicSliderContext.Provider>\n  );\n}\n\nfunction getCommonSliderProps<T extends number | number[]>(): CodeComponentMeta<\n  BaseSliderProps<T>\n>[\"props\"] {\n  return {\n    orientation: {\n      type: \"choice\",\n      options: [\"horizontal\", \"vertical\"],\n      defaultValueHint: \"horizontal\",\n      defaultValue: \"horizontal\",\n    },\n    minValue: {\n      type: \"number\",\n      description: \"The minimum value of the slider\",\n      defaultValueHint: 0,\n    },\n    maxValue: {\n      type: \"number\",\n      description: \"The maximum value of the slider\",\n      defaultValueHint: 100,\n    },\n    step: {\n      type: \"number\",\n      description: \"The step value of the slider\",\n      defaultValueHint: 1,\n    },\n  };\n}\n\nexport function registerSlider(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>\n) {\n  const sliderOutputMeta = registerSliderOutput(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  const sliderThumbMeta = registerSliderThumb(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n  const sliderTrackMeta = registerSliderTrack(sliderThumbMeta, loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  // Register the range slider\n  registerComponentHelper(\n    loader,\n    BaseSlider<number[]>,\n    {\n      name: RANGE_SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Range Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      interactionVariants,\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        ...getCommonProps<BaseSliderProps<number[]>>(\"slider\", [\n          \"isDisabled\",\n          \"aria-label\",\n        ]),\n        ...getCommonSliderProps<number[]>(),\n        value: {\n          type: \"array\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The intial value of the slider\",\n          defaultValue: [20, 50],\n          validator: (value) => {\n            if (!Array.isArray(value)) {\n              return \"Input must be an array.\";\n            }\n\n            for (let i = 1; i < value.length; i++) {\n              if (value[i] < value[i - 1]) {\n                return \"Array elements are not in ascending order.\";\n              }\n            }\n\n            return true;\n          },\n        },\n        children: {\n          type: \"slot\",\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                width: \"stretch\",\n                justifyContent: \"space-between\",\n                padding: \"8px 0px\",\n              },\n              children: [\n                {\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: sliderOutputMeta.name,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: sliderTrackMeta.name,\n              props: {\n                children: [\n                  {\n                    type: \"component\",\n                    name: sliderThumbMeta.name,\n                  },\n                  {\n                    type: \"component\",\n                    name: sliderThumbMeta.name,\n                    styles: {\n                      backgroundColor: \"blue\",\n                    },\n                  },\n                ],\n              },\n            },\n          ],\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"object\" }],\n        },\n        onChangeEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"object\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"array\",\n        },\n      },\n      trapsFocus: true,\n    },\n    {\n      parentComponentName: SLIDER_COMPONENT_NAME,\n    }\n  );\n\n  registerComponentHelper(\n    loader,\n    BaseSlider<number>,\n    {\n      name: SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      interactionVariants,\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        ...getCommonProps<BaseSliderProps<number>>(\"slider\", [\n          \"isDisabled\",\n          \"aria-label\",\n        ]),\n        ...getCommonSliderProps<number>(),\n        children: {\n          type: \"slot\",\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                width: \"stretch\",\n                justifyContent: \"space-between\",\n                padding: \"8px 0px\",\n              },\n              children: [\n                {\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: sliderOutputMeta.name,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: sliderTrackMeta.name,\n            },\n          ],\n        },\n        value: {\n          type: \"number\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The initial value of the slider\",\n          defaultValueHint: 0,\n          defaultValue: 0,\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"number\" }],\n        },\n        onChangeEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"number\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"number\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["makeComponentName","pickAriaComponentVariants","React","PlasmicSliderContext","Slider","registerSliderOutput","registerSliderThumb","registerSliderTrack","registerComponentHelper","getCommonProps","LABEL_COMPONENT_NAME"],"mappings":"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"}

package/skinny/registerSlider.esm.js

@@ -1,17 +1,16 @@
 import React from 'react';
 import { Slider } from 'react-aria-components';
-import { g as getCommonProps } from './common-e9d84279.esm.js';
+import { r as registerComponentHelper, g as getCommonProps, a as makeComponentName } from './common-fa69e9b3.esm.js';
 import { i as PlasmicSliderContext } from './contexts-9a8234bf.esm.js';
 import { p as pickAriaComponentVariants } from './interaction-variant-utils-abd0c319.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { registerSliderOutput } from './registerSliderOutput.esm.js';
 import { registerSliderThumb } from './registerSliderThumb.esm.js';
 import { registerSliderTrack } from './registerSliderTrack.esm.js';
-import { r as registerComponentHelper, a as makeComponentName } from './utils-a1785802.esm.js';
+import '@plasmicapp/host/registerComponent';
 import 'react-aria';
 import './ErrorBoundary-c6b111d3.esm.js';
 import 'react-keyed-flatten-children';
-import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;