@imposium-hub/components 2.5.10-8 → 2.5.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/app-wrapper/AppWrapper.js +5 -2
- package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +27 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js +243 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +1 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.d.ts +28 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js +255 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js.map +1 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +27 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js +243 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +1 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +28 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js +251 -0
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +1 -0
- package/dist/cjs/components/assets/AssetsTableNameCell.js +2 -2
- package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTypeIcon.js +2 -0
- package/dist/cjs/components/assets/AssetsTypeIcon.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +0 -1
- package/dist/cjs/components/card/Card.js +4 -17
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/confirm-modal/ConfirmModal.d.ts +9 -9
- package/dist/cjs/components/confirm-modal/ConfirmModal.js +108 -12
- package/dist/cjs/components/confirm-modal/ConfirmModal.js.map +1 -1
- package/dist/cjs/components/data-table/Paginator.js +7 -51
- package/dist/cjs/components/data-table/Paginator.js.map +1 -1
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts +15 -0
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js +91 -0
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map +1 -0
- package/dist/cjs/components/header/Header_BACKUP_73021.d.ts +33 -0
- package/dist/cjs/components/header/Header_BACKUP_73021.js +393 -0
- package/dist/cjs/components/header/Header_BACKUP_73021.js.map +1 -0
- package/dist/cjs/components/header/Header_BASE_73021.d.ts +29 -0
- package/dist/cjs/components/header/Header_BASE_73021.js +376 -0
- package/dist/cjs/components/header/Header_BASE_73021.js.map +1 -0
- package/dist/cjs/components/header/Header_LOCAL_73021.d.ts +33 -0
- package/dist/cjs/components/header/Header_LOCAL_73021.js +382 -0
- package/dist/cjs/components/header/Header_LOCAL_73021.js.map +1 -0
- package/dist/cjs/components/header/Header_REMOTE_73021.d.ts +30 -0
- package/dist/cjs/components/header/Header_REMOTE_73021.js +386 -0
- package/dist/cjs/components/header/Header_REMOTE_73021.js.map +1 -0
- package/dist/cjs/components/story-previewer/StoryPreviewer.js +11 -1
- package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/cjs/constants/copy.js +2 -2
- package/dist/cjs/constants/copy.js.map +1 -1
- package/dist/cjs/constants/icons.d.ts +1 -0
- package/dist/cjs/constants/icons.js +3 -1
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/constants/variables.d.ts +3 -0
- package/dist/cjs/constants/variables.js +27 -2
- package/dist/cjs/constants/variables.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/redux/actions/asset-list.js +0 -1
- package/dist/cjs/redux/actions/asset-list.js.map +1 -1
- package/dist/cjs/redux/actions/asset-uploads.js +33 -1
- package/dist/cjs/redux/actions/asset-uploads.js.map +1 -1
- package/dist/cjs/redux/reducers/asset-uploads.js +8 -0
- package/dist/cjs/redux/reducers/asset-uploads.js.map +1 -1
- package/dist/cjs/services/API.d.ts +3 -0
- package/dist/cjs/services/API.js +9 -0
- package/dist/cjs/services/API.js.map +1 -1
- package/dist/esm/components/app-wrapper/AppWrapper.js +5 -2
- package/dist/esm/components/app-wrapper/AppWrapper.js.map +1 -1
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +27 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js +194 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +1 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.d.ts +28 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js +208 -0
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js.map +1 -0
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +27 -0
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js +194 -0
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +1 -0
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +28 -0
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js +204 -0
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +1 -0
- package/dist/esm/components/assets/AssetsTableNameCell.js +2 -2
- package/dist/esm/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTypeIcon.js +3 -1
- package/dist/esm/components/assets/AssetsTypeIcon.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +0 -1
- package/dist/esm/components/card/Card.js +4 -16
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/confirm-modal/ConfirmModal.d.ts +9 -9
- package/dist/esm/components/confirm-modal/ConfirmModal.js +60 -11
- package/dist/esm/components/confirm-modal/ConfirmModal.js.map +1 -1
- package/dist/esm/components/data-table/Paginator.js +44 -74
- package/dist/esm/components/data-table/Paginator.js.map +1 -1
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts +15 -0
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js +35 -0
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map +1 -0
- package/dist/esm/components/header/Header_BACKUP_73021.d.ts +33 -0
- package/dist/esm/components/header/Header_BACKUP_73021.js +336 -0
- package/dist/esm/components/header/Header_BACKUP_73021.js.map +1 -0
- package/dist/esm/components/header/Header_BASE_73021.d.ts +29 -0
- package/dist/esm/components/header/Header_BASE_73021.js +322 -0
- package/dist/esm/components/header/Header_BASE_73021.js.map +1 -0
- package/dist/esm/components/header/Header_LOCAL_73021.d.ts +33 -0
- package/dist/esm/components/header/Header_LOCAL_73021.js +328 -0
- package/dist/esm/components/header/Header_LOCAL_73021.js.map +1 -0
- package/dist/esm/components/header/Header_REMOTE_73021.d.ts +30 -0
- package/dist/esm/components/header/Header_REMOTE_73021.js +329 -0
- package/dist/esm/components/header/Header_REMOTE_73021.js.map +1 -0
- package/dist/esm/components/story-previewer/StoryPreviewer.js +12 -2
- package/dist/esm/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/esm/constants/copy.js +2 -2
- package/dist/esm/constants/copy.js.map +1 -1
- package/dist/esm/constants/icons.d.ts +1 -0
- package/dist/esm/constants/icons.js +2 -0
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/constants/variables.d.ts +3 -0
- package/dist/esm/constants/variables.js +25 -1
- package/dist/esm/constants/variables.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/redux/actions/asset-list.js +0 -1
- package/dist/esm/redux/actions/asset-list.js.map +1 -1
- package/dist/esm/redux/actions/asset-uploads.js +22 -1
- package/dist/esm/redux/actions/asset-uploads.js.map +1 -1
- package/dist/esm/redux/reducers/asset-uploads.js +11 -0
- package/dist/esm/redux/reducers/asset-uploads.js.map +1 -1
- package/dist/esm/services/API.d.ts +3 -0
- package/dist/esm/services/API.js +9 -0
- package/dist/esm/services/API.js.map +1 -1
- package/package.json +1 -1
- package/src/components/app-wrapper/AppWrapper.tsx +3 -4
- package/src/components/assets/AssetsTableNameCell.tsx +2 -2
- package/src/components/assets/AssetsTypeIcon.tsx +4 -1
- package/src/components/card/Card.tsx +13 -27
- package/src/components/confirm-modal/ConfirmModal.tsx +80 -19
- package/src/components/data-table/Paginator.tsx +93 -140
- package/src/components/story-previewer/StoryPreviewer.tsx +28 -4
- package/src/constants/copy.ts +2 -2
- package/src/constants/icons.tsx +3 -0
- package/src/constants/variables.ts +27 -1
- package/src/index.ts +3 -2
- package/src/redux/actions/asset-list.ts +0 -1
- package/src/redux/actions/asset-uploads.ts +20 -1
- package/src/redux/reducers/asset-uploads.ts +11 -0
- package/src/services/API.ts +15 -0
|
@@ -1,29 +1,78 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useCallback, useEffect, useState } from 'react';
|
|
2
2
|
import ReactDOM from 'react-dom';
|
|
3
|
-
import { useHotkeys } from 'react-hotkeys-hook';
|
|
4
3
|
import Modal from '../modal/Modal';
|
|
5
4
|
import Button from '../button/Button';
|
|
6
5
|
import { confirm as copy } from '../../constants/copy';
|
|
7
6
|
import Section from '../section/Section';
|
|
8
|
-
export const ConfirmModal = (
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
7
|
+
export const ConfirmModal = () => {
|
|
8
|
+
const [props, setProps] = useState(null);
|
|
9
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
10
|
+
const onOpen = (event) => {
|
|
11
|
+
setProps({
|
|
12
|
+
...event.detail
|
|
13
|
+
});
|
|
14
|
+
setIsOpen(true);
|
|
15
|
+
};
|
|
16
|
+
const onClose = () => setIsOpen(false);
|
|
17
|
+
const onYesHandler = () => {
|
|
18
|
+
props.onYes();
|
|
19
|
+
setIsOpen(false);
|
|
20
|
+
};
|
|
21
|
+
const onNoHandler = () => {
|
|
22
|
+
props.onNo();
|
|
23
|
+
setIsOpen(false);
|
|
24
|
+
};
|
|
25
|
+
const onYes = useCallback(() => onYesHandler(), [isOpen]);
|
|
26
|
+
const onNo = useCallback(() => {
|
|
27
|
+
if (props.onNo) {
|
|
28
|
+
onNoHandler();
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
onClose();
|
|
32
|
+
}
|
|
33
|
+
}, [isOpen]);
|
|
34
|
+
const onKeyDown = useCallback((e) => {
|
|
35
|
+
if (e.key === 'Enter') {
|
|
36
|
+
e.preventDefault();
|
|
37
|
+
onYesHandler();
|
|
38
|
+
}
|
|
39
|
+
}, [isOpen]);
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
window.addEventListener('openconfirmmodal', onOpen);
|
|
42
|
+
return () => {
|
|
43
|
+
window.removeEventListener('openconfirmmodal', onOpen);
|
|
44
|
+
};
|
|
45
|
+
}, []);
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
if (isOpen) {
|
|
48
|
+
document.addEventListener('keypress', onKeyDown);
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
document.removeEventListener('keypress', onKeyDown);
|
|
52
|
+
}
|
|
53
|
+
return () => {
|
|
54
|
+
document.removeEventListener('keypress', onKeyDown);
|
|
55
|
+
};
|
|
56
|
+
}, [isOpen, onKeyDown]);
|
|
57
|
+
const { cancel, yes, no } = copy;
|
|
58
|
+
const noLabel = props?.noLabel ? props.noLabel : no;
|
|
59
|
+
const yesLabel = props?.yesLabel ? props.yesLabel : yes;
|
|
60
|
+
const modal = isOpen && (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
|
|
12
61
|
left: '0px',
|
|
13
62
|
width: '100%'
|
|
14
63
|
}, style: {
|
|
15
64
|
width: '400px',
|
|
16
|
-
height: '
|
|
65
|
+
height: '14%',
|
|
17
66
|
top: 'calc(50% - 150px)',
|
|
18
67
|
left: 'calc((100% - 400px) / 2)'
|
|
19
68
|
}, isOpen: true },
|
|
20
69
|
React.createElement(Section, null,
|
|
21
70
|
React.createElement("div", { className: 'confirm-modal' },
|
|
22
|
-
React.createElement("p", null, title),
|
|
71
|
+
React.createElement("p", null, props.title),
|
|
23
72
|
React.createElement("div", { className: 'confirm-buttons' },
|
|
24
|
-
showCancel ? (React.createElement(Button, { onClick: onClose, size: 'large', color: 'default' }, cancel)) : null,
|
|
25
|
-
React.createElement(Button, { onClick: onNo, size: 'large', color: 'default' },
|
|
26
|
-
React.createElement(Button, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' },
|
|
73
|
+
props.showCancel ? (React.createElement(Button, { onClick: onClose, size: 'large', color: 'default' }, cancel)) : null,
|
|
74
|
+
React.createElement(Button, { onClick: onNo, size: 'large', color: 'default' }, noLabel),
|
|
75
|
+
React.createElement(Button, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' }, yesLabel))))));
|
|
27
76
|
const PortalContextComponent = () => ReactDOM.createPortal(modal, document.querySelector('#react-root'));
|
|
28
77
|
return React.createElement(PortalContextComponent, null);
|
|
29
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,83 +3,53 @@ import Button from '../button/Button';
|
|
|
3
3
|
import { ICON_ANGLE_DOUBLE_LEFT, ICON_ANGLE_LEFT, ICON_ANGLE_DOUBLE_RIGHT, ICON_ANGLE_RIGHT } from '../../constants/icons';
|
|
4
4
|
import { assets as copy } from '../../constants/copy';
|
|
5
5
|
let textInputTimeout;
|
|
6
|
-
const Paginator = ({ manualPagination, pageCount, pageIndex, pageSize, pageOptions, totalItems, canPreviousPage, canNextPage, gotoPage, previousPage, nextPage, setPageSize, itemsPerPage, onItemsPerPage }) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}, [pageIndex]);
|
|
14
|
-
const onItemsPerPageBlur = () => {
|
|
15
|
-
clearTimeout(textInputTimeout);
|
|
16
|
-
onItemsPerPage(getItemsPerPage);
|
|
17
|
-
};
|
|
18
|
-
const onGoToPageBlur = () => {
|
|
19
|
-
clearTimeout(textInputTimeout);
|
|
20
|
-
gotoPage(getPageIndex, pageSize);
|
|
21
|
-
};
|
|
22
|
-
const onItemsPerPageKeyDown = (e) => {
|
|
23
|
-
if (e.key === 'Enter') {
|
|
24
|
-
clearTimeout(textInputTimeout);
|
|
25
|
-
onItemsPerPage(getItemsPerPage);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
const onGoToPageKeyDown = (e) => {
|
|
29
|
-
if (e.key === 'Enter') {
|
|
30
|
-
clearTimeout(textInputTimeout);
|
|
31
|
-
gotoPage(getPageIndex, pageSize);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
return (React.createElement("section", { className: 'ip-table-pagination' },
|
|
6
|
+
const Paginator = ({ manualPagination, pageCount, pageIndex, pageSize, pageOptions, totalItems, canPreviousPage, canNextPage, gotoPage, previousPage, nextPage, setPageSize, itemsPerPage, onItemsPerPage }) => (React.createElement("section", { className: 'ip-table-pagination' },
|
|
7
|
+
React.createElement("span", null,
|
|
8
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to first page', disabled: !canPreviousPage, onClick: () => gotoPage(1, pageSize) }, ICON_ANGLE_DOUBLE_LEFT),
|
|
9
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to previous page', disabled: !canPreviousPage, onClick: () => previousPage() }, ICON_ANGLE_LEFT),
|
|
10
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to next page', disabled: !canNextPage, onClick: () => nextPage() }, ICON_ANGLE_RIGHT),
|
|
11
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to last page', disabled: !canNextPage, onClick: () => gotoPage(pageCount, pageSize) }, ICON_ANGLE_DOUBLE_RIGHT),
|
|
12
|
+
"\u00A0\u00A0",
|
|
35
13
|
React.createElement("span", null,
|
|
36
|
-
|
|
37
|
-
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to previous page', disabled: !canPreviousPage, onClick: () => previousPage() }, ICON_ANGLE_LEFT),
|
|
38
|
-
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to next page', disabled: !canNextPage, onClick: () => nextPage() }, ICON_ANGLE_RIGHT),
|
|
39
|
-
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to last page', disabled: !canNextPage, onClick: () => gotoPage(pageCount, pageSize) }, ICON_ANGLE_DOUBLE_RIGHT),
|
|
14
|
+
copy.table.page,
|
|
40
15
|
"\u00A0\u00A0",
|
|
41
|
-
React.createElement("
|
|
42
|
-
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
"\u00A0\u00A0"),
|
|
49
|
-
React.createElement("span", null,
|
|
50
|
-
copy.table.goToPage,
|
|
51
|
-
"\u00A0\u00A0",
|
|
52
|
-
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: getPageIndex.toString(), onChange: (e) => {
|
|
53
|
-
const input = e.target.value;
|
|
54
|
-
const inputNum = Number(input);
|
|
55
|
-
let next;
|
|
56
|
-
clearTimeout(textInputTimeout);
|
|
57
|
-
if (!input || inputNum < 1 || inputNum > pageCount) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
if (inputNum >= 1 && inputNum <= pageCount) {
|
|
61
|
-
next = inputNum;
|
|
62
|
-
}
|
|
63
|
-
textInputTimeout = window.setTimeout(() => gotoPage(next, pageSize), 1000);
|
|
64
|
-
}, onBlur: () => onGoToPageBlur(), onKeyDown: (e) => onGoToPageKeyDown(e) })),
|
|
16
|
+
React.createElement("strong", null,
|
|
17
|
+
pageIndex,
|
|
18
|
+
" of ",
|
|
19
|
+
pageCount),
|
|
20
|
+
"\u00A0\u00A0"),
|
|
21
|
+
React.createElement("span", null,
|
|
22
|
+
copy.table.goToPage,
|
|
65
23
|
"\u00A0\u00A0",
|
|
66
|
-
React.createElement("
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
24
|
+
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: pageIndex, onChange: (e) => {
|
|
25
|
+
const input = e.target.value;
|
|
26
|
+
const inputNum = Number(input);
|
|
27
|
+
let next;
|
|
28
|
+
clearTimeout(textInputTimeout);
|
|
29
|
+
if (!input || inputNum < 1 || inputNum > pageCount) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (inputNum >= 1 && inputNum <= pageCount) {
|
|
33
|
+
next = inputNum;
|
|
34
|
+
}
|
|
35
|
+
textInputTimeout = window.setTimeout(() => gotoPage(next, pageSize), 300);
|
|
36
|
+
} })),
|
|
37
|
+
"\u00A0\u00A0",
|
|
38
|
+
React.createElement("span", null,
|
|
39
|
+
copy.table.itemsPerPage,
|
|
81
40
|
"\u00A0\u00A0",
|
|
82
|
-
React.createElement("
|
|
83
|
-
|
|
41
|
+
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: itemsPerPage, min: 1, onChange: (e) => {
|
|
42
|
+
const input = e.target.value;
|
|
43
|
+
const inputNum = Number(input);
|
|
44
|
+
clearTimeout(textInputTimeout);
|
|
45
|
+
if (!input || inputNum < 1) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
textInputTimeout = window.setTimeout(() => onItemsPerPage(inputNum), 300);
|
|
49
|
+
} }))),
|
|
50
|
+
React.createElement("span", { className: 'total-assets' },
|
|
51
|
+
copy.table.total,
|
|
52
|
+
"\u00A0\u00A0",
|
|
53
|
+
React.createElement("strong", null, totalItems || 0))));
|
|
84
54
|
export default Paginator;
|
|
85
55
|
//# sourceMappingURL=Paginator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,OAAO,EACH,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,IAAI,gBAAwB,CAAC;AAE7B,MAAM,SAAS,GAAkB,CAAC,EAC9B,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,cAAc,EACjB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface IErrorMessagePreviewProps {
|
|
3
|
+
showMedia: boolean;
|
|
4
|
+
message: string;
|
|
5
|
+
style?: React.CSSProperties | any;
|
|
6
|
+
onRequestClose?(): void;
|
|
7
|
+
}
|
|
8
|
+
declare class ErrorMessagePreview extends React.PureComponent<IErrorMessagePreviewProps> {
|
|
9
|
+
private errorMsgNode;
|
|
10
|
+
private evtHandlers;
|
|
11
|
+
constructor(props: any);
|
|
12
|
+
private onClose;
|
|
13
|
+
render(): JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export default ErrorMessagePreview;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import Portal from '../portal/Portal';
|
|
3
|
+
import Button from '../button/Button';
|
|
4
|
+
import { assets as copy } from '../../constants/copy';
|
|
5
|
+
import { ICON_TIMES } from '../../constants/icons';
|
|
6
|
+
class ErrorMessagePreview extends React.PureComponent {
|
|
7
|
+
errorMsgNode = null;
|
|
8
|
+
evtHandlers;
|
|
9
|
+
constructor(props) {
|
|
10
|
+
super(props);
|
|
11
|
+
this.errorMsgNode = React.createRef();
|
|
12
|
+
this.evtHandlers = {
|
|
13
|
+
onClose: (e) => this.onClose(e)
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
onClose(e) {
|
|
17
|
+
const { onRequestClose } = this.props;
|
|
18
|
+
e.stopPropagation();
|
|
19
|
+
onRequestClose();
|
|
20
|
+
}
|
|
21
|
+
render() {
|
|
22
|
+
const { showMedia, style, message } = this.props;
|
|
23
|
+
if (showMedia) {
|
|
24
|
+
return (React.createElement(Portal, { id: 'portal-root' },
|
|
25
|
+
React.createElement("div", { style: { ...style }, className: 'close-icon-preview' },
|
|
26
|
+
React.createElement(Button, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy.field.tooltipFilter }, ICON_TIMES)),
|
|
27
|
+
React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
export default ErrorMessagePreview;
|
|
35
|
+
//# sourceMappingURL=ErrorMessagePreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorMessagePreview.js","sourceRoot":"","sources":["../../../../src/components/error-message-preview/ErrorMessagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,aAAwC;IACpE,YAAY,GAAQ,IAAI,CAAC;IAEzB,WAAW,CAAM;IAEzB,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAClC,CAAC;IACN,CAAC;IAEO,OAAO,CAAC,CAAC;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,MAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,MAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAChC,UAAU,CACN,CACP;gBACN,2BACI,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,SAAS,EAAC,wCAAwC,IACpD,OAAO,CAAK,CACT,CACZ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;CACJ;AAED,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export interface IHeaderProps {
|
|
2
|
+
email?: string;
|
|
3
|
+
activeOrganization: string;
|
|
4
|
+
activeStory?: string;
|
|
5
|
+
hideStoryPicker?: boolean;
|
|
6
|
+
hideOrgPicker?: boolean;
|
|
7
|
+
onOrganizationChange?: (orgId: any) => any;
|
|
8
|
+
onStoryChange?: (story: any) => any;
|
|
9
|
+
logout: (...args: any[]) => any;
|
|
10
|
+
additionalButtons?: any[];
|
|
11
|
+
auth: any;
|
|
12
|
+
story: any;
|
|
13
|
+
baseUrl: any;
|
|
14
|
+
hideDocs?: boolean;
|
|
15
|
+
showFTLogo?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface IHeaderState {
|
|
18
|
+
inactiveOrganizations: any[];
|
|
19
|
+
servicesByOrganization: any[];
|
|
20
|
+
activeServiceBlob: any;
|
|
21
|
+
activeOrganizationBlob: any;
|
|
22
|
+
showAccountDropdown: boolean;
|
|
23
|
+
showStoriesDropdown: boolean;
|
|
24
|
+
showServiceDropdown: boolean;
|
|
25
|
+
dropdownToggleColor: string;
|
|
26
|
+
activeFirstChar: string;
|
|
27
|
+
order: string;
|
|
28
|
+
orderDirection: string;
|
|
29
|
+
accessData: any;
|
|
30
|
+
dataLoading: boolean;
|
|
31
|
+
}
|
|
32
|
+
declare const _default: any;
|
|
33
|
+
export default _default;
|