@knovator/pagecreator-admin 1.7.8 → 1.7.9

package/index.cjs

@@ -6817,7 +6817,7 @@ const ItemsAccordian = ({
   itemType,
   languages,
   clearError,
-  customItemRenderer,
+  widgetType,
   addText: _addText = 'Add',
   deleteText: _deleteText = 'Delete'
 }) => {
@@ -6841,6 +6841,7 @@ const ItemsAccordian = ({
     name,
     control
   });
+  const isTestimonialWidget = widgetType === 'Testimonial';
   const onItemsToggleClick = (index, status) => {
     var _a;
     const newItemsShow = [...itemsShow];
@@ -6858,11 +6859,16 @@ const ItemsAccordian = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [errors, name, errors === null || errors === void 0 ? void 0 : errors[name]]);
   const addTab = index => {
-    if (customItemRenderer === null || customItemRenderer === void 0 ? void 0 : customItemRenderer.createItem) {
-      appendItem(customItemRenderer.createItem({
-        index,
-        itemType
-      }));
+    if (isTestimonialWidget) {
+      appendItem({
+        quote: '',
+        personName: '',
+        personRole: '',
+        personOrganization: '',
+        rating: 5,
+        itemType,
+        sequence: index
+      });
       return;
     }
     appendItem({
@@ -6888,7 +6894,7 @@ const ItemsAccordian = ({
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "khb_item-items"
   }, items === null || items === void 0 ? void 0 : items.map((field, index) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
     return /*#__PURE__*/React__default["default"].createElement(Accordian, {
       key: index,
       open: itemsShow[index],
@@ -6908,20 +6914,51 @@ const ItemsAccordian = ({
       }, _deleteText))
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "khb-form-items"
-    }, customItemRenderer ? customItemRenderer.render({
-      name,
-      index,
-      itemType,
-      errors,
-      control,
-      register,
-      setError,
-      clearError,
-      languages,
-      loading,
-      widgetTranslations,
-      commonTranslations
-    }) : (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, languages.map(lang => {
+    }, isTestimonialWidget ? (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.quote`),
+      label: widgetTranslations.quote,
+      error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['quote']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.quotePlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.personName`),
+      label: widgetTranslations.personName,
+      error: (_h = (_g = (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['personName']) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personNamePlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.personRole`),
+      label: widgetTranslations.personRole,
+      error: (_m = (_l = (_k = (_j = errors[name]) === null || _j === void 0 ? void 0 : _j[index]) === null || _k === void 0 ? void 0 : _k['personRole']) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personRolePlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.personOrganization`),
+      label: widgetTranslations.personOrganization,
+      error: (_r = (_q = (_p = (_o = errors[name]) === null || _o === void 0 ? void 0 : _o[index]) === null || _p === void 0 ? void 0 : _p['personOrganization']) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personOrganizationPlaceholder
+    }), /*#__PURE__*/React__default["default"].createElement(Input, {
+      rest: register(`${name}.${index}.rating`, {
+        min: {
+          value: 0,
+          message: 'Rating should be greater than or equal to 0'
+        },
+        max: {
+          value: 5,
+          message: 'Rating should be less than or equal to 5'
+        }
+      }),
+      label: widgetTranslations.rating,
+      error: (_v = (_u = (_t = (_s = errors[name]) === null || _s === void 0 ? void 0 : _s[index]) === null || _t === void 0 ? void 0 : _t['rating']) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.toString(),
+      type: "number",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.ratingPlaceholder
+    }))) : (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, languages.map(lang => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       return /*#__PURE__*/React__default["default"].createElement(Input, {
         rest: register(`${name}.${index}.titles.${lang.code}`),
@@ -6934,7 +6971,7 @@ const ItemsAccordian = ({
     }))) : (/*#__PURE__*/React__default["default"].createElement(Input, {
       rest: register(`${name}.${index}.title`),
       label: commonTranslations.title,
-      error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['title']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+      error: (_z = (_y = (_x = (_w = errors[name]) === null || _w === void 0 ? void 0 : _w[index]) === null || _x === void 0 ? void 0 : _x['title']) === null || _y === void 0 ? void 0 : _y.message) === null || _z === void 0 ? void 0 : _z.toString(),
       type: "text",
       className: "w-full p-2",
       placeholder: commonTranslations.titlePlaceholder
@@ -6973,7 +7010,7 @@ const ItemsAccordian = ({
       register: register,
       label: widgetTranslations.srcset,
       name: `${name}.${index}.srcset`,
-      errors: (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['srcset'],
+      errors: (_1 = (_0 = errors[name]) === null || _0 === void 0 ? void 0 : _0[index]) === null || _1 === void 0 ? void 0 : _1['srcset'],
       screenSizeRequired: widgetTranslations.screenSizeRequired,
       heightRequired: widgetTranslations.heightRequired,
       minHeight: widgetTranslations.minHeight,
@@ -7008,7 +7045,7 @@ const ItemsAccordian = ({
       label: widgetTranslations.image,
       control: control,
       name: `${name}.${index}.img`,
-      error: (_k = (_j = (_h = (_g = errors[name]) === null || _g === void 0 ? void 0 : _g[index]) === null || _h === void 0 ? void 0 : _h['img']) === null || _j === void 0 ? void 0 : _j.message) === null || _k === void 0 ? void 0 : _k.toString(),
+      error: (_5 = (_4 = (_3 = (_2 = errors[name]) === null || _2 === void 0 ? void 0 : _2[index]) === null || _3 === void 0 ? void 0 : _3['img']) === null || _4 === void 0 ? void 0 : _4.message) === null || _5 === void 0 ? void 0 : _5.toString(),
       baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
       setError: setError,
       clearError: clearError,
@@ -7221,7 +7258,6 @@ const constants = {
 const WidgetForm = ({
   formRef,
   customInputs,
-  customItemRenderers,
   onPrimaryButtonClick
 }) => {
   const {
@@ -7286,7 +7322,6 @@ const WidgetForm = ({
   const pagesLoadedRef = React.useRef(false);
   const blogCategoryInitialized = React.useRef(false);
   const selectedWidgetTypeValue = (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) || getValues(constants.widgetTypeAccessor);
-  const selectedCustomItemRenderer = selectedWidgetTypeValue ? customItemRenderers === null || customItemRenderers === void 0 ? void 0 : customItemRenderers[selectedWidgetTypeValue] : undefined;
   React.useEffect(() => {
     if (data && formState === 'UPDATE') {
       const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
@@ -7496,9 +7531,6 @@ const WidgetForm = ({
         setSelectedCollectionItems([]);
         setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
         setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
-        setValue('webPerRow', 4);
-        setValue('tabletPerRow', 2);
-        setValue('mobilePerRow', 1);
       } else {
         setItemsEnabled(true);
       }
@@ -7987,7 +8019,7 @@ const WidgetForm = ({
     loading: loading,
     addText: commonTranslations.add,
     deleteText: commonTranslations.delete,
-    customItemRenderer: selectedCustomItemRenderer
+    widgetType: selectedWidgetTypeValue
   }), /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
     languages: languages,
     clearError: clearErrors,
@@ -8005,7 +8037,7 @@ const WidgetForm = ({
     register: register,
     addText: commonTranslations.add,
     deleteText: commonTranslations.delete,
-    customItemRenderer: selectedCustomItemRenderer
+    widgetType: selectedWidgetTypeValue
   }))));
 };
 
@@ -8128,79 +8160,6 @@ const WiddgetFormWrapper = ({
   }) : null;
 };
 
-const TestimonialItemRenderer = ({
-  name,
-  index,
-  register,
-  errors,
-  widgetTranslations
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.quote`),
-    label: widgetTranslations.quote,
-    error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['quote']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
-    type: "textarea",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.quotePlaceholder
-  }), /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.personName`),
-    label: widgetTranslations.personName,
-    error: (_h = (_g = (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['personName']) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personNamePlaceholder
-  }), /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.personRole`),
-    label: widgetTranslations.personRole,
-    error: (_m = (_l = (_k = (_j = errors[name]) === null || _j === void 0 ? void 0 : _j[index]) === null || _k === void 0 ? void 0 : _k['personRole']) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personRolePlaceholder
-  }), /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.personOrganization`),
-    label: widgetTranslations.personOrganization,
-    error: (_r = (_q = (_p = (_o = errors[name]) === null || _o === void 0 ? void 0 : _o[index]) === null || _p === void 0 ? void 0 : _p['personOrganization']) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personOrganizationPlaceholder
-  }), /*#__PURE__*/React__default["default"].createElement(Input, {
-    rest: register(`${name}.${index}.rating`, {
-      min: {
-        value: 0,
-        message: 'Rating should be greater than or equal to 0'
-      },
-      max: {
-        value: 5,
-        message: 'Rating should be less than or equal to 5'
-      }
-    }),
-    label: widgetTranslations.rating,
-    error: (_v = (_u = (_t = (_s = errors[name]) === null || _s === void 0 ? void 0 : _s[index]) === null || _t === void 0 ? void 0 : _t['rating']) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.toString(),
-    type: "number",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.ratingPlaceholder
-  }));
-};
-
-const getDefaultCustomItemRenderers = () => ({
-  Testimonial: {
-    render: TestimonialItemRenderer,
-    createItem: ({
-      index,
-      itemType
-    }) => ({
-      quote: '',
-      personName: '',
-      personRole: '',
-      personOrganization: '',
-      rating: 5,
-      itemType,
-      sequence: index
-    })
-  }
-});
-
 const Widget = ({
   routes,
   loader,
@@ -8215,8 +8174,7 @@ const Widget = ({
   imageMaxSize,
   translations,
   children,
-  onPrimaryButtonClick,
-  customItemRenderers
+  onPrimaryButtonClick
 }) => {
   const {
     commonTranslations
@@ -8224,8 +8182,6 @@ const Widget = ({
   const derivedPermissions = Object.assign(DEFAULT_PERMISSIONS, _permissions);
   const widgetFormRef = React.useRef(null);
   const derivedT = Object.assign(Object.assign({}, TRANSLATION_PAIRS_WIDGET), translations || {});
-  const defaultCustomItemRenderers = getDefaultCustomItemRenderers();
-  const derivedCustomItemRenderers = Object.assign(Object.assign({}, defaultCustomItemRenderers), customItemRenderers || {});
   const {
     list,
     loading,
@@ -8310,8 +8266,7 @@ const Widget = ({
     })
   }, /*#__PURE__*/React__default["default"].createElement(WidgetForm, {
     formRef: widgetFormRef,
-    onPrimaryButtonClick: onPrimaryButtonClick,
-    customItemRenderers: derivedCustomItemRenderers
+    onPrimaryButtonClick: onPrimaryButtonClick
   }))), itemData && (/*#__PURE__*/React__default["default"].createElement(DeleteModal, {
     formState: formState,
     itemData: itemData,

package/index.js

@@ -6805,7 +6805,7 @@ const ItemsAccordian = ({
   itemType,
   languages,
   clearError,
-  customItemRenderer,
+  widgetType,
   addText: _addText = 'Add',
   deleteText: _deleteText = 'Delete'
 }) => {
@@ -6829,6 +6829,7 @@ const ItemsAccordian = ({
     name,
     control
   });
+  const isTestimonialWidget = widgetType === 'Testimonial';
   const onItemsToggleClick = (index, status) => {
     var _a;
     const newItemsShow = [...itemsShow];
@@ -6846,11 +6847,16 @@ const ItemsAccordian = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [errors, name, errors === null || errors === void 0 ? void 0 : errors[name]]);
   const addTab = index => {
-    if (customItemRenderer === null || customItemRenderer === void 0 ? void 0 : customItemRenderer.createItem) {
-      appendItem(customItemRenderer.createItem({
-        index,
-        itemType
-      }));
+    if (isTestimonialWidget) {
+      appendItem({
+        quote: '',
+        personName: '',
+        personRole: '',
+        personOrganization: '',
+        rating: 5,
+        itemType,
+        sequence: index
+      });
       return;
     }
     appendItem({
@@ -6876,7 +6882,7 @@ const ItemsAccordian = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: "khb_item-items"
   }, items === null || items === void 0 ? void 0 : items.map((field, index) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
     return /*#__PURE__*/React.createElement(Accordian, {
       key: index,
       open: itemsShow[index],
@@ -6896,20 +6902,51 @@ const ItemsAccordian = ({
       }, _deleteText))
     }, /*#__PURE__*/React.createElement("div", {
       className: "khb-form-items"
-    }, customItemRenderer ? customItemRenderer.render({
-      name,
-      index,
-      itemType,
-      errors,
-      control,
-      register,
-      setError,
-      clearError,
-      languages,
-      loading,
-      widgetTranslations,
-      commonTranslations
-    }) : (/*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React.createElement(React.Fragment, null, languages.map(lang => {
+    }, isTestimonialWidget ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.quote`),
+      label: widgetTranslations.quote,
+      error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['quote']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.quotePlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.personName`),
+      label: widgetTranslations.personName,
+      error: (_h = (_g = (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['personName']) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personNamePlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.personRole`),
+      label: widgetTranslations.personRole,
+      error: (_m = (_l = (_k = (_j = errors[name]) === null || _j === void 0 ? void 0 : _j[index]) === null || _k === void 0 ? void 0 : _k['personRole']) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personRolePlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.personOrganization`),
+      label: widgetTranslations.personOrganization,
+      error: (_r = (_q = (_p = (_o = errors[name]) === null || _o === void 0 ? void 0 : _o[index]) === null || _p === void 0 ? void 0 : _p['personOrganization']) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.toString(),
+      type: "text",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.personOrganizationPlaceholder
+    }), /*#__PURE__*/React.createElement(Input, {
+      rest: register(`${name}.${index}.rating`, {
+        min: {
+          value: 0,
+          message: 'Rating should be greater than or equal to 0'
+        },
+        max: {
+          value: 5,
+          message: 'Rating should be less than or equal to 5'
+        }
+      }),
+      label: widgetTranslations.rating,
+      error: (_v = (_u = (_t = (_s = errors[name]) === null || _s === void 0 ? void 0 : _s[index]) === null || _t === void 0 ? void 0 : _t['rating']) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.toString(),
+      type: "number",
+      className: "w-full p-2",
+      placeholder: widgetTranslations.ratingPlaceholder
+    }))) : (/*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(languages) && languages.length > 0 ? (/*#__PURE__*/React.createElement(React.Fragment, null, languages.map(lang => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       return /*#__PURE__*/React.createElement(Input, {
         rest: register(`${name}.${index}.titles.${lang.code}`),
@@ -6922,7 +6959,7 @@ const ItemsAccordian = ({
     }))) : (/*#__PURE__*/React.createElement(Input, {
       rest: register(`${name}.${index}.title`),
       label: commonTranslations.title,
-      error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['title']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
+      error: (_z = (_y = (_x = (_w = errors[name]) === null || _w === void 0 ? void 0 : _w[index]) === null || _x === void 0 ? void 0 : _x['title']) === null || _y === void 0 ? void 0 : _y.message) === null || _z === void 0 ? void 0 : _z.toString(),
       type: "text",
       className: "w-full p-2",
       placeholder: commonTranslations.titlePlaceholder
@@ -6961,7 +6998,7 @@ const ItemsAccordian = ({
       register: register,
       label: widgetTranslations.srcset,
       name: `${name}.${index}.srcset`,
-      errors: (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['srcset'],
+      errors: (_1 = (_0 = errors[name]) === null || _0 === void 0 ? void 0 : _0[index]) === null || _1 === void 0 ? void 0 : _1['srcset'],
       screenSizeRequired: widgetTranslations.screenSizeRequired,
       heightRequired: widgetTranslations.heightRequired,
       minHeight: widgetTranslations.minHeight,
@@ -6996,7 +7033,7 @@ const ItemsAccordian = ({
       label: widgetTranslations.image,
       control: control,
       name: `${name}.${index}.img`,
-      error: (_k = (_j = (_h = (_g = errors[name]) === null || _g === void 0 ? void 0 : _g[index]) === null || _h === void 0 ? void 0 : _h['img']) === null || _j === void 0 ? void 0 : _j.message) === null || _k === void 0 ? void 0 : _k.toString(),
+      error: (_5 = (_4 = (_3 = (_2 = errors[name]) === null || _2 === void 0 ? void 0 : _2[index]) === null || _3 === void 0 ? void 0 : _3['img']) === null || _4 === void 0 ? void 0 : _4.message) === null || _5 === void 0 ? void 0 : _5.toString(),
       baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
       setError: setError,
       clearError: clearError,
@@ -7209,7 +7246,6 @@ const constants = {
 const WidgetForm = ({
   formRef,
   customInputs,
-  customItemRenderers,
   onPrimaryButtonClick
 }) => {
   const {
@@ -7274,7 +7310,6 @@ const WidgetForm = ({
   const pagesLoadedRef = useRef(false);
   const blogCategoryInitialized = useRef(false);
   const selectedWidgetTypeValue = (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) || getValues(constants.widgetTypeAccessor);
-  const selectedCustomItemRenderer = selectedWidgetTypeValue ? customItemRenderers === null || customItemRenderers === void 0 ? void 0 : customItemRenderers[selectedWidgetTypeValue] : undefined;
   useEffect(() => {
     if (data && formState === 'UPDATE') {
       const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
@@ -7484,9 +7519,6 @@ const WidgetForm = ({
         setSelectedCollectionItems([]);
         setValue(constants.itemTypeAccessor, constants.imageItemsTypeValue);
         setValue(constants.collectionNameAccessor, constants.imageItemsTypeValue);
-        setValue('webPerRow', 4);
-        setValue('tabletPerRow', 2);
-        setValue('mobilePerRow', 1);
       } else {
         setItemsEnabled(true);
       }
@@ -7975,7 +8007,7 @@ const WidgetForm = ({
     loading: loading,
     addText: commonTranslations.add,
     deleteText: commonTranslations.delete,
-    customItemRenderer: selectedCustomItemRenderer
+    widgetType: selectedWidgetTypeValue
   }), /*#__PURE__*/React.createElement(ItemsAccordian, {
     languages: languages,
     clearError: clearErrors,
@@ -7993,7 +8025,7 @@ const WidgetForm = ({
     register: register,
     addText: commonTranslations.add,
     deleteText: commonTranslations.delete,
-    customItemRenderer: selectedCustomItemRenderer
+    widgetType: selectedWidgetTypeValue
   }))));
 };
 
@@ -8116,79 +8148,6 @@ const WiddgetFormWrapper = ({
   }) : null;
 };
 
-const TestimonialItemRenderer = ({
-  name,
-  index,
-  register,
-  errors,
-  widgetTranslations
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.quote`),
-    label: widgetTranslations.quote,
-    error: (_d = (_c = (_b = (_a = errors[name]) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b['quote']) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(),
-    type: "textarea",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.quotePlaceholder
-  }), /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.personName`),
-    label: widgetTranslations.personName,
-    error: (_h = (_g = (_f = (_e = errors[name]) === null || _e === void 0 ? void 0 : _e[index]) === null || _f === void 0 ? void 0 : _f['personName']) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personNamePlaceholder
-  }), /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.personRole`),
-    label: widgetTranslations.personRole,
-    error: (_m = (_l = (_k = (_j = errors[name]) === null || _j === void 0 ? void 0 : _j[index]) === null || _k === void 0 ? void 0 : _k['personRole']) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personRolePlaceholder
-  }), /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.personOrganization`),
-    label: widgetTranslations.personOrganization,
-    error: (_r = (_q = (_p = (_o = errors[name]) === null || _o === void 0 ? void 0 : _o[index]) === null || _p === void 0 ? void 0 : _p['personOrganization']) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.toString(),
-    type: "text",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.personOrganizationPlaceholder
-  }), /*#__PURE__*/React.createElement(Input, {
-    rest: register(`${name}.${index}.rating`, {
-      min: {
-        value: 0,
-        message: 'Rating should be greater than or equal to 0'
-      },
-      max: {
-        value: 5,
-        message: 'Rating should be less than or equal to 5'
-      }
-    }),
-    label: widgetTranslations.rating,
-    error: (_v = (_u = (_t = (_s = errors[name]) === null || _s === void 0 ? void 0 : _s[index]) === null || _t === void 0 ? void 0 : _t['rating']) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.toString(),
-    type: "number",
-    className: "w-full p-2",
-    placeholder: widgetTranslations.ratingPlaceholder
-  }));
-};
-
-const getDefaultCustomItemRenderers = () => ({
-  Testimonial: {
-    render: TestimonialItemRenderer,
-    createItem: ({
-      index,
-      itemType
-    }) => ({
-      quote: '',
-      personName: '',
-      personRole: '',
-      personOrganization: '',
-      rating: 5,
-      itemType,
-      sequence: index
-    })
-  }
-});
-
 const Widget = ({
   routes,
   loader,
@@ -8203,8 +8162,7 @@ const Widget = ({
   imageMaxSize,
   translations,
   children,
-  onPrimaryButtonClick,
-  customItemRenderers
+  onPrimaryButtonClick
 }) => {
   const {
     commonTranslations
@@ -8212,8 +8170,6 @@ const Widget = ({
   const derivedPermissions = Object.assign(DEFAULT_PERMISSIONS, _permissions);
   const widgetFormRef = useRef(null);
   const derivedT = Object.assign(Object.assign({}, TRANSLATION_PAIRS_WIDGET), translations || {});
-  const defaultCustomItemRenderers = getDefaultCustomItemRenderers();
-  const derivedCustomItemRenderers = Object.assign(Object.assign({}, defaultCustomItemRenderers), customItemRenderers || {});
   const {
     list,
     loading,
@@ -8298,8 +8254,7 @@ const Widget = ({
     })
   }, /*#__PURE__*/React.createElement(WidgetForm, {
     formRef: widgetFormRef,
-    onPrimaryButtonClick: onPrimaryButtonClick,
-    customItemRenderers: derivedCustomItemRenderers
+    onPrimaryButtonClick: onPrimaryButtonClick
   }))), itemData && (/*#__PURE__*/React.createElement(DeleteModal, {
     formState: formState,
     itemData: itemData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "1.7.8",
+  "version": "1.7.9",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",

package/src/lib/components/Widget/Form/ItemsAccordian.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ItemsAccordianProps } from '../../../types';
-declare const ItemsAccordian: ({ show, title, id, collapseId, toggleShow, loading, name, errors, control, register, setError, itemType, languages, clearError, customItemRenderer, addText, deleteText, }: ItemsAccordianProps) => JSX.Element;
+declare const ItemsAccordian: ({ show, title, id, collapseId, toggleShow, loading, name, errors, control, register, setError, itemType, languages, clearError, widgetType, addText, deleteText, }: ItemsAccordianProps) => JSX.Element;
 export default ItemsAccordian;

package/src/lib/components/Widget/Form/WidgetForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormProps } from '../../../types';
-declare const WidgetForm: ({ formRef, customInputs, customItemRenderers, onPrimaryButtonClick, }: FormProps) => JSX.Element | null;
+declare const WidgetForm: ({ formRef, customInputs, onPrimaryButtonClick, }: FormProps) => JSX.Element | null;
 export default WidgetForm;

package/src/lib/components/Widget/Widget/Widget.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { WidgetProps } from '../../../types';
 declare const Widget: {
-    ({ routes, loader, explicitForm, imageBaseUrl, permissions, preConfirmDelete, formatListItem, formatOptionLabel, imageMaxSize, translations, children, onPrimaryButtonClick, customItemRenderers, }: WidgetProps): JSX.Element;
+    ({ routes, loader, explicitForm, imageBaseUrl, permissions, preConfirmDelete, formatListItem, formatOptionLabel, imageMaxSize, translations, children, onPrimaryButtonClick, }: WidgetProps): JSX.Element;
     Table: ({ extraActions, extraColumns }: import("../../../types").DerivedTableProps) => JSX.Element;
-    Form: ({ formRef, customInputs, customItemRenderers, onPrimaryButtonClick, }: import("../../../types").FormProps) => JSX.Element | null;
+    Form: ({ formRef, customInputs, onPrimaryButtonClick, }: import("../../../types").FormProps) => JSX.Element | null;
     AddButton: () => JSX.Element;
     Search: () => JSX.Element;
     Pagination: () => JSX.Element;

package/src/lib/types/components.d.ts

@@ -2,8 +2,7 @@ import React, { MutableRefObject } from 'react';
 import { DropResult } from 'react-beautiful-dnd';
 import { FieldValues, RegisterOptions, UseFormClearErrors, UseFormGetValues, UseFormSetValue, ValidationRule } from 'react-hook-form';
 import { Routes_Input } from './api';
-import { OptionType, FormActionTypes, PermissionsObj, ObjectType, CombineObjectType, LanguageType } from './common';
-import type { CommonTranslationPairs } from './context';
+import { OptionType, FormActionTypes, PermissionsObj, ObjectType, LanguageType } from './common';
 export interface DNDItemsListProps {
     onDragEnd: (result: DropResult) => void;
     items: OptionType[];
@@ -141,7 +140,6 @@ export interface FormProps {
     filterQuery?: string;
     formRef: MutableRefObject<HTMLFormElement | null>;
     customInputs?: Record<string, (props: InputRendererProps) => JSX.Element>;
-    customItemRenderers?: Record<string, CustomItemRendererConfig>;
     onPrimaryButtonClick?: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>, data?: any) => void;
 }
 export interface InputRendererProps {
@@ -150,27 +148,6 @@ export interface InputRendererProps {
     setError: (msg: string) => void;
     disabled?: boolean;
 }
-export interface ItemRendererProps {
-    name: string;
-    index: number;
-    itemType: 'Web' | 'Mobile';
-    errors: any;
-    control: any;
-    register: any;
-    setError: any;
-    clearError: (key: string) => void;
-    languages?: LanguageType[];
-    loading?: boolean;
-    widgetTranslations: WidgetTranslationPairs;
-    commonTranslations: CommonTranslationPairs;
-}
-export interface CustomItemRendererConfig {
-    render: (props: ItemRendererProps) => JSX.Element;
-    createItem?: (props: {
-        index: number;
-        itemType: 'Web' | 'Mobile';
-    }) => CombineObjectType;
-}
 export interface WidgetTranslationPairs {
     htmlContentRequired: string | ValidationRule<boolean> | undefined;
     htmlContentPlaceholder: string | undefined;
@@ -247,7 +224,6 @@ export interface WidgetProps {
     imageBaseUrl?: string;
     imageMaxSize?: number;
     translations?: WidgetTranslationPairs;
-    customItemRenderers?: Record<string, CustomItemRendererConfig>;
     onPrimaryButtonClick?: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>, data?: any) => void;
 }
 export interface DerivedTableProps {
@@ -347,7 +323,7 @@ export interface ItemsAccordianProps {
     register: any;
     setError: any;
     clearError: (key: string) => void;
-    customItemRenderer?: CustomItemRendererConfig;
+    widgetType?: string;
 }
 export interface TabItemProps {
     showDelete?: boolean;

package/src/lib/components/Widget/Form/customItemRenderers/TestimonialItemRenderer.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ItemRendererProps } from '../../../../types';
-declare const TestimonialItemRenderer: ({ name, index, register, errors, widgetTranslations }: ItemRendererProps) => JSX.Element;
-export default TestimonialItemRenderer;

package/src/lib/components/Widget/Form/customItemRenderers/defaultCustomItemRenderers.d.ts

@@ -1,3 +0,0 @@
-import { CustomItemRendererConfig } from '../../../../types';
-export declare const getDefaultCustomItemRenderers: () => Record<string, CustomItemRendererConfig>;
-export default getDefaultCustomItemRenderers;