@plasmicpkgs/react-aria 0.0.194 → 0.0.196

package/skinny/registerCheckbox.cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var OptionsItemIdManager = require('./OptionsItemIdManager-b907e7cf.cjs.js');
-var common = require('./common-44638169.cjs.js');
+var OptionsItemIdManager = require('./OptionsItemIdManager-d01901ad.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');
@@ -167,7 +167,7 @@ function registerCheckbox(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
       importName: "BaseCheckbox",
       variants,
-      props: {
+      props: __spreadValues({
         id: common.createIdProp("Checkbox"),
         name: common.createNameProp(),
         isDisabled: common.createDisabledProp("Checkbox"),
@@ -226,7 +226,7 @@ function registerCheckbox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isSelected", type: "boolean" }]
         }
-      },
+      }, common.focusEventHandlerProps()),
       states: {
         isSelected: {
           type: "writable",

package/skinny/registerCheckbox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { PlasmicElement } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { useOptionsItemId } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  hasParent,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst CHECKBOX_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"indeterminate\" as const,\n  \"disabled\" as const,\n  \"selected\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseCheckboxControlContextData extends BaseControlContextData {\n  idError?: string;\n}\n\ninterface BaseCheckboxProps\n  extends CheckboxProps,\n    HasControlContextData<BaseCheckboxControlContextData>,\n    WithVariants<typeof CHECKBOX_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(CHECKBOX_VARIANTS);\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n  const {\n    children,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    ...rest\n  } = props;\n  const contextProps = React.useContext(PlasmicCheckboxGroupContext);\n\n  const { registeredId, idError } = useOptionsItemId(\n    value,\n    contextProps?.idManager\n  );\n\n  setControlContextData?.({\n    parent: contextProps,\n    idError,\n  });\n\n  return (\n    <>\n      <Checkbox\n        {...rest}\n        value={registeredId}\n        key={registeredId}\n        style={COMMON_STYLES}\n      >\n        {({\n          isHovered,\n          isPressed,\n          isFocused,\n          isFocusVisible,\n          isDisabled,\n          isIndeterminate,\n          isSelected,\n          isReadOnly,\n        }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                hovered: isHovered,\n                pressed: isPressed,\n                focused: isFocused,\n                focusVisible: isFocusVisible,\n                disabled: isDisabled,\n                indeterminate: isIndeterminate,\n                selected: isSelected,\n                readonly: isReadOnly,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </Checkbox>\n    </>\n  );\n}\n\nexport const makeDefaultCheckboxChildren = ({\n  label,\n  showDocs,\n}: {\n  label: string;\n  showDocs?: boolean;\n}): PlasmicElement => ({\n  type: \"vbox\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"2px\",\n    padding: 0,\n  },\n  children: [\n    {\n      type: \"hbox\",\n      styles: {\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"10px\",\n        padding: 0,\n      },\n      children: [\n        {\n          type: \"box\",\n          styles: {\n            width: \"7px\",\n            height: \"7px\",\n            borderRadius: \"3px\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            borderColor: \"black\",\n          },\n        },\n        {\n          type: \"text\",\n          value: label,\n        },\n      ],\n    },\n    ...(showDocs\n      ? [\n          {\n            type: \"text\",\n            value: \"Use the registered variants to see it in action...\",\n          } as PlasmicElement,\n        ]\n      : []),\n  ],\n});\n\nexport const CHECKBOX_COMPONENT_NAME = makeComponentName(\"checkbox\");\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseCheckbox,\n    {\n      name: CHECKBOX_COMPONENT_NAME,\n      displayName: \"Aria Checkbox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckbox\",\n      importName: \"BaseCheckbox\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox\"),\n        isRequired: createRequiredProp(\"Checkbox\"),\n        autoFocus: createAutoFocusProp(\"Checkbox\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: makeDefaultCheckboxChildren({\n            label: \"Label\",\n            showDocs: true,\n          }),\n        },\n        value: {\n          type: \"string\",\n          description:\n            'The value of the checkbox in \"selected\" state, used when submitting an HTML form.',\n          defaultValueHint: 'Checked value (default: \"on\")',\n          validator: (_value, _props, ctx) => {\n            if (ctx?.idError) {\n              return ctx.idError;\n            }\n            return true;\n          },\n        },\n        isSelected: {\n          type: \"boolean\",\n          displayName: \"Default Selected\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the checkbox should be selected by default\",\n          defaultValueHint: false,\n          defaultValue: false,\n          hidden: hasParent,\n        },\n        isIndeterminate: {\n          displayName: \"Indeterminate\",\n          type: \"boolean\",\n          description:\n            \"This state indicates that the checkbox is neither fully checked nor unchecked. It typically represents a partial selection when dealing with groups of options. Some but not all items in the group are selected, resulting in an indeterminate state for the checkbox.\",\n          defaultValueHint: false,\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: \"isSelected\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"isSelected\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicCheckboxGroupContext","useOptionsItemId","Checkbox","COMMON_STYLES","VariantUpdater","makeComponentName","registerComponentHelper","createIdProp","createNameProp","createDisabledProp","createReadOnlyProp","createRequiredProp","createAutoFocusProp","createAriaLabelProp","hasParent"],"mappings":"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"}
+{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { PlasmicElement } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { useOptionsItemId } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  focusEventHandlerProps,\n  hasParent,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst CHECKBOX_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"indeterminate\" as const,\n  \"disabled\" as const,\n  \"selected\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseCheckboxControlContextData extends BaseControlContextData {\n  idError?: string;\n}\n\ninterface BaseCheckboxProps\n  extends CheckboxProps,\n    HasControlContextData<BaseCheckboxControlContextData>,\n    WithVariants<typeof CHECKBOX_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(CHECKBOX_VARIANTS);\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n  const {\n    children,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    ...rest\n  } = props;\n  const contextProps = React.useContext(PlasmicCheckboxGroupContext);\n\n  const { registeredId, idError } = useOptionsItemId(\n    value,\n    contextProps?.idManager\n  );\n\n  setControlContextData?.({\n    parent: contextProps,\n    idError,\n  });\n\n  return (\n    <>\n      <Checkbox\n        {...rest}\n        value={registeredId}\n        key={registeredId}\n        style={COMMON_STYLES}\n      >\n        {({\n          isHovered,\n          isPressed,\n          isFocused,\n          isFocusVisible,\n          isDisabled,\n          isIndeterminate,\n          isSelected,\n          isReadOnly,\n        }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                hovered: isHovered,\n                pressed: isPressed,\n                focused: isFocused,\n                focusVisible: isFocusVisible,\n                disabled: isDisabled,\n                indeterminate: isIndeterminate,\n                selected: isSelected,\n                readonly: isReadOnly,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </Checkbox>\n    </>\n  );\n}\n\nexport const makeDefaultCheckboxChildren = ({\n  label,\n  showDocs,\n}: {\n  label: string;\n  showDocs?: boolean;\n}): PlasmicElement => ({\n  type: \"vbox\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"2px\",\n    padding: 0,\n  },\n  children: [\n    {\n      type: \"hbox\",\n      styles: {\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"10px\",\n        padding: 0,\n      },\n      children: [\n        {\n          type: \"box\",\n          styles: {\n            width: \"7px\",\n            height: \"7px\",\n            borderRadius: \"3px\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            borderColor: \"black\",\n          },\n        },\n        {\n          type: \"text\",\n          value: label,\n        },\n      ],\n    },\n    ...(showDocs\n      ? [\n          {\n            type: \"text\",\n            value: \"Use the registered variants to see it in action...\",\n          } as PlasmicElement,\n        ]\n      : []),\n  ],\n});\n\nexport const CHECKBOX_COMPONENT_NAME = makeComponentName(\"checkbox\");\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseCheckbox,\n    {\n      name: CHECKBOX_COMPONENT_NAME,\n      displayName: \"Aria Checkbox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckbox\",\n      importName: \"BaseCheckbox\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox\"),\n        isRequired: createRequiredProp(\"Checkbox\"),\n        autoFocus: createAutoFocusProp(\"Checkbox\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: makeDefaultCheckboxChildren({\n            label: \"Label\",\n            showDocs: true,\n          }),\n        },\n        value: {\n          type: \"string\",\n          description:\n            'The value of the checkbox in \"selected\" state, used when submitting an HTML form.',\n          defaultValueHint: 'Checked value (default: \"on\")',\n          validator: (_value, _props, ctx) => {\n            if (ctx?.idError) {\n              return ctx.idError;\n            }\n            return true;\n          },\n        },\n        isSelected: {\n          type: \"boolean\",\n          displayName: \"Default Selected\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the checkbox should be selected by default\",\n          defaultValueHint: false,\n          defaultValue: false,\n          hidden: hasParent,\n        },\n        isIndeterminate: {\n          displayName: \"Indeterminate\",\n          type: \"boolean\",\n          description:\n            \"This state indicates that the checkbox is neither fully checked nor unchecked. It typically represents a partial selection when dealing with groups of options. Some but not all items in the group are selected, resulting in an indeterminate state for the checkbox.\",\n          defaultValueHint: false,\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: \"isSelected\", type: \"boolean\" }],\n        },\n        ...focusEventHandlerProps(),\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"isSelected\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicCheckboxGroupContext","useOptionsItemId","Checkbox","COMMON_STYLES","VariantUpdater","makeComponentName","registerComponentHelper","createIdProp","createNameProp","createDisabledProp","createReadOnlyProp","createRequiredProp","createAutoFocusProp","createAriaLabelProp","hasParent","focusEventHandlerProps"],"mappings":"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"}

package/skinny/registerCheckbox.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Checkbox } from 'react-aria-components';
-import { a as useOptionsItemId } from './OptionsItemIdManager-144c0ec2.esm.js';
-import { m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, a as createNameProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, g as createAutoFocusProp, f as createAriaLabelProp, h as hasParent } from './common-9574ac48.esm.js';
+import { a as useOptionsItemId } from './OptionsItemIdManager-abecfd79.esm.js';
+import { m as makeComponentName, r as registerComponentHelper, h as hasParent, C as COMMON_STYLES, f as focusEventHandlerProps, c as createIdProp, a as createNameProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, i as createAutoFocusProp, g as createAriaLabelProp } from './common-5a3610e7.esm.js';
 import { P as PlasmicCheckboxGroupContext } from './contexts-5cb81c2f.esm.js';
 import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
@@ -161,7 +161,7 @@ function registerCheckbox(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
       importName: "BaseCheckbox",
       variants,
-      props: {
+      props: __spreadValues({
         id: createIdProp("Checkbox"),
         name: createNameProp(),
         isDisabled: createDisabledProp("Checkbox"),
@@ -220,7 +220,7 @@ function registerCheckbox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isSelected", type: "boolean" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         isSelected: {
           type: "writable",

package/skinny/registerCheckbox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { PlasmicElement } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { useOptionsItemId } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  hasParent,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst CHECKBOX_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"indeterminate\" as const,\n  \"disabled\" as const,\n  \"selected\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseCheckboxControlContextData extends BaseControlContextData {\n  idError?: string;\n}\n\ninterface BaseCheckboxProps\n  extends CheckboxProps,\n    HasControlContextData<BaseCheckboxControlContextData>,\n    WithVariants<typeof CHECKBOX_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(CHECKBOX_VARIANTS);\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n  const {\n    children,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    ...rest\n  } = props;\n  const contextProps = React.useContext(PlasmicCheckboxGroupContext);\n\n  const { registeredId, idError } = useOptionsItemId(\n    value,\n    contextProps?.idManager\n  );\n\n  setControlContextData?.({\n    parent: contextProps,\n    idError,\n  });\n\n  return (\n    <>\n      <Checkbox\n        {...rest}\n        value={registeredId}\n        key={registeredId}\n        style={COMMON_STYLES}\n      >\n        {({\n          isHovered,\n          isPressed,\n          isFocused,\n          isFocusVisible,\n          isDisabled,\n          isIndeterminate,\n          isSelected,\n          isReadOnly,\n        }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                hovered: isHovered,\n                pressed: isPressed,\n                focused: isFocused,\n                focusVisible: isFocusVisible,\n                disabled: isDisabled,\n                indeterminate: isIndeterminate,\n                selected: isSelected,\n                readonly: isReadOnly,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </Checkbox>\n    </>\n  );\n}\n\nexport const makeDefaultCheckboxChildren = ({\n  label,\n  showDocs,\n}: {\n  label: string;\n  showDocs?: boolean;\n}): PlasmicElement => ({\n  type: \"vbox\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"2px\",\n    padding: 0,\n  },\n  children: [\n    {\n      type: \"hbox\",\n      styles: {\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"10px\",\n        padding: 0,\n      },\n      children: [\n        {\n          type: \"box\",\n          styles: {\n            width: \"7px\",\n            height: \"7px\",\n            borderRadius: \"3px\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            borderColor: \"black\",\n          },\n        },\n        {\n          type: \"text\",\n          value: label,\n        },\n      ],\n    },\n    ...(showDocs\n      ? [\n          {\n            type: \"text\",\n            value: \"Use the registered variants to see it in action...\",\n          } as PlasmicElement,\n        ]\n      : []),\n  ],\n});\n\nexport const CHECKBOX_COMPONENT_NAME = makeComponentName(\"checkbox\");\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseCheckbox,\n    {\n      name: CHECKBOX_COMPONENT_NAME,\n      displayName: \"Aria Checkbox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckbox\",\n      importName: \"BaseCheckbox\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox\"),\n        isRequired: createRequiredProp(\"Checkbox\"),\n        autoFocus: createAutoFocusProp(\"Checkbox\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: makeDefaultCheckboxChildren({\n            label: \"Label\",\n            showDocs: true,\n          }),\n        },\n        value: {\n          type: \"string\",\n          description:\n            'The value of the checkbox in \"selected\" state, used when submitting an HTML form.',\n          defaultValueHint: 'Checked value (default: \"on\")',\n          validator: (_value, _props, ctx) => {\n            if (ctx?.idError) {\n              return ctx.idError;\n            }\n            return true;\n          },\n        },\n        isSelected: {\n          type: \"boolean\",\n          displayName: \"Default Selected\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the checkbox should be selected by default\",\n          defaultValueHint: false,\n          defaultValue: false,\n          hidden: hasParent,\n        },\n        isIndeterminate: {\n          displayName: \"Indeterminate\",\n          type: \"boolean\",\n          description:\n            \"This state indicates that the checkbox is neither fully checked nor unchecked. It typically represents a partial selection when dealing with groups of options. Some but not all items in the group are selected, resulting in an indeterminate state for the checkbox.\",\n          defaultValueHint: false,\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: \"isSelected\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"isSelected\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { PlasmicElement } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { useOptionsItemId } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  focusEventHandlerProps,\n  hasParent,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst CHECKBOX_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"indeterminate\" as const,\n  \"disabled\" as const,\n  \"selected\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseCheckboxControlContextData extends BaseControlContextData {\n  idError?: string;\n}\n\ninterface BaseCheckboxProps\n  extends CheckboxProps,\n    HasControlContextData<BaseCheckboxControlContextData>,\n    WithVariants<typeof CHECKBOX_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(CHECKBOX_VARIANTS);\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n  const {\n    children,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    ...rest\n  } = props;\n  const contextProps = React.useContext(PlasmicCheckboxGroupContext);\n\n  const { registeredId, idError } = useOptionsItemId(\n    value,\n    contextProps?.idManager\n  );\n\n  setControlContextData?.({\n    parent: contextProps,\n    idError,\n  });\n\n  return (\n    <>\n      <Checkbox\n        {...rest}\n        value={registeredId}\n        key={registeredId}\n        style={COMMON_STYLES}\n      >\n        {({\n          isHovered,\n          isPressed,\n          isFocused,\n          isFocusVisible,\n          isDisabled,\n          isIndeterminate,\n          isSelected,\n          isReadOnly,\n        }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                hovered: isHovered,\n                pressed: isPressed,\n                focused: isFocused,\n                focusVisible: isFocusVisible,\n                disabled: isDisabled,\n                indeterminate: isIndeterminate,\n                selected: isSelected,\n                readonly: isReadOnly,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </Checkbox>\n    </>\n  );\n}\n\nexport const makeDefaultCheckboxChildren = ({\n  label,\n  showDocs,\n}: {\n  label: string;\n  showDocs?: boolean;\n}): PlasmicElement => ({\n  type: \"vbox\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"2px\",\n    padding: 0,\n  },\n  children: [\n    {\n      type: \"hbox\",\n      styles: {\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"10px\",\n        padding: 0,\n      },\n      children: [\n        {\n          type: \"box\",\n          styles: {\n            width: \"7px\",\n            height: \"7px\",\n            borderRadius: \"3px\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            borderColor: \"black\",\n          },\n        },\n        {\n          type: \"text\",\n          value: label,\n        },\n      ],\n    },\n    ...(showDocs\n      ? [\n          {\n            type: \"text\",\n            value: \"Use the registered variants to see it in action...\",\n          } as PlasmicElement,\n        ]\n      : []),\n  ],\n});\n\nexport const CHECKBOX_COMPONENT_NAME = makeComponentName(\"checkbox\");\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseCheckbox,\n    {\n      name: CHECKBOX_COMPONENT_NAME,\n      displayName: \"Aria Checkbox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckbox\",\n      importName: \"BaseCheckbox\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox\"),\n        isRequired: createRequiredProp(\"Checkbox\"),\n        autoFocus: createAutoFocusProp(\"Checkbox\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: makeDefaultCheckboxChildren({\n            label: \"Label\",\n            showDocs: true,\n          }),\n        },\n        value: {\n          type: \"string\",\n          description:\n            'The value of the checkbox in \"selected\" state, used when submitting an HTML form.',\n          defaultValueHint: 'Checked value (default: \"on\")',\n          validator: (_value, _props, ctx) => {\n            if (ctx?.idError) {\n              return ctx.idError;\n            }\n            return true;\n          },\n        },\n        isSelected: {\n          type: \"boolean\",\n          displayName: \"Default Selected\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the checkbox should be selected by default\",\n          defaultValueHint: false,\n          defaultValue: false,\n          hidden: hasParent,\n        },\n        isIndeterminate: {\n          displayName: \"Indeterminate\",\n          type: \"boolean\",\n          description:\n            \"This state indicates that the checkbox is neither fully checked nor unchecked. It typically represents a partial selection when dealing with groups of options. Some but not all items in the group are selected, resulting in an indeterminate state for the checkbox.\",\n          defaultValueHint: false,\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: \"isSelected\", type: \"boolean\" }],\n        },\n        ...focusEventHandlerProps(),\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"isSelected\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerCheckboxGroup.cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var OptionsItemIdManager = require('./OptionsItemIdManager-b907e7cf.cjs.js');
-var common = require('./common-44638169.cjs.js');
+var OptionsItemIdManager = require('./OptionsItemIdManager-d01901ad.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerCheckbox = require('./registerCheckbox.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
@@ -86,7 +86,7 @@ function registerCheckboxGroup(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckboxGroup",
       importName: "BaseCheckboxGroup",
       variants,
-      props: {
+      props: __spreadValues({
         id: common.createIdProp("Checkbox Group"),
         name: common.createNameProp(),
         isDisabled: common.createDisabledProp("Checkbox Group"),
@@ -186,7 +186,7 @@ function registerCheckboxGroup(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "value", type: "object" }]
         }
-      },
+      }, common.focusEventHandlerProps()),
       states: {
         value: {
           type: "writable",

package/skinny/registerCheckboxGroup.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckboxGroup.cjs.js","sources":["../src/registerCheckboxGroup.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CheckboxGroupProps } from \"react-aria-components\";\nimport { CheckboxGroup } from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport {\n  CHECKBOX_COMPONENT_NAME,\n  makeDefaultCheckboxChildren,\n} from \"./registerCheckbox\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  BaseControlContextDataForLists,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst CHECKBOX_GROUP_VARIANTS = [\"disabled\" as const, \"readonly\" as const];\n\nexport interface BaseCheckboxGroupProps\n  extends CheckboxGroupProps,\n    HasControlContextData<BaseControlContextDataForLists>,\n    WithVariants<typeof CHECKBOX_GROUP_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(CHECKBOX_GROUP_VARIANTS);\n\nexport function BaseCheckboxGroup(props: BaseCheckboxGroupProps) {\n  const { children, plasmicUpdateVariant, setControlContextData, ...rest } =\n    props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n  return (\n    // PlasmicCheckboxGroupContext is used by BaseCheckbox\n    <PlasmicCheckboxGroupContext.Provider value={{ ...rest, idManager }}>\n      <CheckboxGroup {...rest} style={COMMON_STYLES}>\n        {({ isDisabled, isReadOnly }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                disabled: isDisabled,\n                readonly: isReadOnly,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </CheckboxGroup>\n    </PlasmicCheckboxGroupContext.Provider>\n  );\n}\n\nconst componentName = makeComponentName(\"checkboxGroup\");\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckboxGroup>\n) {\n  registerComponentHelper(\n    loader,\n    BaseCheckboxGroup,\n    {\n      name: componentName,\n      displayName: \"Aria Checkbox Group\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckboxGroup\",\n      importName: \"BaseCheckboxGroup\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox Group\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox Group\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox Group\"),\n        isRequired: createRequiredProp(\"Checkbox Group\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox Group\"),\n        children: {\n          type: \"slot\",\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: \"Checkbox Group\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 1\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox1\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 2\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox2\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 3\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox3\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: DESCRIPTION_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value:\n                        \"Use the registered variants to see it in action...\",\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        value: {\n          type: \"choice\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n          options: (_props, ctx) =>\n            ctx?.itemIds ? Array.from(ctx.itemIds) : [],\n          multiSelect: true,\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: \"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    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","useCallback","useIdManager","React","PlasmicCheckboxGroupContext","CheckboxGroup","COMMON_STYLES","VariantUpdater","makeComponentName","registerComponentHelper","createIdProp","createNameProp","createDisabledProp","createReadOnlyProp","createRequiredProp","createAriaLabelProp","LABEL_COMPONENT_NAME","CHECKBOX_COMPONENT_NAME","makeDefaultCheckboxChildren","DESCRIPTION_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,uBAAA,GAA0B,CAAC,UAAA,EAAqB,UAAmB,CAAA,CAAA;AASzE,MAAM,EAAE,QAAA,EAAa,GAAAA,sCAAA,CAA0B,uBAAuB,CAAA,CAAA;AAE/D,SAAS,kBAAkB,KAA+B,EAAA;AAC/D,EACE,MAAA,EAAA,GAAA,KAAA,EADM,EAAU,QAAA,EAAA,oBAAA,EAAsB,qBA9C1C,EAAA,GA+CI,IADgE,IAChE,GAAA,SAAA,CAAA,EAAA,EADgE,CAA1D,UAAA,EAAU,sBAAsB,EAAA,uBAAA,CAAA,CAAA,CAAA;AAGxC,EAAA,MAAM,SAAY,GAAAC,iBAAA;AAAA,IAChB,CAAC,GAAkB,KAAA;AACjB,MAAwB,qBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAA;AAAA,QACtB,OAAS,EAAA,GAAA;AAAA,OACX,CAAA,CAAA;AAAA,KACF;AAAA,IACA,CAAC,qBAAqB,CAAA;AAAA,GACxB,CAAA;AAEA,EAAM,MAAA,SAAA,GAAYC,kCAAa,SAAS,CAAA,CAAA;AACxC,EAAA;AAAA;AAAA,oBAEEC,sBAAA,CAAA,aAAA,CAACC,qCAA4B,QAA5B,EAAA,EAAqC,OAAO,aAAK,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAL,EAAW,SAAU,EAAA,CAAA,EAAA,uDAC/DC,iCAAkB,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAlB,EAAwB,KAAO,EAAAC,oBAAA,EAAA,CAAA,EAC7B,CAAC,EAAE,UAAA,EAAY,UAAW,EAAA,qBAEvBH,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,sBAAA,CAAA,aAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA;AAAA,UACP,QAAU,EAAA,UAAA;AAAA,UACV,QAAU,EAAA,UAAA;AAAA,SACZ;AAAA,QACA,aAAe,EAAA,oBAAA;AAAA,OAAA;AAAA,KACjB,EACC,QACH,CAEJ,CACF,CAAA;AAAA,IAAA;AAEJ,CAAA;AAEA,MAAM,aAAA,GAAgBC,yBAAkB,eAAe,CAAA,CAAA;AAEvC,SAAA,qBAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,8BAAA;AAAA,IACE,MAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,aAAA;AAAA,MACN,WAAa,EAAA,qBAAA;AAAA,MACb,UAAY,EAAA,sDAAA;AAAA,MACZ,UAAY,EAAA,mBAAA;AAAA,MACZ,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAIC,oBAAa,gBAAgB,CAAA;AAAA,QACjC,MAAMC,qBAAe,EAAA;AAAA,QACrB,UAAA,EAAYC,0BAAmB,gBAAgB,CAAA;AAAA,QAC/C,UAAA,EAAYC,0BAAmB,gBAAgB,CAAA;AAAA,QAC/C,UAAA,EAAYC,0BAAmB,gBAAgB,CAAA;AAAA,QAC/C,YAAA,EAAcC,2BAAoB,gBAAgB,CAAA;AAAA,QAClD,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,YAAc,EAAA;AAAA,YACZ;AAAA,cACE,IAAM,EAAA,MAAA;AAAA,cACN,MAAQ,EAAA;AAAA,gBACN,OAAS,EAAA,MAAA;AAAA,gBACT,GAAK,EAAA,KAAA;AAAA,gBACL,OAAS,EAAA,CAAA;AAAA,gBACT,UAAY,EAAA,YAAA;AAAA,eACd;AAAA,cACA,QAAU,EAAA;AAAA,gBACR;AAAA,kBACE,IAAM,EAAA,WAAA;AAAA,kBACN,IAAM,EAAAC,kCAAA;AAAA,kBACN,KAAO,EAAA;AAAA,oBACL,QAAU,EAAA;AAAA,sBACR,IAAM,EAAA,MAAA;AAAA,sBACN,KAAO,EAAA,gBAAA;AAAA,qBACT;AAAA,mBACF;AAAA,iBACF;AAAA,gBACA;AAAA,kBACE,IAAM,EAAA,WAAA;AAAA,kBACN,IAAM,EAAAC,wCAAA;AAAA,kBACN,KAAO,EAAA;AAAA,oBACL,UAAUC,4CAA4B,CAAA;AAAA,sBACpC,KAAO,EAAA,YAAA;AAAA,sBACP,QAAU,EAAA,KAAA;AAAA,qBACX,CAAA;AAAA,oBACD,KAAO,EAAA,WAAA;AAAA,mBACT;AAAA,iBACF;AAAA,gBACA;AAAA,kBACE,IAAM,EAAA,WAAA;AAAA,kBACN,IAAM,EAAAD,wCAAA;AAAA,kBACN,KAAO,EAAA;AAAA,oBACL,UAAUC,4CAA4B,CAAA;AAAA,sBACpC,KAAO,EAAA,YAAA;AAAA,sBACP,QAAU,EAAA,KAAA;AAAA,qBACX,CAAA;AAAA,oBACD,KAAO,EAAA,WAAA;AAAA,mBACT;AAAA,iBACF;AAAA,gBACA;AAAA,kBACE,IAAM,EAAA,WAAA;AAAA,kBACN,IAAM,EAAAD,wCAAA;AAAA,kBACN,KAAO,EAAA;AAAA,oBACL,UAAUC,4CAA4B,CAAA;AAAA,sBACpC,KAAO,EAAA,YAAA;AAAA,sBACP,QAAU,EAAA,KAAA;AAAA,qBACX,CAAA;AAAA,oBACD,KAAO,EAAA,WAAA;AAAA,mBACT;AAAA,iBACF;AAAA,gBACA;AAAA,kBACE,IAAM,EAAA,WAAA;AAAA,kBACN,IAAM,EAAAC,8CAAA;AAAA,kBACN,KAAO,EAAA;AAAA,oBACL,QAAU,EAAA;AAAA,sBACR,IAAM,EAAA,MAAA;AAAA,sBACN,KACE,EAAA,oDAAA;AAAA,qBACJ;AAAA,mBACF;AAAA,iBACF;AAAA,eACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,QACA,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,QAAA;AAAA,UACN,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,cAAA;AAAA,UAClB,WAAa,EAAA,mBAAA;AAAA,UACb,OAAA,EAAS,CAAC,MAAA,EAAQ,GAChB,KAAA,CAAA,GAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAK,OAAU,IAAA,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,OAAO,CAAA,GAAI,EAAC;AAAA,UAC5C,WAAa,EAAA,IAAA;AAAA,SACf;AAAA,QACA,SAAW,EAAA;AAAA,UACT,WAAa,EAAA,SAAA;AAAA,UACb,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,oCAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,SACpB;AAAA,QACA,kBAAoB,EAAA;AAAA,UAClB,IAAM,EAAA,QAAA;AAAA,UACN,OAAA,EAAS,CAAC,QAAA,EAAU,MAAM,CAAA;AAAA,UAC1B,WACE,EAAA,gKAAA;AAAA,UACF,gBAAkB,EAAA,QAAA;AAAA,SACpB;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,OAAS,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC9C;AAAA,OACF;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,OAAA;AAAA,UACX,YAAc,EAAA,UAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerCheckboxGroup.cjs.js","sources":["../src/registerCheckboxGroup.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CheckboxGroupProps } from \"react-aria-components\";\nimport { CheckboxGroup } from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  focusEventHandlerProps,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport {\n  CHECKBOX_COMPONENT_NAME,\n  makeDefaultCheckboxChildren,\n} from \"./registerCheckbox\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  BaseControlContextDataForLists,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst CHECKBOX_GROUP_VARIANTS = [\"disabled\" as const, \"readonly\" as const];\n\nexport interface BaseCheckboxGroupProps\n  extends CheckboxGroupProps,\n    HasControlContextData<BaseControlContextDataForLists>,\n    WithVariants<typeof CHECKBOX_GROUP_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(CHECKBOX_GROUP_VARIANTS);\n\nexport function BaseCheckboxGroup(props: BaseCheckboxGroupProps) {\n  const { children, plasmicUpdateVariant, setControlContextData, ...rest } =\n    props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n  return (\n    // PlasmicCheckboxGroupContext is used by BaseCheckbox\n    <PlasmicCheckboxGroupContext.Provider value={{ ...rest, idManager }}>\n      <CheckboxGroup {...rest} style={COMMON_STYLES}>\n        {({ isDisabled, isReadOnly }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                disabled: isDisabled,\n                readonly: isReadOnly,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </CheckboxGroup>\n    </PlasmicCheckboxGroupContext.Provider>\n  );\n}\n\nconst componentName = makeComponentName(\"checkboxGroup\");\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckboxGroup>\n) {\n  registerComponentHelper(\n    loader,\n    BaseCheckboxGroup,\n    {\n      name: componentName,\n      displayName: \"Aria Checkbox Group\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckboxGroup\",\n      importName: \"BaseCheckboxGroup\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox Group\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox Group\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox Group\"),\n        isRequired: createRequiredProp(\"Checkbox Group\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox Group\"),\n        children: {\n          type: \"slot\",\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: \"Checkbox Group\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 1\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox1\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 2\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox2\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 3\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox3\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: DESCRIPTION_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value:\n                        \"Use the registered variants to see it in action...\",\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        value: {\n          type: \"choice\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n          options: (_props, ctx) =>\n            ctx?.itemIds ? Array.from(ctx.itemIds) : [],\n          multiSelect: true,\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: \"object\" }],\n        },\n        ...focusEventHandlerProps(),\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":["pickAriaComponentVariants","useCallback","useIdManager","React","PlasmicCheckboxGroupContext","CheckboxGroup","COMMON_STYLES","VariantUpdater","makeComponentName","registerComponentHelper","createIdProp","createNameProp","createDisabledProp","createReadOnlyProp","createRequiredProp","createAriaLabelProp","LABEL_COMPONENT_NAME","CHECKBOX_COMPONENT_NAME","makeDefaultCheckboxChildren","DESCRIPTION_COMPONENT_NAME","focusEventHandlerProps"],"mappings":"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"}

package/skinny/registerCheckboxGroup.esm.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { CheckboxGroup } from 'react-aria-components';
-import { u as useIdManager } from './OptionsItemIdManager-144c0ec2.esm.js';
-import { r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, a as createNameProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, f as createAriaLabelProp, m as makeComponentName } from './common-9574ac48.esm.js';
+import { u as useIdManager } from './OptionsItemIdManager-abecfd79.esm.js';
+import { r as registerComponentHelper, C as COMMON_STYLES, m as makeComponentName, f as focusEventHandlerProps, c as createIdProp, a as createNameProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, g as createAriaLabelProp } from './common-5a3610e7.esm.js';
 import { P as PlasmicCheckboxGroupContext } from './contexts-5cb81c2f.esm.js';
 import { CHECKBOX_COMPONENT_NAME, makeDefaultCheckboxChildren } from './registerCheckbox.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
@@ -80,7 +80,7 @@ function registerCheckboxGroup(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckboxGroup",
       importName: "BaseCheckboxGroup",
       variants,
-      props: {
+      props: __spreadValues({
         id: createIdProp("Checkbox Group"),
         name: createNameProp(),
         isDisabled: createDisabledProp("Checkbox Group"),
@@ -180,7 +180,7 @@ function registerCheckboxGroup(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "value", type: "object" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         value: {
           type: "writable",

package/skinny/registerCheckboxGroup.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckboxGroup.esm.js","sources":["../src/registerCheckboxGroup.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CheckboxGroupProps } from \"react-aria-components\";\nimport { CheckboxGroup } from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport {\n  CHECKBOX_COMPONENT_NAME,\n  makeDefaultCheckboxChildren,\n} from \"./registerCheckbox\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  BaseControlContextDataForLists,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst CHECKBOX_GROUP_VARIANTS = [\"disabled\" as const, \"readonly\" as const];\n\nexport interface BaseCheckboxGroupProps\n  extends CheckboxGroupProps,\n    HasControlContextData<BaseControlContextDataForLists>,\n    WithVariants<typeof CHECKBOX_GROUP_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(CHECKBOX_GROUP_VARIANTS);\n\nexport function BaseCheckboxGroup(props: BaseCheckboxGroupProps) {\n  const { children, plasmicUpdateVariant, setControlContextData, ...rest } =\n    props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n  return (\n    // PlasmicCheckboxGroupContext is used by BaseCheckbox\n    <PlasmicCheckboxGroupContext.Provider value={{ ...rest, idManager }}>\n      <CheckboxGroup {...rest} style={COMMON_STYLES}>\n        {({ isDisabled, isReadOnly }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                disabled: isDisabled,\n                readonly: isReadOnly,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </CheckboxGroup>\n    </PlasmicCheckboxGroupContext.Provider>\n  );\n}\n\nconst componentName = makeComponentName(\"checkboxGroup\");\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckboxGroup>\n) {\n  registerComponentHelper(\n    loader,\n    BaseCheckboxGroup,\n    {\n      name: componentName,\n      displayName: \"Aria Checkbox Group\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckboxGroup\",\n      importName: \"BaseCheckboxGroup\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox Group\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox Group\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox Group\"),\n        isRequired: createRequiredProp(\"Checkbox Group\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox Group\"),\n        children: {\n          type: \"slot\",\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: \"Checkbox Group\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 1\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox1\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 2\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox2\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 3\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox3\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: DESCRIPTION_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value:\n                        \"Use the registered variants to see it in action...\",\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        value: {\n          type: \"choice\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n          options: (_props, ctx) =>\n            ctx?.itemIds ? Array.from(ctx.itemIds) : [],\n          multiSelect: true,\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: \"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    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerCheckboxGroup.esm.js","sources":["../src/registerCheckboxGroup.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CheckboxGroupProps } from \"react-aria-components\";\nimport { CheckboxGroup } from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  focusEventHandlerProps,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport {\n  CHECKBOX_COMPONENT_NAME,\n  makeDefaultCheckboxChildren,\n} from \"./registerCheckbox\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  BaseControlContextDataForLists,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst CHECKBOX_GROUP_VARIANTS = [\"disabled\" as const, \"readonly\" as const];\n\nexport interface BaseCheckboxGroupProps\n  extends CheckboxGroupProps,\n    HasControlContextData<BaseControlContextDataForLists>,\n    WithVariants<typeof CHECKBOX_GROUP_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(CHECKBOX_GROUP_VARIANTS);\n\nexport function BaseCheckboxGroup(props: BaseCheckboxGroupProps) {\n  const { children, plasmicUpdateVariant, setControlContextData, ...rest } =\n    props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n  return (\n    // PlasmicCheckboxGroupContext is used by BaseCheckbox\n    <PlasmicCheckboxGroupContext.Provider value={{ ...rest, idManager }}>\n      <CheckboxGroup {...rest} style={COMMON_STYLES}>\n        {({ isDisabled, isReadOnly }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                disabled: isDisabled,\n                readonly: isReadOnly,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </CheckboxGroup>\n    </PlasmicCheckboxGroupContext.Provider>\n  );\n}\n\nconst componentName = makeComponentName(\"checkboxGroup\");\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckboxGroup>\n) {\n  registerComponentHelper(\n    loader,\n    BaseCheckboxGroup,\n    {\n      name: componentName,\n      displayName: \"Aria Checkbox Group\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckboxGroup\",\n      importName: \"BaseCheckboxGroup\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox Group\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox Group\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox Group\"),\n        isRequired: createRequiredProp(\"Checkbox Group\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox Group\"),\n        children: {\n          type: \"slot\",\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: \"Checkbox Group\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 1\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox1\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 2\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox2\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: CHECKBOX_COMPONENT_NAME,\n                  props: {\n                    children: makeDefaultCheckboxChildren({\n                      label: \"Checkbox 3\",\n                      showDocs: false,\n                    }),\n                    value: \"checkbox3\",\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: DESCRIPTION_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value:\n                        \"Use the registered variants to see it in action...\",\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        value: {\n          type: \"choice\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n          options: (_props, ctx) =>\n            ctx?.itemIds ? Array.from(ctx.itemIds) : [],\n          multiSelect: true,\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: \"object\" }],\n        },\n        ...focusEventHandlerProps(),\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/registerComboBox.cjs.js

@@ -2,13 +2,13 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var OptionsItemIdManager = require('./OptionsItemIdManager-b907e7cf.cjs.js');
-var common = require('./common-44638169.cjs.js');
+var OptionsItemIdManager = require('./OptionsItemIdManager-d01901ad.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerButton = require('./registerButton.cjs.js');
 var registerInput = require('./registerInput.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
-var registerSection = require('./registerListBox-9d951610.cjs.js');
+var registerSection = require('./registerListBox-d2c459cc.cjs.js');
 var registerPopover = require('./registerPopover.cjs.js');
 var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');
@@ -117,7 +117,7 @@ function registerComboBox(loader) {
     importPath: "@plasmicpkgs/react-aria/skinny/registerComboBox",
     importName: "BaseComboBox",
     variants: COMBOBOX_VARIANTS_DATA,
-    props: {
+    props: __spreadProps(__spreadValues({
       id: common.createIdProp("ComboBox"),
       name: common.createNameProp(),
       isDisabled: common.createDisabledProp("ComboBox"),
@@ -152,7 +152,8 @@ function registerComboBox(loader) {
       onOpenChange: {
         type: "eventHandler",
         argTypes: [{ name: "isOpen", type: "boolean" }]
-      },
+      }
+    }, common.focusEventHandlerProps()), {
       children: {
         type: "slot",
         defaultValue: [
@@ -228,7 +229,7 @@ function registerComboBox(loader) {
           }
         ]
       }
-    },
+    }),
     states: {
       selectedValue: {
         type: "writable",

package/skinny/registerComboBox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerComboBox.cjs.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxStateContext,\n} from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  arrowDown,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n} from \"./common\";\nimport {\n  PlasmicInputContext,\n  PlasmicListBoxContext,\n  PlasmicPopoverTriggerContext,\n} from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  BaseControlContextDataForLists,\n  HasControlContextData,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useAutoOpen,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst COMBOBOX_NAME = makeComponentName(\"combobox\");\n\nconst COMBOBOX_VARIANTS = [\"disabled\" as const];\n\nconst { variants: COMBOBOX_VARIANTS_DATA } =\n  pickAriaComponentVariants(COMBOBOX_VARIANTS);\n\nexport interface BaseComboboxProps\n  extends ComboBoxProps<{}>,\n    PlasmicCanvasProps,\n    WithVariants<typeof COMBOBOX_VARIANTS>,\n    HasControlContextData<BaseControlContextDataForLists> {\n  children?: React.ReactNode;\n  isOpen?: boolean;\n  className?: string;\n}\n\n/*\n  This React Hook is used to help with auto-opening the combobox when the canvas component is selected.\n  Currently, there is a bug in react-aria combobox (https://github.com/adobe/react-spectrum/issues/7149) where, when the combobox's popover is auto-opened, it is unable to render any listbox items.\n  Setting popover's open state to true in not enough unless, unless it has previously been opened via user interaction with combobox.\n  Also, <Combobox> does not support an `isOpen` prop either.\n\n  So, we use this custom hook to access the combobox's internal state via ComboBoxStateContext and change the `open` state manually via the available `open` method.\n\n  Note: It cannot be used as a hook like useAutoOpen() within the BaseSelect component\n  because it needs access to SelectStateContext, which is only created in the BaseSelect component's render function.\n  */\nfunction ComboboxAutoOpen(props: PlasmicCanvasProps) {\n  const { open, close } = React.useContext(ComboBoxStateContext) ?? {};\n\n  useAutoOpen({ props, open, close });\n\n  return null;\n}\n\nexport function BaseComboBox(props: BaseComboboxProps) {\n  const {\n    children,\n    setControlContextData,\n    plasmicUpdateVariant,\n    __plasmic_selection_prop__,\n    plasmicNotifyAutoOpenedContent,\n    isOpen: _isOpen, // uncontrolled if not selected in canvas/edit mode\n    ...rest\n  } = props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n\n  return (\n    <ComboBox {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{ disabled: isDisabled }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {/* PlasmicPopoverTriggerContext is used by BasePopover */}\n          <PlasmicPopoverTriggerContext.Provider value={true}>\n            {/* PlasmicListBoxContext is used by\n          - BaseListBox\n          - BaseListBoxItem\n          - BaseSection\n        */}\n            <PlasmicListBoxContext.Provider\n              value={{\n                idManager,\n              }}\n            >\n              {/* PlasmicInputContext is used by BaseInput */}\n              <PlasmicInputContext.Provider value={{ isUncontrolled: true }}>\n                <ComboboxAutoOpen\n                  __plasmic_selection_prop__={__plasmic_selection_prop__}\n                  plasmicNotifyAutoOpenedContent={\n                    plasmicNotifyAutoOpenedContent\n                  }\n                />\n                {children}\n              </PlasmicInputContext.Provider>\n            </PlasmicListBoxContext.Provider>\n          </PlasmicPopoverTriggerContext.Provider>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  registerComponentHelper(loader, BaseComboBox, {\n    name: COMBOBOX_NAME,\n    displayName: \"Aria ComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerComboBox\",\n    importName: \"BaseComboBox\",\n    variants: COMBOBOX_VARIANTS_DATA,\n    props: {\n      id: createIdProp(\"ComboBox\"),\n      name: createNameProp(),\n      isDisabled: createDisabledProp(\"ComboBox\"),\n      \"aria-label\": createAriaLabelProp(\"ComboBox\"),\n      selectedKey: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultSelectedKey\",\n        displayName: \"Initial selected item\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        // React Aria ComboBox do not support multiple selections yet\n        multiSelect: false,\n      },\n      disabledKeys: {\n        type: \"choice\",\n        displayName: \"Disabled values\",\n        description:\n          \"The items that are disabled. These items cannot be selected, focused, or otherwise interacted with.\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        multiSelect: true,\n        advanced: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        defaultValue: false,\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      onSelectionChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"selectedValue\", type: \"string\" }],\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n\n      children: {\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: \"hbox\",\n                styles: {\n                  padding: 0,\n                },\n                children: [\n                  {\n                    type: \"component\",\n                    name: INPUT_COMPONENT_NAME,\n                    styles: {\n                      width: \"100%\",\n                      borderRightWidth: 0,\n                    },\n                  },\n                  {\n                    type: \"component\",\n                    name: BUTTON_COMPONENT_NAME,\n                    props: {\n                      children: arrowDown,\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                  width: \"unset\",\n                },\n                props: {\n                  offset: 0,\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      props: {\n                        selectionMode: \"single\",\n                      },\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n    },\n    states: {\n      selectedValue: {\n        type: \"writable\",\n        valueProp: \"selectedKey\",\n        onChangeProp: \"onSelectionChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    trapsFocus: true,\n  });\n}\n"],"names":["makeComponentName","pickAriaComponentVariants","ComboBoxStateContext","useAutoOpen","useCallback","useIdManager","React","ComboBox","COMMON_STYLES","VariantUpdater","PlasmicPopoverTriggerContext","PlasmicListBoxContext","PlasmicInputContext","registerComponentHelper","createIdProp","createNameProp","createDisabledProp","createAriaLabelProp","LABEL_COMPONENT_NAME","INPUT_COMPONENT_NAME","BUTTON_COMPONENT_NAME","arrowDown","POPOVER_COMPONENT_NAME","LIST_BOX_COMPONENT_NAME"],"mappings":"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"}
+{"version":3,"file":"registerComboBox.cjs.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxStateContext,\n} from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  arrowDown,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  focusEventHandlerProps,\n} from \"./common\";\nimport {\n  PlasmicInputContext,\n  PlasmicListBoxContext,\n  PlasmicPopoverTriggerContext,\n} from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  BaseControlContextDataForLists,\n  HasControlContextData,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useAutoOpen,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst COMBOBOX_NAME = makeComponentName(\"combobox\");\n\nconst COMBOBOX_VARIANTS = [\"disabled\" as const];\n\nconst { variants: COMBOBOX_VARIANTS_DATA } =\n  pickAriaComponentVariants(COMBOBOX_VARIANTS);\n\nexport interface BaseComboboxProps\n  extends ComboBoxProps<{}>,\n    PlasmicCanvasProps,\n    WithVariants<typeof COMBOBOX_VARIANTS>,\n    HasControlContextData<BaseControlContextDataForLists> {\n  children?: React.ReactNode;\n  isOpen?: boolean;\n  className?: string;\n}\n\n/*\n  This React Hook is used to help with auto-opening the combobox when the canvas component is selected.\n  Currently, there is a bug in react-aria combobox (https://github.com/adobe/react-spectrum/issues/7149) where, when the combobox's popover is auto-opened, it is unable to render any listbox items.\n  Setting popover's open state to true in not enough unless, unless it has previously been opened via user interaction with combobox.\n  Also, <Combobox> does not support an `isOpen` prop either.\n\n  So, we use this custom hook to access the combobox's internal state via ComboBoxStateContext and change the `open` state manually via the available `open` method.\n\n  Note: It cannot be used as a hook like useAutoOpen() within the BaseSelect component\n  because it needs access to SelectStateContext, which is only created in the BaseSelect component's render function.\n  */\nfunction ComboboxAutoOpen(props: PlasmicCanvasProps) {\n  const { open, close } = React.useContext(ComboBoxStateContext) ?? {};\n\n  useAutoOpen({ props, open, close });\n\n  return null;\n}\n\nexport function BaseComboBox(props: BaseComboboxProps) {\n  const {\n    children,\n    setControlContextData,\n    plasmicUpdateVariant,\n    __plasmic_selection_prop__,\n    plasmicNotifyAutoOpenedContent,\n    isOpen: _isOpen, // uncontrolled if not selected in canvas/edit mode\n    ...rest\n  } = props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n\n  return (\n    <ComboBox {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{ disabled: isDisabled }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {/* PlasmicPopoverTriggerContext is used by BasePopover */}\n          <PlasmicPopoverTriggerContext.Provider value={true}>\n            {/* PlasmicListBoxContext is used by\n          - BaseListBox\n          - BaseListBoxItem\n          - BaseSection\n        */}\n            <PlasmicListBoxContext.Provider\n              value={{\n                idManager,\n              }}\n            >\n              {/* PlasmicInputContext is used by BaseInput */}\n              <PlasmicInputContext.Provider value={{ isUncontrolled: true }}>\n                <ComboboxAutoOpen\n                  __plasmic_selection_prop__={__plasmic_selection_prop__}\n                  plasmicNotifyAutoOpenedContent={\n                    plasmicNotifyAutoOpenedContent\n                  }\n                />\n                {children}\n              </PlasmicInputContext.Provider>\n            </PlasmicListBoxContext.Provider>\n          </PlasmicPopoverTriggerContext.Provider>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  registerComponentHelper(loader, BaseComboBox, {\n    name: COMBOBOX_NAME,\n    displayName: \"Aria ComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerComboBox\",\n    importName: \"BaseComboBox\",\n    variants: COMBOBOX_VARIANTS_DATA,\n    props: {\n      id: createIdProp(\"ComboBox\"),\n      name: createNameProp(),\n      isDisabled: createDisabledProp(\"ComboBox\"),\n      \"aria-label\": createAriaLabelProp(\"ComboBox\"),\n      selectedKey: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultSelectedKey\",\n        displayName: \"Initial selected item\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        // React Aria ComboBox do not support multiple selections yet\n        multiSelect: false,\n      },\n      disabledKeys: {\n        type: \"choice\",\n        displayName: \"Disabled values\",\n        description:\n          \"The items that are disabled. These items cannot be selected, focused, or otherwise interacted with.\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        multiSelect: true,\n        advanced: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        defaultValue: false,\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      onSelectionChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"selectedValue\", type: \"string\" }],\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      ...focusEventHandlerProps(),\n\n      children: {\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: \"hbox\",\n                styles: {\n                  padding: 0,\n                },\n                children: [\n                  {\n                    type: \"component\",\n                    name: INPUT_COMPONENT_NAME,\n                    styles: {\n                      width: \"100%\",\n                      borderRightWidth: 0,\n                    },\n                  },\n                  {\n                    type: \"component\",\n                    name: BUTTON_COMPONENT_NAME,\n                    props: {\n                      children: arrowDown,\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                  width: \"unset\",\n                },\n                props: {\n                  offset: 0,\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      props: {\n                        selectionMode: \"single\",\n                      },\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n    },\n    states: {\n      selectedValue: {\n        type: \"writable\",\n        valueProp: \"selectedKey\",\n        onChangeProp: \"onSelectionChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    trapsFocus: true,\n  });\n}\n"],"names":["makeComponentName","pickAriaComponentVariants","ComboBoxStateContext","useAutoOpen","useCallback","useIdManager","React","ComboBox","COMMON_STYLES","VariantUpdater","PlasmicPopoverTriggerContext","PlasmicListBoxContext","PlasmicInputContext","registerComponentHelper","createIdProp","createNameProp","createDisabledProp","createAriaLabelProp","focusEventHandlerProps","LABEL_COMPONENT_NAME","INPUT_COMPONENT_NAME","BUTTON_COMPONENT_NAME","arrowDown","POPOVER_COMPONENT_NAME","LIST_BOX_COMPONENT_NAME"],"mappings":"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"}

package/skinny/registerComboBox.esm.js

@@ -1,12 +1,12 @@
 import React, { useCallback } from 'react';
 import { ComboBox, ComboBoxStateContext } from 'react-aria-components';
-import { u as useIdManager } from './OptionsItemIdManager-144c0ec2.esm.js';
-import { r as registerComponentHelper, u as useAutoOpen, C as COMMON_STYLES, c as createIdProp, a as createNameProp, b as createDisabledProp, f as createAriaLabelProp, i as arrowDown, m as makeComponentName } from './common-9574ac48.esm.js';
+import { u as useIdManager } from './OptionsItemIdManager-abecfd79.esm.js';
+import { r as registerComponentHelper, m as makeComponentName, u as useAutoOpen, C as COMMON_STYLES, j as arrowDown, f as focusEventHandlerProps, c as createIdProp, a as createNameProp, b as createDisabledProp, g as createAriaLabelProp } from './common-5a3610e7.esm.js';
 import { a as PlasmicPopoverTriggerContext, b as PlasmicListBoxContext, c as PlasmicInputContext } from './contexts-5cb81c2f.esm.js';
 import { BUTTON_COMPONENT_NAME } from './registerButton.esm.js';
 import { INPUT_COMPONENT_NAME } from './registerInput.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
-import { L as LIST_BOX_COMPONENT_NAME } from './registerListBox-be002653.esm.js';
+import { L as LIST_BOX_COMPONENT_NAME } from './registerListBox-020ce7b4.esm.js';
 import { POPOVER_COMPONENT_NAME } from './registerPopover.esm.js';
 import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
@@ -111,7 +111,7 @@ function registerComboBox(loader) {
     importPath: "@plasmicpkgs/react-aria/skinny/registerComboBox",
     importName: "BaseComboBox",
     variants: COMBOBOX_VARIANTS_DATA,
-    props: {
+    props: __spreadProps(__spreadValues({
       id: createIdProp("ComboBox"),
       name: createNameProp(),
       isDisabled: createDisabledProp("ComboBox"),
@@ -146,7 +146,8 @@ function registerComboBox(loader) {
       onOpenChange: {
         type: "eventHandler",
         argTypes: [{ name: "isOpen", type: "boolean" }]
-      },
+      }
+    }, focusEventHandlerProps()), {
       children: {
         type: "slot",
         defaultValue: [
@@ -222,7 +223,7 @@ function registerComboBox(loader) {
           }
         ]
       }
-    },
+    }),
     states: {
       selectedValue: {
         type: "writable",

package/skinny/registerComboBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerComboBox.esm.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxStateContext,\n} from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  arrowDown,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n} from \"./common\";\nimport {\n  PlasmicInputContext,\n  PlasmicListBoxContext,\n  PlasmicPopoverTriggerContext,\n} from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  BaseControlContextDataForLists,\n  HasControlContextData,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useAutoOpen,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst COMBOBOX_NAME = makeComponentName(\"combobox\");\n\nconst COMBOBOX_VARIANTS = [\"disabled\" as const];\n\nconst { variants: COMBOBOX_VARIANTS_DATA } =\n  pickAriaComponentVariants(COMBOBOX_VARIANTS);\n\nexport interface BaseComboboxProps\n  extends ComboBoxProps<{}>,\n    PlasmicCanvasProps,\n    WithVariants<typeof COMBOBOX_VARIANTS>,\n    HasControlContextData<BaseControlContextDataForLists> {\n  children?: React.ReactNode;\n  isOpen?: boolean;\n  className?: string;\n}\n\n/*\n  This React Hook is used to help with auto-opening the combobox when the canvas component is selected.\n  Currently, there is a bug in react-aria combobox (https://github.com/adobe/react-spectrum/issues/7149) where, when the combobox's popover is auto-opened, it is unable to render any listbox items.\n  Setting popover's open state to true in not enough unless, unless it has previously been opened via user interaction with combobox.\n  Also, <Combobox> does not support an `isOpen` prop either.\n\n  So, we use this custom hook to access the combobox's internal state via ComboBoxStateContext and change the `open` state manually via the available `open` method.\n\n  Note: It cannot be used as a hook like useAutoOpen() within the BaseSelect component\n  because it needs access to SelectStateContext, which is only created in the BaseSelect component's render function.\n  */\nfunction ComboboxAutoOpen(props: PlasmicCanvasProps) {\n  const { open, close } = React.useContext(ComboBoxStateContext) ?? {};\n\n  useAutoOpen({ props, open, close });\n\n  return null;\n}\n\nexport function BaseComboBox(props: BaseComboboxProps) {\n  const {\n    children,\n    setControlContextData,\n    plasmicUpdateVariant,\n    __plasmic_selection_prop__,\n    plasmicNotifyAutoOpenedContent,\n    isOpen: _isOpen, // uncontrolled if not selected in canvas/edit mode\n    ...rest\n  } = props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n\n  return (\n    <ComboBox {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{ disabled: isDisabled }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {/* PlasmicPopoverTriggerContext is used by BasePopover */}\n          <PlasmicPopoverTriggerContext.Provider value={true}>\n            {/* PlasmicListBoxContext is used by\n          - BaseListBox\n          - BaseListBoxItem\n          - BaseSection\n        */}\n            <PlasmicListBoxContext.Provider\n              value={{\n                idManager,\n              }}\n            >\n              {/* PlasmicInputContext is used by BaseInput */}\n              <PlasmicInputContext.Provider value={{ isUncontrolled: true }}>\n                <ComboboxAutoOpen\n                  __plasmic_selection_prop__={__plasmic_selection_prop__}\n                  plasmicNotifyAutoOpenedContent={\n                    plasmicNotifyAutoOpenedContent\n                  }\n                />\n                {children}\n              </PlasmicInputContext.Provider>\n            </PlasmicListBoxContext.Provider>\n          </PlasmicPopoverTriggerContext.Provider>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  registerComponentHelper(loader, BaseComboBox, {\n    name: COMBOBOX_NAME,\n    displayName: \"Aria ComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerComboBox\",\n    importName: \"BaseComboBox\",\n    variants: COMBOBOX_VARIANTS_DATA,\n    props: {\n      id: createIdProp(\"ComboBox\"),\n      name: createNameProp(),\n      isDisabled: createDisabledProp(\"ComboBox\"),\n      \"aria-label\": createAriaLabelProp(\"ComboBox\"),\n      selectedKey: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultSelectedKey\",\n        displayName: \"Initial selected item\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        // React Aria ComboBox do not support multiple selections yet\n        multiSelect: false,\n      },\n      disabledKeys: {\n        type: \"choice\",\n        displayName: \"Disabled values\",\n        description:\n          \"The items that are disabled. These items cannot be selected, focused, or otherwise interacted with.\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        multiSelect: true,\n        advanced: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        defaultValue: false,\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      onSelectionChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"selectedValue\", type: \"string\" }],\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n\n      children: {\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: \"hbox\",\n                styles: {\n                  padding: 0,\n                },\n                children: [\n                  {\n                    type: \"component\",\n                    name: INPUT_COMPONENT_NAME,\n                    styles: {\n                      width: \"100%\",\n                      borderRightWidth: 0,\n                    },\n                  },\n                  {\n                    type: \"component\",\n                    name: BUTTON_COMPONENT_NAME,\n                    props: {\n                      children: arrowDown,\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                  width: \"unset\",\n                },\n                props: {\n                  offset: 0,\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      props: {\n                        selectionMode: \"single\",\n                      },\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n    },\n    states: {\n      selectedValue: {\n        type: \"writable\",\n        valueProp: \"selectedKey\",\n        onChangeProp: \"onSelectionChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    trapsFocus: true,\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerComboBox.esm.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxStateContext,\n} from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  arrowDown,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  focusEventHandlerProps,\n} from \"./common\";\nimport {\n  PlasmicInputContext,\n  PlasmicListBoxContext,\n  PlasmicPopoverTriggerContext,\n} from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  BaseControlContextDataForLists,\n  HasControlContextData,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useAutoOpen,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst COMBOBOX_NAME = makeComponentName(\"combobox\");\n\nconst COMBOBOX_VARIANTS = [\"disabled\" as const];\n\nconst { variants: COMBOBOX_VARIANTS_DATA } =\n  pickAriaComponentVariants(COMBOBOX_VARIANTS);\n\nexport interface BaseComboboxProps\n  extends ComboBoxProps<{}>,\n    PlasmicCanvasProps,\n    WithVariants<typeof COMBOBOX_VARIANTS>,\n    HasControlContextData<BaseControlContextDataForLists> {\n  children?: React.ReactNode;\n  isOpen?: boolean;\n  className?: string;\n}\n\n/*\n  This React Hook is used to help with auto-opening the combobox when the canvas component is selected.\n  Currently, there is a bug in react-aria combobox (https://github.com/adobe/react-spectrum/issues/7149) where, when the combobox's popover is auto-opened, it is unable to render any listbox items.\n  Setting popover's open state to true in not enough unless, unless it has previously been opened via user interaction with combobox.\n  Also, <Combobox> does not support an `isOpen` prop either.\n\n  So, we use this custom hook to access the combobox's internal state via ComboBoxStateContext and change the `open` state manually via the available `open` method.\n\n  Note: It cannot be used as a hook like useAutoOpen() within the BaseSelect component\n  because it needs access to SelectStateContext, which is only created in the BaseSelect component's render function.\n  */\nfunction ComboboxAutoOpen(props: PlasmicCanvasProps) {\n  const { open, close } = React.useContext(ComboBoxStateContext) ?? {};\n\n  useAutoOpen({ props, open, close });\n\n  return null;\n}\n\nexport function BaseComboBox(props: BaseComboboxProps) {\n  const {\n    children,\n    setControlContextData,\n    plasmicUpdateVariant,\n    __plasmic_selection_prop__,\n    plasmicNotifyAutoOpenedContent,\n    isOpen: _isOpen, // uncontrolled if not selected in canvas/edit mode\n    ...rest\n  } = props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n\n  return (\n    <ComboBox {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{ disabled: isDisabled }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {/* PlasmicPopoverTriggerContext is used by BasePopover */}\n          <PlasmicPopoverTriggerContext.Provider value={true}>\n            {/* PlasmicListBoxContext is used by\n          - BaseListBox\n          - BaseListBoxItem\n          - BaseSection\n        */}\n            <PlasmicListBoxContext.Provider\n              value={{\n                idManager,\n              }}\n            >\n              {/* PlasmicInputContext is used by BaseInput */}\n              <PlasmicInputContext.Provider value={{ isUncontrolled: true }}>\n                <ComboboxAutoOpen\n                  __plasmic_selection_prop__={__plasmic_selection_prop__}\n                  plasmicNotifyAutoOpenedContent={\n                    plasmicNotifyAutoOpenedContent\n                  }\n                />\n                {children}\n              </PlasmicInputContext.Provider>\n            </PlasmicListBoxContext.Provider>\n          </PlasmicPopoverTriggerContext.Provider>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  registerComponentHelper(loader, BaseComboBox, {\n    name: COMBOBOX_NAME,\n    displayName: \"Aria ComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerComboBox\",\n    importName: \"BaseComboBox\",\n    variants: COMBOBOX_VARIANTS_DATA,\n    props: {\n      id: createIdProp(\"ComboBox\"),\n      name: createNameProp(),\n      isDisabled: createDisabledProp(\"ComboBox\"),\n      \"aria-label\": createAriaLabelProp(\"ComboBox\"),\n      selectedKey: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultSelectedKey\",\n        displayName: \"Initial selected item\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        // React Aria ComboBox do not support multiple selections yet\n        multiSelect: false,\n      },\n      disabledKeys: {\n        type: \"choice\",\n        displayName: \"Disabled values\",\n        description:\n          \"The items that are disabled. These items cannot be selected, focused, or otherwise interacted with.\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        multiSelect: true,\n        advanced: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        defaultValue: false,\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      onSelectionChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"selectedValue\", type: \"string\" }],\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      ...focusEventHandlerProps(),\n\n      children: {\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: \"hbox\",\n                styles: {\n                  padding: 0,\n                },\n                children: [\n                  {\n                    type: \"component\",\n                    name: INPUT_COMPONENT_NAME,\n                    styles: {\n                      width: \"100%\",\n                      borderRightWidth: 0,\n                    },\n                  },\n                  {\n                    type: \"component\",\n                    name: BUTTON_COMPONENT_NAME,\n                    props: {\n                      children: arrowDown,\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                  width: \"unset\",\n                },\n                props: {\n                  offset: 0,\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      props: {\n                        selectionMode: \"single\",\n                      },\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n    },\n    states: {\n      selectedValue: {\n        type: \"writable\",\n        valueProp: \"selectedKey\",\n        onChangeProp: \"onSelectionChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    trapsFocus: true,\n  });\n}\n"],"names":[],"mappings":"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"}