@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.
Files changed (140) hide show
  1. package/dist/cjs/components/app-wrapper/AppWrapper.js +5 -2
  2. package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
  3. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +27 -0
  4. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js +243 -0
  5. package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +1 -0
  6. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.d.ts +28 -0
  7. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js +255 -0
  8. package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js.map +1 -0
  9. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +27 -0
  10. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js +243 -0
  11. package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +1 -0
  12. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +28 -0
  13. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js +251 -0
  14. package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +1 -0
  15. package/dist/cjs/components/assets/AssetsTableNameCell.js +2 -2
  16. package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
  17. package/dist/cjs/components/assets/AssetsTypeIcon.js +2 -0
  18. package/dist/cjs/components/assets/AssetsTypeIcon.js.map +1 -1
  19. package/dist/cjs/components/card/Card.d.ts +0 -1
  20. package/dist/cjs/components/card/Card.js +4 -17
  21. package/dist/cjs/components/card/Card.js.map +1 -1
  22. package/dist/cjs/components/confirm-modal/ConfirmModal.d.ts +9 -9
  23. package/dist/cjs/components/confirm-modal/ConfirmModal.js +108 -12
  24. package/dist/cjs/components/confirm-modal/ConfirmModal.js.map +1 -1
  25. package/dist/cjs/components/data-table/Paginator.js +7 -51
  26. package/dist/cjs/components/data-table/Paginator.js.map +1 -1
  27. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts +15 -0
  28. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js +91 -0
  29. package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map +1 -0
  30. package/dist/cjs/components/header/Header_BACKUP_73021.d.ts +33 -0
  31. package/dist/cjs/components/header/Header_BACKUP_73021.js +393 -0
  32. package/dist/cjs/components/header/Header_BACKUP_73021.js.map +1 -0
  33. package/dist/cjs/components/header/Header_BASE_73021.d.ts +29 -0
  34. package/dist/cjs/components/header/Header_BASE_73021.js +376 -0
  35. package/dist/cjs/components/header/Header_BASE_73021.js.map +1 -0
  36. package/dist/cjs/components/header/Header_LOCAL_73021.d.ts +33 -0
  37. package/dist/cjs/components/header/Header_LOCAL_73021.js +382 -0
  38. package/dist/cjs/components/header/Header_LOCAL_73021.js.map +1 -0
  39. package/dist/cjs/components/header/Header_REMOTE_73021.d.ts +30 -0
  40. package/dist/cjs/components/header/Header_REMOTE_73021.js +386 -0
  41. package/dist/cjs/components/header/Header_REMOTE_73021.js.map +1 -0
  42. package/dist/cjs/components/story-previewer/StoryPreviewer.js +11 -1
  43. package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
  44. package/dist/cjs/constants/copy.js +2 -2
  45. package/dist/cjs/constants/copy.js.map +1 -1
  46. package/dist/cjs/constants/icons.d.ts +1 -0
  47. package/dist/cjs/constants/icons.js +3 -1
  48. package/dist/cjs/constants/icons.js.map +1 -1
  49. package/dist/cjs/constants/variables.d.ts +3 -0
  50. package/dist/cjs/constants/variables.js +27 -2
  51. package/dist/cjs/constants/variables.js.map +1 -1
  52. package/dist/cjs/index.d.ts +2 -2
  53. package/dist/cjs/index.js.map +1 -1
  54. package/dist/cjs/redux/actions/asset-list.js +0 -1
  55. package/dist/cjs/redux/actions/asset-list.js.map +1 -1
  56. package/dist/cjs/redux/actions/asset-uploads.js +33 -1
  57. package/dist/cjs/redux/actions/asset-uploads.js.map +1 -1
  58. package/dist/cjs/redux/reducers/asset-uploads.js +8 -0
  59. package/dist/cjs/redux/reducers/asset-uploads.js.map +1 -1
  60. package/dist/cjs/services/API.d.ts +3 -0
  61. package/dist/cjs/services/API.js +9 -0
  62. package/dist/cjs/services/API.js.map +1 -1
  63. package/dist/esm/components/app-wrapper/AppWrapper.js +5 -2
  64. package/dist/esm/components/app-wrapper/AppWrapper.js.map +1 -1
  65. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +27 -0
  66. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js +194 -0
  67. package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +1 -0
  68. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.d.ts +28 -0
  69. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js +208 -0
  70. package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js.map +1 -0
  71. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +27 -0
  72. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js +194 -0
  73. package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +1 -0
  74. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +28 -0
  75. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js +204 -0
  76. package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +1 -0
  77. package/dist/esm/components/assets/AssetsTableNameCell.js +2 -2
  78. package/dist/esm/components/assets/AssetsTableNameCell.js.map +1 -1
  79. package/dist/esm/components/assets/AssetsTypeIcon.js +3 -1
  80. package/dist/esm/components/assets/AssetsTypeIcon.js.map +1 -1
  81. package/dist/esm/components/card/Card.d.ts +0 -1
  82. package/dist/esm/components/card/Card.js +4 -16
  83. package/dist/esm/components/card/Card.js.map +1 -1
  84. package/dist/esm/components/confirm-modal/ConfirmModal.d.ts +9 -9
  85. package/dist/esm/components/confirm-modal/ConfirmModal.js +60 -11
  86. package/dist/esm/components/confirm-modal/ConfirmModal.js.map +1 -1
  87. package/dist/esm/components/data-table/Paginator.js +44 -74
  88. package/dist/esm/components/data-table/Paginator.js.map +1 -1
  89. package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts +15 -0
  90. package/dist/esm/components/error-message-preview/ErrorMessagePreview.js +35 -0
  91. package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map +1 -0
  92. package/dist/esm/components/header/Header_BACKUP_73021.d.ts +33 -0
  93. package/dist/esm/components/header/Header_BACKUP_73021.js +336 -0
  94. package/dist/esm/components/header/Header_BACKUP_73021.js.map +1 -0
  95. package/dist/esm/components/header/Header_BASE_73021.d.ts +29 -0
  96. package/dist/esm/components/header/Header_BASE_73021.js +322 -0
  97. package/dist/esm/components/header/Header_BASE_73021.js.map +1 -0
  98. package/dist/esm/components/header/Header_LOCAL_73021.d.ts +33 -0
  99. package/dist/esm/components/header/Header_LOCAL_73021.js +328 -0
  100. package/dist/esm/components/header/Header_LOCAL_73021.js.map +1 -0
  101. package/dist/esm/components/header/Header_REMOTE_73021.d.ts +30 -0
  102. package/dist/esm/components/header/Header_REMOTE_73021.js +329 -0
  103. package/dist/esm/components/header/Header_REMOTE_73021.js.map +1 -0
  104. package/dist/esm/components/story-previewer/StoryPreviewer.js +12 -2
  105. package/dist/esm/components/story-previewer/StoryPreviewer.js.map +1 -1
  106. package/dist/esm/constants/copy.js +2 -2
  107. package/dist/esm/constants/copy.js.map +1 -1
  108. package/dist/esm/constants/icons.d.ts +1 -0
  109. package/dist/esm/constants/icons.js +2 -0
  110. package/dist/esm/constants/icons.js.map +1 -1
  111. package/dist/esm/constants/variables.d.ts +3 -0
  112. package/dist/esm/constants/variables.js +25 -1
  113. package/dist/esm/constants/variables.js.map +1 -1
  114. package/dist/esm/index.d.ts +2 -2
  115. package/dist/esm/index.js.map +1 -1
  116. package/dist/esm/redux/actions/asset-list.js +0 -1
  117. package/dist/esm/redux/actions/asset-list.js.map +1 -1
  118. package/dist/esm/redux/actions/asset-uploads.js +22 -1
  119. package/dist/esm/redux/actions/asset-uploads.js.map +1 -1
  120. package/dist/esm/redux/reducers/asset-uploads.js +11 -0
  121. package/dist/esm/redux/reducers/asset-uploads.js.map +1 -1
  122. package/dist/esm/services/API.d.ts +3 -0
  123. package/dist/esm/services/API.js +9 -0
  124. package/dist/esm/services/API.js.map +1 -1
  125. package/package.json +1 -1
  126. package/src/components/app-wrapper/AppWrapper.tsx +3 -4
  127. package/src/components/assets/AssetsTableNameCell.tsx +2 -2
  128. package/src/components/assets/AssetsTypeIcon.tsx +4 -1
  129. package/src/components/card/Card.tsx +13 -27
  130. package/src/components/confirm-modal/ConfirmModal.tsx +80 -19
  131. package/src/components/data-table/Paginator.tsx +93 -140
  132. package/src/components/story-previewer/StoryPreviewer.tsx +28 -4
  133. package/src/constants/copy.ts +2 -2
  134. package/src/constants/icons.tsx +3 -0
  135. package/src/constants/variables.ts +27 -1
  136. package/src/index.ts +3 -2
  137. package/src/redux/actions/asset-list.ts +0 -1
  138. package/src/redux/actions/asset-uploads.ts +20 -1
  139. package/src/redux/reducers/asset-uploads.ts +11 -0
  140. 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 = ({ onClose, onYes, onNo, title, onYesLabel, onNoLabel, showCancel }) => {
9
- useHotkeys('enter', onYes, { enableOnFormTags: true });
10
- const { cancel } = copy;
11
- const modal = (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
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: '12%',
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' }, onNoLabel),
26
- React.createElement(Button, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' }, onYesLabel))))));
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,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACb,EAAE,EAAE;IACD,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAExB,MAAM,KAAK,GAAG,CACV,oBAAC,KAAK,IACF,cAAc,EAAE,OAAO,EACvB,YAAY,EAAE;YACV,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,MAAM;SAChB,EACD,KAAK,EAAE;YACH,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,0BAA0B;SACnC,EACD,MAAM,EAAE,IAAI;QACZ,oBAAC,OAAO;YACJ,6BAAK,SAAS,EAAC,eAAe;gBAC1B,+BAAI,KAAK,CAAK;gBACd,6BAAK,SAAS,EAAC,iBAAiB;oBAC3B,UAAU,CAAC,CAAC,CAAC,CACV,oBAAC,MAAM,IACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,MAAM,CACF,CACZ,CAAC,CAAC,CAAC,IAAI;oBACR,oBAAC,MAAM,IACH,OAAO,EAAE,IAAI,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,SAAS,CACL;oBACT,oBAAC,MAAM,IACH,OAAO,EAAE,KAAK,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,UAAU,CACN,CACP,CACJ,CACA,CACN,CACX,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAChC,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IAExE,OAAO,oBAAC,sBAAsB,OAAG,CAAC;AACtC,CAAC,CAAC"}
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
- const [getPageIndex, setPageIndex] = React.useState(pageIndex);
8
- const [getItemsPerPage, setItemsPerPage] = React.useState(itemsPerPage);
9
- React.useEffect(() => {
10
- if (pageIndex !== getPageIndex) {
11
- setPageIndex(pageIndex);
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
- React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to first page', disabled: !canPreviousPage, onClick: () => gotoPage(1, pageSize) }, ICON_ANGLE_DOUBLE_LEFT),
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("span", null,
42
- copy.table.page,
43
- "\u00A0\u00A0",
44
- React.createElement("strong", null,
45
- getPageIndex,
46
- " of ",
47
- pageCount),
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("span", null,
67
- copy.table.itemsPerPage,
68
- "\u00A0\u00A0",
69
- React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: getItemsPerPage.toString(), min: 1, onChange: (e) => {
70
- const input = e.target.value;
71
- const inputNum = Number(input);
72
- clearTimeout(textInputTimeout);
73
- if (!input || inputNum < 1) {
74
- return;
75
- }
76
- setItemsPerPage(inputNum);
77
- textInputTimeout = window.setTimeout(() => onItemsPerPage(inputNum), 1000);
78
- }, onBlur: () => onItemsPerPageBlur(), onKeyDown: (e) => onItemsPerPageKeyDown(e) }))),
79
- React.createElement("span", { className: 'total-assets' },
80
- copy.table.total,
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("strong", null, totalItems || 0))));
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;IACD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,SAAS,CAAC,CAAC;IACvE,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,YAAY,CAAC,CAAC;IAEhF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,KAAK,YAAY,EAAE,CAAC;YAC7B,YAAY,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAC/B,cAAc,CAAC,eAAe,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAC/B,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE;QAChC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,gBAAgB,CAAC,CAAC;YAC/B,cAAc,CAAC,eAAe,CAAC,CAAC;QACpC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,gBAAgB,CAAC,CAAC;YAC/B,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,iCAAS,SAAS,EAAC,qBAAqB;QACpC;YACI,oBAAC,MAAM,IACH,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,QAAQ,EAAE,CAAC,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,IACnC,sBAAsB,CAClB;YACT,oBAAC,MAAM,IACH,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,qBAAqB,EAC7B,QAAQ,EAAE,CAAC,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,IAC5B,eAAe,CACX;YACT,oBAAC,MAAM,IACH,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,iBAAiB,EACzB,QAAQ,EAAE,CAAC,WAAW,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,IACxB,gBAAgB,CACZ;YACT,oBAAC,MAAM,IACH,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,iBAAiB,EACzB,QAAQ,EAAE,CAAC,WAAW,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,IAC3C,uBAAuB,CACnB;;YAET;gBACK,IAAI,CAAC,KAAK,CAAC,IAAI;;gBAChB;oBACK,YAAY;;oBAAM,SAAS,CACvB;+BAEN;YACP;gBACK,IAAI,CAAC,KAAK,CAAC,QAAQ;;gBACpB,+BACI,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,YAAY,CAAC,QAAQ,EAAE,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACZ,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC7B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC/B,IAAI,IAAY,CAAC;wBAEjB,YAAY,CAAC,gBAAgB,CAAC,CAAC;wBAE/B,IAAI,CAAC,KAAK,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,SAAS,EAAE,CAAC;4BACjD,OAAO;wBACX,CAAC;wBAED,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,IAAI,SAAS,EAAE,CAAC;4BACzC,IAAI,GAAG,QAAQ,CAAC;wBACpB,CAAC;wBAED,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAChC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC9B,IAAI,CACP,CAAC;oBACN,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,EAC9B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,GACxC,CACC;;YAEP;gBACK,IAAI,CAAC,KAAK,CAAC,YAAY;;gBACxB,+BACI,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,eAAe,CAAC,QAAQ,EAAE,EACvC,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACZ,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC7B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;wBAE/B,YAAY,CAAC,gBAAgB,CAAC,CAAC;wBAE/B,IAAI,CAAC,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;4BACzB,OAAO;wBACX,CAAC;wBAED,eAAe,CAAC,QAAQ,CAAC,CAAC;wBAE1B,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAChC,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,EAC9B,IAAI,CACP,CAAC;oBACN,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,EAClC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAC5C,CACC,CACJ;QAEP,8BAAM,SAAS,EAAC,cAAc;YACzB,IAAI,CAAC,KAAK,CAAC,KAAK;;YAAa,oCAAS,UAAU,IAAI,CAAC,CAAU,CAC7D,CACD,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
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;