@memori.ai/memori-react 1.2.1 → 2.0.1
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/CHANGELOG.md +66 -0
- package/README.md +12 -2
- package/dist/components/AgeVerificationModal/AgeVerificationModal.css +63 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.d.ts +7 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js +39 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.test.d.ts +1 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.test.js +27 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.test.js.map +1 -0
- package/dist/components/AttachmentLinkModal/AttachmentLinkModal.stories.d.ts +2 -2
- package/dist/components/AttachmentMediaModal/AttachmentMediaModal.stories.d.ts +2 -2
- package/dist/components/Auth/Auth.stories.d.ts +5 -5
- package/dist/components/Avatar/Avatar.js +2 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.stories.d.ts +5 -5
- package/dist/components/AvatarView/AvatarView.stories.d.ts +10 -10
- package/dist/components/AvatarView/components/fullbodyAvatar.d.ts +2 -1
- package/dist/components/AvatarView/components/fullbodyAvatar.js +6 -3
- package/dist/components/AvatarView/components/fullbodyAvatar.js.map +1 -1
- package/dist/components/AvatarView/components/loader.js +3 -1
- package/dist/components/AvatarView/components/loader.js.map +1 -1
- package/dist/components/AvatarView/index.d.ts +2 -1
- package/dist/components/AvatarView/index.js +2 -2
- package/dist/components/AvatarView/index.js.map +1 -1
- package/dist/components/AvatarView/utils/useMouthSpeaking.js +3 -1
- package/dist/components/AvatarView/utils/useMouthSpeaking.js.map +1 -1
- package/dist/components/Blob/Blob.stories.d.ts +4 -4
- package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.stories.d.ts +5 -5
- package/dist/components/ChangeMode/ChangeMode.stories.d.ts +3 -3
- package/dist/components/Chat/Chat.stories.d.ts +12 -12
- package/dist/components/ChatBubble/ChatBubble.css +1 -2
- package/dist/components/ChatBubble/ChatBubble.stories.d.ts +7 -7
- package/dist/components/ChatInputs/ChatInputs.css +17 -6
- package/dist/components/ChatInputs/ChatInputs.js +2 -1
- package/dist/components/ChatInputs/ChatInputs.js.map +1 -1
- package/dist/components/ChatInputs/ChatInputs.stories.d.ts +9 -9
- package/dist/components/ChatTextArea/ChatTextArea.stories.d.ts +4 -4
- package/dist/components/CustomGLBModelViewer/ModelViewer.stories.d.ts +2 -2
- package/dist/components/DateSelector/DateSelector.css +135 -0
- package/dist/components/DateSelector/DateSelector.d.ts +9 -0
- package/dist/components/DateSelector/DateSelector.js +61 -0
- package/dist/components/DateSelector/DateSelector.js.map +1 -0
- package/dist/components/DateSelector/DateSelector.test.d.ts +1 -0
- package/dist/components/DateSelector/DateSelector.test.js +24 -0
- package/dist/components/DateSelector/DateSelector.test.js.map +1 -0
- package/dist/components/ExportHistoryButton/ExportHistoryButton.stories.d.ts +5 -5
- package/dist/components/FeedbackButtons/FeedbackButtons.stories.d.ts +4 -4
- package/dist/components/Header/Header.d.ts +1 -0
- package/dist/components/Header/Header.js +26 -2
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/Header/Header.stories.d.ts +7 -7
- package/dist/components/ImageUpload/ImageUpload.css +2 -2
- package/dist/components/ImageUpload/ImageUpload.stories.d.ts +8 -8
- package/dist/components/MediaWidget/LinkItemWidget.d.ts +2 -1
- package/dist/components/MediaWidget/LinkItemWidget.js +10 -2
- package/dist/components/MediaWidget/LinkItemWidget.js.map +1 -1
- package/dist/components/MediaWidget/LinkItemWidget.stories.d.ts +2 -2
- package/dist/components/MediaWidget/MediaItemWidget.css +67 -0
- package/dist/components/MediaWidget/MediaItemWidget.d.ts +3 -1
- package/dist/components/MediaWidget/MediaItemWidget.js +44 -72
- package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/dist/components/MediaWidget/MediaItemWidget.stories.d.ts +3 -3
- package/dist/components/MediaWidget/MediaWidget.css +13 -4
- package/dist/components/MediaWidget/MediaWidget.js +10 -7
- package/dist/components/MediaWidget/MediaWidget.js.map +1 -1
- package/dist/components/MediaWidget/MediaWidget.stories.d.ts +5 -5
- package/dist/components/MemoriWidget/MemoriWidget.css +1 -23
- package/dist/components/MemoriWidget/MemoriWidget.d.ts +3 -2
- package/dist/components/MemoriWidget/MemoriWidget.js +92 -25
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.stories.d.ts +8 -8
- package/dist/components/PoweredBy/PoweredBy.css +45 -0
- package/dist/components/PoweredBy/PoweredBy.stories.d.ts +4 -4
- package/dist/components/SendOnEnterMenu/SendOnEnterMenu.stories.d.ts +3 -3
- package/dist/components/SettingsDrawer/SettingsDrawer.css +5 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.d.ts +13 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.js +27 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.test.d.ts +1 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.test.js +27 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.test.js.map +1 -0
- package/dist/components/ShareButton/ShareButton.stories.d.ts +4 -4
- package/dist/components/Snippet/Snippet.stories.d.ts +15 -15
- package/dist/components/StartPanel/StartPanel.css +11 -5
- package/dist/components/StartPanel/StartPanel.d.ts +1 -1
- package/dist/components/StartPanel/StartPanel.js +10 -7
- package/dist/components/StartPanel/StartPanel.js.map +1 -1
- package/dist/components/StartPanel/StartPanel.stories.d.ts +6 -6
- package/dist/components/StartPanel/StartPanel.test.js +7 -0
- package/dist/components/StartPanel/StartPanel.test.js.map +1 -1
- package/dist/components/UploadMenu/UploadMenu.stories.d.ts +4 -4
- package/dist/components/icons/Refresh.d.ts +5 -0
- package/dist/components/icons/Refresh.js +6 -0
- package/dist/components/icons/Refresh.js.map +1 -0
- package/dist/components/icons/SelectIcon.d.ts +5 -0
- package/dist/components/icons/SelectIcon.js +6 -0
- package/dist/components/icons/SelectIcon.js.map +1 -0
- package/dist/components/icons/icons.stories.d.ts +2 -2
- package/dist/components/layouts/FullPage.d.ts +17 -0
- package/dist/components/layouts/FullPage.js +8 -0
- package/dist/components/layouts/FullPage.js.map +1 -0
- package/dist/components/layouts/FullPage.test.d.ts +1 -0
- package/dist/components/layouts/FullPage.test.js +12 -0
- package/dist/components/layouts/FullPage.test.js.map +1 -0
- package/dist/components/layouts/Totem.d.ts +17 -0
- package/dist/components/layouts/Totem.js +8 -0
- package/dist/components/layouts/Totem.js.map +1 -0
- package/dist/components/layouts/Totem.test.d.ts +1 -0
- package/dist/components/layouts/Totem.test.js +12 -0
- package/dist/components/layouts/Totem.test.js.map +1 -0
- package/dist/components/layouts/totem.css +148 -0
- package/dist/components/ui/Button.css +4 -10
- package/dist/components/ui/Button.stories.d.ts +14 -14
- package/dist/components/ui/Card.stories.d.ts +7 -7
- package/dist/components/ui/Checkbox.css +1 -5
- package/dist/components/ui/Checkbox.d.ts +2 -0
- package/dist/components/ui/Checkbox.js +2 -2
- package/dist/components/ui/Checkbox.js.map +1 -1
- package/dist/components/ui/Checkbox.stories.d.ts +5 -5
- package/dist/components/ui/Drawer.css +24 -2
- package/dist/components/ui/Drawer.stories.d.ts +9 -9
- package/dist/components/ui/Modal.stories.d.ts +9 -9
- package/dist/components/ui/Select.css +135 -0
- package/dist/components/ui/Select.d.ts +15 -0
- package/dist/components/ui/Select.js +17 -0
- package/dist/components/ui/Select.js.map +1 -0
- package/dist/components/ui/Select.test.d.ts +1 -0
- package/dist/components/ui/Select.test.js +47 -0
- package/dist/components/ui/Select.test.js.map +1 -0
- package/dist/components/ui/Spin.css +2 -0
- package/dist/components/ui/Spin.stories.d.ts +4 -4
- package/dist/components/ui/Tooltip.stories.d.ts +6 -6
- package/dist/components/ui/definitions.stories.d.ts +2 -3
- package/dist/helpers/configuration.js +2 -0
- package/dist/helpers/configuration.js.map +1 -1
- package/dist/helpers/utils.js +1 -1
- package/dist/helpers/utils.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.stories.d.ts +2 -2
- package/dist/locales/en.json +17 -0
- package/dist/locales/it.json +17 -0
- package/dist/mocks/data.js +5 -2
- package/dist/mocks/data.js.map +1 -1
- package/dist/styles.css +51 -1
- package/esm/components/AgeVerificationModal/AgeVerificationModal.css +63 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.d.ts +7 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js +36 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.test.d.ts +1 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.test.js +24 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.test.js.map +1 -0
- package/esm/components/Avatar/Avatar.js +2 -2
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/AvatarView/components/fullbodyAvatar.d.ts +2 -1
- package/esm/components/AvatarView/components/fullbodyAvatar.js +7 -4
- package/esm/components/AvatarView/components/fullbodyAvatar.js.map +1 -1
- package/esm/components/AvatarView/components/loader.js +2 -1
- package/esm/components/AvatarView/components/loader.js.map +1 -1
- package/esm/components/AvatarView/index.d.ts +2 -1
- package/esm/components/AvatarView/index.js +2 -2
- package/esm/components/AvatarView/index.js.map +1 -1
- package/esm/components/AvatarView/utils/useMouthSpeaking.js +3 -1
- package/esm/components/AvatarView/utils/useMouthSpeaking.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.css +1 -2
- package/esm/components/ChatInputs/ChatInputs.css +17 -6
- package/esm/components/ChatInputs/ChatInputs.js +2 -1
- package/esm/components/ChatInputs/ChatInputs.js.map +1 -1
- package/esm/components/DateSelector/DateSelector.css +135 -0
- package/esm/components/DateSelector/DateSelector.d.ts +9 -0
- package/esm/components/DateSelector/DateSelector.js +58 -0
- package/esm/components/DateSelector/DateSelector.js.map +1 -0
- package/esm/components/DateSelector/DateSelector.test.d.ts +1 -0
- package/esm/components/DateSelector/DateSelector.test.js +21 -0
- package/esm/components/DateSelector/DateSelector.test.js.map +1 -0
- package/esm/components/Header/Header.d.ts +1 -0
- package/esm/components/Header/Header.js +26 -2
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/ImageUpload/ImageUpload.css +2 -2
- package/esm/components/MediaWidget/LinkItemWidget.d.ts +2 -1
- package/esm/components/MediaWidget/LinkItemWidget.js +10 -2
- package/esm/components/MediaWidget/LinkItemWidget.js.map +1 -1
- package/esm/components/MediaWidget/MediaItemWidget.css +67 -0
- package/esm/components/MediaWidget/MediaItemWidget.d.ts +3 -1
- package/esm/components/MediaWidget/MediaItemWidget.js +44 -72
- package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/esm/components/MediaWidget/MediaWidget.css +13 -4
- package/esm/components/MediaWidget/MediaWidget.js +11 -8
- package/esm/components/MediaWidget/MediaWidget.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.css +1 -23
- package/esm/components/MemoriWidget/MemoriWidget.d.ts +3 -2
- package/esm/components/MemoriWidget/MemoriWidget.js +92 -25
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/PoweredBy/PoweredBy.css +45 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.css +5 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.d.ts +13 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.js +24 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.test.d.ts +1 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.test.js +24 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.test.js.map +1 -0
- package/esm/components/StartPanel/StartPanel.css +11 -5
- package/esm/components/StartPanel/StartPanel.d.ts +1 -1
- package/esm/components/StartPanel/StartPanel.js +10 -7
- package/esm/components/StartPanel/StartPanel.js.map +1 -1
- package/esm/components/StartPanel/StartPanel.test.js +7 -0
- package/esm/components/StartPanel/StartPanel.test.js.map +1 -1
- package/esm/components/icons/Refresh.d.ts +5 -0
- package/esm/components/icons/Refresh.js +4 -0
- package/esm/components/icons/Refresh.js.map +1 -0
- package/esm/components/icons/SelectIcon.d.ts +5 -0
- package/esm/components/icons/SelectIcon.js +4 -0
- package/esm/components/icons/SelectIcon.js.map +1 -0
- package/esm/components/layouts/FullPage.d.ts +17 -0
- package/esm/components/layouts/FullPage.js +5 -0
- package/esm/components/layouts/FullPage.js.map +1 -0
- package/esm/components/layouts/FullPage.test.d.ts +1 -0
- package/esm/components/layouts/FullPage.test.js +9 -0
- package/esm/components/layouts/FullPage.test.js.map +1 -0
- package/esm/components/layouts/Totem.d.ts +17 -0
- package/esm/components/layouts/Totem.js +5 -0
- package/esm/components/layouts/Totem.js.map +1 -0
- package/esm/components/layouts/Totem.test.d.ts +1 -0
- package/esm/components/layouts/Totem.test.js +9 -0
- package/esm/components/layouts/Totem.test.js.map +1 -0
- package/esm/components/layouts/totem.css +148 -0
- package/esm/components/ui/Button.css +4 -10
- package/esm/components/ui/Checkbox.css +1 -5
- package/esm/components/ui/Checkbox.d.ts +2 -0
- package/esm/components/ui/Checkbox.js +2 -2
- package/esm/components/ui/Checkbox.js.map +1 -1
- package/esm/components/ui/Drawer.css +24 -2
- package/esm/components/ui/Select.css +135 -0
- package/esm/components/ui/Select.d.ts +15 -0
- package/esm/components/ui/Select.js +14 -0
- package/esm/components/ui/Select.js.map +1 -0
- package/esm/components/ui/Select.test.d.ts +1 -0
- package/esm/components/ui/Select.test.js +44 -0
- package/esm/components/ui/Select.test.js.map +1 -0
- package/esm/components/ui/Spin.css +2 -0
- package/esm/helpers/configuration.js +2 -0
- package/esm/helpers/configuration.js.map +1 -1
- package/esm/helpers/utils.js +1 -1
- package/esm/helpers/utils.js.map +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.js +2 -2
- package/esm/index.js.map +1 -1
- package/esm/locales/en.json +17 -0
- package/esm/locales/it.json +17 -0
- package/esm/mocks/data.js +5 -2
- package/esm/mocks/data.js.map +1 -1
- package/esm/styles.css +51 -1
- package/package.json +21 -18
- package/src/components/AgeVerificationModal/AgeVerificationModal.css +63 -0
- package/src/components/AgeVerificationModal/AgeVerificationModal.stories.tsx +41 -0
- package/src/components/AgeVerificationModal/AgeVerificationModal.test.tsx +33 -0
- package/src/components/AgeVerificationModal/AgeVerificationModal.tsx +89 -0
- package/src/components/AgeVerificationModal/__snapshots__/AgeVerificationModal.test.tsx.snap +19 -0
- package/src/components/Avatar/Avatar.stories.tsx +20 -1
- package/src/components/Avatar/Avatar.tsx +2 -1
- package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +2 -2
- package/src/components/AvatarView/AvatarView.stories.tsx +31 -0
- package/src/components/AvatarView/components/fullbodyAvatar.tsx +8 -6
- package/src/components/AvatarView/components/loader.tsx +15 -12
- package/src/components/AvatarView/index.tsx +4 -1
- package/src/components/AvatarView/utils/useMouthSpeaking.ts +3 -1
- package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +67 -67
- package/src/components/ChatBubble/ChatBubble.css +1 -2
- package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +4 -4
- package/src/components/ChatInputs/ChatInputs.css +14 -3
- package/src/components/ChatInputs/ChatInputs.tsx +2 -0
- package/src/components/ChatInputs/__snapshots__/ChatInputs.test.tsx.snap +5 -5
- package/src/components/DateSelector/DateSelector.css +135 -0
- package/src/components/DateSelector/DateSelector.stories.tsx +34 -0
- package/src/components/DateSelector/DateSelector.test.tsx +38 -0
- package/src/components/DateSelector/DateSelector.tsx +203 -0
- package/src/components/DateSelector/__snapshots__/DateSelector.test.tsx.snap +14938 -0
- package/src/components/Header/Header.stories.tsx +23 -5
- package/src/components/Header/Header.tsx +47 -1
- package/src/components/MediaWidget/LinkItemWidget.tsx +20 -1
- package/src/components/MediaWidget/MediaItemWidget.css +67 -0
- package/src/components/MediaWidget/MediaItemWidget.tsx +72 -71
- package/src/components/MediaWidget/MediaWidget.css +9 -0
- package/src/components/MediaWidget/MediaWidget.stories.tsx +8 -0
- package/src/components/MediaWidget/MediaWidget.tsx +44 -27
- package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +1 -1
- package/src/components/MemoriWidget/MemoriWidget.css +1 -1
- package/src/components/MemoriWidget/MemoriWidget.stories.tsx +12 -0
- package/src/components/MemoriWidget/MemoriWidget.tsx +178 -33
- package/src/components/SettingsDrawer/SettingsDrawer.css +5 -0
- package/src/components/SettingsDrawer/SettingsDrawer.stories.tsx +57 -0
- package/src/components/SettingsDrawer/SettingsDrawer.test.tsx +61 -0
- package/src/components/SettingsDrawer/SettingsDrawer.tsx +108 -0
- package/src/components/SettingsDrawer/__snapshots__/SettingsDrawer.test.tsx.snap +19 -0
- package/src/components/StartPanel/StartPanel.css +8 -2
- package/src/components/StartPanel/StartPanel.stories.tsx +66 -2
- package/src/components/StartPanel/StartPanel.test.tsx +21 -0
- package/src/components/StartPanel/StartPanel.tsx +28 -23
- package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +420 -67
- package/src/components/icons/Refresh.tsx +30 -0
- package/src/components/icons/SelectIcon.tsx +28 -0
- package/src/components/layouts/FullPage.test.tsx +17 -0
- package/src/components/layouts/{Default.tsx → FullPage.tsx} +2 -2
- package/src/components/layouts/Totem.test.tsx +17 -0
- package/src/components/layouts/Totem.tsx +52 -0
- package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +391 -0
- package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +422 -0
- package/src/components/layouts/layouts.stories.tsx +155 -0
- package/src/components/layouts/totem.css +148 -0
- package/src/components/ui/Button.css +4 -0
- package/src/components/ui/Checkbox.tsx +6 -0
- package/src/components/ui/Drawer.css +24 -2
- package/src/components/ui/Select.css +135 -0
- package/src/components/ui/Select.stories.tsx +79 -0
- package/src/components/ui/Select.test.tsx +84 -0
- package/src/components/ui/Select.tsx +73 -0
- package/src/components/ui/Spin.css +2 -0
- package/src/components/ui/__snapshots__/Select.test.tsx.snap +278 -0
- package/src/helpers/configuration.ts +4 -2
- package/src/helpers/utils.ts +3 -2
- package/src/index.stories.tsx +41 -1
- package/src/index.tsx +7 -2
- package/src/locales/en.json +17 -0
- package/src/locales/it.json +17 -0
- package/src/mocks/data.ts +5 -2
- package/src/styles.css +24 -2
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
height: 8px;
|
|
48
48
|
border-radius: 50%;
|
|
49
49
|
margin-right: 3px;
|
|
50
|
-
animation:
|
|
50
|
+
animation: wave 1.5s linear infinite;
|
|
51
51
|
background: var(--memori-primary);
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -215,7 +215,6 @@
|
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
@keyframes wave {
|
|
218
|
-
|
|
219
218
|
0%,
|
|
220
219
|
60%,
|
|
221
220
|
100% {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
2
|
import { Props } from './ChatBubble';
|
|
3
3
|
import './ChatBubble.css';
|
|
4
4
|
declare const meta: Meta;
|
|
5
5
|
export default meta;
|
|
6
|
-
export declare const Default:
|
|
7
|
-
export declare const FromUser:
|
|
8
|
-
export declare const Initial:
|
|
9
|
-
export declare const GeneratedByAI:
|
|
10
|
-
export declare const WithFeedbackButtons:
|
|
11
|
-
export declare const WithAllAddonsContents:
|
|
6
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
7
|
+
export declare const FromUser: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
8
|
+
export declare const Initial: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
9
|
+
export declare const GeneratedByAI: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
10
|
+
export declare const WithFeedbackButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
11
|
+
export declare const WithAllAddonsContents: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
.memori-chat-inputs .memori--conversation-button {
|
|
19
19
|
background: #fff;
|
|
20
|
-
color:
|
|
20
|
+
color: #000;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.memori-chat-inputs--mic {
|
|
@@ -26,25 +26,36 @@
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.memori-chat-inputs--mic svg {
|
|
29
|
+
color: var(--memori-primary-text, #fff);
|
|
29
30
|
font-size: 1em;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
.memori-chat-inputs--mic:hover,
|
|
33
34
|
.memori-chat-inputs--mic:active,
|
|
34
35
|
.memori-chat-inputs--mic:focus {
|
|
35
|
-
border-color: var(--
|
|
36
|
+
border-color: var(--memori-primary) !important;
|
|
37
|
+
color: var(--memori-primary-text, #fff);
|
|
36
38
|
}
|
|
37
39
|
|
|
38
40
|
.memori-chat-inputs--mic:active,
|
|
39
41
|
.memori-chat-inputs--mic:focus {
|
|
40
|
-
box-shadow: 0 0.2rem 0.33rem var(--
|
|
41
|
-
|
|
42
|
+
box-shadow: 0 0.2rem 0.33rem var(--memori-primary) !important;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.memori-chat-inputs--mic:not(.memori-chat-inputs--mic--listening):active,
|
|
46
|
+
.memori-chat-inputs--mic:not(.memori-chat-inputs--mic--listening):focus {
|
|
47
|
+
color: var(--memori-primary) !important;
|
|
42
48
|
}
|
|
43
49
|
|
|
44
50
|
.memori-chat-inputs--mic.memori-chat-inputs--mic--listening {
|
|
45
|
-
color: red;
|
|
51
|
+
color: red !important;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.memori-chat-inputs--mic.memori-chat-inputs--mic--listening:active,
|
|
55
|
+
.memori-chat-inputs--mic.memori-chat-inputs--mic--listening:focus {
|
|
56
|
+
border-color: red !important;
|
|
46
57
|
}
|
|
47
58
|
|
|
48
59
|
.memori-chat-inputs--mic.memori-chat-inputs--mic--listening svg {
|
|
49
|
-
color: red;
|
|
60
|
+
color: red !important;
|
|
50
61
|
}
|
|
@@ -14,8 +14,9 @@ const ChatInputs = ({ dialogState, instruct = false, sendOnEnter = 'click', setS
|
|
|
14
14
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
15
15
|
return ((0, jsx_runtime_1.jsxs)("fieldset", { id: "chat-fieldset", className: "memori-chat-inputs", disabled: (dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) === 'X2a' || (dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) === 'X3', children: [(instruct || (dialogState === null || dialogState === void 0 ? void 0 : dialogState.acceptsMedia)) && ((0, jsx_runtime_1.jsx)(UploadMenu_1.default, { attachmentsMenuOpen: attachmentsMenuOpen, setAttachmentsMenuOpen: setAttachmentsMenuOpen, authToken: authToken, disabled: !(dialogState === null || dialogState === void 0 ? void 0 : dialogState.acceptsMedia) })), (0, jsx_runtime_1.jsx)(SendOnEnterMenu_1.default, { sendOnEnter: sendOnEnter, setSendOnEnter: setSendOnEnter }), (0, jsx_runtime_1.jsx)(ChatTextArea_1.default, { value: userMessage, onChange: onChangeUserMessage, onPressEnter: onTextareaPressEnter, onFocus: onTextareaFocus, onBlur: onTextareaBlur, disabled: ['R2', 'R3', 'R4', 'G3', 'X3'].includes((dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) || '') }), (0, jsx_runtime_1.jsx)(Button_1.default, { shape: "circle", primary: !!(userMessage === null || userMessage === void 0 ? void 0 : userMessage.length), disabled: !userMessage || userMessage.length === 0, className: "memori-chat-inputs--send", onClick: () => {
|
|
16
16
|
sendMessage(userMessage);
|
|
17
|
+
stopAudio();
|
|
17
18
|
speechSynthesis.speak(new SpeechSynthesisUtterance(''));
|
|
18
|
-
}, title: t('send') || 'Send', icon: (0, jsx_runtime_1.jsx)(Send_1.default, {}) }), showMicrophone && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)('memori-chat-inputs--mic', {
|
|
19
|
+
}, title: t('send') || 'Send', icon: (0, jsx_runtime_1.jsx)(Send_1.default, {}) }), showMicrophone && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, className: (0, classnames_1.default)('memori-chat-inputs--mic', {
|
|
19
20
|
'memori-chat-inputs--mic--listening': listening,
|
|
20
21
|
}), title: listening
|
|
21
22
|
? t('write_and_speak.micButtonPopoverListening') || 'Listening'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInputs.js","sourceRoot":"","sources":["../../../src/components/ChatInputs/ChatInputs.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ChatInputs.js","sourceRoot":"","sources":["../../../src/components/ChatInputs/ChatInputs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
2
|
import { Props } from './ChatInputs';
|
|
3
3
|
import './ChatInputs.css';
|
|
4
4
|
declare const meta: Meta;
|
|
5
5
|
export default meta;
|
|
6
|
-
export declare const Default:
|
|
7
|
-
export declare const WithValue:
|
|
8
|
-
export declare const WithLongText:
|
|
9
|
-
export declare const Instruct:
|
|
10
|
-
export declare const InstructAcceptingMedia:
|
|
11
|
-
export declare const Disabled:
|
|
12
|
-
export declare const Listening:
|
|
13
|
-
export declare const WithoutMicrophone:
|
|
6
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
7
|
+
export declare const WithValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
8
|
+
export declare const WithLongText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
9
|
+
export declare const Instruct: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
10
|
+
export declare const InstructAcceptingMedia: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
11
|
+
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
12
|
+
export declare const Listening: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
13
|
+
export declare const WithoutMicrophone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
2
|
import { Props } from './ChatTextArea';
|
|
3
3
|
import './ChatTextArea.css';
|
|
4
4
|
declare const meta: Meta;
|
|
5
5
|
export default meta;
|
|
6
|
-
export declare const Default:
|
|
7
|
-
export declare const WithValue:
|
|
8
|
-
export declare const WithLongText:
|
|
6
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
7
|
+
export declare const WithValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
8
|
+
export declare const WithLongText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
2
|
import { Props } from './ModelViewer';
|
|
3
3
|
import './ModelViewer.css';
|
|
4
4
|
declare const meta: Meta;
|
|
5
5
|
export default meta;
|
|
6
|
-
export declare const Default:
|
|
6
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
.memori--date-selector {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-wrap: nowrap;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.memori--date-selector__select {
|
|
7
|
+
width: 30%;
|
|
8
|
+
max-width: 100%;
|
|
9
|
+
margin: 1.5rem 1.5% 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.memori--date-selector__select-button {
|
|
13
|
+
position: relative;
|
|
14
|
+
width: 100%;
|
|
15
|
+
padding-top: .5rem;
|
|
16
|
+
padding-right: 2.5rem;
|
|
17
|
+
padding-bottom: .5rem;
|
|
18
|
+
padding-left: .75rem;
|
|
19
|
+
border: 1px solid #e5e7eb;
|
|
20
|
+
border-radius: .5rem;
|
|
21
|
+
background: #fff;
|
|
22
|
+
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
text-align: left;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.memori--date-selector__select-button:focus {
|
|
28
|
+
border-color: #cbd5e0;
|
|
29
|
+
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.memori--date-selector__select-button:focus-visible {
|
|
33
|
+
border-color: #63b3ed;
|
|
34
|
+
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.memori--date-selector__select-button:hover {
|
|
38
|
+
border-color: #e2e8f0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.memori--date-selector__select-button:active {
|
|
42
|
+
border-color: #e2e8f0;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.memori--date-selector__select-button:disabled {
|
|
46
|
+
border-color: #e2e8f0;
|
|
47
|
+
background-color: #f7fafc;
|
|
48
|
+
color: #a0aec0;
|
|
49
|
+
cursor: not-allowed;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@media (min-width: 640px) {
|
|
53
|
+
.memori--date-selector__select-button {
|
|
54
|
+
font-size: .875rem;
|
|
55
|
+
line-height: 1.25rem;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.memori--date-selector__select-label {
|
|
60
|
+
display: inline-block;
|
|
61
|
+
margin-bottom: 0.25rem;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.memori--date-selector__select--value {
|
|
65
|
+
display: block;
|
|
66
|
+
overflow: hidden;
|
|
67
|
+
text-overflow: ellipsis;
|
|
68
|
+
white-space: nowrap;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.memori--date-selector__select--icon {
|
|
72
|
+
position: absolute;
|
|
73
|
+
top: 0;
|
|
74
|
+
right: 0;
|
|
75
|
+
bottom: 0;
|
|
76
|
+
display: flex;
|
|
77
|
+
align-items: center;
|
|
78
|
+
padding-right: .5rem;
|
|
79
|
+
pointer-events: none;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.memori--date-selector__select--icon svg {
|
|
83
|
+
width: 1.25rem;
|
|
84
|
+
height: 1.25rem;
|
|
85
|
+
color: rgb(156 163 175/1);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
ul.memori--date-selector__select-options {
|
|
89
|
+
position: absolute;
|
|
90
|
+
z-index: 1;
|
|
91
|
+
overflow: auto;
|
|
92
|
+
width: 100%;
|
|
93
|
+
max-width: min(18rem, 30%);
|
|
94
|
+
max-height: 15rem;
|
|
95
|
+
padding-top: .25rem;
|
|
96
|
+
padding-right: 0;
|
|
97
|
+
padding-bottom: .25rem;
|
|
98
|
+
padding-left: 0;
|
|
99
|
+
border-radius: .375rem;
|
|
100
|
+
margin-top: .25rem;
|
|
101
|
+
margin-right: 0;
|
|
102
|
+
margin-bottom: 0;
|
|
103
|
+
margin-left: 0;
|
|
104
|
+
background: #fff;
|
|
105
|
+
box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
|
|
106
|
+
list-style: none;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
@media (min-width: 640px) {
|
|
110
|
+
.memori--date-selector__select-options {
|
|
111
|
+
font-size: .875rem;
|
|
112
|
+
line-height: 1.25rem;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
li.memori--date-selector__select-option {
|
|
117
|
+
position: relative;
|
|
118
|
+
padding-top: .5rem;
|
|
119
|
+
padding-right: 1rem;
|
|
120
|
+
padding-bottom: .5rem;
|
|
121
|
+
padding-left: 1rem;
|
|
122
|
+
color: rgb(17 24 39/1);
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
user-select: none;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
li.memori--date-selector__select-option:hover,
|
|
128
|
+
li.memori--date-selector__select-option:focus {
|
|
129
|
+
background-color: #f7fafc;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
li.memori--date-selector__select-option:focus {
|
|
133
|
+
outline: 2px solid #63b3ed;
|
|
134
|
+
outline-offset: 2px;
|
|
135
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import moment from 'moment';
|
|
3
|
+
export interface Props {
|
|
4
|
+
defaultDate?: moment.Moment | string | Date;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
onChange: (date: moment.Moment) => void;
|
|
7
|
+
}
|
|
8
|
+
declare const DateSelector: import("react").MemoExoticComponent<({ defaultDate, onChange, disabled }: Props) => JSX.Element>;
|
|
9
|
+
export default DateSelector;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_2 = require("@headlessui/react");
|
|
7
|
+
const moment_1 = tslib_1.__importDefault(require("moment"));
|
|
8
|
+
const react_i18next_1 = require("react-i18next");
|
|
9
|
+
const SelectIcon_1 = tslib_1.__importDefault(require("../icons/SelectIcon"));
|
|
10
|
+
const months = {
|
|
11
|
+
en: [
|
|
12
|
+
'January',
|
|
13
|
+
'February',
|
|
14
|
+
'March',
|
|
15
|
+
'April',
|
|
16
|
+
'May',
|
|
17
|
+
'June',
|
|
18
|
+
'July',
|
|
19
|
+
'August',
|
|
20
|
+
'September',
|
|
21
|
+
'October',
|
|
22
|
+
'November',
|
|
23
|
+
'December',
|
|
24
|
+
],
|
|
25
|
+
it: [
|
|
26
|
+
'Gennaio',
|
|
27
|
+
'Febbraio',
|
|
28
|
+
'Marzo',
|
|
29
|
+
'Aprile',
|
|
30
|
+
'Maggio',
|
|
31
|
+
'Giugno',
|
|
32
|
+
'Luglio',
|
|
33
|
+
'Agosto',
|
|
34
|
+
'Settembre',
|
|
35
|
+
'Ottobre',
|
|
36
|
+
'Novembre',
|
|
37
|
+
'Dicembre',
|
|
38
|
+
],
|
|
39
|
+
};
|
|
40
|
+
const DateSelector = (0, react_1.memo)(({ defaultDate, onChange, disabled = false }) => {
|
|
41
|
+
const { t, i18n } = (0, react_i18next_1.useTranslation)();
|
|
42
|
+
const [date, setDate] = (0, react_1.useState)((0, moment_1.default)(defaultDate || Date.now()));
|
|
43
|
+
(0, react_1.useEffect)(() => {
|
|
44
|
+
onChange(date);
|
|
45
|
+
}, [date, onChange]);
|
|
46
|
+
moment_1.default.locale(i18n.language);
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "memori--date-selector", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--date-selector__select", children: (0, jsx_runtime_1.jsxs)(react_2.Listbox, { value: date, onChange: value => {
|
|
48
|
+
setDate(value);
|
|
49
|
+
}, disabled: disabled, name: "day", children: [(0, jsx_runtime_1.jsxs)(react_2.Listbox.Label, { className: "memori--date-selector__select-label", children: [t('day'), ":"] }), (0, jsx_runtime_1.jsxs)(react_2.Listbox.Button, { "aria-label": t('day'), className: "memori--date-selector__select-button", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--value", children: date.date() }), (0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--icon", children: (0, jsx_runtime_1.jsx)(SelectIcon_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { as: react_1.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.Listbox.Options, { className: "memori--date-selector__select-options", children: [...Array(31).keys()].map(day => ((0, jsx_runtime_1.jsx)(react_2.Listbox.Option, { value: date.clone().date(day + 1), className: "memori--date-selector__select-option", children: day + 1 }, day))) }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--date-selector__select", children: (0, jsx_runtime_1.jsxs)(react_2.Listbox, { value: date, onChange: value => {
|
|
50
|
+
setDate(value);
|
|
51
|
+
}, disabled: disabled, name: "month", children: [(0, jsx_runtime_1.jsxs)(react_2.Listbox.Label, { className: "memori--date-selector__select-label", children: [t('month'), ":"] }), (0, jsx_runtime_1.jsxs)(react_2.Listbox.Button, { "aria-label": t('month'), className: "memori--date-selector__select-button", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--value", children: months[i18n.language === 'it' ? 'it' : 'en'][date.month()] }), (0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--icon", children: (0, jsx_runtime_1.jsx)(SelectIcon_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { as: react_1.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.Listbox.Options, { className: "memori--date-selector__select-options", children: months[i18n.language === 'it' ? 'it' : 'en'].map(month => ((0, jsx_runtime_1.jsx)(react_2.Listbox.Option, { className: "memori--date-selector__select-option", value: date
|
|
52
|
+
.clone()
|
|
53
|
+
.month(months[i18n.language === 'it' ? 'it' : 'en'].findIndex(m => m === month)), children: month }, month))) }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--date-selector__select", children: (0, jsx_runtime_1.jsxs)(react_2.Listbox, { value: date, onChange: value => {
|
|
54
|
+
setDate(value);
|
|
55
|
+
}, disabled: disabled, name: "year", children: [(0, jsx_runtime_1.jsxs)(react_2.Listbox.Label, { className: "memori--date-selector__select-label", children: [t('year'), ":"] }), (0, jsx_runtime_1.jsxs)(react_2.Listbox.Button, { "aria-label": t('year'), className: "memori--date-selector__select-button", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--value", children: date.year() }), (0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--icon", children: (0, jsx_runtime_1.jsx)(SelectIcon_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { as: react_1.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.Listbox.Options, { className: "memori--date-selector__select-options", children: [...Array((0, moment_1.default)().year() - 1899).keys()]
|
|
56
|
+
.sort((a, b) => b - a)
|
|
57
|
+
.map(year => ((0, jsx_runtime_1.jsx)(react_2.Listbox.Option, { value: date.clone().year(year + 1900), className: "memori--date-selector__select-option", children: year + 1900 }, year))) }) })] }) })] }));
|
|
58
|
+
});
|
|
59
|
+
DateSelector.displayName = 'DateSelector';
|
|
60
|
+
exports.default = DateSelector;
|
|
61
|
+
//# sourceMappingURL=DateSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateSelector.js","sourceRoot":"","sources":["../../../src/components/DateSelector/DateSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("@testing-library/react");
|
|
6
|
+
const DateSelector_1 = tslib_1.__importDefault(require("./DateSelector"));
|
|
7
|
+
const moment_1 = tslib_1.__importDefault(require("moment"));
|
|
8
|
+
const dateMock = new Date(Date.UTC(2022, 8, 24, 0, 0, 0, 0));
|
|
9
|
+
jest.setSystemTime(dateMock);
|
|
10
|
+
Date.now = jest.fn(() => dateMock.valueOf());
|
|
11
|
+
jest.spyOn(Date, 'now').mockImplementation(() => dateMock.valueOf());
|
|
12
|
+
it('renders DateSelector unchanged', () => {
|
|
13
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DateSelector_1.default, { defaultDate: new Date(Date.now()), onChange: jest.fn() }));
|
|
14
|
+
expect(container).toMatchSnapshot();
|
|
15
|
+
});
|
|
16
|
+
it('renders DateSelector with default value unchanged', () => {
|
|
17
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DateSelector_1.default, { defaultDate: (0, moment_1.default)(`2022-08-24 00:00:00Z`), onChange: jest.fn() }));
|
|
18
|
+
expect(container).toMatchSnapshot();
|
|
19
|
+
});
|
|
20
|
+
it('renders DateSelector disabled unchanged', () => {
|
|
21
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DateSelector_1.default, { disabled: true, defaultDate: (0, moment_1.default)(`2022-08-24 00:00:00Z`), onChange: jest.fn() }));
|
|
22
|
+
expect(container).toMatchSnapshot();
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=DateSelector.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateSelector.test.js","sourceRoot":"","sources":["../../../src/components/DateSelector/DateSelector.test.tsx"],"names":[],"mappings":";;;;AAAA,kDAAgD;AAChD,0EAA0C;AAC1C,4DAA4B;AAE5B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE7D,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC7B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AAE7C,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AAErE,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAY,IAAC,WAAW,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GAAI,CACzE,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAY,IACX,WAAW,EAAE,IAAA,gBAAM,EAAC,sBAAsB,CAAC,EAC3C,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAY,IACX,QAAQ,QACR,WAAW,EAAE,IAAA,gBAAM,EAAC,sBAAsB,CAAC,EAC3C,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
2
|
import { Props } from './ExportHistoryButton';
|
|
3
3
|
declare const meta: Meta;
|
|
4
4
|
export default meta;
|
|
5
|
-
export declare const Default:
|
|
6
|
-
export declare const WithCustomIcon:
|
|
7
|
-
export declare const WithCustomCSSClass:
|
|
8
|
-
export declare const AlignLeft:
|
|
5
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
6
|
+
export declare const WithCustomIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
7
|
+
export declare const WithCustomCSSClass: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
8
|
+
export declare const AlignLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
2
|
import { Props } from './FeedbackButtons';
|
|
3
3
|
import './FeedbackButtons.css';
|
|
4
4
|
declare const meta: Meta;
|
|
5
5
|
export default meta;
|
|
6
|
-
export declare const Default:
|
|
7
|
-
export declare const Toggle:
|
|
8
|
-
export declare const Dropdown:
|
|
6
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
7
|
+
export declare const Toggle: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
8
|
+
export declare const Dropdown: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
5
6
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
7
|
const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
|
|
7
8
|
const MapMarker_1 = tslib_1.__importDefault(require("../icons/MapMarker"));
|
|
@@ -11,9 +12,32 @@ const react_i18next_1 = require("react-i18next");
|
|
|
11
12
|
const ExportHistoryButton_1 = tslib_1.__importDefault(require("../ExportHistoryButton/ExportHistoryButton"));
|
|
12
13
|
const Setting_1 = tslib_1.__importDefault(require("../icons/Setting"));
|
|
13
14
|
const ShareButton_1 = tslib_1.__importDefault(require("../ShareButton/ShareButton"));
|
|
14
|
-
const
|
|
15
|
+
const FullscreenExit_1 = tslib_1.__importDefault(require("../icons/FullscreenExit"));
|
|
16
|
+
const Fullscreen_1 = tslib_1.__importDefault(require("../icons/Fullscreen"));
|
|
17
|
+
const Refresh_1 = tslib_1.__importDefault(require("../icons/Refresh"));
|
|
18
|
+
const Header = ({ className, memori, history, position, setShowPositionDrawer, setShowSettingsDrawer, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showSpeaker = true, showReload = false, }) => {
|
|
15
19
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
16
|
-
|
|
20
|
+
const [fullScreenAvailable, setFullScreenAvailable] = (0, react_1.useState)(false);
|
|
21
|
+
const [fullScreen, setFullScreen] = (0, react_1.useState)(false);
|
|
22
|
+
(0, react_1.useEffect)(() => {
|
|
23
|
+
if (document.fullscreenEnabled) {
|
|
24
|
+
setFullScreenAvailable(true);
|
|
25
|
+
}
|
|
26
|
+
}, []);
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-header', className), children: [showReload && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", title: t('reload') || 'Reload', icon: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}), onClick: () => {
|
|
28
|
+
window.location.reload();
|
|
29
|
+
} })), memori.needsPosition && position && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-header--position", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-header--position-placeName", children: position.placeName }), (0, jsx_runtime_1.jsx)(Button_1.default, { icon: (0, jsx_runtime_1.jsx)(MapMarker_1.default, {}), shape: "circle", className: "memori-header--button", onClick: () => setShowPositionDrawer(true) })] })), fullScreenAvailable && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", title: fullScreen
|
|
30
|
+
? t('fullscreenExit') || 'Exit fullscreen'
|
|
31
|
+
: t('fullscreenEnter') || 'Enter fullscreen', icon: fullScreen ? (0, jsx_runtime_1.jsx)(FullscreenExit_1.default, {}) : (0, jsx_runtime_1.jsx)(Fullscreen_1.default, {}), onClick: () => {
|
|
32
|
+
if (!document.fullscreenElement) {
|
|
33
|
+
document.documentElement.requestFullscreen();
|
|
34
|
+
setFullScreen(true);
|
|
35
|
+
}
|
|
36
|
+
else if (document.exitFullscreen) {
|
|
37
|
+
document.exitFullscreen();
|
|
38
|
+
setFullScreen(false);
|
|
39
|
+
}
|
|
40
|
+
} })), showSpeaker && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: speakerMuted ? (0, jsx_runtime_1.jsx)(SoundDeactivated_1.default, {}) : (0, jsx_runtime_1.jsx)(Sound_1.default, {}), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' })), (0, jsx_runtime_1.jsx)(ExportHistoryButton_1.default, { history: history, memori: memori, className: "memori-header--button", disabled: !hasUserActivatedSpeak || history.length === 0 }), showSettings && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: (0, jsx_runtime_1.jsx)(Setting_1.default, {}), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { className: "memori-header--button", title: memori.name, showQrCode: true, align: "left" }))] }));
|
|
17
41
|
};
|
|
18
42
|
exports.default = Header;
|
|
19
43
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
2
|
import { Props } from './Header';
|
|
3
3
|
import './Header.css';
|
|
4
4
|
declare const meta: Meta;
|
|
5
5
|
export default meta;
|
|
6
|
-
export declare const Default:
|
|
7
|
-
export declare const WithPosition:
|
|
8
|
-
export declare const SpeakerMuted:
|
|
9
|
-
export declare const WithShare:
|
|
10
|
-
export declare const WithSettings:
|
|
11
|
-
export declare const WithOngoingChat:
|
|
6
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
7
|
+
export declare const WithPosition: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
8
|
+
export declare const SpeakerMuted: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
9
|
+
export declare const WithShare: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
10
|
+
export declare const WithSettings: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
11
|
+
export declare const WithOngoingChat: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
@@ -37,13 +37,13 @@ legend.helper p {
|
|
|
37
37
|
|
|
38
38
|
.memori--upload .ant-upload.ant-upload-select-picture-card:hover,
|
|
39
39
|
.memori--upload .ant-upload.ant-upload-select-picture-card:focus {
|
|
40
|
-
border-color: var(--
|
|
40
|
+
border-color: var(--memori-primary);
|
|
41
41
|
opacity: 1;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.memori--upload .ant-upload.ant-upload-select-picture-card:hover .ant-upload,
|
|
45
45
|
.memori--upload .ant-upload.ant-upload-select-picture-card:focus .ant-upload {
|
|
46
|
-
color: var(--
|
|
46
|
+
color: var(--memori-primary);
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.memori--upload .ant-upload-list {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
2
|
import { Props } from './ImageUpload';
|
|
3
3
|
import './ImageUpload.css';
|
|
4
4
|
declare const meta: Meta;
|
|
5
5
|
export default meta;
|
|
6
|
-
export declare const Default:
|
|
7
|
-
export declare const SingleImage:
|
|
8
|
-
export declare const WithCrop:
|
|
9
|
-
export declare const WithMaxSize:
|
|
10
|
-
export declare const WithMimeType:
|
|
11
|
-
export declare const WithHelper:
|
|
12
|
-
export declare const Disabled:
|
|
6
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
7
|
+
export declare const SingleImage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
8
|
+
export declare const WithCrop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
9
|
+
export declare const WithMaxSize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
10
|
+
export declare const WithMimeType: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
11
|
+
export declare const WithHelper: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
12
|
+
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
|
|
@@ -14,12 +14,13 @@ export declare type ILinkPreviewInfo = {
|
|
|
14
14
|
videos?: string[] | undefined;
|
|
15
15
|
};
|
|
16
16
|
export interface Props {
|
|
17
|
+
isChild?: boolean;
|
|
17
18
|
items: Medium[];
|
|
18
19
|
baseUrl?: string;
|
|
19
20
|
descriptionOneLine?: boolean;
|
|
20
21
|
onLinkPreviewInfo?: (linkPreviewInfo: ILinkPreviewInfo) => void;
|
|
21
22
|
}
|
|
22
|
-
export declare const RenderLinkItem: ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine, }: Omit<Props, "items"> & {
|
|
23
|
+
export declare const RenderLinkItem: ({ isChild, item, baseUrl, onLinkPreviewInfo, descriptionOneLine, }: Omit<Props, "items"> & {
|
|
23
24
|
item: Medium;
|
|
24
25
|
}) => JSX.Element;
|
|
25
26
|
declare const LinkItemWidget: React.FC<Props>;
|