@plasmicpkgs/react-aria 0.0.24 → 0.0.26

package/skinny/registerTextField.cjs.js

@@ -8,8 +8,9 @@ var registerFieldError = require('./registerFieldError.cjs.js');
 var registerInput = require('./registerInput.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var registerTextArea = require('./registerTextArea.cjs.js');
-var utils = require('./utils-1190a0a9.cjs.js');
+var utils = require('./utils-18b2465b.cjs.js');
 require('./registerText.cjs.js');
+require('./interaction-variant-utils-80bf1cfd.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -220,9 +221,61 @@ function registerTextField(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "value", type: "string" }]
         },
+        onFocus: {
+          type: "eventHandler",
+          argTypes: [{ name: "focusEvent", type: "object" }]
+        },
+        onBlur: {
+          type: "eventHandler",
+          argTypes: [{ name: "focusEvent", type: "object" }]
+        },
         onFocusChange: {
           type: "eventHandler",
           argTypes: [{ name: "isFocused", type: "boolean" }]
+        },
+        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" }]
+        },
+        onCompositionStart: {
+          type: "eventHandler",
+          argTypes: [{ name: "compositionEvent", type: "object" }]
+        },
+        onCompositionEnd: {
+          type: "eventHandler",
+          argTypes: [{ name: "compositionEvent", type: "object" }]
+        },
+        onCompositionUpdate: {
+          type: "eventHandler",
+          argTypes: [{ name: "compositionEvent", type: "object" }]
+        },
+        onSelect: {
+          type: "eventHandler",
+          argTypes: [{ name: "selectionEvent", type: "object" }]
+        },
+        onBeforeInput: {
+          type: "eventHandler",
+          argTypes: [{ name: "inputEvent", type: "object" }]
+        },
+        onInput: {
+          type: "eventHandler",
+          argTypes: [{ name: "inputEvent", type: "object" }]
         }
       }),
       // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented
@@ -232,11 +285,6 @@ function registerTextField(loader, overrides) {
           valueProp: "value",
           onChangeProp: "onChange",
           variableType: "text"
-        },
-        isFocused: {
-          type: "readonly",
-          onChangeProp: "onFocusChange",
-          variableType: "boolean"
         }
       },
       trapsFocus: true

package/skinny/registerTextField.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextField.cjs.js","sources":["../src/registerTextField.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport type { InputProps, TextFieldProps } from \"react-aria-components\";\nimport { TextField } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport { registerDescription } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { registerInput } from \"./registerInput\";\nimport { registerLabel } from \"./registerLabel\";\nimport { registerTextArea } from \"./registerTextArea\";\nimport {\n  CodeComponentMetaOverrides,\n  makeChildComponentName,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseTextFieldProps extends TextFieldProps {\n  children?: ReactNode;\n  label?: ReactNode;\n  description?: ReactNode;\n  enableAutoComplete?: boolean;\n  multiline?: boolean;\n  inputProps?: InputProps;\n}\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { enableAutoComplete, autoComplete, children, ...rest } = props;\n\n  return (\n    <TextField\n      autoComplete={enableAutoComplete ? autoComplete : undefined}\n      {...rest}\n    >\n      {children}\n    </TextField>\n  );\n}\n\nconst componentName = makeComponentName(\"textField\");\n\nexport function registerTextField(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextField>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextField,\n    {\n      name: componentName,\n      displayName: \"Aria TextField\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextField\",\n      importName: \"BaseTextField\",\n      // TODO: Support for validate prop\n      props: {\n        ...getCommonInputProps<BaseTextFieldProps>(\"input\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"children\",\n          \"isRequired\",\n        ]),\n        value: {\n          type: \"string\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n        },\n        isInvalid: {\n          // TODO: Not sure if needed\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        customValidationErrors: {\n          // TODO: Not sure if needed\n          type: \"array\",\n          description: \"Errors for custom validation\",\n        },\n        // validate: {\n        //   type: \"function\" as const,\n        //   argNames: [\"value\"],\n        //   argValues: (_ps: any, ctx: any) => [ctx.data[0]],\n        // },\n        enableAutoComplete: {\n          type: \"boolean\",\n          description:\n            \"Whether the browser is allowed to automatically complete the input\",\n          defaultValueHint: false,\n        },\n        autoComplete: {\n          type: \"choice\",\n          hidden: ({ enableAutoComplete }: BaseTextFieldProps) =>\n            !enableAutoComplete,\n          description: \"Guidance as to the type of data expected in the field\",\n          helpText:\n            \"For explanations on what each of the values mean, check https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\",\n          options: [\n            \"name\",\n            \"honorific-prefix\",\n            \"given-name\",\n            \"additional-name\",\n            \"family-name\",\n            \"honorific-suffix\",\n            \"nickname\",\n            \"email\",\n            \"username\",\n            \"new-password\",\n            \"current-password\",\n            \"one-time-code\",\n            \"organization-title\",\n            \"organization\",\n            \"street-address\",\n            \"shipping\",\n            \"billing\",\n            \"address-line1\",\n            \"address-line2\",\n            \"address-line3\",\n            \"address-level4\",\n            \"address-level3\",\n            \"address-level2\",\n            \"address-level1\",\n            \"country\",\n            \"country-name\",\n            \"postal-code\",\n            \"cc-name\",\n            \"cc-given-name\",\n            \"cc-additional-name\",\n            \"cc-family-name\",\n            \"cc-number\",\n            \"cc-exp\",\n            \"cc-exp-month\",\n            \"cc-exp-year\",\n            \"cc-csc\",\n            \"cc-type\",\n            \"transaction-currency\",\n            \"transaction-amount\",\n            \"language\",\n            \"bday\",\n            \"bday-day\",\n            \"bday-month\",\n            \"bday-year\",\n            \"sex\",\n            \"tel\",\n            \"tel-country-code\",\n            \"tel-national\",\n            \"tel-area-code\",\n            \"tel-local\",\n            \"tel-local-suffix\",\n            \"tel-local-prefix\",\n            \"tel-extension\",\n            \"impp\",\n            \"url\",\n            \"photo\",\n            \"webauthn\",\n          ],\n        },\n        maxLength: {\n          type: \"number\",\n          description:\n            \"The maximum number of characters supported by the input\",\n        },\n        minLength: {\n          type: \"number\",\n          description:\n            \"The minimum number of characters supported by the input\",\n        },\n        pattern: {\n          type: \"string\",\n          description:\n            \"Regex pattern that the value of the input must match to be valid\",\n          helpText:\n            \"For more information about writing Regular Expressions (regex), check out https://regexr.com/\",\n          validator: (value) => {\n            try {\n              new RegExp(value);\n              return true;\n            } catch (error) {\n              return \"Invalid Regex\";\n            }\n          },\n        },\n        type: {\n          type: \"choice\",\n          defaultValueHint: \"text\",\n          options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n        },\n        inputMode: {\n          type: \"choice\",\n          description:\n            \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n          options: [\n            \"none\",\n            \"text\",\n            \"tel\",\n            \"url\",\n            \"email\",\n            \"numeric\",\n            \"decimal\",\n            \"search\",\n          ],\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n      },\n      // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n        },\n        isFocused: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    componentName\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerInput(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerDescription(loader, { parentComponentName: thisName });\n  registerTextArea(loader, { parentComponentName: thisName });\n}\n"],"names":["React","TextField","makeComponentName","registerComponentHelper","getCommonInputProps","makeChildComponentName","registerFieldError","registerInput","registerLabel","registerDescription","registerTextArea"],"mappings":"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"}
+{"version":3,"file":"registerTextField.cjs.js","sources":["../src/registerTextField.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport type { InputProps, TextFieldProps } from \"react-aria-components\";\nimport { TextField } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport { registerDescription } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { registerInput } from \"./registerInput\";\nimport { registerLabel } from \"./registerLabel\";\nimport { registerTextArea } from \"./registerTextArea\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseTextFieldProps extends TextFieldProps {\n  label?: ReactNode;\n  description?: ReactNode;\n  enableAutoComplete?: boolean;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  children: ReactNode;\n}\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { enableAutoComplete, autoComplete, children, ...rest } = props;\n\n  return (\n    <TextField\n      autoComplete={enableAutoComplete ? autoComplete : undefined}\n      {...rest}\n    >\n      {children}\n    </TextField>\n  );\n}\n\nconst componentName = makeComponentName(\"textField\");\n\nexport function registerTextField(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextField>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextField,\n    {\n      name: componentName,\n      displayName: \"Aria TextField\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextField\",\n      importName: \"BaseTextField\",\n      // TODO: Support for validate prop\n      props: {\n        ...getCommonInputProps<BaseTextFieldProps>(\"input\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"children\",\n          \"isRequired\",\n        ]),\n        value: {\n          type: \"string\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n        },\n        isInvalid: {\n          // TODO: Not sure if needed\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        customValidationErrors: {\n          // TODO: Not sure if needed\n          type: \"array\",\n          description: \"Errors for custom validation\",\n        },\n        // validate: {\n        //   type: \"function\" as const,\n        //   argNames: [\"value\"],\n        //   argValues: (_ps: any, ctx: any) => [ctx.data[0]],\n        // },\n        enableAutoComplete: {\n          type: \"boolean\",\n          description:\n            \"Whether the browser is allowed to automatically complete the input\",\n          defaultValueHint: false,\n        },\n        autoComplete: {\n          type: \"choice\",\n          hidden: ({ enableAutoComplete }: BaseTextFieldProps) =>\n            !enableAutoComplete,\n          description: \"Guidance as to the type of data expected in the field\",\n          helpText:\n            \"For explanations on what each of the values mean, check https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\",\n          options: [\n            \"name\",\n            \"honorific-prefix\",\n            \"given-name\",\n            \"additional-name\",\n            \"family-name\",\n            \"honorific-suffix\",\n            \"nickname\",\n            \"email\",\n            \"username\",\n            \"new-password\",\n            \"current-password\",\n            \"one-time-code\",\n            \"organization-title\",\n            \"organization\",\n            \"street-address\",\n            \"shipping\",\n            \"billing\",\n            \"address-line1\",\n            \"address-line2\",\n            \"address-line3\",\n            \"address-level4\",\n            \"address-level3\",\n            \"address-level2\",\n            \"address-level1\",\n            \"country\",\n            \"country-name\",\n            \"postal-code\",\n            \"cc-name\",\n            \"cc-given-name\",\n            \"cc-additional-name\",\n            \"cc-family-name\",\n            \"cc-number\",\n            \"cc-exp\",\n            \"cc-exp-month\",\n            \"cc-exp-year\",\n            \"cc-csc\",\n            \"cc-type\",\n            \"transaction-currency\",\n            \"transaction-amount\",\n            \"language\",\n            \"bday\",\n            \"bday-day\",\n            \"bday-month\",\n            \"bday-year\",\n            \"sex\",\n            \"tel\",\n            \"tel-country-code\",\n            \"tel-national\",\n            \"tel-area-code\",\n            \"tel-local\",\n            \"tel-local-suffix\",\n            \"tel-local-prefix\",\n            \"tel-extension\",\n            \"impp\",\n            \"url\",\n            \"photo\",\n            \"webauthn\",\n          ],\n        },\n        maxLength: {\n          type: \"number\",\n          description:\n            \"The maximum number of characters supported by the input\",\n        },\n        minLength: {\n          type: \"number\",\n          description:\n            \"The minimum number of characters supported by the input\",\n        },\n        pattern: {\n          type: \"string\",\n          description:\n            \"Regex pattern that the value of the input must match to be valid\",\n          helpText:\n            \"For more information about writing Regular Expressions (regex), check out https://regexr.com/\",\n          validator: (value) => {\n            try {\n              new RegExp(value);\n              return true;\n            } catch (error) {\n              return \"Invalid Regex\";\n            }\n          },\n        },\n        type: {\n          type: \"choice\",\n          defaultValueHint: \"text\",\n          options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n        },\n        inputMode: {\n          type: \"choice\",\n          description:\n            \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n          options: [\n            \"none\",\n            \"text\",\n            \"tel\",\n            \"url\",\n            \"email\",\n            \"numeric\",\n            \"decimal\",\n            \"search\",\n          ],\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onBlur: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\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        onCompositionStart: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionUpdate: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onSelect: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"selectionEvent\", type: \"object\" }],\n        },\n        onBeforeInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n        onInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n      },\n      // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    componentName\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerInput(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerDescription(loader, { parentComponentName: thisName });\n  registerTextArea(loader, { parentComponentName: thisName });\n}\n"],"names":["React","TextField","makeComponentName","registerComponentHelper","getCommonInputProps","makeChildComponentName","registerFieldError","registerInput","registerLabel","registerDescription","registerTextArea"],"mappings":"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"}

package/skinny/registerTextField.d.ts

@@ -2,12 +2,12 @@ import React, { ReactNode } from "react";
 import type { InputProps, TextFieldProps } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
 interface BaseTextFieldProps extends TextFieldProps {
-    children?: ReactNode;
     label?: ReactNode;
     description?: ReactNode;
     enableAutoComplete?: boolean;
     multiline?: boolean;
     inputProps?: InputProps;
+    children: ReactNode;
 }
 export declare function BaseTextField(props: BaseTextFieldProps): React.JSX.Element;
 export declare function registerTextField(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseTextField>): void;

package/skinny/registerTextField.esm.js

@@ -6,8 +6,9 @@ import { registerFieldError } from './registerFieldError.esm.js';
 import { registerInput } from './registerInput.esm.js';
 import { registerLabel } from './registerLabel.esm.js';
 import { registerTextArea } from './registerTextArea.esm.js';
-import { r as registerComponentHelper, a as makeChildComponentName, m as makeComponentName } from './utils-28f98072.esm.js';
+import { r as registerComponentHelper, a as makeChildComponentName, m as makeComponentName } from './utils-cf2632c9.esm.js';
 import './registerText.esm.js';
+import './interaction-variant-utils-608d984b.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;
@@ -214,9 +215,61 @@ function registerTextField(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "value", type: "string" }]
         },
+        onFocus: {
+          type: "eventHandler",
+          argTypes: [{ name: "focusEvent", type: "object" }]
+        },
+        onBlur: {
+          type: "eventHandler",
+          argTypes: [{ name: "focusEvent", type: "object" }]
+        },
         onFocusChange: {
           type: "eventHandler",
           argTypes: [{ name: "isFocused", type: "boolean" }]
+        },
+        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" }]
+        },
+        onCompositionStart: {
+          type: "eventHandler",
+          argTypes: [{ name: "compositionEvent", type: "object" }]
+        },
+        onCompositionEnd: {
+          type: "eventHandler",
+          argTypes: [{ name: "compositionEvent", type: "object" }]
+        },
+        onCompositionUpdate: {
+          type: "eventHandler",
+          argTypes: [{ name: "compositionEvent", type: "object" }]
+        },
+        onSelect: {
+          type: "eventHandler",
+          argTypes: [{ name: "selectionEvent", type: "object" }]
+        },
+        onBeforeInput: {
+          type: "eventHandler",
+          argTypes: [{ name: "inputEvent", type: "object" }]
+        },
+        onInput: {
+          type: "eventHandler",
+          argTypes: [{ name: "inputEvent", type: "object" }]
         }
       }),
       // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented
@@ -226,11 +279,6 @@ function registerTextField(loader, overrides) {
           valueProp: "value",
           onChangeProp: "onChange",
           variableType: "text"
-        },
-        isFocused: {
-          type: "readonly",
-          onChangeProp: "onFocusChange",
-          variableType: "boolean"
         }
       },
       trapsFocus: true

package/skinny/registerTextField.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextField.esm.js","sources":["../src/registerTextField.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport type { InputProps, TextFieldProps } from \"react-aria-components\";\nimport { TextField } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport { registerDescription } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { registerInput } from \"./registerInput\";\nimport { registerLabel } from \"./registerLabel\";\nimport { registerTextArea } from \"./registerTextArea\";\nimport {\n  CodeComponentMetaOverrides,\n  makeChildComponentName,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseTextFieldProps extends TextFieldProps {\n  children?: ReactNode;\n  label?: ReactNode;\n  description?: ReactNode;\n  enableAutoComplete?: boolean;\n  multiline?: boolean;\n  inputProps?: InputProps;\n}\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { enableAutoComplete, autoComplete, children, ...rest } = props;\n\n  return (\n    <TextField\n      autoComplete={enableAutoComplete ? autoComplete : undefined}\n      {...rest}\n    >\n      {children}\n    </TextField>\n  );\n}\n\nconst componentName = makeComponentName(\"textField\");\n\nexport function registerTextField(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextField>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextField,\n    {\n      name: componentName,\n      displayName: \"Aria TextField\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextField\",\n      importName: \"BaseTextField\",\n      // TODO: Support for validate prop\n      props: {\n        ...getCommonInputProps<BaseTextFieldProps>(\"input\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"children\",\n          \"isRequired\",\n        ]),\n        value: {\n          type: \"string\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n        },\n        isInvalid: {\n          // TODO: Not sure if needed\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        customValidationErrors: {\n          // TODO: Not sure if needed\n          type: \"array\",\n          description: \"Errors for custom validation\",\n        },\n        // validate: {\n        //   type: \"function\" as const,\n        //   argNames: [\"value\"],\n        //   argValues: (_ps: any, ctx: any) => [ctx.data[0]],\n        // },\n        enableAutoComplete: {\n          type: \"boolean\",\n          description:\n            \"Whether the browser is allowed to automatically complete the input\",\n          defaultValueHint: false,\n        },\n        autoComplete: {\n          type: \"choice\",\n          hidden: ({ enableAutoComplete }: BaseTextFieldProps) =>\n            !enableAutoComplete,\n          description: \"Guidance as to the type of data expected in the field\",\n          helpText:\n            \"For explanations on what each of the values mean, check https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\",\n          options: [\n            \"name\",\n            \"honorific-prefix\",\n            \"given-name\",\n            \"additional-name\",\n            \"family-name\",\n            \"honorific-suffix\",\n            \"nickname\",\n            \"email\",\n            \"username\",\n            \"new-password\",\n            \"current-password\",\n            \"one-time-code\",\n            \"organization-title\",\n            \"organization\",\n            \"street-address\",\n            \"shipping\",\n            \"billing\",\n            \"address-line1\",\n            \"address-line2\",\n            \"address-line3\",\n            \"address-level4\",\n            \"address-level3\",\n            \"address-level2\",\n            \"address-level1\",\n            \"country\",\n            \"country-name\",\n            \"postal-code\",\n            \"cc-name\",\n            \"cc-given-name\",\n            \"cc-additional-name\",\n            \"cc-family-name\",\n            \"cc-number\",\n            \"cc-exp\",\n            \"cc-exp-month\",\n            \"cc-exp-year\",\n            \"cc-csc\",\n            \"cc-type\",\n            \"transaction-currency\",\n            \"transaction-amount\",\n            \"language\",\n            \"bday\",\n            \"bday-day\",\n            \"bday-month\",\n            \"bday-year\",\n            \"sex\",\n            \"tel\",\n            \"tel-country-code\",\n            \"tel-national\",\n            \"tel-area-code\",\n            \"tel-local\",\n            \"tel-local-suffix\",\n            \"tel-local-prefix\",\n            \"tel-extension\",\n            \"impp\",\n            \"url\",\n            \"photo\",\n            \"webauthn\",\n          ],\n        },\n        maxLength: {\n          type: \"number\",\n          description:\n            \"The maximum number of characters supported by the input\",\n        },\n        minLength: {\n          type: \"number\",\n          description:\n            \"The minimum number of characters supported by the input\",\n        },\n        pattern: {\n          type: \"string\",\n          description:\n            \"Regex pattern that the value of the input must match to be valid\",\n          helpText:\n            \"For more information about writing Regular Expressions (regex), check out https://regexr.com/\",\n          validator: (value) => {\n            try {\n              new RegExp(value);\n              return true;\n            } catch (error) {\n              return \"Invalid Regex\";\n            }\n          },\n        },\n        type: {\n          type: \"choice\",\n          defaultValueHint: \"text\",\n          options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n        },\n        inputMode: {\n          type: \"choice\",\n          description:\n            \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n          options: [\n            \"none\",\n            \"text\",\n            \"tel\",\n            \"url\",\n            \"email\",\n            \"numeric\",\n            \"decimal\",\n            \"search\",\n          ],\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n      },\n      // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n        },\n        isFocused: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    componentName\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerInput(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerDescription(loader, { parentComponentName: thisName });\n  registerTextArea(loader, { parentComponentName: thisName });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerTextField.esm.js","sources":["../src/registerTextField.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport type { InputProps, TextFieldProps } from \"react-aria-components\";\nimport { TextField } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport { registerDescription } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { registerInput } from \"./registerInput\";\nimport { registerLabel } from \"./registerLabel\";\nimport { registerTextArea } from \"./registerTextArea\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseTextFieldProps extends TextFieldProps {\n  label?: ReactNode;\n  description?: ReactNode;\n  enableAutoComplete?: boolean;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  children: ReactNode;\n}\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { enableAutoComplete, autoComplete, children, ...rest } = props;\n\n  return (\n    <TextField\n      autoComplete={enableAutoComplete ? autoComplete : undefined}\n      {...rest}\n    >\n      {children}\n    </TextField>\n  );\n}\n\nconst componentName = makeComponentName(\"textField\");\n\nexport function registerTextField(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextField>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextField,\n    {\n      name: componentName,\n      displayName: \"Aria TextField\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextField\",\n      importName: \"BaseTextField\",\n      // TODO: Support for validate prop\n      props: {\n        ...getCommonInputProps<BaseTextFieldProps>(\"input\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"children\",\n          \"isRequired\",\n        ]),\n        value: {\n          type: \"string\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n        },\n        isInvalid: {\n          // TODO: Not sure if needed\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        customValidationErrors: {\n          // TODO: Not sure if needed\n          type: \"array\",\n          description: \"Errors for custom validation\",\n        },\n        // validate: {\n        //   type: \"function\" as const,\n        //   argNames: [\"value\"],\n        //   argValues: (_ps: any, ctx: any) => [ctx.data[0]],\n        // },\n        enableAutoComplete: {\n          type: \"boolean\",\n          description:\n            \"Whether the browser is allowed to automatically complete the input\",\n          defaultValueHint: false,\n        },\n        autoComplete: {\n          type: \"choice\",\n          hidden: ({ enableAutoComplete }: BaseTextFieldProps) =>\n            !enableAutoComplete,\n          description: \"Guidance as to the type of data expected in the field\",\n          helpText:\n            \"For explanations on what each of the values mean, check https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\",\n          options: [\n            \"name\",\n            \"honorific-prefix\",\n            \"given-name\",\n            \"additional-name\",\n            \"family-name\",\n            \"honorific-suffix\",\n            \"nickname\",\n            \"email\",\n            \"username\",\n            \"new-password\",\n            \"current-password\",\n            \"one-time-code\",\n            \"organization-title\",\n            \"organization\",\n            \"street-address\",\n            \"shipping\",\n            \"billing\",\n            \"address-line1\",\n            \"address-line2\",\n            \"address-line3\",\n            \"address-level4\",\n            \"address-level3\",\n            \"address-level2\",\n            \"address-level1\",\n            \"country\",\n            \"country-name\",\n            \"postal-code\",\n            \"cc-name\",\n            \"cc-given-name\",\n            \"cc-additional-name\",\n            \"cc-family-name\",\n            \"cc-number\",\n            \"cc-exp\",\n            \"cc-exp-month\",\n            \"cc-exp-year\",\n            \"cc-csc\",\n            \"cc-type\",\n            \"transaction-currency\",\n            \"transaction-amount\",\n            \"language\",\n            \"bday\",\n            \"bday-day\",\n            \"bday-month\",\n            \"bday-year\",\n            \"sex\",\n            \"tel\",\n            \"tel-country-code\",\n            \"tel-national\",\n            \"tel-area-code\",\n            \"tel-local\",\n            \"tel-local-suffix\",\n            \"tel-local-prefix\",\n            \"tel-extension\",\n            \"impp\",\n            \"url\",\n            \"photo\",\n            \"webauthn\",\n          ],\n        },\n        maxLength: {\n          type: \"number\",\n          description:\n            \"The maximum number of characters supported by the input\",\n        },\n        minLength: {\n          type: \"number\",\n          description:\n            \"The minimum number of characters supported by the input\",\n        },\n        pattern: {\n          type: \"string\",\n          description:\n            \"Regex pattern that the value of the input must match to be valid\",\n          helpText:\n            \"For more information about writing Regular Expressions (regex), check out https://regexr.com/\",\n          validator: (value) => {\n            try {\n              new RegExp(value);\n              return true;\n            } catch (error) {\n              return \"Invalid Regex\";\n            }\n          },\n        },\n        type: {\n          type: \"choice\",\n          defaultValueHint: \"text\",\n          options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n        },\n        inputMode: {\n          type: \"choice\",\n          description:\n            \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n          options: [\n            \"none\",\n            \"text\",\n            \"tel\",\n            \"url\",\n            \"email\",\n            \"numeric\",\n            \"decimal\",\n            \"search\",\n          ],\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onBlur: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\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        onCompositionStart: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionUpdate: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onSelect: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"selectionEvent\", type: \"object\" }],\n        },\n        onBeforeInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n        onInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n      },\n      // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    componentName\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerInput(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerDescription(loader, { parentComponentName: thisName });\n  registerTextArea(loader, { parentComponentName: thisName });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerTooltip.cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var reactAria = require('react-aria');
 var flattenChildren = require('react-keyed-flatten-children');
 var reactStately = require('react-stately');
-var utils$1 = require('./utils-1190a0a9.cjs.js');
+var utils$1 = require('./utils-18b2465b.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerTooltip.esm.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { useTooltipTrigger } from 'react-aria';
 import flattenChildren from 'react-keyed-flatten-children';
 import { useTooltipTriggerState } from 'react-stately';
-import { r as registerComponentHelper } from './utils-28f98072.esm.js';
+import { r as registerComponentHelper } from './utils-cf2632c9.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/{utils-1190a0a9.cjs.js → utils-18b2465b.cjs.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var registerComponent = require('@plasmicapp/host/registerComponent');
-var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -26,12 +25,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function ValueObserver({ value, onChange }) {
-  React.useEffect(() => {
-    onChange(value);
-  }, [value, onChange]);
-  return null;
-}
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
     meta = __spreadProps(__spreadValues(__spreadValues({}, meta), overrides), {
@@ -64,19 +57,16 @@ function makeChildComponentName(fullParentName, fullChildName) {
 }
 function extractPlasmicDataProps(props) {
   return Object.fromEntries(
-    Object.entries(props).filter(
-      ([key, val]) => key.startsWith("data-plasmic-")
-    )
+    Object.entries(props).filter(([key]) => key.startsWith("data-plasmic-"))
   );
 }
 function withoutNils(array) {
   return array.filter((x) => x != null);
 }
 
-exports.ValueObserver = ValueObserver;
 exports.extractPlasmicDataProps = extractPlasmicDataProps;
 exports.makeChildComponentName = makeChildComponentName;
 exports.makeComponentName = makeComponentName;
 exports.registerComponentHelper = registerComponentHelper;
 exports.withoutNils = withoutNils;
-//# sourceMappingURL=utils-1190a0a9.cjs.js.map
+//# sourceMappingURL=utils-18b2465b.cjs.js.map

package/skinny/utils-18b2465b.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-18b2465b.cjs.js","sources":["../src/utils.ts"],"sourcesContent":["import type { CodeComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n};\n\nexport type CodeComponentMetaOverrides<T extends React.ComponentType<any>> =\n  Partial<\n    Pick<\n      CodeComponentMeta<React.ComponentProps<T>>,\n      \"parentComponentName\" | \"props\" | \"displayName\"\n    >\n  >;\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>,\n  overrides?: CodeComponentMetaOverrides<T>\n) {\n  if (overrides) {\n    meta = {\n      ...meta,\n      ...overrides,\n      props: {\n        ...meta.props,\n        ...overrides.props,\n      },\n    };\n    if (overrides.parentComponentName) {\n      meta.name = makeChildComponentName(\n        overrides.parentComponentName,\n        meta.name\n      );\n    }\n  }\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\nexport function makeComponentName(name: string) {\n  return `plasmic-react-aria-${name}`;\n}\n\nexport function makeChildComponentName(\n  fullParentName: string | undefined,\n  fullChildName: string\n) {\n  if (!fullParentName) {\n    return fullChildName;\n  }\n  return `${fullParentName}-${fullChildName.replace(\n    \"plasmic-react-aria-\",\n    \"\"\n  )}`;\n}\n\nexport interface Styleable {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function extractPlasmicDataProps(props: Record<string, any>) {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key]) => key.startsWith(\"data-plasmic-\"))\n  );\n}\n\nexport function withoutNils<T>(array: (T | undefined | null)[]) {\n  return array.filter((x): x is T => x != null);\n}\n"],"names":["registerComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,SAAS,uBACd,CAAA,MAAA,EACA,SACA,EAAA,IAAA,EACA,SACA,EAAA;AACA,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,IAAA,GAAA,aAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,OACA,SAFE,CAAA,EAAA;AAAA,MAGL,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,IAAK,CAAA,KAAA,CAAA,EACL,SAAU,CAAA,KAAA,CAAA;AAAA,KAEjB,CAAA,CAAA;AACA,IAAA,IAAI,UAAU,mBAAqB,EAAA;AACjC,MAAA,IAAA,CAAK,IAAO,GAAA,sBAAA;AAAA,QACV,SAAU,CAAA,mBAAA;AAAA,QACV,IAAK,CAAA,IAAA;AAAA,OACP,CAAA;AAAA,KACF;AAAA,GACF;AACA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC,MAAA;AACL,IAAAA,kCAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC;AACF,CAAA;AAEO,SAAS,kBAAkB,IAAc,EAAA;AAC9C,EAAA,OAAO,CAAsB,mBAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAC/B,CAAA;AAEgB,SAAA,sBAAA,CACd,gBACA,aACA,EAAA;AACA,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAO,OAAA,aAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,CAAA,EAAG,kBAAkB,aAAc,CAAA,OAAA;AAAA,IACxC,qBAAA;AAAA,IACA,EAAA;AAAA,GACF,CAAA,CAAA,CAAA;AACF,CAAA;AAOO,SAAS,wBAAwB,KAA4B,EAAA;AAClE,EAAA,OAAO,MAAO,CAAA,WAAA;AAAA,IACZ,MAAO,CAAA,OAAA,CAAQ,KAAK,CAAA,CAAE,MAAO,CAAA,CAAC,CAAC,GAAG,CAAM,KAAA,GAAA,CAAI,UAAW,CAAA,eAAe,CAAC,CAAA;AAAA,GACzE,CAAA;AACF,CAAA;AAEO,SAAS,YAAe,KAAiC,EAAA;AAC9D,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,CAAA,KAAc,KAAK,IAAI,CAAA,CAAA;AAC9C;;;;;;;;"}

package/skinny/{utils-28f98072.esm.js → utils-cf2632c9.esm.js}

@@ -1,5 +1,4 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
-import { useEffect } from 'react';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -20,12 +19,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function ValueObserver({ value, onChange }) {
-  useEffect(() => {
-    onChange(value);
-  }, [value, onChange]);
-  return null;
-}
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
     meta = __spreadProps(__spreadValues(__spreadValues({}, meta), overrides), {
@@ -58,14 +51,12 @@ function makeChildComponentName(fullParentName, fullChildName) {
 }
 function extractPlasmicDataProps(props) {
   return Object.fromEntries(
-    Object.entries(props).filter(
-      ([key, val]) => key.startsWith("data-plasmic-")
-    )
+    Object.entries(props).filter(([key]) => key.startsWith("data-plasmic-"))
   );
 }
 function withoutNils(array) {
   return array.filter((x) => x != null);
 }
 
-export { ValueObserver as V, makeChildComponentName as a, extractPlasmicDataProps as e, makeComponentName as m, registerComponentHelper as r, withoutNils as w };
-//# sourceMappingURL=utils-28f98072.esm.js.map
+export { makeChildComponentName as a, extractPlasmicDataProps as e, makeComponentName as m, registerComponentHelper as r, withoutNils as w };
+//# sourceMappingURL=utils-cf2632c9.esm.js.map

package/skinny/utils-cf2632c9.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-cf2632c9.esm.js","sources":["../src/utils.ts"],"sourcesContent":["import type { CodeComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n};\n\nexport type CodeComponentMetaOverrides<T extends React.ComponentType<any>> =\n  Partial<\n    Pick<\n      CodeComponentMeta<React.ComponentProps<T>>,\n      \"parentComponentName\" | \"props\" | \"displayName\"\n    >\n  >;\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>,\n  overrides?: CodeComponentMetaOverrides<T>\n) {\n  if (overrides) {\n    meta = {\n      ...meta,\n      ...overrides,\n      props: {\n        ...meta.props,\n        ...overrides.props,\n      },\n    };\n    if (overrides.parentComponentName) {\n      meta.name = makeChildComponentName(\n        overrides.parentComponentName,\n        meta.name\n      );\n    }\n  }\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\nexport function makeComponentName(name: string) {\n  return `plasmic-react-aria-${name}`;\n}\n\nexport function makeChildComponentName(\n  fullParentName: string | undefined,\n  fullChildName: string\n) {\n  if (!fullParentName) {\n    return fullChildName;\n  }\n  return `${fullParentName}-${fullChildName.replace(\n    \"plasmic-react-aria-\",\n    \"\"\n  )}`;\n}\n\nexport interface Styleable {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function extractPlasmicDataProps(props: Record<string, any>) {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key]) => key.startsWith(\"data-plasmic-\"))\n  );\n}\n\nexport function withoutNils<T>(array: (T | undefined | null)[]) {\n  return array.filter((x): x is T => x != null);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgBO,SAAS,uBACd,CAAA,MAAA,EACA,SACA,EAAA,IAAA,EACA,SACA,EAAA;AACA,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,IAAA,GAAA,aAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,OACA,SAFE,CAAA,EAAA;AAAA,MAGL,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,IAAK,CAAA,KAAA,CAAA,EACL,SAAU,CAAA,KAAA,CAAA;AAAA,KAEjB,CAAA,CAAA;AACA,IAAA,IAAI,UAAU,mBAAqB,EAAA;AACjC,MAAA,IAAA,CAAK,IAAO,GAAA,sBAAA;AAAA,QACV,SAAU,CAAA,mBAAA;AAAA,QACV,IAAK,CAAA,IAAA;AAAA,OACP,CAAA;AAAA,KACF;AAAA,GACF;AACA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC,MAAA;AACL,IAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC;AACF,CAAA;AAEO,SAAS,kBAAkB,IAAc,EAAA;AAC9C,EAAA,OAAO,CAAsB,mBAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAC/B,CAAA;AAEgB,SAAA,sBAAA,CACd,gBACA,aACA,EAAA;AACA,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAO,OAAA,aAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,CAAA,EAAG,kBAAkB,aAAc,CAAA,OAAA;AAAA,IACxC,qBAAA;AAAA,IACA,EAAA;AAAA,GACF,CAAA,CAAA,CAAA;AACF,CAAA;AAOO,SAAS,wBAAwB,KAA4B,EAAA;AAClE,EAAA,OAAO,MAAO,CAAA,WAAA;AAAA,IACZ,MAAO,CAAA,OAAA,CAAQ,KAAK,CAAA,CAAE,MAAO,CAAA,CAAC,CAAC,GAAG,CAAM,KAAA,GAAA,CAAI,UAAW,CAAA,eAAe,CAAC,CAAA;AAAA,GACzE,CAAA;AACF,CAAA;AAEO,SAAS,YAAe,KAAiC,EAAA;AAC9D,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,CAAA,KAAc,KAAK,IAAI,CAAA,CAAA;AAC9C;;;;"}

package/skinny/utils.d.ts

@@ -1,7 +1,6 @@
 import type { CodeComponentMeta } from "@plasmicapp/host";
 import registerComponent from "@plasmicapp/host/registerComponent";
 import React from "react";
-export declare function ValueObserver({ value, onChange }: any): null;
 export type Registerable = {
     registerComponent: typeof registerComponent;
 };

package/skinny/utils-1190a0a9.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-1190a0a9.cjs.js","sources":["../src/utils.ts"],"sourcesContent":["import type { CodeComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect } from \"react\";\n\nexport function ValueObserver({ value, onChange }: any) {\n  useEffect(() => {\n    onChange(value);\n  }, [value, onChange]);\n  return null;\n}\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n};\n\nexport type CodeComponentMetaOverrides<T extends React.ComponentType<any>> =\n  Partial<\n    Pick<\n      CodeComponentMeta<React.ComponentProps<T>>,\n      \"parentComponentName\" | \"props\" | \"displayName\"\n    >\n  >;\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>,\n  overrides?: CodeComponentMetaOverrides<T>\n) {\n  if (overrides) {\n    meta = {\n      ...meta,\n      ...overrides,\n      props: {\n        ...meta.props,\n        ...overrides.props,\n      },\n    };\n    if (overrides.parentComponentName) {\n      meta.name = makeChildComponentName(\n        overrides.parentComponentName,\n        meta.name\n      );\n    }\n  }\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\nexport function makeComponentName(name: string) {\n  return `plasmic-react-aria-${name}`;\n}\n\nexport function makeChildComponentName(\n  fullParentName: string | undefined,\n  fullChildName: string\n) {\n  if (!fullParentName) {\n    return fullChildName;\n  }\n  return `${fullParentName}-${fullChildName.replace(\n    \"plasmic-react-aria-\",\n    \"\"\n  )}`;\n}\n\nexport interface Styleable {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function extractPlasmicDataProps(props: Record<string, any>) {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key, val]) =>\n      key.startsWith(\"data-plasmic-\")\n    )\n  );\n}\n\nexport function withoutNils<T>(array: (T | undefined | null)[]) {\n  return array.filter((x): x is T => x != null);\n}\n"],"names":["useEffect","registerComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,aAAc,CAAA,EAAE,KAAO,EAAA,QAAA,EAAiB,EAAA;AACtD,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,GACb,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA,CAAA;AACpB,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAcO,SAAS,uBACd,CAAA,MAAA,EACA,SACA,EAAA,IAAA,EACA,SACA,EAAA;AACA,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,IAAA,GAAA,aAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,OACA,SAFE,CAAA,EAAA;AAAA,MAGL,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,IAAK,CAAA,KAAA,CAAA,EACL,SAAU,CAAA,KAAA,CAAA;AAAA,KAEjB,CAAA,CAAA;AACA,IAAA,IAAI,UAAU,mBAAqB,EAAA;AACjC,MAAA,IAAA,CAAK,IAAO,GAAA,sBAAA;AAAA,QACV,SAAU,CAAA,mBAAA;AAAA,QACV,IAAK,CAAA,IAAA;AAAA,OACP,CAAA;AAAA,KACF;AAAA,GACF;AACA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC,MAAA;AACL,IAAAC,kCAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC;AACF,CAAA;AAEO,SAAS,kBAAkB,IAAc,EAAA;AAC9C,EAAA,OAAO,CAAsB,mBAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAC/B,CAAA;AAEgB,SAAA,sBAAA,CACd,gBACA,aACA,EAAA;AACA,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAO,OAAA,aAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,CAAA,EAAG,kBAAkB,aAAc,CAAA,OAAA;AAAA,IACxC,qBAAA;AAAA,IACA,EAAA;AAAA,GACF,CAAA,CAAA,CAAA;AACF,CAAA;AAOO,SAAS,wBAAwB,KAA4B,EAAA;AAClE,EAAA,OAAO,MAAO,CAAA,WAAA;AAAA,IACZ,MAAA,CAAO,OAAQ,CAAA,KAAK,CAAE,CAAA,MAAA;AAAA,MAAO,CAAC,CAAC,GAAA,EAAK,GAAG,CACrC,KAAA,GAAA,CAAI,WAAW,eAAe,CAAA;AAAA,KAChC;AAAA,GACF,CAAA;AACF,CAAA;AAEO,SAAS,YAAe,KAAiC,EAAA;AAC9D,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,CAAA,KAAc,KAAK,IAAI,CAAA,CAAA;AAC9C;;;;;;;;;"}

package/skinny/utils-28f98072.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-28f98072.esm.js","sources":["../src/utils.ts"],"sourcesContent":["import type { CodeComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect } from \"react\";\n\nexport function ValueObserver({ value, onChange }: any) {\n  useEffect(() => {\n    onChange(value);\n  }, [value, onChange]);\n  return null;\n}\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n};\n\nexport type CodeComponentMetaOverrides<T extends React.ComponentType<any>> =\n  Partial<\n    Pick<\n      CodeComponentMeta<React.ComponentProps<T>>,\n      \"parentComponentName\" | \"props\" | \"displayName\"\n    >\n  >;\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>,\n  overrides?: CodeComponentMetaOverrides<T>\n) {\n  if (overrides) {\n    meta = {\n      ...meta,\n      ...overrides,\n      props: {\n        ...meta.props,\n        ...overrides.props,\n      },\n    };\n    if (overrides.parentComponentName) {\n      meta.name = makeChildComponentName(\n        overrides.parentComponentName,\n        meta.name\n      );\n    }\n  }\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\nexport function makeComponentName(name: string) {\n  return `plasmic-react-aria-${name}`;\n}\n\nexport function makeChildComponentName(\n  fullParentName: string | undefined,\n  fullChildName: string\n) {\n  if (!fullParentName) {\n    return fullChildName;\n  }\n  return `${fullParentName}-${fullChildName.replace(\n    \"plasmic-react-aria-\",\n    \"\"\n  )}`;\n}\n\nexport interface Styleable {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function extractPlasmicDataProps(props: Record<string, any>) {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key, val]) =>\n      key.startsWith(\"data-plasmic-\")\n    )\n  );\n}\n\nexport function withoutNils<T>(array: (T | undefined | null)[]) {\n  return array.filter((x): x is T => x != null);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,aAAc,CAAA,EAAE,KAAO,EAAA,QAAA,EAAiB,EAAA;AACtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,GACb,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA,CAAA;AACpB,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAcO,SAAS,uBACd,CAAA,MAAA,EACA,SACA,EAAA,IAAA,EACA,SACA,EAAA;AACA,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,IAAA,GAAA,aAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,OACA,SAFE,CAAA,EAAA;AAAA,MAGL,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,IAAK,CAAA,KAAA,CAAA,EACL,SAAU,CAAA,KAAA,CAAA;AAAA,KAEjB,CAAA,CAAA;AACA,IAAA,IAAI,UAAU,mBAAqB,EAAA;AACjC,MAAA,IAAA,CAAK,IAAO,GAAA,sBAAA;AAAA,QACV,SAAU,CAAA,mBAAA;AAAA,QACV,IAAK,CAAA,IAAA;AAAA,OACP,CAAA;AAAA,KACF;AAAA,GACF;AACA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC,MAAA;AACL,IAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC;AACF,CAAA;AAEO,SAAS,kBAAkB,IAAc,EAAA;AAC9C,EAAA,OAAO,CAAsB,mBAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAC/B,CAAA;AAEgB,SAAA,sBAAA,CACd,gBACA,aACA,EAAA;AACA,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAO,OAAA,aAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,CAAA,EAAG,kBAAkB,aAAc,CAAA,OAAA;AAAA,IACxC,qBAAA;AAAA,IACA,EAAA;AAAA,GACF,CAAA,CAAA,CAAA;AACF,CAAA;AAOO,SAAS,wBAAwB,KAA4B,EAAA;AAClE,EAAA,OAAO,MAAO,CAAA,WAAA;AAAA,IACZ,MAAA,CAAO,OAAQ,CAAA,KAAK,CAAE,CAAA,MAAA;AAAA,MAAO,CAAC,CAAC,GAAA,EAAK,GAAG,CACrC,KAAA,GAAA,CAAI,WAAW,eAAe,CAAA;AAAA,KAChC;AAAA,GACF,CAAA;AACF,CAAA;AAEO,SAAS,YAAe,KAAiC,EAAA;AAC9D,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,CAAA,KAAc,KAAK,IAAI,CAAA,CAAA;AAC9C;;;;"}