@plasmicpkgs/react-aria 0.0.15 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.tsbuildinfo +1 -1
- package/dist/react-aria.esm.js +354 -261
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +352 -259
- package/dist/react-aria.js.map +1 -1
- package/dist/registerCheckbox.d.ts +0 -1
- package/dist/registerModal.d.ts +14 -0
- package/dist/registerTextField.d.ts +0 -1
- package/package.json +2 -2
- package/skinny/registerCheckbox.cjs.js +3 -22
- package/skinny/registerCheckbox.cjs.js.map +1 -1
- package/skinny/registerCheckbox.d.ts +0 -1
- package/skinny/registerCheckbox.esm.js +3 -22
- package/skinny/registerCheckbox.esm.js.map +1 -1
- package/skinny/registerModal.cjs.js +145 -0
- package/skinny/registerModal.cjs.js.map +1 -0
- package/skinny/registerModal.d.ts +14 -0
- package/skinny/registerModal.esm.js +138 -0
- package/skinny/registerModal.esm.js.map +1 -0
- package/skinny/registerTextField.cjs.js +2 -21
- package/skinny/registerTextField.cjs.js.map +1 -1
- package/skinny/registerTextField.d.ts +0 -1
- package/skinny/registerTextField.esm.js +3 -22
- package/skinny/registerTextField.esm.js.map +1 -1
|
@@ -4,7 +4,6 @@ import { CodeComponentMetaOverrides, Registerable } from "./utils";
|
|
|
4
4
|
interface BaseCheckboxProps extends CheckboxProps {
|
|
5
5
|
onPressChange: (isPressed: boolean) => void;
|
|
6
6
|
onFocusVisibleChange: (isFocusVisible: boolean) => void;
|
|
7
|
-
onInvalidChange: (isInvalid: boolean) => void;
|
|
8
7
|
}
|
|
9
8
|
export declare function BaseCheckbox(props: BaseCheckboxProps): React.JSX.Element;
|
|
10
9
|
export declare function registerCheckbox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>): void;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ModalOverlayProps } from "react-aria-components";
|
|
3
|
+
import { CodeComponentMetaOverrides, Registerable } from "./utils";
|
|
4
|
+
export interface BaseModalProps extends ModalOverlayProps {
|
|
5
|
+
heading: React.ReactNode;
|
|
6
|
+
modalOverlayClass: string;
|
|
7
|
+
onOpenChange(isOpen: boolean): void;
|
|
8
|
+
}
|
|
9
|
+
export interface BaseModalActions {
|
|
10
|
+
close(): void;
|
|
11
|
+
open(): void;
|
|
12
|
+
}
|
|
13
|
+
export declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<BaseModalActions>>;
|
|
14
|
+
export declare function registerModal(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseModal>): void;
|
|
@@ -8,7 +8,6 @@ interface BaseTextFieldProps extends TextFieldProps {
|
|
|
8
8
|
enableAutoComplete?: boolean;
|
|
9
9
|
multiline?: boolean;
|
|
10
10
|
inputProps?: InputProps;
|
|
11
|
-
onInvalidChange?: (isInvalid: boolean) => void;
|
|
12
11
|
}
|
|
13
12
|
export declare function BaseTextField(props: BaseTextFieldProps): React.JSX.Element;
|
|
14
13
|
export declare function registerTextField(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseTextField>): void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/react-aria",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.16",
|
|
4
4
|
"description": "Plasmic registration calls for react-aria based components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"publishConfig": {
|
|
71
71
|
"access": "public"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "33656719145e650d36544c7dd1a3d723c130eddc"
|
|
74
74
|
}
|
|
@@ -42,24 +42,14 @@ var __objRest = (source, exclude) => {
|
|
|
42
42
|
return target;
|
|
43
43
|
};
|
|
44
44
|
function BaseCheckbox(props) {
|
|
45
|
-
const _a = props, {
|
|
46
|
-
|
|
47
|
-
onPressChange,
|
|
48
|
-
onFocusVisibleChange,
|
|
49
|
-
onInvalidChange
|
|
50
|
-
} = _a, rest = __objRest(_a, [
|
|
51
|
-
"children",
|
|
52
|
-
"onPressChange",
|
|
53
|
-
"onFocusVisibleChange",
|
|
54
|
-
"onInvalidChange"
|
|
55
|
-
]);
|
|
56
|
-
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Checkbox, __spreadValues({}, rest), ({ isFocusVisible, isPressed, isInvalid }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
|
|
45
|
+
const _a = props, { children, onPressChange, onFocusVisibleChange } = _a, rest = __objRest(_a, ["children", "onPressChange", "onFocusVisibleChange"]);
|
|
46
|
+
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Checkbox, __spreadValues({}, rest), ({ isFocusVisible, isPressed }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
|
|
57
47
|
utils.ValueObserver,
|
|
58
48
|
{
|
|
59
49
|
value: isFocusVisible,
|
|
60
50
|
onChange: onFocusVisibleChange
|
|
61
51
|
}
|
|
62
|
-
), /* @__PURE__ */ React__default.default.createElement(utils.ValueObserver, { value: isPressed, onChange: onPressChange }),
|
|
52
|
+
), /* @__PURE__ */ React__default.default.createElement(utils.ValueObserver, { value: isPressed, onChange: onPressChange }), children)));
|
|
63
53
|
}
|
|
64
54
|
function registerCheckbox(loader, overrides) {
|
|
65
55
|
utils.registerComponentHelper(
|
|
@@ -127,10 +117,6 @@ function registerCheckbox(loader, overrides) {
|
|
|
127
117
|
onFocusVisibleChange: {
|
|
128
118
|
type: "eventHandler",
|
|
129
119
|
argTypes: [{ name: "isFocusVisible", type: "boolean" }]
|
|
130
|
-
},
|
|
131
|
-
onInvalidChange: {
|
|
132
|
-
type: "eventHandler",
|
|
133
|
-
argTypes: [{ name: "isInvalid", type: "boolean" }]
|
|
134
120
|
}
|
|
135
121
|
}),
|
|
136
122
|
states: {
|
|
@@ -155,11 +141,6 @@ function registerCheckbox(loader, overrides) {
|
|
|
155
141
|
onChangeProp: "onFocusChange",
|
|
156
142
|
variableType: "boolean"
|
|
157
143
|
},
|
|
158
|
-
isInvalid: {
|
|
159
|
-
type: "readonly",
|
|
160
|
-
onChangeProp: "onInvalidChange",
|
|
161
|
-
variableType: "boolean"
|
|
162
|
-
},
|
|
163
144
|
isFocusVisible: {
|
|
164
145
|
type: "readonly",
|
|
165
146
|
onChangeProp: "onFocusVisibleChange",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n CodeComponentMetaOverrides,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n ValueObserver,\n} from \"./utils\";\n\ninterface BaseCheckboxProps extends CheckboxProps {\n onPressChange: (isPressed: boolean) => void;\n onFocusVisibleChange: (isFocusVisible: boolean) => void;\n
|
|
1
|
+
{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n CodeComponentMetaOverrides,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n ValueObserver,\n} from \"./utils\";\n\ninterface BaseCheckboxProps extends CheckboxProps {\n onPressChange: (isPressed: boolean) => void;\n onFocusVisibleChange: (isFocusVisible: boolean) => void;\n}\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n const { children, onPressChange, onFocusVisibleChange, ...rest } = props;\n\n return (\n <>\n <Checkbox {...rest}>\n {({ isFocusVisible, isPressed }) => (\n <>\n <ValueObserver\n value={isFocusVisible}\n onChange={onFocusVisibleChange}\n />\n <ValueObserver value={isPressed} onChange={onPressChange} />\n {children}\n </>\n )}\n </Checkbox>\n </>\n );\n}\n\nexport function registerCheckbox(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n registerComponentHelper(\n loader,\n BaseCheckbox,\n {\n name: makeComponentName(\"checkbox\"),\n displayName: \"Aria Checkbox\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckbox\",\n importName: \"BaseCheckbox\",\n props: {\n ...getCommonInputProps<BaseCheckboxProps>(\"checkbox\", [\n \"name\",\n \"isDisabled\",\n \"isReadOnly\",\n \"aria-label\",\n \"children\",\n \"isRequired\",\n \"autoFocus\",\n ]),\n value: {\n type: \"string\",\n description:\n \"The value of the input element, used when submitting an HTML form.\",\n },\n isSelected: {\n type: \"boolean\",\n editOnly: true,\n uncontrolledProp: \"defaultSelected\",\n description: \"Whether the checkbox is toggled on\",\n defaultValueHint: false,\n },\n isIndeterminate: {\n displayName: \"Indeterminate\",\n type: \"boolean\",\n description:\n \"This state indicates that the checkbox is neither fully checked nor unchecked. It typically represents a partial selection when dealing with groups of options. Some but not all items in the group are selected, resulting in an indeterminate state for the checkbox.\",\n defaultValueHint: false,\n },\n isInvalid: {\n displayName: \"Invalid\",\n type: \"boolean\",\n description: \"Whether the input value is invalid\",\n defaultValueHint: false,\n },\n validationBehavior: {\n type: \"choice\",\n options: [\"native\", \"aria\"],\n description:\n \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n defaultValueHint: \"native\",\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isSelected\", type: \"boolean\" }],\n },\n onHoverChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isHovered\", type: \"boolean\" }],\n },\n onFocusChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n },\n onPressChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isPressed\", type: \"boolean\" }],\n },\n onFocusVisibleChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isFocusVisible\", type: \"boolean\" }],\n },\n },\n states: {\n isSelected: {\n type: \"writable\",\n valueProp: \"isSelected\",\n onChangeProp: \"onChange\",\n variableType: \"boolean\",\n },\n isHovered: {\n type: \"readonly\",\n onChangeProp: \"onHoverChange\",\n variableType: \"boolean\",\n },\n isPressed: {\n type: \"readonly\",\n onChangeProp: \"onPressChange\",\n variableType: \"boolean\",\n },\n isFocused: {\n type: \"readonly\",\n onChangeProp: \"onFocusChange\",\n variableType: \"boolean\",\n },\n isFocusVisible: {\n type: \"readonly\",\n onChangeProp: \"onFocusVisibleChange\",\n variableType: \"boolean\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":["React","Checkbox","ValueObserver","registerComponentHelper","makeComponentName","getCommonInputProps"],"mappings":"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"}
|
|
@@ -4,7 +4,6 @@ import { CodeComponentMetaOverrides, Registerable } from "./utils";
|
|
|
4
4
|
interface BaseCheckboxProps extends CheckboxProps {
|
|
5
5
|
onPressChange: (isPressed: boolean) => void;
|
|
6
6
|
onFocusVisibleChange: (isFocusVisible: boolean) => void;
|
|
7
|
-
onInvalidChange: (isInvalid: boolean) => void;
|
|
8
7
|
}
|
|
9
8
|
export declare function BaseCheckbox(props: BaseCheckboxProps): React.JSX.Element;
|
|
10
9
|
export declare function registerCheckbox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>): void;
|
|
@@ -36,24 +36,14 @@ var __objRest = (source, exclude) => {
|
|
|
36
36
|
return target;
|
|
37
37
|
};
|
|
38
38
|
function BaseCheckbox(props) {
|
|
39
|
-
const _a = props, {
|
|
40
|
-
|
|
41
|
-
onPressChange,
|
|
42
|
-
onFocusVisibleChange,
|
|
43
|
-
onInvalidChange
|
|
44
|
-
} = _a, rest = __objRest(_a, [
|
|
45
|
-
"children",
|
|
46
|
-
"onPressChange",
|
|
47
|
-
"onFocusVisibleChange",
|
|
48
|
-
"onInvalidChange"
|
|
49
|
-
]);
|
|
50
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, __spreadValues({}, rest), ({ isFocusVisible, isPressed, isInvalid }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
39
|
+
const _a = props, { children, onPressChange, onFocusVisibleChange } = _a, rest = __objRest(_a, ["children", "onPressChange", "onFocusVisibleChange"]);
|
|
40
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, __spreadValues({}, rest), ({ isFocusVisible, isPressed }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
51
41
|
ValueObserver,
|
|
52
42
|
{
|
|
53
43
|
value: isFocusVisible,
|
|
54
44
|
onChange: onFocusVisibleChange
|
|
55
45
|
}
|
|
56
|
-
), /* @__PURE__ */ React.createElement(ValueObserver, { value: isPressed, onChange: onPressChange }),
|
|
46
|
+
), /* @__PURE__ */ React.createElement(ValueObserver, { value: isPressed, onChange: onPressChange }), children)));
|
|
57
47
|
}
|
|
58
48
|
function registerCheckbox(loader, overrides) {
|
|
59
49
|
registerComponentHelper(
|
|
@@ -121,10 +111,6 @@ function registerCheckbox(loader, overrides) {
|
|
|
121
111
|
onFocusVisibleChange: {
|
|
122
112
|
type: "eventHandler",
|
|
123
113
|
argTypes: [{ name: "isFocusVisible", type: "boolean" }]
|
|
124
|
-
},
|
|
125
|
-
onInvalidChange: {
|
|
126
|
-
type: "eventHandler",
|
|
127
|
-
argTypes: [{ name: "isInvalid", type: "boolean" }]
|
|
128
114
|
}
|
|
129
115
|
}),
|
|
130
116
|
states: {
|
|
@@ -149,11 +135,6 @@ function registerCheckbox(loader, overrides) {
|
|
|
149
135
|
onChangeProp: "onFocusChange",
|
|
150
136
|
variableType: "boolean"
|
|
151
137
|
},
|
|
152
|
-
isInvalid: {
|
|
153
|
-
type: "readonly",
|
|
154
|
-
onChangeProp: "onInvalidChange",
|
|
155
|
-
variableType: "boolean"
|
|
156
|
-
},
|
|
157
138
|
isFocusVisible: {
|
|
158
139
|
type: "readonly",
|
|
159
140
|
onChangeProp: "onFocusVisibleChange",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n CodeComponentMetaOverrides,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n ValueObserver,\n} from \"./utils\";\n\ninterface BaseCheckboxProps extends CheckboxProps {\n onPressChange: (isPressed: boolean) => void;\n onFocusVisibleChange: (isFocusVisible: boolean) => void;\n
|
|
1
|
+
{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n CodeComponentMetaOverrides,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n ValueObserver,\n} from \"./utils\";\n\ninterface BaseCheckboxProps extends CheckboxProps {\n onPressChange: (isPressed: boolean) => void;\n onFocusVisibleChange: (isFocusVisible: boolean) => void;\n}\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n const { children, onPressChange, onFocusVisibleChange, ...rest } = props;\n\n return (\n <>\n <Checkbox {...rest}>\n {({ isFocusVisible, isPressed }) => (\n <>\n <ValueObserver\n value={isFocusVisible}\n onChange={onFocusVisibleChange}\n />\n <ValueObserver value={isPressed} onChange={onPressChange} />\n {children}\n </>\n )}\n </Checkbox>\n </>\n );\n}\n\nexport function registerCheckbox(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n registerComponentHelper(\n loader,\n BaseCheckbox,\n {\n name: makeComponentName(\"checkbox\"),\n displayName: \"Aria Checkbox\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckbox\",\n importName: \"BaseCheckbox\",\n props: {\n ...getCommonInputProps<BaseCheckboxProps>(\"checkbox\", [\n \"name\",\n \"isDisabled\",\n \"isReadOnly\",\n \"aria-label\",\n \"children\",\n \"isRequired\",\n \"autoFocus\",\n ]),\n value: {\n type: \"string\",\n description:\n \"The value of the input element, used when submitting an HTML form.\",\n },\n isSelected: {\n type: \"boolean\",\n editOnly: true,\n uncontrolledProp: \"defaultSelected\",\n description: \"Whether the checkbox is toggled on\",\n defaultValueHint: false,\n },\n isIndeterminate: {\n displayName: \"Indeterminate\",\n type: \"boolean\",\n description:\n \"This state indicates that the checkbox is neither fully checked nor unchecked. It typically represents a partial selection when dealing with groups of options. Some but not all items in the group are selected, resulting in an indeterminate state for the checkbox.\",\n defaultValueHint: false,\n },\n isInvalid: {\n displayName: \"Invalid\",\n type: \"boolean\",\n description: \"Whether the input value is invalid\",\n defaultValueHint: false,\n },\n validationBehavior: {\n type: \"choice\",\n options: [\"native\", \"aria\"],\n description:\n \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n defaultValueHint: \"native\",\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isSelected\", type: \"boolean\" }],\n },\n onHoverChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isHovered\", type: \"boolean\" }],\n },\n onFocusChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n },\n onPressChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isPressed\", type: \"boolean\" }],\n },\n onFocusVisibleChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isFocusVisible\", type: \"boolean\" }],\n },\n },\n states: {\n isSelected: {\n type: \"writable\",\n valueProp: \"isSelected\",\n onChangeProp: \"onChange\",\n variableType: \"boolean\",\n },\n isHovered: {\n type: \"readonly\",\n onChangeProp: \"onHoverChange\",\n variableType: \"boolean\",\n },\n isPressed: {\n type: \"readonly\",\n onChangeProp: \"onPressChange\",\n variableType: \"boolean\",\n },\n isFocused: {\n type: \"readonly\",\n onChangeProp: \"onFocusChange\",\n variableType: \"boolean\",\n },\n isFocusVisible: {\n type: \"readonly\",\n onChangeProp: \"onFocusVisibleChange\",\n variableType: \"boolean\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var host = require('@plasmicapp/host');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var reactAriaComponents = require('react-aria-components');
|
|
6
|
+
var utils = require('./utils-1190a0a9.cjs.js');
|
|
7
|
+
require('@plasmicapp/host/registerComponent');
|
|
8
|
+
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
+
|
|
13
|
+
var __defProp = Object.defineProperty;
|
|
14
|
+
var __defProps = Object.defineProperties;
|
|
15
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
16
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
17
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
18
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
19
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
20
|
+
var __spreadValues = (a, b) => {
|
|
21
|
+
for (var prop in b || (b = {}))
|
|
22
|
+
if (__hasOwnProp.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
if (__getOwnPropSymbols)
|
|
25
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
26
|
+
if (__propIsEnum.call(b, prop))
|
|
27
|
+
__defNormalProp(a, prop, b[prop]);
|
|
28
|
+
}
|
|
29
|
+
return a;
|
|
30
|
+
};
|
|
31
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
32
|
+
var __objRest = (source, exclude) => {
|
|
33
|
+
var target = {};
|
|
34
|
+
for (var prop in source)
|
|
35
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
36
|
+
target[prop] = source[prop];
|
|
37
|
+
if (source != null && __getOwnPropSymbols)
|
|
38
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
39
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
40
|
+
target[prop] = source[prop];
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
};
|
|
44
|
+
const BaseModal = React.forwardRef(
|
|
45
|
+
function _BaseModal(props, ref) {
|
|
46
|
+
const _a = props, {
|
|
47
|
+
children,
|
|
48
|
+
heading,
|
|
49
|
+
modalOverlayClass,
|
|
50
|
+
onOpenChange,
|
|
51
|
+
className
|
|
52
|
+
} = _a, rest = __objRest(_a, [
|
|
53
|
+
"children",
|
|
54
|
+
"heading",
|
|
55
|
+
"modalOverlayClass",
|
|
56
|
+
"onOpenChange",
|
|
57
|
+
"className"
|
|
58
|
+
]);
|
|
59
|
+
React.useImperativeHandle(ref, () => ({
|
|
60
|
+
close: () => {
|
|
61
|
+
onOpenChange(false);
|
|
62
|
+
},
|
|
63
|
+
open: () => {
|
|
64
|
+
onOpenChange(true);
|
|
65
|
+
}
|
|
66
|
+
}));
|
|
67
|
+
const isCanvas = host.usePlasmicCanvasContext();
|
|
68
|
+
const body = /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, heading && /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Heading, { slot: "title" }, heading), children);
|
|
69
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
70
|
+
reactAriaComponents.ModalOverlay,
|
|
71
|
+
__spreadProps(__spreadValues({}, rest), {
|
|
72
|
+
className: modalOverlayClass,
|
|
73
|
+
onOpenChange
|
|
74
|
+
}),
|
|
75
|
+
/* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Modal, { className }, isCanvas ? body : /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Dialog, null, body))
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
function registerModal(loader, overrides) {
|
|
80
|
+
utils.registerComponentHelper(
|
|
81
|
+
loader,
|
|
82
|
+
BaseModal,
|
|
83
|
+
{
|
|
84
|
+
name: utils.makeComponentName("modal"),
|
|
85
|
+
displayName: "Aria Modal",
|
|
86
|
+
importPath: "@plasmicpkgs/react-aria/skinny/registerModal",
|
|
87
|
+
importName: "BaseModal",
|
|
88
|
+
styleSections: true,
|
|
89
|
+
refActions: {
|
|
90
|
+
open: {
|
|
91
|
+
description: "Open the modal",
|
|
92
|
+
argTypes: []
|
|
93
|
+
},
|
|
94
|
+
close: {
|
|
95
|
+
description: "Close the modal",
|
|
96
|
+
argTypes: []
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
props: {
|
|
100
|
+
heading: {
|
|
101
|
+
type: "slot"
|
|
102
|
+
},
|
|
103
|
+
children: {
|
|
104
|
+
type: "slot"
|
|
105
|
+
},
|
|
106
|
+
modalOverlayClass: {
|
|
107
|
+
type: "class",
|
|
108
|
+
displayName: "Modal Overlay"
|
|
109
|
+
},
|
|
110
|
+
isOpen: {
|
|
111
|
+
type: "boolean",
|
|
112
|
+
editOnly: true,
|
|
113
|
+
uncontrolledProp: "defaultOpen",
|
|
114
|
+
defaultValueHint: false
|
|
115
|
+
},
|
|
116
|
+
isDismissable: {
|
|
117
|
+
type: "boolean",
|
|
118
|
+
description: "Whether to close the modal when the user interacts outside it."
|
|
119
|
+
},
|
|
120
|
+
isKeyboardDismissDisabled: {
|
|
121
|
+
type: "boolean",
|
|
122
|
+
description: "Whether pressing the escape key to close the modal should be disabled."
|
|
123
|
+
},
|
|
124
|
+
onOpenChange: {
|
|
125
|
+
type: "eventHandler",
|
|
126
|
+
argTypes: [{ name: "isOpen", type: "boolean" }]
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
states: {
|
|
130
|
+
isOpen: {
|
|
131
|
+
type: "writable",
|
|
132
|
+
valueProp: "isOpen",
|
|
133
|
+
onChangeProp: "onOpenChange",
|
|
134
|
+
variableType: "boolean"
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
trapsFocus: true
|
|
138
|
+
},
|
|
139
|
+
overrides
|
|
140
|
+
);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
exports.BaseModal = BaseModal;
|
|
144
|
+
exports.registerModal = registerModal;
|
|
145
|
+
//# sourceMappingURL=registerModal.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerModal.cjs.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React, { forwardRef, useImperativeHandle } from \"react\";\nimport {\n Dialog,\n Heading,\n Modal,\n ModalOverlay,\n ModalOverlayProps,\n} from \"react-aria-components\";\nimport {\n CodeComponentMetaOverrides,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseModalProps extends ModalOverlayProps {\n heading: React.ReactNode;\n modalOverlayClass: string;\n onOpenChange(isOpen: boolean): void;\n}\n\nexport interface BaseModalActions {\n close(): void;\n open(): void;\n}\n\nexport const BaseModal = forwardRef<BaseModalActions, BaseModalProps>(\n function _BaseModal(props, ref) {\n const {\n children,\n heading,\n modalOverlayClass,\n onOpenChange,\n className,\n ...rest\n } = props;\n\n // Expose close operation using useImperativeHandle\n useImperativeHandle(ref, () => ({\n close: () => {\n onOpenChange(false);\n },\n open: () => {\n onOpenChange(true);\n },\n }));\n\n const isCanvas = usePlasmicCanvasContext();\n const body = (\n <>\n {heading && <Heading slot=\"title\">{heading}</Heading>}\n {children}\n </>\n );\n\n return (\n <ModalOverlay\n {...rest}\n className={modalOverlayClass}\n onOpenChange={onOpenChange}\n >\n <Modal className={className}>\n {isCanvas ? body : <Dialog>{body}</Dialog>}\n </Modal>\n </ModalOverlay>\n );\n }\n);\n\nexport function registerModal(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseModal>\n) {\n registerComponentHelper(\n loader,\n BaseModal,\n {\n name: makeComponentName(\"modal\"),\n displayName: \"Aria Modal\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerModal\",\n importName: \"BaseModal\",\n styleSections: true,\n refActions: {\n open: {\n description: \"Open the modal\",\n argTypes: [],\n },\n close: {\n description: \"Close the modal\",\n argTypes: [],\n },\n },\n props: {\n heading: {\n type: \"slot\",\n },\n children: {\n type: \"slot\",\n },\n modalOverlayClass: {\n type: \"class\",\n displayName: \"Modal Overlay\",\n },\n isOpen: {\n type: \"boolean\",\n editOnly: true,\n uncontrolledProp: \"defaultOpen\",\n defaultValueHint: false,\n },\n isDismissable: {\n type: \"boolean\",\n description:\n \"Whether to close the modal when the user interacts outside it.\",\n },\n isKeyboardDismissDisabled: {\n type: \"boolean\",\n description:\n \"Whether pressing the escape key to close the modal should be disabled.\",\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n },\n },\n states: {\n isOpen: {\n type: \"writable\",\n valueProp: \"isOpen\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":["forwardRef","useImperativeHandle","usePlasmicCanvasContext","React","Heading","ModalOverlay","Modal","Dialog","registerComponentHelper","makeComponentName"],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ModalOverlayProps } from "react-aria-components";
|
|
3
|
+
import { CodeComponentMetaOverrides, Registerable } from "./utils";
|
|
4
|
+
export interface BaseModalProps extends ModalOverlayProps {
|
|
5
|
+
heading: React.ReactNode;
|
|
6
|
+
modalOverlayClass: string;
|
|
7
|
+
onOpenChange(isOpen: boolean): void;
|
|
8
|
+
}
|
|
9
|
+
export interface BaseModalActions {
|
|
10
|
+
close(): void;
|
|
11
|
+
open(): void;
|
|
12
|
+
}
|
|
13
|
+
export declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<BaseModalActions>>;
|
|
14
|
+
export declare function registerModal(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseModal>): void;
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { usePlasmicCanvasContext } from '@plasmicapp/host';
|
|
2
|
+
import React, { forwardRef, useImperativeHandle } from 'react';
|
|
3
|
+
import { Heading, ModalOverlay, Modal, Dialog } from 'react-aria-components';
|
|
4
|
+
import { r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
|
|
5
|
+
import '@plasmicapp/host/registerComponent';
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __defProps = Object.defineProperties;
|
|
9
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
10
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
11
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
12
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
13
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
14
|
+
var __spreadValues = (a, b) => {
|
|
15
|
+
for (var prop in b || (b = {}))
|
|
16
|
+
if (__hasOwnProp.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
if (__getOwnPropSymbols)
|
|
19
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
+
if (__propIsEnum.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
}
|
|
23
|
+
return a;
|
|
24
|
+
};
|
|
25
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
|
+
var __objRest = (source, exclude) => {
|
|
27
|
+
var target = {};
|
|
28
|
+
for (var prop in source)
|
|
29
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
if (source != null && __getOwnPropSymbols)
|
|
32
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
33
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
34
|
+
target[prop] = source[prop];
|
|
35
|
+
}
|
|
36
|
+
return target;
|
|
37
|
+
};
|
|
38
|
+
const BaseModal = forwardRef(
|
|
39
|
+
function _BaseModal(props, ref) {
|
|
40
|
+
const _a = props, {
|
|
41
|
+
children,
|
|
42
|
+
heading,
|
|
43
|
+
modalOverlayClass,
|
|
44
|
+
onOpenChange,
|
|
45
|
+
className
|
|
46
|
+
} = _a, rest = __objRest(_a, [
|
|
47
|
+
"children",
|
|
48
|
+
"heading",
|
|
49
|
+
"modalOverlayClass",
|
|
50
|
+
"onOpenChange",
|
|
51
|
+
"className"
|
|
52
|
+
]);
|
|
53
|
+
useImperativeHandle(ref, () => ({
|
|
54
|
+
close: () => {
|
|
55
|
+
onOpenChange(false);
|
|
56
|
+
},
|
|
57
|
+
open: () => {
|
|
58
|
+
onOpenChange(true);
|
|
59
|
+
}
|
|
60
|
+
}));
|
|
61
|
+
const isCanvas = usePlasmicCanvasContext();
|
|
62
|
+
const body = /* @__PURE__ */ React.createElement(React.Fragment, null, heading && /* @__PURE__ */ React.createElement(Heading, { slot: "title" }, heading), children);
|
|
63
|
+
return /* @__PURE__ */ React.createElement(
|
|
64
|
+
ModalOverlay,
|
|
65
|
+
__spreadProps(__spreadValues({}, rest), {
|
|
66
|
+
className: modalOverlayClass,
|
|
67
|
+
onOpenChange
|
|
68
|
+
}),
|
|
69
|
+
/* @__PURE__ */ React.createElement(Modal, { className }, isCanvas ? body : /* @__PURE__ */ React.createElement(Dialog, null, body))
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
function registerModal(loader, overrides) {
|
|
74
|
+
registerComponentHelper(
|
|
75
|
+
loader,
|
|
76
|
+
BaseModal,
|
|
77
|
+
{
|
|
78
|
+
name: makeComponentName("modal"),
|
|
79
|
+
displayName: "Aria Modal",
|
|
80
|
+
importPath: "@plasmicpkgs/react-aria/skinny/registerModal",
|
|
81
|
+
importName: "BaseModal",
|
|
82
|
+
styleSections: true,
|
|
83
|
+
refActions: {
|
|
84
|
+
open: {
|
|
85
|
+
description: "Open the modal",
|
|
86
|
+
argTypes: []
|
|
87
|
+
},
|
|
88
|
+
close: {
|
|
89
|
+
description: "Close the modal",
|
|
90
|
+
argTypes: []
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
props: {
|
|
94
|
+
heading: {
|
|
95
|
+
type: "slot"
|
|
96
|
+
},
|
|
97
|
+
children: {
|
|
98
|
+
type: "slot"
|
|
99
|
+
},
|
|
100
|
+
modalOverlayClass: {
|
|
101
|
+
type: "class",
|
|
102
|
+
displayName: "Modal Overlay"
|
|
103
|
+
},
|
|
104
|
+
isOpen: {
|
|
105
|
+
type: "boolean",
|
|
106
|
+
editOnly: true,
|
|
107
|
+
uncontrolledProp: "defaultOpen",
|
|
108
|
+
defaultValueHint: false
|
|
109
|
+
},
|
|
110
|
+
isDismissable: {
|
|
111
|
+
type: "boolean",
|
|
112
|
+
description: "Whether to close the modal when the user interacts outside it."
|
|
113
|
+
},
|
|
114
|
+
isKeyboardDismissDisabled: {
|
|
115
|
+
type: "boolean",
|
|
116
|
+
description: "Whether pressing the escape key to close the modal should be disabled."
|
|
117
|
+
},
|
|
118
|
+
onOpenChange: {
|
|
119
|
+
type: "eventHandler",
|
|
120
|
+
argTypes: [{ name: "isOpen", type: "boolean" }]
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
states: {
|
|
124
|
+
isOpen: {
|
|
125
|
+
type: "writable",
|
|
126
|
+
valueProp: "isOpen",
|
|
127
|
+
onChangeProp: "onOpenChange",
|
|
128
|
+
variableType: "boolean"
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
trapsFocus: true
|
|
132
|
+
},
|
|
133
|
+
overrides
|
|
134
|
+
);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
export { BaseModal, registerModal };
|
|
138
|
+
//# sourceMappingURL=registerModal.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React, { forwardRef, useImperativeHandle } from \"react\";\nimport {\n Dialog,\n Heading,\n Modal,\n ModalOverlay,\n ModalOverlayProps,\n} from \"react-aria-components\";\nimport {\n CodeComponentMetaOverrides,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseModalProps extends ModalOverlayProps {\n heading: React.ReactNode;\n modalOverlayClass: string;\n onOpenChange(isOpen: boolean): void;\n}\n\nexport interface BaseModalActions {\n close(): void;\n open(): void;\n}\n\nexport const BaseModal = forwardRef<BaseModalActions, BaseModalProps>(\n function _BaseModal(props, ref) {\n const {\n children,\n heading,\n modalOverlayClass,\n onOpenChange,\n className,\n ...rest\n } = props;\n\n // Expose close operation using useImperativeHandle\n useImperativeHandle(ref, () => ({\n close: () => {\n onOpenChange(false);\n },\n open: () => {\n onOpenChange(true);\n },\n }));\n\n const isCanvas = usePlasmicCanvasContext();\n const body = (\n <>\n {heading && <Heading slot=\"title\">{heading}</Heading>}\n {children}\n </>\n );\n\n return (\n <ModalOverlay\n {...rest}\n className={modalOverlayClass}\n onOpenChange={onOpenChange}\n >\n <Modal className={className}>\n {isCanvas ? body : <Dialog>{body}</Dialog>}\n </Modal>\n </ModalOverlay>\n );\n }\n);\n\nexport function registerModal(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseModal>\n) {\n registerComponentHelper(\n loader,\n BaseModal,\n {\n name: makeComponentName(\"modal\"),\n displayName: \"Aria Modal\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerModal\",\n importName: \"BaseModal\",\n styleSections: true,\n refActions: {\n open: {\n description: \"Open the modal\",\n argTypes: [],\n },\n close: {\n description: \"Close the modal\",\n argTypes: [],\n },\n },\n props: {\n heading: {\n type: \"slot\",\n },\n children: {\n type: \"slot\",\n },\n modalOverlayClass: {\n type: \"class\",\n displayName: \"Modal Overlay\",\n },\n isOpen: {\n type: \"boolean\",\n editOnly: true,\n uncontrolledProp: \"defaultOpen\",\n defaultValueHint: false,\n },\n isDismissable: {\n type: \"boolean\",\n description:\n \"Whether to close the modal when the user interacts outside it.\",\n },\n isKeyboardDismissDisabled: {\n type: \"boolean\",\n description:\n \"Whether pressing the escape key to close the modal should be disabled.\",\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n },\n },\n states: {\n isOpen: {\n type: \"writable\",\n valueProp: \"isOpen\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -48,23 +48,13 @@ var __objRest = (source, exclude) => {
|
|
|
48
48
|
return target;
|
|
49
49
|
};
|
|
50
50
|
function BaseTextField(props) {
|
|
51
|
-
const _a = props, {
|
|
52
|
-
enableAutoComplete,
|
|
53
|
-
autoComplete,
|
|
54
|
-
children,
|
|
55
|
-
onInvalidChange
|
|
56
|
-
} = _a, rest = __objRest(_a, [
|
|
57
|
-
"enableAutoComplete",
|
|
58
|
-
"autoComplete",
|
|
59
|
-
"children",
|
|
60
|
-
"onInvalidChange"
|
|
61
|
-
]);
|
|
51
|
+
const _a = props, { enableAutoComplete, autoComplete, children } = _a, rest = __objRest(_a, ["enableAutoComplete", "autoComplete", "children"]);
|
|
62
52
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
63
53
|
reactAriaComponents.TextField,
|
|
64
54
|
__spreadValues({
|
|
65
55
|
autoComplete: enableAutoComplete ? autoComplete : void 0
|
|
66
56
|
}, rest),
|
|
67
|
-
|
|
57
|
+
children
|
|
68
58
|
);
|
|
69
59
|
}
|
|
70
60
|
const componentName = utils.makeComponentName("textField");
|
|
@@ -233,10 +223,6 @@ function registerTextField(loader, overrides) {
|
|
|
233
223
|
onFocusChange: {
|
|
234
224
|
type: "eventHandler",
|
|
235
225
|
argTypes: [{ name: "isFocused", type: "boolean" }]
|
|
236
|
-
},
|
|
237
|
-
onInvalidChange: {
|
|
238
|
-
type: "eventHandler",
|
|
239
|
-
argTypes: [{ name: "isInvalid", type: "boolean" }]
|
|
240
226
|
}
|
|
241
227
|
}),
|
|
242
228
|
// NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented
|
|
@@ -251,11 +237,6 @@ function registerTextField(loader, overrides) {
|
|
|
251
237
|
type: "readonly",
|
|
252
238
|
onChangeProp: "onFocusChange",
|
|
253
239
|
variableType: "boolean"
|
|
254
|
-
},
|
|
255
|
-
isInvalid: {
|
|
256
|
-
type: "readonly",
|
|
257
|
-
onChangeProp: "onInvalidChange",
|
|
258
|
-
variableType: "boolean"
|
|
259
240
|
}
|
|
260
241
|
},
|
|
261
242
|
trapsFocus: true
|