@cerebruminc/cerebellum 13.4.2 → 13.4.3
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/lib/cjs/{Avatar-7bb7b116.js → Avatar-7fac3fa6.js} +6 -4
- package/lib/cjs/Avatar-7fac3fa6.js.map +1 -0
- package/lib/cjs/Avatar.cjs +2 -1
- package/lib/cjs/Avatar.cjs.map +1 -1
- package/lib/cjs/Form.cjs +2 -3
- package/lib/cjs/Form.cjs.map +1 -1
- package/lib/cjs/{FormikContainer-608d362a.js → FormikContainer-bedc6647.js} +2 -2
- package/lib/cjs/{FormikContainer-608d362a.js.map → FormikContainer-bedc6647.js.map} +1 -1
- package/lib/cjs/{ImagePicker-78d003fd.js → ImagePicker-db40d337.js} +15 -60
- package/lib/{esm/ImagePicker-58a52c67.js.map → cjs/ImagePicker-db40d337.js.map} +1 -1
- package/lib/cjs/ImagePicker.cjs +1 -2
- package/lib/cjs/ImagePicker.cjs.map +1 -1
- package/lib/cjs/{LogoSidebar-5cb2c524.js → LogoSidebar-7b346e41.js} +2 -2
- package/lib/cjs/LogoSidebar-7b346e41.js.map +1 -0
- package/lib/cjs/LogoSidebar.cjs +2 -2
- package/lib/cjs/UserCard.cjs +1 -1
- package/lib/cjs/UserCardModal.cjs +1 -1
- package/lib/cjs/{UserInformationCard-dad3b99e.js → UserInformationCard-a03efcff.js} +2 -2
- package/lib/cjs/{UserInformationCard-dad3b99e.js.map → UserInformationCard-a03efcff.js.map} +1 -1
- package/lib/cjs/UserInformationCard.cjs +2 -2
- package/lib/cjs/index.cjs +5 -6
- package/lib/cjs/index.cjs.map +1 -1
- package/lib/esm/{Avatar-4a877971.js → Avatar-746b2334.js} +6 -4
- package/lib/esm/Avatar-746b2334.js.map +1 -0
- package/lib/esm/Avatar.js +2 -1
- package/lib/esm/Avatar.js.map +1 -1
- package/lib/esm/Form.js +2 -3
- package/lib/esm/Form.js.map +1 -1
- package/lib/esm/{FormikContainer-3981aa2f.js → FormikContainer-bce6f053.js} +2 -2
- package/lib/esm/{FormikContainer-3981aa2f.js.map → FormikContainer-bce6f053.js.map} +1 -1
- package/lib/esm/{ImagePicker-58a52c67.js → ImagePicker-88dba2fb.js} +15 -59
- package/lib/{cjs/ImagePicker-78d003fd.js.map → esm/ImagePicker-88dba2fb.js.map} +1 -1
- package/lib/esm/ImagePicker.js +1 -2
- package/lib/esm/ImagePicker.js.map +1 -1
- package/lib/esm/{LogoSidebar-6fc85e82.js → LogoSidebar-fd8fa2b5.js} +2 -2
- package/lib/esm/LogoSidebar-fd8fa2b5.js.map +1 -0
- package/lib/esm/LogoSidebar.js +2 -2
- package/lib/esm/UserCard.js +1 -1
- package/lib/esm/UserCardModal.js +1 -1
- package/lib/esm/{UserInformationCard-a6507e15.js → UserInformationCard-f6594a6d.js} +2 -2
- package/lib/esm/{UserInformationCard-a6507e15.js.map → UserInformationCard-f6594a6d.js.map} +1 -1
- package/lib/esm/UserInformationCard.js +2 -2
- package/lib/esm/index.js +5 -6
- package/lib/esm/index.js.map +1 -1
- package/package.json +1 -2
- package/lib/cjs/Avatar-7bb7b116.js.map +0 -1
- package/lib/cjs/LogoSidebar-5cb2c524.js.map +0 -1
- package/lib/esm/Avatar-4a877971.js.map +0 -1
- package/lib/esm/LogoSidebar-6fc85e82.js.map +0 -1
- package/lib/types/src/helpers/compress-image.d.ts +0 -1
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _tslib = require('./_tslib-955e611e.js');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var React = require('react');
|
|
5
6
|
var pressedEnter = require('./pressedEnter.cjs');
|
|
6
7
|
var styled = require('styled-components');
|
|
7
8
|
var getInitialsOnly = require('./getInitialsOnly.cjs');
|
|
@@ -49,9 +50,10 @@ var Avatar = function (_a) {
|
|
|
49
50
|
var backgroundGradient = _a.backgroundGradient, badgeUrl = _a.badgeUrl, imageUrl = _a.imageUrl, logo = _a.logo, placeholderInitials = _a.placeholderInitials, placeholderInitialsColorOverride = _a.placeholderInitialsColorOverride, square = _a.square, themeOverride = _a.themeOverride;
|
|
50
51
|
var theme = styled.useTheme();
|
|
51
52
|
var bgColor = (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.backgroundColor) || theme.avatar.backgroundColor;
|
|
52
|
-
|
|
53
|
-
};
|
|
54
|
-
|
|
53
|
+
var initials = React.useMemo(function () { return getInitialsOnly.getInitialsOnly(placeholderInitials); }, [placeholderInitials]);
|
|
54
|
+
var initialsColor = React.useMemo(function () { return placeholderInitialsColorOverride || pressedEnter.higherContrast({ color: bgColor, preferHigh: true }); }, [placeholderInitialsColorOverride, bgColor]);
|
|
55
|
+
return (jsxRuntime.jsxs(Base, _tslib.__assign({ "data-testid": "bg-base", "$backgroundGradient": backgroundGradient, "$imageUrl": imageUrl, "$logo": logo, "$themeOverride": themeOverride, "$square": square }, { children: [!imageUrl && (jsxRuntime.jsx(Initials, _tslib.__assign({ "$placeholderInitialsColorOverride": initialsColor, "$themeOverride": themeOverride }, { children: initials }), void 0)), badgeUrl && jsxRuntime.jsx(Badge, { "$badgeUrl": badgeUrl, "$themeOverride": themeOverride }, void 0)] }), void 0));
|
|
56
|
+
};
|
|
55
57
|
|
|
56
58
|
exports.Avatar = Avatar;
|
|
57
|
-
//# sourceMappingURL=Avatar-
|
|
59
|
+
//# sourceMappingURL=Avatar-7fac3fa6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar-7fac3fa6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/Avatar.cjs
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Avatar = require('./Avatar-
|
|
5
|
+
var Avatar = require('./Avatar-7fac3fa6.js');
|
|
6
6
|
var getInitialsOnly = require('./getInitialsOnly.cjs');
|
|
7
7
|
require('./_tslib-955e611e.js');
|
|
8
8
|
require('react/jsx-runtime');
|
|
9
|
+
require('react');
|
|
9
10
|
require('./pressedEnter.cjs');
|
|
10
11
|
require('styled-components');
|
|
11
12
|
|
package/lib/cjs/Avatar.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
package/lib/cjs/Form.cjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var FormWrapper = require('./FormStyles-0c0f28e0.js');
|
|
6
|
-
var FormikContainer = require('./FormikContainer-
|
|
6
|
+
var FormikContainer = require('./FormikContainer-bedc6647.js');
|
|
7
7
|
var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
|
|
8
8
|
require('./_tslib-955e611e.js');
|
|
9
9
|
require('styled-components');
|
|
@@ -106,7 +106,7 @@ require('./DescriptiveDropdownInput-0b5f7b1f.js');
|
|
|
106
106
|
require('./EmailInput-ee2e8ac8.js');
|
|
107
107
|
require('./InlineEmailInput-78e3cce8.js');
|
|
108
108
|
require('./Email.cjs');
|
|
109
|
-
require('./ImagePicker-
|
|
109
|
+
require('./ImagePicker-db40d337.js');
|
|
110
110
|
require('./Delete-32a19298.js');
|
|
111
111
|
require('./Edit.cjs');
|
|
112
112
|
require('./Toast-2bc00b54.js');
|
|
@@ -114,7 +114,6 @@ require('./Typography-78d16930.js');
|
|
|
114
114
|
require('./TextVariantEnum.cjs');
|
|
115
115
|
require('./CheckmarkCircle.cjs');
|
|
116
116
|
require('./Warning-0428175d.js');
|
|
117
|
-
require('browser-image-compression');
|
|
118
117
|
require('libheif-js/wasm-bundle');
|
|
119
118
|
require('./SingleButton-6f14308b.js');
|
|
120
119
|
require('./MultiSelect-062af0bf.js');
|
package/lib/cjs/Form.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Form.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -42,7 +42,7 @@ var SwitchTypeEnum = require('./SwitchTypeEnum.cjs');
|
|
|
42
42
|
var DescriptiveDropdownInput = require('./DescriptiveDropdownInput-0b5f7b1f.js');
|
|
43
43
|
var EmailInput = require('./EmailInput-ee2e8ac8.js');
|
|
44
44
|
var InlineEmailInput = require('./InlineEmailInput-78e3cce8.js');
|
|
45
|
-
var ImagePicker = require('./ImagePicker-
|
|
45
|
+
var ImagePicker = require('./ImagePicker-db40d337.js');
|
|
46
46
|
var MultiSelect = require('./MultiSelect-062af0bf.js');
|
|
47
47
|
var InlineInput = require('./InlineInput-ffaab44c.js');
|
|
48
48
|
var Input = require('./Input-9cf5b719.js');
|
|
@@ -1295,4 +1295,4 @@ FormikContainer.defaultProps = {
|
|
|
1295
1295
|
};
|
|
1296
1296
|
|
|
1297
1297
|
exports.FormikContainer = FormikContainer;
|
|
1298
|
-
//# sourceMappingURL=FormikContainer-
|
|
1298
|
+
//# sourceMappingURL=FormikContainer-bedc6647.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikContainer-
|
|
1
|
+
{"version":3,"file":"FormikContainer-bedc6647.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -15,7 +15,6 @@ var Toast = require('./Toast-2bc00b54.js');
|
|
|
15
15
|
require('react-dom');
|
|
16
16
|
var isEmptyObject = require('./isEmptyObject.cjs');
|
|
17
17
|
var useMeasure = require('./useMeasure-39ee8db4.js');
|
|
18
|
-
var imageCompression = require('browser-image-compression');
|
|
19
18
|
var libheif = require('libheif-js/wasm-bundle');
|
|
20
19
|
var showLabel = require('./showLabel-8e3c09f1.js');
|
|
21
20
|
require('./Button.cjs');
|
|
@@ -29,28 +28,8 @@ var focusAfter = require('./focusAfter.cjs');
|
|
|
29
28
|
|
|
30
29
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
31
30
|
|
|
32
|
-
var imageCompression__default = /*#__PURE__*/_interopDefaultLegacy(imageCompression);
|
|
33
31
|
var libheif__default = /*#__PURE__*/_interopDefaultLegacy(libheif);
|
|
34
32
|
|
|
35
|
-
var compressImage = function (file) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
36
|
-
var options, compressedFile;
|
|
37
|
-
return _tslib.__generator(this, function (_a) {
|
|
38
|
-
switch (_a.label) {
|
|
39
|
-
case 0:
|
|
40
|
-
options = {
|
|
41
|
-
maxSizeMB: 2,
|
|
42
|
-
maxWidthOrHeight: 1920,
|
|
43
|
-
useWebWorker: true,
|
|
44
|
-
alwaysKeepResolution: true,
|
|
45
|
-
};
|
|
46
|
-
return [4 /*yield*/, imageCompression__default["default"](file, options)];
|
|
47
|
-
case 1:
|
|
48
|
-
compressedFile = _a.sent();
|
|
49
|
-
return [2 /*return*/, compressedFile];
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
}); };
|
|
53
|
-
|
|
54
33
|
function dataURLToBlob(dataUrl) {
|
|
55
34
|
var byteString = atob(dataUrl.split(",")[1]);
|
|
56
35
|
var mimeString = dataUrl.split(",")[0].split(":")[1].split(";")[0];
|
|
@@ -261,27 +240,24 @@ var ImagePicker = function (_a) {
|
|
|
261
240
|
}
|
|
262
241
|
}, [placeholderImageUrl]);
|
|
263
242
|
var readURI = function (event) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
264
|
-
var file, fileExtension, convertedFile,
|
|
243
|
+
var file, fileExtension, convertedFile, isNotAnImage, fileSizeKB, reader;
|
|
265
244
|
var _a, _b;
|
|
266
245
|
return _tslib.__generator(this, function (_c) {
|
|
267
246
|
switch (_c.label) {
|
|
268
247
|
case 0:
|
|
269
|
-
_c.trys.push([0,
|
|
248
|
+
_c.trys.push([0, 3, 4, 5]);
|
|
270
249
|
file = (_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
|
|
271
250
|
if (!file) {
|
|
272
251
|
throw new Error("Error: file is undefined");
|
|
273
252
|
}
|
|
274
253
|
fileExtension = getFileExtension(file.name);
|
|
275
|
-
if (!(fileExtension === "heic")) return [3 /*break*/,
|
|
254
|
+
if (!(fileExtension === "heic")) return [3 /*break*/, 2];
|
|
276
255
|
return [4 /*yield*/, convertHEICtoPNG(file)];
|
|
277
256
|
case 1:
|
|
278
257
|
convertedFile = _c.sent();
|
|
279
|
-
|
|
258
|
+
file = convertedFile;
|
|
259
|
+
_c.label = 2;
|
|
280
260
|
case 2:
|
|
281
|
-
compressedFile = _c.sent();
|
|
282
|
-
file = compressedFile;
|
|
283
|
-
_c.label = 3;
|
|
284
|
-
case 3:
|
|
285
261
|
isNotAnImage = !file.type.match(/^image\/+/g);
|
|
286
262
|
fileSizeKB = file.size / 1000;
|
|
287
263
|
if (isNotAnImage) {
|
|
@@ -303,7 +279,7 @@ var ImagePicker = function (_a) {
|
|
|
303
279
|
reader.readAsDataURL(file);
|
|
304
280
|
}
|
|
305
281
|
return [2 /*return*/, file];
|
|
306
|
-
case
|
|
282
|
+
case 3:
|
|
307
283
|
_c.sent();
|
|
308
284
|
showToast({
|
|
309
285
|
title: "",
|
|
@@ -311,6 +287,9 @@ var ImagePicker = function (_a) {
|
|
|
311
287
|
colorFamily: ButtonColorFamilyEnum.ConnotationColorEnum.Negative,
|
|
312
288
|
});
|
|
313
289
|
return [3 /*break*/, 5];
|
|
290
|
+
case 4:
|
|
291
|
+
setLoading(false);
|
|
292
|
+
return [7 /*endfinally*/];
|
|
314
293
|
case 5: return [2 /*return*/];
|
|
315
294
|
}
|
|
316
295
|
});
|
|
@@ -353,35 +332,11 @@ var ImagePicker = function (_a) {
|
|
|
353
332
|
labelColor: labelColor,
|
|
354
333
|
htmlFor: "".concat(imageLabel, "_imagePicker"),
|
|
355
334
|
removePaddingRight: required,
|
|
356
|
-
}), required && (jsxRuntime.jsx(Inputs.Asterisk, _tslib.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)), jsxRuntime.jsxs(PickerBox, _tslib.__assign({ "$disabled": disabled, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride }, { children: [loading ? (jsxRuntime.jsx(EllipsisContainer, { children: jsxRuntime.jsx(LoadingEllipsis.LoadingEllipsis, {}, void 0) }, void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ImageInput, _tslib.__assign({}, (imageLabel ? { id: "".concat(imageLabel, "_imagePicker") } : {}), { accept: "image/*,.heic", disabled: disabled, onChange: function (event) {
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
_a.trys.push([0, 2, 3, 4]);
|
|
362
|
-
setLoading(true);
|
|
363
|
-
return [4 /*yield*/, readURI(event)];
|
|
364
|
-
case 1:
|
|
365
|
-
file = _a.sent();
|
|
366
|
-
fileExtension = getFileExtension((file === null || file === void 0 ? void 0 : file.name) || "");
|
|
367
|
-
if (file && fileExtension === "heic") {
|
|
368
|
-
fileList = new DataTransfer();
|
|
369
|
-
fileList.items.add(file);
|
|
370
|
-
event.target.files = fileList.files;
|
|
371
|
-
}
|
|
372
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
373
|
-
return [3 /*break*/, 4];
|
|
374
|
-
case 2:
|
|
375
|
-
error_2 = _a.sent();
|
|
376
|
-
console.error("Error processing image: ".concat(error_2));
|
|
377
|
-
return [3 /*break*/, 4];
|
|
378
|
-
case 3:
|
|
379
|
-
setLoading(false);
|
|
380
|
-
return [7 /*endfinally*/];
|
|
381
|
-
case 4: return [2 /*return*/];
|
|
382
|
-
}
|
|
383
|
-
});
|
|
384
|
-
}); }, name: name, required: required, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride, type: "file" }), void 0), tempFile ? (jsxRuntime.jsx(CenterImage, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(LoadedImage, { src: tempFile }, void 0) }), void 0)) : placeholder ? (jsxRuntime.jsx(CenterImage, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(LoadedImage, { src: placeholder, "data-testid": "placeholderImage" }, void 0) }), void 0)) : placeholderInitials ? (jsxRuntime.jsx(PlaceholderCircle, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: jsxRuntime.jsx(PlaceholderInitials, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: formattedInitials }), void 0) }), void 0)) : PlaceholderIcon || actionText ? (jsxRuntime.jsxs(CenterGrid, _tslib.__assign({ "$themeOverride": themeOverride }, { children: [jsxRuntime.jsx(PlaceholderIconBox, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: PlaceholderIcon && jsxRuntime.jsx(PlaceholderIcon, {}, void 0) }), void 0), actionText && (jsxRuntime.jsx(ActionTextBox, { children: actionButtonVariant === ButtonVariantEnum.ButtonVariantEnum.Text ? (jsxRuntime.jsx(FakeTextLink, _tslib.__assign({ "$themeOverride": themeOverride }, { children: actionText }), void 0)) : (jsxRuntime.jsx(SingleButton.SingleButton, { variant: actionButtonVariant, text: actionText, onClick: isEmptyObject.noop, clickable: false }, void 0)) }, void 0))] }), void 0)) : null] }, void 0)), !hideIcon && !deleteButton && (jsxRuntime.jsx(EditIconBox, _tslib.__assign({ "$themeOverride": themeOverride, "$bgColor": editIconColorGroup.light }, { children: jsxRuntime.jsx(Edit.Edit, { title: "editIcon", fill: editIconColorGroup.main }, void 0) }), void 0)), deleteButton && (jsxRuntime.jsx(DeleteIconBox, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(IconButton.IconButton, { Icon: Delete.Trash, colorFamily: deleteButtonColorFamily, colorFamilyOverride: deleteButtonColorFamilyOverride, preventClick: disabled, size: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.iconSize) || theme.imagePicker.iconSize, themeOverride: { backgroundColor: deleteIconColorGroup.light }, onClick: clearInput }, void 0) }), void 0))] }), void 0), !inline && validationMessage && (jsxRuntime.jsx(Inputs.ValidationText, _tslib.__assign({ ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": failColor, "$disabledColor": disabledColor, "$designSwitch": designSwitch || !imageLabel }, { children: validationMessage }), void 0)), helperTextVisible && helperText && !inline && (jsxRuntime.jsx(Inputs.HelperText, _tslib.__assign({ "$disabled": disabled, "$helperTextColor": helperTextColor, "$disabledColor": disabledColor }, { children: helperText }), void 0))] }), void 0));
|
|
335
|
+
}), required && (jsxRuntime.jsx(Inputs.Asterisk, _tslib.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)), jsxRuntime.jsxs(PickerBox, _tslib.__assign({ "$disabled": disabled, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride }, { children: [loading ? (jsxRuntime.jsx(EllipsisContainer, { children: jsxRuntime.jsx(LoadingEllipsis.LoadingEllipsis, {}, void 0) }, void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ImageInput, _tslib.__assign({}, (imageLabel ? { id: "".concat(imageLabel, "_imagePicker") } : {}), { accept: "image/*,.heic", disabled: disabled, onChange: function (event) {
|
|
336
|
+
setLoading(true);
|
|
337
|
+
readURI(event);
|
|
338
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
339
|
+
}, name: name, required: required, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride, type: "file" }), void 0), tempFile ? (jsxRuntime.jsx(CenterImage, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(LoadedImage, { src: tempFile }, void 0) }), void 0)) : placeholder ? (jsxRuntime.jsx(CenterImage, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(LoadedImage, { src: placeholder, "data-testid": "placeholderImage" }, void 0) }), void 0)) : placeholderInitials ? (jsxRuntime.jsx(PlaceholderCircle, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: jsxRuntime.jsx(PlaceholderInitials, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: formattedInitials }), void 0) }), void 0)) : PlaceholderIcon || actionText ? (jsxRuntime.jsxs(CenterGrid, _tslib.__assign({ "$themeOverride": themeOverride }, { children: [jsxRuntime.jsx(PlaceholderIconBox, _tslib.__assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: PlaceholderIcon && jsxRuntime.jsx(PlaceholderIcon, {}, void 0) }), void 0), actionText && (jsxRuntime.jsx(ActionTextBox, { children: actionButtonVariant === ButtonVariantEnum.ButtonVariantEnum.Text ? (jsxRuntime.jsx(FakeTextLink, _tslib.__assign({ "$themeOverride": themeOverride }, { children: actionText }), void 0)) : (jsxRuntime.jsx(SingleButton.SingleButton, { variant: actionButtonVariant, text: actionText, onClick: isEmptyObject.noop, clickable: false }, void 0)) }, void 0))] }), void 0)) : null] }, void 0)), !hideIcon && !deleteButton && (jsxRuntime.jsx(EditIconBox, _tslib.__assign({ "$themeOverride": themeOverride, "$bgColor": editIconColorGroup.light }, { children: jsxRuntime.jsx(Edit.Edit, { title: "editIcon", fill: editIconColorGroup.main }, void 0) }), void 0)), deleteButton && (jsxRuntime.jsx(DeleteIconBox, _tslib.__assign({ "$themeOverride": themeOverride }, { children: jsxRuntime.jsx(IconButton.IconButton, { Icon: Delete.Trash, colorFamily: deleteButtonColorFamily, colorFamilyOverride: deleteButtonColorFamilyOverride, preventClick: disabled, size: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.iconSize) || theme.imagePicker.iconSize, themeOverride: { backgroundColor: deleteIconColorGroup.light }, onClick: clearInput }, void 0) }), void 0))] }), void 0), !inline && validationMessage && (jsxRuntime.jsx(Inputs.ValidationText, _tslib.__assign({ ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": failColor, "$disabledColor": disabledColor, "$designSwitch": designSwitch || !imageLabel }, { children: validationMessage }), void 0)), helperTextVisible && helperText && !inline && (jsxRuntime.jsx(Inputs.HelperText, _tslib.__assign({ "$disabled": disabled, "$helperTextColor": helperTextColor, "$disabledColor": disabledColor }, { children: helperText }), void 0))] }), void 0));
|
|
385
340
|
};
|
|
386
341
|
ImagePicker.defaultProps = {
|
|
387
342
|
editButtonColorFamily: ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue,
|
|
@@ -389,4 +344,4 @@ ImagePicker.defaultProps = {
|
|
|
389
344
|
};
|
|
390
345
|
|
|
391
346
|
exports.ImagePicker = ImagePicker;
|
|
392
|
-
//# sourceMappingURL=ImagePicker-
|
|
347
|
+
//# sourceMappingURL=ImagePicker-db40d337.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImagePicker-
|
|
1
|
+
{"version":3,"file":"ImagePicker-db40d337.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/ImagePicker.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var ImagePicker = require('./ImagePicker-
|
|
5
|
+
var ImagePicker = require('./ImagePicker-db40d337.js');
|
|
6
6
|
require('./_tslib-955e611e.js');
|
|
7
7
|
require('react/jsx-runtime');
|
|
8
8
|
require('react');
|
|
@@ -40,7 +40,6 @@ require('./ButtonVariantEnum.cjs');
|
|
|
40
40
|
require('./CheckmarkCircle.cjs');
|
|
41
41
|
require('./Warning-0428175d.js');
|
|
42
42
|
require('react-dom');
|
|
43
|
-
require('browser-image-compression');
|
|
44
43
|
require('libheif-js/wasm-bundle');
|
|
45
44
|
require('./showLabel-8e3c09f1.js');
|
|
46
45
|
require('./SingleButton-6f14308b.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImagePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ImagePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,7 +4,7 @@ var _tslib = require('./_tslib-955e611e.js');
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var styled = require('styled-components');
|
|
7
|
-
var Avatar = require('./Avatar-
|
|
7
|
+
var Avatar = require('./Avatar-7fac3fa6.js');
|
|
8
8
|
var InteriorSidebar = require('./InteriorSidebar-4f43f4b8.js');
|
|
9
9
|
var isEmptyObject = require('./isEmptyObject.cjs');
|
|
10
10
|
var useMeasure = require('./useMeasure-39ee8db4.js');
|
|
@@ -56,4 +56,4 @@ var LogoSidebar = function (_a) {
|
|
|
56
56
|
LogoSidebar.defaultProps = {};
|
|
57
57
|
|
|
58
58
|
exports.LogoSidebar = LogoSidebar;
|
|
59
|
-
//# sourceMappingURL=LogoSidebar-
|
|
59
|
+
//# sourceMappingURL=LogoSidebar-7b346e41.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogoSidebar-7b346e41.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/LogoSidebar.cjs
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var LogoSidebar = require('./LogoSidebar-
|
|
5
|
+
var LogoSidebar = require('./LogoSidebar-7b346e41.js');
|
|
6
6
|
require('./_tslib-955e611e.js');
|
|
7
7
|
require('react/jsx-runtime');
|
|
8
8
|
require('react');
|
|
9
9
|
require('styled-components');
|
|
10
|
-
require('./Avatar-
|
|
10
|
+
require('./Avatar-7fac3fa6.js');
|
|
11
11
|
require('./pressedEnter.cjs');
|
|
12
12
|
require('./getInitialsOnly.cjs');
|
|
13
13
|
require('./InteriorSidebar-4f43f4b8.js');
|
package/lib/cjs/UserCard.cjs
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _tslib = require('./_tslib-955e611e.js');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var React = require('react');
|
|
8
|
-
var Avatar = require('./Avatar-
|
|
8
|
+
var Avatar = require('./Avatar-7fac3fa6.js');
|
|
9
9
|
var getInitialsOnly = require('./getInitialsOnly.cjs');
|
|
10
10
|
var colors = require('./colors.cjs');
|
|
11
11
|
var pressedEnter = require('./pressedEnter.cjs');
|
|
@@ -11,7 +11,7 @@ require('react');
|
|
|
11
11
|
require('react-dom');
|
|
12
12
|
require('./isEmptyObject.cjs');
|
|
13
13
|
require('./position-0d230ab8.js');
|
|
14
|
-
require('./Avatar-
|
|
14
|
+
require('./Avatar-7fac3fa6.js');
|
|
15
15
|
require('./pressedEnter.cjs');
|
|
16
16
|
require('./getInitialsOnly.cjs');
|
|
17
17
|
require('./colors.cjs');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var _tslib = require('./_tslib-955e611e.js');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var Avatar = require('./Avatar-
|
|
6
|
+
var Avatar = require('./Avatar-7fac3fa6.js');
|
|
7
7
|
var TruncatePicker = require('./TruncatePicker-526d6f8b.js');
|
|
8
8
|
var colors = require('./colors.cjs');
|
|
9
9
|
var isEmptyObject = require('./isEmptyObject.cjs');
|
|
@@ -222,4 +222,4 @@ var UserInformationCard = function (_a) {
|
|
|
222
222
|
};
|
|
223
223
|
|
|
224
224
|
exports.UserInformationCard = UserInformationCard;
|
|
225
|
-
//# sourceMappingURL=UserInformationCard-
|
|
225
|
+
//# sourceMappingURL=UserInformationCard-a03efcff.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserInformationCard-
|
|
1
|
+
{"version":3,"file":"UserInformationCard-a03efcff.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var UserInformationCard = require('./UserInformationCard-
|
|
5
|
+
var UserInformationCard = require('./UserInformationCard-a03efcff.js');
|
|
6
6
|
require('./_tslib-955e611e.js');
|
|
7
7
|
require('react/jsx-runtime');
|
|
8
8
|
require('react');
|
|
9
|
-
require('./Avatar-
|
|
9
|
+
require('./Avatar-7fac3fa6.js');
|
|
10
10
|
require('./pressedEnter.cjs');
|
|
11
11
|
require('styled-components');
|
|
12
12
|
require('./getInitialsOnly.cjs');
|
package/lib/cjs/index.cjs
CHANGED
|
@@ -10,7 +10,7 @@ var Drawer = require('./Drawer-745d2a61.js');
|
|
|
10
10
|
var FormWrapper = require('./FormStyles-0c0f28e0.js');
|
|
11
11
|
var AlertCount = require('./AlertCount-2b74c8f3.js');
|
|
12
12
|
var AddressInput = require('./AddressInput-033a4894.js');
|
|
13
|
-
var Avatar = require('./Avatar-
|
|
13
|
+
var Avatar = require('./Avatar-7fac3fa6.js');
|
|
14
14
|
var getInitialsOnly = require('./getInitialsOnly.cjs');
|
|
15
15
|
var BoxedButton = require('./BoxedButton.cjs');
|
|
16
16
|
var BoxedOutlineButton = require('./BoxedOutlineButton.cjs');
|
|
@@ -46,13 +46,13 @@ var helpers = require('./helpers-b07f14f3.js');
|
|
|
46
46
|
var DrawerDivider = require('./DrawerDivider-8f1e423f.js');
|
|
47
47
|
var EmailInput = require('./EmailInput-ee2e8ac8.js');
|
|
48
48
|
var Footer = require('./Footer.cjs');
|
|
49
|
-
var FormikContainer = require('./FormikContainer-
|
|
49
|
+
var FormikContainer = require('./FormikContainer-bedc6647.js');
|
|
50
50
|
var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
|
|
51
51
|
var FiltersBar = require('./FiltersBar-1c53d614.js');
|
|
52
52
|
var HorizontalTabMenu = require('./HorizontalTabMenu-55955f88.js');
|
|
53
53
|
var IconButton = require('./IconButton-99b9f2dd.js');
|
|
54
54
|
var IconTile = require('./IconTile-64cb919a.js');
|
|
55
|
-
var ImagePicker = require('./ImagePicker-
|
|
55
|
+
var ImagePicker = require('./ImagePicker-db40d337.js');
|
|
56
56
|
var InlineCreditCardInput = require('./InlineCreditCardInput-673b3096.js');
|
|
57
57
|
var InlineCurrencyInput = require('./InlineCurrencyInput-1680f1a4.js');
|
|
58
58
|
var InlineEmailInput = require('./InlineEmailInput-78e3cce8.js');
|
|
@@ -67,7 +67,7 @@ var Loading = require('./Loading.cjs');
|
|
|
67
67
|
var Scroller = require('./Scroller.cjs');
|
|
68
68
|
var focusAfter = require('./focusAfter.cjs');
|
|
69
69
|
var LoadingEllipsis = require('./LoadingEllipsis-b9895744.js');
|
|
70
|
-
var LogoSidebar = require('./LogoSidebar-
|
|
70
|
+
var LogoSidebar = require('./LogoSidebar-7b346e41.js');
|
|
71
71
|
var Modal = require('./Modal-384954ad.js');
|
|
72
72
|
var InlinePasswordInput = require('./InlinePasswordInput.cjs');
|
|
73
73
|
var PasswordInput = require('./PasswordInput.cjs');
|
|
@@ -116,7 +116,7 @@ var UploadDropzone = require('./UploadDropzone-880401fe.js');
|
|
|
116
116
|
var DropzoneColorFamilyEnum = require('./DropzoneColorFamilyEnum.cjs');
|
|
117
117
|
var UserCard = require('./UserCard.cjs');
|
|
118
118
|
var UserCardModal = require('./UserCardModal.cjs');
|
|
119
|
-
var UserInformationCard = require('./UserInformationCard-
|
|
119
|
+
var UserInformationCard = require('./UserInformationCard-a03efcff.js');
|
|
120
120
|
var InlineZipCodeInput = require('./InlineZipCodeInput.cjs');
|
|
121
121
|
var ZipCodeInput = require('./ZipCodeInput.cjs');
|
|
122
122
|
var applyZipCodeMask = require('./applyZipCodeMask.cjs');
|
|
@@ -288,7 +288,6 @@ require('./useIsomorphicLayoutEffect-e0094154.js');
|
|
|
288
288
|
require('dayjs');
|
|
289
289
|
require('./RadioStyles-12980dcd.js');
|
|
290
290
|
require('formik');
|
|
291
|
-
require('browser-image-compression');
|
|
292
291
|
require('libheif-js/wasm-bundle');
|
|
293
292
|
require('@rjsf/core');
|
|
294
293
|
require('@rjsf/validator-ajv8');
|
package/lib/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { a as __makeTemplateObject, _ as __assign } from './_tslib-1a4c929e.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { useMemo } from 'react';
|
|
3
4
|
import { higherContrast } from './pressedEnter.js';
|
|
4
5
|
import { styled, useTheme } from 'styled-components';
|
|
5
6
|
import { getInitialsOnly } from './getInitialsOnly.js';
|
|
@@ -47,9 +48,10 @@ var Avatar = function (_a) {
|
|
|
47
48
|
var backgroundGradient = _a.backgroundGradient, badgeUrl = _a.badgeUrl, imageUrl = _a.imageUrl, logo = _a.logo, placeholderInitials = _a.placeholderInitials, placeholderInitialsColorOverride = _a.placeholderInitialsColorOverride, square = _a.square, themeOverride = _a.themeOverride;
|
|
48
49
|
var theme = useTheme();
|
|
49
50
|
var bgColor = (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.backgroundColor) || theme.avatar.backgroundColor;
|
|
50
|
-
|
|
51
|
-
};
|
|
52
|
-
|
|
51
|
+
var initials = useMemo(function () { return getInitialsOnly(placeholderInitials); }, [placeholderInitials]);
|
|
52
|
+
var initialsColor = useMemo(function () { return placeholderInitialsColorOverride || higherContrast({ color: bgColor, preferHigh: true }); }, [placeholderInitialsColorOverride, bgColor]);
|
|
53
|
+
return (jsxs(Base, __assign({ "data-testid": "bg-base", "$backgroundGradient": backgroundGradient, "$imageUrl": imageUrl, "$logo": logo, "$themeOverride": themeOverride, "$square": square }, { children: [!imageUrl && (jsx(Initials, __assign({ "$placeholderInitialsColorOverride": initialsColor, "$themeOverride": themeOverride }, { children: initials }), void 0)), badgeUrl && jsx(Badge, { "$badgeUrl": badgeUrl, "$themeOverride": themeOverride }, void 0)] }), void 0));
|
|
54
|
+
};
|
|
53
55
|
|
|
54
56
|
export { Avatar as A };
|
|
55
|
-
//# sourceMappingURL=Avatar-
|
|
57
|
+
//# sourceMappingURL=Avatar-746b2334.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar-746b2334.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/Avatar.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export { A as Avatar } from './Avatar-
|
|
1
|
+
export { A as Avatar } from './Avatar-746b2334.js';
|
|
2
2
|
export { getInitialsOnly } from './getInitialsOnly.js';
|
|
3
3
|
import './_tslib-1a4c929e.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
|
+
import 'react';
|
|
5
6
|
import './pressedEnter.js';
|
|
6
7
|
import 'styled-components';
|
|
7
8
|
//# sourceMappingURL=Avatar.js.map
|
package/lib/esm/Avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
package/lib/esm/Form.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { F as FormWrapper } from './FormStyles-bf01f03c.js';
|
|
2
|
-
export { F as Form } from './FormikContainer-
|
|
2
|
+
export { F as Form } from './FormikContainer-bce6f053.js';
|
|
3
3
|
export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
|
|
4
4
|
import './_tslib-1a4c929e.js';
|
|
5
5
|
import 'styled-components';
|
|
@@ -102,7 +102,7 @@ import './DescriptiveDropdownInput-1c8009a6.js';
|
|
|
102
102
|
import './EmailInput-3d43f7fe.js';
|
|
103
103
|
import './InlineEmailInput-b6c8b8b2.js';
|
|
104
104
|
import './Email.js';
|
|
105
|
-
import './ImagePicker-
|
|
105
|
+
import './ImagePicker-88dba2fb.js';
|
|
106
106
|
import './Delete-717a8dd0.js';
|
|
107
107
|
import './Edit.js';
|
|
108
108
|
import './Toast-d07ba541.js';
|
|
@@ -110,7 +110,6 @@ import './Typography-a45f29be.js';
|
|
|
110
110
|
import './TextVariantEnum.js';
|
|
111
111
|
import './CheckmarkCircle.js';
|
|
112
112
|
import './Warning-09535167.js';
|
|
113
|
-
import 'browser-image-compression';
|
|
114
113
|
import 'libheif-js/wasm-bundle';
|
|
115
114
|
import './SingleButton-4b90fc1f.js';
|
|
116
115
|
import './MultiSelect-fabde188.js';
|
package/lib/esm/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Form.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -40,7 +40,7 @@ import { SwitchTypeEnum } from './SwitchTypeEnum.js';
|
|
|
40
40
|
import { D as DescriptiveDropdownInput } from './DescriptiveDropdownInput-1c8009a6.js';
|
|
41
41
|
import { E as EmailInput } from './EmailInput-3d43f7fe.js';
|
|
42
42
|
import { I as InlineEmailInput } from './InlineEmailInput-b6c8b8b2.js';
|
|
43
|
-
import { I as ImagePicker } from './ImagePicker-
|
|
43
|
+
import { I as ImagePicker } from './ImagePicker-88dba2fb.js';
|
|
44
44
|
import { M as MultiSelect } from './MultiSelect-fabde188.js';
|
|
45
45
|
import { I as InlineInput } from './InlineInput-6e99d8b3.js';
|
|
46
46
|
import { I as Input } from './Input-b6886dba.js';
|
|
@@ -1293,4 +1293,4 @@ FormikContainer.defaultProps = {
|
|
|
1293
1293
|
};
|
|
1294
1294
|
|
|
1295
1295
|
export { FormikContainer as F };
|
|
1296
|
-
//# sourceMappingURL=FormikContainer-
|
|
1296
|
+
//# sourceMappingURL=FormikContainer-bce6f053.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikContainer-
|
|
1
|
+
{"version":3,"file":"FormikContainer-bce6f053.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -13,7 +13,6 @@ import { D as DialogHandler } from './Toast-d07ba541.js';
|
|
|
13
13
|
import 'react-dom';
|
|
14
14
|
import { noop } from './isEmptyObject.js';
|
|
15
15
|
import { u as useMeasure } from './useMeasure-c4c687e9.js';
|
|
16
|
-
import imageCompression from 'browser-image-compression';
|
|
17
16
|
import libheif from 'libheif-js/wasm-bundle';
|
|
18
17
|
import { s as showLabel } from './showLabel-b80f881c.js';
|
|
19
18
|
import './Button.js';
|
|
@@ -25,25 +24,6 @@ import { L as LoadingEllipsis } from './LoadingEllipsis-505a407e.js';
|
|
|
25
24
|
import { HeadingH2 } from './BodyLEmphasis.js';
|
|
26
25
|
import { focusAfter, absoluteFill } from './focusAfter.js';
|
|
27
26
|
|
|
28
|
-
var compressImage = function (file) { return __awaiter(void 0, void 0, void 0, function () {
|
|
29
|
-
var options, compressedFile;
|
|
30
|
-
return __generator(this, function (_a) {
|
|
31
|
-
switch (_a.label) {
|
|
32
|
-
case 0:
|
|
33
|
-
options = {
|
|
34
|
-
maxSizeMB: 2,
|
|
35
|
-
maxWidthOrHeight: 1920,
|
|
36
|
-
useWebWorker: true,
|
|
37
|
-
alwaysKeepResolution: true,
|
|
38
|
-
};
|
|
39
|
-
return [4 /*yield*/, imageCompression(file, options)];
|
|
40
|
-
case 1:
|
|
41
|
-
compressedFile = _a.sent();
|
|
42
|
-
return [2 /*return*/, compressedFile];
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}); };
|
|
46
|
-
|
|
47
27
|
function dataURLToBlob(dataUrl) {
|
|
48
28
|
var byteString = atob(dataUrl.split(",")[1]);
|
|
49
29
|
var mimeString = dataUrl.split(",")[0].split(":")[1].split(";")[0];
|
|
@@ -254,27 +234,24 @@ var ImagePicker = function (_a) {
|
|
|
254
234
|
}
|
|
255
235
|
}, [placeholderImageUrl]);
|
|
256
236
|
var readURI = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
257
|
-
var file, fileExtension, convertedFile,
|
|
237
|
+
var file, fileExtension, convertedFile, isNotAnImage, fileSizeKB, reader;
|
|
258
238
|
var _a, _b;
|
|
259
239
|
return __generator(this, function (_c) {
|
|
260
240
|
switch (_c.label) {
|
|
261
241
|
case 0:
|
|
262
|
-
_c.trys.push([0,
|
|
242
|
+
_c.trys.push([0, 3, 4, 5]);
|
|
263
243
|
file = (_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
|
|
264
244
|
if (!file) {
|
|
265
245
|
throw new Error("Error: file is undefined");
|
|
266
246
|
}
|
|
267
247
|
fileExtension = getFileExtension(file.name);
|
|
268
|
-
if (!(fileExtension === "heic")) return [3 /*break*/,
|
|
248
|
+
if (!(fileExtension === "heic")) return [3 /*break*/, 2];
|
|
269
249
|
return [4 /*yield*/, convertHEICtoPNG(file)];
|
|
270
250
|
case 1:
|
|
271
251
|
convertedFile = _c.sent();
|
|
272
|
-
|
|
252
|
+
file = convertedFile;
|
|
253
|
+
_c.label = 2;
|
|
273
254
|
case 2:
|
|
274
|
-
compressedFile = _c.sent();
|
|
275
|
-
file = compressedFile;
|
|
276
|
-
_c.label = 3;
|
|
277
|
-
case 3:
|
|
278
255
|
isNotAnImage = !file.type.match(/^image\/+/g);
|
|
279
256
|
fileSizeKB = file.size / 1000;
|
|
280
257
|
if (isNotAnImage) {
|
|
@@ -296,7 +273,7 @@ var ImagePicker = function (_a) {
|
|
|
296
273
|
reader.readAsDataURL(file);
|
|
297
274
|
}
|
|
298
275
|
return [2 /*return*/, file];
|
|
299
|
-
case
|
|
276
|
+
case 3:
|
|
300
277
|
_c.sent();
|
|
301
278
|
showToast({
|
|
302
279
|
title: "",
|
|
@@ -304,6 +281,9 @@ var ImagePicker = function (_a) {
|
|
|
304
281
|
colorFamily: ConnotationColorEnum.Negative,
|
|
305
282
|
});
|
|
306
283
|
return [3 /*break*/, 5];
|
|
284
|
+
case 4:
|
|
285
|
+
setLoading(false);
|
|
286
|
+
return [7 /*endfinally*/];
|
|
307
287
|
case 5: return [2 /*return*/];
|
|
308
288
|
}
|
|
309
289
|
});
|
|
@@ -346,35 +326,11 @@ var ImagePicker = function (_a) {
|
|
|
346
326
|
labelColor: labelColor,
|
|
347
327
|
htmlFor: "".concat(imageLabel, "_imagePicker"),
|
|
348
328
|
removePaddingRight: required,
|
|
349
|
-
}), required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)), jsxs(PickerBox, __assign({ "$disabled": disabled, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride }, { children: [loading ? (jsx(EllipsisContainer, { children: jsx(LoadingEllipsis, {}, void 0) }, void 0)) : (jsxs(Fragment, { children: [jsx(ImageInput, __assign({}, (imageLabel ? { id: "".concat(imageLabel, "_imagePicker") } : {}), { accept: "image/*,.heic", disabled: disabled, onChange: function (event) {
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
_a.trys.push([0, 2, 3, 4]);
|
|
355
|
-
setLoading(true);
|
|
356
|
-
return [4 /*yield*/, readURI(event)];
|
|
357
|
-
case 1:
|
|
358
|
-
file = _a.sent();
|
|
359
|
-
fileExtension = getFileExtension((file === null || file === void 0 ? void 0 : file.name) || "");
|
|
360
|
-
if (file && fileExtension === "heic") {
|
|
361
|
-
fileList = new DataTransfer();
|
|
362
|
-
fileList.items.add(file);
|
|
363
|
-
event.target.files = fileList.files;
|
|
364
|
-
}
|
|
365
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
366
|
-
return [3 /*break*/, 4];
|
|
367
|
-
case 2:
|
|
368
|
-
error_2 = _a.sent();
|
|
369
|
-
console.error("Error processing image: ".concat(error_2));
|
|
370
|
-
return [3 /*break*/, 4];
|
|
371
|
-
case 3:
|
|
372
|
-
setLoading(false);
|
|
373
|
-
return [7 /*endfinally*/];
|
|
374
|
-
case 4: return [2 /*return*/];
|
|
375
|
-
}
|
|
376
|
-
});
|
|
377
|
-
}); }, name: name, required: required, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride, type: "file" }), void 0), tempFile ? (jsx(CenterImage, __assign({ "$themeOverride": themeOverride }, { children: jsx(LoadedImage, { src: tempFile }, void 0) }), void 0)) : placeholder ? (jsx(CenterImage, __assign({ "$themeOverride": themeOverride }, { children: jsx(LoadedImage, { src: placeholder, "data-testid": "placeholderImage" }, void 0) }), void 0)) : placeholderInitials ? (jsx(PlaceholderCircle, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: jsx(PlaceholderInitials, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: formattedInitials }), void 0) }), void 0)) : PlaceholderIcon || actionText ? (jsxs(CenterGrid, __assign({ "$themeOverride": themeOverride }, { children: [jsx(PlaceholderIconBox, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: PlaceholderIcon && jsx(PlaceholderIcon, {}, void 0) }), void 0), actionText && (jsx(ActionTextBox, { children: actionButtonVariant === ButtonVariantEnum.Text ? (jsx(FakeTextLink, __assign({ "$themeOverride": themeOverride }, { children: actionText }), void 0)) : (jsx(SingleButton, { variant: actionButtonVariant, text: actionText, onClick: noop, clickable: false }, void 0)) }, void 0))] }), void 0)) : null] }, void 0)), !hideIcon && !deleteButton && (jsx(EditIconBox, __assign({ "$themeOverride": themeOverride, "$bgColor": editIconColorGroup.light }, { children: jsx(Edit, { title: "editIcon", fill: editIconColorGroup.main }, void 0) }), void 0)), deleteButton && (jsx(DeleteIconBox, __assign({ "$themeOverride": themeOverride }, { children: jsx(IconButton, { Icon: Trash, colorFamily: deleteButtonColorFamily, colorFamilyOverride: deleteButtonColorFamilyOverride, preventClick: disabled, size: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.iconSize) || theme.imagePicker.iconSize, themeOverride: { backgroundColor: deleteIconColorGroup.light }, onClick: clearInput }, void 0) }), void 0))] }), void 0), !inline && validationMessage && (jsx(ValidationText, __assign({ ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": failColor, "$disabledColor": disabledColor, "$designSwitch": designSwitch || !imageLabel }, { children: validationMessage }), void 0)), helperTextVisible && helperText && !inline && (jsx(HelperText, __assign({ "$disabled": disabled, "$helperTextColor": helperTextColor, "$disabledColor": disabledColor }, { children: helperText }), void 0))] }), void 0));
|
|
329
|
+
}), required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)), jsxs(PickerBox, __assign({ "$disabled": disabled, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride }, { children: [loading ? (jsx(EllipsisContainer, { children: jsx(LoadingEllipsis, {}, void 0) }, void 0)) : (jsxs(Fragment, { children: [jsx(ImageInput, __assign({}, (imageLabel ? { id: "".concat(imageLabel, "_imagePicker") } : {}), { accept: "image/*,.heic", disabled: disabled, onChange: function (event) {
|
|
330
|
+
setLoading(true);
|
|
331
|
+
readURI(event);
|
|
332
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
333
|
+
}, name: name, required: required, "$showValidationMessage": showValidationMessage, "$themeOverride": themeOverride, type: "file" }), void 0), tempFile ? (jsx(CenterImage, __assign({ "$themeOverride": themeOverride }, { children: jsx(LoadedImage, { src: tempFile }, void 0) }), void 0)) : placeholder ? (jsx(CenterImage, __assign({ "$themeOverride": themeOverride }, { children: jsx(LoadedImage, { src: placeholder, "data-testid": "placeholderImage" }, void 0) }), void 0)) : placeholderInitials ? (jsx(PlaceholderCircle, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: jsx(PlaceholderInitials, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: formattedInitials }), void 0) }), void 0)) : PlaceholderIcon || actionText ? (jsxs(CenterGrid, __assign({ "$themeOverride": themeOverride }, { children: [jsx(PlaceholderIconBox, __assign({ "$themeOverride": themeOverride, "$shortestDimension": shortestDimension }, { children: PlaceholderIcon && jsx(PlaceholderIcon, {}, void 0) }), void 0), actionText && (jsx(ActionTextBox, { children: actionButtonVariant === ButtonVariantEnum.Text ? (jsx(FakeTextLink, __assign({ "$themeOverride": themeOverride }, { children: actionText }), void 0)) : (jsx(SingleButton, { variant: actionButtonVariant, text: actionText, onClick: noop, clickable: false }, void 0)) }, void 0))] }), void 0)) : null] }, void 0)), !hideIcon && !deleteButton && (jsx(EditIconBox, __assign({ "$themeOverride": themeOverride, "$bgColor": editIconColorGroup.light }, { children: jsx(Edit, { title: "editIcon", fill: editIconColorGroup.main }, void 0) }), void 0)), deleteButton && (jsx(DeleteIconBox, __assign({ "$themeOverride": themeOverride }, { children: jsx(IconButton, { Icon: Trash, colorFamily: deleteButtonColorFamily, colorFamilyOverride: deleteButtonColorFamilyOverride, preventClick: disabled, size: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.iconSize) || theme.imagePicker.iconSize, themeOverride: { backgroundColor: deleteIconColorGroup.light }, onClick: clearInput }, void 0) }), void 0))] }), void 0), !inline && validationMessage && (jsx(ValidationText, __assign({ ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": failColor, "$disabledColor": disabledColor, "$designSwitch": designSwitch || !imageLabel }, { children: validationMessage }), void 0)), helperTextVisible && helperText && !inline && (jsx(HelperText, __assign({ "$disabled": disabled, "$helperTextColor": helperTextColor, "$disabledColor": disabledColor }, { children: helperText }), void 0))] }), void 0));
|
|
378
334
|
};
|
|
379
335
|
ImagePicker.defaultProps = {
|
|
380
336
|
editButtonColorFamily: ButtonColorFamilyEnum.Blue,
|
|
@@ -382,4 +338,4 @@ ImagePicker.defaultProps = {
|
|
|
382
338
|
};
|
|
383
339
|
|
|
384
340
|
export { ImagePicker as I };
|
|
385
|
-
//# sourceMappingURL=ImagePicker-
|
|
341
|
+
//# sourceMappingURL=ImagePicker-88dba2fb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImagePicker-
|
|
1
|
+
{"version":3,"file":"ImagePicker-88dba2fb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/ImagePicker.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { I as ImagePicker } from './ImagePicker-
|
|
1
|
+
export { I as ImagePicker } from './ImagePicker-88dba2fb.js';
|
|
2
2
|
import './_tslib-1a4c929e.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
|
@@ -36,7 +36,6 @@ import './ButtonVariantEnum.js';
|
|
|
36
36
|
import './CheckmarkCircle.js';
|
|
37
37
|
import './Warning-09535167.js';
|
|
38
38
|
import 'react-dom';
|
|
39
|
-
import 'browser-image-compression';
|
|
40
39
|
import 'libheif-js/wasm-bundle';
|
|
41
40
|
import './showLabel-b80f881c.js';
|
|
42
41
|
import './SingleButton-4b90fc1f.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImagePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ImagePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import { a as __makeTemplateObject, _ as __assign } from './_tslib-1a4c929e.js';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useCallback } from 'react';
|
|
4
4
|
import { styled, useTheme } from 'styled-components';
|
|
5
|
-
import { A as Avatar } from './Avatar-
|
|
5
|
+
import { A as Avatar } from './Avatar-746b2334.js';
|
|
6
6
|
import { I as InteriorSidebar } from './InteriorSidebar-af6e84db.js';
|
|
7
7
|
import { isBrowser } from './isEmptyObject.js';
|
|
8
8
|
import { u as useMeasure } from './useMeasure-c4c687e9.js';
|
|
@@ -54,4 +54,4 @@ var LogoSidebar = function (_a) {
|
|
|
54
54
|
LogoSidebar.defaultProps = {};
|
|
55
55
|
|
|
56
56
|
export { LogoSidebar as L };
|
|
57
|
-
//# sourceMappingURL=LogoSidebar-
|
|
57
|
+
//# sourceMappingURL=LogoSidebar-fd8fa2b5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogoSidebar-fd8fa2b5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/LogoSidebar.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { L as LogoSidebar } from './LogoSidebar-
|
|
1
|
+
export { L as LogoSidebar } from './LogoSidebar-fd8fa2b5.js';
|
|
2
2
|
import './_tslib-1a4c929e.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'styled-components';
|
|
6
|
-
import './Avatar-
|
|
6
|
+
import './Avatar-746b2334.js';
|
|
7
7
|
import './pressedEnter.js';
|
|
8
8
|
import './getInitialsOnly.js';
|
|
9
9
|
import './InteriorSidebar-af6e84db.js';
|
package/lib/esm/UserCard.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as __makeTemplateObject, _ as __assign } from './_tslib-1a4c929e.js';
|
|
2
2
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import React__default, { useRef, useEffect } from 'react';
|
|
4
|
-
import { A as Avatar } from './Avatar-
|
|
4
|
+
import { A as Avatar } from './Avatar-746b2334.js';
|
|
5
5
|
import { getInitialsOnly } from './getInitialsOnly.js';
|
|
6
6
|
import { colors } from './colors.js';
|
|
7
7
|
import { pressedEnter } from './pressedEnter.js';
|
package/lib/esm/UserCardModal.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as __makeTemplateObject, _ as __assign } from './_tslib-1a4c929e.js';
|
|
2
2
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
|
-
import { A as Avatar } from './Avatar-
|
|
4
|
+
import { A as Avatar } from './Avatar-746b2334.js';
|
|
5
5
|
import { T as TruncatePicker } from './TruncatePicker-0927c14e.js';
|
|
6
6
|
import { colors } from './colors.js';
|
|
7
7
|
import { getTextWidth } from './isEmptyObject.js';
|
|
@@ -220,4 +220,4 @@ var UserInformationCard = function (_a) {
|
|
|
220
220
|
};
|
|
221
221
|
|
|
222
222
|
export { UserInformationCard as U };
|
|
223
|
-
//# sourceMappingURL=UserInformationCard-
|
|
223
|
+
//# sourceMappingURL=UserInformationCard-f6594a6d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserInformationCard-
|
|
1
|
+
{"version":3,"file":"UserInformationCard-f6594a6d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { U as UserInformationCard } from './UserInformationCard-
|
|
1
|
+
export { U as UserInformationCard } from './UserInformationCard-f6594a6d.js';
|
|
2
2
|
import './_tslib-1a4c929e.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
|
5
|
-
import './Avatar-
|
|
5
|
+
import './Avatar-746b2334.js';
|
|
6
6
|
import './pressedEnter.js';
|
|
7
7
|
import 'styled-components';
|
|
8
8
|
import './getInitialsOnly.js';
|
package/lib/esm/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { S as Separator } from './FormStyles-bf01f03c.js';
|
|
|
8
8
|
export { F as FormWrapper } from './FormStyles-bf01f03c.js';
|
|
9
9
|
export { A as AlertCount } from './AlertCount-ed5edfb1.js';
|
|
10
10
|
export { A as AddressInput } from './AddressInput-833de86d.js';
|
|
11
|
-
export { A as Avatar } from './Avatar-
|
|
11
|
+
export { A as Avatar } from './Avatar-746b2334.js';
|
|
12
12
|
export { getInitialsOnly } from './getInitialsOnly.js';
|
|
13
13
|
export { BoxedButton } from './BoxedButton.js';
|
|
14
14
|
export { BoxedOutlineButton } from './BoxedOutlineButton.js';
|
|
@@ -47,13 +47,13 @@ import { A as ASTERISK_OFFSET_SPACE } from './helpers-e2f33583.js';
|
|
|
47
47
|
export { D as DrawerDivider } from './DrawerDivider-5b10a31b.js';
|
|
48
48
|
export { E as EmailInput } from './EmailInput-3d43f7fe.js';
|
|
49
49
|
export { Footer } from './Footer.js';
|
|
50
|
-
export { F as Form } from './FormikContainer-
|
|
50
|
+
export { F as Form } from './FormikContainer-bce6f053.js';
|
|
51
51
|
export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
|
|
52
52
|
export { F as FiltersBar } from './FiltersBar-25250ff0.js';
|
|
53
53
|
export { H as HorizontalTabMenu } from './HorizontalTabMenu-7f72f11a.js';
|
|
54
54
|
export { I as IconButton } from './IconButton-3083ac19.js';
|
|
55
55
|
export { I as IconTile } from './IconTile-ccdd2d4e.js';
|
|
56
|
-
export { I as ImagePicker } from './ImagePicker-
|
|
56
|
+
export { I as ImagePicker } from './ImagePicker-88dba2fb.js';
|
|
57
57
|
export { I as InlineCreditCardInput, a as applyCreditCardMask } from './InlineCreditCardInput-326e0e7f.js';
|
|
58
58
|
export { I as InlineCurrencyInput, a as applyCurrencyMask } from './InlineCurrencyInput-51a48ddd.js';
|
|
59
59
|
export { I as InlineEmailInput } from './InlineEmailInput-b6c8b8b2.js';
|
|
@@ -71,7 +71,7 @@ export { Scroller, ShortScroller } from './Scroller.js';
|
|
|
71
71
|
import { focusAfter } from './focusAfter.js';
|
|
72
72
|
export { focusAfter } from './focusAfter.js';
|
|
73
73
|
export { L as LoadingEllipsis } from './LoadingEllipsis-505a407e.js';
|
|
74
|
-
export { L as LogoSidebar } from './LogoSidebar-
|
|
74
|
+
export { L as LogoSidebar } from './LogoSidebar-fd8fa2b5.js';
|
|
75
75
|
export { M as Modal } from './Modal-24b59bc8.js';
|
|
76
76
|
export { InlinePasswordInput } from './InlinePasswordInput.js';
|
|
77
77
|
export { PasswordInput } from './PasswordInput.js';
|
|
@@ -120,7 +120,7 @@ export { U as UploadDropzone } from './UploadDropzone-f6b591f3.js';
|
|
|
120
120
|
export { DropzoneColorFamilyEnum } from './DropzoneColorFamilyEnum.js';
|
|
121
121
|
export { UserCard } from './UserCard.js';
|
|
122
122
|
export { UserCardModal } from './UserCardModal.js';
|
|
123
|
-
export { U as UserInformationCard } from './UserInformationCard-
|
|
123
|
+
export { U as UserInformationCard } from './UserInformationCard-f6594a6d.js';
|
|
124
124
|
export { InlineZipCodeInput } from './InlineZipCodeInput.js';
|
|
125
125
|
export { ZipCodeInput } from './ZipCodeInput.js';
|
|
126
126
|
export { applyZipCodeMask } from './applyZipCodeMask.js';
|
|
@@ -292,7 +292,6 @@ import './useIsomorphicLayoutEffect-02f8ff90.js';
|
|
|
292
292
|
import 'dayjs';
|
|
293
293
|
import './RadioStyles-876d7b0d.js';
|
|
294
294
|
import 'formik';
|
|
295
|
-
import 'browser-image-compression';
|
|
296
295
|
import 'libheif-js/wasm-bundle';
|
|
297
296
|
import '@rjsf/core';
|
|
298
297
|
import '@rjsf/validator-ajv8';
|
package/lib/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cerebruminc/cerebellum",
|
|
3
|
-
"version": "13.4.
|
|
3
|
+
"version": "13.4.3",
|
|
4
4
|
"description": "Cerebrum's React Component Library",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "lib/cjs/index.cjs",
|
|
@@ -131,7 +131,6 @@
|
|
|
131
131
|
"@rjsf/core": "^5.10.0",
|
|
132
132
|
"@rjsf/utils": "^5.10.0",
|
|
133
133
|
"@rjsf/validator-ajv8": "^5.12.0",
|
|
134
|
-
"browser-image-compression": "^2.0.2",
|
|
135
134
|
"country-flag-icons": "^1.5.11",
|
|
136
135
|
"dayjs": "^1.10.7",
|
|
137
136
|
"dotenv": "^10.0.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar-7bb7b116.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LogoSidebar-5cb2c524.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar-4a877971.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LogoSidebar-6fc85e82.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const compressImage: (file: File) => Promise<File>;
|