@knovator/pagecreator-admin 0.8.0 → 0.8.2

package/README.md

@@ -91,7 +91,7 @@
 
 ### Prerequisites
 
-We can use `@knovator/pagecreator-admin` in React/Next application, we can create one using following commands
+Create one reactjs/nextjs application if you don't have one,
 * Project
   ```sh
   npx create-react-app my-app
@@ -104,8 +104,7 @@ We can use `@knovator/pagecreator-admin` in React/Next application, we can creat
 
 ### Installation
 
-
-1. Install NPM packages
+1. Add pagecreator package
    ```sh
    npm install @knovator/pagecreator-admin
    # or
@@ -121,7 +120,7 @@ We can use `@knovator/pagecreator-admin` in React/Next application, we can creat
 
 ### Provider
 
-`@knovator/pagecreator-admin` uses **Context API**, to support communication between components. So, `Widget`/`Page` components should be wrapped by Provider.
+In order to support communication between components `@knovator/pagecreator-admin` uses **Context API**. So, `Widget`/`Page` components should be wrapped by Provider.
 ```jsx
 import { Provider } from '@knovator/pagecreator-admin';
 

package/index.cjs

@@ -1758,8 +1758,6 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.widgetTitleInfo': 'HTML is supported',
   'widget.minPerRow': 'Value must be greater than zero',
   'widget.actionsLabel': 'Actions',
-  'widget.category': 'Category',
-  'widget.categoryPlaceholder': 'Select Category',
   'widget.tabNameRequired': 'Tab Name is required'
 };
 const TRANSLATION_PAIRS_ITEM = {
@@ -2694,12 +2692,6 @@ const apiList = {
     url: `${prefix}/collection-data`,
     method: 'POST'
   }),
-  CATEGORIES: ({
-    prefix
-  }) => ({
-    url: `${prefix}/categories`,
-    method: 'GET'
-  }),
   // Image Upload API
   IMAGE_UPLOAD: ({
     prefix
@@ -2887,6 +2879,11 @@ const usePage = ({
     }
   }), [baseUrl, currentPageRef, limitRef, offsetRef, handleError, pageRoutesPrefix, routes, token]);
   const onPageFormSubmit = data => __awaiter(void 0, void 0, void 0, function* () {
+    if (selectedWidgets.length) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      data.widgets = selectedWidgets.map(item => item.value);
+    }
     setLoading(true);
     const code = formState === 'ADD' ? CALLBACK_CODES.CREATE : CALLBACK_CODES.UPDATE;
     try {
@@ -2977,6 +2974,7 @@ const usePage = ({
     }
   };
   const onChangeWidgetSequence = (sourceIndex, destinationIndex) => {
+    console.log(sourceIndex, destinationIndex);
     setSelectedWidgets(listData => {
       const temporaryData = [...listData];
       const [selectedRow] = temporaryData.splice(sourceIndex, 1);
@@ -4518,7 +4516,6 @@ const useWidget = ({
   const [formState, setFormState] = React.useState();
   const [itemsTypes, setItemsTypes] = React.useState([]);
   const [widgetTypes, setWidgetTypes] = React.useState([]);
-  const [categories, setCategories] = React.useState([]);
   const [collectionDataLoading, setCollectionDataLoading] = React.useState(false);
   const [collectionData, setCollectionData] = React.useState([]);
   const {
@@ -4697,27 +4694,6 @@ const useWidget = ({
     }
     setLoading(false);
   });
-  const getCategories = () => __awaiter(void 0, void 0, void 0, function* () {
-    if ((categories === null || categories === void 0 ? void 0 : categories.length) > 0) return;
-    setLoading(true);
-    const api = getApiType({
-      routes,
-      action: 'CATEGORIES',
-      prefix: widgetRoutesPrefix
-    });
-    const response = yield commonApi({
-      baseUrl,
-      token,
-      method: api.method,
-      url: api.url,
-      onError: handleError(CALLBACK_CODES.GET_ALL)
-    });
-    if ((response === null || response === void 0 ? void 0 : response.code) === 'SUCCESS') {
-      setLoading(false);
-      return setCategories(dataGatter(response));
-    }
-    setLoading(false);
-  });
   const getCollectionData = (collectionName, search, callback, collectionItems) => __awaiter(void 0, void 0, void 0, function* () {
     setCollectionDataLoading(true);
     const api = getApiType({
@@ -4820,7 +4796,6 @@ const useWidget = ({
     if (state === 'ADD' || state === 'UPDATE') {
       getWidgetsTypes();
       getWidgetTypes();
-      getCategories();
     }
     // get Item data if widget is updating
     if (state === 'UPDATE' && data) {
@@ -4915,7 +4890,6 @@ const useWidget = ({
     // Form
     formState,
     itemData,
-    categories,
     onChangeFormState,
     onCloseForm,
     onWidgetFormSubmit,
@@ -6025,7 +5999,6 @@ const WidgetContextProvider = ({
   onImageRemove: _onImageRemove = id => __awaiter(void 0, void 0, void 0, function* () {}),
   itemsTypes: _itemsTypes = [],
   widgetTypes: _widgetTypes = [],
-  categories: _categories = [],
   getCollectionData: _getCollectionData = () => Promise.resolve(),
   collectionDataLoading: _collectionDataLoading = false,
   collectionData: _collectionData = [],
@@ -6073,7 +6046,6 @@ const WidgetContextProvider = ({
       onImageRemove: _onImageRemove,
       onPartialUpdateWidget: _onPartialUpdateWidget,
       itemsTypes: _itemsTypes,
-      categories: _categories,
       widgetTypes: _widgetTypes,
       getCollectionData: _getCollectionData,
       collectionDataLoading: _collectionDataLoading,
@@ -6756,7 +6728,6 @@ const Tabs = ({
 };
 
 const constants = {
-  categoryTypeAccessor: 'category',
   widgetTypeAccessor: 'widgetType',
   itemTypeAccessor: 'itemsType',
   collectionNameAccessor: 'collectionName',
@@ -6800,7 +6771,6 @@ const WidgetForm = ({
     canUpdate,
     formState,
     itemsTypes,
-    categories,
     widgetTypes,
     loading,
     onWidgetFormSubmit,
@@ -6824,7 +6794,8 @@ const WidgetForm = ({
   const [tabCollectionItemsUpdated, setTabCollectionItemsUpdated] = React.useState([]);
   React.useEffect(() => {
     if (data && formState === 'UPDATE') {
-      setSelectedWidgetType(data === null || data === void 0 ? void 0 : data.widgetType);
+      const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
+      setSelectedWidgetType(widgetType);
       if ((data === null || data === void 0 ? void 0 : data.itemsType) === 'Image') {
         setItemsEnabled(true);
       } else {
@@ -6834,7 +6805,7 @@ const WidgetForm = ({
         setSelectedCollectionType(itemsTypes.find(item => item.value === (data === null || data === void 0 ? void 0 : data.collectionName)));
       }
     }
-  }, [data, formState, itemsTypes]);
+  }, [data, formState, itemsTypes, widgetTypes]);
   React.useEffect(() => {
     if (formState === 'ADD') {
       setSelectedCollectionItems([]);
@@ -6912,13 +6883,11 @@ const WidgetForm = ({
   const getFirstWidgetTypeValue = React.useCallback(() => {
     return widgetTypes[0].value;
   }, [widgetTypes]);
-  const getFirstCategoryValue = React.useCallback(() => {
-    return categories[0].value;
-  }, [categories]);
   // Widget Form Functions
   const onWidgetFormInputChange = React.useCallback((value, name) => {
     if (name === 'widgetType') {
-      setSelectedWidgetType(value[name]);
+      const widgetType = widgetTypes.find(type => type.value === value[name]);
+      setSelectedWidgetType(widgetType);
       if (value[name] === 'Tabs') {
         const firstItemType = getFirstItemTypeValue(value[name]);
         if (firstItemType) {
@@ -6937,13 +6906,10 @@ const WidgetForm = ({
     } else if ((name === null || name === void 0 ? void 0 : name.includes(constants.tabsAccessor)) && Array.isArray(value[constants.tabsAccessor])) {
       setTabCollectionItems(value[constants.tabsAccessor].map(tabItem => tabItem[constants.tabCollectionItemsAccessor]));
     }
-  }, [getFirstItemTypeValue, itemsTypes]);
+  }, [getFirstItemTypeValue, itemsTypes, widgetTypes]);
   const onFormSubmit = data => {
     var _a, _b;
     const formData = Object.assign({}, data);
-    if (!formData[constants.categoryTypeAccessor] && categories && categories.length > 0) {
-      formData[constants.categoryTypeAccessor] = getFirstCategoryValue();
-    }
     // setting widget type if undefined
     if (!formData[constants.widgetTypeAccessor] && formState === 'ADD') {
       formData[constants.widgetTypeAccessor] = getFirstWidgetTypeValue();
@@ -7061,18 +7027,11 @@ const WidgetForm = ({
       required: t('widget.widgetTypeRequired')
     },
     options: widgetTypes
-  }, {
-    label: `${t('widget.category')}`,
-    placeholder: t('widget.categoryPlaceholder'),
-    accessor: 'category',
-    type: 'select',
-    show: categories && categories.length > 0,
-    options: categories
   }, {
     label: t('widget.autoPlay'),
     accessor: 'autoPlay',
     type: 'checkbox',
-    show: selectedWidgetType === 'Carousel',
+    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Carousel',
     switchClass: switchClass
   }, {
     label: `${t('widget.itemsType')}`,
@@ -7083,7 +7042,7 @@ const WidgetForm = ({
     validations: {
       required: t('widget.itemsTypePlaceholder')
     },
-    options: selectedWidgetType === 'Tabs' ? itemsTypes.filter(item => item.label !== 'Image') : itemsTypes
+    options: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Tabs' || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.collectionsOnly) ? itemsTypes.filter(item => item.label !== 'Image') : (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.imageOnly) ? itemsTypes.filter(item => item.label === 'Image') : itemsTypes
   }, {
     label: t('widget.color'),
     accessor: 'backgroundColor',
@@ -7143,7 +7102,7 @@ const WidgetForm = ({
     onChange: setSelectedCollectionItems,
     loadOptions: onChangeSearch,
     isLoading: collectionDataLoading,
-    show: !itemsEnabled && selectedWidgetType !== 'Tabs',
+    show: !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs',
     formatOptionLabel: formatOptionLabel,
     listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value,
     customStyles: reactSelectStyles || {},
@@ -7163,7 +7122,7 @@ const WidgetForm = ({
     setValue: setValue,
     control: control,
     setError: setError
-  }), selectedWidgetType === 'Tabs' ? /*#__PURE__*/React__default["default"].createElement(Tabs, {
+  }), (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Tabs' ? /*#__PURE__*/React__default["default"].createElement(Tabs, {
     control: control,
     register: register,
     deleteTitle: t('widget.tabDeleteTitle'),
@@ -7182,12 +7141,12 @@ const WidgetForm = ({
     customStyles: reactSelectStyles || {},
     activeTab: activeTab,
     setActiveTab: setActiveTab
-  }) : null, !itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
+  }) : null, !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
     items: selectedCollectionItems,
     onDragEnd: onCollectionIndexChange,
     formatItem: formatListItem,
     listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
-  }), itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
+  }), itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
     clearError: clearErrors,
     collapseId: constants.webItems,
     title: t('widget.webItems'),
@@ -7367,7 +7326,6 @@ const Widget = ({
     onImageUpload,
     onPartialUpdateWidget,
     itemsTypes,
-    categories,
     widgetTypes,
     getCollectionData,
     collectionData,
@@ -7400,7 +7358,6 @@ const Widget = ({
     onImageRemove: onImageRemove,
     onImageUpload: onImageUpload,
     onPartialUpdateWidget: onPartialUpdateWidget,
-    categories: categories,
     itemsTypes: itemsTypes,
     widgetTypes: widgetTypes,
     getCollectionData: getCollectionData,

package/index.js

@@ -1746,8 +1746,6 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.widgetTitleInfo': 'HTML is supported',
   'widget.minPerRow': 'Value must be greater than zero',
   'widget.actionsLabel': 'Actions',
-  'widget.category': 'Category',
-  'widget.categoryPlaceholder': 'Select Category',
   'widget.tabNameRequired': 'Tab Name is required'
 };
 const TRANSLATION_PAIRS_ITEM = {
@@ -2682,12 +2680,6 @@ const apiList = {
     url: `${prefix}/collection-data`,
     method: 'POST'
   }),
-  CATEGORIES: ({
-    prefix
-  }) => ({
-    url: `${prefix}/categories`,
-    method: 'GET'
-  }),
   // Image Upload API
   IMAGE_UPLOAD: ({
     prefix
@@ -2875,6 +2867,11 @@ const usePage = ({
     }
   }), [baseUrl, currentPageRef, limitRef, offsetRef, handleError, pageRoutesPrefix, routes, token]);
   const onPageFormSubmit = data => __awaiter(void 0, void 0, void 0, function* () {
+    if (selectedWidgets.length) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      data.widgets = selectedWidgets.map(item => item.value);
+    }
     setLoading(true);
     const code = formState === 'ADD' ? CALLBACK_CODES.CREATE : CALLBACK_CODES.UPDATE;
     try {
@@ -2965,6 +2962,7 @@ const usePage = ({
     }
   };
   const onChangeWidgetSequence = (sourceIndex, destinationIndex) => {
+    console.log(sourceIndex, destinationIndex);
     setSelectedWidgets(listData => {
       const temporaryData = [...listData];
       const [selectedRow] = temporaryData.splice(sourceIndex, 1);
@@ -4506,7 +4504,6 @@ const useWidget = ({
   const [formState, setFormState] = useState();
   const [itemsTypes, setItemsTypes] = useState([]);
   const [widgetTypes, setWidgetTypes] = useState([]);
-  const [categories, setCategories] = useState([]);
   const [collectionDataLoading, setCollectionDataLoading] = useState(false);
   const [collectionData, setCollectionData] = useState([]);
   const {
@@ -4685,27 +4682,6 @@ const useWidget = ({
     }
     setLoading(false);
   });
-  const getCategories = () => __awaiter(void 0, void 0, void 0, function* () {
-    if ((categories === null || categories === void 0 ? void 0 : categories.length) > 0) return;
-    setLoading(true);
-    const api = getApiType({
-      routes,
-      action: 'CATEGORIES',
-      prefix: widgetRoutesPrefix
-    });
-    const response = yield commonApi({
-      baseUrl,
-      token,
-      method: api.method,
-      url: api.url,
-      onError: handleError(CALLBACK_CODES.GET_ALL)
-    });
-    if ((response === null || response === void 0 ? void 0 : response.code) === 'SUCCESS') {
-      setLoading(false);
-      return setCategories(dataGatter(response));
-    }
-    setLoading(false);
-  });
   const getCollectionData = (collectionName, search, callback, collectionItems) => __awaiter(void 0, void 0, void 0, function* () {
     setCollectionDataLoading(true);
     const api = getApiType({
@@ -4808,7 +4784,6 @@ const useWidget = ({
     if (state === 'ADD' || state === 'UPDATE') {
       getWidgetsTypes();
       getWidgetTypes();
-      getCategories();
     }
     // get Item data if widget is updating
     if (state === 'UPDATE' && data) {
@@ -4903,7 +4878,6 @@ const useWidget = ({
     // Form
     formState,
     itemData,
-    categories,
     onChangeFormState,
     onCloseForm,
     onWidgetFormSubmit,
@@ -6013,7 +5987,6 @@ const WidgetContextProvider = ({
   onImageRemove: _onImageRemove = id => __awaiter(void 0, void 0, void 0, function* () {}),
   itemsTypes: _itemsTypes = [],
   widgetTypes: _widgetTypes = [],
-  categories: _categories = [],
   getCollectionData: _getCollectionData = () => Promise.resolve(),
   collectionDataLoading: _collectionDataLoading = false,
   collectionData: _collectionData = [],
@@ -6061,7 +6034,6 @@ const WidgetContextProvider = ({
       onImageRemove: _onImageRemove,
       onPartialUpdateWidget: _onPartialUpdateWidget,
       itemsTypes: _itemsTypes,
-      categories: _categories,
       widgetTypes: _widgetTypes,
       getCollectionData: _getCollectionData,
       collectionDataLoading: _collectionDataLoading,
@@ -6744,7 +6716,6 @@ const Tabs = ({
 };
 
 const constants = {
-  categoryTypeAccessor: 'category',
   widgetTypeAccessor: 'widgetType',
   itemTypeAccessor: 'itemsType',
   collectionNameAccessor: 'collectionName',
@@ -6788,7 +6759,6 @@ const WidgetForm = ({
     canUpdate,
     formState,
     itemsTypes,
-    categories,
     widgetTypes,
     loading,
     onWidgetFormSubmit,
@@ -6812,7 +6782,8 @@ const WidgetForm = ({
   const [tabCollectionItemsUpdated, setTabCollectionItemsUpdated] = useState([]);
   useEffect(() => {
     if (data && formState === 'UPDATE') {
-      setSelectedWidgetType(data === null || data === void 0 ? void 0 : data.widgetType);
+      const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
+      setSelectedWidgetType(widgetType);
       if ((data === null || data === void 0 ? void 0 : data.itemsType) === 'Image') {
         setItemsEnabled(true);
       } else {
@@ -6822,7 +6793,7 @@ const WidgetForm = ({
         setSelectedCollectionType(itemsTypes.find(item => item.value === (data === null || data === void 0 ? void 0 : data.collectionName)));
       }
     }
-  }, [data, formState, itemsTypes]);
+  }, [data, formState, itemsTypes, widgetTypes]);
   useEffect(() => {
     if (formState === 'ADD') {
       setSelectedCollectionItems([]);
@@ -6900,13 +6871,11 @@ const WidgetForm = ({
   const getFirstWidgetTypeValue = useCallback(() => {
     return widgetTypes[0].value;
   }, [widgetTypes]);
-  const getFirstCategoryValue = useCallback(() => {
-    return categories[0].value;
-  }, [categories]);
   // Widget Form Functions
   const onWidgetFormInputChange = useCallback((value, name) => {
     if (name === 'widgetType') {
-      setSelectedWidgetType(value[name]);
+      const widgetType = widgetTypes.find(type => type.value === value[name]);
+      setSelectedWidgetType(widgetType);
       if (value[name] === 'Tabs') {
         const firstItemType = getFirstItemTypeValue(value[name]);
         if (firstItemType) {
@@ -6925,13 +6894,10 @@ const WidgetForm = ({
     } else if ((name === null || name === void 0 ? void 0 : name.includes(constants.tabsAccessor)) && Array.isArray(value[constants.tabsAccessor])) {
       setTabCollectionItems(value[constants.tabsAccessor].map(tabItem => tabItem[constants.tabCollectionItemsAccessor]));
     }
-  }, [getFirstItemTypeValue, itemsTypes]);
+  }, [getFirstItemTypeValue, itemsTypes, widgetTypes]);
   const onFormSubmit = data => {
     var _a, _b;
     const formData = Object.assign({}, data);
-    if (!formData[constants.categoryTypeAccessor] && categories && categories.length > 0) {
-      formData[constants.categoryTypeAccessor] = getFirstCategoryValue();
-    }
     // setting widget type if undefined
     if (!formData[constants.widgetTypeAccessor] && formState === 'ADD') {
       formData[constants.widgetTypeAccessor] = getFirstWidgetTypeValue();
@@ -7049,18 +7015,11 @@ const WidgetForm = ({
       required: t('widget.widgetTypeRequired')
     },
     options: widgetTypes
-  }, {
-    label: `${t('widget.category')}`,
-    placeholder: t('widget.categoryPlaceholder'),
-    accessor: 'category',
-    type: 'select',
-    show: categories && categories.length > 0,
-    options: categories
   }, {
     label: t('widget.autoPlay'),
     accessor: 'autoPlay',
     type: 'checkbox',
-    show: selectedWidgetType === 'Carousel',
+    show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Carousel',
     switchClass: switchClass
   }, {
     label: `${t('widget.itemsType')}`,
@@ -7071,7 +7030,7 @@ const WidgetForm = ({
     validations: {
       required: t('widget.itemsTypePlaceholder')
     },
-    options: selectedWidgetType === 'Tabs' ? itemsTypes.filter(item => item.label !== 'Image') : itemsTypes
+    options: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Tabs' || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.collectionsOnly) ? itemsTypes.filter(item => item.label !== 'Image') : (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.imageOnly) ? itemsTypes.filter(item => item.label === 'Image') : itemsTypes
   }, {
     label: t('widget.color'),
     accessor: 'backgroundColor',
@@ -7131,7 +7090,7 @@ const WidgetForm = ({
     onChange: setSelectedCollectionItems,
     loadOptions: onChangeSearch,
     isLoading: collectionDataLoading,
-    show: !itemsEnabled && selectedWidgetType !== 'Tabs',
+    show: !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs',
     formatOptionLabel: formatOptionLabel,
     listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value,
     customStyles: reactSelectStyles || {},
@@ -7151,7 +7110,7 @@ const WidgetForm = ({
     setValue: setValue,
     control: control,
     setError: setError
-  }), selectedWidgetType === 'Tabs' ? /*#__PURE__*/React.createElement(Tabs, {
+  }), (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Tabs' ? /*#__PURE__*/React.createElement(Tabs, {
     control: control,
     register: register,
     deleteTitle: t('widget.tabDeleteTitle'),
@@ -7170,12 +7129,12 @@ const WidgetForm = ({
     customStyles: reactSelectStyles || {},
     activeTab: activeTab,
     setActiveTab: setActiveTab
-  }) : null, !itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React.createElement(DNDItemsList, {
+  }) : null, !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React.createElement(DNDItemsList, {
     items: selectedCollectionItems,
     onDragEnd: onCollectionIndexChange,
     formatItem: formatListItem,
     listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
-  }), itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemsAccordian, {
+  }), itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemsAccordian, {
     clearError: clearErrors,
     collapseId: constants.webItems,
     title: t('widget.webItems'),
@@ -7355,7 +7314,6 @@ const Widget = ({
     onImageUpload,
     onPartialUpdateWidget,
     itemsTypes,
-    categories,
     widgetTypes,
     getCollectionData,
     collectionData,
@@ -7388,7 +7346,6 @@ const Widget = ({
     onImageRemove: onImageRemove,
     onImageUpload: onImageUpload,
     onPartialUpdateWidget: onPartialUpdateWidget,
-    categories: categories,
     itemsTypes: itemsTypes,
     widgetTypes: widgetTypes,
     getCollectionData: getCollectionData,

package/package.json

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

package/src/lib/api/list.d.ts

@@ -40,10 +40,6 @@ declare const apiList: {
         url: string;
         method: string;
     };
-    CATEGORIES: ({ prefix }: API_INPUT_TYPE) => {
-        url: string;
-        method: string;
-    };
     IMAGE_UPLOAD: ({ prefix }: API_INPUT_TYPE) => {
         url: string;
         method: string;

package/src/lib/constants/common.d.ts

@@ -87,8 +87,6 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     'widget.widgetTitleInfo': string;
     'widget.minPerRow': string;
     'widget.actionsLabel': string;
-    'widget.category': string;
-    'widget.categoryPlaceholder': string;
     'widget.tabNameRequired': string;
 };
 declare const TRANSLATION_PAIRS_ITEM: {

package/src/lib/context/WidgetContext.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { WidgetContextType } from '../types';
 interface WidgetContextProviderProps extends React.PropsWithChildren, Partial<WidgetContextType> {
 }
-declare const WidgetContextProvider: ({ t, list, imageBaseUrl, searchText, changeSearch, formState, closeForm, loading, onChangeFormState, onWidgetFormSubmit, updateData, canAdd, canUpdate, onDeleteItem, getWidgets, onImageUpload, onImageRemove, itemsTypes, widgetTypes, categories, getCollectionData, collectionDataLoading, collectionData, formatListItem, formatOptionLabel, currentPage, limits, pageSize, setCurrentPage, setPageSize, totalPages, totalRecords, canList, canPartialUpdate, columns, data, canDelete, loader, onPartialUpdateWidget, reactSelectStyles, children, }: WidgetContextProviderProps) => JSX.Element;
+declare const WidgetContextProvider: ({ t, list, imageBaseUrl, searchText, changeSearch, formState, closeForm, loading, onChangeFormState, onWidgetFormSubmit, updateData, canAdd, canUpdate, onDeleteItem, getWidgets, onImageUpload, onImageRemove, itemsTypes, widgetTypes, getCollectionData, collectionDataLoading, collectionData, formatListItem, formatOptionLabel, currentPage, limits, pageSize, setCurrentPage, setPageSize, totalPages, totalRecords, canList, canPartialUpdate, columns, data, canDelete, loader, onPartialUpdateWidget, reactSelectStyles, children, }: WidgetContextProviderProps) => JSX.Element;
 export declare function useWidgetState(): WidgetContextType;
 export default WidgetContextProvider;

package/src/lib/hooks/useWidget.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Routes_Input, WidgetType, ItemsType, Category } from '../types';
+import { Routes_Input, WidgetType, ItemsType } from '../types';
 import { FormActionTypes, ObjectType } from '../types/common';
 interface UseWidgetProps {
     canList?: boolean;
@@ -10,7 +10,7 @@ interface UseWidgetProps {
     }) => Promise<boolean>;
     imageBaseUrl?: string;
 }
-declare const useWidget: ({ canList, defaultLimit, routes, preConfirmDelete, imageBaseUrl, }: UseWidgetProps) => {
+declare const useWidget: ({ canList, defaultLimit, routes, preConfirmDelete, imageBaseUrl }: UseWidgetProps) => {
     list: ObjectType[];
     getWidgets: (search?: string) => Promise<void>;
     loading: boolean;
@@ -24,7 +24,6 @@ declare const useWidget: ({ canList, defaultLimit, routes, preConfirmDelete, ima
     setPageSize: (value: number) => void;
     formState: FormActionTypes | undefined;
     itemData: ObjectType | null;
-    categories: Category[];
     onChangeFormState: (state: FormActionTypes, data?: ObjectType) => Promise<void>;
     onCloseForm: () => void;
     onWidgetFormSubmit: (data: ObjectType) => Promise<void>;

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

@@ -1,4 +1,4 @@
-export type ACTION_TYPES = 'IMAGE_UPLOAD' | 'IMAGE_REMOVE' | 'CREATE' | 'LIST' | 'DELETE' | 'UPDATE' | 'ITEM' | 'PARTIAL_UPDATE' | 'WIDGET_TYPES' | 'SELECTION_TYPES' | 'COLLECTION_DATA' | 'GET_ONE' | 'CATEGORIES';
+export type ACTION_TYPES = 'IMAGE_UPLOAD' | 'IMAGE_REMOVE' | 'CREATE' | 'LIST' | 'DELETE' | 'UPDATE' | 'ITEM' | 'PARTIAL_UPDATE' | 'WIDGET_TYPES' | 'SELECTION_TYPES' | 'COLLECTION_DATA' | 'GET_ONE';
 export type API_TYPE = {
     url: string;
     method: string;
@@ -18,10 +18,6 @@ export type WidgetType = {
     value: string;
     label: string;
 };
-export type Category = {
-    value: string;
-    label: string;
-};
 export interface BaseAPIProps {
     config?: any;
     baseUrl: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { WidgetType, ItemsType, Category } from './api';
+import { WidgetType, ItemsType } from './api';
 import { FormActionTypes, OptionType } from './common';
 export interface ProviderContextType {
     baseUrl: string;
@@ -43,7 +43,6 @@ export interface WidgetContextType {
     onImageRemove: (id: string) => Promise<void>;
     itemsTypes: ItemsType[];
     widgetTypes: WidgetType[];
-    categories: Category[];
     getCollectionData: (collectionName: string, search?: string, callback?: (options: OptionType[]) => void, collectionItems?: string[]) => Promise<void>;
     collectionDataLoading: boolean;
     collectionData: any[];