@jotforminc/dnd-builder 1.0.2 → 2.0.0-beta.4

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 (236) hide show
  1. package/CHANGELOG.md +209 -0
  2. package/lib/cjs/assets/svg/settings_toggle.svg.js +21 -0
  3. package/lib/cjs/assets/svg/settings_toggle.svg.js.map +1 -0
  4. package/lib/cjs/assets/svg/slides.svg.js +7 -4
  5. package/lib/cjs/assets/svg/slides.svg.js.map +1 -1
  6. package/lib/cjs/assets/svg/toolbox/image.svg.js +19 -6
  7. package/lib/cjs/assets/svg/toolbox/image.svg.js.map +1 -1
  8. package/lib/cjs/components/Builder/Builder.js +7 -1
  9. package/lib/cjs/components/Builder/Builder.js.map +1 -1
  10. package/lib/cjs/components/Builder/PageActions.js +3 -3
  11. package/lib/cjs/components/Builder/PageActions.js.map +1 -1
  12. package/lib/cjs/components/Builder/PageAdder.js +9 -5
  13. package/lib/cjs/components/Builder/PageAdder.js.map +1 -1
  14. package/lib/cjs/components/Builder/SearchInput.js +28 -20
  15. package/lib/cjs/components/Builder/SearchInput.js.map +1 -1
  16. package/lib/cjs/components/Builder/Section.js +1 -1
  17. package/lib/cjs/components/Builder/Section.js.map +1 -1
  18. package/lib/cjs/components/{Panels/RightPanel/SettingTabs.js → Builder/Tabs.js} +24 -19
  19. package/lib/cjs/components/Builder/Tabs.js.map +1 -0
  20. package/lib/cjs/components/Elements/Chart.js +1 -1
  21. package/lib/cjs/components/Elements/Chart.js.map +1 -1
  22. package/lib/cjs/components/Elements/Icon.js +5 -5
  23. package/lib/cjs/components/Elements/Icon.js.map +1 -1
  24. package/lib/cjs/components/Elements/Image.js +26 -25
  25. package/lib/cjs/components/Elements/Image.js.map +1 -1
  26. package/lib/cjs/components/Elements/RichText.js +9 -3
  27. package/lib/cjs/components/Elements/RichText.js.map +1 -1
  28. package/lib/cjs/components/Elements/Shapes.js +17 -17
  29. package/lib/cjs/components/Elements/Shapes.js.map +1 -1
  30. package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js +2 -2
  31. package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js.map +1 -1
  32. package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js +4 -4
  33. package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +1 -1
  34. package/lib/cjs/components/Panels/LeftPanel/Elements.js +74 -20
  35. package/lib/cjs/components/Panels/LeftPanel/Elements.js.map +1 -1
  36. package/lib/cjs/components/Panels/LeftPanel/LeftPanelCloser.js +2 -2
  37. package/lib/cjs/components/Panels/LeftPanel/LeftPanelCloser.js.map +1 -1
  38. package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js +6 -4
  39. package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
  40. package/lib/cjs/components/Panels/RightPanel/RightPanel.js +5 -4
  41. package/lib/cjs/components/Panels/RightPanel/RightPanel.js.map +1 -1
  42. package/lib/cjs/components/Panels/RightPanel/RightPanelToggler.js +4 -4
  43. package/lib/cjs/components/Panels/RightPanel/RightPanelToggler.js.map +1 -1
  44. package/lib/cjs/components/Panels/RightPanel/Settings.js +2 -2
  45. package/lib/cjs/components/Panels/RightPanel/Settings.js.map +1 -1
  46. package/lib/cjs/components/Panels/SlidesPanel/ListWrapper.js +7 -3
  47. package/lib/cjs/components/Panels/SlidesPanel/ListWrapper.js.map +1 -1
  48. package/lib/cjs/components/Panels/SlidesPanel/PageThumbnailActions.js +2 -2
  49. package/lib/cjs/components/Panels/SlidesPanel/PageThumbnailActions.js.map +1 -1
  50. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js +1 -1
  51. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
  52. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanelToggler.js +2 -2
  53. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanelToggler.js.map +1 -1
  54. package/lib/cjs/components/Presentation/Presentation.js +7 -1
  55. package/lib/cjs/components/Presentation/Presentation.js.map +1 -1
  56. package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js +1 -2
  57. package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js.map +1 -1
  58. package/lib/cjs/components/Preview/Preview.js +9 -3
  59. package/lib/cjs/components/Preview/Preview.js.map +1 -1
  60. package/lib/cjs/components/Print/PrintModeWithoutContext.js +8 -4
  61. package/lib/cjs/components/Print/PrintModeWithoutContext.js.map +1 -1
  62. package/lib/cjs/components/ReportWrapper.js +5 -3
  63. package/lib/cjs/components/ReportWrapper.js.map +1 -1
  64. package/lib/cjs/components/Settings/ColorPicker.js +6 -6
  65. package/lib/cjs/components/Settings/ColorPicker.js.map +1 -1
  66. package/lib/cjs/components/Settings/ImagePicker/EnterURL.js +4 -1
  67. package/lib/cjs/components/Settings/ImagePicker/EnterURL.js.map +1 -1
  68. package/lib/cjs/components/Settings/ImagePicker/ImageThumbnailWithDelete.js +1 -1
  69. package/lib/cjs/components/Settings/ImagePicker/ImageThumbnailWithDelete.js.map +1 -1
  70. package/lib/cjs/components/Settings/SelectBox.js +1 -1
  71. package/lib/cjs/components/Settings/SelectBox.js.map +1 -1
  72. package/lib/cjs/components/Settings/SizeSettings.js +1 -1
  73. package/lib/cjs/components/Settings/SizeSettings.js.map +1 -1
  74. package/lib/cjs/components/Settings/Switch.js +65 -0
  75. package/lib/cjs/components/Settings/Switch.js.map +1 -0
  76. package/lib/cjs/components/Settings/Toggle.js +13 -7
  77. package/lib/cjs/components/Settings/Toggle.js.map +1 -1
  78. package/lib/cjs/components/Settings/index.js +2 -0
  79. package/lib/cjs/components/Settings/index.js.map +1 -1
  80. package/lib/cjs/components/StaticElements/StaticRichText.js +2 -2
  81. package/lib/cjs/components/StaticElements/StaticRichText.js.map +1 -1
  82. package/lib/cjs/constants/pageSettings.js +5 -5
  83. package/lib/cjs/constants/pageSettings.js.map +1 -1
  84. package/lib/cjs/constants/reportLayoutSettings.js +12 -5
  85. package/lib/cjs/constants/reportLayoutSettings.js.map +1 -1
  86. package/lib/cjs/constants/reportSettings.js +6 -4
  87. package/lib/cjs/constants/reportSettings.js.map +1 -1
  88. package/lib/cjs/constants/texts.js +14 -11
  89. package/lib/cjs/constants/texts.js.map +1 -1
  90. package/lib/cjs/styles/_jfDarkTheme.scss +556 -0
  91. package/lib/cjs/styles/_jfLightTheme.scss +384 -0
  92. package/lib/cjs/styles/_jfPresentation.scss +1 -1
  93. package/lib/cjs/styles/_jfReportsAccordion.scss +10 -8
  94. package/lib/cjs/styles/_jfReportsButton.scss +0 -3
  95. package/lib/cjs/styles/_jfReportsChoice.scss +5 -5
  96. package/lib/cjs/styles/_jfReportsFloatings.scss +2 -2
  97. package/lib/cjs/styles/_jfReportsHelpers.scss +17 -16
  98. package/lib/cjs/styles/_jfReportsIconSelector.scss +5 -0
  99. package/lib/cjs/styles/_jfReportsMain.scss +4 -23
  100. package/lib/cjs/styles/_jfReportsPages.scss +18 -9
  101. package/lib/cjs/styles/_jfReportsPanelElements.scss +269 -140
  102. package/lib/cjs/styles/_jfReportsPanels.scss +95 -106
  103. package/lib/cjs/styles/_jfReportsSVG.scss +29 -37
  104. package/lib/cjs/styles/_jfReportsSlides.scss +12 -1
  105. package/lib/cjs/styles/_jfReportsSortableList.scss +30 -15
  106. package/lib/cjs/styles/_jfReportsToggle.scss +80 -0
  107. package/lib/cjs/styles/_jfReportsVariables.scss +3 -0
  108. package/lib/cjs/styles/_jfSearchInput.scss +18 -27
  109. package/lib/cjs/styles/jfReportsBundle.scss +3 -0
  110. package/lib/cjs/utils/builderContext.js +13 -5
  111. package/lib/cjs/utils/builderContext.js.map +1 -1
  112. package/lib/cjs/utils/functions.js +10 -1
  113. package/lib/cjs/utils/functions.js.map +1 -1
  114. package/lib/cjs/utils/icons.js +2 -0
  115. package/lib/cjs/utils/icons.js.map +1 -1
  116. package/lib/esm/assets/svg/settings_toggle.svg.js +19 -0
  117. package/lib/esm/assets/svg/settings_toggle.svg.js.map +1 -0
  118. package/lib/esm/assets/svg/slides.svg.js +7 -4
  119. package/lib/esm/assets/svg/slides.svg.js.map +1 -1
  120. package/lib/esm/assets/svg/toolbox/image.svg.js +19 -6
  121. package/lib/esm/assets/svg/toolbox/image.svg.js.map +1 -1
  122. package/lib/esm/components/Builder/Builder.js +7 -1
  123. package/lib/esm/components/Builder/Builder.js.map +1 -1
  124. package/lib/esm/components/Builder/PageActions.js +3 -3
  125. package/lib/esm/components/Builder/PageActions.js.map +1 -1
  126. package/lib/esm/components/Builder/PageAdder.js +9 -5
  127. package/lib/esm/components/Builder/PageAdder.js.map +1 -1
  128. package/lib/esm/components/Builder/SearchInput.js +29 -21
  129. package/lib/esm/components/Builder/SearchInput.js.map +1 -1
  130. package/lib/esm/components/Builder/Section.js +1 -1
  131. package/lib/esm/components/Builder/Section.js.map +1 -1
  132. package/lib/esm/components/{Panels/RightPanel/SettingTabs.js → Builder/Tabs.js} +24 -19
  133. package/lib/esm/components/Builder/Tabs.js.map +1 -0
  134. package/lib/esm/components/Elements/Chart.js +1 -1
  135. package/lib/esm/components/Elements/Chart.js.map +1 -1
  136. package/lib/esm/components/Elements/Icon.js +5 -5
  137. package/lib/esm/components/Elements/Icon.js.map +1 -1
  138. package/lib/esm/components/Elements/Image.js +27 -22
  139. package/lib/esm/components/Elements/Image.js.map +1 -1
  140. package/lib/esm/components/Elements/RichText.js +9 -3
  141. package/lib/esm/components/Elements/RichText.js.map +1 -1
  142. package/lib/esm/components/Elements/Shapes.js +17 -17
  143. package/lib/esm/components/Elements/Shapes.js.map +1 -1
  144. package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js +2 -2
  145. package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js.map +1 -1
  146. package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js +4 -4
  147. package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +1 -1
  148. package/lib/esm/components/Panels/LeftPanel/Elements.js +75 -21
  149. package/lib/esm/components/Panels/LeftPanel/Elements.js.map +1 -1
  150. package/lib/esm/components/Panels/LeftPanel/LeftPanelCloser.js +2 -2
  151. package/lib/esm/components/Panels/LeftPanel/LeftPanelCloser.js.map +1 -1
  152. package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js +7 -5
  153. package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
  154. package/lib/esm/components/Panels/RightPanel/RightPanel.js +5 -4
  155. package/lib/esm/components/Panels/RightPanel/RightPanel.js.map +1 -1
  156. package/lib/esm/components/Panels/RightPanel/RightPanelToggler.js +4 -4
  157. package/lib/esm/components/Panels/RightPanel/RightPanelToggler.js.map +1 -1
  158. package/lib/esm/components/Panels/RightPanel/Settings.js +2 -2
  159. package/lib/esm/components/Panels/RightPanel/Settings.js.map +1 -1
  160. package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js +7 -3
  161. package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js.map +1 -1
  162. package/lib/esm/components/Panels/SlidesPanel/PageThumbnailActions.js +2 -2
  163. package/lib/esm/components/Panels/SlidesPanel/PageThumbnailActions.js.map +1 -1
  164. package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js +1 -1
  165. package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
  166. package/lib/esm/components/Panels/SlidesPanel/SlidesPanelToggler.js +2 -2
  167. package/lib/esm/components/Panels/SlidesPanel/SlidesPanelToggler.js.map +1 -1
  168. package/lib/esm/components/Presentation/Presentation.js +7 -1
  169. package/lib/esm/components/Presentation/Presentation.js.map +1 -1
  170. package/lib/esm/components/Presentation/PresentationBar/PresentationActions.js +1 -2
  171. package/lib/esm/components/Presentation/PresentationBar/PresentationActions.js.map +1 -1
  172. package/lib/esm/components/Preview/Preview.js +9 -3
  173. package/lib/esm/components/Preview/Preview.js.map +1 -1
  174. package/lib/esm/components/Print/PrintModeWithoutContext.js +8 -4
  175. package/lib/esm/components/Print/PrintModeWithoutContext.js.map +1 -1
  176. package/lib/esm/components/ReportWrapper.js +5 -3
  177. package/lib/esm/components/ReportWrapper.js.map +1 -1
  178. package/lib/esm/components/Settings/ColorPicker.js +6 -6
  179. package/lib/esm/components/Settings/ColorPicker.js.map +1 -1
  180. package/lib/esm/components/Settings/ImagePicker/EnterURL.js +4 -1
  181. package/lib/esm/components/Settings/ImagePicker/EnterURL.js.map +1 -1
  182. package/lib/esm/components/Settings/ImagePicker/ImageThumbnailWithDelete.js +1 -1
  183. package/lib/esm/components/Settings/ImagePicker/ImageThumbnailWithDelete.js.map +1 -1
  184. package/lib/esm/components/Settings/SelectBox.js +1 -1
  185. package/lib/esm/components/Settings/SelectBox.js.map +1 -1
  186. package/lib/esm/components/Settings/SizeSettings.js +1 -1
  187. package/lib/esm/components/Settings/SizeSettings.js.map +1 -1
  188. package/lib/esm/components/Settings/Switch.js +58 -0
  189. package/lib/esm/components/Settings/Switch.js.map +1 -0
  190. package/lib/esm/components/Settings/Toggle.js +13 -6
  191. package/lib/esm/components/Settings/Toggle.js.map +1 -1
  192. package/lib/esm/components/Settings/index.js +2 -0
  193. package/lib/esm/components/Settings/index.js.map +1 -1
  194. package/lib/esm/components/StaticElements/StaticRichText.js +2 -2
  195. package/lib/esm/components/StaticElements/StaticRichText.js.map +1 -1
  196. package/lib/esm/constants/pageSettings.js +6 -6
  197. package/lib/esm/constants/pageSettings.js.map +1 -1
  198. package/lib/esm/constants/reportLayoutSettings.js +12 -5
  199. package/lib/esm/constants/reportLayoutSettings.js.map +1 -1
  200. package/lib/esm/constants/reportSettings.js +6 -4
  201. package/lib/esm/constants/reportSettings.js.map +1 -1
  202. package/lib/esm/constants/texts.js +14 -11
  203. package/lib/esm/constants/texts.js.map +1 -1
  204. package/lib/esm/styles/_jfDarkTheme.scss +556 -0
  205. package/lib/esm/styles/_jfLightTheme.scss +384 -0
  206. package/lib/esm/styles/_jfPresentation.scss +1 -1
  207. package/lib/esm/styles/_jfReportsAccordion.scss +10 -8
  208. package/lib/esm/styles/_jfReportsButton.scss +0 -3
  209. package/lib/esm/styles/_jfReportsChoice.scss +5 -5
  210. package/lib/esm/styles/_jfReportsFloatings.scss +2 -2
  211. package/lib/esm/styles/_jfReportsHelpers.scss +17 -16
  212. package/lib/esm/styles/_jfReportsIconSelector.scss +5 -0
  213. package/lib/esm/styles/_jfReportsMain.scss +4 -23
  214. package/lib/esm/styles/_jfReportsPages.scss +18 -9
  215. package/lib/esm/styles/_jfReportsPanelElements.scss +269 -140
  216. package/lib/esm/styles/_jfReportsPanels.scss +95 -106
  217. package/lib/esm/styles/_jfReportsSVG.scss +29 -37
  218. package/lib/esm/styles/_jfReportsSlides.scss +12 -1
  219. package/lib/esm/styles/_jfReportsSortableList.scss +30 -15
  220. package/lib/esm/styles/_jfReportsToggle.scss +80 -0
  221. package/lib/esm/styles/_jfReportsVariables.scss +3 -0
  222. package/lib/esm/styles/_jfSearchInput.scss +18 -27
  223. package/lib/esm/styles/jfReportsBundle.scss +3 -0
  224. package/lib/esm/utils/builderContext.js +13 -5
  225. package/lib/esm/utils/builderContext.js.map +1 -1
  226. package/lib/esm/utils/functions.js +10 -2
  227. package/lib/esm/utils/functions.js.map +1 -1
  228. package/lib/esm/utils/icons.js +1 -0
  229. package/lib/esm/utils/icons.js.map +1 -1
  230. package/package.json +2 -2
  231. package/lib/cjs/components/Builder/SectionWithSearch.js +0 -79
  232. package/lib/cjs/components/Builder/SectionWithSearch.js.map +0 -1
  233. package/lib/cjs/components/Panels/RightPanel/SettingTabs.js.map +0 -1
  234. package/lib/esm/components/Builder/SectionWithSearch.js +0 -73
  235. package/lib/esm/components/Builder/SectionWithSearch.js.map +0 -1
  236. package/lib/esm/components/Panels/RightPanel/SettingTabs.js.map +0 -1
@@ -27,7 +27,7 @@ var SelectBox = function SelectBox(_ref) {
27
27
 
28
28
  var options = config.options;
29
29
  return /*#__PURE__*/jsx("div", {
30
- className: "toolSection-list withIcons",
30
+ className: "toolSection-list withIcons bigList forShapes d-flex dir-row f-wrap",
31
31
  children: options.map(function (option) {
32
32
  var OptionIcon = option.icon ? option.icon : icons[option.name] || SvgShapes;
33
33
  return /*#__PURE__*/jsxs("button", {
@@ -1 +1 @@
1
- {"version":3,"file":"SelectBox.js","sources":["../../../../src/components/Settings/SelectBox.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst SelectBox = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const handleSelection = newValue => () => {\n if (value !== newValue) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n const { options } = config;\n\n return (\n <div className=\"toolSection-list withIcons\">\n {options.map(option => {\n const OptionIcon = option.icon\n ? option.icon\n : icons[option.name] || icons.shapes;\n\n return (\n <button\n key={option.name}\n className={classNames(\n 'toolSection-listItem',\n 'd-flex a-center',\n 'f-width',\n { isSelected: option.name === value },\n )}\n onClick={handleSelection(option.name)}\n type=\"button\"\n >\n <span className=\"d-flex j-center a-center\">\n <OptionIcon className=\"jfReportSVG\" />\n </span>\n <span className=\"toolSection-listItemName d-flex j-between a-center\">\n <span>{option.title}</span>\n </span>\n </button>\n );\n })}\n </div>\n );\n};\n\nSelectBox.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nSelectBox.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(SelectBox);\n"],"names":["SelectBox","config","item","onItemChange","value","handleSelection","newValue","id","key","options","_jsx","map","option","OptionIcon","icon","icons","name","_jsxs","classNames","isSelected","title","propTypes","PropTypes","shape","string","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAKZ;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,QAAQ;AAAA,WAAI,YAAM;AACxC,UAAIF,KAAK,KAAKE,QAAd,EAAwB;AACtBH,QAAAA,YAAY,CACV;AAAEI,UAAAA,EAAE,EAAEL,IAAI,CAACK;AAAX,SADU,sBAEPN,MAAM,CAACO,GAFA,EAEMF,QAFN,EAAZ;AAID;AACF,KAP+B;AAAA,GAAhC;;AADI,MASIG,OATJ,GASgBR,MAThB,CASIQ,OATJ;AAWJ,sBACEC;AAAK,IAAA,SAAS,EAAC,4BAAf;AAAA,cACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,UAAMC,UAAU,GAAGD,MAAM,CAACE,IAAP,GACfF,MAAM,CAACE,IADQ,GAEfC,KAAK,CAACH,MAAM,CAACI,IAAR,CAAL,IAAsBD,SAF1B;AAIA,0BACEE;AAEE,QAAA,SAAS,EAAEC,UAAU,CACnB,sBADmB,EAEnB,iBAFmB,EAGnB,SAHmB,EAInB;AAAEC,UAAAA,UAAU,EAAEP,MAAM,CAACI,IAAP,KAAgBZ;AAA9B,SAJmB,CAFvB;AAQE,QAAA,OAAO,EAAEC,eAAe,CAACO,MAAM,CAACI,IAAR,CAR1B;AASE,QAAA,IAAI,EAAC,QATP;AAAA,gCAWEN;AAAM,UAAA,SAAS,EAAC,0BAAhB;AAAA,iCACEA,IAAC,UAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AADF,UAXF,eAcEA;AAAM,UAAA,SAAS,EAAC,oDAAhB;AAAA,iCACEA;AAAA,sBAAOE,MAAM,CAACQ;AAAd;AADF,UAdF;AAAA,SACOR,MAAM,CAACI,IADd,CADF;AAoBD,KAzBA;AADH,IADF;AA8BD,CA9CD;;AAgDAhB,SAAS,CAACqB,SAAV,GAAsB;AACpBpB,EAAAA,MAAM,EAAEqB,SAAS,CAACC,KAAV,CAAgB;AACtBf,IAAAA,GAAG,EAAEc,SAAS,CAACE,MADO;AAEtBf,IAAAA,OAAO,EAAEa,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B;AAFa,GAAhB,CADY;AAKpBxB,EAAAA,IAAI,EAAEoB,SAAS,CAACC,KAAV,CAAgB;AACpBhB,IAAAA,EAAE,EAAEe,SAAS,CAACE;AADM,GAAhB,CALc;AAQpBrB,EAAAA,YAAY,EAAEmB,SAAS,CAACK,IARJ;AASpBvB,EAAAA,KAAK,EAAEkB,SAAS,CAACE;AATG,CAAtB;AAYAxB,SAAS,CAAC4B,YAAV,GAAyB;AACvB3B,EAAAA,MAAM,EAAE,EADe;AAEvBC,EAAAA,IAAI,EAAE,EAFiB;AAGvBC,EAAAA,YAAY,EAAE,wBAAM,EAHG;AAIvBC,EAAAA,KAAK,EAAE;AAJgB,CAAzB;AAOA,+BAAeyB,IAAI,CAAC7B,SAAD,CAAnB;;;;"}
1
+ {"version":3,"file":"SelectBox.js","sources":["../../../../src/components/Settings/SelectBox.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst SelectBox = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const handleSelection = newValue => () => {\n if (value !== newValue) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n const { options } = config;\n\n return (\n <div className=\"toolSection-list withIcons bigList forShapes d-flex dir-row f-wrap\">\n {options.map(option => {\n const OptionIcon = option.icon\n ? option.icon\n : icons[option.name] || icons.shapes;\n\n return (\n <button\n key={option.name}\n className={classNames(\n 'toolSection-listItem',\n 'd-flex a-center',\n 'f-width',\n { isSelected: option.name === value },\n )}\n onClick={handleSelection(option.name)}\n type=\"button\"\n >\n <span className=\"d-flex j-center a-center\">\n <OptionIcon className=\"jfReportSVG\" />\n </span>\n <span className=\"toolSection-listItemName d-flex j-between a-center\">\n <span>{option.title}</span>\n </span>\n </button>\n );\n })}\n </div>\n );\n};\n\nSelectBox.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nSelectBox.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(SelectBox);\n"],"names":["SelectBox","config","item","onItemChange","value","handleSelection","newValue","id","key","options","_jsx","map","option","OptionIcon","icon","icons","name","_jsxs","classNames","isSelected","title","propTypes","PropTypes","shape","string","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAKZ;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,QAAQ;AAAA,WAAI,YAAM;AACxC,UAAIF,KAAK,KAAKE,QAAd,EAAwB;AACtBH,QAAAA,YAAY,CACV;AAAEI,UAAAA,EAAE,EAAEL,IAAI,CAACK;AAAX,SADU,sBAEPN,MAAM,CAACO,GAFA,EAEMF,QAFN,EAAZ;AAID;AACF,KAP+B;AAAA,GAAhC;;AADI,MASIG,OATJ,GASgBR,MAThB,CASIQ,OATJ;AAWJ,sBACEC;AAAK,IAAA,SAAS,EAAC,oEAAf;AAAA,cACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,UAAMC,UAAU,GAAGD,MAAM,CAACE,IAAP,GACfF,MAAM,CAACE,IADQ,GAEfC,KAAK,CAACH,MAAM,CAACI,IAAR,CAAL,IAAsBD,SAF1B;AAIA,0BACEE;AAEE,QAAA,SAAS,EAAEC,UAAU,CACnB,sBADmB,EAEnB,iBAFmB,EAGnB,SAHmB,EAInB;AAAEC,UAAAA,UAAU,EAAEP,MAAM,CAACI,IAAP,KAAgBZ;AAA9B,SAJmB,CAFvB;AAQE,QAAA,OAAO,EAAEC,eAAe,CAACO,MAAM,CAACI,IAAR,CAR1B;AASE,QAAA,IAAI,EAAC,QATP;AAAA,gCAWEN;AAAM,UAAA,SAAS,EAAC,0BAAhB;AAAA,iCACEA,IAAC,UAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AADF,UAXF,eAcEA;AAAM,UAAA,SAAS,EAAC,oDAAhB;AAAA,iCACEA;AAAA,sBAAOE,MAAM,CAACQ;AAAd;AADF,UAdF;AAAA,SACOR,MAAM,CAACI,IADd,CADF;AAoBD,KAzBA;AADH,IADF;AA8BD,CA9CD;;AAgDAhB,SAAS,CAACqB,SAAV,GAAsB;AACpBpB,EAAAA,MAAM,EAAEqB,SAAS,CAACC,KAAV,CAAgB;AACtBf,IAAAA,GAAG,EAAEc,SAAS,CAACE,MADO;AAEtBf,IAAAA,OAAO,EAAEa,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B;AAFa,GAAhB,CADY;AAKpBxB,EAAAA,IAAI,EAAEoB,SAAS,CAACC,KAAV,CAAgB;AACpBhB,IAAAA,EAAE,EAAEe,SAAS,CAACE;AADM,GAAhB,CALc;AAQpBrB,EAAAA,YAAY,EAAEmB,SAAS,CAACK,IARJ;AASpBvB,EAAAA,KAAK,EAAEkB,SAAS,CAACE;AATG,CAAtB;AAYAxB,SAAS,CAAC4B,YAAV,GAAyB;AACvB3B,EAAAA,MAAM,EAAE,EADe;AAEvBC,EAAAA,IAAI,EAAE,EAFiB;AAGvBC,EAAAA,YAAY,EAAE,wBAAM,EAHG;AAIvBC,EAAAA,KAAK,EAAE;AAJgB,CAAzB;AAOA,+BAAeyB,IAAI,CAAC7B,SAAD,CAAnB;;;;"}
@@ -226,7 +226,7 @@ var SizeSettings = function SizeSettings(_ref) {
226
226
  }), (item.url || item.shapeType) && /*#__PURE__*/jsx("div", {
227
227
  className: "toolSection-wrapper",
228
228
  children: /*#__PURE__*/jsx("button", {
229
- className: "jfReportButton isOutline forDimension f-width",
229
+ className: "jfReportButton forOptions forDimension f-width",
230
230
  onClick: setOriginalSizes,
231
231
  type: "button",
232
232
  children: ORIGINAL_SIZE
@@ -1 +1 @@
1
- {"version":3,"file":"SizeSettings.js","sources":["../../../../src/components/Settings/SizeSettings.js"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getImageSizes, roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport * as icons from '../../utils/icons';\n\nconst SizeSettings = ({ item, onItemChange }) => {\n const initialAspect = useRef();\n const [stackSize, setStackSize] = useState({ height: item.height, width: item.width });\n const [aspectLock, setAspectLock] = useState(true);\n const imageRefForMeta = useRef(null);\n const { HEIGHT, ORIGINAL_SIZE, WIDTH } = useTranslatedTexts();\n\n useEffect(() => {\n setStackSize({ height: item.height, width: item.width });\n }, [item.height, item.width]);\n\n useEffect(() => {\n if (aspectLock) {\n initialAspect.current = stackSize.width / stackSize.height;\n }\n }, [aspectLock]);\n\n const sizeSetter = ({ height, width }) => {\n const sizes = { height: Number(height), width: Number(width) };\n setStackSize(sizes);\n onItemChange({ id: item.id }, sizes);\n };\n\n const sizeSetterHelper = ({ height, width }) => {\n let exactWidth = Number(width);\n let exactHeight = Number(height);\n if (aspectLock) {\n if (item.width !== stackSize.width) {\n exactHeight = stackSize.width / initialAspect.current;\n } else {\n exactWidth = stackSize.height * initialAspect.current;\n }\n }\n\n sizeSetter({ height: Math.max(exactHeight, 5), width: Math.max(exactWidth, 5) });\n };\n\n const handleBlur = () => {\n sizeSetterHelper(stackSize);\n };\n\n const handleChangeSize = (type = 'width', prevValue) => e => {\n if (e.stopPropagation) e.stopPropagation();\n\n const { value } = e.target;\n if (Number(value) !== Number(prevValue)) {\n setStackSize({ ...stackSize, [type]: Number(value) || 0 });\n }\n };\n\n const setOriginalSizes = () => {\n // For Shapes\n if (item.shapeType) {\n return sizeSetter({\n height: 200,\n width: 200,\n });\n }\n // For Images\n if (!imageRefForMeta.current) {\n getImageSizes(item.url, (imageWidth, imageHeight) => {\n imageRefForMeta.current = {\n imageHeight,\n imageWidth,\n };\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n });\n } else {\n const { imageHeight, imageWidth } = imageRefForMeta.current;\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n }\n };\n\n const handleKeyDown = (type, currValue) => event => {\n event.stopPropagation();\n if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n event.preventDefault();\n const ref = event.shiftKey ? 10 : 1;\n const diff = event.key === 'ArrowUp' ? ref : -ref;\n handleChangeSize(type, currValue)({\n target: {\n value: Number(currValue) + diff,\n },\n });\n } else if (event.key === 'Tab') {\n event.preventDefault();\n const input = type === 'width' ? 'height-input' : 'width-input';\n document.getElementById(input).focus();\n document.getElementById(input).select();\n } else if (event.key === 'Enter') {\n sizeSetterHelper(stackSize);\n }\n };\n\n return (\n <>\n <div className=\"toolSection-wrapper d-flex\">\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"width-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('width', stackSize.width)}\n onKeyDown={handleKeyDown('width', stackSize.width)}\n pattern=\"[0-9]*\"\n tabIndex={0}\n value={roundForDecimalPart(stackSize.width)}\n />\n <span className=\"toolSection-subLabel\">{WIDTH}</span>\n </label>\n </div>\n <div className=\"toolSection-subItem hasAspect\">\n <button\n className=\"p-relative forAspect\"\n onClick={() => setAspectLock(!aspectLock)}\n type=\"button\"\n >\n {aspectLock\n ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n </button>\n </div>\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"height-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('height', stackSize.height)}\n onKeyDown={handleKeyDown('height', stackSize.height)}\n pattern=\"[0-9]*\"\n value={roundForDecimalPart(stackSize.height)}\n />\n <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n </label>\n </div>\n </div>\n {(item.url || item.shapeType)\n && (\n <div className=\"toolSection-wrapper\">\n <button\n className=\"jfReportButton isOutline forDimension f-width\"\n onClick={setOriginalSizes}\n type=\"button\"\n >\n {ORIGINAL_SIZE}\n </button>\n </div>\n )}\n </>\n );\n};\n\nSizeSettings.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n id: PropTypes.string,\n shapeType: PropTypes.string,\n url: PropTypes.string,\n width: PropTypes.number,\n }),\n onItemChange: PropTypes.func,\n};\n\nSizeSettings.defaultProps = {\n item: {},\n onItemChange: () => {},\n};\n\nexport default SizeSettings;\n"],"names":["SizeSettings","item","onItemChange","initialAspect","useRef","useState","height","width","stackSize","setStackSize","aspectLock","setAspectLock","imageRefForMeta","useTranslatedTexts","HEIGHT","ORIGINAL_SIZE","WIDTH","useEffect","current","sizeSetter","sizes","Number","id","sizeSetterHelper","exactWidth","exactHeight","Math","max","handleBlur","handleChangeSize","type","prevValue","e","stopPropagation","value","target","setOriginalSizes","shapeType","getImageSizes","url","imageWidth","imageHeight","handleKeyDown","currValue","event","key","preventDefault","ref","shiftKey","diff","input","document","getElementById","focus","select","_jsxs","_jsx","roundForDecimalPart","icons.lock","icons.unlock","propTypes","PropTypes","shape","number","string","func","defaultProps"],"mappings":"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"}
1
+ {"version":3,"file":"SizeSettings.js","sources":["../../../../src/components/Settings/SizeSettings.js"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getImageSizes, roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport * as icons from '../../utils/icons';\n\nconst SizeSettings = ({ item, onItemChange }) => {\n const initialAspect = useRef();\n const [stackSize, setStackSize] = useState({ height: item.height, width: item.width });\n const [aspectLock, setAspectLock] = useState(true);\n const imageRefForMeta = useRef(null);\n const { HEIGHT, ORIGINAL_SIZE, WIDTH } = useTranslatedTexts();\n\n useEffect(() => {\n setStackSize({ height: item.height, width: item.width });\n }, [item.height, item.width]);\n\n useEffect(() => {\n if (aspectLock) {\n initialAspect.current = stackSize.width / stackSize.height;\n }\n }, [aspectLock]);\n\n const sizeSetter = ({ height, width }) => {\n const sizes = { height: Number(height), width: Number(width) };\n setStackSize(sizes);\n onItemChange({ id: item.id }, sizes);\n };\n\n const sizeSetterHelper = ({ height, width }) => {\n let exactWidth = Number(width);\n let exactHeight = Number(height);\n if (aspectLock) {\n if (item.width !== stackSize.width) {\n exactHeight = stackSize.width / initialAspect.current;\n } else {\n exactWidth = stackSize.height * initialAspect.current;\n }\n }\n\n sizeSetter({ height: Math.max(exactHeight, 5), width: Math.max(exactWidth, 5) });\n };\n\n const handleBlur = () => {\n sizeSetterHelper(stackSize);\n };\n\n const handleChangeSize = (type = 'width', prevValue) => e => {\n if (e.stopPropagation) e.stopPropagation();\n\n const { value } = e.target;\n if (Number(value) !== Number(prevValue)) {\n setStackSize({ ...stackSize, [type]: Number(value) || 0 });\n }\n };\n\n const setOriginalSizes = () => {\n // For Shapes\n if (item.shapeType) {\n return sizeSetter({\n height: 200,\n width: 200,\n });\n }\n // For Images\n if (!imageRefForMeta.current) {\n getImageSizes(item.url, (imageWidth, imageHeight) => {\n imageRefForMeta.current = {\n imageHeight,\n imageWidth,\n };\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n });\n } else {\n const { imageHeight, imageWidth } = imageRefForMeta.current;\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n }\n };\n\n const handleKeyDown = (type, currValue) => event => {\n event.stopPropagation();\n if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n event.preventDefault();\n const ref = event.shiftKey ? 10 : 1;\n const diff = event.key === 'ArrowUp' ? ref : -ref;\n handleChangeSize(type, currValue)({\n target: {\n value: Number(currValue) + diff,\n },\n });\n } else if (event.key === 'Tab') {\n event.preventDefault();\n const input = type === 'width' ? 'height-input' : 'width-input';\n document.getElementById(input).focus();\n document.getElementById(input).select();\n } else if (event.key === 'Enter') {\n sizeSetterHelper(stackSize);\n }\n };\n\n return (\n <>\n <div className=\"toolSection-wrapper d-flex\">\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"width-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('width', stackSize.width)}\n onKeyDown={handleKeyDown('width', stackSize.width)}\n pattern=\"[0-9]*\"\n tabIndex={0}\n value={roundForDecimalPart(stackSize.width)}\n />\n <span className=\"toolSection-subLabel\">{WIDTH}</span>\n </label>\n </div>\n <div className=\"toolSection-subItem hasAspect\">\n <button\n className=\"p-relative forAspect\"\n onClick={() => setAspectLock(!aspectLock)}\n type=\"button\"\n >\n {aspectLock\n ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n </button>\n </div>\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"height-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('height', stackSize.height)}\n onKeyDown={handleKeyDown('height', stackSize.height)}\n pattern=\"[0-9]*\"\n value={roundForDecimalPart(stackSize.height)}\n />\n <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n </label>\n </div>\n </div>\n {(item.url || item.shapeType)\n && (\n <div className=\"toolSection-wrapper\">\n <button\n className=\"jfReportButton forOptions forDimension f-width\"\n onClick={setOriginalSizes}\n type=\"button\"\n >\n {ORIGINAL_SIZE}\n </button>\n </div>\n )}\n </>\n );\n};\n\nSizeSettings.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n id: PropTypes.string,\n shapeType: PropTypes.string,\n url: PropTypes.string,\n width: PropTypes.number,\n }),\n onItemChange: PropTypes.func,\n};\n\nSizeSettings.defaultProps = {\n item: {},\n onItemChange: () => {},\n};\n\nexport default SizeSettings;\n"],"names":["SizeSettings","item","onItemChange","initialAspect","useRef","useState","height","width","stackSize","setStackSize","aspectLock","setAspectLock","imageRefForMeta","useTranslatedTexts","HEIGHT","ORIGINAL_SIZE","WIDTH","useEffect","current","sizeSetter","sizes","Number","id","sizeSetterHelper","exactWidth","exactHeight","Math","max","handleBlur","handleChangeSize","type","prevValue","e","stopPropagation","value","target","setOriginalSizes","shapeType","getImageSizes","url","imageWidth","imageHeight","handleKeyDown","currValue","event","key","preventDefault","ref","shiftKey","diff","input","document","getElementById","focus","select","_jsxs","_jsx","roundForDecimalPart","icons.lock","icons.unlock","propTypes","PropTypes","shape","number","string","func","defaultProps"],"mappings":"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"}
@@ -0,0 +1,58 @@
1
+ import { memo } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import classNames from 'classnames';
4
+ import { jsxs, jsx } from 'react/jsx-runtime';
5
+
6
+ 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; }
7
+
8
+ var Switch = function Switch(_ref) {
9
+ var config = _ref.config,
10
+ item = _ref.item,
11
+ onItemChange = _ref.onItemChange,
12
+ value = _ref.value;
13
+
14
+ var onChange = function onChange(e) {
15
+ var status = e.target.checked ? 'on' : 'off';
16
+ onItemChange({
17
+ id: item.id
18
+ }, _defineProperty({}, config.key, status));
19
+ };
20
+
21
+ return /*#__PURE__*/jsxs("label", {
22
+ className: classNames('toolToggle', {
23
+ toggled: value === 'on'
24
+ }),
25
+ htmlFor: config.key,
26
+ children: [/*#__PURE__*/jsx("input", {
27
+ checked: value === 'on',
28
+ className: "toolToggle-input",
29
+ id: config.key,
30
+ onChange: onChange,
31
+ type: "checkbox"
32
+ }), /*#__PURE__*/jsx("span", {
33
+ className: "toolToggle-custom"
34
+ })]
35
+ });
36
+ };
37
+
38
+ Switch.propTypes = {
39
+ config: PropTypes.shape({
40
+ key: PropTypes.string,
41
+ options: PropTypes.arrayOf(PropTypes.any)
42
+ }),
43
+ item: PropTypes.shape({
44
+ id: PropTypes.string
45
+ }),
46
+ onItemChange: PropTypes.func,
47
+ value: PropTypes.string
48
+ };
49
+ Switch.defaultProps = {
50
+ config: {},
51
+ item: {},
52
+ onItemChange: function onItemChange() {},
53
+ value: ''
54
+ };
55
+ var Switch$1 = /*#__PURE__*/memo(Switch);
56
+
57
+ export default Switch$1;
58
+ //# sourceMappingURL=Switch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.js","sources":["../../../../src/components/Settings/Switch.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst Switch = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const onChange = e => {\n const status = e.target.checked ? 'on' : 'off';\n onItemChange(\n { id: item.id },\n { [config.key]: status },\n );\n };\n return (\n <label\n className={classNames(\n 'toolToggle',\n { toggled: value === 'on' },\n )}\n htmlFor={config.key}\n >\n <input\n checked={value === 'on'}\n className=\"toolToggle-input\"\n id={config.key}\n onChange={onChange}\n type=\"checkbox\"\n />\n <span className=\"toolToggle-custom\" />\n </label>\n );\n};\n\nSwitch.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nSwitch.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Switch);\n"],"names":["Switch","config","item","onItemChange","value","onChange","e","status","target","checked","id","key","_jsxs","classNames","toggled","_jsx","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,MAAM,GAAGD,CAAC,CAACE,MAAF,CAASC,OAAT,GAAmB,IAAnB,GAA0B,KAAzC;AACAN,IAAAA,YAAY,CACV;AAAEO,MAAAA,EAAE,EAAER,IAAI,CAACQ;AAAX,KADU,sBAEPT,MAAM,CAACU,GAFA,EAEMJ,MAFN,EAAZ;AAID,GAND;;AAOA,sBACEK;AACE,IAAA,SAAS,EAAEC,UAAU,CACnB,YADmB,EAEnB;AAAEC,MAAAA,OAAO,EAAEV,KAAK,KAAK;AAArB,KAFmB,CADvB;AAKE,IAAA,OAAO,EAAEH,MAAM,CAACU,GALlB;AAAA,4BAOEI;AACE,MAAA,OAAO,EAAEX,KAAK,KAAK,IADrB;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,EAAE,EAAEH,MAAM,CAACU,GAHb;AAIE,MAAA,QAAQ,EAAEN,QAJZ;AAKE,MAAA,IAAI,EAAC;AALP,MAPF,eAcEU;AAAM,MAAA,SAAS,EAAC;AAAhB,MAdF;AAAA,IADF;AAkBD,CA/BD;;AAiCAf,MAAM,CAACgB,SAAP,GAAmB;AACjBf,EAAAA,MAAM,EAAEgB,SAAS,CAACC,KAAV,CAAgB;AACtBP,IAAAA,GAAG,EAAEM,SAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B;AAFa,GAAhB,CADS;AAKjBpB,EAAAA,IAAI,EAAEe,SAAS,CAACC,KAAV,CAAgB;AACpBR,IAAAA,EAAE,EAAEO,SAAS,CAACE;AADM,GAAhB,CALW;AAQjBhB,EAAAA,YAAY,EAAEc,SAAS,CAACM,IARP;AASjBnB,EAAAA,KAAK,EAAEa,SAAS,CAACE;AATA,CAAnB;AAYAnB,MAAM,CAACwB,YAAP,GAAsB;AACpBvB,EAAAA,MAAM,EAAE,EADY;AAEpBC,EAAAA,IAAI,EAAE,EAFc;AAGpBC,EAAAA,YAAY,EAAE,wBAAM,EAHA;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAtB;AAOA,4BAAeqB,IAAI,CAACzB,MAAD,CAAnB;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { memo } from 'react';
2
2
  import PropTypes from 'prop-types';
3
- import classNames from 'classnames';
3
+ import { useTranslatedTexts } from '../../utils/hooks.js';
4
4
  import { jsxs, jsx } from 'react/jsx-runtime';
5
5
 
6
6
  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; }
@@ -18,19 +18,26 @@ var Toggle = function Toggle(_ref) {
18
18
  }, _defineProperty({}, config.key, status));
19
19
  };
20
20
 
21
+ var _useTranslatedTexts = useTranslatedTexts(),
22
+ TOGGLE_OFF = _useTranslatedTexts.TOGGLE_OFF,
23
+ TOGGLE_ON = _useTranslatedTexts.TOGGLE_ON;
24
+
21
25
  return /*#__PURE__*/jsxs("label", {
22
- className: classNames('toolToggle', {
23
- toggled: value === 'on'
24
- }),
26
+ className: "reportToolToggle",
25
27
  htmlFor: config.key,
26
28
  children: [/*#__PURE__*/jsx("input", {
27
29
  checked: value === 'on',
28
- className: "toolToggle-input",
29
30
  id: config.key,
30
31
  onChange: onChange,
31
32
  type: "checkbox"
32
33
  }), /*#__PURE__*/jsx("span", {
33
- className: "toolToggle-custom"
34
+ className: "reportToolToggle-knob"
35
+ }), /*#__PURE__*/jsx("span", {
36
+ className: "reportToolToggle-on reportToolToggle-text",
37
+ children: TOGGLE_ON
38
+ }), /*#__PURE__*/jsx("span", {
39
+ className: "reportToolToggle-off reportToolToggle-text",
40
+ children: TOGGLE_OFF
34
41
  })]
35
42
  });
36
43
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sources":["../../../../src/components/Settings/Toggle.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst Toggle = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const onChange = e => {\n const status = e.target.checked ? 'on' : 'off';\n onItemChange(\n { id: item.id },\n { [config.key]: status },\n );\n };\n return (\n <label\n className={classNames(\n 'toolToggle',\n { toggled: value === 'on' },\n )}\n htmlFor={config.key}\n >\n <input\n checked={value === 'on'}\n className=\"toolToggle-input\"\n id={config.key}\n onChange={onChange}\n type=\"checkbox\"\n />\n <span className=\"toolToggle-custom\" />\n </label>\n );\n};\n\nToggle.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nToggle.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Toggle);\n"],"names":["Toggle","config","item","onItemChange","value","onChange","e","status","target","checked","id","key","_jsxs","classNames","toggled","_jsx","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,MAAM,GAAGD,CAAC,CAACE,MAAF,CAASC,OAAT,GAAmB,IAAnB,GAA0B,KAAzC;AACAN,IAAAA,YAAY,CACV;AAAEO,MAAAA,EAAE,EAAER,IAAI,CAACQ;AAAX,KADU,sBAEPT,MAAM,CAACU,GAFA,EAEMJ,MAFN,EAAZ;AAID,GAND;;AAOA,sBACEK;AACE,IAAA,SAAS,EAAEC,UAAU,CACnB,YADmB,EAEnB;AAAEC,MAAAA,OAAO,EAAEV,KAAK,KAAK;AAArB,KAFmB,CADvB;AAKE,IAAA,OAAO,EAAEH,MAAM,CAACU,GALlB;AAAA,4BAOEI;AACE,MAAA,OAAO,EAAEX,KAAK,KAAK,IADrB;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,EAAE,EAAEH,MAAM,CAACU,GAHb;AAIE,MAAA,QAAQ,EAAEN,QAJZ;AAKE,MAAA,IAAI,EAAC;AALP,MAPF,eAcEU;AAAM,MAAA,SAAS,EAAC;AAAhB,MAdF;AAAA,IADF;AAkBD,CA/BD;;AAiCAf,MAAM,CAACgB,SAAP,GAAmB;AACjBf,EAAAA,MAAM,EAAEgB,SAAS,CAACC,KAAV,CAAgB;AACtBP,IAAAA,GAAG,EAAEM,SAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B;AAFa,GAAhB,CADS;AAKjBpB,EAAAA,IAAI,EAAEe,SAAS,CAACC,KAAV,CAAgB;AACpBR,IAAAA,EAAE,EAAEO,SAAS,CAACE;AADM,GAAhB,CALW;AAQjBhB,EAAAA,YAAY,EAAEc,SAAS,CAACM,IARP;AASjBnB,EAAAA,KAAK,EAAEa,SAAS,CAACE;AATA,CAAnB;AAYAnB,MAAM,CAACwB,YAAP,GAAsB;AACpBvB,EAAAA,MAAM,EAAE,EADY;AAEpBC,EAAAA,IAAI,EAAE,EAFc;AAGpBC,EAAAA,YAAY,EAAE,wBAAM,EAHA;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAtB;AAOA,4BAAeqB,IAAI,CAACzB,MAAD,CAAnB;;;;"}
1
+ {"version":3,"file":"Toggle.js","sources":["../../../../src/components/Settings/Toggle.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst Toggle = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const onChange = e => {\n const status = e.target.checked ? 'on' : 'off';\n onItemChange(\n { id: item.id },\n { [config.key]: status },\n );\n };\n\n const { TOGGLE_OFF, TOGGLE_ON } = useTranslatedTexts();\n\n return (\n <label\n className=\"reportToolToggle\"\n htmlFor={config.key}\n >\n <input\n checked={value === 'on'}\n id={config.key}\n onChange={onChange}\n type=\"checkbox\"\n />\n <span className=\"reportToolToggle-knob\" />\n <span className=\"reportToolToggle-on reportToolToggle-text\">{TOGGLE_ON}</span>\n <span className=\"reportToolToggle-off reportToolToggle-text\">{TOGGLE_OFF}</span>\n </label>\n );\n};\n\nToggle.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nToggle.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Toggle);\n"],"names":["Toggle","config","item","onItemChange","value","onChange","e","status","target","checked","id","key","useTranslatedTexts","TOGGLE_OFF","TOGGLE_ON","_jsxs","_jsx","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,MAAM,GAAGD,CAAC,CAACE,MAAF,CAASC,OAAT,GAAmB,IAAnB,GAA0B,KAAzC;AACAN,IAAAA,YAAY,CACV;AAAEO,MAAAA,EAAE,EAAER,IAAI,CAACQ;AAAX,KADU,sBAEPT,MAAM,CAACU,GAFA,EAEMJ,MAFN,EAAZ;AAID,GAND;;AADI,4BAS8BK,kBAAkB,EAThD;AAAA,MASIC,UATJ,uBASIA,UATJ;AAAA,MASgBC,SAThB,uBASgBA,SAThB;;AAWJ,sBACEC;AACE,IAAA,SAAS,EAAC,kBADZ;AAEE,IAAA,OAAO,EAAEd,MAAM,CAACU,GAFlB;AAAA,4BAIEK;AACE,MAAA,OAAO,EAAEZ,KAAK,KAAK,IADrB;AAEE,MAAA,EAAE,EAAEH,MAAM,CAACU,GAFb;AAGE,MAAA,QAAQ,EAAEN,QAHZ;AAIE,MAAA,IAAI,EAAC;AAJP,MAJF,eAUEW;AAAM,MAAA,SAAS,EAAC;AAAhB,MAVF,eAWEA;AAAM,MAAA,SAAS,EAAC,2CAAhB;AAAA,gBAA6DF;AAA7D,MAXF,eAYEE;AAAM,MAAA,SAAS,EAAC,4CAAhB;AAAA,gBAA8DH;AAA9D,MAZF;AAAA,IADF;AAgBD,CAhCD;;AAkCAb,MAAM,CAACiB,SAAP,GAAmB;AACjBhB,EAAAA,MAAM,EAAEiB,SAAS,CAACC,KAAV,CAAgB;AACtBR,IAAAA,GAAG,EAAEO,SAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B;AAFa,GAAhB,CADS;AAKjBrB,EAAAA,IAAI,EAAEgB,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,SAAS,CAACE;AADM,GAAhB,CALW;AAQjBjB,EAAAA,YAAY,EAAEe,SAAS,CAACM,IARP;AASjBpB,EAAAA,KAAK,EAAEc,SAAS,CAACE;AATA,CAAnB;AAYApB,MAAM,CAACyB,YAAP,GAAsB;AACpBxB,EAAAA,MAAM,EAAE,EADY;AAEpBC,EAAAA,IAAI,EAAE,EAFc;AAGpBC,EAAAA,YAAY,EAAE,wBAAM,EAHA;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAtB;AAOA,4BAAesB,IAAI,CAAC1B,MAAD,CAAnB;;;;"}
@@ -16,6 +16,7 @@ import Textbox from './Textbox.js';
16
16
  import Toggle from './Toggle.js';
17
17
  import LayoutSizeSettings from './LayoutSizeSettings.js';
18
18
  import IconSelectBox from './IconSelectBox.js';
19
+ import Switch from './Switch.js';
19
20
 
20
21
  var Settings = {
21
22
  checkboxGroup: CheckboxGroup,
@@ -34,6 +35,7 @@ var Settings = {
34
35
  selectBox: SelectBox,
35
36
  sizeSettings: SizeSettings,
36
37
  slider: Slider,
38
+ switch: Switch,
37
39
  textbox: Textbox,
38
40
  toggle: Toggle
39
41
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Settings/index.js"],"sourcesContent":["import CheckboxGroup from './CheckboxGroup';\nimport ColorPicker from './ColorPicker';\nimport Divider from './Divider';\nimport Dropdown from './Dropdown';\nimport EnterURL from './ImagePicker/EnterURL';\nimport FieldSet from './FieldSet';\nimport ImageThumbnailWithDelete from './ImagePicker/ImageThumbnailWithDelete';\nimport ImageUrl from './ImageUrl';\nimport Orientation from './Orientation';\nimport PageLayer from './PageLayer/PageLayer';\nimport SegmentControl from './SegmentControl';\nimport SelectBox from './SelectBox';\nimport SizeSettings from './SizeSettings';\nimport Slider from './Slider';\nimport Textbox from './Textbox';\nimport Toggle from './Toggle';\nimport LayoutSizeSettings from './LayoutSizeSettings';\nimport IconSelectBox from './IconSelectBox';\n\nexport default {\n checkboxGroup: CheckboxGroup,\n colorPicker: ColorPicker,\n divider: Divider,\n dropdown: Dropdown,\n enterImageURL: EnterURL,\n fieldSet: FieldSet,\n iconSelectBox: IconSelectBox,\n imageThumbnailWithDelete: ImageThumbnailWithDelete,\n imageUrl: ImageUrl,\n layoutSizeSettings: LayoutSizeSettings,\n orientation: Orientation,\n pageLayer: PageLayer,\n segmentControl: SegmentControl,\n selectBox: SelectBox,\n sizeSettings: SizeSettings,\n slider: Slider,\n textbox: Textbox,\n toggle: Toggle,\n};\n"],"names":["checkboxGroup","CheckboxGroup","colorPicker","ColorPicker","divider","Divider","dropdown","Dropdown","enterImageURL","EnterURL","fieldSet","FieldSet","iconSelectBox","IconSelectBox","imageThumbnailWithDelete","ImageThumbnailWithDelete","imageUrl","ImageUrl","layoutSizeSettings","LayoutSizeSettings","orientation","Orientation","pageLayer","PageLayer","segmentControl","SegmentControl","selectBox","SelectBox","sizeSettings","SizeSettings","slider","Slider","textbox","Textbox","toggle","Toggle"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,eAAe;AACbA,EAAAA,aAAa,EAAEC,aADF;AAEbC,EAAAA,WAAW,EAAEC,WAFA;AAGbC,EAAAA,OAAO,EAAEC,OAHI;AAIbC,EAAAA,QAAQ,EAAEC,QAJG;AAKbC,EAAAA,aAAa,EAAEC,QALF;AAMbC,EAAAA,QAAQ,EAAEC,QANG;AAObC,EAAAA,aAAa,EAAEC,aAPF;AAQbC,EAAAA,wBAAwB,EAAEC,aARb;AASbC,EAAAA,QAAQ,EAAEC,QATG;AAUbC,EAAAA,kBAAkB,EAAEC,kBAVP;AAWbC,EAAAA,WAAW,EAAEC,WAXA;AAYbC,EAAAA,SAAS,EAAEC,SAZE;AAabC,EAAAA,cAAc,EAAEC,cAbH;AAcbC,EAAAA,SAAS,EAAEC,SAdE;AAebC,EAAAA,YAAY,EAAEC,YAfD;AAgBbC,EAAAA,MAAM,EAAEC,MAhBK;AAiBbC,EAAAA,OAAO,EAAEC,OAjBI;AAkBbC,EAAAA,MAAM,EAAEC;AAlBK,CAAf;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Settings/index.js"],"sourcesContent":["import CheckboxGroup from './CheckboxGroup';\nimport ColorPicker from './ColorPicker';\nimport Divider from './Divider';\nimport Dropdown from './Dropdown';\nimport EnterURL from './ImagePicker/EnterURL';\nimport FieldSet from './FieldSet';\nimport ImageThumbnailWithDelete from './ImagePicker/ImageThumbnailWithDelete';\nimport ImageUrl from './ImageUrl';\nimport Orientation from './Orientation';\nimport PageLayer from './PageLayer/PageLayer';\nimport SegmentControl from './SegmentControl';\nimport SelectBox from './SelectBox';\nimport SizeSettings from './SizeSettings';\nimport Slider from './Slider';\nimport Textbox from './Textbox';\nimport Toggle from './Toggle';\nimport LayoutSizeSettings from './LayoutSizeSettings';\nimport IconSelectBox from './IconSelectBox';\nimport Switch from './Switch';\n\nexport default {\n checkboxGroup: CheckboxGroup,\n colorPicker: ColorPicker,\n divider: Divider,\n dropdown: Dropdown,\n enterImageURL: EnterURL,\n fieldSet: FieldSet,\n iconSelectBox: IconSelectBox,\n imageThumbnailWithDelete: ImageThumbnailWithDelete,\n imageUrl: ImageUrl,\n layoutSizeSettings: LayoutSizeSettings,\n orientation: Orientation,\n pageLayer: PageLayer,\n segmentControl: SegmentControl,\n selectBox: SelectBox,\n sizeSettings: SizeSettings,\n slider: Slider,\n switch: Switch,\n textbox: Textbox,\n toggle: Toggle,\n};\n"],"names":["checkboxGroup","CheckboxGroup","colorPicker","ColorPicker","divider","Divider","dropdown","Dropdown","enterImageURL","EnterURL","fieldSet","FieldSet","iconSelectBox","IconSelectBox","imageThumbnailWithDelete","ImageThumbnailWithDelete","imageUrl","ImageUrl","layoutSizeSettings","LayoutSizeSettings","orientation","Orientation","pageLayer","PageLayer","segmentControl","SegmentControl","selectBox","SelectBox","sizeSettings","SizeSettings","slider","Slider","switch","Switch","textbox","Textbox","toggle","Toggle"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,eAAe;AACbA,EAAAA,aAAa,EAAEC,aADF;AAEbC,EAAAA,WAAW,EAAEC,WAFA;AAGbC,EAAAA,OAAO,EAAEC,OAHI;AAIbC,EAAAA,QAAQ,EAAEC,QAJG;AAKbC,EAAAA,aAAa,EAAEC,QALF;AAMbC,EAAAA,QAAQ,EAAEC,QANG;AAObC,EAAAA,aAAa,EAAEC,aAPF;AAQbC,EAAAA,wBAAwB,EAAEC,aARb;AASbC,EAAAA,QAAQ,EAAEC,QATG;AAUbC,EAAAA,kBAAkB,EAAEC,kBAVP;AAWbC,EAAAA,WAAW,EAAEC,WAXA;AAYbC,EAAAA,SAAS,EAAEC,SAZE;AAabC,EAAAA,cAAc,EAAEC,cAbH;AAcbC,EAAAA,SAAS,EAAEC,SAdE;AAebC,EAAAA,YAAY,EAAEC,YAfD;AAgBbC,EAAAA,MAAM,EAAEC,MAhBK;AAiBbC,EAAAA,MAAM,EAAEC,MAjBK;AAkBbC,EAAAA,OAAO,EAAEC,OAlBI;AAmBbC,EAAAA,MAAM,EAAEC;AAnBK,CAAf;;;;"}
@@ -53,13 +53,13 @@ var settings = [{
53
53
  key: 'fontFamily',
54
54
  label: 'Font Family',
55
55
  options: fontTypes.fonts,
56
- section: 'General',
56
+ section: 'GENERAL',
57
57
  type: 'dropdown'
58
58
  }, {
59
59
  key: 'opacity',
60
60
  label: 'Opacity',
61
61
  range: [0, 100],
62
- section: 'General',
62
+ section: 'GENERAL',
63
63
  type: 'slider'
64
64
  }];
65
65
  var StaticRichText = {
@@ -1 +1 @@
1
- {"version":3,"file":"StaticRichText.js","sources":["../../../../src/components/StaticElements/StaticRichText.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport domPurify from 'dompurify';\nimport 'react-quill/dist/quill.snow.css';\nimport { fontTypes } from '../../constants/fonts';\n\nconst ITEM_TYPE = 'text';\n\nconst StaticRichTextElement = ({\n item: {\n fontFamily,\n opacity,\n value,\n },\n}) => (\n <div\n className=\"reportItemInner f-height\"\n style={{ fontFamily, opacity }}\n >\n <div\n className=\"f-all ql-editor\"\n dangerouslySetInnerHTML={{ __html: domPurify.sanitize(value) }}\n />\n </div>\n);\n\nStaticRichTextElement.propTypes = {\n item: PropTypes.shape({\n fontFamily: PropTypes.string,\n opacity: PropTypes.number,\n value: PropTypes.string,\n }),\n};\n\nStaticRichTextElement.defaultProps = {\n item: {\n value: '',\n },\n};\n\nconst details = {\n height: 65,\n itemType: ITEM_TYPE,\n width: 350,\n};\n\nconst defaultItem = {\n fontFamily: 'Circular Std',\n opacity: 1,\n value: '',\n};\n\nconst settings = [\n {\n key: 'fontFamily',\n label: 'Font Family',\n options: fontTypes.fonts,\n section: 'General',\n type: 'dropdown',\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'General',\n type: 'slider',\n },\n];\n\nexport default {\n Component: memo(StaticRichTextElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","StaticRichTextElement","item","fontFamily","opacity","value","_jsx","__html","domPurify","sanitize","propTypes","PropTypes","shape","string","number","defaultProps","details","height","itemType","width","defaultItem","settings","key","label","options","fontTypes","fonts","section","type","range","Component","memo"],"mappings":";;;;;;;AAMA,IAAMA,SAAS,GAAG,MAAlB;;AAEA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,uBAC5BC,IAD4B;AAAA,MAE1BC,UAF0B,aAE1BA,UAF0B;AAAA,MAG1BC,OAH0B,aAG1BA,OAH0B;AAAA,MAI1BC,KAJ0B,aAI1BA,KAJ0B;AAAA,sBAO5BC;AACE,IAAA,SAAS,EAAC,0BADZ;AAEE,IAAA,KAAK,EAAE;AAAEH,MAAAA,UAAU,EAAVA,UAAF;AAAcC,MAAAA,OAAO,EAAPA;AAAd,KAFT;AAAA,2BAIEE;AACE,MAAA,SAAS,EAAC,iBADZ;AAEE,MAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEC,SAAS,CAACC,QAAV,CAAmBJ,KAAnB;AAAV;AAF3B;AAJF,IAP4B;AAAA,CAA9B;;AAkBAJ,qBAAqB,CAACS,SAAtB,GAAkC;AAChCR,EAAAA,IAAI,EAAES,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,UAAU,EAAEQ,SAAS,CAACE,MADF;AAEpBT,IAAAA,OAAO,EAAEO,SAAS,CAACG,MAFC;AAGpBT,IAAAA,KAAK,EAAEM,SAAS,CAACE;AAHG,GAAhB;AAD0B,CAAlC;AAQAZ,qBAAqB,CAACc,YAAtB,GAAqC;AACnCb,EAAAA,IAAI,EAAE;AACJG,IAAAA,KAAK,EAAE;AADH;AAD6B,CAArC;AAMA,IAAMW,OAAO,GAAG;AACdC,EAAAA,MAAM,EAAE,EADM;AAEdC,EAAAA,QAAQ,EAAElB,SAFI;AAGdmB,EAAAA,KAAK,EAAE;AAHO,CAAhB;AAMA,IAAMC,WAAW,GAAG;AAClBjB,EAAAA,UAAU,EAAE,cADM;AAElBC,EAAAA,OAAO,EAAE,CAFS;AAGlBC,EAAAA,KAAK,EAAE;AAHW,CAApB;AAMA,IAAMgB,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,YADP;AAEEC,EAAAA,KAAK,EAAE,aAFT;AAGEC,EAAAA,OAAO,EAAEC,SAAS,CAACC,KAHrB;AAIEC,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CADe,EAQf;AACEN,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEM,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEF,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CARe,CAAjB;AAiBA,qBAAe;AACbE,EAAAA,SAAS,eAAEC,IAAI,CAAC9B,qBAAD,CADF;AAEbmB,EAAAA,WAAW,EAAXA,WAFa;AAGbJ,EAAAA,OAAO,EAAPA,OAHa;AAIbE,EAAAA,QAAQ,EAAElB,SAJG;AAKbqB,EAAAA,QAAQ,EAARA;AALa,CAAf;;;;"}
1
+ {"version":3,"file":"StaticRichText.js","sources":["../../../../src/components/StaticElements/StaticRichText.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport domPurify from 'dompurify';\nimport 'react-quill/dist/quill.snow.css';\nimport { fontTypes } from '../../constants/fonts';\n\nconst ITEM_TYPE = 'text';\n\nconst StaticRichTextElement = ({\n item: {\n fontFamily,\n opacity,\n value,\n },\n}) => (\n <div\n className=\"reportItemInner f-height\"\n style={{ fontFamily, opacity }}\n >\n <div\n className=\"f-all ql-editor\"\n dangerouslySetInnerHTML={{ __html: domPurify.sanitize(value) }}\n />\n </div>\n);\n\nStaticRichTextElement.propTypes = {\n item: PropTypes.shape({\n fontFamily: PropTypes.string,\n opacity: PropTypes.number,\n value: PropTypes.string,\n }),\n};\n\nStaticRichTextElement.defaultProps = {\n item: {\n value: '',\n },\n};\n\nconst details = {\n height: 65,\n itemType: ITEM_TYPE,\n width: 350,\n};\n\nconst defaultItem = {\n fontFamily: 'Circular Std',\n opacity: 1,\n value: '',\n};\n\nconst settings = [\n {\n key: 'fontFamily',\n label: 'Font Family',\n options: fontTypes.fonts,\n section: 'GENERAL',\n type: 'dropdown',\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n];\n\nexport default {\n Component: memo(StaticRichTextElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","StaticRichTextElement","item","fontFamily","opacity","value","_jsx","__html","domPurify","sanitize","propTypes","PropTypes","shape","string","number","defaultProps","details","height","itemType","width","defaultItem","settings","key","label","options","fontTypes","fonts","section","type","range","Component","memo"],"mappings":";;;;;;;AAMA,IAAMA,SAAS,GAAG,MAAlB;;AAEA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,uBAC5BC,IAD4B;AAAA,MAE1BC,UAF0B,aAE1BA,UAF0B;AAAA,MAG1BC,OAH0B,aAG1BA,OAH0B;AAAA,MAI1BC,KAJ0B,aAI1BA,KAJ0B;AAAA,sBAO5BC;AACE,IAAA,SAAS,EAAC,0BADZ;AAEE,IAAA,KAAK,EAAE;AAAEH,MAAAA,UAAU,EAAVA,UAAF;AAAcC,MAAAA,OAAO,EAAPA;AAAd,KAFT;AAAA,2BAIEE;AACE,MAAA,SAAS,EAAC,iBADZ;AAEE,MAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEC,SAAS,CAACC,QAAV,CAAmBJ,KAAnB;AAAV;AAF3B;AAJF,IAP4B;AAAA,CAA9B;;AAkBAJ,qBAAqB,CAACS,SAAtB,GAAkC;AAChCR,EAAAA,IAAI,EAAES,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,UAAU,EAAEQ,SAAS,CAACE,MADF;AAEpBT,IAAAA,OAAO,EAAEO,SAAS,CAACG,MAFC;AAGpBT,IAAAA,KAAK,EAAEM,SAAS,CAACE;AAHG,GAAhB;AAD0B,CAAlC;AAQAZ,qBAAqB,CAACc,YAAtB,GAAqC;AACnCb,EAAAA,IAAI,EAAE;AACJG,IAAAA,KAAK,EAAE;AADH;AAD6B,CAArC;AAMA,IAAMW,OAAO,GAAG;AACdC,EAAAA,MAAM,EAAE,EADM;AAEdC,EAAAA,QAAQ,EAAElB,SAFI;AAGdmB,EAAAA,KAAK,EAAE;AAHO,CAAhB;AAMA,IAAMC,WAAW,GAAG;AAClBjB,EAAAA,UAAU,EAAE,cADM;AAElBC,EAAAA,OAAO,EAAE,CAFS;AAGlBC,EAAAA,KAAK,EAAE;AAHW,CAApB;AAMA,IAAMgB,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,YADP;AAEEC,EAAAA,KAAK,EAAE,aAFT;AAGEC,EAAAA,OAAO,EAAEC,SAAS,CAACC,KAHrB;AAIEC,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CADe,EAQf;AACEN,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEM,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEF,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CARe,CAAjB;AAiBA,qBAAe;AACbE,EAAAA,SAAS,eAAEC,IAAI,CAAC9B,qBAAD,CADF;AAEbmB,EAAAA,WAAW,EAAXA,WAFa;AAGbJ,EAAAA,OAAO,EAAPA,OAHa;AAIbE,EAAAA,QAAQ,EAAElB,SAJG;AAKbqB,EAAAA,QAAQ,EAARA;AALa,CAAf;;;;"}
@@ -1,4 +1,4 @@
1
- import { fieldSet, divider } from '../utils/staticSettings.js';
1
+ import { divider, fieldSet } from '../utils/staticSettings.js';
2
2
  import { PAGE_SETTINGS_ITEM_TYPE } from './itemTypes.js';
3
3
 
4
4
  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; }
@@ -7,15 +7,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
7
7
 
8
8
  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; }
9
9
  var pageSettings = {
10
- settings: [_objectSpread({}, fieldSet('General', 'Page Style')), {
10
+ settings: [{
11
11
  key: 'backgroundColor',
12
12
  label: 'Background Color',
13
- section: 'General',
13
+ section: 'GENERAL',
14
14
  type: 'colorPicker'
15
- }, _objectSpread({}, divider('General')), _objectSpread({}, fieldSet('General', 'Elements')), {
15
+ }, _objectSpread({}, divider('GENERAL')), _objectSpread({}, fieldSet('GENERAL', 'Slide Elements')), {
16
16
  key: 'pageLayer',
17
- label: 'Layers',
18
- section: 'General',
17
+ label: '',
18
+ section: 'GENERAL',
19
19
  type: 'pageLayer',
20
20
  value: function value(_, _ref) {
21
21
  var items = _ref.items;
@@ -1 +1 @@
1
- {"version":3,"file":"pageSettings.js","sources":["../../../src/constants/pageSettings.js"],"sourcesContent":["import { divider, fieldSet } from '../utils/staticSettings';\nimport { PAGE_SETTINGS_ITEM_TYPE } from './itemTypes';\n\nexport const pageSettings = {\n settings: [\n {\n ...fieldSet('General', 'Page Style'),\n },\n {\n key: 'backgroundColor',\n label: 'Background Color',\n section: 'General',\n type: 'colorPicker',\n },\n {\n ...divider('General'),\n },\n {\n ...fieldSet('General', 'Elements'),\n },\n {\n key: 'pageLayer',\n label: 'Layers',\n section: 'General',\n type: 'pageLayer',\n value: (_, { items }) => JSON.stringify(items),\n },\n ],\n};\n\nexport default {\n itemType: PAGE_SETTINGS_ITEM_TYPE,\n settings: pageSettings.settings,\n};\n"],"names":["pageSettings","settings","fieldSet","key","label","section","type","divider","value","_","items","JSON","stringify","itemType","PAGE_SETTINGS_ITEM_TYPE"],"mappings":";;;;;;;;IAGaA,YAAY,GAAG;AAC1BC,EAAAA,QAAQ,EAAE,mBAEHC,QAAQ,CAAC,SAAD,EAAY,YAAZ,CAFL,GAIR;AACEC,IAAAA,GAAG,EAAE,iBADP;AAEEC,IAAAA,KAAK,EAAE,kBAFT;AAGEC,IAAAA,OAAO,EAAE,SAHX;AAIEC,IAAAA,IAAI,EAAE;AAJR,GAJQ,oBAWHC,OAAO,CAAC,SAAD,CAXJ,qBAcHL,QAAQ,CAAC,SAAD,EAAY,UAAZ,CAdL,GAgBR;AACEC,IAAAA,GAAG,EAAE,WADP;AAEEC,IAAAA,KAAK,EAAE,QAFT;AAGEC,IAAAA,OAAO,EAAE,SAHX;AAIEC,IAAAA,IAAI,EAAE,WAJR;AAKEE,IAAAA,KAAK,EAAE,eAACC,CAAD;AAAA,UAAMC,KAAN,QAAMA,KAAN;AAAA,aAAkBC,IAAI,CAACC,SAAL,CAAeF,KAAf,CAAlB;AAAA;AALT,GAhBQ;AADgB;AA2B5B,WAAe;AACbG,EAAAA,QAAQ,EAAEC,uBADG;AAEbb,EAAAA,QAAQ,EAAED,YAAY,CAACC;AAFV,CAAf;;;;;"}
1
+ {"version":3,"file":"pageSettings.js","sources":["../../../src/constants/pageSettings.js"],"sourcesContent":["import { divider, fieldSet } from '../utils/staticSettings';\nimport { PAGE_SETTINGS_ITEM_TYPE } from './itemTypes';\n\nexport const pageSettings = {\n settings: [\n {\n key: 'backgroundColor',\n label: 'Background Color',\n section: 'GENERAL',\n type: 'colorPicker',\n },\n {\n ...divider('GENERAL'),\n },\n {\n ...fieldSet('GENERAL', 'Slide Elements'),\n },\n {\n key: 'pageLayer',\n label: '',\n section: 'GENERAL',\n type: 'pageLayer',\n value: (_, { items }) => JSON.stringify(items),\n },\n ],\n};\n\nexport default {\n itemType: PAGE_SETTINGS_ITEM_TYPE,\n settings: pageSettings.settings,\n};\n"],"names":["pageSettings","settings","key","label","section","type","divider","fieldSet","value","_","items","JSON","stringify","itemType","PAGE_SETTINGS_ITEM_TYPE"],"mappings":";;;;;;;;IAGaA,YAAY,GAAG;AAC1BC,EAAAA,QAAQ,EAAE,CACR;AACEC,IAAAA,GAAG,EAAE,iBADP;AAEEC,IAAAA,KAAK,EAAE,kBAFT;AAGEC,IAAAA,OAAO,EAAE,SAHX;AAIEC,IAAAA,IAAI,EAAE;AAJR,GADQ,oBAQHC,OAAO,CAAC,SAAD,CARJ,qBAWHC,QAAQ,CAAC,SAAD,EAAY,gBAAZ,CAXL,GAaR;AACEL,IAAAA,GAAG,EAAE,WADP;AAEEC,IAAAA,KAAK,EAAE,EAFT;AAGEC,IAAAA,OAAO,EAAE,SAHX;AAIEC,IAAAA,IAAI,EAAE,WAJR;AAKEG,IAAAA,KAAK,EAAE,eAACC,CAAD;AAAA,UAAMC,KAAN,QAAMA,KAAN;AAAA,aAAkBC,IAAI,CAACC,SAAL,CAAeF,KAAf,CAAlB;AAAA;AALT,GAbQ;AADgB;AAwB5B,WAAe;AACbG,EAAAA,QAAQ,EAAEC,uBADG;AAEbb,EAAAA,QAAQ,EAAED,YAAY,CAACC;AAFV,CAAf;;;;;"}
@@ -1,6 +1,13 @@
1
1
  import 'core-js/modules/es.array.concat.js';
2
2
  import 'core-js/modules/es.regexp.exec.js';
3
3
  import 'core-js/modules/es.string.split.js';
4
+ import { divider } from '../utils/staticSettings.js';
5
+
6
+ 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; }
7
+
8
+ 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; }
9
+
10
+ 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; }
4
11
 
5
12
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
6
13
 
@@ -106,7 +113,7 @@ var reportLayoutSettings = [{
106
113
  label: 'Custom',
107
114
  value: 'Custom'
108
115
  }],
109
- section: 'General',
116
+ section: 'GENERAL',
110
117
  type: 'dropdown',
111
118
  value: function value(val) {
112
119
  if (val === 'custom') {
@@ -127,7 +134,7 @@ var reportLayoutSettings = [{
127
134
 
128
135
  return val;
129
136
  }
130
- }, {
137
+ }, _objectSpread({}, divider('GENERAL')), {
131
138
  key: 'reportCustomLayout',
132
139
  label: 'Web Resolution',
133
140
  onChange: onChange,
@@ -150,7 +157,7 @@ var reportLayoutSettings = [{
150
157
  label: '1024 x 768',
151
158
  value: '1024x768'
152
159
  }],
153
- section: 'General',
160
+ section: 'GENERAL',
154
161
  showWhen: {
155
162
  reportLayout: 'Web'
156
163
  },
@@ -161,14 +168,14 @@ var reportLayoutSettings = [{
161
168
  key: 'reportCustomLayout',
162
169
  label: 'Enter Dimensions',
163
170
  onChange: onChange,
164
- section: 'General',
171
+ section: 'GENERAL',
165
172
  showWhen: {
166
173
  reportLayout: 'Custom'
167
174
  },
168
175
  type: 'layoutSizeSettings',
169
176
  uniqueId: 'reportCustomLayout_2',
170
177
  value: value
171
- }];
178
+ }, _objectSpread({}, divider('GENERAL'))];
172
179
 
173
180
  export default reportLayoutSettings;
174
181
  //# sourceMappingURL=reportLayoutSettings.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"reportLayoutSettings.js","sources":["../../../src/constants/reportLayoutSettings.js"],"sourcesContent":["const onChange = (id, { reportCustomLayout }, updater) => {\n const [reportLayoutWidth, reportLayoutHeight] = reportCustomLayout.split('x');\n updater(id, {\n reportLayoutHeight,\n reportLayoutWidth,\n });\n};\n\nconst value = (val, item) => {\n return `${item.reportLayoutWidth}x${item.reportLayoutHeight}`;\n};\n\nexport default [\n {\n ifValueEquals: {\n 'A4 Landscape': {\n reportLayoutHeight: {\n cast: 'string',\n value: '794',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '1123',\n },\n },\n 'A4 Portrait': {\n reportLayoutHeight: {\n cast: 'string',\n value: '1123',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '794',\n },\n },\n 'A5 Landscape': {\n reportLayoutHeight: {\n cast: 'string',\n value: '559',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '794',\n },\n },\n 'A5 Portrait': {\n reportLayoutHeight: {\n cast: 'string',\n value: '794',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '559',\n },\n },\n Web: {\n reportLayoutHeight: {\n cast: 'string',\n value: '768',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '1366',\n },\n },\n },\n key: 'reportLayout',\n label: 'Dimensions',\n options: [\n {\n label: 'A4 Landscape',\n value: 'A4 Landscape',\n },\n {\n label: 'A4 Portrait',\n value: 'A4 Portrait',\n },\n {\n label: 'A5 Landscape',\n value: 'A5 Landscape',\n },\n {\n label: 'A5 Portrait',\n value: 'A5 Portrait',\n },\n {\n label: 'Web',\n value: 'Web',\n },\n {\n label: 'Custom',\n value: 'Custom',\n },\n ],\n section: 'General',\n type: 'dropdown',\n value: val => {\n if (val === 'custom') {\n return 'Custom';\n }\n\n if (val === 'web') {\n return 'Web';\n }\n\n if (val === 'landscape') {\n return 'A4 Landscape';\n }\n\n if (val === 'portrait') {\n return 'A4 Portrait';\n }\n\n return val;\n },\n },\n {\n key: 'reportCustomLayout',\n label: 'Web Resolution',\n onChange,\n options: [\n { label: '3840 x 2160', value: '3840x2160' },\n { label: '1920 x 1080', value: '1920x1080' },\n { label: '1440 x 900', value: '1440x900' },\n { label: '1366 x 768', value: '1366x768' },\n { label: '1280 x 720', value: '1280x720' },\n { label: '1024 x 768', value: '1024x768' },\n ],\n section: 'General',\n showWhen: {\n reportLayout: 'Web',\n },\n type: 'dropdown',\n uniqueId: 'reportCustomLayout_1',\n value,\n },\n {\n key: 'reportCustomLayout',\n label: 'Enter Dimensions',\n onChange,\n section: 'General',\n showWhen: {\n reportLayout: 'Custom',\n },\n type: 'layoutSizeSettings',\n uniqueId: 'reportCustomLayout_2',\n value,\n },\n];\n"],"names":["onChange","id","updater","reportCustomLayout","split","reportLayoutWidth","reportLayoutHeight","value","val","item","ifValueEquals","cast","Web","key","label","options","section","type","showWhen","reportLayout","uniqueId"],"mappings":"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"}
1
+ {"version":3,"file":"reportLayoutSettings.js","sources":["../../../src/constants/reportLayoutSettings.js"],"sourcesContent":["import { divider } from '../utils/staticSettings';\n\nconst onChange = (id, { reportCustomLayout }, updater) => {\n const [reportLayoutWidth, reportLayoutHeight] = reportCustomLayout.split('x');\n updater(id, {\n reportLayoutHeight,\n reportLayoutWidth,\n });\n};\n\nconst value = (val, item) => {\n return `${item.reportLayoutWidth}x${item.reportLayoutHeight}`;\n};\n\nexport default [\n {\n ifValueEquals: {\n 'A4 Landscape': {\n reportLayoutHeight: {\n cast: 'string',\n value: '794',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '1123',\n },\n },\n 'A4 Portrait': {\n reportLayoutHeight: {\n cast: 'string',\n value: '1123',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '794',\n },\n },\n 'A5 Landscape': {\n reportLayoutHeight: {\n cast: 'string',\n value: '559',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '794',\n },\n },\n 'A5 Portrait': {\n reportLayoutHeight: {\n cast: 'string',\n value: '794',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '559',\n },\n },\n Web: {\n reportLayoutHeight: {\n cast: 'string',\n value: '768',\n },\n reportLayoutWidth: {\n cast: 'string',\n value: '1366',\n },\n },\n },\n key: 'reportLayout',\n label: 'Dimensions',\n options: [\n {\n label: 'A4 Landscape',\n value: 'A4 Landscape',\n },\n {\n label: 'A4 Portrait',\n value: 'A4 Portrait',\n },\n {\n label: 'A5 Landscape',\n value: 'A5 Landscape',\n },\n {\n label: 'A5 Portrait',\n value: 'A5 Portrait',\n },\n {\n label: 'Web',\n value: 'Web',\n },\n {\n label: 'Custom',\n value: 'Custom',\n },\n ],\n section: 'GENERAL',\n type: 'dropdown',\n value: val => {\n if (val === 'custom') {\n return 'Custom';\n }\n\n if (val === 'web') {\n return 'Web';\n }\n\n if (val === 'landscape') {\n return 'A4 Landscape';\n }\n\n if (val === 'portrait') {\n return 'A4 Portrait';\n }\n\n return val;\n },\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'reportCustomLayout',\n label: 'Web Resolution',\n onChange,\n options: [\n { label: '3840 x 2160', value: '3840x2160' },\n { label: '1920 x 1080', value: '1920x1080' },\n { label: '1440 x 900', value: '1440x900' },\n { label: '1366 x 768', value: '1366x768' },\n { label: '1280 x 720', value: '1280x720' },\n { label: '1024 x 768', value: '1024x768' },\n ],\n section: 'GENERAL',\n showWhen: {\n reportLayout: 'Web',\n },\n type: 'dropdown',\n uniqueId: 'reportCustomLayout_1',\n value,\n },\n {\n key: 'reportCustomLayout',\n label: 'Enter Dimensions',\n onChange,\n section: 'GENERAL',\n showWhen: {\n reportLayout: 'Custom',\n },\n type: 'layoutSizeSettings',\n uniqueId: 'reportCustomLayout_2',\n value,\n },\n {\n ...divider('GENERAL'),\n },\n];\n"],"names":["onChange","id","updater","reportCustomLayout","split","reportLayoutWidth","reportLayoutHeight","value","val","item","ifValueEquals","cast","Web","key","label","options","section","type","divider","showWhen","reportLayout","uniqueId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,EAAD,QAA6BC,OAA7B,EAAyC;AAAA,MAAlCC,kBAAkC,QAAlCA,kBAAkC;;AAAA,8BACRA,kBAAkB,CAACC,KAAnB,CAAyB,GAAzB,CADQ;AAAA;AAAA,MACjDC,iBADiD;AAAA,MAC9BC,kBAD8B;;AAExDJ,EAAAA,OAAO,CAACD,EAAD,EAAK;AACVK,IAAAA,kBAAkB,EAAlBA,kBADU;AAEVD,IAAAA,iBAAiB,EAAjBA;AAFU,GAAL,CAAP;AAID,CAND;;AAQA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAACC,GAAD,EAAMC,IAAN,EAAe;AAC3B,mBAAUA,IAAI,CAACJ,iBAAf,cAAoCI,IAAI,CAACH,kBAAzC;AACD,CAFD;;AAIA,2BAAe,CACb;AACEI,EAAAA,aAAa,EAAE;AACb,oBAAgB;AACdJ,MAAAA,kBAAkB,EAAE;AAClBK,QAAAA,IAAI,EAAE,QADY;AAElBJ,QAAAA,KAAK,EAAE;AAFW,OADN;AAKdF,MAAAA,iBAAiB,EAAE;AACjBM,QAAAA,IAAI,EAAE,QADW;AAEjBJ,QAAAA,KAAK,EAAE;AAFU;AALL,KADH;AAWb,mBAAe;AACbD,MAAAA,kBAAkB,EAAE;AAClBK,QAAAA,IAAI,EAAE,QADY;AAElBJ,QAAAA,KAAK,EAAE;AAFW,OADP;AAKbF,MAAAA,iBAAiB,EAAE;AACjBM,QAAAA,IAAI,EAAE,QADW;AAEjBJ,QAAAA,KAAK,EAAE;AAFU;AALN,KAXF;AAqBb,oBAAgB;AACdD,MAAAA,kBAAkB,EAAE;AAClBK,QAAAA,IAAI,EAAE,QADY;AAElBJ,QAAAA,KAAK,EAAE;AAFW,OADN;AAKdF,MAAAA,iBAAiB,EAAE;AACjBM,QAAAA,IAAI,EAAE,QADW;AAEjBJ,QAAAA,KAAK,EAAE;AAFU;AALL,KArBH;AA+Bb,mBAAe;AACbD,MAAAA,kBAAkB,EAAE;AAClBK,QAAAA,IAAI,EAAE,QADY;AAElBJ,QAAAA,KAAK,EAAE;AAFW,OADP;AAKbF,MAAAA,iBAAiB,EAAE;AACjBM,QAAAA,IAAI,EAAE,QADW;AAEjBJ,QAAAA,KAAK,EAAE;AAFU;AALN,KA/BF;AAyCbK,IAAAA,GAAG,EAAE;AACHN,MAAAA,kBAAkB,EAAE;AAClBK,QAAAA,IAAI,EAAE,QADY;AAElBJ,QAAAA,KAAK,EAAE;AAFW,OADjB;AAKHF,MAAAA,iBAAiB,EAAE;AACjBM,QAAAA,IAAI,EAAE,QADW;AAEjBJ,QAAAA,KAAK,EAAE;AAFU;AALhB;AAzCQ,GADjB;AAqDEM,EAAAA,GAAG,EAAE,cArDP;AAsDEC,EAAAA,KAAK,EAAE,YAtDT;AAuDEC,EAAAA,OAAO,EAAE,CACP;AACED,IAAAA,KAAK,EAAE,cADT;AAEEP,IAAAA,KAAK,EAAE;AAFT,GADO,EAKP;AACEO,IAAAA,KAAK,EAAE,aADT;AAEEP,IAAAA,KAAK,EAAE;AAFT,GALO,EASP;AACEO,IAAAA,KAAK,EAAE,cADT;AAEEP,IAAAA,KAAK,EAAE;AAFT,GATO,EAaP;AACEO,IAAAA,KAAK,EAAE,aADT;AAEEP,IAAAA,KAAK,EAAE;AAFT,GAbO,EAiBP;AACEO,IAAAA,KAAK,EAAE,KADT;AAEEP,IAAAA,KAAK,EAAE;AAFT,GAjBO,EAqBP;AACEO,IAAAA,KAAK,EAAE,QADT;AAEEP,IAAAA,KAAK,EAAE;AAFT,GArBO,CAvDX;AAiFES,EAAAA,OAAO,EAAE,SAjFX;AAkFEC,EAAAA,IAAI,EAAE,UAlFR;AAmFEV,EAAAA,KAAK,EAAE,eAAAC,GAAG,EAAI;AACZ,QAAIA,GAAG,KAAK,QAAZ,EAAsB;AACpB,aAAO,QAAP;AACD;;AAED,QAAIA,GAAG,KAAK,KAAZ,EAAmB;AACjB,aAAO,KAAP;AACD;;AAED,QAAIA,GAAG,KAAK,WAAZ,EAAyB;AACvB,aAAO,cAAP;AACD;;AAED,QAAIA,GAAG,KAAK,UAAZ,EAAwB;AACtB,aAAO,aAAP;AACD;;AAED,WAAOA,GAAP;AACD;AArGH,CADa,oBAyGRU,OAAO,CAAC,SAAD,CAzGC,GA2Gb;AACEL,EAAAA,GAAG,EAAE,oBADP;AAEEC,EAAAA,KAAK,EAAE,gBAFT;AAGEd,EAAAA,QAAQ,EAARA,QAHF;AAIEe,EAAAA,OAAO,EAAE,CACP;AAAED,IAAAA,KAAK,EAAE,aAAT;AAAwBP,IAAAA,KAAK,EAAE;AAA/B,GADO,EAEP;AAAEO,IAAAA,KAAK,EAAE,aAAT;AAAwBP,IAAAA,KAAK,EAAE;AAA/B,GAFO,EAGP;AAAEO,IAAAA,KAAK,EAAE,YAAT;AAAuBP,IAAAA,KAAK,EAAE;AAA9B,GAHO,EAIP;AAAEO,IAAAA,KAAK,EAAE,YAAT;AAAuBP,IAAAA,KAAK,EAAE;AAA9B,GAJO,EAKP;AAAEO,IAAAA,KAAK,EAAE,YAAT;AAAuBP,IAAAA,KAAK,EAAE;AAA9B,GALO,EAMP;AAAEO,IAAAA,KAAK,EAAE,YAAT;AAAuBP,IAAAA,KAAK,EAAE;AAA9B,GANO,CAJX;AAYES,EAAAA,OAAO,EAAE,SAZX;AAaEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,YAAY,EAAE;AADN,GAbZ;AAgBEH,EAAAA,IAAI,EAAE,UAhBR;AAiBEI,EAAAA,QAAQ,EAAE,sBAjBZ;AAkBEd,EAAAA,KAAK,EAALA;AAlBF,CA3Ga,EA+Hb;AACEM,EAAAA,GAAG,EAAE,oBADP;AAEEC,EAAAA,KAAK,EAAE,kBAFT;AAGEd,EAAAA,QAAQ,EAARA,QAHF;AAIEgB,EAAAA,OAAO,EAAE,SAJX;AAKEG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,YAAY,EAAE;AADN,GALZ;AAQEH,EAAAA,IAAI,EAAE,oBARR;AASEI,EAAAA,QAAQ,EAAE,sBATZ;AAUEd,EAAAA,KAAK,EAALA;AAVF,CA/Ha,oBA4IRW,OAAO,CAAC,SAAD,CA5IC,EAAf;;;;"}
@@ -41,14 +41,16 @@ var reportSettings = {
41
41
  label: 'Scale and Fade',
42
42
  value: 'scaleAndFade'
43
43
  }],
44
- section: 'General',
44
+ section: 'GENERAL',
45
45
  type: 'dropdown'
46
- }, {
46
+ }, _objectSpread(_objectSpread({}, divider('GENERAL')), {}, {
47
+ experimental: true
48
+ }), {
47
49
  key: 'reportBackgroundColor',
48
50
  label: 'Background Color',
49
- section: 'Style',
51
+ section: 'STYLE',
50
52
  type: 'colorPicker'
51
- }, _objectSpread({}, divider('General')), _objectSpread({}, divider('Style'))])
53
+ }, _objectSpread({}, divider('STYLE'))])
52
54
  };
53
55
  var Layout = {
54
56
  itemType: REPORT_SETTINGS_ITEM_TYPE,
@@ -1 +1 @@
1
- {"version":3,"file":"reportSettings.js","sources":["../../../src/constants/reportSettings.js"],"sourcesContent":["import { divider } from '../utils/staticSettings';\nimport { REPORT_SETTINGS_ITEM_TYPE } from './itemTypes';\nimport reportLayoutSettings from './reportLayoutSettings';\n\nexport const reportSettings = {\n settings: [\n ...reportLayoutSettings,\n {\n experimental: true,\n key: 'reportPageTransition',\n label: 'Page Transitions',\n options: [\n {\n label: 'No Animation',\n value: 'noAnimation',\n },\n {\n label: 'Slide',\n value: 'horizontalSlide',\n },\n {\n label: 'Vertical Slide',\n value: 'verticalSlide',\n },\n {\n label: 'Scale and Slide',\n value: 'scaleAndSlide',\n },\n {\n label: 'Scale and Fade',\n value: 'scaleAndFade',\n },\n ],\n section: 'General',\n type: 'dropdown',\n },\n {\n key: 'reportBackgroundColor',\n label: 'Background Color',\n section: 'Style',\n type: 'colorPicker',\n },\n {\n ...divider('General'),\n },\n {\n ...divider('Style'),\n },\n ],\n};\n\nexport default {\n itemType: REPORT_SETTINGS_ITEM_TYPE,\n settings: reportSettings.settings,\n};\n"],"names":["reportSettings","settings","reportLayoutSettings","experimental","key","label","options","value","section","type","divider","itemType","REPORT_SETTINGS_ITEM_TYPE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAIaA,cAAc,GAAG;AAC5BC,EAAAA,QAAQ,+BACHC,oBADG,IAEN;AACEC,IAAAA,YAAY,EAAE,IADhB;AAEEC,IAAAA,GAAG,EAAE,sBAFP;AAGEC,IAAAA,KAAK,EAAE,kBAHT;AAIEC,IAAAA,OAAO,EAAE,CACP;AACED,MAAAA,KAAK,EAAE,cADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KADO,EAKP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KALO,EASP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KATO,EAaP;AACEF,MAAAA,KAAK,EAAE,iBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KAbO,EAiBP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KAjBO,CAJX;AA0BEC,IAAAA,OAAO,EAAE,SA1BX;AA2BEC,IAAAA,IAAI,EAAE;AA3BR,GAFM,EA+BN;AACEL,IAAAA,GAAG,EAAE,uBADP;AAEEC,IAAAA,KAAK,EAAE,kBAFT;AAGEG,IAAAA,OAAO,EAAE,OAHX;AAIEC,IAAAA,IAAI,EAAE;AAJR,GA/BM,oBAsCDC,OAAO,CAAC,SAAD,CAtCN,qBAyCDA,OAAO,CAAC,OAAD,CAzCN;AADoB;AA+C9B,aAAe;AACbC,EAAAA,QAAQ,EAAEC,yBADG;AAEbX,EAAAA,QAAQ,EAAED,cAAc,CAACC;AAFZ,CAAf;;;;;"}
1
+ {"version":3,"file":"reportSettings.js","sources":["../../../src/constants/reportSettings.js"],"sourcesContent":["import { divider } from '../utils/staticSettings';\nimport { REPORT_SETTINGS_ITEM_TYPE } from './itemTypes';\nimport reportLayoutSettings from './reportLayoutSettings';\n\nexport const reportSettings = {\n settings: [\n ...reportLayoutSettings,\n {\n experimental: true,\n key: 'reportPageTransition',\n label: 'Page Transitions',\n options: [\n {\n label: 'No Animation',\n value: 'noAnimation',\n },\n {\n label: 'Slide',\n value: 'horizontalSlide',\n },\n {\n label: 'Vertical Slide',\n value: 'verticalSlide',\n },\n {\n label: 'Scale and Slide',\n value: 'scaleAndSlide',\n },\n {\n label: 'Scale and Fade',\n value: 'scaleAndFade',\n },\n ],\n section: 'GENERAL',\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n experimental: true,\n },\n {\n key: 'reportBackgroundColor',\n label: 'Background Color',\n section: 'STYLE',\n type: 'colorPicker',\n },\n {\n ...divider('STYLE'),\n },\n ],\n};\n\nexport default {\n itemType: REPORT_SETTINGS_ITEM_TYPE,\n settings: reportSettings.settings,\n};\n"],"names":["reportSettings","settings","reportLayoutSettings","experimental","key","label","options","value","section","type","divider","itemType","REPORT_SETTINGS_ITEM_TYPE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAIaA,cAAc,GAAG;AAC5BC,EAAAA,QAAQ,+BACHC,oBADG,IAEN;AACEC,IAAAA,YAAY,EAAE,IADhB;AAEEC,IAAAA,GAAG,EAAE,sBAFP;AAGEC,IAAAA,KAAK,EAAE,kBAHT;AAIEC,IAAAA,OAAO,EAAE,CACP;AACED,MAAAA,KAAK,EAAE,cADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KADO,EAKP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KALO,EASP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KATO,EAaP;AACEF,MAAAA,KAAK,EAAE,iBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KAbO,EAiBP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KAjBO,CAJX;AA0BEC,IAAAA,OAAO,EAAE,SA1BX;AA2BEC,IAAAA,IAAI,EAAE;AA3BR,GAFM,kCAgCDC,OAAO,CAAC,SAAD,CAhCN;AAiCJP,IAAAA,YAAY,EAAE;AAjCV,MAmCN;AACEC,IAAAA,GAAG,EAAE,uBADP;AAEEC,IAAAA,KAAK,EAAE,kBAFT;AAGEG,IAAAA,OAAO,EAAE,OAHX;AAIEC,IAAAA,IAAI,EAAE;AAJR,GAnCM,oBA0CDC,OAAO,CAAC,OAAD,CA1CN;AADoB;AAgD9B,aAAe;AACbC,EAAAA,QAAQ,EAAEC,yBADG;AAEbX,EAAAA,QAAQ,EAAED,cAAc,CAACC;AAFZ,CAAf;;;;;"}
@@ -4,19 +4,20 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
4
4
 
5
5
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
6
6
 
7
+ /* eslint-disable max-len */
7
8
  var ALL_TEXTS = {
8
9
  ADD_ELEMENT: 'Add Element',
9
- ADD_LINK: 'Add Link',
10
- ADD_NEW_PAGE: 'Add New Page',
10
+ ADD_LINK: 'ADD LINK',
11
+ ADD_NEW_PAGE: 'ADD SLIDE',
11
12
  BACKGROUND_COLOR: 'Background Color',
12
13
  DELETE: 'Delete',
13
14
  DELETE_ITEM: 'Delete Item',
14
15
  DUPLICATE_ITEM: 'Duplicate Item',
15
- DUPLICATE_PAGE: 'Duplicate Page',
16
+ DUPLICATE_PAGE: 'Duplicate Slide',
16
17
  ELEMENTS: 'Elements',
17
- FIT_TO_PAGE: 'Fit to Page',
18
+ FIT_TO_PAGE: 'Fit to Slide',
18
19
  FIT_TO_SCENE: 'Fit to Screen',
19
- GENERAL: 'General',
20
+ GENERAL: 'GENERAL',
20
21
  HEIGHT: 'Height',
21
22
  ITEM_SETTINGS: 'Item Settings',
22
23
  LAYERS: 'Layers',
@@ -24,20 +25,22 @@ var ALL_TEXTS = {
24
25
  LOCK_ITEM: 'Lock Item',
25
26
  MOVE_BACKWARDS: 'Move Backwards',
26
27
  MOVE_FORWARDS: 'Move Forwards',
27
- MOVE_PAGE_DOWNWARDS: 'Move Page Downwards',
28
- MOVE_PAGE_UPWARDS: 'Move Page Upwards',
28
+ MOVE_PAGE_DOWNWARDS: 'Move Slide Downwards',
29
+ MOVE_PAGE_UPWARDS: 'Move Slide Upwards',
29
30
  MOVE_TO_BACK: 'Move to Back',
30
31
  MOVE_TO_FRONT: 'Move to Front',
31
- NO_ELEMENT_IN_PAGE: 'There is no element on this page. You can add a new element from side menu.',
32
+ NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',
32
33
  NO_RESULT: 'No result was not found',
33
34
  ORIGINAL_SIZE: 'Original Size',
34
- PAGE_SETTINGS: 'Page Settings',
35
- PAGE_STYLE: 'Page Style',
36
- REMOVE_PAGE: 'Remove Page',
35
+ PAGE_SETTINGS: 'Slide Settings',
36
+ PAGE_STYLE: 'Slide Style',
37
+ REMOVE_PAGE: 'Remove Slide',
37
38
  SEARCH: 'Search',
38
39
  SETTINGS: 'Settings',
39
40
  SHOW_ALL: 'Show All',
40
41
  SLIDES: 'Slides',
42
+ TOGGLE_OFF: 'OFF',
43
+ TOGGLE_ON: 'ON',
41
44
  UNLOCK_ITEM: 'Unlock Item',
42
45
  WIDTH: 'Width',
43
46
  ZOOM_IN: 'Zoom In',
@@ -1 +1 @@
1
- {"version":3,"file":"texts.js","sources":["../../../src/constants/texts.js"],"sourcesContent":["const ALL_TEXTS = {\n ADD_ELEMENT: 'Add Element',\n ADD_LINK: 'Add Link',\n ADD_NEW_PAGE: 'Add New Page',\n BACKGROUND_COLOR: 'Background Color',\n DELETE: 'Delete',\n DELETE_ITEM: 'Delete Item',\n DUPLICATE_ITEM: 'Duplicate Item',\n DUPLICATE_PAGE: 'Duplicate Page',\n ELEMENTS: 'Elements',\n FIT_TO_PAGE: 'Fit to Page',\n FIT_TO_SCENE: 'Fit to Screen',\n GENERAL: 'General',\n HEIGHT: 'Height',\n ITEM_SETTINGS: 'Item Settings',\n LAYERS: 'Layers',\n LAYOUT_SETTINGS: 'Layout Settings',\n LOCK_ITEM: 'Lock Item',\n MOVE_BACKWARDS: 'Move Backwards',\n MOVE_FORWARDS: 'Move Forwards',\n MOVE_PAGE_DOWNWARDS: 'Move Page Downwards',\n MOVE_PAGE_UPWARDS: 'Move Page Upwards',\n MOVE_TO_BACK: 'Move to Back',\n MOVE_TO_FRONT: 'Move to Front',\n NO_ELEMENT_IN_PAGE: 'There is no element on this page. You can add a new element from side menu.',\n NO_RESULT: 'No result was not found',\n ORIGINAL_SIZE: 'Original Size',\n PAGE_SETTINGS: 'Page Settings',\n PAGE_STYLE: 'Page Style',\n REMOVE_PAGE: 'Remove Page',\n SEARCH: 'Search',\n SETTINGS: 'Settings',\n SHOW_ALL: 'Show All',\n SLIDES: 'Slides',\n UNLOCK_ITEM: 'Unlock Item',\n WIDTH: 'Width',\n ZOOM_IN: 'Zoom In',\n ZOOM_OUT: 'Zoom Out',\n};\n\nclass ModuleTexts {\n constructor(allTexts) {\n this._texts = allTexts;\n }\n\n get Texts() {\n return this._texts;\n }\n\n setTexts(allTexts) {\n this._texts = allTexts;\n }\n}\n\nexport const SharingTextsModule = new ModuleTexts(ALL_TEXTS);\nexport default ALL_TEXTS;\n"],"names":["ALL_TEXTS","ADD_ELEMENT","ADD_LINK","ADD_NEW_PAGE","BACKGROUND_COLOR","DELETE","DELETE_ITEM","DUPLICATE_ITEM","DUPLICATE_PAGE","ELEMENTS","FIT_TO_PAGE","FIT_TO_SCENE","GENERAL","HEIGHT","ITEM_SETTINGS","LAYERS","LAYOUT_SETTINGS","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","NO_ELEMENT_IN_PAGE","NO_RESULT","ORIGINAL_SIZE","PAGE_SETTINGS","PAGE_STYLE","REMOVE_PAGE","SEARCH","SETTINGS","SHOW_ALL","SLIDES","UNLOCK_ITEM","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":";;;;;;IAAMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,cAHE;AAIhBC,EAAAA,gBAAgB,EAAE,kBAJF;AAKhBC,EAAAA,MAAM,EAAE,QALQ;AAMhBC,EAAAA,WAAW,EAAE,aANG;AAOhBC,EAAAA,cAAc,EAAE,gBAPA;AAQhBC,EAAAA,cAAc,EAAE,gBARA;AAShBC,EAAAA,QAAQ,EAAE,UATM;AAUhBC,EAAAA,WAAW,EAAE,aAVG;AAWhBC,EAAAA,YAAY,EAAE,eAXE;AAYhBC,EAAAA,OAAO,EAAE,SAZO;AAahBC,EAAAA,MAAM,EAAE,QAbQ;AAchBC,EAAAA,aAAa,EAAE,eAdC;AAehBC,EAAAA,MAAM,EAAE,QAfQ;AAgBhBC,EAAAA,eAAe,EAAE,iBAhBD;AAiBhBC,EAAAA,SAAS,EAAE,WAjBK;AAkBhBC,EAAAA,cAAc,EAAE,gBAlBA;AAmBhBC,EAAAA,aAAa,EAAE,eAnBC;AAoBhBC,EAAAA,mBAAmB,EAAE,qBApBL;AAqBhBC,EAAAA,iBAAiB,EAAE,mBArBH;AAsBhBC,EAAAA,YAAY,EAAE,cAtBE;AAuBhBC,EAAAA,aAAa,EAAE,eAvBC;AAwBhBC,EAAAA,kBAAkB,EAAE,6EAxBJ;AAyBhBC,EAAAA,SAAS,EAAE,yBAzBK;AA0BhBC,EAAAA,aAAa,EAAE,eA1BC;AA2BhBC,EAAAA,aAAa,EAAE,eA3BC;AA4BhBC,EAAAA,UAAU,EAAE,YA5BI;AA6BhBC,EAAAA,WAAW,EAAE,aA7BG;AA8BhBC,EAAAA,MAAM,EAAE,QA9BQ;AA+BhBC,EAAAA,QAAQ,EAAE,UA/BM;AAgChBC,EAAAA,QAAQ,EAAE,UAhCM;AAiChBC,EAAAA,MAAM,EAAE,QAjCQ;AAkChBC,EAAAA,WAAW,EAAE,aAlCG;AAmChBC,EAAAA,KAAK,EAAE,OAnCS;AAoChBC,EAAAA,OAAO,EAAE,SApCO;AAqChBC,EAAAA,QAAQ,EAAE;AArCM;;IAwCZC;AACJ,uBAAYC,QAAZ,EAAsB;AAAA;;AACpB,SAAKC,MAAL,GAAcD,QAAd;AACD;;;;SAED,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD;;;WAED,kBAASD,QAAT,EAAmB;AACjB,WAAKC,MAAL,GAAcD,QAAd;AACD;;;;;;IAGUE,kBAAkB,GAAG,IAAIH,WAAJ,CAAgBtC,SAAhB;;;;;"}
1
+ {"version":3,"file":"texts.js","sources":["../../../src/constants/texts.js"],"sourcesContent":["/* eslint-disable max-len */\nconst ALL_TEXTS = {\n ADD_ELEMENT: 'Add Element',\n ADD_LINK: 'ADD LINK',\n ADD_NEW_PAGE: 'ADD SLIDE',\n BACKGROUND_COLOR: 'Background Color',\n DELETE: 'Delete',\n DELETE_ITEM: 'Delete Item',\n DUPLICATE_ITEM: 'Duplicate Item',\n DUPLICATE_PAGE: 'Duplicate Slide',\n ELEMENTS: 'Elements',\n FIT_TO_PAGE: 'Fit to Slide',\n FIT_TO_SCENE: 'Fit to Screen',\n GENERAL: 'GENERAL',\n HEIGHT: 'Height',\n ITEM_SETTINGS: 'Item Settings',\n LAYERS: 'Layers',\n LAYOUT_SETTINGS: 'Layout Settings',\n LOCK_ITEM: 'Lock Item',\n MOVE_BACKWARDS: 'Move Backwards',\n MOVE_FORWARDS: 'Move Forwards',\n MOVE_PAGE_DOWNWARDS: 'Move Slide Downwards',\n MOVE_PAGE_UPWARDS: 'Move Slide Upwards',\n MOVE_TO_BACK: 'Move to Back',\n MOVE_TO_FRONT: 'Move to Front',\n NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',\n NO_RESULT: 'No result was not found',\n ORIGINAL_SIZE: 'Original Size',\n PAGE_SETTINGS: 'Slide Settings',\n PAGE_STYLE: 'Slide Style',\n REMOVE_PAGE: 'Remove Slide',\n SEARCH: 'Search',\n SETTINGS: 'Settings',\n SHOW_ALL: 'Show All',\n SLIDES: 'Slides',\n TOGGLE_OFF: 'OFF',\n TOGGLE_ON: 'ON',\n UNLOCK_ITEM: 'Unlock Item',\n WIDTH: 'Width',\n ZOOM_IN: 'Zoom In',\n ZOOM_OUT: 'Zoom Out',\n};\n\nclass ModuleTexts {\n constructor(allTexts) {\n this._texts = allTexts;\n }\n\n get Texts() {\n return this._texts;\n }\n\n setTexts(allTexts) {\n this._texts = allTexts;\n }\n}\n\nexport const SharingTextsModule = new ModuleTexts(ALL_TEXTS);\nexport default ALL_TEXTS;\n"],"names":["ALL_TEXTS","ADD_ELEMENT","ADD_LINK","ADD_NEW_PAGE","BACKGROUND_COLOR","DELETE","DELETE_ITEM","DUPLICATE_ITEM","DUPLICATE_PAGE","ELEMENTS","FIT_TO_PAGE","FIT_TO_SCENE","GENERAL","HEIGHT","ITEM_SETTINGS","LAYERS","LAYOUT_SETTINGS","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","NO_ELEMENT_IN_PAGE","NO_RESULT","ORIGINAL_SIZE","PAGE_SETTINGS","PAGE_STYLE","REMOVE_PAGE","SEARCH","SETTINGS","SHOW_ALL","SLIDES","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":";;;;;;AAAA;IACMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,WAHE;AAIhBC,EAAAA,gBAAgB,EAAE,kBAJF;AAKhBC,EAAAA,MAAM,EAAE,QALQ;AAMhBC,EAAAA,WAAW,EAAE,aANG;AAOhBC,EAAAA,cAAc,EAAE,gBAPA;AAQhBC,EAAAA,cAAc,EAAE,iBARA;AAShBC,EAAAA,QAAQ,EAAE,UATM;AAUhBC,EAAAA,WAAW,EAAE,cAVG;AAWhBC,EAAAA,YAAY,EAAE,eAXE;AAYhBC,EAAAA,OAAO,EAAE,SAZO;AAahBC,EAAAA,MAAM,EAAE,QAbQ;AAchBC,EAAAA,aAAa,EAAE,eAdC;AAehBC,EAAAA,MAAM,EAAE,QAfQ;AAgBhBC,EAAAA,eAAe,EAAE,iBAhBD;AAiBhBC,EAAAA,SAAS,EAAE,WAjBK;AAkBhBC,EAAAA,cAAc,EAAE,gBAlBA;AAmBhBC,EAAAA,aAAa,EAAE,eAnBC;AAoBhBC,EAAAA,mBAAmB,EAAE,sBApBL;AAqBhBC,EAAAA,iBAAiB,EAAE,oBArBH;AAsBhBC,EAAAA,YAAY,EAAE,cAtBE;AAuBhBC,EAAAA,aAAa,EAAE,eAvBC;AAwBhBC,EAAAA,kBAAkB,EAAE,8EAxBJ;AAyBhBC,EAAAA,SAAS,EAAE,yBAzBK;AA0BhBC,EAAAA,aAAa,EAAE,eA1BC;AA2BhBC,EAAAA,aAAa,EAAE,gBA3BC;AA4BhBC,EAAAA,UAAU,EAAE,aA5BI;AA6BhBC,EAAAA,WAAW,EAAE,cA7BG;AA8BhBC,EAAAA,MAAM,EAAE,QA9BQ;AA+BhBC,EAAAA,QAAQ,EAAE,UA/BM;AAgChBC,EAAAA,QAAQ,EAAE,UAhCM;AAiChBC,EAAAA,MAAM,EAAE,QAjCQ;AAkChBC,EAAAA,UAAU,EAAE,KAlCI;AAmChBC,EAAAA,SAAS,EAAE,IAnCK;AAoChBC,EAAAA,WAAW,EAAE,aApCG;AAqChBC,EAAAA,KAAK,EAAE,OArCS;AAsChBC,EAAAA,OAAO,EAAE,SAtCO;AAuChBC,EAAAA,QAAQ,EAAE;AAvCM;;IA0CZC;AACJ,uBAAYC,QAAZ,EAAsB;AAAA;;AACpB,SAAKC,MAAL,GAAcD,QAAd;AACD;;;;SAED,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD;;;WAED,kBAASD,QAAT,EAAmB;AACjB,WAAKC,MAAL,GAAcD,QAAd;AACD;;;;;;IAGUE,kBAAkB,GAAG,IAAIH,WAAJ,CAAgBxC,SAAhB;;;;;"}