@jotforminc/dnd-builder 2.4.3 → 2.4.5

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 (14) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/lib/cjs/components/TextEditor/textEditorConstants.js +30 -1
  3. package/lib/cjs/components/TextEditor/textEditorConstants.js.map +1 -1
  4. package/lib/cjs/constants/texts.js +1 -1
  5. package/lib/cjs/constants/texts.js.map +1 -1
  6. package/lib/cjs/styles/_jfReportsTextEditor.scss +11 -7
  7. package/lib/cjs/styles/_jfReportsViewModes.scss +6 -0
  8. package/lib/esm/components/TextEditor/textEditorConstants.js +30 -1
  9. package/lib/esm/components/TextEditor/textEditorConstants.js.map +1 -1
  10. package/lib/esm/constants/texts.js +1 -1
  11. package/lib/esm/constants/texts.js.map +1 -1
  12. package/lib/esm/styles/_jfReportsTextEditor.scss +11 -7
  13. package/lib/esm/styles/_jfReportsViewModes.scss +6 -0
  14. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,16 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ### [2.4.5](https://github.com/jotform/dnd-builder/compare/v2.4.4...v2.4.5) (2023-02-01)
6
+
7
+ ### [2.4.4](https://github.com/jotform/dnd-builder/compare/v2.4.3...v2.4.4) (2022-08-09)
8
+
9
+
10
+ ### Bug Fixes
11
+
12
+ * **report-item:** fix report item outline for zoom levels ([4f7fa52](https://github.com/jotform/dnd-builder/commit/4f7fa52ae33e77eb01aff7b09977bea84832c71b))
13
+ * **text-editor:** url input visibility issue fixed ([4a76028](https://github.com/jotform/dnd-builder/commit/4a76028fdb384c7219f701ad677e437c90a4ffbf))
14
+
5
15
  ### [2.4.3](https://github.com/jotform/dnd-builder/compare/v2.4.2...v2.4.3) (2022-08-04)
6
16
 
7
17
 
package/lib/cjs/components/TextEditor/textEditorConstants.js CHANGED
@@ -2,11 +2,40 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var handleKeyDown = function handleKeyDown(e) {
6
+ e.stopPropagation();
7
+ };
8
+
5
9
  var modules = {
6
10
  clipboard: {
7
11
  matchVisual: false
8
12
  },
9
- toolbar: '#toolbar'
13
+ toolbar: {
14
+ container: '#toolbar',
15
+ handlers: {
16
+ link: function customLink(value) {
17
+ var input = document.querySelector('.ql-tooltip [data-link]');
18
+
19
+ if (value) {
20
+ var range = this.quill.getSelection();
21
+
22
+ if (range === null || range.length === 0) {
23
+ return;
24
+ }
25
+
26
+ var tooltip = this.quill.theme.tooltip;
27
+ var toolbar = document.getElementById('toolbar');
28
+ toolbar.appendChild(tooltip.root);
29
+ tooltip.edit('link', this.quill.getText(range));
30
+ input.setAttribute('placeholder', 'Enter a link');
31
+ input.addEventListener('keydown', handleKeyDown);
32
+ } else {
33
+ input.removeEventListener('keydown', handleKeyDown);
34
+ this.quill.format('link', false);
35
+ }
36
+ }
37
+ }
38
+ }
10
39
  };
11
40
  var formats = ['align', 'header', 'font', 'size', 'bold', 'italic', 'underline', 'strike', 'blockquote', 'list', 'bullet', 'indent', 'link', 'image', 'color'];
12
41
 
package/lib/cjs/components/TextEditor/textEditorConstants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textEditorConstants.js","sources":["../../../../src/components/TextEditor/textEditorConstants.js"],"sourcesContent":["export const modules = {\n clipboard: {\n matchVisual: false,\n },\n toolbar: '#toolbar',\n};\n\nexport const formats = [\n 'align',\n 'header',\n 'font',\n 'size',\n 'bold',\n 'italic',\n 'underline',\n 'strike',\n 'blockquote',\n 'list',\n 'bullet',\n 'indent',\n 'link',\n 'image',\n 'color',\n];\n"],"names":["modules","clipboard","matchVisual","toolbar","formats"],"mappings":";;;;IAAaA,OAAO,GAAG;AACrBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE;AADJ,GADU;AAIrBC,EAAAA,OAAO,EAAE;AAJY;IAOVC,OAAO,GAAG,CACrB,OADqB,EAErB,QAFqB,EAGrB,MAHqB,EAIrB,MAJqB,EAKrB,MALqB,EAMrB,QANqB,EAOrB,WAPqB,EAQrB,QARqB,EASrB,YATqB,EAUrB,MAVqB,EAWrB,QAXqB,EAYrB,QAZqB,EAarB,MAbqB,EAcrB,OAdqB,EAerB,OAfqB;;;;;"}
1
+ {"version":3,"file":"textEditorConstants.js","sources":["../../../../src/components/TextEditor/textEditorConstants.js"],"sourcesContent":["const handleKeyDown = e => {\n e.stopPropagation();\n};\n\nexport const modules = {\n clipboard: {\n matchVisual: false,\n },\n toolbar: {\n container: '#toolbar',\n handlers: {\n link: function customLink(value) {\n const input = document.querySelector('.ql-tooltip [data-link]');\n if (value) {\n const range = this.quill.getSelection();\n if (range === null || range.length === 0) {\n return;\n }\n const { tooltip } = this.quill.theme;\n const toolbar = document.getElementById('toolbar');\n toolbar.appendChild(tooltip.root);\n tooltip.edit('link', this.quill.getText(range));\n input.setAttribute('placeholder', 'Enter a link');\n input.addEventListener('keydown', handleKeyDown);\n } else {\n input.removeEventListener('keydown', handleKeyDown);\n this.quill.format('link', false);\n }\n },\n },\n },\n};\n\nexport const formats = [\n 'align',\n 'header',\n 'font',\n 'size',\n 'bold',\n 'italic',\n 'underline',\n 'strike',\n 'blockquote',\n 'list',\n 'bullet',\n 'indent',\n 'link',\n 'image',\n 'color',\n];\n"],"names":["handleKeyDown","e","stopPropagation","modules","clipboard","matchVisual","toolbar","container","handlers","link","customLink","value","input","document","querySelector","range","quill","getSelection","length","tooltip","theme","getElementById","appendChild","root","edit","getText","setAttribute","addEventListener","removeEventListener","format","formats"],"mappings":";;;;AAAA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,CAAC,EAAI;AACzBA,EAAAA,CAAC,CAACC,eAAF;AACD,CAFD;;IAIaC,OAAO,GAAG;AACrBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE;AADJ,GADU;AAIrBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE,UADJ;AAEPC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE,SAASC,UAAT,CAAoBC,KAApB,EAA2B;AAC/B,YAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAT,CAAuB,yBAAvB,CAAd;;AACA,YAAIH,KAAJ,EAAW;AACT,cAAMI,KAAK,GAAG,KAAKC,KAAL,CAAWC,YAAX,EAAd;;AACA,cAAIF,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACG,MAAN,KAAiB,CAAvC,EAA0C;AACxC;AACD;;AACD,cAAQC,OAAR,GAAoB,KAAKH,KAAL,CAAWI,KAA/B,CAAQD,OAAR;AACA,cAAMb,OAAO,GAAGO,QAAQ,CAACQ,cAAT,CAAwB,SAAxB,CAAhB;AACAf,UAAAA,OAAO,CAACgB,WAAR,CAAoBH,OAAO,CAACI,IAA5B;AACAJ,UAAAA,OAAO,CAACK,IAAR,CAAa,MAAb,EAAqB,KAAKR,KAAL,CAAWS,OAAX,CAAmBV,KAAnB,CAArB;AACAH,UAAAA,KAAK,CAACc,YAAN,CAAmB,aAAnB,EAAkC,cAAlC;AACAd,UAAAA,KAAK,CAACe,gBAAN,CAAuB,SAAvB,EAAkC3B,aAAlC;AACD,SAXD,MAWO;AACLY,UAAAA,KAAK,CAACgB,mBAAN,CAA0B,SAA1B,EAAqC5B,aAArC;AACA,eAAKgB,KAAL,CAAWa,MAAX,CAAkB,MAAlB,EAA0B,KAA1B;AACD;AACF;AAlBO;AAFH;AAJY;IA6BVC,OAAO,GAAG,CACrB,OADqB,EAErB,QAFqB,EAGrB,MAHqB,EAIrB,MAJqB,EAKrB,MALqB,EAMrB,QANqB,EAOrB,WAPqB,EAQrB,QARqB,EASrB,YATqB,EAUrB,MAVqB,EAWrB,QAXqB,EAYrB,QAZqB,EAarB,MAbqB,EAcrB,OAdqB,EAerB,OAfqB;;;;;"}
package/lib/cjs/constants/texts.js CHANGED
@@ -34,7 +34,7 @@ var ALL_TEXTS = {
34
34
  MOVE_TO_BACK: 'Move to Back',
35
35
  MOVE_TO_FRONT: 'Move to Front',
36
36
  NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',
37
- NO_RESULT: 'No result was not found',
37
+ NO_RESULT: 'No result was found',
38
38
  ORIGINAL_SIZE: 'Original Size',
39
39
  PAGE_SETTINGS: 'Slide Settings',
40
40
  PAGE_STYLE: 'Slide Style',
package/lib/cjs/constants/texts.js.map CHANGED
@@ -1 +1 @@
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;;;;;"}
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 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,qBAzBK;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;;;;;"}
package/lib/cjs/styles/_jfReportsTextEditor.scss CHANGED
@@ -56,6 +56,7 @@
56
56
  font-size: .75rem;
57
57
  margin-top: 10px;
58
58
  width: 100%;
59
+ background-color: transparent;
59
60
 
60
61
  .toolbarWrapper {
61
62
  flex-wrap: nowrap;
@@ -199,23 +200,26 @@
199
200
  }
200
201
 
201
202
  .ql-tooltip {
202
- position: fixed;
203
203
  /* stylelint-disable-next-line declaration-no-important */
204
- top: auto !important;
205
- /* stylelint-disable-next-line declaration-no-important */
206
- left: auto !important;
204
+ position: static !important;
207
205
  align-items: center;
208
206
  height: 30px;
209
- transform: translate(100%, 170%);
207
+ /* stylelint-disable-next-line declaration-no-important */
208
+ margin-top: 38px !important;
209
+ /* stylelint-disable-next-line declaration-no-important */
210
+ transform: none !important;
210
211
  background-color: $inputGray;
211
212
  border: 1px solid $inputGrayBorder;
212
213
  border-radius: 3px;
213
214
  box-shadow: none;
214
215
  font-size: .75rem;
215
216
  font-weight: 500;
216
- margin-left: -207px;
217
217
  padding: 4px 4px 4px 8px;
218
218
  color: #8483A9;
219
+ width: 100%;
220
+ max-width: 394px;
221
+ min-width: 325px;
222
+ margin-left: auto;
219
223
 
220
224
  input[type="text"] {
221
225
  border-radius: 3px;
@@ -225,7 +229,7 @@
225
229
  background-color: #F3F3FE;
226
230
  color: rgba(#6F76A7, 0.6);
227
231
  border: 0;
228
- width: 217px;
232
+ width: 100%;
229
233
  }
230
234
 
231
235
  &:not(.ql-hidden) {
package/lib/cjs/styles/_jfReportsViewModes.scss CHANGED
@@ -55,6 +55,12 @@
55
55
  outline-offset: -1px;
56
56
  }
57
57
 
58
+ [data-zoom="0.5"] .reportItem,
59
+ [data-zoom="0.6"] .reportItem,
60
+ [data-zoom="0.7"] .reportItem {
61
+ outline-width: 2px;
62
+ }
63
+
58
64
  .reportItemWrapper.isSelected:hover .isLocked {
59
65
  pointer-events: none;
60
66
  }
package/lib/esm/components/TextEditor/textEditorConstants.js CHANGED
@@ -1,8 +1,37 @@
1
+ var handleKeyDown = function handleKeyDown(e) {
2
+ e.stopPropagation();
3
+ };
4
+
1
5
  var modules = {
2
6
  clipboard: {
3
7
  matchVisual: false
4
8
  },
5
- toolbar: '#toolbar'
9
+ toolbar: {
10
+ container: '#toolbar',
11
+ handlers: {
12
+ link: function customLink(value) {
13
+ var input = document.querySelector('.ql-tooltip [data-link]');
14
+
15
+ if (value) {
16
+ var range = this.quill.getSelection();
17
+
18
+ if (range === null || range.length === 0) {
19
+ return;
20
+ }
21
+
22
+ var tooltip = this.quill.theme.tooltip;
23
+ var toolbar = document.getElementById('toolbar');
24
+ toolbar.appendChild(tooltip.root);
25
+ tooltip.edit('link', this.quill.getText(range));
26
+ input.setAttribute('placeholder', 'Enter a link');
27
+ input.addEventListener('keydown', handleKeyDown);
28
+ } else {
29
+ input.removeEventListener('keydown', handleKeyDown);
30
+ this.quill.format('link', false);
31
+ }
32
+ }
33
+ }
34
+ }
6
35
  };
7
36
  var formats = ['align', 'header', 'font', 'size', 'bold', 'italic', 'underline', 'strike', 'blockquote', 'list', 'bullet', 'indent', 'link', 'image', 'color'];
8
37
 
package/lib/esm/components/TextEditor/textEditorConstants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textEditorConstants.js","sources":["../../../../src/components/TextEditor/textEditorConstants.js"],"sourcesContent":["export const modules = {\n clipboard: {\n matchVisual: false,\n },\n toolbar: '#toolbar',\n};\n\nexport const formats = [\n 'align',\n 'header',\n 'font',\n 'size',\n 'bold',\n 'italic',\n 'underline',\n 'strike',\n 'blockquote',\n 'list',\n 'bullet',\n 'indent',\n 'link',\n 'image',\n 'color',\n];\n"],"names":["modules","clipboard","matchVisual","toolbar","formats"],"mappings":"IAAaA,OAAO,GAAG;AACrBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE;AADJ,GADU;AAIrBC,EAAAA,OAAO,EAAE;AAJY;IAOVC,OAAO,GAAG,CACrB,OADqB,EAErB,QAFqB,EAGrB,MAHqB,EAIrB,MAJqB,EAKrB,MALqB,EAMrB,QANqB,EAOrB,WAPqB,EAQrB,QARqB,EASrB,YATqB,EAUrB,MAVqB,EAWrB,QAXqB,EAYrB,QAZqB,EAarB,MAbqB,EAcrB,OAdqB,EAerB,OAfqB;;;;"}
1
+ {"version":3,"file":"textEditorConstants.js","sources":["../../../../src/components/TextEditor/textEditorConstants.js"],"sourcesContent":["const handleKeyDown = e => {\n e.stopPropagation();\n};\n\nexport const modules = {\n clipboard: {\n matchVisual: false,\n },\n toolbar: {\n container: '#toolbar',\n handlers: {\n link: function customLink(value) {\n const input = document.querySelector('.ql-tooltip [data-link]');\n if (value) {\n const range = this.quill.getSelection();\n if (range === null || range.length === 0) {\n return;\n }\n const { tooltip } = this.quill.theme;\n const toolbar = document.getElementById('toolbar');\n toolbar.appendChild(tooltip.root);\n tooltip.edit('link', this.quill.getText(range));\n input.setAttribute('placeholder', 'Enter a link');\n input.addEventListener('keydown', handleKeyDown);\n } else {\n input.removeEventListener('keydown', handleKeyDown);\n this.quill.format('link', false);\n }\n },\n },\n },\n};\n\nexport const formats = [\n 'align',\n 'header',\n 'font',\n 'size',\n 'bold',\n 'italic',\n 'underline',\n 'strike',\n 'blockquote',\n 'list',\n 'bullet',\n 'indent',\n 'link',\n 'image',\n 'color',\n];\n"],"names":["handleKeyDown","e","stopPropagation","modules","clipboard","matchVisual","toolbar","container","handlers","link","customLink","value","input","document","querySelector","range","quill","getSelection","length","tooltip","theme","getElementById","appendChild","root","edit","getText","setAttribute","addEventListener","removeEventListener","format","formats"],"mappings":"AAAA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,CAAC,EAAI;AACzBA,EAAAA,CAAC,CAACC,eAAF;AACD,CAFD;;IAIaC,OAAO,GAAG;AACrBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE;AADJ,GADU;AAIrBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE,UADJ;AAEPC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE,SAASC,UAAT,CAAoBC,KAApB,EAA2B;AAC/B,YAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAT,CAAuB,yBAAvB,CAAd;;AACA,YAAIH,KAAJ,EAAW;AACT,cAAMI,KAAK,GAAG,KAAKC,KAAL,CAAWC,YAAX,EAAd;;AACA,cAAIF,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACG,MAAN,KAAiB,CAAvC,EAA0C;AACxC;AACD;;AACD,cAAQC,OAAR,GAAoB,KAAKH,KAAL,CAAWI,KAA/B,CAAQD,OAAR;AACA,cAAMb,OAAO,GAAGO,QAAQ,CAACQ,cAAT,CAAwB,SAAxB,CAAhB;AACAf,UAAAA,OAAO,CAACgB,WAAR,CAAoBH,OAAO,CAACI,IAA5B;AACAJ,UAAAA,OAAO,CAACK,IAAR,CAAa,MAAb,EAAqB,KAAKR,KAAL,CAAWS,OAAX,CAAmBV,KAAnB,CAArB;AACAH,UAAAA,KAAK,CAACc,YAAN,CAAmB,aAAnB,EAAkC,cAAlC;AACAd,UAAAA,KAAK,CAACe,gBAAN,CAAuB,SAAvB,EAAkC3B,aAAlC;AACD,SAXD,MAWO;AACLY,UAAAA,KAAK,CAACgB,mBAAN,CAA0B,SAA1B,EAAqC5B,aAArC;AACA,eAAKgB,KAAL,CAAWa,MAAX,CAAkB,MAAlB,EAA0B,KAA1B;AACD;AACF;AAlBO;AAFH;AAJY;IA6BVC,OAAO,GAAG,CACrB,OADqB,EAErB,QAFqB,EAGrB,MAHqB,EAIrB,MAJqB,EAKrB,MALqB,EAMrB,QANqB,EAOrB,WAPqB,EAQrB,QARqB,EASrB,YATqB,EAUrB,MAVqB,EAWrB,QAXqB,EAYrB,QAZqB,EAarB,MAbqB,EAcrB,OAdqB,EAerB,OAfqB;;;;"}
package/lib/esm/constants/texts.js CHANGED
@@ -30,7 +30,7 @@ var ALL_TEXTS = {
30
30
  MOVE_TO_BACK: 'Move to Back',
31
31
  MOVE_TO_FRONT: 'Move to Front',
32
32
  NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',
33
- NO_RESULT: 'No result was not found',
33
+ NO_RESULT: 'No result was found',
34
34
  ORIGINAL_SIZE: 'Original Size',
35
35
  PAGE_SETTINGS: 'Slide Settings',
36
36
  PAGE_STYLE: 'Slide Style',
package/lib/esm/constants/texts.js.map CHANGED
@@ -1 +1 @@
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;;;;;"}
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 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,qBAzBK;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;;;;;"}
package/lib/esm/styles/_jfReportsTextEditor.scss CHANGED
@@ -56,6 +56,7 @@
56
56
  font-size: .75rem;
57
57
  margin-top: 10px;
58
58
  width: 100%;
59
+ background-color: transparent;
59
60
 
60
61
  .toolbarWrapper {
61
62
  flex-wrap: nowrap;
@@ -199,23 +200,26 @@
199
200
  }
200
201
 
201
202
  .ql-tooltip {
202
- position: fixed;
203
203
  /* stylelint-disable-next-line declaration-no-important */
204
- top: auto !important;
205
- /* stylelint-disable-next-line declaration-no-important */
206
- left: auto !important;
204
+ position: static !important;
207
205
  align-items: center;
208
206
  height: 30px;
209
- transform: translate(100%, 170%);
207
+ /* stylelint-disable-next-line declaration-no-important */
208
+ margin-top: 38px !important;
209
+ /* stylelint-disable-next-line declaration-no-important */
210
+ transform: none !important;
210
211
  background-color: $inputGray;
211
212
  border: 1px solid $inputGrayBorder;
212
213
  border-radius: 3px;
213
214
  box-shadow: none;
214
215
  font-size: .75rem;
215
216
  font-weight: 500;
216
- margin-left: -207px;
217
217
  padding: 4px 4px 4px 8px;
218
218
  color: #8483A9;
219
+ width: 100%;
220
+ max-width: 394px;
221
+ min-width: 325px;
222
+ margin-left: auto;
219
223
 
220
224
  input[type="text"] {
221
225
  border-radius: 3px;
@@ -225,7 +229,7 @@
225
229
  background-color: #F3F3FE;
226
230
  color: rgba(#6F76A7, 0.6);
227
231
  border: 0;
228
- width: 217px;
232
+ width: 100%;
229
233
  }
230
234
 
231
235
  &:not(.ql-hidden) {
package/lib/esm/styles/_jfReportsViewModes.scss CHANGED
@@ -55,6 +55,12 @@
55
55
  outline-offset: -1px;
56
56
  }
57
57
 
58
+ [data-zoom="0.5"] .reportItem,
59
+ [data-zoom="0.6"] .reportItem,
60
+ [data-zoom="0.7"] .reportItem {
61
+ outline-width: 2px;
62
+ }
63
+
58
64
  .reportItemWrapper.isSelected:hover .isLocked {
59
65
  pointer-events: none;
60
66
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jotforminc/dnd-builder",
3
- "version": "2.4.3",
3
+ "version": "2.4.5",
4
4
  "files": [
5
5
  "lib"
6
6
  ],