@rankingcoach/vanguard 1.13.0 → 1.14.7
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/index-ControlledValuePlugin.js +1 -1
- package/dist/index-CsvContentValidator.js +30 -0
- package/dist/index-DateInput.js +4 -4
- package/dist/index-DateRange.js +1 -1
- package/dist/index-DefaultValuePlugin.js +1 -1
- package/dist/index-Document.types.js +3 -3
- package/dist/index-DocumentContentProcessor.js +42 -0
- package/dist/index-DocumentUpload.js +103 -109
- package/dist/index-HyperlinkPlugin.js +1 -1
- package/dist/index-InputRangeField.js +1 -1
- package/dist/index-KeywordNode.js +1 -1
- package/dist/index-KeywordPlugin.js +1 -1
- package/dist/index-ModalService.js +3 -1
- package/dist/index-Month.js +2 -2
- package/dist/index-OnChangeContentPlugin.js +1 -1
- package/dist/index-OnFocusOnBlurPlugin.js +1 -1
- package/dist/index-Select2.js +1 -1
- package/dist/index-SelectInput.js +478 -26
- package/dist/index-_virtual10.js +3 -5
- package/dist/index-_virtual11.js +5 -5
- package/dist/index-_virtual12.js +5 -3
- package/dist/index-_virtual19.js +2 -5
- package/dist/index-_virtual20.js +5 -2
- package/dist/index-_virtual24.js +2 -2
- package/dist/index-_virtual26.js +2 -2
- package/dist/index-_virtual27.js +2 -2
- package/dist/index-_virtual28.js +2 -2
- package/dist/index-_virtual29.js +2 -2
- package/dist/index-_virtual30.js +2 -2
- package/dist/index-_virtual31.js +2 -2
- package/dist/index-_virtual33.js +2 -2
- package/dist/index-_virtual69.js +2 -2
- package/dist/index-_virtual70.js +4 -2
- package/dist/index-_virtual71.js +2 -4
- package/dist/index-_virtual72.js +4 -2
- package/dist/index-_virtual73.js +1 -1
- package/dist/index-_virtual74.js +1 -1
- package/dist/index-_virtual75.js +2 -4
- package/dist/index-_virtual76.js +2 -2
- package/dist/index-accessibility.js +1 -1
- package/dist/index-apiKeys.js +3 -3
- package/dist/index-cjs.js +1 -1
- package/dist/index-dist3.js +1 -1
- package/dist/index-dist4.js +1 -1
- package/dist/index-http.store.js +1 -1
- package/dist/index-lib.js +1 -1
- package/dist/index-lib2.js +1 -1
- package/dist/index-lib3.js +1 -1
- package/dist/index-lib5.js +1 -1
- package/dist/index-useHyperlinkEditor.js +1 -1
- package/dist/index-useLexicalToolbar.js +1 -1
- package/dist/index-video.es.js +2 -2
- package/dist/index.js +337 -335
- package/dist/types/core/Documents/Document.types.d.ts +2 -1
- package/dist/types/core/Documents/DocumentUpload/stories/WithCustomDimensions.story.d.ts +2 -0
- package/dist/types/core/Documents/DocumentUpload/stories/WithDocumentName.story.d.ts +2 -0
- package/dist/types/core/Documents/DocumentUpload/stories/_DocumentUpload.default.d.ts +2 -2
- package/dist/types/core/FileSelect/MediaItemProcessors/DocumentContentProcessor.d.ts +9 -0
- package/dist/types/core/FileSelect/MediaItemValidators/CsvContentValidator.d.ts +15 -0
- package/dist/types/core/FileSelect/index.d.ts +2 -1
- package/dist/types/core/FileSelect/stories/WithCsvValidator.story.d.ts +2 -0
- package/dist/types/core/FileSelect/stories/WithDocumentContentProcessor.story.d.ts +2 -0
- package/dist/types/core/Modal/stories/CloseConfirmModalViaHeader.story.d.ts +2 -0
- package/dist/types/core/Modal/stories/CloseViaHeaderButtonWithResponse.story.d.ts +2 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/vanguard-asset-analysis.json +1 -1
- package/dist-wordpress/index.js +3 -1
- package/package.json +3 -3
- package/dist/index-SelectInput2.js +0 -484
- package/dist/types/core/FileSelect/SelectInput.d.ts +0 -11
|
@@ -16,7 +16,8 @@ export declare enum ContentType {
|
|
|
16
16
|
VIDEO_MOV = "video/quicktime",
|
|
17
17
|
VIDEO_MP4 = "video/mp4",
|
|
18
18
|
UNKNOWN = "unknown",
|
|
19
|
-
APPLICATION_PDF = "application/pdf"
|
|
19
|
+
APPLICATION_PDF = "application/pdf",
|
|
20
|
+
TEXT_CSV = "text/csv"
|
|
20
21
|
}
|
|
21
22
|
export type MediaItemFileType = `${ContentType}`;
|
|
22
23
|
export type DocumentFileMimeType = typeof CONTENY_TYPE_APPLICATION_PDF | typeof CONTENT_TYPE_IMAGE_PNG | typeof CONTENT_TYPE_IMAGE_JPG | typeof CONTENT_TYPE_IMAGE_JPEG | typeof CONTENT_TYPE_UNKNOWN;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
import { DocumentUpload } from '../DocumentUpload';
|
|
3
3
|
export type Story = StoryObj<typeof DocumentUpload>;
|
|
4
|
-
export declare const mockOnDocumentSelected: () =>
|
|
5
|
-
export declare const mockOnDocumentRemoved: () =>
|
|
4
|
+
export declare const mockOnDocumentSelected: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
5
|
+
export declare const mockOnDocumentRemoved: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { NonEmptyArray } from '../../../helpers/array-helpers';
|
|
2
|
+
import { MediaItemFileType } from '../../Documents/Document.types';
|
|
3
|
+
import { MediaItemFile } from '../../Gallery/Gallery/Gallery';
|
|
4
|
+
import { MediaItemProcessor } from './MediaItemProcessor';
|
|
5
|
+
export declare class DocumentContentProcessor extends MediaItemProcessor {
|
|
6
|
+
applicableFileTypes: NonEmptyArray<MediaItemFileType>;
|
|
7
|
+
process: (mediaItems: MediaItemFile[]) => Promise<MediaItemFile[] | null>;
|
|
8
|
+
private readFileAsDataURL;
|
|
9
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { NonEmptyArray } from '../../../helpers/array-helpers';
|
|
2
|
+
import { MediaItemFileType } from '../../Documents/Document.types';
|
|
3
|
+
import { MediaItemFile } from '../../Gallery/Gallery/Gallery';
|
|
4
|
+
import { MediaItemValidator } from './MediaItemValidator';
|
|
5
|
+
type CsvContentValidatorProps = {
|
|
6
|
+
requiredHeaders: string[];
|
|
7
|
+
};
|
|
8
|
+
export declare class CsvContentValidator extends MediaItemValidator {
|
|
9
|
+
applicableFileTypes: NonEmptyArray<MediaItemFileType>;
|
|
10
|
+
private requiredHeaders;
|
|
11
|
+
constructor({ requiredHeaders }: CsvContentValidatorProps);
|
|
12
|
+
validate: (files: MediaItemFile[]) => Promise<MediaItemFile[] | null>;
|
|
13
|
+
private validateMediaItem;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { MediaItemSelectInput } from './MediaItemSelectInput';
|
|
2
|
+
export { DocumentContentProcessor } from './MediaItemProcessors/DocumentContentProcessor';
|
|
2
3
|
export { ImageCompressorTransformer } from './MediaItemTransformers/ImageCompressorTransformer';
|
|
3
4
|
export { ImageCropperTransformer } from './MediaItemTransformers/ImageCropperTransformer';
|
|
4
5
|
export { MediaItemTransformer } from './MediaItemTransformers/MediaItemTransformer';
|
|
5
|
-
export {
|
|
6
|
+
export { CsvContentValidator } from './MediaItemValidators/CsvContentValidator';
|
|
6
7
|
export { POST_VIDEO_VALIDATION_REQUIREMENTS } from './validation-helpers/media-items-validations';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -231,8 +231,9 @@ export { MediaItemSelectInput } from './core/FileSelect';
|
|
|
231
231
|
export { ImageCompressorTransformer } from './core/FileSelect';
|
|
232
232
|
export { ImageCropperTransformer } from './core/FileSelect';
|
|
233
233
|
export { MediaItemTransformer } from './core/FileSelect';
|
|
234
|
-
export { SelectInput } from './core/FileSelect';
|
|
235
234
|
export { POST_VIDEO_VALIDATION_REQUIREMENTS } from './core/FileSelect';
|
|
235
|
+
export { DocumentContentProcessor } from './core/FileSelect';
|
|
236
|
+
export { CsvContentValidator } from './core/FileSelect';
|
|
236
237
|
export type { FlagAdornmentProps } from './core/FlagAdornment';
|
|
237
238
|
export { FlagAdornment } from './core/FlagAdornment';
|
|
238
239
|
export { FormControl } from './core/FormControl';
|
package/dist-wordpress/index.js
CHANGED
|
@@ -65324,7 +65324,9 @@ class kCe {
|
|
|
65324
65324
|
const u = {
|
|
65325
65325
|
...t
|
|
65326
65326
|
}, p = (v) => {
|
|
65327
|
-
u.props.close && u.props.close(v
|
|
65327
|
+
u.props.close && u.props.close(v ?? {
|
|
65328
|
+
isOk: !1
|
|
65329
|
+
}), this.closeEv(r, v);
|
|
65328
65330
|
};
|
|
65329
65331
|
n != null && n.wrapInModal && (t = Y(TCe, {
|
|
65330
65332
|
close: p,
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"author": "rankingCoach",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
|
-
"version": "1.
|
|
7
|
+
"version": "1.14.7",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"module": "dist/index.js",
|
|
10
10
|
"types": "dist/types/index.d.ts",
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
"build-lib": "vite build --config vite.config.lib.ts && node scripts/fix-dynamic-imports.js && echo 'default' > dist/.version",
|
|
233
233
|
"build-wordpress": "vite build --config vite.config.wordpress.ts && node scripts/fix-dynamic-imports.js ; mv dist-wordpress/types/src/index-wordpress.d.ts dist-wordpress/types/index.d.ts ; echo 'wp' > dist-wordpress/.version && node scripts/cleanup-wordpress-assets.js",
|
|
234
234
|
"build-wordpress-no-clean": "vite build --config vite.config.wordpress.ts",
|
|
235
|
-
"postinstall": "
|
|
235
|
+
"postinstall": "pnpm vanguard:clean-assets",
|
|
236
236
|
"build:analyze": "pnpm run build-lib && echo '📊 Bundle analysis saved to dist/bundle-analysis.html'",
|
|
237
237
|
"build-app": "tsgo --project tsconfig.app.json && vite build --config vite.config.app.ts",
|
|
238
238
|
"generate-dts": "vite build --config vite.config.lib.ts",
|
|
@@ -245,7 +245,7 @@
|
|
|
245
245
|
"release-beta-dry-run": "standard-version --prerelease beta --dry-run",
|
|
246
246
|
"publish-tags": "git push --follow-tags origin master",
|
|
247
247
|
"publish-beta": "pnpm publish --tag beta",
|
|
248
|
-
"deploy": "if [ \"$(git branch --show-current)\" = \"master\" ]; then git push --follow-tags origin master && pnpm publish; else git push --follow-tags origin HEAD && pnpm publish --tag \"$(git branch --show-current)\"; fi",
|
|
248
|
+
"deploy-package": "if [ \"$(git branch --show-current)\" = \"master\" ]; then git push --follow-tags origin master && pnpm publish; else git push --follow-tags origin HEAD && pnpm publish --tag \"$(git branch --show-current)\"; fi",
|
|
249
249
|
"storybook": "storybook dev -p 6006",
|
|
250
250
|
"build-storybook": "storybook build",
|
|
251
251
|
"serve-storybook": "pnpm run build-storybook && cd storybook-static && python3 -m http.server 8080",
|
|
@@ -1,484 +0,0 @@
|
|
|
1
|
-
import u from "./index-extends.js";
|
|
2
|
-
import Re from "./index-objectWithoutPropertiesLoose.js";
|
|
3
|
-
import * as i from "react";
|
|
4
|
-
import { isFragment as Fe } from "react-is";
|
|
5
|
-
import t from "./index-_virtual16.js";
|
|
6
|
-
import { clsx as $e } from "./index-clsx.js";
|
|
7
|
-
import je from "./index-Menu2.js";
|
|
8
|
-
import { nativeSelectSelectStyles as Ve, nativeSelectIconStyles as We } from "./index-NativeSelectInput.js";
|
|
9
|
-
import { isFilled as Ae } from "./index-utils8.js";
|
|
10
|
-
import U from "./index-styled.js";
|
|
11
|
-
import I, { getSelectUtilityClasses as ke } from "./index-selectClasses.js";
|
|
12
|
-
import { jsxs as Te, jsx as w } from "react/jsx-runtime";
|
|
13
|
-
import ae from "./index-useControlled2.js";
|
|
14
|
-
import Ue from "./index-useForkRef.js";
|
|
15
|
-
import _e from "./index-ownerDocument2.js";
|
|
16
|
-
import Be from "./index-formatMuiErrorMessage.js";
|
|
17
|
-
import Ke from "./index-useId2.js";
|
|
18
|
-
import ue from "./index-capitalize.js";
|
|
19
|
-
import Le from "./index-composeClasses.js";
|
|
20
|
-
import ze from "./index-slotShouldForwardProp.js";
|
|
21
|
-
import qe from "./index-refType.js";
|
|
22
|
-
var ie;
|
|
23
|
-
const He = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "error", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"], Ye = U("div", {
|
|
24
|
-
name: "MuiSelect",
|
|
25
|
-
slot: "Select",
|
|
26
|
-
overridesResolver: (l, o) => {
|
|
27
|
-
const {
|
|
28
|
-
ownerState: s
|
|
29
|
-
} = l;
|
|
30
|
-
return [
|
|
31
|
-
// Win specificity over the input base
|
|
32
|
-
{
|
|
33
|
-
[`&.${I.select}`]: o.select
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
[`&.${I.select}`]: o[s.variant]
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
[`&.${I.error}`]: o.error
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
[`&.${I.multiple}`]: o.multiple
|
|
43
|
-
}
|
|
44
|
-
];
|
|
45
|
-
}
|
|
46
|
-
})(Ve, {
|
|
47
|
-
// Win specificity over the input base
|
|
48
|
-
[`&.${I.select}`]: {
|
|
49
|
-
height: "auto",
|
|
50
|
-
// Resets for multiple select with chips
|
|
51
|
-
minHeight: "1.4375em",
|
|
52
|
-
// Required for select\text-field height consistency
|
|
53
|
-
textOverflow: "ellipsis",
|
|
54
|
-
whiteSpace: "nowrap",
|
|
55
|
-
overflow: "hidden"
|
|
56
|
-
}
|
|
57
|
-
}), Ge = U("svg", {
|
|
58
|
-
name: "MuiSelect",
|
|
59
|
-
slot: "Icon",
|
|
60
|
-
overridesResolver: (l, o) => {
|
|
61
|
-
const {
|
|
62
|
-
ownerState: s
|
|
63
|
-
} = l;
|
|
64
|
-
return [o.icon, s.variant && o[`icon${ue(s.variant)}`], s.open && o.iconOpen];
|
|
65
|
-
}
|
|
66
|
-
})(We), Je = U("input", {
|
|
67
|
-
shouldForwardProp: (l) => ze(l) && l !== "classes",
|
|
68
|
-
name: "MuiSelect",
|
|
69
|
-
slot: "NativeInput",
|
|
70
|
-
overridesResolver: (l, o) => o.nativeInput
|
|
71
|
-
})({
|
|
72
|
-
bottom: 0,
|
|
73
|
-
left: 0,
|
|
74
|
-
position: "absolute",
|
|
75
|
-
opacity: 0,
|
|
76
|
-
pointerEvents: "none",
|
|
77
|
-
width: "100%",
|
|
78
|
-
boxSizing: "border-box"
|
|
79
|
-
});
|
|
80
|
-
function se(l, o) {
|
|
81
|
-
return typeof o == "object" && o !== null ? l === o : String(l) === String(o);
|
|
82
|
-
}
|
|
83
|
-
function Qe(l) {
|
|
84
|
-
return l == null || typeof l == "string" && !l.trim();
|
|
85
|
-
}
|
|
86
|
-
const Xe = (l) => {
|
|
87
|
-
const {
|
|
88
|
-
classes: o,
|
|
89
|
-
variant: s,
|
|
90
|
-
disabled: y,
|
|
91
|
-
multiple: F,
|
|
92
|
-
open: $,
|
|
93
|
-
error: h
|
|
94
|
-
} = l, f = {
|
|
95
|
-
select: ["select", s, y && "disabled", F && "multiple", h && "error"],
|
|
96
|
-
icon: ["icon", `icon${ue(s)}`, $ && "iconOpen", y && "disabled"],
|
|
97
|
-
nativeInput: ["nativeInput"]
|
|
98
|
-
};
|
|
99
|
-
return Le(f, ke, o);
|
|
100
|
-
}, Ze = /* @__PURE__ */ i.forwardRef(function(o, s) {
|
|
101
|
-
var y;
|
|
102
|
-
const {
|
|
103
|
-
"aria-describedby": F,
|
|
104
|
-
"aria-label": $,
|
|
105
|
-
autoFocus: h,
|
|
106
|
-
autoWidth: f,
|
|
107
|
-
children: ce,
|
|
108
|
-
className: pe,
|
|
109
|
-
defaultOpen: _,
|
|
110
|
-
defaultValue: de,
|
|
111
|
-
disabled: E,
|
|
112
|
-
displayEmpty: fe,
|
|
113
|
-
error: B = !1,
|
|
114
|
-
IconComponent: me,
|
|
115
|
-
inputRef: be,
|
|
116
|
-
labelId: S,
|
|
117
|
-
MenuProps: g = {},
|
|
118
|
-
multiple: c,
|
|
119
|
-
name: p,
|
|
120
|
-
onBlur: K,
|
|
121
|
-
onChange: x,
|
|
122
|
-
onClose: L,
|
|
123
|
-
onFocus: ve,
|
|
124
|
-
onOpen: z,
|
|
125
|
-
open: q,
|
|
126
|
-
readOnly: H,
|
|
127
|
-
renderValue: Y,
|
|
128
|
-
SelectDisplayProps: j = {},
|
|
129
|
-
tabIndex: G,
|
|
130
|
-
value: ye,
|
|
131
|
-
variant: he = "standard"
|
|
132
|
-
} = o, J = Re(o, He), [r, Q] = ae({
|
|
133
|
-
controlled: ye,
|
|
134
|
-
default: de,
|
|
135
|
-
name: "Select"
|
|
136
|
-
}), [X, Se] = ae({
|
|
137
|
-
controlled: q,
|
|
138
|
-
default: _,
|
|
139
|
-
name: "Select"
|
|
140
|
-
}), Z = i.useRef(null), d = i.useRef(null), [m, ge] = i.useState(null), {
|
|
141
|
-
current: V
|
|
142
|
-
} = i.useRef(q != null), [Ie, ee] = i.useState(), we = Ue(s, be), Ee = i.useCallback((e) => {
|
|
143
|
-
d.current = e, e && ge(e);
|
|
144
|
-
}, []), C = m == null ? void 0 : m.parentNode;
|
|
145
|
-
i.useImperativeHandle(we, () => ({
|
|
146
|
-
focus: () => {
|
|
147
|
-
d.current.focus();
|
|
148
|
-
},
|
|
149
|
-
node: Z.current,
|
|
150
|
-
value: r
|
|
151
|
-
}), [r]), i.useEffect(() => {
|
|
152
|
-
_ && X && m && !V && (ee(f ? null : C.clientWidth), d.current.focus());
|
|
153
|
-
}, [m, f]), i.useEffect(() => {
|
|
154
|
-
h && d.current.focus();
|
|
155
|
-
}, [h]), i.useEffect(() => {
|
|
156
|
-
if (!S)
|
|
157
|
-
return;
|
|
158
|
-
const e = _e(d.current).getElementById(S);
|
|
159
|
-
if (e) {
|
|
160
|
-
const n = () => {
|
|
161
|
-
getSelection().isCollapsed && d.current.focus();
|
|
162
|
-
};
|
|
163
|
-
return e.addEventListener("click", n), () => {
|
|
164
|
-
e.removeEventListener("click", n);
|
|
165
|
-
};
|
|
166
|
-
}
|
|
167
|
-
}, [S]);
|
|
168
|
-
const O = (e, n) => {
|
|
169
|
-
e ? z && z(n) : L && L(n), V || (ee(f ? null : C.clientWidth), Se(e));
|
|
170
|
-
}, xe = (e) => {
|
|
171
|
-
e.button === 0 && (e.preventDefault(), d.current.focus(), O(!0, e));
|
|
172
|
-
}, Ce = (e) => {
|
|
173
|
-
O(!1, e);
|
|
174
|
-
}, P = i.Children.toArray(ce), Oe = (e) => {
|
|
175
|
-
const n = P.find((a) => a.props.value === e.target.value);
|
|
176
|
-
n !== void 0 && (Q(n.props.value), x && x(e, n));
|
|
177
|
-
}, Pe = (e) => (n) => {
|
|
178
|
-
let a;
|
|
179
|
-
if (n.currentTarget.hasAttribute("tabindex")) {
|
|
180
|
-
if (c) {
|
|
181
|
-
a = Array.isArray(r) ? r.slice() : [];
|
|
182
|
-
const v = r.indexOf(e.props.value);
|
|
183
|
-
v === -1 ? a.push(e.props.value) : a.splice(v, 1);
|
|
184
|
-
} else
|
|
185
|
-
a = e.props.value;
|
|
186
|
-
if (e.props.onClick && e.props.onClick(n), r !== a && (Q(a), x)) {
|
|
187
|
-
const v = n.nativeEvent || n, le = new v.constructor(v.type, v);
|
|
188
|
-
Object.defineProperty(le, "target", {
|
|
189
|
-
writable: !0,
|
|
190
|
-
value: {
|
|
191
|
-
value: a,
|
|
192
|
-
name: p
|
|
193
|
-
}
|
|
194
|
-
}), x(le, e);
|
|
195
|
-
}
|
|
196
|
-
c || O(!1, n);
|
|
197
|
-
}
|
|
198
|
-
}, Me = (e) => {
|
|
199
|
-
H || [
|
|
200
|
-
" ",
|
|
201
|
-
"ArrowUp",
|
|
202
|
-
"ArrowDown",
|
|
203
|
-
// The native select doesn't respond to enter on macOS, but it's recommended by
|
|
204
|
-
// https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
|
|
205
|
-
"Enter"
|
|
206
|
-
].indexOf(e.key) !== -1 && (e.preventDefault(), O(!0, e));
|
|
207
|
-
}, M = m !== null && X, Ne = (e) => {
|
|
208
|
-
!M && K && (Object.defineProperty(e, "target", {
|
|
209
|
-
writable: !0,
|
|
210
|
-
value: {
|
|
211
|
-
value: r,
|
|
212
|
-
name: p
|
|
213
|
-
}
|
|
214
|
-
}), K(e));
|
|
215
|
-
};
|
|
216
|
-
delete J["aria-invalid"];
|
|
217
|
-
let b, te;
|
|
218
|
-
const N = [];
|
|
219
|
-
let D = !1, W = !1;
|
|
220
|
-
(Ae({
|
|
221
|
-
value: r
|
|
222
|
-
}) || fe) && (Y ? b = Y(r) : D = !0);
|
|
223
|
-
const De = P.map((e) => {
|
|
224
|
-
if (!/* @__PURE__ */ i.isValidElement(e))
|
|
225
|
-
return null;
|
|
226
|
-
process.env.NODE_ENV !== "production" && Fe(e);
|
|
227
|
-
let n;
|
|
228
|
-
if (c) {
|
|
229
|
-
if (!Array.isArray(r))
|
|
230
|
-
throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : Be(2));
|
|
231
|
-
n = r.some((a) => se(a, e.props.value)), n && D && N.push(e.props.children);
|
|
232
|
-
} else
|
|
233
|
-
n = se(r, e.props.value), n && D && (te = e.props.children);
|
|
234
|
-
return n && (W = !0), /* @__PURE__ */ i.cloneElement(e, {
|
|
235
|
-
"aria-selected": n ? "true" : "false",
|
|
236
|
-
onClick: Pe(e),
|
|
237
|
-
onKeyUp: (a) => {
|
|
238
|
-
a.key === " " && a.preventDefault(), e.props.onKeyUp && e.props.onKeyUp(a);
|
|
239
|
-
},
|
|
240
|
-
role: "option",
|
|
241
|
-
selected: n,
|
|
242
|
-
value: void 0,
|
|
243
|
-
// The value is most likely not a valid HTML attribute.
|
|
244
|
-
"data-value": e.props.value
|
|
245
|
-
// Instead, we provide it as a data attribute.
|
|
246
|
-
});
|
|
247
|
-
});
|
|
248
|
-
process.env.NODE_ENV !== "production" && i.useEffect(() => {
|
|
249
|
-
if (!W && !c && r !== "") {
|
|
250
|
-
const e = P.map((n) => n.props.value);
|
|
251
|
-
}
|
|
252
|
-
}, [W, P, c, p, r]), D && (c ? N.length === 0 ? b = null : b = N.reduce((e, n, a) => (e.push(n), a < N.length - 1 && e.push(", "), e), []) : b = te);
|
|
253
|
-
let ne = Ie;
|
|
254
|
-
!f && V && m && (ne = C.clientWidth);
|
|
255
|
-
let A;
|
|
256
|
-
typeof G < "u" ? A = G : A = E ? null : 0;
|
|
257
|
-
const oe = j.id || (p ? `mui-component-select-${p}` : void 0), R = u({}, o, {
|
|
258
|
-
variant: he,
|
|
259
|
-
value: r,
|
|
260
|
-
open: M,
|
|
261
|
-
error: B
|
|
262
|
-
}), k = Xe(R), T = u({}, g.PaperProps, (y = g.slotProps) == null ? void 0 : y.paper), re = Ke();
|
|
263
|
-
return /* @__PURE__ */ Te(i.Fragment, {
|
|
264
|
-
children: [/* @__PURE__ */ w(Ye, u({
|
|
265
|
-
ref: Ee,
|
|
266
|
-
tabIndex: A,
|
|
267
|
-
role: "combobox",
|
|
268
|
-
"aria-controls": re,
|
|
269
|
-
"aria-disabled": E ? "true" : void 0,
|
|
270
|
-
"aria-expanded": M ? "true" : "false",
|
|
271
|
-
"aria-haspopup": "listbox",
|
|
272
|
-
"aria-label": $,
|
|
273
|
-
"aria-labelledby": [S, oe].filter(Boolean).join(" ") || void 0,
|
|
274
|
-
"aria-describedby": F,
|
|
275
|
-
onKeyDown: Me,
|
|
276
|
-
onMouseDown: E || H ? null : xe,
|
|
277
|
-
onBlur: Ne,
|
|
278
|
-
onFocus: ve
|
|
279
|
-
}, j, {
|
|
280
|
-
ownerState: R,
|
|
281
|
-
className: $e(j.className, k.select, pe),
|
|
282
|
-
id: oe,
|
|
283
|
-
children: Qe(b) ? (
|
|
284
|
-
// notranslate needed while Google Translate will not fix zero-width space issue
|
|
285
|
-
ie || (ie = /* @__PURE__ */ w("span", {
|
|
286
|
-
className: "notranslate",
|
|
287
|
-
children: ""
|
|
288
|
-
}))
|
|
289
|
-
) : b
|
|
290
|
-
})), /* @__PURE__ */ w(Je, u({
|
|
291
|
-
"aria-invalid": B,
|
|
292
|
-
value: Array.isArray(r) ? r.join(",") : r,
|
|
293
|
-
name: p,
|
|
294
|
-
ref: Z,
|
|
295
|
-
"aria-hidden": !0,
|
|
296
|
-
onChange: Oe,
|
|
297
|
-
tabIndex: -1,
|
|
298
|
-
disabled: E,
|
|
299
|
-
className: k.nativeInput,
|
|
300
|
-
autoFocus: h,
|
|
301
|
-
ownerState: R
|
|
302
|
-
}, J)), /* @__PURE__ */ w(Ge, {
|
|
303
|
-
as: me,
|
|
304
|
-
className: k.icon,
|
|
305
|
-
ownerState: R
|
|
306
|
-
}), /* @__PURE__ */ w(je, u({
|
|
307
|
-
id: `menu-${p || ""}`,
|
|
308
|
-
anchorEl: C,
|
|
309
|
-
open: M,
|
|
310
|
-
onClose: Ce,
|
|
311
|
-
anchorOrigin: {
|
|
312
|
-
vertical: "bottom",
|
|
313
|
-
horizontal: "center"
|
|
314
|
-
},
|
|
315
|
-
transformOrigin: {
|
|
316
|
-
vertical: "top",
|
|
317
|
-
horizontal: "center"
|
|
318
|
-
}
|
|
319
|
-
}, g, {
|
|
320
|
-
MenuListProps: u({
|
|
321
|
-
"aria-labelledby": S,
|
|
322
|
-
role: "listbox",
|
|
323
|
-
"aria-multiselectable": c ? "true" : void 0,
|
|
324
|
-
disableListWrap: !0,
|
|
325
|
-
id: re
|
|
326
|
-
}, g.MenuListProps),
|
|
327
|
-
slotProps: u({}, g.slotProps, {
|
|
328
|
-
paper: u({}, T, {
|
|
329
|
-
style: u({
|
|
330
|
-
minWidth: ne
|
|
331
|
-
}, T != null ? T.style : null)
|
|
332
|
-
})
|
|
333
|
-
}),
|
|
334
|
-
children: De
|
|
335
|
-
}))]
|
|
336
|
-
});
|
|
337
|
-
});
|
|
338
|
-
process.env.NODE_ENV !== "production" && (Ze.propTypes = {
|
|
339
|
-
/**
|
|
340
|
-
* @ignore
|
|
341
|
-
*/
|
|
342
|
-
"aria-describedby": t.string,
|
|
343
|
-
/**
|
|
344
|
-
* @ignore
|
|
345
|
-
*/
|
|
346
|
-
"aria-label": t.string,
|
|
347
|
-
/**
|
|
348
|
-
* @ignore
|
|
349
|
-
*/
|
|
350
|
-
autoFocus: t.bool,
|
|
351
|
-
/**
|
|
352
|
-
* If `true`, the width of the popover will automatically be set according to the items inside the
|
|
353
|
-
* menu, otherwise it will be at least the width of the select input.
|
|
354
|
-
*/
|
|
355
|
-
autoWidth: t.bool,
|
|
356
|
-
/**
|
|
357
|
-
* The option elements to populate the select with.
|
|
358
|
-
* Can be some `<MenuItem>` elements.
|
|
359
|
-
*/
|
|
360
|
-
children: t.node,
|
|
361
|
-
/**
|
|
362
|
-
* Override or extend the styles applied to the component.
|
|
363
|
-
*/
|
|
364
|
-
classes: t.object,
|
|
365
|
-
/**
|
|
366
|
-
* The CSS class name of the select element.
|
|
367
|
-
*/
|
|
368
|
-
className: t.string,
|
|
369
|
-
/**
|
|
370
|
-
* If `true`, the component is toggled on mount. Use when the component open state is not controlled.
|
|
371
|
-
* You can only use it when the `native` prop is `false` (default).
|
|
372
|
-
*/
|
|
373
|
-
defaultOpen: t.bool,
|
|
374
|
-
/**
|
|
375
|
-
* The default value. Use when the component is not controlled.
|
|
376
|
-
*/
|
|
377
|
-
defaultValue: t.any,
|
|
378
|
-
/**
|
|
379
|
-
* If `true`, the select is disabled.
|
|
380
|
-
*/
|
|
381
|
-
disabled: t.bool,
|
|
382
|
-
/**
|
|
383
|
-
* If `true`, the selected item is displayed even if its value is empty.
|
|
384
|
-
*/
|
|
385
|
-
displayEmpty: t.bool,
|
|
386
|
-
/**
|
|
387
|
-
* If `true`, the `select input` will indicate an error.
|
|
388
|
-
*/
|
|
389
|
-
error: t.bool,
|
|
390
|
-
/**
|
|
391
|
-
* The icon that displays the arrow.
|
|
392
|
-
*/
|
|
393
|
-
IconComponent: t.elementType.isRequired,
|
|
394
|
-
/**
|
|
395
|
-
* Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
|
|
396
|
-
* Equivalent to `ref`
|
|
397
|
-
*/
|
|
398
|
-
inputRef: qe,
|
|
399
|
-
/**
|
|
400
|
-
* The ID of an element that acts as an additional label. The Select will
|
|
401
|
-
* be labelled by the additional label and the selected value.
|
|
402
|
-
*/
|
|
403
|
-
labelId: t.string,
|
|
404
|
-
/**
|
|
405
|
-
* Props applied to the [`Menu`](/material-ui/api/menu/) element.
|
|
406
|
-
*/
|
|
407
|
-
MenuProps: t.object,
|
|
408
|
-
/**
|
|
409
|
-
* If `true`, `value` must be an array and the menu will support multiple selections.
|
|
410
|
-
*/
|
|
411
|
-
multiple: t.bool,
|
|
412
|
-
/**
|
|
413
|
-
* Name attribute of the `select` or hidden `input` element.
|
|
414
|
-
*/
|
|
415
|
-
name: t.string,
|
|
416
|
-
/**
|
|
417
|
-
* @ignore
|
|
418
|
-
*/
|
|
419
|
-
onBlur: t.func,
|
|
420
|
-
/**
|
|
421
|
-
* Callback fired when a menu item is selected.
|
|
422
|
-
*
|
|
423
|
-
* @param {object} event The event source of the callback.
|
|
424
|
-
* You can pull out the new value by accessing `event.target.value` (any).
|
|
425
|
-
* @param {object} [child] The react element that was selected.
|
|
426
|
-
*/
|
|
427
|
-
onChange: t.func,
|
|
428
|
-
/**
|
|
429
|
-
* Callback fired when the component requests to be closed.
|
|
430
|
-
* Use in controlled mode (see open).
|
|
431
|
-
*
|
|
432
|
-
* @param {object} event The event source of the callback.
|
|
433
|
-
*/
|
|
434
|
-
onClose: t.func,
|
|
435
|
-
/**
|
|
436
|
-
* @ignore
|
|
437
|
-
*/
|
|
438
|
-
onFocus: t.func,
|
|
439
|
-
/**
|
|
440
|
-
* Callback fired when the component requests to be opened.
|
|
441
|
-
* Use in controlled mode (see open).
|
|
442
|
-
*
|
|
443
|
-
* @param {object} event The event source of the callback.
|
|
444
|
-
*/
|
|
445
|
-
onOpen: t.func,
|
|
446
|
-
/**
|
|
447
|
-
* If `true`, the component is shown.
|
|
448
|
-
*/
|
|
449
|
-
open: t.bool,
|
|
450
|
-
/**
|
|
451
|
-
* @ignore
|
|
452
|
-
*/
|
|
453
|
-
readOnly: t.bool,
|
|
454
|
-
/**
|
|
455
|
-
* Render the selected value.
|
|
456
|
-
*
|
|
457
|
-
* @param {any} value The `value` provided to the component.
|
|
458
|
-
* @returns {ReactNode}
|
|
459
|
-
*/
|
|
460
|
-
renderValue: t.func,
|
|
461
|
-
/**
|
|
462
|
-
* Props applied to the clickable div element.
|
|
463
|
-
*/
|
|
464
|
-
SelectDisplayProps: t.object,
|
|
465
|
-
/**
|
|
466
|
-
* @ignore
|
|
467
|
-
*/
|
|
468
|
-
tabIndex: t.oneOfType([t.number, t.string]),
|
|
469
|
-
/**
|
|
470
|
-
* @ignore
|
|
471
|
-
*/
|
|
472
|
-
type: t.any,
|
|
473
|
-
/**
|
|
474
|
-
* The input value.
|
|
475
|
-
*/
|
|
476
|
-
value: t.any,
|
|
477
|
-
/**
|
|
478
|
-
* The variant to use.
|
|
479
|
-
*/
|
|
480
|
-
variant: t.oneOf(["standard", "outlined", "filled"])
|
|
481
|
-
});
|
|
482
|
-
export {
|
|
483
|
-
Ze as default
|
|
484
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ChangeEvent } from 'react';
|
|
2
|
-
type Props = {
|
|
3
|
-
isOpen: boolean;
|
|
4
|
-
openCallback: () => void;
|
|
5
|
-
accept?: string[];
|
|
6
|
-
fileSelectCallback: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
-
multiple?: boolean;
|
|
8
|
-
showLoadingModalOnProcessing?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare const SelectInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|