@arbisoft/react-design-tool 1.0.44 → 1.0.46

package/README.md

@@ -40,13 +40,13 @@ yarn add @arbisoft/react-design-tool
 #### ⚠️ Important: Installation Guide for React 18 and Below
 
 ```bash
-npm install @arbisoft/react-design-tool@1.0.44
+npm install @arbisoft/react-design-tool@1.0.46
 ```
 
 OR
 
 ```bash
-yarn add @arbisoft/react-design-tool@1.0.44
+yarn add @arbisoft/react-design-tool@1.0.46
 
 ```
 
@@ -403,4 +403,14 @@ Related to `showBackgroundImagePicker` and it's opacity value
 
 ```jsx
 <Studio showOpacityPicker={true} />
+```
+
+#### 23. allowedFormats (Array)
+
+Used to set configure allowed images formats for our gallert
+
+**Example:**
+
+```jsx
+<Studio allowedFormats={['png', 'jpg']} />
 ```

package/dist/cjs/index.js

@@ -623,7 +623,7 @@ var ButtonVarients = {
 };
 var defaultSideBarImagesList = [IconTools, IconToolsPink];
 var textList = [{
-  text: '+ Heading 1',
+  text: 'HEADING_1',
   fontFamily: 'Open Sans',
   fontSize: 18,
   color: '#333333',
@@ -633,7 +633,7 @@ var textList = [{
   textAlign: 'left',
   width: 125
 }, {
-  text: '+ Heading 2',
+  text: 'HEADING_2',
   fontFamily: 'Open Sans',
   fontSize: 16,
   color: '#333333',
@@ -641,19 +641,8 @@ var textList = [{
   textDecoration: 'normal',
   fontStyle: 'normal',
   textAlign: 'left'
-},
-// {
-//     text: 'What problem are you facing in this meeting room?',
-//     fontFamily: 'Open Sans Condensed',
-//     fontSize: 18,
-//     color: '#333333',
-//     fontWeight: theme.fontWeights[700],
-//     textDecoration: 'normal',
-//     fontStyle: 'normal',
-//     textAlign: 'left',
-// },
-{
-  text: 'Scan this QR code from your mobile to report the issue',
+}, {
+  text: 'SCAN_THIS_QR',
   fontFamily: 'Open Sans',
   fontSize: 16,
   color: '#333333',
@@ -663,7 +652,7 @@ var textList = [{
   textAlign: 'left',
   width: 220
 }, {
-  text: 'property 1 > building 2 > Room 2',
+  text: 'LOCATION_BREADCRUMB',
   fontFamily: 'Open Sans',
   fontSize: 12,
   color: '#6D737B',
@@ -672,7 +661,7 @@ var textList = [{
   fontStyle: 'normal',
   textAlign: 'left'
 }, {
-  text: 'www.domain.com',
+  text: 'DOMAIN',
   fontFamily: 'Plus Jakarta Sans',
   fontSize: 10,
   color: '#333333',
@@ -809,6 +798,11 @@ var ADD_SHAPES$6 = "Add shapes";
 var SETTINGS$6 = "Settings";
 var PLEASE_ADD_IMAGES$6 = "Please Add Images";
 var SAVE$6 = "Save";
+var HEADING_1$6 = "+ Heading 1";
+var HEADING_2$6 = "+ Heading 2";
+var SCAN_THIS_QR$6 = "Scan this QR code from your mobile to report the issue";
+var LOCATION_BREADCRUMB$6 = "property > building > room";
+var DOMAIN$6 = "www.domain.com";
 var enTranslations = {
 	BRING_FORWARD: BRING_FORWARD$6,
 	SEND_BACKWARD: SEND_BACKWARD$6,
@@ -872,7 +866,12 @@ var enTranslations = {
 	ADD_SHAPES: ADD_SHAPES$6,
 	SETTINGS: SETTINGS$6,
 	PLEASE_ADD_IMAGES: PLEASE_ADD_IMAGES$6,
-	SAVE: SAVE$6
+	SAVE: SAVE$6,
+	HEADING_1: HEADING_1$6,
+	HEADING_2: HEADING_2$6,
+	SCAN_THIS_QR: SCAN_THIS_QR$6,
+	LOCATION_BREADCRUMB: LOCATION_BREADCRUMB$6,
+	DOMAIN: DOMAIN$6
 };
 
 var BRING_FORWARD$5 = "Перенести вперёд";
@@ -938,6 +937,11 @@ var ADD_SHAPES$5 = "Добавить фигуры";
 var SETTINGS$5 = "Настройки";
 var PLEASE_ADD_IMAGES$5 = "Пожалуйста, добавьте изображения";
 var SAVE$5 = "Сохранить";
+var HEADING_1$5 = "+ Заголовок 1";
+var HEADING_2$5 = "+ Заголовок 2";
+var SCAN_THIS_QR$5 = "Отсканируйте этот QR-код с помощью мобильного телефона, чтобы сообщить о проблеме";
+var LOCATION_BREADCRUMB$5 = "объект > здание > комната";
+var DOMAIN$5 = "www.domain.com";
 var ruTranslations = {
 	BRING_FORWARD: BRING_FORWARD$5,
 	SEND_BACKWARD: SEND_BACKWARD$5,
@@ -1001,7 +1005,12 @@ var ruTranslations = {
 	ADD_SHAPES: ADD_SHAPES$5,
 	SETTINGS: SETTINGS$5,
 	PLEASE_ADD_IMAGES: PLEASE_ADD_IMAGES$5,
-	SAVE: SAVE$5
+	SAVE: SAVE$5,
+	HEADING_1: HEADING_1$5,
+	HEADING_2: HEADING_2$5,
+	SCAN_THIS_QR: SCAN_THIS_QR$5,
+	LOCATION_BREADCRUMB: LOCATION_BREADCRUMB$5,
+	DOMAIN: DOMAIN$5
 };
 
 var BRING_FORWARD$4 = "Przenieś do przodu";
@@ -1067,6 +1076,11 @@ var ADD_SHAPES$4 = "Dodaj kształty";
 var SETTINGS$4 = "Ustawienia";
 var PLEASE_ADD_IMAGES$4 = "Dodaj obrazy";
 var SAVE$4 = "Zapisz";
+var HEADING_1$4 = "+ Nagłówek 1";
+var HEADING_2$4 = "+ Nagłówek 2";
+var SCAN_THIS_QR$4 = "Zeskanuj ten kod QR telefonem, aby zgłosić problem";
+var LOCATION_BREADCRUMB$4 = "nieruchomość > budynek > pokój";
+var DOMAIN$4 = "www.domain.com";
 var plTranslations = {
 	BRING_FORWARD: BRING_FORWARD$4,
 	SEND_BACKWARD: SEND_BACKWARD$4,
@@ -1130,7 +1144,12 @@ var plTranslations = {
 	ADD_SHAPES: ADD_SHAPES$4,
 	SETTINGS: SETTINGS$4,
 	PLEASE_ADD_IMAGES: PLEASE_ADD_IMAGES$4,
-	SAVE: SAVE$4
+	SAVE: SAVE$4,
+	HEADING_1: HEADING_1$4,
+	HEADING_2: HEADING_2$4,
+	SCAN_THIS_QR: SCAN_THIS_QR$4,
+	LOCATION_BREADCRUMB: LOCATION_BREADCRUMB$4,
+	DOMAIN: DOMAIN$4
 };
 
 var BRING_FORWARD$3 = "Nach vorne bringen";
@@ -1196,6 +1215,11 @@ var ADD_SHAPES$3 = "Formen hinzufügen";
 var SETTINGS$3 = "Einstellungen";
 var PLEASE_ADD_IMAGES$3 = "Bitte Bilder hinzufügen";
 var SAVE$3 = "Speichern";
+var HEADING_1$3 = "+ Überschrift 1";
+var HEADING_2$3 = "+ Überschrift 2";
+var SCAN_THIS_QR$3 = "Scannen Sie diesen QR-Code mit Ihrem Mobiltelefon, um das Problem zu melden";
+var LOCATION_BREADCRUMB$3 = "Objekt > Gebäude > Raum";
+var DOMAIN$3 = "www.domain.com";
 var deTranslations = {
 	BRING_FORWARD: BRING_FORWARD$3,
 	SEND_BACKWARD: SEND_BACKWARD$3,
@@ -1259,7 +1283,12 @@ var deTranslations = {
 	ADD_SHAPES: ADD_SHAPES$3,
 	SETTINGS: SETTINGS$3,
 	PLEASE_ADD_IMAGES: PLEASE_ADD_IMAGES$3,
-	SAVE: SAVE$3
+	SAVE: SAVE$3,
+	HEADING_1: HEADING_1$3,
+	HEADING_2: HEADING_2$3,
+	SCAN_THIS_QR: SCAN_THIS_QR$3,
+	LOCATION_BREADCRUMB: LOCATION_BREADCRUMB$3,
+	DOMAIN: DOMAIN$3
 };
 
 var BRING_FORWARD$2 = "Traer al frente";
@@ -1325,6 +1354,11 @@ var ADD_SHAPES$2 = "Agregar formas";
 var SETTINGS$2 = "Ajustes";
 var PLEASE_ADD_IMAGES$2 = "Por favor agrega imágenes";
 var SAVE$2 = "Guardar";
+var HEADING_1$2 = "+ Encabezado 1";
+var HEADING_2$2 = "+ Encabezado 2";
+var SCAN_THIS_QR$2 = "Escanee este código QR con su móvil para reportar el problema";
+var LOCATION_BREADCRUMB$2 = "propiedad > edificio > habitación";
+var DOMAIN$2 = "www.domain.com";
 var esTranslations = {
 	BRING_FORWARD: BRING_FORWARD$2,
 	SEND_BACKWARD: SEND_BACKWARD$2,
@@ -1388,7 +1422,12 @@ var esTranslations = {
 	ADD_SHAPES: ADD_SHAPES$2,
 	SETTINGS: SETTINGS$2,
 	PLEASE_ADD_IMAGES: PLEASE_ADD_IMAGES$2,
-	SAVE: SAVE$2
+	SAVE: SAVE$2,
+	HEADING_1: HEADING_1$2,
+	HEADING_2: HEADING_2$2,
+	SCAN_THIS_QR: SCAN_THIS_QR$2,
+	LOCATION_BREADCRUMB: LOCATION_BREADCRUMB$2,
+	DOMAIN: DOMAIN$2
 };
 
 var BRING_FORWARD$1 = "Mettre au premier plan";
@@ -1454,6 +1493,11 @@ var ADD_SHAPES$1 = "Ajouter des formes";
 var SETTINGS$1 = "Paramètres";
 var PLEASE_ADD_IMAGES$1 = "Veuillez ajouter des images";
 var SAVE$1 = "Enregistrer";
+var HEADING_1$1 = "+ Titre 1";
+var HEADING_2$1 = "+ Titre 2";
+var SCAN_THIS_QR$1 = "Scannez ce code QR avec votre mobile pour signaler le problème";
+var LOCATION_BREADCRUMB$1 = "propriété > bâtiment > pièce";
+var DOMAIN$1 = "www.domain.com";
 var frTranslations = {
 	BRING_FORWARD: BRING_FORWARD$1,
 	SEND_BACKWARD: SEND_BACKWARD$1,
@@ -1517,7 +1561,12 @@ var frTranslations = {
 	ADD_SHAPES: ADD_SHAPES$1,
 	SETTINGS: SETTINGS$1,
 	PLEASE_ADD_IMAGES: PLEASE_ADD_IMAGES$1,
-	SAVE: SAVE$1
+	SAVE: SAVE$1,
+	HEADING_1: HEADING_1$1,
+	HEADING_2: HEADING_2$1,
+	SCAN_THIS_QR: SCAN_THIS_QR$1,
+	LOCATION_BREADCRUMB: LOCATION_BREADCRUMB$1,
+	DOMAIN: DOMAIN$1
 };
 
 var BRING_FORWARD = "Porta in primo piano";
@@ -1583,6 +1632,11 @@ var ADD_SHAPES = "Aggiungi forme";
 var SETTINGS = "Impostazioni";
 var PLEASE_ADD_IMAGES = "Aggiungi immagini";
 var SAVE = "Salva";
+var HEADING_1 = "+ Intestazione 1";
+var HEADING_2 = "+ Intestazione 2";
+var SCAN_THIS_QR = "Scansiona questo codice QR con il tuo cellulare per segnalare il problema";
+var LOCATION_BREADCRUMB = "proprietà > edificio > stanza";
+var DOMAIN = "www.domain.com";
 var itTranslations = {
 	BRING_FORWARD: BRING_FORWARD,
 	SEND_BACKWARD: SEND_BACKWARD,
@@ -1646,7 +1700,12 @@ var itTranslations = {
 	ADD_SHAPES: ADD_SHAPES,
 	SETTINGS: SETTINGS,
 	PLEASE_ADD_IMAGES: PLEASE_ADD_IMAGES,
-	SAVE: SAVE
+	SAVE: SAVE,
+	HEADING_1: HEADING_1,
+	HEADING_2: HEADING_2,
+	SCAN_THIS_QR: SCAN_THIS_QR,
+	LOCATION_BREADCRUMB: LOCATION_BREADCRUMB,
+	DOMAIN: DOMAIN
 };
 
 /* eslint-disable max-len */
@@ -5372,7 +5431,7 @@ var TextSideBar = function TextSideBar(_ref) {
         key: index,
         onClick: function onClick() {
           onAddTextToCanvas(_objectSpread2(_objectSpread2({}, item), {}, {
-            text: defaultText || (item === null || item === void 0 ? void 0 : item.text)
+            text: defaultText || (TEXT_DICTIONARY === null || TEXT_DICTIONARY === void 0 ? void 0 : TEXT_DICTIONARY[languageLocale][item.text]) || (item === null || item === void 0 ? void 0 : item.text)
           }));
         }
       }, /*#__PURE__*/React.createElement(StyledText, {
@@ -5380,7 +5439,7 @@ var TextSideBar = function TextSideBar(_ref) {
         fontFamily: item === null || item === void 0 ? void 0 : item.fontFamily,
         fontWeight: item === null || item === void 0 ? void 0 : item.fontWeight,
         fontSize: item === null || item === void 0 ? void 0 : item.fontSize
-      }, defaultText || (item === null || item === void 0 ? void 0 : item.text)));
+      }, defaultText || (TEXT_DICTIONARY === null || TEXT_DICTIONARY === void 0 ? void 0 : TEXT_DICTIONARY[languageLocale][item.text]) || (item === null || item === void 0 ? void 0 : item.text)));
     }));
   };
   return /*#__PURE__*/React.createElement(StyledContainer$4, null, /*#__PURE__*/React.createElement(Button, {