@plasmicpkgs/react-aria 0.0.42 → 0.0.44

package/skinny/registerSwitch.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSwitch.esm.js","sources":["../src/registerSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport type { SwitchProps } from \"react-aria-components\";\nimport { Switch } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SWITCH_INTERACTION_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"selected\" as const,\n  \"disabled\" as const,\n  \"readonly\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SWITCH_INTERACTION_VARIANTS\n);\n\ninterface BaseSwitchProps extends SwitchProps {\n  children: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SWITCH_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseSwitch(props: BaseSwitchProps) {\n  const { children, updateInteractionVariant, ...rest } = props;\n\n  return (\n    <Switch {...rest}>\n      {({\n        isHovered,\n        isPressed,\n        isFocused,\n        isFocusVisible,\n        isSelected,\n        isDisabled,\n        isReadOnly,\n      }) =>\n        withObservedValues(\n          children,\n          {\n            hovered: isHovered,\n            pressed: isPressed,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n            selected: isSelected,\n            disabled: isDisabled,\n            readonly: isReadOnly,\n          },\n          updateInteractionVariant\n        )\n      }\n    </Switch>\n  );\n}\n\nexport function registerSwitch(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSwitch>\n) {\n  registerComponentHelper(\n    loader,\n    BaseSwitch,\n    {\n      name: makeComponentName(\"switch\"),\n      displayName: \"Aria Switch\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSwitch\",\n      importName: \"BaseSwitch\",\n      interactionVariants,\n      defaultStyles: {\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        justifyContent: \"flex-start\",\n        padding: 0,\n      },\n      props: {\n        ...getCommonInputProps<SwitchProps>(\"switch\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                gap: \"10px\",\n                padding: 0,\n              },\n              children: [\n                {\n                  // the track\n                  type: \"hbox\",\n                  styles: {\n                    width: \"30px\",\n                    height: \"16px\",\n                    padding: 0,\n                    backgroundColor: \"#D5D5D5\",\n                    cursor: \"pointer\",\n                    borderRadius: \"999px\",\n                  },\n                  children: {\n                    // the thumb\n                    type: \"hbox\",\n                    styles: {\n                      width: \"12px\",\n                      height: \"12px\",\n                      position: \"absolute\",\n                      top: \"2px\",\n                      left: \"2px\",\n                      borderRadius: \"100%\",\n                      backgroundColor: \"#fff\",\n                      padding: 0,\n                      transitionProperty: \"all\",\n                      transitionDuration: \"0.5s\",\n                      transitionTimingFunction: \"ease-in-out\",\n                    },\n                  },\n                },\n                {\n                  // the label\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: DESCRIPTION_COMPONENT_NAME,\n              styles: {\n                fontSize: \"12px\",\n              },\n              props: {\n                children: {\n                  type: \"text\",\n                  value: \"Add interaction variants to see it in action...\",\n                },\n              },\n            },\n          ],\n        },\n        value: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the switch is toggled on\",\n          defaultValueHint: false,\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isSelected\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerSwitch.esm.js","sources":["../src/registerSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport type { SwitchProps } from \"react-aria-components\";\nimport { Switch } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SWITCH_INTERACTION_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"selected\" as const,\n  \"disabled\" as const,\n  \"readonly\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SWITCH_INTERACTION_VARIANTS\n);\n\ninterface BaseSwitchProps extends SwitchProps {\n  children: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SWITCH_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseSwitch(props: BaseSwitchProps) {\n  const { children, updateInteractionVariant, ...rest } = props;\n  return (\n    <Switch {...rest}>\n      {({\n        isHovered,\n        isPressed,\n        isFocused,\n        isFocusVisible,\n        isSelected,\n        isDisabled,\n        isReadOnly,\n      }) =>\n        withObservedValues(\n          children,\n          {\n            hovered: isHovered,\n            pressed: isPressed,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n            selected: isSelected,\n            disabled: isDisabled,\n            readonly: isReadOnly,\n          },\n          updateInteractionVariant\n        )\n      }\n    </Switch>\n  );\n}\n\nexport function registerSwitch(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSwitch>\n) {\n  registerComponentHelper(\n    loader,\n    BaseSwitch,\n    {\n      name: makeComponentName(\"switch\"),\n      displayName: \"Aria Switch\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSwitch\",\n      importName: \"BaseSwitch\",\n      interactionVariants,\n      defaultStyles: {\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        justifyContent: \"flex-start\",\n        padding: 0,\n      },\n      props: {\n        ...getCommonProps<BaseSwitchProps>(\"switch\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                gap: \"10px\",\n                padding: 0,\n              },\n              children: [\n                {\n                  // the track\n                  type: \"hbox\",\n                  styles: {\n                    width: \"30px\",\n                    height: \"16px\",\n                    padding: 0,\n                    backgroundColor: \"#D5D5D5\",\n                    cursor: \"pointer\",\n                    borderRadius: \"999px\",\n                  },\n                  children: {\n                    // the thumb\n                    type: \"hbox\",\n                    styles: {\n                      width: \"12px\",\n                      height: \"12px\",\n                      position: \"absolute\",\n                      top: \"2px\",\n                      left: \"2px\",\n                      borderRadius: \"100%\",\n                      backgroundColor: \"#fff\",\n                      padding: 0,\n                      transitionProperty: \"all\",\n                      transitionDuration: \"0.5s\",\n                      transitionTimingFunction: \"ease-in-out\",\n                    },\n                  },\n                },\n                {\n                  // the label\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: DESCRIPTION_COMPONENT_NAME,\n              styles: {\n                fontSize: \"12px\",\n              },\n              props: {\n                children: {\n                  type: \"text\",\n                  value: \"Add interaction variants to see it in action...\",\n                },\n              },\n            },\n          ],\n        },\n        value: {\n          type: \"string\",\n          description:\n            'The value of the switch in \"selected\" state, used when submitting an HTML form.',\n          defaultValueHint: \"on\",\n        },\n        isSelected: {\n          type: \"boolean\",\n          editOnly: true,\n          displayName: \"Default Selected\",\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the switch should be selected by default\",\n          defaultValueHint: false,\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        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerTextArea.cjs.js

@@ -3,7 +3,8 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var contexts = require('./contexts-7236059e.cjs.js');
+var common = require('./common-f51484c1.cjs.js');
+var contexts = require('./contexts-3a98471a.cjs.js');
 var interactionVariantUtils = require('./interaction-variant-utils-36f1b397.cjs.js');
 var utils = require('./utils-d3708034.cjs.js');
 require('@plasmicapp/host/registerComponent');
@@ -48,20 +49,30 @@ const TEXTAREA_INTERACTION_VARIANTS = [
 const { interactionVariants } = interactionVariantUtils.pickAriaComponentVariants(
   TEXTAREA_INTERACTION_VARIANTS
 );
+const inputHelpers = {
+  states: {
+    value: {
+      onChangeArgsToValue: (e) => {
+        return e.target.value;
+      }
+    }
+  }
+};
 function BaseTextArea(props) {
   var _b;
   const _a = props, { disabled, updateInteractionVariant, setControlContextData } = _a, rest = __objRest(_a, ["disabled", "updateInteractionVariant", "setControlContextData"]);
-  const context = React__default.default.useContext(contexts.PlasmicTextFieldContext);
-  const isStandalone = !context;
+  const textFieldContext = React__default.default.useContext(contexts.PlasmicTextFieldContext);
   const mergedProps = reactAria.mergeProps(rest, {
-    disabled: (_b = context == null ? void 0 : context.isDisabled) != null ? _b : disabled
+    disabled: (_b = textFieldContext == null ? void 0 : textFieldContext.isDisabled) != null ? _b : disabled
   });
   React.useEffect(() => {
     updateInteractionVariant == null ? void 0 : updateInteractionVariant({
       disabled: mergedProps.disabled
     });
   }, [mergedProps.disabled, updateInteractionVariant]);
-  setControlContextData == null ? void 0 : setControlContextData({ isStandalone });
+  setControlContextData == null ? void 0 : setControlContextData({
+    parent: textFieldContext
+  });
   return /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.TextArea,
     __spreadValues({
@@ -93,36 +104,45 @@ function registerTextArea(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea",
       importName: "BaseTextArea",
       interactionVariants,
-      props: {
-        placeholder: {
-          type: "string"
-        },
-        disabled: {
-          type: "boolean",
-          description: "Whether the input is disabled",
-          defaultValueHint: false,
-          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
-        },
-        onKeyDown: {
-          type: "eventHandler",
-          argTypes: [{ name: "keyboardEvent", type: "object" }]
-        },
-        onKeyUp: {
-          type: "eventHandler",
-          argTypes: [{ name: "keyboardEvent", type: "object" }]
-        },
-        onCopy: {
-          type: "eventHandler",
-          argTypes: [{ name: "clipbordEvent", type: "object" }]
-        },
-        onCut: {
-          type: "eventHandler",
-          argTypes: [{ name: "clipbordEvent", type: "object" }]
-        },
-        onPaste: {
-          type: "eventHandler",
-          argTypes: [{ name: "clipbordEvent", type: "object" }]
-        }
+      props: __spreadValues({}, common.getCommonProps("Text Area", [
+        "name",
+        "disabled",
+        "readOnly",
+        "autoFocus",
+        "aria-label",
+        "required",
+        "placeholder",
+        "value",
+        "maxLength",
+        "minLength",
+        "inputMode",
+        "onChange",
+        "onFocus",
+        "onBlur",
+        "onKeyDown",
+        "onKeyUp",
+        "onCopy",
+        "onCut",
+        "onPaste",
+        "onCompositionStart",
+        "onCompositionEnd",
+        "onCompositionUpdate",
+        "onSelect",
+        "onBeforeInput",
+        "onInput"
+      ])),
+      states: {
+        value: __spreadValues({
+          type: "writable",
+          valueProp: "value",
+          onChangeProp: "onChange",
+          variableType: "text"
+        }, inputHelpers.states.value)
+      },
+      componentHelpers: {
+        helpers: inputHelpers,
+        importName: "inputHelpers",
+        importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea"
       },
       trapsFocus: true
     },
@@ -131,5 +151,6 @@ function registerTextArea(loader, overrides) {
 }
 
 exports.BaseTextArea = BaseTextArea;
+exports.inputHelpers = inputHelpers;
 exports.registerTextArea = registerTextArea;
 //# sourceMappingURL=registerTextArea.cjs.js.map

package/skinny/registerTextArea.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextArea.cjs.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport type { TextAreaProps } from \"react-aria-components\";\nimport { TextArea } from \"react-aria-components\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  pickAriaComponentVariants,\n  UpdateInteractionVariant,\n} from \"./interaction-variant-utils\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXTAREA_INTERACTION_VARIANTS = [\n  \"focused\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { interactionVariants } = pickAriaComponentVariants(\n  TEXTAREA_INTERACTION_VARIANTS\n);\n\nexport interface BaseTextAreaProps extends TextAreaProps {\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXTAREA_INTERACTION_VARIANTS\n  >;\n  setControlContextData?: (ctxData: BaseControlContextData) => void;\n}\n\nexport function BaseTextArea(props: BaseTextAreaProps) {\n  const { disabled, updateInteractionVariant, setControlContextData, ...rest } =\n    props;\n\n  const context = React.useContext(PlasmicTextFieldContext);\n  const isStandalone = !context;\n\n  const mergedProps = mergeProps(rest, {\n    disabled: context?.isDisabled ?? disabled,\n  });\n\n  // NOTE: Aria <Input> does not support render props, neither does it provide an onDisabledChange event, so we have to manually update the disabled state\n  useEffect(() => {\n    updateInteractionVariant?.({\n      disabled: mergedProps.disabled,\n    });\n  }, [mergedProps.disabled, updateInteractionVariant]);\n\n  setControlContextData?.({ isStandalone });\n\n  return (\n    <TextArea\n      onFocus={() => {\n        updateInteractionVariant?.({\n          focused: true,\n        });\n      }}\n      onBlur={() => {\n        updateInteractionVariant?.({\n          focused: false,\n        });\n      }}\n      onHoverChange={(isHovered) => {\n        updateInteractionVariant?.({\n          hovered: isHovered,\n        });\n      }}\n      {...mergedProps}\n    />\n  );\n}\n\nexport function registerTextArea(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextArea,\n    {\n      name: makeComponentName(\"textarea\"),\n      displayName: \"Aria TextArea\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      importName: \"BaseTextArea\",\n      interactionVariants,\n      props: {\n        placeholder: {\n          type: \"string\",\n        },\n        disabled: {\n          type: \"boolean\",\n          description: \"Whether the input is disabled\",\n          defaultValueHint: false,\n          hidden: (\n            _ps: BaseTextAreaProps,\n            ctx: BaseControlContextData | null\n          ) => !ctx?.isStandalone,\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","mergeProps","useEffect","TextArea","registerComponentHelper","makeComponentName"],"mappings":"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"}
+{"version":3,"file":"registerTextArea.cjs.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { ChangeEvent, useEffect } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport type { TextAreaProps } from \"react-aria-components\";\nimport { TextArea } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  pickAriaComponentVariants,\n  UpdateInteractionVariant,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXTAREA_INTERACTION_VARIANTS = [\n  \"focused\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { interactionVariants } = pickAriaComponentVariants(\n  TEXTAREA_INTERACTION_VARIANTS\n);\n\nexport interface BaseTextAreaProps\n  extends TextAreaProps,\n    HasControlContextData {\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXTAREA_INTERACTION_VARIANTS\n  >;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nexport function BaseTextArea(props: BaseTextAreaProps) {\n  const { disabled, updateInteractionVariant, setControlContextData, ...rest } =\n    props;\n\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n\n  const mergedProps = mergeProps(rest, {\n    disabled: textFieldContext?.isDisabled ?? disabled,\n  });\n\n  // NOTE: Aria <Input> does not support render props, neither does it provide an onDisabledChange event, so we have to manually update the disabled state\n  useEffect(() => {\n    updateInteractionVariant?.({\n      disabled: mergedProps.disabled,\n    });\n  }, [mergedProps.disabled, updateInteractionVariant]);\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  return (\n    <TextArea\n      onFocus={() => {\n        updateInteractionVariant?.({\n          focused: true,\n        });\n      }}\n      onBlur={() => {\n        updateInteractionVariant?.({\n          focused: false,\n        });\n      }}\n      onHoverChange={(isHovered) => {\n        updateInteractionVariant?.({\n          hovered: isHovered,\n        });\n      }}\n      {...mergedProps}\n    />\n  );\n}\n\nexport function registerTextArea(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextArea,\n    {\n      name: makeComponentName(\"textarea\"),\n      displayName: \"Aria TextArea\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      importName: \"BaseTextArea\",\n      interactionVariants,\n      props: {\n        ...getCommonProps<TextAreaProps>(\"Text Area\", [\n          \"name\",\n          \"disabled\",\n          \"readOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"required\",\n          \"placeholder\",\n          \"value\",\n          \"maxLength\",\n          \"minLength\",\n          \"inputMode\",\n          \"onChange\",\n          \"onFocus\",\n          \"onBlur\",\n          \"onKeyDown\",\n          \"onKeyUp\",\n          \"onCopy\",\n          \"onCut\",\n          \"onPaste\",\n          \"onCompositionStart\",\n          \"onCompositionEnd\",\n          \"onCompositionUpdate\",\n          \"onSelect\",\n          \"onBeforeInput\",\n          \"onInput\",\n        ]),\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","mergeProps","useEffect","TextArea","registerComponentHelper","makeComponentName","getCommonProps"],"mappings":"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"}

package/skinny/registerTextArea.d.ts

@@ -1,12 +1,18 @@
-import React from "react";
+import React, { ChangeEvent } from "react";
 import type { TextAreaProps } from "react-aria-components";
 import { UpdateInteractionVariant } from "./interaction-variant-utils";
-import { BaseControlContextData, CodeComponentMetaOverrides, Registerable } from "./utils";
-declare const TEXTAREA_INTERACTION_VARIANTS: ("hovered" | "focused" | "disabled")[];
-export interface BaseTextAreaProps extends TextAreaProps {
+import { CodeComponentMetaOverrides, HasControlContextData, Registerable } from "./utils";
+declare const TEXTAREA_INTERACTION_VARIANTS: ("disabled" | "hovered" | "focused")[];
+export interface BaseTextAreaProps extends TextAreaProps, HasControlContextData {
     updateInteractionVariant?: UpdateInteractionVariant<typeof TEXTAREA_INTERACTION_VARIANTS>;
-    setControlContextData?: (ctxData: BaseControlContextData) => void;
 }
+export declare const inputHelpers: {
+    states: {
+        value: {
+            onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => string;
+        };
+    };
+};
 export declare function BaseTextArea(props: BaseTextAreaProps): React.JSX.Element;
 export declare function registerTextArea(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>): void;
 export {};

package/skinny/registerTextArea.esm.js

@@ -1,7 +1,8 @@
 import React, { useEffect } from 'react';
 import { mergeProps } from 'react-aria';
 import { TextArea } from 'react-aria-components';
-import { j as PlasmicTextFieldContext } from './contexts-21e0d928.esm.js';
+import { g as getCommonProps } from './common-96be13c3.esm.js';
+import { i as PlasmicTextFieldContext } from './contexts-87c261f6.esm.js';
 import { p as pickAriaComponentVariants } from './interaction-variant-utils-abd0c319.esm.js';
 import { r as registerComponentHelper, a as makeComponentName } from './utils-a1785802.esm.js';
 import '@plasmicapp/host/registerComponent';
@@ -42,20 +43,30 @@ const TEXTAREA_INTERACTION_VARIANTS = [
 const { interactionVariants } = pickAriaComponentVariants(
   TEXTAREA_INTERACTION_VARIANTS
 );
+const inputHelpers = {
+  states: {
+    value: {
+      onChangeArgsToValue: (e) => {
+        return e.target.value;
+      }
+    }
+  }
+};
 function BaseTextArea(props) {
   var _b;
   const _a = props, { disabled, updateInteractionVariant, setControlContextData } = _a, rest = __objRest(_a, ["disabled", "updateInteractionVariant", "setControlContextData"]);
-  const context = React.useContext(PlasmicTextFieldContext);
-  const isStandalone = !context;
+  const textFieldContext = React.useContext(PlasmicTextFieldContext);
   const mergedProps = mergeProps(rest, {
-    disabled: (_b = context == null ? void 0 : context.isDisabled) != null ? _b : disabled
+    disabled: (_b = textFieldContext == null ? void 0 : textFieldContext.isDisabled) != null ? _b : disabled
   });
   useEffect(() => {
     updateInteractionVariant == null ? void 0 : updateInteractionVariant({
       disabled: mergedProps.disabled
     });
   }, [mergedProps.disabled, updateInteractionVariant]);
-  setControlContextData == null ? void 0 : setControlContextData({ isStandalone });
+  setControlContextData == null ? void 0 : setControlContextData({
+    parent: textFieldContext
+  });
   return /* @__PURE__ */ React.createElement(
     TextArea,
     __spreadValues({
@@ -87,36 +98,45 @@ function registerTextArea(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea",
       importName: "BaseTextArea",
       interactionVariants,
-      props: {
-        placeholder: {
-          type: "string"
-        },
-        disabled: {
-          type: "boolean",
-          description: "Whether the input is disabled",
-          defaultValueHint: false,
-          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
-        },
-        onKeyDown: {
-          type: "eventHandler",
-          argTypes: [{ name: "keyboardEvent", type: "object" }]
-        },
-        onKeyUp: {
-          type: "eventHandler",
-          argTypes: [{ name: "keyboardEvent", type: "object" }]
-        },
-        onCopy: {
-          type: "eventHandler",
-          argTypes: [{ name: "clipbordEvent", type: "object" }]
-        },
-        onCut: {
-          type: "eventHandler",
-          argTypes: [{ name: "clipbordEvent", type: "object" }]
-        },
-        onPaste: {
-          type: "eventHandler",
-          argTypes: [{ name: "clipbordEvent", type: "object" }]
-        }
+      props: __spreadValues({}, getCommonProps("Text Area", [
+        "name",
+        "disabled",
+        "readOnly",
+        "autoFocus",
+        "aria-label",
+        "required",
+        "placeholder",
+        "value",
+        "maxLength",
+        "minLength",
+        "inputMode",
+        "onChange",
+        "onFocus",
+        "onBlur",
+        "onKeyDown",
+        "onKeyUp",
+        "onCopy",
+        "onCut",
+        "onPaste",
+        "onCompositionStart",
+        "onCompositionEnd",
+        "onCompositionUpdate",
+        "onSelect",
+        "onBeforeInput",
+        "onInput"
+      ])),
+      states: {
+        value: __spreadValues({
+          type: "writable",
+          valueProp: "value",
+          onChangeProp: "onChange",
+          variableType: "text"
+        }, inputHelpers.states.value)
+      },
+      componentHelpers: {
+        helpers: inputHelpers,
+        importName: "inputHelpers",
+        importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea"
       },
       trapsFocus: true
     },
@@ -124,5 +144,5 @@ function registerTextArea(loader, overrides) {
   );
 }
 
-export { BaseTextArea, registerTextArea };
+export { BaseTextArea, inputHelpers, registerTextArea };
 //# sourceMappingURL=registerTextArea.esm.js.map

package/skinny/registerTextArea.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextArea.esm.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport type { TextAreaProps } from \"react-aria-components\";\nimport { TextArea } from \"react-aria-components\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  pickAriaComponentVariants,\n  UpdateInteractionVariant,\n} from \"./interaction-variant-utils\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXTAREA_INTERACTION_VARIANTS = [\n  \"focused\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { interactionVariants } = pickAriaComponentVariants(\n  TEXTAREA_INTERACTION_VARIANTS\n);\n\nexport interface BaseTextAreaProps extends TextAreaProps {\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXTAREA_INTERACTION_VARIANTS\n  >;\n  setControlContextData?: (ctxData: BaseControlContextData) => void;\n}\n\nexport function BaseTextArea(props: BaseTextAreaProps) {\n  const { disabled, updateInteractionVariant, setControlContextData, ...rest } =\n    props;\n\n  const context = React.useContext(PlasmicTextFieldContext);\n  const isStandalone = !context;\n\n  const mergedProps = mergeProps(rest, {\n    disabled: context?.isDisabled ?? disabled,\n  });\n\n  // NOTE: Aria <Input> does not support render props, neither does it provide an onDisabledChange event, so we have to manually update the disabled state\n  useEffect(() => {\n    updateInteractionVariant?.({\n      disabled: mergedProps.disabled,\n    });\n  }, [mergedProps.disabled, updateInteractionVariant]);\n\n  setControlContextData?.({ isStandalone });\n\n  return (\n    <TextArea\n      onFocus={() => {\n        updateInteractionVariant?.({\n          focused: true,\n        });\n      }}\n      onBlur={() => {\n        updateInteractionVariant?.({\n          focused: false,\n        });\n      }}\n      onHoverChange={(isHovered) => {\n        updateInteractionVariant?.({\n          hovered: isHovered,\n        });\n      }}\n      {...mergedProps}\n    />\n  );\n}\n\nexport function registerTextArea(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextArea,\n    {\n      name: makeComponentName(\"textarea\"),\n      displayName: \"Aria TextArea\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      importName: \"BaseTextArea\",\n      interactionVariants,\n      props: {\n        placeholder: {\n          type: \"string\",\n        },\n        disabled: {\n          type: \"boolean\",\n          description: \"Whether the input is disabled\",\n          defaultValueHint: false,\n          hidden: (\n            _ps: BaseTextAreaProps,\n            ctx: BaseControlContextData | null\n          ) => !ctx?.isStandalone,\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerTextArea.esm.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { ChangeEvent, useEffect } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport type { TextAreaProps } from \"react-aria-components\";\nimport { TextArea } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  pickAriaComponentVariants,\n  UpdateInteractionVariant,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXTAREA_INTERACTION_VARIANTS = [\n  \"focused\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { interactionVariants } = pickAriaComponentVariants(\n  TEXTAREA_INTERACTION_VARIANTS\n);\n\nexport interface BaseTextAreaProps\n  extends TextAreaProps,\n    HasControlContextData {\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXTAREA_INTERACTION_VARIANTS\n  >;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nexport function BaseTextArea(props: BaseTextAreaProps) {\n  const { disabled, updateInteractionVariant, setControlContextData, ...rest } =\n    props;\n\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n\n  const mergedProps = mergeProps(rest, {\n    disabled: textFieldContext?.isDisabled ?? disabled,\n  });\n\n  // NOTE: Aria <Input> does not support render props, neither does it provide an onDisabledChange event, so we have to manually update the disabled state\n  useEffect(() => {\n    updateInteractionVariant?.({\n      disabled: mergedProps.disabled,\n    });\n  }, [mergedProps.disabled, updateInteractionVariant]);\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  return (\n    <TextArea\n      onFocus={() => {\n        updateInteractionVariant?.({\n          focused: true,\n        });\n      }}\n      onBlur={() => {\n        updateInteractionVariant?.({\n          focused: false,\n        });\n      }}\n      onHoverChange={(isHovered) => {\n        updateInteractionVariant?.({\n          hovered: isHovered,\n        });\n      }}\n      {...mergedProps}\n    />\n  );\n}\n\nexport function registerTextArea(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextArea,\n    {\n      name: makeComponentName(\"textarea\"),\n      displayName: \"Aria TextArea\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      importName: \"BaseTextArea\",\n      interactionVariants,\n      props: {\n        ...getCommonProps<TextAreaProps>(\"Text Area\", [\n          \"name\",\n          \"disabled\",\n          \"readOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"required\",\n          \"placeholder\",\n          \"value\",\n          \"maxLength\",\n          \"minLength\",\n          \"inputMode\",\n          \"onChange\",\n          \"onFocus\",\n          \"onBlur\",\n          \"onKeyDown\",\n          \"onKeyUp\",\n          \"onCopy\",\n          \"onCut\",\n          \"onPaste\",\n          \"onCompositionStart\",\n          \"onCompositionEnd\",\n          \"onCompositionUpdate\",\n          \"onSelect\",\n          \"onBeforeInput\",\n          \"onInput\",\n        ]),\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}