@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
|
@@ -110,32 +110,19 @@ var Card = /** @class */ (function (_super) {
|
|
|
110
110
|
var openClass = !open && collapsable ? 'closed' : '';
|
|
111
111
|
var styleClass = style ? style : 'default';
|
|
112
112
|
return (React.createElement("div", { className: "card ".concat(openClass, " ").concat(collapsableClass, " ").concat(styleClass) },
|
|
113
|
-
React.createElement("div", { className: 'card-header' },
|
|
113
|
+
React.createElement("div", { className: 'card-header', onClick: this.evtHandlers.toggleOpen },
|
|
114
114
|
this.renderTitle(styleClass),
|
|
115
115
|
this.renderButtons()),
|
|
116
116
|
this.renderContent()));
|
|
117
117
|
};
|
|
118
118
|
Card.prototype.renderButtons = function () {
|
|
119
|
-
var
|
|
120
|
-
var _a = this.props, collapsable = _a.collapsable, buttons = _a.buttons;
|
|
119
|
+
var collapsable = this.props.collapsable;
|
|
121
120
|
var open = this.state.open;
|
|
122
121
|
var buttonIcon = open ? icons_1.ICON_CARET_UP : icons_1.ICON_CARET_DOWN;
|
|
123
|
-
var buttonArray;
|
|
124
|
-
var toggleBtn = (React.createElement(Button_1.default, { key: 'toggleOpen', style: 'subtle', onClick: function (e) { return _this.toggleOpen(e); } }, buttonIcon));
|
|
125
|
-
if (buttons && buttons.length > 0) {
|
|
126
|
-
buttonArray = buttons.map(function (button) {
|
|
127
|
-
return button;
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
122
|
if (collapsable) {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
}
|
|
134
|
-
else {
|
|
135
|
-
buttonArray = [toggleBtn];
|
|
136
|
-
}
|
|
123
|
+
return (React.createElement("div", { className: 'header-buttons' },
|
|
124
|
+
React.createElement(Button_1.default, { style: 'subtle', onClick: this.evtHandlers.toggleOpen }, buttonIcon)));
|
|
137
125
|
}
|
|
138
|
-
return React.createElement("div", { className: 'header-buttons' }, buttonArray);
|
|
139
126
|
};
|
|
140
127
|
return Card;
|
|
141
128
|
}(React.PureComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,+CAAuE;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
export interface IConfirmModalProps {
|
|
3
|
+
onYes: () => void;
|
|
4
|
+
onNo?: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
yesLabel?: string;
|
|
7
|
+
noLabel?: string;
|
|
8
|
+
showCancel?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const ConfirmModal: () => React.JSX.Element;
|
|
@@ -1,36 +1,132 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
37
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
38
|
+
if (!m) return o;
|
|
39
|
+
var i = m.call(o), r, ar = [], e;
|
|
40
|
+
try {
|
|
41
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
42
|
+
}
|
|
43
|
+
catch (error) { e = { error: error }; }
|
|
44
|
+
finally {
|
|
45
|
+
try {
|
|
46
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
47
|
+
}
|
|
48
|
+
finally { if (e) throw e.error; }
|
|
49
|
+
}
|
|
50
|
+
return ar;
|
|
51
|
+
};
|
|
2
52
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
53
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
54
|
};
|
|
5
55
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
56
|
exports.ConfirmModal = void 0;
|
|
7
|
-
var react_1 =
|
|
57
|
+
var react_1 = __importStar(require("react"));
|
|
8
58
|
var react_dom_1 = __importDefault(require("react-dom"));
|
|
9
|
-
var react_hotkeys_hook_1 = require("react-hotkeys-hook");
|
|
10
59
|
var Modal_1 = __importDefault(require("../modal/Modal"));
|
|
11
60
|
var Button_1 = __importDefault(require("../button/Button"));
|
|
12
61
|
var copy_1 = require("../../constants/copy");
|
|
13
62
|
var Section_1 = __importDefault(require("../section/Section"));
|
|
14
|
-
var ConfirmModal = function (
|
|
15
|
-
var
|
|
16
|
-
(0,
|
|
17
|
-
var
|
|
18
|
-
|
|
63
|
+
var ConfirmModal = function () {
|
|
64
|
+
var _a = __read((0, react_1.useState)(null), 2), props = _a[0], setProps = _a[1];
|
|
65
|
+
var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
66
|
+
var onOpen = function (event) {
|
|
67
|
+
setProps(__assign({}, event.detail));
|
|
68
|
+
setIsOpen(true);
|
|
69
|
+
};
|
|
70
|
+
var onClose = function () { return setIsOpen(false); };
|
|
71
|
+
var onYesHandler = function () {
|
|
72
|
+
props.onYes();
|
|
73
|
+
setIsOpen(false);
|
|
74
|
+
};
|
|
75
|
+
var onNoHandler = function () {
|
|
76
|
+
props.onNo();
|
|
77
|
+
setIsOpen(false);
|
|
78
|
+
};
|
|
79
|
+
var onYes = (0, react_1.useCallback)(function () { return onYesHandler(); }, [isOpen]);
|
|
80
|
+
var onNo = (0, react_1.useCallback)(function () {
|
|
81
|
+
if (props.onNo) {
|
|
82
|
+
onNoHandler();
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
onClose();
|
|
86
|
+
}
|
|
87
|
+
}, [isOpen]);
|
|
88
|
+
var onKeyDown = (0, react_1.useCallback)(function (e) {
|
|
89
|
+
if (e.key === 'Enter') {
|
|
90
|
+
e.preventDefault();
|
|
91
|
+
onYesHandler();
|
|
92
|
+
}
|
|
93
|
+
}, [isOpen]);
|
|
94
|
+
(0, react_1.useEffect)(function () {
|
|
95
|
+
window.addEventListener('openconfirmmodal', onOpen);
|
|
96
|
+
return function () {
|
|
97
|
+
window.removeEventListener('openconfirmmodal', onOpen);
|
|
98
|
+
};
|
|
99
|
+
}, []);
|
|
100
|
+
(0, react_1.useEffect)(function () {
|
|
101
|
+
if (isOpen) {
|
|
102
|
+
document.addEventListener('keypress', onKeyDown);
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
document.removeEventListener('keypress', onKeyDown);
|
|
106
|
+
}
|
|
107
|
+
return function () {
|
|
108
|
+
document.removeEventListener('keypress', onKeyDown);
|
|
109
|
+
};
|
|
110
|
+
}, [isOpen, onKeyDown]);
|
|
111
|
+
var cancel = copy_1.confirm.cancel, yes = copy_1.confirm.yes, no = copy_1.confirm.no;
|
|
112
|
+
var noLabel = (props === null || props === void 0 ? void 0 : props.noLabel) ? props.noLabel : no;
|
|
113
|
+
var yesLabel = (props === null || props === void 0 ? void 0 : props.yesLabel) ? props.yesLabel : yes;
|
|
114
|
+
var modal = isOpen && (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
|
|
19
115
|
left: '0px',
|
|
20
116
|
width: '100%'
|
|
21
117
|
}, style: {
|
|
22
118
|
width: '400px',
|
|
23
|
-
height: '
|
|
119
|
+
height: '14%',
|
|
24
120
|
top: 'calc(50% - 150px)',
|
|
25
121
|
left: 'calc((100% - 400px) / 2)'
|
|
26
122
|
}, isOpen: true },
|
|
27
123
|
react_1.default.createElement(Section_1.default, null,
|
|
28
124
|
react_1.default.createElement("div", { className: 'confirm-modal' },
|
|
29
|
-
react_1.default.createElement("p", null, title),
|
|
125
|
+
react_1.default.createElement("p", null, props.title),
|
|
30
126
|
react_1.default.createElement("div", { className: 'confirm-buttons' },
|
|
31
|
-
showCancel ? (react_1.default.createElement(Button_1.default, { onClick: onClose, size: 'large', color: 'default' }, cancel)) : null,
|
|
32
|
-
react_1.default.createElement(Button_1.default, { onClick: onNo, size: 'large', color: 'default' },
|
|
33
|
-
react_1.default.createElement(Button_1.default, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' },
|
|
127
|
+
props.showCancel ? (react_1.default.createElement(Button_1.default, { onClick: onClose, size: 'large', color: 'default' }, cancel)) : null,
|
|
128
|
+
react_1.default.createElement(Button_1.default, { onClick: onNo, size: 'large', color: 'default' }, noLabel),
|
|
129
|
+
react_1.default.createElement(Button_1.default, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' }, yesLabel))))));
|
|
34
130
|
var PortalContextComponent = function () {
|
|
35
131
|
return react_dom_1.default.createPortal(modal, document.querySelector('#react-root'));
|
|
36
132
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,22 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
-
if (!m) return o;
|
|
28
|
-
var i = m.call(o), r, ar = [], e;
|
|
29
|
-
try {
|
|
30
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
-
}
|
|
32
|
-
catch (error) { e = { error: error }; }
|
|
33
|
-
finally {
|
|
34
|
-
try {
|
|
35
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
-
}
|
|
37
|
-
finally { if (e) throw e.error; }
|
|
38
|
-
}
|
|
39
|
-
return ar;
|
|
40
|
-
};
|
|
41
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
42
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
43
27
|
};
|
|
@@ -49,33 +33,6 @@ var copy_1 = require("../../constants/copy");
|
|
|
49
33
|
var textInputTimeout;
|
|
50
34
|
var Paginator = function (_a) {
|
|
51
35
|
var manualPagination = _a.manualPagination, pageCount = _a.pageCount, pageIndex = _a.pageIndex, pageSize = _a.pageSize, pageOptions = _a.pageOptions, totalItems = _a.totalItems, canPreviousPage = _a.canPreviousPage, canNextPage = _a.canNextPage, gotoPage = _a.gotoPage, previousPage = _a.previousPage, nextPage = _a.nextPage, setPageSize = _a.setPageSize, itemsPerPage = _a.itemsPerPage, onItemsPerPage = _a.onItemsPerPage;
|
|
52
|
-
var _b = __read(React.useState(pageIndex), 2), getPageIndex = _b[0], setPageIndex = _b[1];
|
|
53
|
-
var _c = __read(React.useState(itemsPerPage), 2), getItemsPerPage = _c[0], setItemsPerPage = _c[1];
|
|
54
|
-
React.useEffect(function () {
|
|
55
|
-
if (pageIndex !== getPageIndex) {
|
|
56
|
-
setPageIndex(pageIndex);
|
|
57
|
-
}
|
|
58
|
-
}, [pageIndex]);
|
|
59
|
-
var onItemsPerPageBlur = function () {
|
|
60
|
-
clearTimeout(textInputTimeout);
|
|
61
|
-
onItemsPerPage(getItemsPerPage);
|
|
62
|
-
};
|
|
63
|
-
var onGoToPageBlur = function () {
|
|
64
|
-
clearTimeout(textInputTimeout);
|
|
65
|
-
gotoPage(getPageIndex, pageSize);
|
|
66
|
-
};
|
|
67
|
-
var onItemsPerPageKeyDown = function (e) {
|
|
68
|
-
if (e.key === 'Enter') {
|
|
69
|
-
clearTimeout(textInputTimeout);
|
|
70
|
-
onItemsPerPage(getItemsPerPage);
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
var onGoToPageKeyDown = function (e) {
|
|
74
|
-
if (e.key === 'Enter') {
|
|
75
|
-
clearTimeout(textInputTimeout);
|
|
76
|
-
gotoPage(getPageIndex, pageSize);
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
36
|
return (React.createElement("section", { className: 'ip-table-pagination' },
|
|
80
37
|
React.createElement("span", null,
|
|
81
38
|
React.createElement(Button_1.default, { style: 'subtle', size: 'small', tooltip: 'Go to first page', disabled: !canPreviousPage, onClick: function () { return gotoPage(1, pageSize); } }, icons_1.ICON_ANGLE_DOUBLE_LEFT),
|
|
@@ -87,14 +44,14 @@ var Paginator = function (_a) {
|
|
|
87
44
|
copy_1.assets.table.page,
|
|
88
45
|
"\u00A0\u00A0",
|
|
89
46
|
React.createElement("strong", null,
|
|
90
|
-
|
|
47
|
+
pageIndex,
|
|
91
48
|
" of ",
|
|
92
49
|
pageCount),
|
|
93
50
|
"\u00A0\u00A0"),
|
|
94
51
|
React.createElement("span", null,
|
|
95
52
|
copy_1.assets.table.goToPage,
|
|
96
53
|
"\u00A0\u00A0",
|
|
97
|
-
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder:
|
|
54
|
+
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: pageIndex, onChange: function (e) {
|
|
98
55
|
var input = e.target.value;
|
|
99
56
|
var inputNum = Number(input);
|
|
100
57
|
var next;
|
|
@@ -105,22 +62,21 @@ var Paginator = function (_a) {
|
|
|
105
62
|
if (inputNum >= 1 && inputNum <= pageCount) {
|
|
106
63
|
next = inputNum;
|
|
107
64
|
}
|
|
108
|
-
textInputTimeout = window.setTimeout(function () { return gotoPage(next, pageSize); },
|
|
109
|
-
}
|
|
65
|
+
textInputTimeout = window.setTimeout(function () { return gotoPage(next, pageSize); }, 300);
|
|
66
|
+
} })),
|
|
110
67
|
"\u00A0\u00A0",
|
|
111
68
|
React.createElement("span", null,
|
|
112
69
|
copy_1.assets.table.itemsPerPage,
|
|
113
70
|
"\u00A0\u00A0",
|
|
114
|
-
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder:
|
|
71
|
+
React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: itemsPerPage, min: 1, onChange: function (e) {
|
|
115
72
|
var input = e.target.value;
|
|
116
73
|
var inputNum = Number(input);
|
|
117
74
|
clearTimeout(textInputTimeout);
|
|
118
75
|
if (!input || inputNum < 1) {
|
|
119
76
|
return;
|
|
120
77
|
}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
}, onBlur: function () { return onItemsPerPageBlur(); }, onKeyDown: function (e) { return onItemsPerPageKeyDown(e); } }))),
|
|
78
|
+
textInputTimeout = window.setTimeout(function () { return onItemsPerPage(inputNum); }, 300);
|
|
79
|
+
} }))),
|
|
124
80
|
React.createElement("span", { className: 'total-assets' },
|
|
125
81
|
copy_1.assets.table.total,
|
|
126
82
|
"\u00A0\u00A0",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"
|
|
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,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __assign = (this && this.__assign) || function () {
|
|
18
|
+
__assign = Object.assign || function(t) {
|
|
19
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
+
s = arguments[i];
|
|
21
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
+
t[p] = s[p];
|
|
23
|
+
}
|
|
24
|
+
return t;
|
|
25
|
+
};
|
|
26
|
+
return __assign.apply(this, arguments);
|
|
27
|
+
};
|
|
28
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
|
+
if (k2 === undefined) k2 = k;
|
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
33
|
+
}
|
|
34
|
+
Object.defineProperty(o, k2, desc);
|
|
35
|
+
}) : (function(o, m, k, k2) {
|
|
36
|
+
if (k2 === undefined) k2 = k;
|
|
37
|
+
o[k2] = m[k];
|
|
38
|
+
}));
|
|
39
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
40
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
41
|
+
}) : function(o, v) {
|
|
42
|
+
o["default"] = v;
|
|
43
|
+
});
|
|
44
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
45
|
+
if (mod && mod.__esModule) return mod;
|
|
46
|
+
var result = {};
|
|
47
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
48
|
+
__setModuleDefault(result, mod);
|
|
49
|
+
return result;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
54
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
55
|
+
var React = __importStar(require("react"));
|
|
56
|
+
var Portal_1 = __importDefault(require("../portal/Portal"));
|
|
57
|
+
var Button_1 = __importDefault(require("../button/Button"));
|
|
58
|
+
var copy_1 = require("../../constants/copy");
|
|
59
|
+
var icons_1 = require("../../constants/icons");
|
|
60
|
+
var ErrorMessagePreview = /** @class */ (function (_super) {
|
|
61
|
+
__extends(ErrorMessagePreview, _super);
|
|
62
|
+
function ErrorMessagePreview(props) {
|
|
63
|
+
var _this = _super.call(this, props) || this;
|
|
64
|
+
_this.errorMsgNode = null;
|
|
65
|
+
_this.errorMsgNode = React.createRef();
|
|
66
|
+
_this.evtHandlers = {
|
|
67
|
+
onClose: function (e) { return _this.onClose(e); }
|
|
68
|
+
};
|
|
69
|
+
return _this;
|
|
70
|
+
}
|
|
71
|
+
ErrorMessagePreview.prototype.onClose = function (e) {
|
|
72
|
+
var onRequestClose = this.props.onRequestClose;
|
|
73
|
+
e.stopPropagation();
|
|
74
|
+
onRequestClose();
|
|
75
|
+
};
|
|
76
|
+
ErrorMessagePreview.prototype.render = function () {
|
|
77
|
+
var _a = this.props, showMedia = _a.showMedia, style = _a.style, message = _a.message;
|
|
78
|
+
if (showMedia) {
|
|
79
|
+
return (React.createElement(Portal_1.default, { id: 'portal-root' },
|
|
80
|
+
React.createElement("div", { style: __assign({}, style), className: 'close-icon-preview' },
|
|
81
|
+
React.createElement(Button_1.default, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy_1.assets.field.tooltipFilter }, icons_1.ICON_TIMES)),
|
|
82
|
+
React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
return null;
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
return ErrorMessagePreview;
|
|
89
|
+
}(React.PureComponent));
|
|
90
|
+
exports.default = ErrorMessagePreview;
|
|
91
|
+
//# 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,2CAA+B;AAC/B,4DAAsC;AACtC,4DAAsC;AACtC,6CAAsD;AACtD,+CAAmD;AASnD;IAAkC,uCAA8C;IAK5E,6BAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SAKf;QAVO,kBAAY,GAAQ,IAAI,CAAC;QAM7B,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe;SAClC,CAAC;;IACN,CAAC;IAEO,qCAAO,GAAf,UAAgB,CAAC;QACL,IAAA,cAAc,GAAK,IAAI,CAAC,KAAK,eAAf,CAAgB;QACtC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,EAAE,CAAC;IACrB,CAAC;IAEM,oCAAM,GAAb;QACU,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAe,CAAC;QACjD,IAAI,SAAS,EAAE;YACX,OAAO,CACH,oBAAC,gBAAM,IAAC,EAAE,EAAC,aAAa;gBACpB,6BACI,KAAK,eAAO,KAAK,GACjB,SAAS,EAAE,oBAAoB;oBAC/B,oBAAC,gBAAM,IACH,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EACjC,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAI,CAAC,KAAK,CAAC,aAAa,IAChC,kBAAU,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;IACL,0BAAC;AAAD,CAAC,AA/CD,CAAkC,KAAK,CAAC,aAAa,GA+CpD;AAED,kBAAe,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;
|