@apple-pie/slice 0.1.7 → 0.1.9
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/README.md +5 -4
- package/dist/cjs/chunks/{Avatar-8XLnVICd.js → Avatar-Czt-12Ih.js} +26 -12
- package/dist/cjs/chunks/{AvatarGroup-BhKZvX8M.js → AvatarGroup-CGH2zY7a.js} +9 -7
- package/dist/cjs/chunks/{Button-D8_eyuOA.js → Button-mVVfNCqC.js} +40 -29
- package/dist/cjs/chunks/ButtonBar-CFAb4bfQ.js +73 -0
- package/dist/cjs/chunks/{Camera-CxHdYGEa.js → Camera-BGV_tNUP.js} +12 -4
- package/dist/cjs/chunks/{CheckBox-CmTQ6KW1.js → CheckBox-DyOgP15i.js} +1 -1
- package/dist/cjs/chunks/{Chip-CwMJOnBV.js → Chip-Z8erRdWG.js} +24 -31
- package/dist/cjs/chunks/{FileList-tivoUJSP.js → FileList-CCAtVNDo.js} +1 -1
- package/dist/cjs/chunks/IndexedDB-BxQn7aHU.js +146 -0
- package/dist/cjs/chunks/{ProgressIndicator-opbbADog.js → ProgressIndicator-CyFcr6Dk.js} +13 -4
- package/dist/cjs/chunks/{PromptInput-tA4fpOTk.js → PromptInput-B-Wlfnhx.js} +1 -1
- package/dist/cjs/chunks/{TextArea-DXcMRUfI.js → TextArea-D7E8loob.js} +1 -1
- package/dist/cjs/chunks/{TextField-CkfTNM6_.js → TextField-BAcYBHb1.js} +2 -2
- package/dist/cjs/chunks/{UploadArea-B8mJRc0a.js → UploadArea-Bfrwzo4O.js} +1 -1
- package/dist/cjs/chunks/localDBStore-Cl1YFPIe.js +182 -0
- package/dist/cjs/components/Avatar/index.js +1 -1
- package/dist/cjs/components/AvatarGroup/index.js +2 -2
- package/dist/cjs/components/Button/index.js +2 -2
- package/dist/cjs/components/ButtonBar/index.js +3 -5
- package/dist/cjs/components/Camera/index.js +2 -2
- package/dist/cjs/components/CheckBox/index.js +1 -1
- package/dist/cjs/components/Chip/index.js +2 -2
- package/dist/cjs/components/FileList/index.js +2 -2
- package/dist/cjs/components/Progress/index.js +1 -1
- package/dist/cjs/components/PromptInput/index.js +4 -4
- package/dist/cjs/components/TextArea/index.js +3 -3
- package/dist/cjs/components/Textfield/index.js +3 -3
- package/dist/cjs/components/UploadArea/index.js +3 -3
- package/dist/cjs/index.js +10 -11
- package/dist/cjs/stores/LocalDB.js +8 -0
- package/dist/cjs/stores.js +9 -5
- package/dist/cjs/utils/index.js +3 -3
- package/dist/cjs/utils/objects/index.js +3 -3
- package/dist/esm/chunks/{Avatar-DGRMsHdO.mjs → Avatar-DCCbj2eA.mjs} +26 -12
- package/dist/esm/chunks/{AvatarGroup-C9Ka1e9P.mjs → AvatarGroup-BaD2Xmda.mjs} +9 -7
- package/dist/esm/chunks/{Button-DAvVj4YV.mjs → Button-m0XAJsq5.mjs} +40 -29
- package/dist/esm/chunks/ButtonBar-CNQHRn77.mjs +83 -0
- package/dist/esm/chunks/{Camera-BrdJGlv6.mjs → Camera-7TuowjX_.mjs} +12 -4
- package/dist/esm/chunks/{CheckBox-B7UCZvRv.mjs → CheckBox-DO9hTdv8.mjs} +1 -1
- package/dist/esm/chunks/{Chip-BPF7fBba.mjs → Chip-BqneFUOR.mjs} +25 -34
- package/dist/esm/chunks/{FileList-BHCGzX_0.mjs → FileList-Ckix8gUY.mjs} +1 -1
- package/dist/esm/chunks/IndexedDB-CNOziQ6p.mjs +146 -0
- package/dist/esm/chunks/{ProgressIndicator-BVwQNOcV.mjs → ProgressIndicator-CfM2c4ty.mjs} +13 -4
- package/dist/esm/chunks/{PromptInput-pKwwzyAd.mjs → PromptInput-Cmist_vy.mjs} +2 -2
- package/dist/esm/chunks/{TextArea-yF2pGeel.mjs → TextArea-Ff5hxF1H.mjs} +1 -1
- package/dist/esm/chunks/{TextField-CgnPj6oK.mjs → TextField-CGOR6507.mjs} +2 -2
- package/dist/esm/chunks/{UploadArea-BNf1y8Ep.mjs → UploadArea-6z-mVZs3.mjs} +2 -2
- package/dist/esm/chunks/localDBStore-CbCoeN66.mjs +186 -0
- package/dist/esm/components/Avatar/index.mjs +1 -1
- package/dist/esm/components/AvatarGroup/index.mjs +2 -2
- package/dist/esm/components/Button/index.mjs +2 -2
- package/dist/esm/components/ButtonBar/index.mjs +5 -15
- package/dist/esm/components/Camera/index.mjs +2 -2
- package/dist/esm/components/CheckBox/index.mjs +1 -1
- package/dist/esm/components/Chip/index.mjs +5 -5
- package/dist/esm/components/FileList/index.mjs +2 -2
- package/dist/esm/components/Progress/index.mjs +1 -1
- package/dist/esm/components/PromptInput/index.mjs +4 -4
- package/dist/esm/components/TextArea/index.mjs +3 -3
- package/dist/esm/components/Textfield/index.mjs +3 -3
- package/dist/esm/components/UploadArea/index.mjs +3 -3
- package/dist/esm/index.mjs +13 -17
- package/dist/esm/stores/LocalDB.mjs +7 -0
- package/dist/esm/stores.mjs +4 -0
- package/dist/esm/utils/index.mjs +2 -0
- package/dist/esm/utils/objects/index.mjs +2 -0
- package/package.json +1 -1
- package/dist/cjs/chunks/ButtonBar-DwMLfvi8.js +0 -49
- package/dist/cjs/chunks/Card-D4YkmNC7.js +0 -34
- package/dist/cjs/chunks/DocIcons-BZI6JMyw.js +0 -108
- package/dist/cjs/components/Card/index.js +0 -10
- package/dist/cjs/components/DocIcon/index.js +0 -9
- package/dist/css/flexBox.module.css +0 -85
- package/dist/css/type.module.css +0 -206
- package/dist/esm/chunks/ButtonBar-Cw73kooJ.mjs +0 -62
- package/dist/esm/chunks/Card-DGlv1PII.mjs +0 -42
- package/dist/esm/chunks/DocIcons-B4xsPrXM.mjs +0 -114
- package/dist/esm/components/Card/index.mjs +0 -31
- package/dist/esm/components/DocIcon/index.mjs +0 -25
- package/dist/types/components/Avatar/Avatar.d.ts +0 -3
- package/dist/types/components/Avatar/_types.d.ts +0 -20
- package/dist/types/components/Avatar/index.d.ts +0 -2
- package/dist/types/components/AvatarGroup/AvatarGroup.d.ts +0 -3
- package/dist/types/components/AvatarGroup/_types.d.ts +0 -23
- package/dist/types/components/AvatarGroup/index.d.ts +0 -2
- package/dist/types/components/Badge/Badge.d.ts +0 -3
- package/dist/types/components/Badge/_types.d.ts +0 -8
- package/dist/types/components/Badge/index.d.ts +0 -2
- package/dist/types/components/Button/Button.d.ts +0 -74
- package/dist/types/components/Button/_types.d.ts +0 -44
- package/dist/types/components/Button/index.d.ts +0 -2
- package/dist/types/components/ButtonBar/ButtonBar.d.ts +0 -2
- package/dist/types/components/ButtonBar/_types.d.ts +0 -17
- package/dist/types/components/ButtonBar/index.d.ts +0 -2
- package/dist/types/components/Camera/Camera.d.ts +0 -11
- package/dist/types/components/Camera/_types.d.ts +0 -79
- package/dist/types/components/Camera/index.d.ts +0 -2
- package/dist/types/components/Card/Card.d.ts +0 -3
- package/dist/types/components/Card/_types.d.ts +0 -14
- package/dist/types/components/Card/index.d.ts +0 -2
- package/dist/types/components/CheckBox/CheckBox.d.ts +0 -3
- package/dist/types/components/CheckBox/_types.d.ts +0 -11
- package/dist/types/components/CheckBox/index.d.ts +0 -2
- package/dist/types/components/Chip/Chip.d.ts +0 -3
- package/dist/types/components/Chip/_types.d.ts +0 -20
- package/dist/types/components/Chip/index.d.ts +0 -3
- package/dist/types/components/DivInput/DivInput.d.ts +0 -3
- package/dist/types/components/DivInput/_types.d.ts +0 -23
- package/dist/types/components/DivInput/index.d.ts +0 -2
- package/dist/types/components/DocIcon/DocIcons.d.ts +0 -3
- package/dist/types/components/DocIcon/_types.d.ts +0 -7
- package/dist/types/components/DocIcon/index.d.ts +0 -2
- package/dist/types/components/Dot/Dot.d.ts +0 -3
- package/dist/types/components/Dot/_types.d.ts +0 -19
- package/dist/types/components/Dot/index.d.ts +0 -2
- package/dist/types/components/DraggablePanel/DrggablePanel.d.ts +0 -44
- package/dist/types/components/DraggablePanel/_types.d.ts +0 -5
- package/dist/types/components/DraggablePanel/index.d.ts +0 -1
- package/dist/types/components/DropDown/DropDown.d.ts +0 -4
- package/dist/types/components/DropDown/_types.d.ts +0 -34
- package/dist/types/components/DropDown/index.d.ts +0 -2
- package/dist/types/components/ErrorSummary/ErrorSummary.d.ts +0 -4
- package/dist/types/components/ErrorSummary/_types.d.ts +0 -12
- package/dist/types/components/ErrorSummary/index.d.ts +0 -2
- package/dist/types/components/FileIcon/FileIcon.d.ts +0 -3
- package/dist/types/components/FileIcon/_types.d.ts +0 -27
- package/dist/types/components/FileIcon/fileIconRegistry.d.ts +0 -4
- package/dist/types/components/FileIcon/index.d.ts +0 -3
- package/dist/types/components/FileList/FileList.d.ts +0 -3
- package/dist/types/components/FileList/_types.d.ts +0 -24
- package/dist/types/components/FileList/index.d.ts +0 -2
- package/dist/types/components/FlexDiv/FlexDiv.d.ts +0 -60
- package/dist/types/components/FlexDiv/_types.d.ts +0 -34
- package/dist/types/components/FlexDiv/index.d.ts +0 -2
- package/dist/types/components/Grouper/Grouper.d.ts +0 -3
- package/dist/types/components/Grouper/_types.d.ts +0 -20
- package/dist/types/components/Grouper/index.d.ts +0 -2
- package/dist/types/components/Icon/Icon.d.ts +0 -3
- package/dist/types/components/Icon/_types.d.ts +0 -131
- package/dist/types/components/Icon/iconRegistry.d.ts +0 -17
- package/dist/types/components/Icon/index.d.ts +0 -2
- package/dist/types/components/IconButton/IconButton.d.ts +0 -3
- package/dist/types/components/IconButton/_types.d.ts +0 -34
- package/dist/types/components/IconButton/index.d.ts +0 -2
- package/dist/types/components/Label/Label.d.ts +0 -2
- package/dist/types/components/Label/_types.d.ts +0 -16
- package/dist/types/components/Label/index.d.ts +0 -2
- package/dist/types/components/Overlay/Overlay.d.ts +0 -3
- package/dist/types/components/Overlay/_types.d.ts +0 -12
- package/dist/types/components/Overlay/index.d.ts +0 -2
- package/dist/types/components/Pager/Pager.d.ts +0 -3
- package/dist/types/components/Pager/_types.d.ts +0 -13
- package/dist/types/components/Pager/index.d.ts +0 -2
- package/dist/types/components/Progress/DoneCheck/DoneCheck.d.ts +0 -3
- package/dist/types/components/Progress/DoneCheck/_types.d.ts +0 -13
- package/dist/types/components/Progress/ProgressIndicator/ProgressIndicator.d.ts +0 -3
- package/dist/types/components/Progress/ProgressIndicator/_types.d.ts +0 -14
- package/dist/types/components/Progress/index.d.ts +0 -4
- package/dist/types/components/PromptInput/PromptInput.d.ts +0 -63
- package/dist/types/components/PromptInput/_types.d.ts +0 -35
- package/dist/types/components/PromptInput/index.d.ts +0 -2
- package/dist/types/components/RadioButton/RadioButton.d.ts +0 -3
- package/dist/types/components/RadioButton/_types.d.ts +0 -26
- package/dist/types/components/RadioButton/index.d.ts +0 -2
- package/dist/types/components/RadioButtonList/RadioButtonList.d.ts +0 -3
- package/dist/types/components/RadioButtonList/_types.d.ts +0 -24
- package/dist/types/components/RadioButtonList/index.d.ts +0 -2
- package/dist/types/components/Slider/Slider.d.ts +0 -3
- package/dist/types/components/Slider/_types.d.ts +0 -18
- package/dist/types/components/Slider/index.d.ts +0 -2
- package/dist/types/components/Spacer/Spacer.d.ts +0 -3
- package/dist/types/components/Spacer/_types.d.ts +0 -6
- package/dist/types/components/Spacer/index.d.ts +0 -2
- package/dist/types/components/Switch/Switch.d.ts +0 -3
- package/dist/types/components/Switch/Switch.stories.d.ts +0 -5
- package/dist/types/components/Switch/_types.d.ts +0 -13
- package/dist/types/components/Switch/index.d.ts +0 -2
- package/dist/types/components/TabBar/TabBar.d.ts +0 -3
- package/dist/types/components/TabBar/_types.d.ts +0 -52
- package/dist/types/components/TabBar/index.d.ts +0 -2
- package/dist/types/components/TextArea/TextArea.d.ts +0 -3
- package/dist/types/components/TextArea/_types.d.ts +0 -41
- package/dist/types/components/TextArea/index.d.ts +0 -2
- package/dist/types/components/Textfield/TextField.d.ts +0 -3
- package/dist/types/components/Textfield/_types.d.ts +0 -79
- package/dist/types/components/Textfield/index.d.ts +0 -2
- package/dist/types/components/Tip/Tip.d.ts +0 -3
- package/dist/types/components/Tip/_types.d.ts +0 -28
- package/dist/types/components/Tip/index.d.ts +0 -2
- package/dist/types/components/Toast/Toast.d.ts +0 -3
- package/dist/types/components/Toast/_types.d.ts +0 -24
- package/dist/types/components/Toast/index.d.ts +0 -2
- package/dist/types/components/UploadArea/UploadArea.d.ts +0 -54
- package/dist/types/components/UploadArea/_types.d.ts +0 -46
- package/dist/types/components/UploadArea/index.d.ts +0 -3
- package/dist/types/components/playHelpers.d.ts +0 -35
- package/dist/types/components/sharedTypes.d.ts +0 -21
- package/dist/types/hooks/index.d.ts +0 -9
- package/dist/types/hooks/useDoubleClick/useDoubleClick.d.ts +0 -1
- package/dist/types/hooks/useKeyboardShortcuts/useKeyboardShortcuts.d.ts +0 -9
- package/dist/types/hooks/useLastUpdated/useLastUpdated.d.ts +0 -4
- package/dist/types/hooks/useLocalStore/useLocalStore.d.ts +0 -1
- package/dist/types/hooks/useObserveResize/useObserveResize.d.ts +0 -9
- package/dist/types/hooks/useObserveTheme/useObserveTheme.d.ts +0 -2
- package/dist/types/hooks/useTheme/useTheme.d.ts +0 -47
- package/dist/types/hooks/useToolTip/useToolTip.d.ts +0 -6
- package/dist/types/hooks/useTrackRenders/useTrackRenders.d.ts +0 -5
- package/dist/types/hooks/useWindow/useWindow.d.ts +0 -43
- package/dist/types/index.d.ts +0 -78
- package/dist/types/providers/ThemeProvider.d.ts +0 -13
- package/dist/types/providers/index.d.ts +0 -1
- package/dist/types/stores/SSE/_types.d.ts +0 -17
- package/dist/types/stores/SSE/index.d.ts +0 -2
- package/dist/types/stores/SSE/sseStore.d.ts +0 -28
- package/dist/types/stores/WS/_types.d.ts +0 -17
- package/dist/types/stores/WS/index.d.ts +0 -2
- package/dist/types/stores/WS/wsStore.d.ts +0 -19
- package/dist/types/stores/index.d.ts +0 -5
- package/dist/types/stores/tip/_types.d.ts +0 -8
- package/dist/types/stores/tip/index.d.ts +0 -2
- package/dist/types/stores/tip/tipStore.d.ts +0 -12
- package/dist/types/stores/toast/_types.d.ts +0 -14
- package/dist/types/stores/toast/index.d.ts +0 -2
- package/dist/types/stores/toast/toastStore.d.ts +0 -12
- package/dist/types/stores/uploads/_types.d.ts +0 -16
- package/dist/types/stores/uploads/index.d.ts +0 -2
- package/dist/types/stores/uploads/uploadsStore.d.ts +0 -22
- package/dist/types/stores/window/_types.d.ts +0 -33
- package/dist/types/stores/window/index.d.ts +0 -3
- package/dist/types/stores/window/windowStore.d.ts +0 -25
- package/dist/types/theme/colors/colors.d.ts +0 -6
- package/dist/types/theme/colors/types.d.ts +0 -174
- package/dist/types/theme/corners/corners.d.ts +0 -2
- package/dist/types/theme/corners/types.d.ts +0 -10
- package/dist/types/theme/elevations/_types.d.ts +0 -10
- package/dist/types/theme/elevations/elevations.d.ts +0 -5
- package/dist/types/theme/index.d.ts +0 -9
- package/dist/types/theme/motion/_types.d.ts +0 -8
- package/dist/types/theme/motion/motion.d.ts +0 -5
- package/dist/types/theme/themes.d.ts +0 -16
- package/dist/types/theme/type/type.d.ts +0 -5
- package/dist/types/theme/type/types.d.ts +0 -25
- package/dist/types/utils/functions/colors.d.ts +0 -8
- package/dist/types/utils/functions/debounce.d.ts +0 -9
- package/dist/types/utils/functions/files.d.ts +0 -15
- package/dist/types/utils/functions/misc.d.ts +0 -61
- package/dist/types/utils/index.d.ts +0 -5
- package/dist/types/utils/objects/SSEConnection/SSEConnection.d.ts +0 -187
- package/dist/types/utils/objects/WSConnection/WSConnection.d.ts +0 -159
- package/dist/types/utils/objects/index.d.ts +0 -4
- package/dist/types/workers/uploads/uploads-worker.d.ts +0 -129
- package/dist/types/workers/uploads/uploads.d.ts +0 -1
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var ButtonBar = require("../../chunks/ButtonBar-
|
|
3
|
+
var ButtonBar = require("../../chunks/ButtonBar-CFAb4bfQ.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"),
|
|
6
|
+
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-N0YJuKQf.js"),
|
|
6
7
|
require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"),
|
|
7
8
|
require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"),
|
|
8
9
|
require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"),
|
|
9
|
-
require("../../chunks/
|
|
10
|
-
require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Dot-_HCJ3qxd.js"),
|
|
11
|
-
require("../../chunks/Icon-N0YJuKQf.js"), require("../../chunks/misc-BTF7BCZW.js"),
|
|
12
|
-
require("../../chunks/sharedTypes-gCECyn2N.js"), exports.ButtonBar = ButtonBar.ButtonBar;
|
|
10
|
+
require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.ButtonBar = ButtonBar.ButtonBar;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var Camera = require("../../chunks/Camera-
|
|
3
|
+
var Camera = require("../../chunks/Camera-BGV_tNUP.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"),
|
|
6
6
|
require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"),
|
|
7
7
|
require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"),
|
|
8
8
|
require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"),
|
|
9
9
|
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/colors-njquvHkx.js"),
|
|
10
|
-
require("../../chunks/Avatar-
|
|
10
|
+
require("../../chunks/Avatar-Czt-12Ih.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"),
|
|
11
11
|
require("../../chunks/Icon-N0YJuKQf.js"), exports.Camera = Camera.Camera;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var CheckBox = require("../../chunks/CheckBox-
|
|
3
|
+
var CheckBox = require("../../chunks/CheckBox-DyOgP15i.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"),
|
|
6
6
|
require("react"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-N0YJuKQf.js"),
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var Chip = require("../../chunks/Chip-
|
|
3
|
+
var Chip = require("../../chunks/Chip-Z8erRdWG.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"),
|
|
6
|
+
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-N0YJuKQf.js"),
|
|
6
7
|
require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"),
|
|
7
8
|
require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"),
|
|
8
9
|
require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"),
|
|
9
|
-
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-N0YJuKQf.js"),
|
|
10
10
|
require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/sharedTypes-gCECyn2N.js"),
|
|
11
11
|
exports.Chip = Chip.Chip;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var FileList = require("../../chunks/FileList-
|
|
3
|
+
var FileList = require("../../chunks/FileList-CCAtVNDo.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"),
|
|
6
6
|
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/FileIcon-CZLe2S2l.js"),
|
|
@@ -8,5 +8,5 @@ require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require(".
|
|
|
8
8
|
require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"),
|
|
9
9
|
require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"),
|
|
10
10
|
require("../../chunks/Icon-N0YJuKQf.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"),
|
|
11
|
-
require("../../chunks/ProgressIndicator-
|
|
11
|
+
require("../../chunks/ProgressIndicator-CyFcr6Dk.js"), require("motion/react"),
|
|
12
12
|
exports.FileList = FileList.FileList;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var ProgressIndicator = require("../../chunks/ProgressIndicator-
|
|
3
|
+
var ProgressIndicator = require("../../chunks/ProgressIndicator-CyFcr6Dk.js");
|
|
4
4
|
|
|
5
5
|
require("react/jsx-runtime"), require("react"), require("../../hooks/useTheme.js"),
|
|
6
6
|
require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"),
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var PromptInput = require("../../chunks/PromptInput-
|
|
3
|
+
var PromptInput = require("../../chunks/PromptInput-B-Wlfnhx.js");
|
|
4
4
|
|
|
5
5
|
require("react/jsx-runtime"), require("react"), require("../../hooks/useTheme.js"),
|
|
6
6
|
require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"),
|
|
7
7
|
require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"),
|
|
8
8
|
require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"),
|
|
9
|
-
require("../../chunks/Button-
|
|
9
|
+
require("../../chunks/Button-mVVfNCqC.js"), require("../../chunks/tslib.es6-C8dZW5nY.js"),
|
|
10
10
|
require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"),
|
|
11
11
|
require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-N0YJuKQf.js"),
|
|
12
|
-
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-
|
|
13
|
-
require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-
|
|
12
|
+
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-CyFcr6Dk.js"),
|
|
13
|
+
require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-CCAtVNDo.js"),
|
|
14
14
|
require("../../chunks/FileIcon-CZLe2S2l.js"), exports.PromptInput = PromptInput.PromptInput;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var TextArea = require("../../chunks/TextArea-
|
|
3
|
+
var TextArea = require("../../chunks/TextArea-D7E8loob.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"),
|
|
6
|
-
require("../../chunks/Button-
|
|
6
|
+
require("../../chunks/Button-mVVfNCqC.js"), require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"),
|
|
7
7
|
require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Dot-_HCJ3qxd.js"),
|
|
8
8
|
require("../../chunks/Icon-N0YJuKQf.js"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"),
|
|
9
9
|
require("../../theme/colors.js"), require("../../theme/corners.js"), require("../../theme/elevations.js"),
|
|
10
10
|
require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"),
|
|
11
|
-
require("../../hooks/useWindow.js"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-
|
|
11
|
+
require("../../hooks/useWindow.js"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-CyFcr6Dk.js"),
|
|
12
12
|
require("../../chunks/sharedTypes-gCECyn2N.js"), exports.TextArea = TextArea.TextArea;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var TextField = require("../../chunks/TextField-
|
|
3
|
+
var TextField = require("../../chunks/TextField-BAcYBHb1.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"),
|
|
6
6
|
require("react"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"),
|
|
7
7
|
require("../../theme/colors.js"), require("../../theme/corners.js"), require("../../theme/elevations.js"),
|
|
8
8
|
require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"),
|
|
9
|
-
require("../../hooks/useWindow.js"), require("../../chunks/Button-
|
|
9
|
+
require("../../hooks/useWindow.js"), require("../../chunks/Button-mVVfNCqC.js"),
|
|
10
10
|
require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"),
|
|
11
11
|
require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-N0YJuKQf.js"),
|
|
12
|
-
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-
|
|
12
|
+
require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-CyFcr6Dk.js"),
|
|
13
13
|
require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/IconButton-BXotgG2u.js"),
|
|
14
14
|
exports.TextField = TextField.TextField;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var UploadArea = require("../../chunks/UploadArea-
|
|
3
|
+
var UploadArea = require("../../chunks/UploadArea-Bfrwzo4O.js");
|
|
4
4
|
|
|
5
5
|
require("react/jsx-runtime"), require("react"), require("../../chunks/misc-BTF7BCZW.js"),
|
|
6
|
-
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-
|
|
6
|
+
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-CCAtVNDo.js"),
|
|
7
7
|
require("../../chunks/FileIcon-CZLe2S2l.js"), require("../../hooks/useTheme.js"),
|
|
8
8
|
require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"),
|
|
9
9
|
require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"),
|
|
10
10
|
require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"),
|
|
11
11
|
require("../../chunks/Icon-N0YJuKQf.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"),
|
|
12
|
-
require("../../chunks/ProgressIndicator-
|
|
12
|
+
require("../../chunks/ProgressIndicator-CyFcr6Dk.js"), require("motion/react"),
|
|
13
13
|
exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes,
|
|
14
14
|
exports.audioTypes = UploadArea.audioTypes, exports.documentTypes = UploadArea.documentTypes,
|
|
15
15
|
exports.imageTypes = UploadArea.imageTypes, exports.textTypes = UploadArea.textTypes,
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), Avatar = require("./chunks/Avatar-
|
|
3
|
+
var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), Avatar = require("./chunks/Avatar-Czt-12Ih.js"), AvatarGroup = require("./chunks/AvatarGroup-CGH2zY7a.js"), Badge = require("./chunks/Badge-CY_DG6cD.js"), IconButton = require("./chunks/IconButton-BXotgG2u.js"), Camera = require("./chunks/Camera-BGV_tNUP.js"), CheckBox = require("./chunks/CheckBox-DyOgP15i.js"), DivInput = require("./chunks/DivInput-DdZA8S1k.js"), Dot = require("./chunks/Dot-_HCJ3qxd.js"), DrggablePanel = require("./chunks/DrggablePanel-CkhCXqKv.js"), DropDown = require("./chunks/DropDown-Ce8aU2va.js"), ErrorSummary = require("./chunks/ErrorSummary-By4CjJ9a.js"), Grouper = require("./chunks/Grouper-BbovOSYw.js"), Overlay = require("./chunks/Overlay-BX6vXX9F.js"), FlexDiv = require("./chunks/FlexDiv-B3q6j3W9.js"), Pager = require("./chunks/Pager-Da9AqSFN.js"), PromptInput = require("./chunks/PromptInput-B-Wlfnhx.js"), ProgressIndicator = require("./chunks/ProgressIndicator-CyFcr6Dk.js"), RadioButton = require("./chunks/RadioButton-B8GIKGm-.js"), RadioButtonList = require("./chunks/RadioButtonList-3o1IvhdC.js"), Slider = require("./chunks/Slider-CnXBacf-.js"), Spacer = require("./chunks/Spacer-CtxV2Pww.js"), Switch = require("./chunks/Switch-BiTshVLM.js"), TabBar = require("./chunks/TabBar-DZ2y7owf.js"), TextArea = require("./chunks/TextArea-D7E8loob.js"), TextField = require("./chunks/TextField-BAcYBHb1.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-59T3TUN4.js"), Toast = require("./chunks/Toast-skIBuJ3b.js"), Button = require("./chunks/Button-mVVfNCqC.js"), Chip = require("./chunks/Chip-Z8erRdWG.js"), FileIcon = require("./chunks/FileIcon-CZLe2S2l.js"), Icon = require("./chunks/Icon-N0YJuKQf.js"), _types = require("./chunks/_types-BD6txsj1.js"), ButtonBar = require("./chunks/ButtonBar-CFAb4bfQ.js"), Label = require("./chunks/Label-CZvJbATa.js"), UploadArea = require("./chunks/UploadArea-Bfrwzo4O.js");
|
|
4
4
|
|
|
5
5
|
require("./theme/corners.js"), require("./theme/type.js"), require("react"), require("./chunks/tslib.es6-C8dZW5nY.js"),
|
|
6
6
|
require("react/jsx-runtime"), require("./chunks/misc-BTF7BCZW.js"), require("./chunks/style-inject.es-CMuL-BfJ.js"),
|
|
7
|
-
require("motion/react"), require("./chunks/colors-njquvHkx.js"), require("./chunks/FileList-
|
|
7
|
+
require("motion/react"), require("./chunks/colors-njquvHkx.js"), require("./chunks/FileList-CCAtVNDo.js"),
|
|
8
8
|
require("./chunks/debounce-BF4i6uIC.js"), Object.defineProperty(exports, "ToolTipType", {
|
|
9
9
|
enumerable: !0,
|
|
10
10
|
get: function() {
|
|
@@ -20,11 +20,10 @@ exports.useLastUpdated = hooks_useLastUpdated.useLastUpdated, exports.useLocalSt
|
|
|
20
20
|
exports.useWindow = hooks_useWindow.useWindow, exports.useObserveResize = hooks_useObserveResize.useObserveResize,
|
|
21
21
|
exports.Avatar = Avatar.Avatar, exports.AvatarGroup = AvatarGroup.AvatarGroup, exports.Badge = Badge.Badge,
|
|
22
22
|
exports.IconButton = IconButton.IconButton, exports.Camera = Camera.Camera, exports.CheckBox = CheckBox.CheckBox,
|
|
23
|
-
exports.DivInput = DivInput.DivInput, exports.
|
|
24
|
-
exports.
|
|
25
|
-
exports.
|
|
26
|
-
exports.
|
|
27
|
-
exports.PromptInput = PromptInput.PromptInput, exports.DoneCheck = ProgressIndicator.DoneCheck,
|
|
23
|
+
exports.DivInput = DivInput.DivInput, exports.Dot = Dot.Dot, exports.DraggablePanel = DrggablePanel.DraggablePanel,
|
|
24
|
+
exports.DropDown = DropDown.DropDown, exports.ErrorSummary = ErrorSummary.ErrorSummary,
|
|
25
|
+
exports.Grouper = Grouper.Grouper, exports.Overlay = Overlay.Overlay, exports.FlexDiv = FlexDiv.FlexDiv,
|
|
26
|
+
exports.Pager = Pager.Pager, exports.PromptInput = PromptInput.PromptInput, exports.DoneCheck = ProgressIndicator.DoneCheck,
|
|
28
27
|
exports.ProgressIndicator = ProgressIndicator.ProgressIndicator, exports.RadioButton = RadioButton.RadioButton,
|
|
29
28
|
exports.RadioButtonList = RadioButtonList.RadioButtonList, exports.Slider = Slider.Slider,
|
|
30
29
|
exports.Spacer = Spacer.Spacer, exports.Switch = Switch.Switch, exports.TabBar = TabBar.TabBar,
|
|
@@ -41,7 +40,7 @@ Object.defineProperty(exports, "FileIconNames", {
|
|
|
41
40
|
return FileIcon.FileIconNames;
|
|
42
41
|
}
|
|
43
42
|
}), exports.Icon = Icon.Icon, exports.SliceIcons = _types.SliceIcons, exports.ButtonBar = ButtonBar.ButtonBar,
|
|
44
|
-
exports.
|
|
45
|
-
exports.
|
|
46
|
-
exports.
|
|
47
|
-
exports.
|
|
43
|
+
exports.Label = Label.Label, exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes,
|
|
44
|
+
exports.audioTypes = UploadArea.audioTypes, exports.documentTypes = UploadArea.documentTypes,
|
|
45
|
+
exports.imageTypes = UploadArea.imageTypes, exports.textTypes = UploadArea.textTypes,
|
|
46
|
+
exports.videoTypes = UploadArea.videoTypes;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var localDBStore = require("../chunks/localDBStore-Cl1YFPIe.js");
|
|
4
|
+
|
|
5
|
+
require("../chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), require("../chunks/IndexedDB-BxQn7aHU.js"),
|
|
6
|
+
exports.localDBActions = localDBStore.localDBActions, exports.useLocalDB = localDBStore.useLocalDB,
|
|
7
|
+
exports.useLocalDBError = localDBStore.useLocalDBError, exports.useLocalDBStore = localDBStore.useLocalDBStore,
|
|
8
|
+
exports.useLocalDBValues = localDBStore.useLocalDBValues;
|
package/dist/cjs/stores.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var windowStore = require("./chunks/windowStore-CCxCOUqa.js"), uploadsStore = require("./chunks/uploadsStore-CxWIctvI.js"), tipStore = require("./chunks/tipStore-Ck4NLvml.js"), toastStore = require("./chunks/toastStore-CSStgB9d.js"), sseStore = require("./chunks/sseStore-1OeJ9TRP.js");
|
|
3
|
+
var windowStore = require("./chunks/windowStore-CCxCOUqa.js"), uploadsStore = require("./chunks/uploadsStore-CxWIctvI.js"), tipStore = require("./chunks/tipStore-Ck4NLvml.js"), toastStore = require("./chunks/toastStore-CSStgB9d.js"), localDBStore = require("./chunks/localDBStore-Cl1YFPIe.js"), sseStore = require("./chunks/sseStore-1OeJ9TRP.js");
|
|
4
4
|
|
|
5
5
|
require("./chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), require("./chunks/uploads-worker-mD8pcsGP.js"),
|
|
6
|
-
require("./chunks/
|
|
6
|
+
require("./chunks/IndexedDB-BxQn7aHU.js"), require("./chunks/SSEConnection-C-1OzEOp.js"),
|
|
7
|
+
Object.defineProperty(exports, "FormFactor", {
|
|
7
8
|
enumerable: !0,
|
|
8
9
|
get: function() {
|
|
9
10
|
return windowStore.FormFactor;
|
|
@@ -30,7 +31,10 @@ exports.tipActions = tipStore.tipActions, exports.useTip = tipStore.useTip, expo
|
|
|
30
31
|
exports.useTipStore = tipStore.useTipStore, exports.getToast = toastStore.getToast,
|
|
31
32
|
exports.toastActions = toastStore.toastActions, exports.useToast = toastStore.useToast,
|
|
32
33
|
exports.useToastActions = toastStore.useToastActions, exports.useToastStore = toastStore.useToastStore,
|
|
33
|
-
exports.
|
|
34
|
-
exports.
|
|
35
|
-
exports.
|
|
34
|
+
exports.localDBActions = localDBStore.localDBActions, exports.useLocalDB = localDBStore.useLocalDB,
|
|
35
|
+
exports.useLocalDBError = localDBStore.useLocalDBError, exports.useLocalDBStore = localDBStore.useLocalDBStore,
|
|
36
|
+
exports.useLocalDBValues = localDBStore.useLocalDBValues, exports.useConnectionClose = sseStore.useConnectionClose,
|
|
37
|
+
exports.useConnectionMessage = sseStore.useConnectionMessage, exports.useIsConnected = sseStore.useIsConnected,
|
|
38
|
+
exports.useLastSSEMessage = sseStore.useLastSSEMessage, exports.useMessage = sseStore.useMessage,
|
|
39
|
+
exports.useSSE = sseStore.useSSE, exports.useSSEActions = sseStore.useSSEActions,
|
|
36
40
|
exports.useSSEStore = sseStore.useSSEStore;
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var misc = require("../chunks/misc-BTF7BCZW.js"), debounce = require("../chunks/debounce-BF4i6uIC.js"), colors = require("../chunks/colors-njquvHkx.js"), SSEConnection = require("../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../chunks/WSConnection-DrOC8Z0R.js");
|
|
3
|
+
var misc = require("../chunks/misc-BTF7BCZW.js"), debounce = require("../chunks/debounce-BF4i6uIC.js"), colors = require("../chunks/colors-njquvHkx.js"), IndexedDB = require("../chunks/IndexedDB-BxQn7aHU.js"), SSEConnection = require("../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../chunks/WSConnection-DrOC8Z0R.js");
|
|
4
4
|
|
|
5
5
|
require("../chunks/tslib.es6-C8dZW5nY.js"), exports.copyToClipboard = misc.copyToClipboard,
|
|
6
6
|
exports.hexToRgb = misc.hexToRgb, exports.debounce = debounce.debounce, exports.addOpacity = colors.addOpacity,
|
|
7
|
-
exports.tintFromColor = colors.tintFromColor, exports.
|
|
8
|
-
exports.WSConnection = WSConnection.WSConnection;
|
|
7
|
+
exports.tintFromColor = colors.tintFromColor, exports.IndexedDB = IndexedDB.IndexedDB,
|
|
8
|
+
exports.SSEConnection = SSEConnection.SSEConnection, exports.WSConnection = WSConnection.WSConnection;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var SSEConnection = require("../../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../../chunks/WSConnection-DrOC8Z0R.js");
|
|
3
|
+
var IndexedDB = require("../../chunks/IndexedDB-BxQn7aHU.js"), SSEConnection = require("../../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../../chunks/WSConnection-DrOC8Z0R.js");
|
|
4
4
|
|
|
5
|
-
require("../../chunks/tslib.es6-C8dZW5nY.js"), exports.
|
|
6
|
-
exports.WSConnection = WSConnection.WSConnection;
|
|
5
|
+
require("../../chunks/tslib.es6-C8dZW5nY.js"), exports.IndexedDB = IndexedDB.IndexedDB,
|
|
6
|
+
exports.SSEConnection = SSEConnection.SSEConnection, exports.WSConnection = WSConnection.WSConnection;
|
|
@@ -10,10 +10,19 @@ import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
|
10
10
|
|
|
11
11
|
var css_wrapper = "Avatar-module_wrapper__ab1D7 flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_user = "Avatar-module_user__ZQv0Q flexBox-module_row__z24tF type-module_body-m-regular__LuQBA";
|
|
12
12
|
|
|
13
|
-
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Avatar-module_wrapper__ab1D7 {\n\tposition: relative;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tborder:
|
|
13
|
+
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Avatar-module_wrapper__ab1D7 {\n\tposition: relative;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\tmax-height: var(--avatar-size);\n\tmax-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tborder: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);\n\tborder-radius: 100%;\n\toutline: 0;\n}\n\n.Avatar-module_user__ZQv0Q {\n\tfont-size: var(--avatar-font-size) !important;\n\theight: 100%;\n\twidth: 100%;\n\tline-height: 1em;\n\ttext-transform: uppercase;\n\tborder-radius: 100%;\n\tborder: var(--avatar-border) solid var(--avatar-border-color);\n\tbackground-color: var(--avatar-bg-color);\n\tcolor: var(--avatar-color);\n\tbackground-image: var(--avatar-bg-image);\n\tbackground-size: cover;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttransition: border-color var(--motion-water-duration) var(--motion-water) 0s;\n\t&:hover {\n\t\tborder-color: var(--avatar-border-color-hover);\n\t}\n}\n");
|
|
14
14
|
|
|
15
15
|
const Avatar = React.memo(props => {
|
|
16
|
-
|
|
16
|
+
var _a;
|
|
17
|
+
const {email: email, name: name, image: image = "", borderSize: borderSize = 0, color: color, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize, outerBorderColor: outerBorderColor, bgColor: bgColor, onClick: onClick, onKeyDown: onKeyDown, fontSize: fontSize, onToolTip: onToolTip = () => null, size: size = 34, frame: frame = 34, tabIndex: tabIndex = 0} = props, divAttributes = __rest(props, [ "email", "name", "image", "borderSize", "color", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "bgColor", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [textSize, setTextSize] = useState("inherit"), initials = useMemo(() => {
|
|
18
|
+
if (!name && !email) return "";
|
|
19
|
+
if (name) {
|
|
20
|
+
let last;
|
|
21
|
+
const parts = name.trim().split(" "), first = parts[0];
|
|
22
|
+
return parts.length > 1 && (last = parts.at(-1)), `${first.charAt(0)}${last ? last.charAt(0) : ""}`;
|
|
23
|
+
}
|
|
24
|
+
return email ? email.charAt(0) : void 0;
|
|
25
|
+
}, [ name, email ]), bgImage = useMemo(() => image ? `url(${image})` : "", [ image ]);
|
|
17
26
|
useEffect(() => {
|
|
18
27
|
var _a;
|
|
19
28
|
if (void 0 !== fontSize) {
|
|
@@ -32,27 +41,32 @@ const Avatar = React.memo(props => {
|
|
|
32
41
|
setTextSize(fontSize);
|
|
33
42
|
} else setTextSize("inherit");
|
|
34
43
|
}, [ fontSize ]);
|
|
35
|
-
const displayContent = useMemo(() =>
|
|
44
|
+
const displayContent = useMemo(() => image ? null : initials, [ image, initials ]), onMouseEnter = useCallback(event => {
|
|
45
|
+
var _a;
|
|
46
|
+
const payload = {
|
|
47
|
+
label: null !== (_a = null != name ? name : email) && void 0 !== _a ? _a : ""
|
|
48
|
+
};
|
|
36
49
|
onToolTip({
|
|
37
|
-
payload:
|
|
38
|
-
label: first
|
|
39
|
-
},
|
|
50
|
+
payload: payload,
|
|
40
51
|
event: event
|
|
41
52
|
});
|
|
42
|
-
}, [
|
|
53
|
+
}, [ name, email, onToolTip ]), onMouseLeave = useCallback(() => {
|
|
43
54
|
onToolTip(null);
|
|
44
55
|
}, [ onToolTip ]), handleKeyDown = useCallback(event => {
|
|
45
56
|
null == onKeyDown || onKeyDown(event), onClick && !event.defaultPrevented && accessibleKeyDown(event, () => onClick(event));
|
|
46
57
|
}, [ onClick, onKeyDown ]), avatarVars = useMemo(() => ({
|
|
47
58
|
"--avatar-size": setStyle(size),
|
|
48
59
|
"--avatar-frame": setStyle(frame),
|
|
49
|
-
"--avatar-border": `${
|
|
60
|
+
"--avatar-border": `${borderSize}px`,
|
|
50
61
|
"--avatar-color": null != color ? color : "var(--core-text-primary)",
|
|
51
62
|
"--avatar-bg-color": null != bgColor ? bgColor : "var(--core-surface-secondary)",
|
|
52
|
-
"--avatar-border-color": null != borderColor ? borderColor : "var(--core-
|
|
63
|
+
"--avatar-border-color": null != borderColor ? borderColor : "var(--core-outline-primary)",
|
|
64
|
+
"--avatar-border-color-hover": null != borderColorHover ? borderColorHover : "var(--core-outline-special)",
|
|
53
65
|
"--avatar-bg-image": `${bgImage}`,
|
|
54
|
-
"--avatar-font-size": setStyle(textSize)
|
|
55
|
-
|
|
66
|
+
"--avatar-font-size": setStyle(textSize),
|
|
67
|
+
"--avatar-outer-border-size": setStyle(outerBorderSize),
|
|
68
|
+
"--avatar-outer-border-color": null != outerBorderColor ? outerBorderColor : "var(--core-surface-primary)"
|
|
69
|
+
}), [ size, frame, borderSize, color, bgColor, borderColor, borderColorHover, bgImage, textSize, outerBorderSize, outerBorderColor ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
|
|
56
70
|
return jsx("div", Object.assign({
|
|
57
71
|
id: divId,
|
|
58
72
|
className: classNames,
|
|
@@ -63,7 +77,7 @@ const Avatar = React.memo(props => {
|
|
|
63
77
|
onKeyDown: handleKeyDown,
|
|
64
78
|
role: onClick ? "button" : "img",
|
|
65
79
|
tabIndex: onClick ? tabIndex : void 0,
|
|
66
|
-
"aria-label": `User Avatar - ${
|
|
80
|
+
"aria-label": `User Avatar - ${null !== (_a = null != name ? name : email) && void 0 !== _a ? _a : "Unknown User"}`
|
|
67
81
|
}, rest, {
|
|
68
82
|
children: jsx("div", {
|
|
69
83
|
ref: ref,
|
|
@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
4
4
|
|
|
5
5
|
import React, { useMemo } from "react";
|
|
6
6
|
|
|
7
|
-
import { A as Avatar } from "./Avatar-
|
|
7
|
+
import { A as Avatar } from "./Avatar-DCCbj2eA.mjs";
|
|
8
8
|
|
|
9
9
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
10
10
|
|
|
@@ -13,26 +13,28 @@ var css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4t
|
|
|
13
13
|
styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.AvatarGroup-module_wrapper__MtOyq {\n\tgap: var(--ag-gap);\n\tmargin: var(--ag-margin);\n}\n\n.AvatarGroup-module_avatar__5NVpW {\n\tdisplay: inline-block;\n\tmargin-left: var(--ag-overlap);\n\tborder-radius: 100%;\n\t&:first-child {\n\t\tmargin-left: 0;\n\t}\n}\n");
|
|
14
14
|
|
|
15
15
|
const AvatarGroup = React.memo(props => {
|
|
16
|
-
const {avatars: avatars = [], size: size = 32,
|
|
16
|
+
const {avatars: avatars = [], size: size = 32, borderSize: borderSize = 3, overlap: overlap = 8, gap: gap = 0, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize = 3, outerBorderColor: outerBorderColor = "var(--core-surface-primary)", margin: margin = 0, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "avatars", "size", "borderSize", "overlap", "gap", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "margin", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", cssVars = useMemo(() => ({
|
|
17
17
|
"--ag-gap": `${null != gap ? gap : 0}px`,
|
|
18
18
|
"--ag-margin": `${null != margin ? margin : 0}px`,
|
|
19
19
|
"--ag-overlap": (overlap > 0 ? -overlap : 0) + "px"
|
|
20
20
|
}), [ overlap, gap, margin ]), renderedAvatars = useMemo(() => avatars ? avatars.map((avatar, index) => jsx("div", {
|
|
21
21
|
className: css_avatar,
|
|
22
22
|
children: jsx(Avatar, {
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
name: `${avatar.first} ${avatar.last}`,
|
|
24
|
+
email: avatar.email,
|
|
25
25
|
image: avatar.image || avatar.avatar,
|
|
26
26
|
size: size,
|
|
27
27
|
frame: size,
|
|
28
|
-
|
|
28
|
+
borderSize: borderSize,
|
|
29
29
|
borderColor: borderColor,
|
|
30
|
+
borderColorHover: borderColorHover,
|
|
31
|
+
outerBorderSize: outerBorderSize,
|
|
32
|
+
outerBorderColor: outerBorderColor,
|
|
30
33
|
color: avatar.color,
|
|
31
34
|
bgColor: avatar.bgColor,
|
|
32
|
-
firstOnly: firstOnly,
|
|
33
35
|
onToolTip: onToolTip
|
|
34
36
|
})
|
|
35
|
-
}, `avatar_${avatar.email}_${index}`)) : null, [ avatars, size,
|
|
37
|
+
}, `avatar_${avatar.email}_${index}`)) : null, [ avatars, size, borderSize, borderColor, borderColorHover, outerBorderSize, outerBorderColor, onToolTip ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
|
|
36
38
|
return jsx("div", Object.assign({
|
|
37
39
|
id: divId,
|
|
38
40
|
className: classNames,
|