@jotforminc/dnd-builder 3.5.6 → 3.6.0
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 +14 -0
- package/lib/cjs/components/Builder/Builder.js +1 -3
- package/lib/cjs/components/Builder/Builder.js.map +1 -1
- package/lib/cjs/components/Builder/BuilderWrapper.js +27 -5
- package/lib/cjs/components/Builder/BuilderWrapper.js.map +1 -1
- package/lib/cjs/components/Builder/PageActions.js +10 -53
- package/lib/cjs/components/Builder/PageActions.js.map +1 -1
- package/lib/cjs/components/Builder/Scene.js +9 -1
- package/lib/cjs/components/Builder/Scene.js.map +1 -1
- package/lib/cjs/components/Builder/SlidesNavigatorToggle.js +41 -0
- package/lib/cjs/components/Builder/SlidesNavigatorToggle.js.map +1 -0
- package/lib/cjs/components/PageItemResizer.js +1 -1
- package/lib/cjs/components/PageItemResizer.js.map +1 -1
- package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js +4 -6
- package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
- package/lib/cjs/components/Panels/RightPanel/RightPanel.js +1 -1
- package/lib/cjs/components/Panels/RightPanel/RightPanel.js.map +1 -1
- package/lib/cjs/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js +257 -0
- package/lib/cjs/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js.map +1 -0
- package/lib/cjs/components/Panels/SlidesNavigator/SlideItem.js +144 -0
- package/lib/cjs/components/Panels/SlidesNavigator/SlideItem.js.map +1 -0
- package/lib/cjs/components/Panels/{AllSlidesPanel/PageItemDragOverlay.js → SlidesNavigator/SlideItemDragOverlay.js} +29 -16
- package/lib/cjs/components/Panels/SlidesNavigator/SlideItemDragOverlay.js.map +1 -0
- package/lib/cjs/components/Panels/SlidesNavigator/SlideItemsList.js +232 -0
- package/lib/cjs/components/Panels/SlidesNavigator/SlideItemsList.js.map +1 -0
- package/lib/cjs/components/Panels/SlidesNavigator/SlidesNavigator.js +54 -0
- package/lib/cjs/components/Panels/SlidesNavigator/SlidesNavigator.js.map +1 -0
- package/lib/cjs/components/Panels/SlidesNavigator/StaticSlideItem.js +97 -0
- package/lib/cjs/components/Panels/SlidesNavigator/StaticSlideItem.js.map +1 -0
- package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js +6 -17
- package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
- package/lib/cjs/components/ReportWrapper.js +4 -4
- package/lib/cjs/components/ReportWrapper.js.map +1 -1
- package/lib/cjs/constants/panel.js +11 -0
- package/lib/cjs/constants/panel.js.map +1 -0
- package/lib/cjs/constants/texts.js +6 -1
- package/lib/cjs/constants/texts.js.map +1 -1
- package/lib/cjs/contexts/BuilderContext.js +15 -7
- package/lib/cjs/contexts/BuilderContext.js.map +1 -1
- package/lib/cjs/contexts/Providers.js +8 -1
- package/lib/cjs/contexts/Providers.js.map +1 -1
- package/lib/cjs/styles/_jfReportsFloatings.scss +39 -7
- package/lib/cjs/styles/_jfReportsHelpers.scss +1 -1
- package/lib/cjs/styles/_jfReportsMain.scss +8 -0
- package/lib/cjs/styles/_jfReportsPanels.scss +10 -7
- package/lib/cjs/styles/_jfReportsReportItem.scss +2 -2
- package/lib/cjs/styles/_jfReportsSlides.scss +2 -2
- package/lib/cjs/styles/_jfReportsVariables.scss +1 -0
- package/lib/cjs/styles/_jfReportsViewModes.scss +1 -0
- package/lib/cjs/styles/jfReportsBundle.scss +1 -0
- package/lib/cjs/styles/slides-navigator.scss +239 -0
- package/lib/cjs/utils/functions.js +9 -28
- package/lib/cjs/utils/functions.js.map +1 -1
- package/lib/cjs/utils/hooks.js +3 -1
- package/lib/cjs/utils/hooks.js.map +1 -1
- package/lib/cjs/utils/icons.js +0 -2
- package/lib/cjs/utils/icons.js.map +1 -1
- package/lib/esm/components/Builder/Builder.js +1 -3
- package/lib/esm/components/Builder/Builder.js.map +1 -1
- package/lib/esm/components/Builder/BuilderWrapper.js +28 -6
- package/lib/esm/components/Builder/BuilderWrapper.js.map +1 -1
- package/lib/esm/components/Builder/PageActions.js +12 -55
- package/lib/esm/components/Builder/PageActions.js.map +1 -1
- package/lib/esm/components/Builder/Scene.js +9 -1
- package/lib/esm/components/Builder/Scene.js.map +1 -1
- package/lib/esm/components/Builder/SlidesNavigatorToggle.js +39 -0
- package/lib/esm/components/Builder/SlidesNavigatorToggle.js.map +1 -0
- package/lib/esm/components/PageItemResizer.js +1 -1
- package/lib/esm/components/PageItemResizer.js.map +1 -1
- package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js +5 -7
- package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
- package/lib/esm/components/Panels/RightPanel/RightPanel.js +1 -1
- package/lib/esm/components/Panels/RightPanel/RightPanel.js.map +1 -1
- package/lib/esm/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js +251 -0
- package/lib/esm/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js.map +1 -0
- package/lib/esm/components/Panels/SlidesNavigator/SlideItem.js +138 -0
- package/lib/esm/components/Panels/SlidesNavigator/SlideItem.js.map +1 -0
- package/lib/esm/components/Panels/SlidesNavigator/SlideItemDragOverlay.js +61 -0
- package/lib/esm/components/Panels/SlidesNavigator/SlideItemDragOverlay.js.map +1 -0
- package/lib/esm/components/Panels/SlidesNavigator/SlideItemsList.js +226 -0
- package/lib/esm/components/Panels/SlidesNavigator/SlideItemsList.js.map +1 -0
- package/lib/esm/components/Panels/SlidesNavigator/SlidesNavigator.js +52 -0
- package/lib/esm/components/Panels/SlidesNavigator/SlidesNavigator.js.map +1 -0
- package/lib/esm/components/Panels/SlidesNavigator/StaticSlideItem.js +91 -0
- package/lib/esm/components/Panels/SlidesNavigator/StaticSlideItem.js.map +1 -0
- package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js +7 -18
- package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
- package/lib/esm/components/ReportWrapper.js +4 -4
- package/lib/esm/components/ReportWrapper.js.map +1 -1
- package/lib/esm/constants/panel.js +7 -0
- package/lib/esm/constants/panel.js.map +1 -0
- package/lib/esm/constants/texts.js +6 -1
- package/lib/esm/constants/texts.js.map +1 -1
- package/lib/esm/contexts/BuilderContext.js +15 -7
- package/lib/esm/contexts/BuilderContext.js.map +1 -1
- package/lib/esm/contexts/Providers.js +8 -1
- package/lib/esm/contexts/Providers.js.map +1 -1
- package/lib/esm/styles/_jfReportsFloatings.scss +39 -7
- package/lib/esm/styles/_jfReportsHelpers.scss +1 -1
- package/lib/esm/styles/_jfReportsMain.scss +8 -0
- package/lib/esm/styles/_jfReportsPanels.scss +10 -7
- package/lib/esm/styles/_jfReportsReportItem.scss +2 -2
- package/lib/esm/styles/_jfReportsSlides.scss +2 -2
- package/lib/esm/styles/_jfReportsVariables.scss +1 -0
- package/lib/esm/styles/_jfReportsViewModes.scss +1 -0
- package/lib/esm/styles/jfReportsBundle.scss +1 -0
- package/lib/esm/styles/slides-navigator.scss +239 -0
- package/lib/esm/utils/functions.js +8 -27
- package/lib/esm/utils/functions.js.map +1 -1
- package/lib/esm/utils/hooks.js +3 -1
- package/lib/esm/utils/hooks.js.map +1 -1
- package/lib/esm/utils/icons.js +0 -1
- package/lib/esm/utils/icons.js.map +1 -1
- package/package.json +3 -1
- package/lib/cjs/assets/svg/all_slides.svg.js +0 -23
- package/lib/cjs/assets/svg/all_slides.svg.js.map +0 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js +0 -148
- package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +0 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js +0 -29
- package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map +0 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js +0 -107
- package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js.map +0 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js +0 -102
- package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js.map +0 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map +0 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js +0 -178
- package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js.map +0 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js +0 -95
- package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +0 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/index.js +0 -8
- package/lib/cjs/components/Panels/AllSlidesPanel/index.js.map +0 -1
- package/lib/cjs/components/Settings/Button.js +0 -44
- package/lib/cjs/components/Settings/Button.js.map +0 -1
- package/lib/esm/assets/svg/all_slides.svg.js +0 -21
- package/lib/esm/assets/svg/all_slides.svg.js.map +0 -1
- package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js +0 -142
- package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +0 -1
- package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js +0 -23
- package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map +0 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js +0 -101
- package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js.map +0 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageItem.js +0 -95
- package/lib/esm/components/Panels/AllSlidesPanel/PageItem.js.map +0 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageItemDragOverlay.js +0 -48
- package/lib/esm/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map +0 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageList.js +0 -172
- package/lib/esm/components/Panels/AllSlidesPanel/PageList.js.map +0 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js +0 -89
- package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +0 -1
- package/lib/esm/components/Panels/AllSlidesPanel/index.js +0 -3
- package/lib/esm/components/Panels/AllSlidesPanel/index.js.map +0 -1
- package/lib/esm/components/Settings/Button.js +0 -38
- package/lib/esm/components/Settings/Button.js.map +0 -1
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { memo } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
4
|
-
import SvgClose from '../../../assets/svg/close.svg.js';
|
|
5
|
-
import SvgDuplicate from '../../../assets/svg/duplicate.svg.js';
|
|
6
|
-
import SvgTrash from '../../../assets/svg/trash.svg.js';
|
|
7
|
-
|
|
8
|
-
var PageActionsBar = function PageActionsBar(_ref) {
|
|
9
|
-
var _ref$onPageDeselect = _ref.onPageDeselect,
|
|
10
|
-
onPageDeselect = _ref$onPageDeselect === void 0 ? function () {} : _ref$onPageDeselect,
|
|
11
|
-
_ref$onPageSelectAll = _ref.onPageSelectAll,
|
|
12
|
-
onPageSelectAll = _ref$onPageSelectAll === void 0 ? function () {} : _ref$onPageSelectAll,
|
|
13
|
-
_ref$pageCount = _ref.pageCount,
|
|
14
|
-
pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
|
|
15
|
-
_ref$selectedPagesCou = _ref.selectedPagesCount,
|
|
16
|
-
selectedPagesCount = _ref$selectedPagesCou === void 0 ? 0 : _ref$selectedPagesCou;
|
|
17
|
-
// const onPageDuplicateClick = () => {
|
|
18
|
-
// onPageDuplicate(page);
|
|
19
|
-
// onAnEventTrigger('duplicatePage', order + 1);
|
|
20
|
-
// };
|
|
21
|
-
// const onPageRemoveClick = () => {
|
|
22
|
-
// onPageRemove(page.id);
|
|
23
|
-
// onAnEventTrigger('removePageFromSlides', page.id);
|
|
24
|
-
// };
|
|
25
|
-
return /*#__PURE__*/jsxs("div", {
|
|
26
|
-
className: "pageActionsBar p-absolute d-flex j-between a-center",
|
|
27
|
-
children: [/*#__PURE__*/jsxs("div", {
|
|
28
|
-
className: "pageActionsBar-section",
|
|
29
|
-
children: [/*#__PURE__*/jsx("span", {
|
|
30
|
-
children: "Total ".concat(pageCount, " Slides")
|
|
31
|
-
}), /*#__PURE__*/jsx("button", {
|
|
32
|
-
className: "jfReportButton forPageActionsBar withRadius",
|
|
33
|
-
onClick: onPageSelectAll,
|
|
34
|
-
title: "Select All",
|
|
35
|
-
type: "button",
|
|
36
|
-
children: "Select All"
|
|
37
|
-
}, "Select All")]
|
|
38
|
-
}), selectedPagesCount > 0 && /*#__PURE__*/jsxs(Fragment, {
|
|
39
|
-
children: [/*#__PURE__*/jsxs("div", {
|
|
40
|
-
className: "pageActionsBar-section",
|
|
41
|
-
children: [/*#__PURE__*/jsx("span", {
|
|
42
|
-
className: "pageSummary",
|
|
43
|
-
children: "".concat(selectedPagesCount, " Slides")
|
|
44
|
-
}), /*#__PURE__*/jsx("span", {
|
|
45
|
-
children: " selected"
|
|
46
|
-
}), /*#__PURE__*/jsxs("button", {
|
|
47
|
-
className: "jfReportButton forPageActionsBar withRadius forDeselect",
|
|
48
|
-
onClick: onPageDeselect,
|
|
49
|
-
title: "Deselect",
|
|
50
|
-
type: "button",
|
|
51
|
-
children: [/*#__PURE__*/jsx("span", {
|
|
52
|
-
children: "Deselect"
|
|
53
|
-
}), /*#__PURE__*/jsx(SvgClose, {
|
|
54
|
-
className: "jfReportSVG icon-duplicateLine"
|
|
55
|
-
})]
|
|
56
|
-
}, "Deselect")]
|
|
57
|
-
}), /*#__PURE__*/jsxs("div", {
|
|
58
|
-
className: "pageActionsBar-section",
|
|
59
|
-
children: [/*#__PURE__*/jsxs("button", {
|
|
60
|
-
className: "jfReportButton forPageActionsBar forDuplicate" // onClick={onPageDuplicateClick}
|
|
61
|
-
,
|
|
62
|
-
title: "Duplicate Page",
|
|
63
|
-
type: "button",
|
|
64
|
-
children: [/*#__PURE__*/jsx(SvgDuplicate, {
|
|
65
|
-
className: "jfReportSVG icon-duplicateLine"
|
|
66
|
-
}), /*#__PURE__*/jsx("span", {
|
|
67
|
-
children: "Duplicate"
|
|
68
|
-
})]
|
|
69
|
-
}, "Duplicate Page"), /*#__PURE__*/jsxs("button", {
|
|
70
|
-
className: "jfReportButton isDanger" // onClick={onPageRemoveClick}
|
|
71
|
-
,
|
|
72
|
-
title: "Remove Slide",
|
|
73
|
-
type: "button",
|
|
74
|
-
children: [/*#__PURE__*/jsx(SvgTrash, {
|
|
75
|
-
className: "jfReportSVG icon-trashLine"
|
|
76
|
-
}), /*#__PURE__*/jsx("span", {
|
|
77
|
-
children: "Delete"
|
|
78
|
-
})]
|
|
79
|
-
}, "Remove Slide")]
|
|
80
|
-
})]
|
|
81
|
-
})]
|
|
82
|
-
});
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
PageActionsBar.propTypes = {
|
|
86
|
-
// onAnEventTrigger: PropTypes.func,
|
|
87
|
-
// onPageDuplicate: PropTypes.func,
|
|
88
|
-
// onPageRemove: PropTypes.func,
|
|
89
|
-
// order: PropTypes.string,
|
|
90
|
-
onPageDeselect: PropTypes.func,
|
|
91
|
-
onPageSelectAll: PropTypes.func,
|
|
92
|
-
page: PropTypes.shape({
|
|
93
|
-
id: PropTypes.string
|
|
94
|
-
}),
|
|
95
|
-
pageCount: PropTypes.number,
|
|
96
|
-
selectedPagesCount: PropTypes.number
|
|
97
|
-
};
|
|
98
|
-
var PageActionsBar$1 = /*#__PURE__*/memo(PageActionsBar);
|
|
99
|
-
|
|
100
|
-
export default PageActionsBar$1;
|
|
101
|
-
//# sourceMappingURL=PageActionsBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n onPageDeselect = () => {},\n onPageSelectAll = () => {},\n pageCount = 0,\n selectedPagesCount = 0,\n}) => {\n // const onPageDuplicateClick = () => {\n // onPageDuplicate(page);\n // onAnEventTrigger('duplicatePage', order + 1);\n // };\n\n // const onPageRemoveClick = () => {\n // onPageRemove(page.id);\n // onAnEventTrigger('removePageFromSlides', page.id);\n // };\n\n return (\n <div\n className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n >\n <div className=\"pageActionsBar-section\">\n <span>\n {`Total ${pageCount} Slides`}\n </span>\n <button\n key=\"Select All\"\n className=\"jfReportButton forPageActionsBar withRadius\"\n onClick={onPageSelectAll}\n title=\"Select All\"\n type=\"button\"\n >\n Select All\n </button>\n </div>\n {selectedPagesCount > 0 && (\n <>\n <div className=\"pageActionsBar-section\">\n <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n <span> selected</span>\n <button\n key=\"Deselect\"\n className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n onClick={onPageDeselect}\n title=\"Deselect\"\n type=\"button\"\n >\n <span>\n Deselect\n </span>\n <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n </button>\n </div>\n <div className=\"pageActionsBar-section\">\n <button\n key=\"Duplicate Page\"\n className=\"jfReportButton forPageActionsBar forDuplicate\"\n // onClick={onPageDuplicateClick}\n title=\"Duplicate Page\"\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n <span>Duplicate</span>\n </button>\n <button\n key=\"Remove Slide\"\n className=\"jfReportButton isDanger\"\n // onClick={onPageRemoveClick}\n title=\"Remove Slide\"\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trashLine\" />\n <span>Delete</span>\n </button>\n </div>\n </>\n )}\n </div>\n );\n};\n\nPageActionsBar.propTypes = {\n // onAnEventTrigger: PropTypes.func,\n // onPageDuplicate: PropTypes.func,\n // onPageRemove: PropTypes.func,\n // order: PropTypes.string,\n onPageDeselect: PropTypes.func,\n onPageSelectAll: PropTypes.func,\n page: PropTypes.shape({ id: PropTypes.string }),\n pageCount: PropTypes.number,\n selectedPagesCount: PropTypes.number,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","memo"],"mappings":";;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,iCAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,YAAM,EAInB;AAAA,kCAHJC,eAGI;AAAA,MAHJA,eAGI,qCAHc,YAAM,EAGpB;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,CAER;AAAA,mCADJC,kBACI;AAAA,MADJA,kBACI,sCADiB,CACjB;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,IAACC,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACE,YAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACG,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,cADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,SAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,SAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,SAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,SAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,SAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,SAAS,CAACM;AATL,CAA3B;AAYA,oCAAeC,IAAI,CAAClB,cAAD,CAAnB;;;;"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/es.object.to-string.js';
|
|
2
|
-
import 'core-js/modules/es.regexp.to-string.js';
|
|
3
|
-
import { memo, useMemo } from 'react';
|
|
4
|
-
import { useSortable } from '@dnd-kit/sortable';
|
|
5
|
-
import { CSS } from '@dnd-kit/utilities';
|
|
6
|
-
import classNames from 'classnames';
|
|
7
|
-
import PropTypes from 'prop-types';
|
|
8
|
-
import StaticPage from '../../Preview/StaticPage.js';
|
|
9
|
-
import PageThumbnailActions from './PageThumbnailActions.js';
|
|
10
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
15
|
-
|
|
16
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
-
|
|
18
|
-
var PageItem = function PageItem(_ref) {
|
|
19
|
-
var id = _ref.id,
|
|
20
|
-
isSelected = _ref.isSelected,
|
|
21
|
-
onPageClick = _ref.onPageClick,
|
|
22
|
-
order = _ref.order,
|
|
23
|
-
page = _ref.page,
|
|
24
|
-
style = _ref.style;
|
|
25
|
-
|
|
26
|
-
var _useSortable = useSortable({
|
|
27
|
-
id: id
|
|
28
|
-
}),
|
|
29
|
-
attributes = _useSortable.attributes,
|
|
30
|
-
isDragging = _useSortable.isDragging,
|
|
31
|
-
listeners = _useSortable.listeners,
|
|
32
|
-
setNodeRef = _useSortable.setNodeRef,
|
|
33
|
-
transform = _useSortable.transform,
|
|
34
|
-
transition = _useSortable.transition;
|
|
35
|
-
|
|
36
|
-
var dragStyle = useMemo(function () {
|
|
37
|
-
var opacity = isDragging ? 0.5 : 1;
|
|
38
|
-
var transitionValue = isDragging ? 'none' : transition;
|
|
39
|
-
return {
|
|
40
|
-
opacity: opacity,
|
|
41
|
-
transform: CSS.Transform.toString(transform),
|
|
42
|
-
transition: transitionValue
|
|
43
|
-
};
|
|
44
|
-
}, [transform, transition, isDragging]);
|
|
45
|
-
|
|
46
|
-
var onKeyDown = function onKeyDown(f) {
|
|
47
|
-
return f;
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
|
|
51
|
-
ref: setNodeRef,
|
|
52
|
-
className: classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', {
|
|
53
|
-
isSelected: isSelected
|
|
54
|
-
}),
|
|
55
|
-
"data-id": page.id,
|
|
56
|
-
"data-order": order,
|
|
57
|
-
onClick: onPageClick,
|
|
58
|
-
onKeyDown: onKeyDown,
|
|
59
|
-
style: dragStyle
|
|
60
|
-
}, attributes), listeners), {}, {
|
|
61
|
-
children: [/*#__PURE__*/jsx("div", {
|
|
62
|
-
className: "thumbnailOrder",
|
|
63
|
-
children: order
|
|
64
|
-
}), /*#__PURE__*/jsx("div", {
|
|
65
|
-
className: "thumbnailFrame o-hidden",
|
|
66
|
-
children: /*#__PURE__*/jsx(StaticPage, {
|
|
67
|
-
items: page.items,
|
|
68
|
-
style: style
|
|
69
|
-
})
|
|
70
|
-
}), /*#__PURE__*/jsx(PageThumbnailActions, {
|
|
71
|
-
order: order,
|
|
72
|
-
page: page
|
|
73
|
-
})]
|
|
74
|
-
}));
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
PageItem.propTypes = {
|
|
78
|
-
id: PropTypes.string.isRequired,
|
|
79
|
-
isSelected: PropTypes.bool,
|
|
80
|
-
onPageClick: PropTypes.func,
|
|
81
|
-
order: PropTypes.number,
|
|
82
|
-
page: PropTypes.shape({
|
|
83
|
-
id: PropTypes.string.isRequired,
|
|
84
|
-
items: PropTypes.arrayOf(PropTypes.shape({}))
|
|
85
|
-
}),
|
|
86
|
-
style: PropTypes.shape({
|
|
87
|
-
opacity: PropTypes.number,
|
|
88
|
-
transform: PropTypes.string,
|
|
89
|
-
transition: PropTypes.string
|
|
90
|
-
})
|
|
91
|
-
};
|
|
92
|
-
var PageItem$1 = /*#__PURE__*/memo(PageItem);
|
|
93
|
-
|
|
94
|
-
export default PageItem$1;
|
|
95
|
-
//# sourceMappingURL=PageItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageItem.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst PageItem = ({\n id,\n isSelected,\n onPageClick,\n order,\n page,\n style,\n}) => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = useSortable({ id });\n\n const dragStyle = useMemo(() => {\n const opacity = isDragging ? 0.5 : 1;\n const transitionValue = isDragging ? 'none' : transition;\n return {\n opacity,\n transform: CSS.Transform.toString(transform),\n transition: transitionValue,\n };\n }, [transform, transition, isDragging]);\n\n const onKeyDown = f => f;\n return (\n <div\n ref={setNodeRef}\n className={(\n classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', { isSelected })\n )}\n data-id={page.id}\n data-order={order}\n onClick={onPageClick}\n onKeyDown={onKeyDown}\n style={dragStyle}\n {...attributes}\n {...listeners}\n >\n <div className=\"thumbnailOrder\">{order}</div>\n <div className=\"thumbnailFrame o-hidden\">\n <StaticPage\n items={page.items}\n style={style}\n />\n </div>\n <PageThumbnailActions\n order={order}\n page={page}\n />\n </div>\n );\n};\n\nPageItem.propTypes = {\n id: PropTypes.string.isRequired,\n isSelected: PropTypes.bool,\n onPageClick: PropTypes.func,\n order: PropTypes.number,\n page: PropTypes.shape({\n id: PropTypes.string.isRequired,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n }),\n style: PropTypes.shape({\n opacity: PropTypes.number,\n transform: PropTypes.string,\n transition: PropTypes.string,\n }),\n};\n\nexport default memo(PageItem);\n"],"names":["PageItem","id","isSelected","onPageClick","order","page","style","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","dragStyle","useMemo","opacity","transitionValue","CSS","Transform","toString","onKeyDown","f","_jsxs","classNames","_jsx","items","propTypes","PropTypes","string","isRequired","bool","func","number","shape","arrayOf","memo"],"mappings":"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"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { DragOverlay } from '@dnd-kit/core';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import StaticPage from '../../Preview/StaticPage.js';
|
|
4
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var PageItemDragOverlay = function PageItemDragOverlay(_ref) {
|
|
7
|
-
var activePageData = _ref.activePageData;
|
|
8
|
-
return /*#__PURE__*/jsx(DragOverlay, {
|
|
9
|
-
adjustScale: false,
|
|
10
|
-
dropAnimation: null,
|
|
11
|
-
style: {
|
|
12
|
-
cursor: 'grabbing'
|
|
13
|
-
},
|
|
14
|
-
children: activePageData ? /*#__PURE__*/jsxs("div", {
|
|
15
|
-
// eslint-disable-next-line max-len
|
|
16
|
-
className: "thumbnailWrapper d-flex dir-col a-center j-center p-relative pageThumbnailHelper forAllSlides",
|
|
17
|
-
style: {
|
|
18
|
-
opacity: 0.5
|
|
19
|
-
},
|
|
20
|
-
children: [/*#__PURE__*/jsx("div", {
|
|
21
|
-
className: "thumbnailOrder",
|
|
22
|
-
children: activePageData.page.order
|
|
23
|
-
}), /*#__PURE__*/jsx("div", {
|
|
24
|
-
className: "thumbnailFrame o-hidden",
|
|
25
|
-
children: /*#__PURE__*/jsx(StaticPage, {
|
|
26
|
-
isThumbnail: true,
|
|
27
|
-
items: activePageData.page.items,
|
|
28
|
-
style: activePageData.pageContainerLastStyle
|
|
29
|
-
})
|
|
30
|
-
}), /*#__PURE__*/jsx("div", {
|
|
31
|
-
className: "thumbnailActions d-flex dir-col f-height j-center"
|
|
32
|
-
})]
|
|
33
|
-
}) : null
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
PageItemDragOverlay.propTypes = {
|
|
38
|
-
activePageData: PropTypes.shape({
|
|
39
|
-
page: PropTypes.shape({
|
|
40
|
-
items: PropTypes.arrayOf(PropTypes.shape({})),
|
|
41
|
-
order: PropTypes.number
|
|
42
|
-
}),
|
|
43
|
-
pageContainerLastStyle: PropTypes.shape({})
|
|
44
|
-
})
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
export default PageItemDragOverlay;
|
|
48
|
-
//# sourceMappingURL=PageItemDragOverlay.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageItemDragOverlay.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItemDragOverlay.js"],"sourcesContent":["import { DragOverlay } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\n\nconst PageItemDragOverlay = ({\n activePageData,\n}) => {\n return (\n <DragOverlay\n adjustScale={false}\n dropAnimation={null}\n style={{ cursor: 'grabbing' }}\n >\n {activePageData ? (\n <div\n // eslint-disable-next-line max-len\n className=\"thumbnailWrapper d-flex dir-col a-center j-center p-relative pageThumbnailHelper forAllSlides\"\n style={{ opacity: 0.5 }}\n >\n <div className=\"thumbnailOrder\">{activePageData.page.order}</div>\n <div className=\"thumbnailFrame o-hidden\">\n <StaticPage\n isThumbnail\n items={activePageData.page.items}\n style={activePageData.pageContainerLastStyle}\n />\n </div>\n <div className=\"thumbnailActions d-flex dir-col f-height j-center\" />\n </div>\n ) : null}\n </DragOverlay>\n );\n};\n\nPageItemDragOverlay.propTypes = {\n activePageData: PropTypes.shape({\n page: PropTypes.shape({\n items: PropTypes.arrayOf(PropTypes.shape({})),\n order: PropTypes.number,\n }),\n pageContainerLastStyle: PropTypes.shape({}),\n }),\n};\n\nexport default PageItemDragOverlay;\n"],"names":["PageItemDragOverlay","activePageData","_jsx","cursor","_jsxs","opacity","page","order","items","pageContainerLastStyle","propTypes","PropTypes","shape","arrayOf","number"],"mappings":";;;;;IAIMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAEtB;AAAA,MADJC,cACI,QADJA,cACI;AACJ,sBACEC,IAAC,WAAD;AACE,IAAA,WAAW,EAAE,KADf;AAEE,IAAA,aAAa,EAAE,IAFjB;AAGE,IAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAHT;AAAA,cAKGF,cAAc,gBACbG;AACE;AACA,MAAA,SAAS,EAAC,+FAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAHT;AAAA,8BAKEH;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,kBAAiCD,cAAc,CAACK,IAAf,CAAoBC;AAArD,QALF,eAMEL;AAAK,QAAA,SAAS,EAAC,yBAAf;AAAA,+BACEA,IAAC,UAAD;AACE,UAAA,WAAW,MADb;AAEE,UAAA,KAAK,EAAED,cAAc,CAACK,IAAf,CAAoBE,KAF7B;AAGE,UAAA,KAAK,EAAEP,cAAc,CAACQ;AAHxB;AADF,QANF,eAaEP;AAAK,QAAA,SAAS,EAAC;AAAf,QAbF;AAAA,MADa,GAgBX;AArBN,IADF;AAyBD;;AAEDF,mBAAmB,CAACU,SAApB,GAAgC;AAC9BT,EAAAA,cAAc,EAAEU,SAAS,CAACC,KAAV,CAAgB;AAC9BN,IAAAA,IAAI,EAAEK,SAAS,CAACC,KAAV,CAAgB;AACpBJ,MAAAA,KAAK,EAAEG,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CADa;AAEpBL,MAAAA,KAAK,EAAEI,SAAS,CAACG;AAFG,KAAhB,CADwB;AAK9BL,IAAAA,sBAAsB,EAAEE,SAAS,CAACC,KAAV,CAAgB,EAAhB;AALM,GAAhB;AADc,CAAhC;;;;"}
|
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/es.array.concat.js';
|
|
2
|
-
import 'core-js/modules/es.array.find.js';
|
|
3
|
-
import 'core-js/modules/es.array.find-index.js';
|
|
4
|
-
import 'core-js/modules/es.array.map.js';
|
|
5
|
-
import { memo, useState, useRef, useCallback, useMemo } from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
|
|
8
|
-
import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
|
|
9
|
-
import PageItem from './PageItem.js';
|
|
10
|
-
import PageItemDragOverlay from './PageItemDragOverlay.js';
|
|
11
|
-
import { getScaleForPageThumbnailLarge } from '../../../utils/functions.js';
|
|
12
|
-
import PageAdder from '../../Builder/PageAdder.js';
|
|
13
|
-
import { usePropStore } from '../../../contexts/PropContext.js';
|
|
14
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
15
|
-
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
-
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
19
|
-
|
|
20
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
-
|
|
22
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
|
-
|
|
24
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
-
|
|
26
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
27
|
-
|
|
28
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
29
|
-
|
|
30
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
31
|
-
|
|
32
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
33
|
-
|
|
34
|
-
var PageList = function PageList(_ref) {
|
|
35
|
-
var onPageClick = _ref.onPageClick,
|
|
36
|
-
onSortEnd = _ref.onSortEnd,
|
|
37
|
-
selectedPages = _ref.selectedPages;
|
|
38
|
-
var layoutSettings = usePropStore(function (state) {
|
|
39
|
-
return state.settings;
|
|
40
|
-
});
|
|
41
|
-
var pages = usePropStore(function (state) {
|
|
42
|
-
return state.pages;
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
var _useState = useState(null),
|
|
46
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
47
|
-
activeId = _useState2[0],
|
|
48
|
-
setActiveId = _useState2[1];
|
|
49
|
-
|
|
50
|
-
var pageContainerStyles = useRef({});
|
|
51
|
-
var reportBackgroundColor = layoutSettings.reportBackgroundColor,
|
|
52
|
-
_layoutSettings$repor = layoutSettings.reportLayoutHeight,
|
|
53
|
-
reportLayoutHeight = _layoutSettings$repor === void 0 ? 794 : _layoutSettings$repor,
|
|
54
|
-
_layoutSettings$repor2 = layoutSettings.reportLayoutWidth,
|
|
55
|
-
reportLayoutWidth = _layoutSettings$repor2 === void 0 ? 1123 : _layoutSettings$repor2;
|
|
56
|
-
var width = parseInt(reportLayoutWidth, 10);
|
|
57
|
-
var height = parseInt(reportLayoutHeight, 10);
|
|
58
|
-
var scale = getScaleForPageThumbnailLarge(width, height);
|
|
59
|
-
pageContainerStyles.current = {
|
|
60
|
-
height: height,
|
|
61
|
-
transform: "scale(".concat(scale, ")"),
|
|
62
|
-
transformOrigin: '0 0',
|
|
63
|
-
width: width
|
|
64
|
-
};
|
|
65
|
-
var sensors = useSensors(useSensor(PointerSensor, {
|
|
66
|
-
activationConstraint: {
|
|
67
|
-
distance: 0
|
|
68
|
-
}
|
|
69
|
-
}), useSensor(KeyboardSensor));
|
|
70
|
-
var handleDragStart = useCallback(function (event) {
|
|
71
|
-
setActiveId(event.active.id);
|
|
72
|
-
}, []);
|
|
73
|
-
var handleDragEnd = useCallback(function (event) {
|
|
74
|
-
var active = event.active,
|
|
75
|
-
over = event.over;
|
|
76
|
-
setActiveId(null);
|
|
77
|
-
|
|
78
|
-
if (over && active.id !== over.id) {
|
|
79
|
-
var oldIndex = pages.findIndex(function (page) {
|
|
80
|
-
return page.id === active.id;
|
|
81
|
-
});
|
|
82
|
-
var newIndex = pages.findIndex(function (page) {
|
|
83
|
-
return page.id === over.id;
|
|
84
|
-
});
|
|
85
|
-
|
|
86
|
-
if (oldIndex !== -1 && newIndex !== -1) {
|
|
87
|
-
onSortEnd({
|
|
88
|
-
newIndex: newIndex,
|
|
89
|
-
oldIndex: oldIndex
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}, [pages, onSortEnd]);
|
|
94
|
-
var handleDragCancel = useCallback(function () {
|
|
95
|
-
setActiveId(null);
|
|
96
|
-
}, []);
|
|
97
|
-
var items = useMemo(function () {
|
|
98
|
-
if (!pages || pages.length === 0) return [];
|
|
99
|
-
return pages.map(function (page) {
|
|
100
|
-
return page.id;
|
|
101
|
-
});
|
|
102
|
-
}, [pages]);
|
|
103
|
-
var activePageData = useMemo(function () {
|
|
104
|
-
if (!activeId || !pages) return null;
|
|
105
|
-
var activePage = pages.find(function (page) {
|
|
106
|
-
return page.id === activeId;
|
|
107
|
-
});
|
|
108
|
-
if (!activePage) return null;
|
|
109
|
-
var backgroundColor = activePage.backgroundColor;
|
|
110
|
-
|
|
111
|
-
var pageContainerLastStyle = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
|
|
112
|
-
backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
|
|
113
|
-
});
|
|
114
|
-
|
|
115
|
-
return {
|
|
116
|
-
page: activePage,
|
|
117
|
-
pageContainerLastStyle: pageContainerLastStyle
|
|
118
|
-
};
|
|
119
|
-
}, [activeId, pages, reportBackgroundColor]);
|
|
120
|
-
return /*#__PURE__*/jsxs(DndContext, {
|
|
121
|
-
collisionDetection: closestCenter,
|
|
122
|
-
onDragCancel: handleDragCancel,
|
|
123
|
-
onDragEnd: handleDragEnd,
|
|
124
|
-
onDragStart: handleDragStart,
|
|
125
|
-
sensors: sensors,
|
|
126
|
-
children: [/*#__PURE__*/jsx(SortableContext, {
|
|
127
|
-
items: items,
|
|
128
|
-
strategy: rectSortingStrategy,
|
|
129
|
-
children: /*#__PURE__*/jsxs("ul", {
|
|
130
|
-
className: "jfReport-pageThumbnailList d-flex j-between f-wrap",
|
|
131
|
-
children: [pages.map(function (page) {
|
|
132
|
-
var backgroundColor = page.backgroundColor;
|
|
133
|
-
|
|
134
|
-
var style = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
|
|
135
|
-
backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
|
|
136
|
-
});
|
|
137
|
-
|
|
138
|
-
return /*#__PURE__*/jsx(PageItem, {
|
|
139
|
-
id: page.id,
|
|
140
|
-
index: page.order - 1,
|
|
141
|
-
isSelected: selectedPages.indexOf(page.id) > -1,
|
|
142
|
-
onPageClick: onPageClick,
|
|
143
|
-
order: page.order,
|
|
144
|
-
page: page,
|
|
145
|
-
style: style
|
|
146
|
-
}, "item-".concat(page.id, "-").concat(page.order));
|
|
147
|
-
}), /*#__PURE__*/jsx("div", {
|
|
148
|
-
className: "thumbnailWrapper forPageAdder d-flex j-end dir-col",
|
|
149
|
-
children: /*#__PURE__*/jsx(PageAdder, {})
|
|
150
|
-
}), /*#__PURE__*/jsx("div", {
|
|
151
|
-
className: "spacer"
|
|
152
|
-
}), /*#__PURE__*/jsx("div", {
|
|
153
|
-
className: "spacer"
|
|
154
|
-
}), /*#__PURE__*/jsx("div", {
|
|
155
|
-
className: "spacer"
|
|
156
|
-
})]
|
|
157
|
-
})
|
|
158
|
-
}), /*#__PURE__*/jsx(PageItemDragOverlay, {
|
|
159
|
-
activePageData: activePageData
|
|
160
|
-
})]
|
|
161
|
-
});
|
|
162
|
-
};
|
|
163
|
-
|
|
164
|
-
PageList.propTypes = {
|
|
165
|
-
onPageClick: PropTypes.func,
|
|
166
|
-
onSortEnd: PropTypes.func,
|
|
167
|
-
selectedPages: PropTypes.arrayOf(PropTypes.string)
|
|
168
|
-
};
|
|
169
|
-
var PageList$1 = /*#__PURE__*/memo(PageList);
|
|
170
|
-
|
|
171
|
-
export default PageList$1;
|
|
172
|
-
//# sourceMappingURL=PageList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageList.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageList.js"],"sourcesContent":["import {\n memo, useRef, useState, useCallback, useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';\nimport PageItem from './PageItem';\nimport PageItemDragOverlay from './PageItemDragOverlay';\nimport { getScaleForPageThumbnailLarge } from '../../../utils/functions';\nimport PageAdder from '../../Builder/PageAdder';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst PageList = ({\n onPageClick,\n onSortEnd,\n selectedPages,\n}) => {\n const layoutSettings = usePropStore(state => state.settings);\n const pages = usePropStore(state => state.pages);\n\n const [activeId, setActiveId] = useState(null);\n const pageContainerStyles = useRef({});\n const {\n reportBackgroundColor,\n reportLayoutHeight = 794,\n reportLayoutWidth = 1123,\n } = layoutSettings;\n const width = parseInt(reportLayoutWidth, 10);\n const height = parseInt(reportLayoutHeight, 10);\n const scale = getScaleForPageThumbnailLarge(width, height);\n\n pageContainerStyles.current = {\n height: height,\n transform: `scale(${scale})`,\n transformOrigin: '0 0',\n width: width,\n };\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n distance: 0,\n },\n }),\n useSensor(KeyboardSensor),\n );\n\n const handleDragStart = useCallback(event => {\n setActiveId(event.active.id);\n }, []);\n\n const handleDragEnd = useCallback(event => {\n const { active, over } = event;\n setActiveId(null);\n\n if (over && active.id !== over.id) {\n const oldIndex = pages.findIndex(page => page.id === active.id);\n const newIndex = pages.findIndex(page => page.id === over.id);\n\n if (oldIndex !== -1 && newIndex !== -1) {\n onSortEnd({ newIndex, oldIndex });\n }\n }\n }, [pages, onSortEnd]);\n\n const handleDragCancel = useCallback(() => {\n setActiveId(null);\n }, []);\n\n const items = useMemo(() => {\n if (!pages || pages.length === 0) return [];\n return pages.map(page => page.id);\n }, [pages]);\n\n const activePageData = useMemo(() => {\n if (!activeId || !pages) return null;\n\n const activePage = pages.find(page => page.id === activeId);\n if (!activePage) return null;\n\n const { backgroundColor } = activePage;\n const pageContainerLastStyle = {\n ...pageContainerStyles.current,\n backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n };\n\n return {\n page: activePage,\n pageContainerLastStyle,\n };\n }, [activeId, pages, reportBackgroundColor]);\n\n return (\n <DndContext\n collisionDetection={closestCenter}\n onDragCancel={handleDragCancel}\n onDragEnd={handleDragEnd}\n onDragStart={handleDragStart}\n sensors={sensors}\n >\n <SortableContext\n items={items}\n strategy={rectSortingStrategy}\n >\n <ul className=\"jfReport-pageThumbnailList d-flex j-between f-wrap\">\n {pages.map(page => {\n const { backgroundColor } = page;\n const style = {\n ...pageContainerStyles.current,\n backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n };\n return (\n <PageItem\n key={`item-${page.id}-${page.order}`}\n id={page.id}\n index={page.order - 1}\n isSelected={selectedPages.indexOf(page.id) > -1}\n onPageClick={onPageClick}\n order={page.order}\n page={page}\n style={style}\n />\n );\n })}\n <div className=\"thumbnailWrapper forPageAdder d-flex j-end dir-col\">\n <PageAdder />\n </div>\n <div className=\"spacer\" />\n <div className=\"spacer\" />\n <div className=\"spacer\" />\n </ul>\n </SortableContext>\n <PageItemDragOverlay\n activePageData={activePageData}\n />\n </DndContext>\n );\n};\n\nPageList.propTypes = {\n onPageClick: PropTypes.func,\n onSortEnd: PropTypes.func,\n selectedPages: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(PageList);\n"],"names":["PageList","onPageClick","onSortEnd","selectedPages","layoutSettings","usePropStore","state","settings","pages","useState","activeId","setActiveId","pageContainerStyles","useRef","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","scale","getScaleForPageThumbnailLarge","current","transform","transformOrigin","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","useCallback","event","active","id","handleDragEnd","over","oldIndex","findIndex","page","newIndex","handleDragCancel","items","useMemo","length","map","activePageData","activePage","find","backgroundColor","pageContainerLastStyle","_jsxs","closestCenter","_jsx","rectSortingStrategy","style","order","indexOf","propTypes","PropTypes","func","arrayOf","string","memo"],"mappings":"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"}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { memo } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { usePropStore } from '../../../contexts/PropContext.js';
|
|
4
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
5
|
-
import SvgDuplicate from '../../../assets/svg/duplicate.svg.js';
|
|
6
|
-
import SvgTrash from '../../../assets/svg/trash.svg.js';
|
|
7
|
-
import SvgPlus from '../../../assets/svg/plus.svg.js';
|
|
8
|
-
|
|
9
|
-
var PageThumbnailActions = function PageThumbnailActions(_ref) {
|
|
10
|
-
var _ref$order = _ref.order,
|
|
11
|
-
order = _ref$order === void 0 ? 0 : _ref$order,
|
|
12
|
-
_ref$page = _ref.page,
|
|
13
|
-
page = _ref$page === void 0 ? {} : _ref$page;
|
|
14
|
-
var onPageAdd = usePropStore(function (state) {
|
|
15
|
-
return state.onPageAdd;
|
|
16
|
-
});
|
|
17
|
-
var onPageDuplicate = usePropStore(function (state) {
|
|
18
|
-
return state.onPageDuplicate;
|
|
19
|
-
});
|
|
20
|
-
var onPageRemove = usePropStore(function (state) {
|
|
21
|
-
return state.onPageRemove;
|
|
22
|
-
});
|
|
23
|
-
var onAnEventTrigger = usePropStore(function (state) {
|
|
24
|
-
return state.onAnEventTrigger;
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
var onPageDuplicateClick = function onPageDuplicateClick() {
|
|
28
|
-
onPageDuplicate(page);
|
|
29
|
-
onAnEventTrigger('duplicatePage', order + 1);
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
var onPageRemoveClick = function onPageRemoveClick() {
|
|
33
|
-
onPageRemove(page.id);
|
|
34
|
-
onAnEventTrigger('removePageFromSlides', page.id);
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
var onPageAddClick = function onPageAddClick() {
|
|
38
|
-
var newPageIndex = order + 1;
|
|
39
|
-
onPageAdd(newPageIndex);
|
|
40
|
-
onAnEventTrigger('addNewPageFromSlides', newPageIndex);
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
return /*#__PURE__*/jsx("div", {
|
|
44
|
-
className: "thumbnailActions d-flex j-between f-width",
|
|
45
|
-
id: "pageActions-id-".concat(order),
|
|
46
|
-
children: /*#__PURE__*/jsx("div", {
|
|
47
|
-
className: "floatingController forPageAction forSlides f-width",
|
|
48
|
-
children: /*#__PURE__*/jsxs("div", {
|
|
49
|
-
className: "floatingController-container d-flex a-center j-around dir-row",
|
|
50
|
-
children: [/*#__PURE__*/jsx("button", {
|
|
51
|
-
className: "controllerItem",
|
|
52
|
-
onClick: onPageDuplicateClick,
|
|
53
|
-
title: "Duplicate Page",
|
|
54
|
-
type: "button",
|
|
55
|
-
children: /*#__PURE__*/jsx(SvgDuplicate, {
|
|
56
|
-
className: "jfReportSVG icon-duplicateLine"
|
|
57
|
-
})
|
|
58
|
-
}, "Duplicate Page"), /*#__PURE__*/jsx("button", {
|
|
59
|
-
className: "controllerItem isDanger",
|
|
60
|
-
onClick: onPageRemoveClick,
|
|
61
|
-
title: "Remove Slide",
|
|
62
|
-
type: "button",
|
|
63
|
-
children: /*#__PURE__*/jsx(SvgTrash, {
|
|
64
|
-
className: "jfReportSVG icon-trashLine"
|
|
65
|
-
})
|
|
66
|
-
}, "Remove Slide"), /*#__PURE__*/jsx("button", {
|
|
67
|
-
className: "controllerItem",
|
|
68
|
-
onClick: onPageAddClick,
|
|
69
|
-
title: "Add Slide",
|
|
70
|
-
type: "button",
|
|
71
|
-
children: /*#__PURE__*/jsx(SvgPlus, {
|
|
72
|
-
className: "jfReportSVG icon-plus"
|
|
73
|
-
})
|
|
74
|
-
}, "Add Slide")]
|
|
75
|
-
})
|
|
76
|
-
})
|
|
77
|
-
});
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
PageThumbnailActions.propTypes = {
|
|
81
|
-
order: PropTypes.number,
|
|
82
|
-
page: PropTypes.shape({
|
|
83
|
-
id: PropTypes.string
|
|
84
|
-
})
|
|
85
|
-
};
|
|
86
|
-
var PageThumbnailActions$1 = /*#__PURE__*/memo(PageThumbnailActions);
|
|
87
|
-
|
|
88
|
-
export default PageThumbnailActions$1;
|
|
89
|
-
//# sourceMappingURL=PageThumbnailActions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst PageThumbnailActions = ({\n order = 0,\n page = {},\n}) => {\n const onPageAdd = usePropStore(state => state.onPageAdd);\n const onPageDuplicate = usePropStore(state => state.onPageDuplicate);\n const onPageRemove = usePropStore(state => state.onPageRemove);\n const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n const onPageDuplicateClick = () => {\n onPageDuplicate(page);\n onAnEventTrigger('duplicatePage', order + 1);\n };\n\n const onPageRemoveClick = () => {\n onPageRemove(page.id);\n onAnEventTrigger('removePageFromSlides', page.id);\n };\n\n const onPageAddClick = () => {\n const newPageIndex = order + 1;\n onPageAdd(newPageIndex);\n onAnEventTrigger('addNewPageFromSlides', newPageIndex);\n };\n\n return (\n <div\n className=\"thumbnailActions d-flex j-between f-width\"\n id={`pageActions-id-${order}`}\n >\n <div className=\"floatingController forPageAction forSlides f-width\">\n <div className=\"floatingController-container d-flex a-center j-around dir-row\">\n <button\n key=\"Duplicate Page\"\n className=\"controllerItem\"\n onClick={onPageDuplicateClick}\n title=\"Duplicate Page\"\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n </button>\n <button\n key=\"Remove Slide\"\n className=\"controllerItem isDanger\"\n onClick={onPageRemoveClick}\n title=\"Remove Slide\"\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trashLine\" />\n </button>\n <button\n key=\"Add Slide\"\n className=\"controllerItem\"\n onClick={onPageAddClick}\n title=\"Add Slide\"\n type=\"button\"\n >\n <icons.plus className=\"jfReportSVG icon-plus\" />\n </button>\n </div>\n </div>\n </div>\n );\n};\n\nPageThumbnailActions.propTypes = {\n order: PropTypes.number,\n page: PropTypes.shape({\n id: PropTypes.string,\n }),\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","order","page","onPageAdd","usePropStore","state","onPageDuplicate","onPageRemove","onAnEventTrigger","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","newPageIndex","_jsx","_jsxs","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","number","shape","string","memo"],"mappings":";;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAGvB;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,CAEJ;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MAAMC,SAAS,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,SAAV;AAAA,GAAN,CAA9B;AACA,MAAMG,eAAe,GAAGF,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,eAAV;AAAA,GAAN,CAApC;AACA,MAAMC,YAAY,GAAGH,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACE,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMC,gBAAgB,GAAGJ,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACG,gBAAV;AAAA,GAAN,CAArC;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjCH,IAAAA,eAAe,CAACJ,IAAD,CAAf;AACAM,IAAAA,gBAAgB,CAAC,eAAD,EAAkBP,KAAK,GAAG,CAA1B,CAAhB;AACD,GAHD;;AAKA,MAAMS,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BH,IAAAA,YAAY,CAACL,IAAI,CAACS,EAAN,CAAZ;AACAH,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBN,IAAI,CAACS,EAA9B,CAAhB;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGZ,KAAK,GAAG,CAA7B;AACAE,IAAAA,SAAS,CAACU,YAAD,CAAT;AACAL,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBK,YAAzB,CAAhB;AACD,GAJD;;AAMA,sBACEC;AACE,IAAA,SAAS,EAAC,2CADZ;AAEE,IAAA,EAAE,2BAAoBb,KAApB,CAFJ;AAAA,2BAIEa;AAAK,MAAA,SAAS,EAAC,oDAAf;AAAA,6BACEC;AAAK,QAAA,SAAS,EAAC,+DAAf;AAAA,gCACED;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,UAAA,OAAO,EAAEL,oBAHX;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEK,IAACE,YAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AAPF,WACM,gBADN,CADF,eAUEF;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAGE,UAAA,OAAO,EAAEJ,iBAHX;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEI,IAACG,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB;AAPF,WACM,cADN,CAVF,eAmBEH;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,UAAA,OAAO,EAAEF,cAHX;AAIE,UAAA,KAAK,EAAC,WAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEE,IAACI,OAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AAPF,WACM,WADN,CAnBF;AAAA;AADF;AAJF,IADF;AAsCD,CA/DD;;AAiEAlB,oBAAoB,CAACmB,SAArB,GAAiC;AAC/BlB,EAAAA,KAAK,EAAEmB,SAAS,CAACC,MADc;AAE/BnB,EAAAA,IAAI,EAAEkB,SAAS,CAACE,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAES,SAAS,CAACG;AADM,GAAhB;AAFyB,CAAjC;AAOA,0CAAeC,IAAI,CAACxB,oBAAD,CAAnB;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { memo } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import * as icons from '../../utils/icons.js';
|
|
4
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
-
import SvgSettings from '../../assets/svg/settings.svg.js';
|
|
6
|
-
|
|
7
|
-
var Button = function Button(_ref) {
|
|
8
|
-
var _ref$classNames = _ref.classNames,
|
|
9
|
-
classNames = _ref$classNames === void 0 ? '' : _ref$classNames,
|
|
10
|
-
_ref$icon = _ref.icon,
|
|
11
|
-
icon = _ref$icon === void 0 ? '' : _ref$icon,
|
|
12
|
-
_ref$onClick = _ref.onClick,
|
|
13
|
-
onClick = _ref$onClick === void 0 ? '' : _ref$onClick,
|
|
14
|
-
_ref$title = _ref.title,
|
|
15
|
-
title = _ref$title === void 0 ? '' : _ref$title;
|
|
16
|
-
var Icon = icons[icon] || SvgSettings;
|
|
17
|
-
return /*#__PURE__*/jsxs("button", {
|
|
18
|
-
className: classNames,
|
|
19
|
-
onClick: onClick,
|
|
20
|
-
type: "button",
|
|
21
|
-
children: [icon && /*#__PURE__*/jsx(Icon, {
|
|
22
|
-
className: "jfReportSVG icon-".concat(icon)
|
|
23
|
-
}), /*#__PURE__*/jsx("span", {
|
|
24
|
-
children: title
|
|
25
|
-
})]
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
Button.propTypes = {
|
|
30
|
-
classNames: PropTypes.string,
|
|
31
|
-
icon: PropTypes.string,
|
|
32
|
-
onClick: PropTypes.any,
|
|
33
|
-
title: PropTypes.any
|
|
34
|
-
};
|
|
35
|
-
var Button$1 = /*#__PURE__*/memo(Button);
|
|
36
|
-
|
|
37
|
-
export default Button$1;
|
|
38
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../src/components/Settings/Button.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\n\nconst Button = ({\n classNames = '',\n icon = '',\n onClick = '',\n title = '',\n}) => {\n const Icon = icons[icon] || icons.settings;\n\n return (\n <button\n className={classNames}\n onClick={onClick}\n type=\"button\"\n >\n {icon && <Icon className={`jfReportSVG icon-${icon}`} />}\n <span>{title}</span>\n </button>\n );\n};\n\nButton.propTypes = {\n classNames: PropTypes.string,\n icon: PropTypes.string,\n onClick: PropTypes.any,\n title: PropTypes.any,\n};\n\nexport default memo(Button);\n"],"names":["Button","classNames","icon","onClick","title","Icon","icons","_jsxs","_jsx","propTypes","PropTypes","string","any","memo"],"mappings":";;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,6BAJJC,UAII;AAAA,MAJJA,UAII,gCAJS,EAIT;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,EAEN;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACJ,IAAD,CAAL,IAAeI,WAA5B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAEN,UADb;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,eAKGD,IAAI,iBAAIM,IAAC,IAAD;AAAM,MAAA,SAAS,6BAAsBN,IAAtB;AAAf,MALX,eAMEM;AAAA,gBAAOJ;AAAP,MANF;AAAA,IADF;AAUD,CAlBD;;AAoBAJ,MAAM,CAACS,SAAP,GAAmB;AACjBR,EAAAA,UAAU,EAAES,SAAS,CAACC,MADL;AAEjBT,EAAAA,IAAI,EAAEQ,SAAS,CAACC,MAFC;AAGjBR,EAAAA,OAAO,EAAEO,SAAS,CAACE,GAHF;AAIjBR,EAAAA,KAAK,EAAEM,SAAS,CAACE;AAJA,CAAnB;AAOA,4BAAeC,IAAI,CAACb,MAAD,CAAnB;;;;"}
|