@wix/editor-react-components 1.2765.0 → 1.2767.0
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/site/components/AccordionComponent/component.js +80 -3
- package/dist/site/components/AudioPlayer/manifest.js +1 -1
- package/dist/site/components/Checkbox/component.js +1 -2
- package/dist/site/components/CheckboxGroup/component.js +1 -2
- package/dist/site/components/DatePicker/component.js +2 -4
- package/dist/site/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/site/components/Dropdown/Dropdown.types.d.ts +22 -89
- package/dist/site/components/Dropdown/component.js +205 -873
- package/dist/site/components/Dropdown/constants.d.ts +26 -168
- package/dist/site/components/Dropdown/css.css +52 -462
- package/dist/site/components/Dropdown/manifest.js +338 -441
- package/dist/site/components/Line/manifest.js +39 -3
- package/dist/site/components/RadioButtons/component.js +1 -2
- package/dist/site/components/TextBox/component.js +1 -2
- package/dist/site/components/TimePicker/component.js +2 -4
- package/dist/site/components/chunks/DismissSmall.js +7727 -1
- package/dist/site/components/chunks/RequiredIndicator.js +4 -0
- package/dist/site/components/chunks/constants36.js +31 -148
- package/dist/site/components/chunks/index11.js +0 -66
- package/dist/site/components/chunks/isObjectLike.js +15 -5
- package/dist/site/components/chunks/manifestSdkMixins.js +1 -14
- package/dist/site/components/chunks/types.impl.js +26 -1
- package/package.json +3 -3
- package/dist/site/components/Dropdown/component.preview.d.ts +0 -9
- package/dist/site/components/Dropdown/components/DropdownChips.d.ts +0 -8
- package/dist/site/components/Dropdown/components/DropdownList.d.ts +0 -20
- package/dist/site/components/Dropdown/components/DropdownTrigger.d.ts +0 -22
- package/dist/site/components/Dropdown/dropdownUtils.d.ts +0 -22
- package/dist/site/components/Dropdown/hooks/useChipOverflow.d.ts +0 -9
- package/dist/site/components/Dropdown/hooks/useDropdownQuery.d.ts +0 -15
- package/dist/site/components/Dropdown/hooks/useDropdownSelection.d.ts +0 -16
- package/dist/site/components/chunks/InfoCircleSmall.js +0 -7
- package/dist/site/components/chunks/Tooltip.js +0 -7728
- package/dist/site/components/chunks/_baseSlice.js +0 -43
- package/dist/site/components/chunks/isArray.js +0 -12
- package/dist/site/components/chunks/isArrayLike.js +0 -88
|
@@ -2,6 +2,9 @@ import * as React from "react";
|
|
|
2
2
|
import { useState, useMemo, useRef, useEffect, useCallback } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { c as clsx } from "./clsx.js";
|
|
5
|
+
const InfoCircleSmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9,16 C5.13400675,16 2,12.8659932 2,9 C2,5.13400675 5.13400675,2 9,2 C12.8659932,2 16,5.13400675 16,9 C16,12.8659932 12.8659932,16 9,16 Z M9,15 C12.3137085,15 15,12.3137085 15,9 C15,5.6862915 12.3137085,3 9,3 C5.6862915,3 3,5.6862915 3,9 C3,12.3137085 5.6862915,15 9,15 Z M8,8 L10,8 L10,12 L11,13 L7,13 L8,12 L8,8.85714286 L7,8.85714286 L8,8 Z M9,5 C9.55228475,5 10,5.44771525 10,6 C10,6.55228475 9.55228475,7 9,7 C8.44771525,7 8,6.55228475 8,6 C8,5.44771525 8.44771525,5 9,5 Z" }));
|
|
6
|
+
InfoCircleSmall.displayName = "InfoCircleSmall";
|
|
7
|
+
var InfoCircleSmall_default = InfoCircleSmall;
|
|
5
8
|
const sameValidity = (a, b) => a !== null && a.valid === b.valid && a.validationMessage === b.validationMessage;
|
|
6
9
|
function useValidatedField({
|
|
7
10
|
value,
|
|
@@ -98,6 +101,7 @@ const RequiredIndicator = ({
|
|
|
98
101
|
}
|
|
99
102
|
);
|
|
100
103
|
export {
|
|
104
|
+
InfoCircleSmall_default as I,
|
|
101
105
|
RequiredIndicator as R,
|
|
102
106
|
useValidatedField as u
|
|
103
107
|
};
|
|
@@ -1,48 +1,25 @@
|
|
|
1
|
+
const TEXT_PROP_STATIC_VALUE_MAX_LENGTH = 400;
|
|
1
2
|
const DesignStates = {
|
|
2
|
-
root: {
|
|
3
|
-
hover: { displayName: "Hover", className: "dropdown--hover" },
|
|
4
|
-
disabled: { displayName: "Disabled", className: "dropdown--disabled" }
|
|
5
|
-
},
|
|
6
3
|
input: {
|
|
7
4
|
hover: { displayName: "Hover", className: "dropdown__input--hover" },
|
|
8
5
|
focus: { displayName: "Focus", className: "dropdown__input--focus" },
|
|
6
|
+
error: { displayName: "Error", className: "dropdown__input--error" },
|
|
9
7
|
disabled: {
|
|
10
8
|
displayName: "Disabled",
|
|
11
9
|
className: "dropdown__input--disabled"
|
|
12
10
|
}
|
|
13
11
|
},
|
|
14
|
-
trigger: {
|
|
15
|
-
hover: { displayName: "Hover", className: "dropdown__trigger--hover" },
|
|
16
|
-
selected: {
|
|
17
|
-
displayName: "Selected",
|
|
18
|
-
className: "dropdown__trigger--selected"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
clearButton: {
|
|
22
|
-
hover: { displayName: "Hover", className: "dropdown__clear--hover" },
|
|
23
|
-
selected: {
|
|
24
|
-
displayName: "Selected",
|
|
25
|
-
className: "dropdown__clear--selected"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
12
|
option: {
|
|
29
13
|
hover: { displayName: "Hover", className: "dropdown__option--hover" },
|
|
30
14
|
selected: {
|
|
31
15
|
displayName: "Selected",
|
|
32
16
|
className: "dropdown__option--selected"
|
|
33
17
|
}
|
|
34
|
-
},
|
|
35
|
-
chip: {
|
|
36
|
-
hover: { displayName: "Hover", className: "dropdown__chip--hover" },
|
|
37
|
-
selected: {
|
|
38
|
-
displayName: "Selected",
|
|
39
|
-
className: "dropdown__chip--selected"
|
|
40
|
-
}
|
|
41
18
|
}
|
|
42
19
|
};
|
|
43
20
|
const FunctionalStateKeys = {
|
|
44
21
|
previewList: "previewList",
|
|
45
|
-
|
|
22
|
+
previewError: "previewError"
|
|
46
23
|
};
|
|
47
24
|
const DisplayNames = {
|
|
48
25
|
root: {
|
|
@@ -52,160 +29,66 @@ const DisplayNames = {
|
|
|
52
29
|
optionLabel: "Label",
|
|
53
30
|
optionValue: "Value",
|
|
54
31
|
value: "Selected value",
|
|
55
|
-
|
|
56
|
-
defaultValue: "Default value",
|
|
57
|
-
defaultValues: "Default values",
|
|
58
|
-
inputValue: "Search query",
|
|
59
|
-
open: "Open",
|
|
60
|
-
isDisabled: "Disabled",
|
|
32
|
+
disabled: "Disabled",
|
|
61
33
|
placeholder: "Placeholder",
|
|
62
|
-
searchable: "Allow search",
|
|
63
|
-
multiple: "Allow multiple selection",
|
|
64
|
-
clearable: "Show clear button",
|
|
65
|
-
autoHighlight: "Highlight first match",
|
|
66
|
-
openOnInputClick: "Open list on click",
|
|
67
|
-
inline: "Show options inline",
|
|
68
|
-
grid: "Show options in a grid",
|
|
69
|
-
columns: "Columns",
|
|
70
|
-
limit: "Max visible options",
|
|
71
34
|
label: "Label",
|
|
72
|
-
required: "Required",
|
|
73
35
|
readOnly: "Read only",
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
36
|
+
helperText: "Helper text",
|
|
37
|
+
errorMessage: "Error message"
|
|
38
|
+
},
|
|
39
|
+
// Tooltip copy for the Design panel's info icon on these data props —
|
|
40
|
+
// https://wix.slack.com/archives/C0BBFFEG6HL/p1791456026776399
|
|
41
|
+
descriptions: {
|
|
42
|
+
value: "This field's current value. Connect it to your context to save the data your visitors provide. A value typed in this panel stays fixed.",
|
|
43
|
+
helperText: "A hint shown under this field, like a format example. It's always visible, so keep it short.",
|
|
44
|
+
errorMessage: "The message shown when this field is invalid. Connect it to your context so it appears only when something's wrong. A message typed in this panel always shows."
|
|
83
45
|
},
|
|
84
46
|
cssCustomProperties: {
|
|
85
|
-
width: "Width",
|
|
86
|
-
maxWidth: "Max width",
|
|
87
|
-
backgroundColor: "Background",
|
|
88
|
-
borderColor: "Border color",
|
|
89
|
-
borderWidth: "Border width",
|
|
90
|
-
paddingTop: "Padding top",
|
|
91
|
-
paddingBottom: "Padding bottom",
|
|
92
|
-
paddingInlineStart: "Padding start",
|
|
93
|
-
paddingInlineEnd: "Padding end",
|
|
94
|
-
gap: "Spacing",
|
|
95
|
-
boxShadow: "Shadow",
|
|
96
|
-
textAlign: "Value alignment",
|
|
97
|
-
font: "Value font",
|
|
98
|
-
textColor: "Value color",
|
|
99
|
-
labelFont: "Label font",
|
|
100
|
-
labelColor: "Label color",
|
|
101
|
-
helperFont: "Helper text font",
|
|
102
|
-
helperColor: "Helper text color",
|
|
103
|
-
optionTextColor: "Option text color",
|
|
104
|
-
optionHoverBackgroundColor: "Option hover background",
|
|
105
47
|
placeholderColor: "Placeholder color",
|
|
106
|
-
|
|
107
|
-
chipTextColor: "Chip text color"
|
|
48
|
+
optionsGap: "Space between options"
|
|
108
49
|
},
|
|
109
50
|
elements: {
|
|
110
51
|
label: "Label",
|
|
111
52
|
input: "Input",
|
|
112
|
-
trigger: "Button",
|
|
113
|
-
clearButton: "Clear button",
|
|
114
53
|
list: "List",
|
|
115
54
|
option: "Option",
|
|
116
|
-
|
|
55
|
+
helperText: "Helper text",
|
|
56
|
+
errorMessage: "Error message"
|
|
57
|
+
},
|
|
58
|
+
presets: {
|
|
59
|
+
baseDropdown: "Base Dropdown"
|
|
117
60
|
},
|
|
118
61
|
displayGroups: {
|
|
119
|
-
optionsGroup: "Manage options"
|
|
120
|
-
sizeGroup: "Size",
|
|
121
|
-
backgroundGroup: "Background",
|
|
122
|
-
cornersGroup: "Corner radius",
|
|
123
|
-
paddingGroup: "Padding"
|
|
62
|
+
optionsGroup: "Manage options"
|
|
124
63
|
}
|
|
125
64
|
}
|
|
126
65
|
};
|
|
127
|
-
const defaultValues = {
|
|
128
|
-
placeholder: "Select a value",
|
|
129
|
-
inputValue: "",
|
|
130
|
-
open: false,
|
|
131
|
-
isDisabled: false,
|
|
132
|
-
searchable: false,
|
|
133
|
-
multiple: false,
|
|
134
|
-
clearable: false,
|
|
135
|
-
autoHighlight: false,
|
|
136
|
-
openOnInputClick: true,
|
|
137
|
-
inline: false,
|
|
138
|
-
grid: false,
|
|
139
|
-
columns: 2,
|
|
140
|
-
limit: -1,
|
|
141
|
-
label: "",
|
|
142
|
-
required: false,
|
|
143
|
-
readOnly: false,
|
|
144
|
-
name: "",
|
|
145
|
-
description: "",
|
|
146
|
-
triggerMode: "onSelection",
|
|
147
|
-
applyButtonLabel: "Apply",
|
|
148
|
-
noResultsText: "No results"
|
|
149
|
-
};
|
|
150
|
-
var TriggerModeValues = /* @__PURE__ */ ((TriggerModeValues2) => {
|
|
151
|
-
TriggerModeValues2["OnSelection"] = "onSelection";
|
|
152
|
-
TriggerModeValues2["OnApply"] = "onApply";
|
|
153
|
-
return TriggerModeValues2;
|
|
154
|
-
})(TriggerModeValues || {});
|
|
155
|
-
const ALL_VALUE = "";
|
|
156
66
|
const TestIds = {
|
|
157
67
|
root: "dropdown-root",
|
|
158
68
|
label: "dropdown-label",
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
clear: "dropdown-clear",
|
|
163
|
-
applyButton: "dropdown-apply-button",
|
|
164
|
-
description: "dropdown-description",
|
|
69
|
+
input: "dropdown-input",
|
|
70
|
+
list: "dropdown-list",
|
|
71
|
+
helperText: "dropdown-helper-text",
|
|
165
72
|
errorMessage: "dropdown-error-message"
|
|
166
73
|
};
|
|
167
|
-
const
|
|
74
|
+
const editorElementClassNames = {
|
|
168
75
|
root: "dropdown",
|
|
169
76
|
label: "dropdown-label",
|
|
170
77
|
input: "dropdown-input",
|
|
171
|
-
trigger: "dropdown-trigger",
|
|
172
|
-
clear: "dropdown-clear",
|
|
173
78
|
list: "dropdown-list",
|
|
174
79
|
option: "dropdown-option",
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
const semanticClassNames = {
|
|
178
|
-
root: "dropdown",
|
|
179
|
-
label: "dropdown__label",
|
|
180
|
-
requiredIndicator: "dropdown__required-indicator",
|
|
181
|
-
input: "dropdown__input",
|
|
182
|
-
trigger: "dropdown__trigger",
|
|
183
|
-
clear: "dropdown__clear",
|
|
184
|
-
listbox: "dropdown__listbox",
|
|
185
|
-
option: "dropdown__option",
|
|
186
|
-
chips: "dropdown__chips",
|
|
187
|
-
chip: "dropdown__chip",
|
|
188
|
-
applyButton: "dropdown__apply-button",
|
|
189
|
-
errorMessage: "dropdown__error-message"
|
|
80
|
+
helperText: "dropdown-helper-text",
|
|
81
|
+
errorMessage: "dropdown-error-message"
|
|
190
82
|
};
|
|
191
|
-
const ARIA_LABEL_NAMESPACE = "ariaLabels";
|
|
192
83
|
const AriaLabels = {
|
|
193
|
-
root: { key: "Dropdown_AriaLabel", default: "Dropdown" }
|
|
194
|
-
clear: { key: "Dropdown_AriaLabel_Clear", default: "Clear" },
|
|
195
|
-
removeItem: { key: "Dropdown_AriaLabel_RemoveItem", default: "Remove" }
|
|
84
|
+
root: { key: "Dropdown_AriaLabel", default: "Dropdown" }
|
|
196
85
|
};
|
|
197
|
-
const VALUE_MISSING_MESSAGE = "Please select an option.";
|
|
198
86
|
export {
|
|
199
|
-
|
|
87
|
+
AriaLabels as A,
|
|
200
88
|
DesignStates as D,
|
|
201
89
|
FunctionalStateKeys as F,
|
|
202
90
|
TestIds as T,
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
ARIA_LABEL_NAMESPACE as c,
|
|
207
|
-
defaultValues as d,
|
|
208
|
-
AriaLabels as e,
|
|
209
|
-
DisplayNames as f,
|
|
210
|
-
selectors as s
|
|
91
|
+
DisplayNames as a,
|
|
92
|
+
TEXT_PROP_STATIC_VALUE_MAX_LENGTH as b,
|
|
93
|
+
editorElementClassNames as e
|
|
211
94
|
};
|
|
@@ -12043,17 +12043,6 @@ const Button_Button = /* @__PURE__ */ React.forwardRef(function(componentProps,
|
|
|
12043
12043
|
});
|
|
12044
12044
|
});
|
|
12045
12045
|
if ("production" !== process.env.NODE_ENV) Button_Button.displayName = "Button";
|
|
12046
|
-
const Button_module = {
|
|
12047
|
-
root: "root-kIffNe",
|
|
12048
|
-
primary: "primary-BOdHls",
|
|
12049
|
-
secondary: "secondary-O9td6z",
|
|
12050
|
-
tertiary: "tertiary-QWTRNC"
|
|
12051
|
-
};
|
|
12052
|
-
const Button_Button_Button = /* @__PURE__ */ React.forwardRef(({ className, variant = "primary", ...props }, ref) => /* @__PURE__ */ jsx(Button_Button, {
|
|
12053
|
-
ref,
|
|
12054
|
-
className: clsx(Button_module.root, Button_module[variant], className),
|
|
12055
|
-
...props
|
|
12056
|
-
}));
|
|
12057
12046
|
const FieldItemContext = /* @__PURE__ */ React.createContext({
|
|
12058
12047
|
disabled: false
|
|
12059
12048
|
});
|
|
@@ -14072,16 +14061,6 @@ const Label$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref)
|
|
|
14072
14061
|
className,
|
|
14073
14062
|
...props
|
|
14074
14063
|
}));
|
|
14075
|
-
const Input = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxInput_ComboboxInput, {
|
|
14076
|
-
ref,
|
|
14077
|
-
className,
|
|
14078
|
-
...props
|
|
14079
|
-
}));
|
|
14080
|
-
const InputGroup = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxInputGroup_ComboboxInputGroup, {
|
|
14081
|
-
ref,
|
|
14082
|
-
className,
|
|
14083
|
-
...props
|
|
14084
|
-
}));
|
|
14085
14064
|
const Trigger$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxTrigger_ComboboxTrigger, {
|
|
14086
14065
|
ref,
|
|
14087
14066
|
className,
|
|
@@ -14107,57 +14086,13 @@ const Item$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) =
|
|
|
14107
14086
|
className,
|
|
14108
14087
|
...props
|
|
14109
14088
|
}));
|
|
14110
|
-
const ItemIndicator = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxItemIndicator_ComboboxItemIndicator, {
|
|
14111
|
-
ref,
|
|
14112
|
-
className,
|
|
14113
|
-
...props
|
|
14114
|
-
}));
|
|
14115
|
-
const Chips = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChips_ComboboxChips, {
|
|
14116
|
-
ref,
|
|
14117
|
-
className,
|
|
14118
|
-
...props
|
|
14119
|
-
}));
|
|
14120
|
-
const Chip = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChip_ComboboxChip, {
|
|
14121
|
-
ref,
|
|
14122
|
-
className,
|
|
14123
|
-
...props
|
|
14124
|
-
}));
|
|
14125
|
-
const ChipRemove = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChipRemove_ComboboxChipRemove, {
|
|
14126
|
-
ref,
|
|
14127
|
-
className,
|
|
14128
|
-
...props
|
|
14129
|
-
}));
|
|
14130
|
-
const Row = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxRow_ComboboxRow, {
|
|
14131
|
-
ref,
|
|
14132
|
-
className,
|
|
14133
|
-
...props
|
|
14134
|
-
}));
|
|
14135
|
-
const Empty = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxEmpty_ComboboxEmpty, {
|
|
14136
|
-
ref,
|
|
14137
|
-
className,
|
|
14138
|
-
...props
|
|
14139
|
-
}));
|
|
14140
|
-
const Clear = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxClear_ComboboxClear, {
|
|
14141
|
-
ref,
|
|
14142
|
-
className,
|
|
14143
|
-
...props
|
|
14144
|
-
}));
|
|
14145
14089
|
const Combobox = {
|
|
14146
14090
|
Label: Label$1,
|
|
14147
|
-
Input,
|
|
14148
|
-
InputGroup,
|
|
14149
14091
|
Trigger: Trigger$2,
|
|
14150
14092
|
List: List$1,
|
|
14151
14093
|
Positioner: Positioner$2,
|
|
14152
14094
|
Popup: Popup$2,
|
|
14153
14095
|
Item: Item$1,
|
|
14154
|
-
ItemIndicator,
|
|
14155
|
-
Chips,
|
|
14156
|
-
Chip,
|
|
14157
|
-
ChipRemove,
|
|
14158
|
-
Row,
|
|
14159
|
-
Empty,
|
|
14160
|
-
Clear,
|
|
14161
14096
|
Root: ComboboxRoot,
|
|
14162
14097
|
Value: ComboboxValue,
|
|
14163
14098
|
Portal: ComboboxPortal_ComboboxPortal
|
|
@@ -31179,7 +31114,6 @@ const Tooltip = {
|
|
|
31179
31114
|
Provider: TooltipProvider_TooltipProvider
|
|
31180
31115
|
};
|
|
31181
31116
|
export {
|
|
31182
|
-
Button_Button_Button as B,
|
|
31183
31117
|
Combobox as C,
|
|
31184
31118
|
Field as F,
|
|
31185
31119
|
Input_Input_Input as I,
|
|
@@ -29,6 +29,15 @@ function require_Symbol() {
|
|
|
29
29
|
_Symbol = Symbol;
|
|
30
30
|
return _Symbol;
|
|
31
31
|
}
|
|
32
|
+
var isArray_1;
|
|
33
|
+
var hasRequiredIsArray;
|
|
34
|
+
function requireIsArray() {
|
|
35
|
+
if (hasRequiredIsArray) return isArray_1;
|
|
36
|
+
hasRequiredIsArray = 1;
|
|
37
|
+
var isArray = Array.isArray;
|
|
38
|
+
isArray_1 = isArray;
|
|
39
|
+
return isArray_1;
|
|
40
|
+
}
|
|
32
41
|
var _getRawTag;
|
|
33
42
|
var hasRequired_getRawTag;
|
|
34
43
|
function require_getRawTag() {
|
|
@@ -101,9 +110,10 @@ function requireIsObjectLike() {
|
|
|
101
110
|
return isObjectLike_1;
|
|
102
111
|
}
|
|
103
112
|
export {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
113
|
+
requireIsObjectLike as a,
|
|
114
|
+
require_Symbol as b,
|
|
115
|
+
requireIsArray as c,
|
|
116
|
+
require_root as d,
|
|
117
|
+
require_freeGlobal as e,
|
|
118
|
+
require_baseGetTag as r
|
|
109
119
|
};
|
|
@@ -2,7 +2,6 @@ import { D as DATA } from "./chunk-EVX7ZUBD.js";
|
|
|
2
2
|
import { D as DomEventType } from "./types.impl.js";
|
|
3
3
|
const MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES = {
|
|
4
4
|
onChange: "On Change",
|
|
5
|
-
onInput: "On Input",
|
|
6
5
|
onClick: "On Click",
|
|
7
6
|
onDblClick: "On Double Click",
|
|
8
7
|
onFocus: "On Focus",
|
|
@@ -32,17 +31,6 @@ function manifestChangeable(names = {}) {
|
|
|
32
31
|
)
|
|
33
32
|
};
|
|
34
33
|
}
|
|
35
|
-
function manifestInputable(names = {}) {
|
|
36
|
-
const payload = {
|
|
37
|
-
parameters: [{ domEvent: DomEventType.CHANGE }]
|
|
38
|
-
};
|
|
39
|
-
return {
|
|
40
|
-
onInput: manifestFunction(
|
|
41
|
-
names.onInput ?? MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES.onInput,
|
|
42
|
-
payload
|
|
43
|
-
)
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
34
|
function manifestClickable(names = {}) {
|
|
47
35
|
const payload = {
|
|
48
36
|
parameters: [{ domEvent: DomEventType.POINTER }]
|
|
@@ -119,7 +107,6 @@ export {
|
|
|
119
107
|
manifestMouseHover as b,
|
|
120
108
|
manifestClickable as c,
|
|
121
109
|
manifestPlayable as d,
|
|
122
|
-
|
|
123
|
-
manifestMediaProgress as f,
|
|
110
|
+
manifestMediaProgress as e,
|
|
124
111
|
manifestFocusable as m
|
|
125
112
|
};
|
|
@@ -159,6 +159,12 @@ var BarAlignmentSelected;
|
|
|
159
159
|
BarAlignmentSelected2["ALIGN_CENTER"] = "ALIGN_CENTER";
|
|
160
160
|
BarAlignmentSelected2["ALIGN_RIGHT"] = "ALIGN_RIGHT";
|
|
161
161
|
})(BarAlignmentSelected || (BarAlignmentSelected = {}));
|
|
162
|
+
var BmSearchCategoryScope;
|
|
163
|
+
(function(BmSearchCategoryScope2) {
|
|
164
|
+
BmSearchCategoryScope2["UNKNOWN_SCOPE"] = "UNKNOWN_SCOPE";
|
|
165
|
+
BmSearchCategoryScope2["SITE"] = "SITE";
|
|
166
|
+
BmSearchCategoryScope2["ACCOUNT"] = "ACCOUNT";
|
|
167
|
+
})(BmSearchCategoryScope || (BmSearchCategoryScope = {}));
|
|
162
168
|
var BreakpointEnumBreakpoint;
|
|
163
169
|
(function(BreakpointEnumBreakpoint2) {
|
|
164
170
|
BreakpointEnumBreakpoint2["UNKNOWN_Breakpoint"] = "UNKNOWN_Breakpoint";
|
|
@@ -437,9 +443,11 @@ var ComponentType;
|
|
|
437
443
|
ComponentType2["COMPONENTS_DELETION_HOOK_PROVIDER"] = "COMPONENTS_DELETION_HOOK_PROVIDER";
|
|
438
444
|
ComponentType2["WEBHOOK_PROVIDER_MODULE"] = "WEBHOOK_PROVIDER_MODULE";
|
|
439
445
|
ComponentType2["APP_SKILLS"] = "APP_SKILLS";
|
|
440
|
-
ComponentType2["TRANSLATION_CONTAINER_CMS"] = "TRANSLATION_CONTAINER_CMS";
|
|
441
446
|
ComponentType2["BM_SEARCH_PROVIDER"] = "BM_SEARCH_PROVIDER";
|
|
442
447
|
ComponentType2["PREMIUM_DYNAMIC_PRICING"] = "PREMIUM_DYNAMIC_PRICING";
|
|
448
|
+
ComponentType2["BM_SEARCH_CATEGORY"] = "BM_SEARCH_CATEGORY";
|
|
449
|
+
ComponentType2["DEV_CENTER_GENERIC_SPI_TESTING"] = "DEV_CENTER_GENERIC_SPI_TESTING";
|
|
450
|
+
ComponentType2["TRANSLATION_CONTAINER"] = "TRANSLATION_CONTAINER";
|
|
443
451
|
})(ComponentType || (ComponentType = {}));
|
|
444
452
|
var AuthType;
|
|
445
453
|
(function(AuthType2) {
|
|
@@ -1280,6 +1288,11 @@ var ItemField;
|
|
|
1280
1288
|
ItemField2["DESCRIPTION"] = "DESCRIPTION";
|
|
1281
1289
|
ItemField2["NOTE"] = "NOTE";
|
|
1282
1290
|
})(ItemField || (ItemField = {}));
|
|
1291
|
+
var ItemSelectionTag;
|
|
1292
|
+
(function(ItemSelectionTag2) {
|
|
1293
|
+
ItemSelectionTag2["UNKNOWN_ITEM_SELECTION_TAG"] = "UNKNOWN_ITEM_SELECTION_TAG";
|
|
1294
|
+
ItemSelectionTag2["ALL_CATEGORIES"] = "ALL_CATEGORIES";
|
|
1295
|
+
})(ItemSelectionTag || (ItemSelectionTag = {}));
|
|
1283
1296
|
var LayoutMode;
|
|
1284
1297
|
(function(LayoutMode2) {
|
|
1285
1298
|
LayoutMode2["STANDARD_VIEW"] = "STANDARD_VIEW";
|
|
@@ -1416,6 +1429,12 @@ var NotificationStyle;
|
|
|
1416
1429
|
NotificationStyle2["MESSAGING"] = "MESSAGING";
|
|
1417
1430
|
NotificationStyle2["INBOX"] = "INBOX";
|
|
1418
1431
|
})(NotificationStyle || (NotificationStyle = {}));
|
|
1432
|
+
var Priority;
|
|
1433
|
+
(function(Priority2) {
|
|
1434
|
+
Priority2["UNKNOWN_PRIORITY"] = "UNKNOWN_PRIORITY";
|
|
1435
|
+
Priority2["NORMAL"] = "NORMAL";
|
|
1436
|
+
Priority2["HIGH"] = "HIGH";
|
|
1437
|
+
})(Priority || (Priority = {}));
|
|
1419
1438
|
var App;
|
|
1420
1439
|
(function(App2) {
|
|
1421
1440
|
App2["UNKNOWN_APP"] = "UNKNOWN_APP";
|
|
@@ -1544,6 +1563,11 @@ var PluginInterface;
|
|
|
1544
1563
|
PluginInterface2["BOOKINGS_CALENDAR"] = "BOOKINGS_CALENDAR";
|
|
1545
1564
|
PluginInterface2["CART"] = "CART";
|
|
1546
1565
|
})(PluginInterface || (PluginInterface = {}));
|
|
1566
|
+
var TargetType;
|
|
1567
|
+
(function(TargetType2) {
|
|
1568
|
+
TargetType2["UNKNOWN_TARGET_TYPE"] = "UNKNOWN_TARGET_TYPE";
|
|
1569
|
+
TargetType2["PAGE"] = "PAGE";
|
|
1570
|
+
})(TargetType || (TargetType = {}));
|
|
1547
1571
|
var PlanPeriodUnit;
|
|
1548
1572
|
(function(PlanPeriodUnit2) {
|
|
1549
1573
|
PlanPeriodUnit2["UNDEFINED"] = "UNDEFINED";
|
|
@@ -3023,6 +3047,7 @@ var BannerPosition;
|
|
|
3023
3047
|
(function(BannerPosition2) {
|
|
3024
3048
|
BannerPosition2["TOP"] = "TOP";
|
|
3025
3049
|
BannerPosition2["BOTTOM"] = "BOTTOM";
|
|
3050
|
+
BannerPosition2["PAYWALL"] = "PAYWALL";
|
|
3026
3051
|
})(BannerPosition || (BannerPosition = {}));
|
|
3027
3052
|
var DesignTarget;
|
|
3028
3053
|
(function(DesignTarget2) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/editor-react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2767.0",
|
|
4
4
|
"description": "React components for the Wix Editor",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"@vis.gl/react-google-maps": "^1.10.1",
|
|
114
114
|
"@vitejs/plugin-react": "^4.3.4",
|
|
115
115
|
"@wix/a11y-audit-tool-plugin": "^0.397.0",
|
|
116
|
-
"@wix/ambassador-devcenter-v1-component-type-data": "^1.0.
|
|
116
|
+
"@wix/ambassador-devcenter-v1-component-type-data": "^1.0.592",
|
|
117
117
|
"@wix/astro": "^2.75.3",
|
|
118
118
|
"@wix/business-tools": "^1.0.233",
|
|
119
119
|
"@wix/cli": "^1.1.263",
|
|
@@ -222,5 +222,5 @@
|
|
|
222
222
|
"registry": "https://registry.npmjs.org/",
|
|
223
223
|
"access": "public"
|
|
224
224
|
},
|
|
225
|
-
"falconPackageHash": "
|
|
225
|
+
"falconPackageHash": "0e173c1ba5372fce0322b80a1934e4ad3ba5156ec784140e65b65c3d"
|
|
226
226
|
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ResolveManifestOverrides } from '../../../utils/ResolveManifestOverrides';
|
|
3
|
-
import { DropdownProps } from './Dropdown.types';
|
|
4
|
-
type DropdownPreviewProps = DropdownProps & {
|
|
5
|
-
previewChips?: boolean;
|
|
6
|
-
};
|
|
7
|
-
export default function DropdownPreview(props: DropdownPreviewProps): React.JSX.Element;
|
|
8
|
-
export declare const resolveManifestOverrides: ResolveManifestOverrides;
|
|
9
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { DropdownItem } from '../dropdownUtils';
|
|
3
|
-
export declare const DropdownChips: ({ items, inputControl, removeItemLabel, chipClassName, }: {
|
|
4
|
-
items: Array<DropdownItem>;
|
|
5
|
-
inputControl: React.ReactNode;
|
|
6
|
-
removeItemLabel: string;
|
|
7
|
-
chipClassName?: string;
|
|
8
|
-
}) => React.ReactElement;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { DropdownItem } from '../dropdownUtils';
|
|
3
|
-
import { DropdownElementProps } from '../Dropdown.types';
|
|
4
|
-
type DropdownListProps = {
|
|
5
|
-
optionItems: Array<DropdownItem>;
|
|
6
|
-
filterItem: (item: DropdownItem, typed: string) => boolean;
|
|
7
|
-
inputValue: string;
|
|
8
|
-
limit: number;
|
|
9
|
-
isGrid: boolean;
|
|
10
|
-
isSearchable: boolean;
|
|
11
|
-
columns: number;
|
|
12
|
-
inline: boolean;
|
|
13
|
-
isMultiple: boolean;
|
|
14
|
-
hasInput: boolean;
|
|
15
|
-
hasQuery: boolean;
|
|
16
|
-
popoverContainer: HTMLDivElement | null;
|
|
17
|
-
elementProps?: DropdownElementProps;
|
|
18
|
-
};
|
|
19
|
-
export declare const DropdownList: ({ optionItems, filterItem, inputValue, limit, isGrid, isSearchable, columns, inline, isMultiple, hasInput, hasQuery, popoverContainer, elementProps, }: DropdownListProps) => React.ReactElement;
|
|
20
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { DropdownItem } from '../dropdownUtils';
|
|
3
|
-
import { DropdownElementProps } from '../Dropdown.types';
|
|
4
|
-
type DropdownTriggerProps = {
|
|
5
|
-
isMultiple: boolean;
|
|
6
|
-
isSearchable: boolean;
|
|
7
|
-
clearable: boolean;
|
|
8
|
-
selectedLabel: string;
|
|
9
|
-
selectedItems: Array<DropdownItem>;
|
|
10
|
-
placeholder: string;
|
|
11
|
-
ariaLabel: string | undefined;
|
|
12
|
-
labelId: string | undefined;
|
|
13
|
-
clearLabel: string;
|
|
14
|
-
removeItemLabel: string;
|
|
15
|
-
describedById: string | undefined;
|
|
16
|
-
isInvalid: boolean;
|
|
17
|
-
onFocus: (event: React.FocusEvent) => void;
|
|
18
|
-
onBlur: (event: React.FocusEvent) => void;
|
|
19
|
-
elementProps?: DropdownElementProps;
|
|
20
|
-
};
|
|
21
|
-
export declare const DropdownTrigger: ({ isMultiple, isSearchable, clearable, selectedLabel, selectedItems, placeholder, ariaLabel, labelId, clearLabel, removeItemLabel, describedById, isInvalid, onFocus, onBlur, elementProps, }: DropdownTriggerProps) => React.ReactElement;
|
|
22
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { DropdownFilter, DropdownOption, DropdownProps } from './Dropdown.types';
|
|
2
|
-
/** An option normalized for base-ui: a stable key plus its value and label. */
|
|
3
|
-
export type DropdownItem = {
|
|
4
|
-
key: string;
|
|
5
|
-
value: string;
|
|
6
|
-
label: string;
|
|
7
|
-
};
|
|
8
|
-
/** Reads a value string from a selection item: a bare string or `{ value }`. */
|
|
9
|
-
export declare const readOptionValue: (item: unknown) => string | null;
|
|
10
|
-
/** Drops blank-label options and assigns stable index keys. */
|
|
11
|
-
export declare const toOptionItems: (options: Array<DropdownOption>) => Array<DropdownItem>;
|
|
12
|
-
/** Normalizes the bound `value` (string, `string[]`, or `{ value }[]`) to values. */
|
|
13
|
-
export declare const readSelectedValues: (rawValue: unknown, isMultiple: boolean) => Array<string>;
|
|
14
|
-
/** Builds the per-item match used to filter the list against the typed query. */
|
|
15
|
-
export declare const createFilterItem: (params: {
|
|
16
|
-
customFilter?: DropdownFilter;
|
|
17
|
-
isSearchable: boolean;
|
|
18
|
-
isMultiple: boolean;
|
|
19
|
-
inline: boolean;
|
|
20
|
-
}) => (item: DropdownItem, typed: string) => boolean;
|
|
21
|
-
export declare const emitChange: (onChange: NonNullable<DropdownProps["onChange"]>, value: string | Array<string>) => void;
|
|
22
|
-
export declare const emitInput: (onInput: NonNullable<DropdownProps["onInput"]>, value: string) => void;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Returns how many of `count` chips fit on one row of `ref`, leaving room for a
|
|
3
|
-
* "+N" counter. Renders all chips first (to measure them), then caps; re-runs on
|
|
4
|
-
* selection change and container resize. Falls back to `count` when it can't
|
|
5
|
-
* measure (e.g. SSR / not yet laid out).
|
|
6
|
-
*/
|
|
7
|
-
export declare const useChipOverflow: (ref: {
|
|
8
|
-
current: HTMLElement | null;
|
|
9
|
-
}, count: number) => number;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { DropdownProps } from '../Dropdown.types';
|
|
2
|
-
export declare const useDropdownQuery: (params: {
|
|
3
|
-
boundInputValue: string | undefined;
|
|
4
|
-
boundOpen: boolean | undefined;
|
|
5
|
-
isMultiple: boolean;
|
|
6
|
-
selectedKey: string | null;
|
|
7
|
-
selectedOptionLabel: string;
|
|
8
|
-
onInput: NonNullable<DropdownProps["onInput"]>;
|
|
9
|
-
}) => {
|
|
10
|
-
inputValue: string;
|
|
11
|
-
handleInputValueChange: (next: string) => void;
|
|
12
|
-
hasQuery: boolean;
|
|
13
|
-
isOpen: boolean;
|
|
14
|
-
setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
|
|
15
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { DropdownProps } from '../Dropdown.types';
|
|
2
|
-
import { DropdownItem } from '../dropdownUtils';
|
|
3
|
-
export declare const useDropdownSelection: (params: {
|
|
4
|
-
optionItems: Array<DropdownItem>;
|
|
5
|
-
selectedValues: Array<string>;
|
|
6
|
-
isMultiple: boolean;
|
|
7
|
-
isApplyMode: boolean;
|
|
8
|
-
onChange: NonNullable<DropdownProps["onChange"]>;
|
|
9
|
-
}) => {
|
|
10
|
-
selectedKeys: string[];
|
|
11
|
-
selectedItems: DropdownItem[];
|
|
12
|
-
selectedKey: string;
|
|
13
|
-
selectedOptionLabel: string;
|
|
14
|
-
handleSelectionChange: (keys: Array<string>) => void;
|
|
15
|
-
handleApply: () => void;
|
|
16
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const InfoCircleSmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9,16 C5.13400675,16 2,12.8659932 2,9 C2,5.13400675 5.13400675,2 9,2 C12.8659932,2 16,5.13400675 16,9 C16,12.8659932 12.8659932,16 9,16 Z M9,15 C12.3137085,15 15,12.3137085 15,9 C15,5.6862915 12.3137085,3 9,3 C5.6862915,3 3,5.6862915 3,9 C3,12.3137085 5.6862915,15 9,15 Z M8,8 L10,8 L10,12 L11,13 L7,13 L8,12 L8,8.85714286 L7,8.85714286 L8,8 Z M9,5 C9.55228475,5 10,5.44771525 10,6 C10,6.55228475 9.55228475,7 9,7 C8.44771525,7 8,6.55228475 8,6 C8,5.44771525 8.44771525,5 9,5 Z" }));
|
|
3
|
-
InfoCircleSmall.displayName = "InfoCircleSmall";
|
|
4
|
-
var InfoCircleSmall_default = InfoCircleSmall;
|
|
5
|
-
export {
|
|
6
|
-
InfoCircleSmall_default as I
|
|
7
|
-
};
|