@arbisoft/react-design-tool 1.0.26 → 1.0.27

package/dist/esm/index.js

@@ -5105,13 +5105,17 @@ var TemplateSideBar = function TemplateSideBar(_ref) {
     languageLocale = _ref.languageLocale,
     onDeleteCustomTemplate = _ref.onDeleteCustomTemplate,
     defaultTemplatesList = _ref.defaultTemplatesList,
-    customTemplatesList = _ref.customTemplatesList;
+    customTemplatesList = _ref.customTemplatesList,
+    onTemplateSelect = _ref.onTemplateSelect;
   var renderDefaultContent = useMemo(function () {
     return /*#__PURE__*/React.createElement(TemplatesContainer, null, defaultTemplatesList === null || defaultTemplatesList === void 0 ? void 0 : defaultTemplatesList.map(function (item, index) {
       return /*#__PURE__*/React.createElement(TemplateItem, {
         key: index,
         onClick: function onClick() {
           oncreateNewTemplate(item === null || item === void 0 ? void 0 : item.elements);
+          if (typeof onTemplateSelect === 'function') {
+            onTemplateSelect(item === null || item === void 0 ? void 0 : item.id);
+          }
         }
       }, /*#__PURE__*/React.createElement(StyledImage, {
         src: item === null || item === void 0 ? void 0 : item.image,
@@ -5551,7 +5555,8 @@ var HelperSideBar = function HelperSideBar(_ref) {
     onDeleteCustomTemplate = _ref.onDeleteCustomTemplate,
     styleProps = _ref.styleProps,
     defaultText = _ref.defaultText,
-    languageLocale = _ref.languageLocale;
+    languageLocale = _ref.languageLocale,
+    onTemplateSelect = _ref.onTemplateSelect;
   return /*#__PURE__*/React.createElement(SideBarWrapper, {
     visible: selectedSideBarItem && helperSideBarVisible
   }, /*#__PURE__*/React.createElement(SideBarHeader, {
@@ -5566,6 +5571,7 @@ var HelperSideBar = function HelperSideBar(_ref) {
     onDeleteCustomTemplate: onDeleteCustomTemplate,
     defaultTemplatesList: defaultTemplatesList,
     customTemplatesList: customTemplatesList,
+    onTemplateSelect: onTemplateSelect,
     styleProps: styleProps
   }) : selectedSideBarItem === (sideBarpillsList === null || sideBarpillsList === void 0 ? void 0 : sideBarpillsList.text) ? /*#__PURE__*/React.createElement(TextSideBar, {
     onAddTextToCanvas: onAddTextToCanvas,
@@ -5702,6 +5708,8 @@ var isPropValid = /* #__PURE__ */memoize(function (prop) {
  * @property {Function} onSave
  * @property {string} [saveButtonText]
  * @property {'en'|'ru'|'pl'|'de'|'es'|'fr'|'it'} [locale]
+ * @property {Function} [onCreateNewTemplate] - called when user creates a new template, passes new canvas elements
+ * @property {Function} [onTemplateSelect] - called when a template is selected, passes template id
  */
 
 /**
@@ -5734,7 +5742,9 @@ var Studio = /*#__PURE__*/forwardRef(function (_ref, ref) {
     showSaveButton = _ref.showSaveButton,
     saveButtonText = _ref.saveButtonText,
     _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'en' : _ref$locale;
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    onCreateNewTemplate = _ref.onCreateNewTemplate,
+    onTemplateSelect = _ref.onTemplateSelect;
   var stageRef = useRef(null);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -6320,6 +6330,14 @@ var Studio = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setElements(_toConsumableArray(elems));
     setHistory([]);
     setRedoStack([]);
+    if (typeof onCreateNewTemplate === 'function') {
+      onCreateNewTemplate(elems);
+    }
+
+    // Clear selected template ID
+    if (typeof onTemplateSelect === 'function') {
+      onTemplateSelect(null);
+    }
   };
   var sendSelectedElementToBack = function sendSelectedElementToBack() {
     var copyElements = _toConsumableArray(elements);
@@ -6632,7 +6650,8 @@ var Studio = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onDeleteCustomTemplate: onDeleteCustomTemplate,
     styleProps: styleProps,
     defaultText: defaultText,
-    languageLocale: languageLocale
+    languageLocale: languageLocale,
+    onTemplateSelect: onTemplateSelect
   }), loadingFonts ? null : /*#__PURE__*/React.createElement(Editor
   // canvasSize={canvasSize}
   , {