@plasmicpkgs/react-aria 0.0.42 → 0.0.44
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/common.d.ts +8 -1
- package/dist/contexts.d.ts +3 -2
- package/dist/react-aria.esm.js +863 -670
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +861 -668
- package/dist/react-aria.js.map +1 -1
- package/dist/registerButton.d.ts +1 -1
- package/dist/registerCheckbox.d.ts +3 -4
- package/dist/registerCheckboxGroup.d.ts +2 -2
- package/dist/registerInput.d.ts +12 -5
- package/dist/registerListBox.d.ts +2 -3
- package/dist/registerModal.d.ts +2 -3
- package/dist/registerPopover.d.ts +4 -6
- package/dist/registerRadio.d.ts +3 -5
- package/dist/registerRadioGroup.d.ts +1 -1
- package/dist/registerSlider.d.ts +3 -20
- package/dist/registerSliderOutput.d.ts +1 -1
- package/dist/registerSliderThumb.d.ts +3 -3
- package/dist/registerSliderTrack.d.ts +3 -1
- package/dist/registerSwitch.d.ts +1 -1
- package/dist/registerTextArea.d.ts +11 -5
- package/dist/registerTextField.d.ts +3 -3
- package/dist/utils.d.ts +7 -1
- package/package.json +2 -2
- package/skinny/common-96be13c3.esm.js +341 -0
- package/skinny/common-96be13c3.esm.js.map +1 -0
- package/skinny/common-f51484c1.cjs.js +345 -0
- package/skinny/common-f51484c1.cjs.js.map +1 -0
- package/skinny/common.d.ts +8 -1
- package/skinny/{contexts-7236059e.cjs.js → contexts-3a98471a.cjs.js} +1 -3
- package/skinny/contexts-3a98471a.cjs.js.map +1 -0
- package/skinny/{contexts-21e0d928.esm.js → contexts-87c261f6.esm.js} +2 -3
- package/skinny/contexts-87c261f6.esm.js.map +1 -0
- package/skinny/contexts.d.ts +3 -2
- package/skinny/registerButton.cjs.js +2 -2
- package/skinny/registerButton.cjs.js.map +1 -1
- package/skinny/registerButton.d.ts +1 -1
- package/skinny/registerButton.esm.js +2 -2
- package/skinny/registerButton.esm.js.map +1 -1
- package/skinny/registerCheckbox.cjs.js +13 -18
- package/skinny/registerCheckbox.cjs.js.map +1 -1
- package/skinny/registerCheckbox.d.ts +3 -4
- package/skinny/registerCheckbox.esm.js +13 -18
- package/skinny/registerCheckbox.esm.js.map +1 -1
- package/skinny/registerCheckboxGroup.cjs.js +5 -5
- package/skinny/registerCheckboxGroup.cjs.js.map +1 -1
- package/skinny/registerCheckboxGroup.d.ts +2 -2
- package/skinny/registerCheckboxGroup.esm.js +5 -5
- package/skinny/registerCheckboxGroup.esm.js.map +1 -1
- package/skinny/registerComboBox.cjs.js +3 -3
- package/skinny/registerComboBox.esm.js +3 -3
- package/skinny/registerDialogTrigger.cjs.js +2 -2
- package/skinny/registerDialogTrigger.esm.js +2 -2
- package/skinny/registerHeader.cjs.js +1 -1
- package/skinny/registerHeader.esm.js +1 -1
- package/skinny/registerInput.cjs.js +76 -16
- package/skinny/registerInput.cjs.js.map +1 -1
- package/skinny/registerInput.d.ts +12 -5
- package/skinny/registerInput.esm.js +76 -17
- package/skinny/registerInput.esm.js.map +1 -1
- package/skinny/{registerListBox-f060da58.cjs.js → registerListBox-44316bb6.cjs.js} +7 -7
- package/skinny/registerListBox-44316bb6.cjs.js.map +1 -0
- package/skinny/{registerListBox-38a08460.esm.js → registerListBox-ccd14a2e.esm.js} +7 -7
- package/skinny/registerListBox-ccd14a2e.esm.js.map +1 -0
- package/skinny/registerListBox.cjs.js +3 -2
- package/skinny/registerListBox.cjs.js.map +1 -1
- package/skinny/registerListBox.d.ts +2 -3
- package/skinny/registerListBox.esm.js +3 -2
- package/skinny/registerListBox.esm.js.map +1 -1
- package/skinny/registerListBoxItem.cjs.js +1 -1
- package/skinny/registerListBoxItem.esm.js +1 -1
- package/skinny/registerModal.cjs.js +5 -4
- package/skinny/registerModal.cjs.js.map +1 -1
- package/skinny/registerModal.d.ts +2 -3
- package/skinny/registerModal.esm.js +5 -4
- package/skinny/registerModal.esm.js.map +1 -1
- package/skinny/registerPopover.cjs.js +23 -24
- package/skinny/registerPopover.cjs.js.map +1 -1
- package/skinny/registerPopover.d.ts +4 -6
- package/skinny/registerPopover.esm.js +24 -25
- package/skinny/registerPopover.esm.js.map +1 -1
- package/skinny/registerRadio.cjs.js +14 -26
- package/skinny/registerRadio.cjs.js.map +1 -1
- package/skinny/registerRadio.d.ts +3 -5
- package/skinny/registerRadio.esm.js +14 -26
- package/skinny/registerRadio.esm.js.map +1 -1
- package/skinny/registerRadioGroup.cjs.js +4 -4
- package/skinny/registerRadioGroup.cjs.js.map +1 -1
- package/skinny/registerRadioGroup.d.ts +1 -1
- package/skinny/registerRadioGroup.esm.js +4 -4
- package/skinny/registerRadioGroup.esm.js.map +1 -1
- package/skinny/registerSection.cjs.js +1 -1
- package/skinny/registerSection.esm.js +1 -1
- package/skinny/registerSelect.cjs.js +3 -3
- package/skinny/registerSelect.esm.js +3 -3
- package/skinny/registerSlider.cjs.js +305 -15
- package/skinny/registerSlider.cjs.js.map +1 -1
- package/skinny/registerSlider.d.ts +3 -20
- package/skinny/registerSlider.esm.js +303 -11
- package/skinny/registerSlider.esm.js.map +1 -1
- package/skinny/registerSliderOutput.cjs.js +1 -1
- package/skinny/registerSliderOutput.cjs.js.map +1 -1
- package/skinny/registerSliderOutput.d.ts +1 -1
- package/skinny/registerSliderOutput.esm.js +1 -1
- package/skinny/registerSliderOutput.esm.js.map +1 -1
- package/skinny/registerSliderThumb.cjs.js +4 -4
- package/skinny/registerSliderThumb.cjs.js.map +1 -1
- package/skinny/registerSliderThumb.d.ts +3 -3
- package/skinny/registerSliderThumb.esm.js +4 -4
- package/skinny/registerSliderThumb.esm.js.map +1 -1
- package/skinny/registerSliderTrack.cjs.js +188 -16
- package/skinny/registerSliderTrack.cjs.js.map +1 -1
- package/skinny/registerSliderTrack.d.ts +3 -1
- package/skinny/registerSliderTrack.esm.js +184 -13
- package/skinny/registerSliderTrack.esm.js.map +1 -1
- package/skinny/registerSwitch.cjs.js +10 -4
- package/skinny/registerSwitch.cjs.js.map +1 -1
- package/skinny/registerSwitch.d.ts +1 -1
- package/skinny/registerSwitch.esm.js +10 -4
- package/skinny/registerSwitch.esm.js.map +1 -1
- package/skinny/registerTextArea.cjs.js +56 -35
- package/skinny/registerTextArea.cjs.js.map +1 -1
- package/skinny/registerTextArea.d.ts +11 -5
- package/skinny/registerTextArea.esm.js +56 -36
- package/skinny/registerTextArea.esm.js.map +1 -1
- package/skinny/registerTextField.cjs.js +34 -215
- package/skinny/registerTextField.cjs.js.map +1 -1
- package/skinny/registerTextField.d.ts +3 -3
- package/skinny/registerTextField.esm.js +34 -215
- package/skinny/registerTextField.esm.js.map +1 -1
- package/skinny/utils-a1785802.esm.js.map +1 -1
- package/skinny/utils-d3708034.cjs.js.map +1 -1
- package/skinny/utils.d.ts +7 -1
- package/skinny/common-52c26d37.esm.js +0 -52
- package/skinny/common-52c26d37.esm.js.map +0 -1
- package/skinny/common-e74a9214.cjs.js +0 -54
- package/skinny/common-e74a9214.cjs.js.map +0 -1
- package/skinny/contexts-21e0d928.esm.js.map +0 -1
- package/skinny/contexts-7236059e.cjs.js.map +0 -1
- package/skinny/registerListBox-38a08460.esm.js.map +0 -1
- package/skinny/registerListBox-f060da58.cjs.js.map +0 -1
- package/skinny/registerSlider-58ef7e20.cjs.js +0 -473
- package/skinny/registerSlider-58ef7e20.cjs.js.map +0 -1
- package/skinny/registerSlider-d74e2330.esm.js +0 -460
- package/skinny/registerSlider-d74e2330.esm.js.map +0 -1
|
@@ -1,24 +1,314 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
require('react');
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var reactAriaComponents = require('react-aria-components');
|
|
5
|
+
var common = require('./common-f51484c1.cjs.js');
|
|
6
|
+
var contexts = require('./contexts-3a98471a.cjs.js');
|
|
7
|
+
var interactionVariantUtils = require('./interaction-variant-utils-36f1b397.cjs.js');
|
|
8
|
+
var registerLabel = require('./registerLabel.cjs.js');
|
|
9
|
+
var registerSliderOutput = require('./registerSliderOutput.cjs.js');
|
|
10
|
+
var registerSliderThumb = require('./registerSliderThumb.cjs.js');
|
|
11
|
+
var registerSliderTrack = require('./registerSliderTrack.cjs.js');
|
|
12
|
+
var utils = require('./utils-d3708034.cjs.js');
|
|
4
13
|
require('react-aria');
|
|
5
|
-
require('react-aria-components');
|
|
6
|
-
require('./common-e74a9214.cjs.js');
|
|
7
|
-
require('./contexts-7236059e.cjs.js');
|
|
8
|
-
require('./interaction-variant-utils-36f1b397.cjs.js');
|
|
9
|
-
require('./registerLabel.cjs.js');
|
|
10
|
-
require('./registerSliderOutput.cjs.js');
|
|
11
|
-
require('./registerSliderThumb.cjs.js');
|
|
12
|
-
var registerSliderTrack = require('./registerSlider-58ef7e20.cjs.js');
|
|
13
|
-
require('./utils-d3708034.cjs.js');
|
|
14
|
-
require('@plasmicapp/host/registerComponent');
|
|
15
14
|
require('./ErrorBoundary-e9b86248.cjs.js');
|
|
16
15
|
require('react-keyed-flatten-children');
|
|
16
|
+
require('@plasmicapp/host/registerComponent');
|
|
17
|
+
|
|
18
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
19
|
|
|
20
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
18
21
|
|
|
22
|
+
var __defProp = Object.defineProperty;
|
|
23
|
+
var __defProps = Object.defineProperties;
|
|
24
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
25
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
26
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
27
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
28
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
29
|
+
var __spreadValues = (a, b) => {
|
|
30
|
+
for (var prop in b || (b = {}))
|
|
31
|
+
if (__hasOwnProp.call(b, prop))
|
|
32
|
+
__defNormalProp(a, prop, b[prop]);
|
|
33
|
+
if (__getOwnPropSymbols)
|
|
34
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
35
|
+
if (__propIsEnum.call(b, prop))
|
|
36
|
+
__defNormalProp(a, prop, b[prop]);
|
|
37
|
+
}
|
|
38
|
+
return a;
|
|
39
|
+
};
|
|
40
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
41
|
+
var __objRest = (source, exclude) => {
|
|
42
|
+
var target = {};
|
|
43
|
+
for (var prop in source)
|
|
44
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
45
|
+
target[prop] = source[prop];
|
|
46
|
+
if (source != null && __getOwnPropSymbols)
|
|
47
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
48
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
49
|
+
target[prop] = source[prop];
|
|
50
|
+
}
|
|
51
|
+
return target;
|
|
52
|
+
};
|
|
53
|
+
const SLIDER_COMPONENT_NAME = utils.makeComponentName("slider");
|
|
54
|
+
const RANGE_SLIDER_COMPONENT_NAME = utils.makeComponentName("range-slider");
|
|
55
|
+
const SLIDER_INTERACTION_VARIANTS = ["disabled"];
|
|
56
|
+
const { interactionVariants, withObservedValues } = interactionVariantUtils.pickAriaComponentVariants(
|
|
57
|
+
SLIDER_INTERACTION_VARIANTS
|
|
58
|
+
);
|
|
59
|
+
function BaseSlider(props) {
|
|
60
|
+
const _a = props, { children, updateInteractionVariant } = _a, rest = __objRest(_a, ["children", "updateInteractionVariant"]);
|
|
61
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
62
|
+
contexts.PlasmicSliderContext.Provider,
|
|
63
|
+
{
|
|
64
|
+
value: __spreadProps(__spreadValues({}, rest), {
|
|
65
|
+
// Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410
|
|
66
|
+
onChange: rest.onChange,
|
|
67
|
+
onChangeEnd: rest.onChangeEnd
|
|
68
|
+
})
|
|
69
|
+
},
|
|
70
|
+
/* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, __spreadValues({}, rest), ({ isDisabled }) => withObservedValues(
|
|
71
|
+
children,
|
|
72
|
+
{
|
|
73
|
+
disabled: isDisabled
|
|
74
|
+
},
|
|
75
|
+
updateInteractionVariant
|
|
76
|
+
))
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
function getCommonSliderProps() {
|
|
80
|
+
return {
|
|
81
|
+
orientation: {
|
|
82
|
+
type: "choice",
|
|
83
|
+
options: ["horizontal", "vertical"],
|
|
84
|
+
defaultValueHint: "horizontal",
|
|
85
|
+
defaultValue: "horizontal"
|
|
86
|
+
},
|
|
87
|
+
minValue: {
|
|
88
|
+
type: "number",
|
|
89
|
+
description: "The minimum value of the slider",
|
|
90
|
+
defaultValueHint: 0
|
|
91
|
+
},
|
|
92
|
+
maxValue: {
|
|
93
|
+
type: "number",
|
|
94
|
+
description: "The maximum value of the slider",
|
|
95
|
+
defaultValueHint: 100
|
|
96
|
+
},
|
|
97
|
+
step: {
|
|
98
|
+
type: "number",
|
|
99
|
+
description: "The step value of the slider",
|
|
100
|
+
defaultValueHint: 1
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
function registerSlider(loader, overrides) {
|
|
105
|
+
const sliderOutputMeta = registerSliderOutput.registerSliderOutput(loader, {
|
|
106
|
+
parentComponentName: SLIDER_COMPONENT_NAME
|
|
107
|
+
});
|
|
108
|
+
const sliderThumbMeta = registerSliderThumb.registerSliderThumb(loader, {
|
|
109
|
+
parentComponentName: SLIDER_COMPONENT_NAME
|
|
110
|
+
});
|
|
111
|
+
const sliderTrackMeta = registerSliderTrack.registerSliderTrack(sliderThumbMeta, loader, {
|
|
112
|
+
parentComponentName: SLIDER_COMPONENT_NAME
|
|
113
|
+
});
|
|
114
|
+
utils.registerComponentHelper(
|
|
115
|
+
loader,
|
|
116
|
+
BaseSlider,
|
|
117
|
+
{
|
|
118
|
+
name: RANGE_SLIDER_COMPONENT_NAME,
|
|
119
|
+
displayName: "Aria Range Slider",
|
|
120
|
+
importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
|
|
121
|
+
importName: "BaseSlider",
|
|
122
|
+
interactionVariants,
|
|
123
|
+
defaultStyles: {
|
|
124
|
+
width: "300px"
|
|
125
|
+
},
|
|
126
|
+
props: __spreadProps(__spreadValues(__spreadValues({}, common.getCommonProps("slider", [
|
|
127
|
+
"isDisabled",
|
|
128
|
+
"aria-label"
|
|
129
|
+
])), getCommonSliderProps()), {
|
|
130
|
+
value: {
|
|
131
|
+
type: "array",
|
|
132
|
+
editOnly: true,
|
|
133
|
+
displayName: "Initial value",
|
|
134
|
+
uncontrolledProp: "defaultValue",
|
|
135
|
+
description: "The intial value of the slider",
|
|
136
|
+
defaultValue: [20, 50],
|
|
137
|
+
validator: (value) => {
|
|
138
|
+
if (!Array.isArray(value)) {
|
|
139
|
+
return "Input must be an array.";
|
|
140
|
+
}
|
|
141
|
+
for (let i = 1; i < value.length; i++) {
|
|
142
|
+
if (value[i] < value[i - 1]) {
|
|
143
|
+
return "Array elements are not in ascending order.";
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
return true;
|
|
147
|
+
}
|
|
148
|
+
},
|
|
149
|
+
children: {
|
|
150
|
+
type: "slot",
|
|
151
|
+
defaultValue: [
|
|
152
|
+
{
|
|
153
|
+
type: "hbox",
|
|
154
|
+
styles: {
|
|
155
|
+
width: "stretch",
|
|
156
|
+
justifyContent: "space-between",
|
|
157
|
+
padding: "8px 0px"
|
|
158
|
+
},
|
|
159
|
+
children: [
|
|
160
|
+
{
|
|
161
|
+
type: "component",
|
|
162
|
+
name: registerLabel.LABEL_COMPONENT_NAME,
|
|
163
|
+
props: {
|
|
164
|
+
children: {
|
|
165
|
+
type: "text",
|
|
166
|
+
value: "Label"
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
type: "component",
|
|
172
|
+
name: sliderOutputMeta.name,
|
|
173
|
+
props: {
|
|
174
|
+
children: {
|
|
175
|
+
type: "text",
|
|
176
|
+
value: "Output"
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
]
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
type: "component",
|
|
184
|
+
name: sliderTrackMeta.name,
|
|
185
|
+
props: {
|
|
186
|
+
children: [
|
|
187
|
+
{
|
|
188
|
+
type: "component",
|
|
189
|
+
name: sliderThumbMeta.name
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
type: "component",
|
|
193
|
+
name: sliderThumbMeta.name,
|
|
194
|
+
styles: {
|
|
195
|
+
backgroundColor: "blue"
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
]
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
]
|
|
202
|
+
},
|
|
203
|
+
onChange: {
|
|
204
|
+
type: "eventHandler",
|
|
205
|
+
argTypes: [{ name: "value", type: "object" }]
|
|
206
|
+
},
|
|
207
|
+
onChangeEnd: {
|
|
208
|
+
type: "eventHandler",
|
|
209
|
+
argTypes: [{ name: "value", type: "object" }]
|
|
210
|
+
}
|
|
211
|
+
}),
|
|
212
|
+
states: {
|
|
213
|
+
value: {
|
|
214
|
+
type: "writable",
|
|
215
|
+
valueProp: "value",
|
|
216
|
+
onChangeProp: "onChange",
|
|
217
|
+
variableType: "array"
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
trapsFocus: true
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
parentComponentName: SLIDER_COMPONENT_NAME
|
|
224
|
+
}
|
|
225
|
+
);
|
|
226
|
+
utils.registerComponentHelper(
|
|
227
|
+
loader,
|
|
228
|
+
BaseSlider,
|
|
229
|
+
{
|
|
230
|
+
name: SLIDER_COMPONENT_NAME,
|
|
231
|
+
displayName: "Aria Slider",
|
|
232
|
+
importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
|
|
233
|
+
importName: "BaseSlider",
|
|
234
|
+
interactionVariants,
|
|
235
|
+
defaultStyles: {
|
|
236
|
+
width: "300px"
|
|
237
|
+
},
|
|
238
|
+
props: __spreadProps(__spreadValues(__spreadValues({}, common.getCommonProps("slider", [
|
|
239
|
+
"isDisabled",
|
|
240
|
+
"aria-label"
|
|
241
|
+
])), getCommonSliderProps()), {
|
|
242
|
+
children: {
|
|
243
|
+
type: "slot",
|
|
244
|
+
defaultValue: [
|
|
245
|
+
{
|
|
246
|
+
type: "hbox",
|
|
247
|
+
styles: {
|
|
248
|
+
width: "stretch",
|
|
249
|
+
justifyContent: "space-between",
|
|
250
|
+
padding: "8px 0px"
|
|
251
|
+
},
|
|
252
|
+
children: [
|
|
253
|
+
{
|
|
254
|
+
type: "component",
|
|
255
|
+
name: registerLabel.LABEL_COMPONENT_NAME,
|
|
256
|
+
props: {
|
|
257
|
+
children: {
|
|
258
|
+
type: "text",
|
|
259
|
+
value: "Label"
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
type: "component",
|
|
265
|
+
name: sliderOutputMeta.name,
|
|
266
|
+
props: {
|
|
267
|
+
children: {
|
|
268
|
+
type: "text",
|
|
269
|
+
value: "Output"
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
]
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
type: "component",
|
|
277
|
+
name: sliderTrackMeta.name
|
|
278
|
+
}
|
|
279
|
+
]
|
|
280
|
+
},
|
|
281
|
+
value: {
|
|
282
|
+
type: "number",
|
|
283
|
+
editOnly: true,
|
|
284
|
+
uncontrolledProp: "defaultValue",
|
|
285
|
+
description: "The default value of the slider",
|
|
286
|
+
defaultValueHint: 0,
|
|
287
|
+
defaultValue: 0
|
|
288
|
+
},
|
|
289
|
+
onChange: {
|
|
290
|
+
type: "eventHandler",
|
|
291
|
+
argTypes: [{ name: "value", type: "number" }]
|
|
292
|
+
},
|
|
293
|
+
onChangeEnd: {
|
|
294
|
+
type: "eventHandler",
|
|
295
|
+
argTypes: [{ name: "value", type: "number" }]
|
|
296
|
+
}
|
|
297
|
+
}),
|
|
298
|
+
states: {
|
|
299
|
+
value: {
|
|
300
|
+
type: "writable",
|
|
301
|
+
valueProp: "value",
|
|
302
|
+
onChangeProp: "onChange",
|
|
303
|
+
variableType: "number"
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
trapsFocus: true
|
|
307
|
+
},
|
|
308
|
+
overrides
|
|
309
|
+
);
|
|
310
|
+
}
|
|
19
311
|
|
|
20
|
-
exports.BaseSlider =
|
|
21
|
-
exports.
|
|
22
|
-
exports.registerSlider = registerSliderTrack.registerSlider;
|
|
23
|
-
exports.sliderHelpers = registerSliderTrack.sliderHelpers;
|
|
312
|
+
exports.BaseSlider = BaseSlider;
|
|
313
|
+
exports.registerSlider = registerSlider;
|
|
24
314
|
//# sourceMappingURL=registerSlider.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerSlider.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"registerSlider.cjs.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Slider, type SliderProps } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n UpdateInteractionVariant,\n pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { registerSliderOutput } from \"./registerSliderOutput\";\nimport { registerSliderThumb } from \"./registerSliderThumb\";\nimport { registerSliderTrack } from \"./registerSliderTrack\";\nimport {\n CodeComponentMetaOverrides,\n Registerable,\n makeComponentName,\n registerComponentHelper,\n} from \"./utils\";\n\nconst SLIDER_COMPONENT_NAME = makeComponentName(\"slider\");\nconst RANGE_SLIDER_COMPONENT_NAME = makeComponentName(\"range-slider\");\nconst SLIDER_INTERACTION_VARIANTS = [\"disabled\" as const];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n SLIDER_INTERACTION_VARIANTS\n);\n\nexport interface BaseSliderProps<T extends number | number[]>\n extends SliderProps<T> {\n children?: React.ReactNode;\n // Optional callback to update the interaction variant state\n // as it's only provided if the component is the root of a Studio component\n updateInteractionVariant?: UpdateInteractionVariant<\n typeof SLIDER_INTERACTION_VARIANTS\n >;\n}\n\nexport function BaseSlider<T extends number | number[]>(\n props: BaseSliderProps<T>\n) {\n const { children, updateInteractionVariant, ...rest } = props;\n return (\n <PlasmicSliderContext.Provider\n value={{\n ...rest,\n // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410\n onChange: rest.onChange as (value: number | number[]) => void,\n onChangeEnd: rest.onChangeEnd as (value: number | number[]) => void,\n }}\n >\n <Slider<T> {...rest}>\n {({ isDisabled }) =>\n withObservedValues(\n children,\n {\n disabled: isDisabled,\n },\n updateInteractionVariant\n )\n }\n </Slider>\n </PlasmicSliderContext.Provider>\n );\n}\n\nfunction getCommonSliderProps<T extends number | number[]>(): CodeComponentMeta<\n BaseSliderProps<T>\n>[\"props\"] {\n return {\n orientation: {\n type: \"choice\",\n options: [\"horizontal\", \"vertical\"],\n defaultValueHint: \"horizontal\",\n defaultValue: \"horizontal\",\n },\n minValue: {\n type: \"number\",\n description: \"The minimum value of the slider\",\n defaultValueHint: 0,\n },\n maxValue: {\n type: \"number\",\n description: \"The maximum value of the slider\",\n defaultValueHint: 100,\n },\n step: {\n type: \"number\",\n description: \"The step value of the slider\",\n defaultValueHint: 1,\n },\n };\n}\n\nexport function registerSlider(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>\n) {\n const sliderOutputMeta = registerSliderOutput(loader, {\n parentComponentName: SLIDER_COMPONENT_NAME,\n });\n\n const sliderThumbMeta = registerSliderThumb(loader, {\n parentComponentName: SLIDER_COMPONENT_NAME,\n });\n const sliderTrackMeta = registerSliderTrack(sliderThumbMeta, loader, {\n parentComponentName: SLIDER_COMPONENT_NAME,\n });\n\n // Register the range slider\n registerComponentHelper(\n loader,\n BaseSlider<number[]>,\n {\n name: RANGE_SLIDER_COMPONENT_NAME,\n displayName: \"Aria Range Slider\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n importName: \"BaseSlider\",\n interactionVariants,\n defaultStyles: {\n width: \"300px\",\n },\n props: {\n ...getCommonProps<BaseSliderProps<number[]>>(\"slider\", [\n \"isDisabled\",\n \"aria-label\",\n ]),\n ...getCommonSliderProps<number[]>(),\n value: {\n type: \"array\",\n editOnly: true,\n displayName: \"Initial value\",\n uncontrolledProp: \"defaultValue\",\n description: \"The intial value of the slider\",\n defaultValue: [20, 50],\n validator: (value) => {\n if (!Array.isArray(value)) {\n return \"Input must be an array.\";\n }\n\n for (let i = 1; i < value.length; i++) {\n if (value[i] < value[i - 1]) {\n return \"Array elements are not in ascending order.\";\n }\n }\n\n return true;\n },\n },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"hbox\",\n styles: {\n width: \"stretch\",\n justifyContent: \"space-between\",\n padding: \"8px 0px\",\n },\n children: [\n {\n type: \"component\",\n name: LABEL_COMPONENT_NAME,\n props: {\n children: {\n type: \"text\",\n value: \"Label\",\n },\n },\n },\n {\n type: \"component\",\n name: sliderOutputMeta.name,\n props: {\n children: {\n type: \"text\",\n value: \"Output\",\n },\n },\n },\n ],\n },\n {\n type: \"component\",\n name: sliderTrackMeta.name,\n props: {\n children: [\n {\n type: \"component\",\n name: sliderThumbMeta.name,\n },\n {\n type: \"component\",\n name: sliderThumbMeta.name,\n styles: {\n backgroundColor: \"blue\",\n },\n },\n ],\n },\n },\n ],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n onChangeEnd: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"array\",\n },\n },\n trapsFocus: true,\n },\n {\n parentComponentName: SLIDER_COMPONENT_NAME,\n }\n );\n\n registerComponentHelper(\n loader,\n BaseSlider<number>,\n {\n name: SLIDER_COMPONENT_NAME,\n displayName: \"Aria Slider\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n importName: \"BaseSlider\",\n interactionVariants,\n defaultStyles: {\n width: \"300px\",\n },\n props: {\n ...getCommonProps<BaseSliderProps<number>>(\"slider\", [\n \"isDisabled\",\n \"aria-label\",\n ]),\n ...getCommonSliderProps<number>(),\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"hbox\",\n styles: {\n width: \"stretch\",\n justifyContent: \"space-between\",\n padding: \"8px 0px\",\n },\n children: [\n {\n type: \"component\",\n name: LABEL_COMPONENT_NAME,\n props: {\n children: {\n type: \"text\",\n value: \"Label\",\n },\n },\n },\n {\n type: \"component\",\n name: sliderOutputMeta.name,\n props: {\n children: {\n type: \"text\",\n value: \"Output\",\n },\n },\n },\n ],\n },\n {\n type: \"component\",\n name: sliderTrackMeta.name,\n },\n ],\n },\n value: {\n type: \"number\",\n editOnly: true,\n uncontrolledProp: \"defaultValue\",\n description: \"The default value of the slider\",\n defaultValueHint: 0,\n defaultValue: 0,\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"number\" }],\n },\n onChangeEnd: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"number\" }],\n },\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"number\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":["makeComponentName","pickAriaComponentVariants","React","PlasmicSliderContext","Slider","registerSliderOutput","registerSliderThumb","registerSliderTrack","registerComponentHelper","getCommonProps","LABEL_COMPONENT_NAME"],"mappings":"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"}
|
|
@@ -2,28 +2,11 @@ import React from "react";
|
|
|
2
2
|
import { type SliderProps } from "react-aria-components";
|
|
3
3
|
import { UpdateInteractionVariant } from "./interaction-variant-utils";
|
|
4
4
|
import { CodeComponentMetaOverrides, Registerable } from "./utils";
|
|
5
|
-
export declare const SLIDER_COMPONENT_NAME: string;
|
|
6
5
|
declare const SLIDER_INTERACTION_VARIANTS: "disabled"[];
|
|
7
|
-
export interface BaseSliderProps extends
|
|
8
|
-
name?: string;
|
|
9
|
-
autoFocus?: boolean;
|
|
10
|
-
isMultiValue?: boolean;
|
|
11
|
-
range?: number[];
|
|
12
|
-
defaultRange?: number[];
|
|
6
|
+
export interface BaseSliderProps<T extends number | number[]> extends SliderProps<T> {
|
|
13
7
|
children?: React.ReactNode;
|
|
14
|
-
onChange?: (value: number | number[], isMultiValue?: boolean) => void;
|
|
15
8
|
updateInteractionVariant?: UpdateInteractionVariant<typeof SLIDER_INTERACTION_VARIANTS>;
|
|
16
9
|
}
|
|
17
|
-
export declare
|
|
18
|
-
|
|
19
|
-
range: {
|
|
20
|
-
onChangeArgsToValue: (value: number[], isMultiValue: boolean) => number[] | undefined;
|
|
21
|
-
};
|
|
22
|
-
value: {
|
|
23
|
-
onChangeArgsToValue: (value: number, isMultiValue: boolean) => any;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
export declare function BaseSlider(props: BaseSliderProps): React.JSX.Element;
|
|
28
|
-
export declare function registerSlider(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSlider>): void;
|
|
10
|
+
export declare function BaseSlider<T extends number | number[]>(props: BaseSliderProps<T>): React.JSX.Element;
|
|
11
|
+
export declare function registerSlider(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>): void;
|
|
29
12
|
export {};
|