npm - @knovator/pagecreator-admin - Versions diffs - 1.1.0 → 1.1.2 - Mend

@knovator/pagecreator-admin 1.1.0 → 1.1.2

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 (3) hide show

package/index.cjs CHANGED Viewed

@@ -6991,12 +6991,12 @@ const WidgetForm = ({
     if (data && formState === 'UPDATE') {
       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') {
+      if ((data === null || data === void 0 ? void 0 : data.itemsType) === constants.imageItemsTypeValue) {
         setItemsEnabled(true);
       } else {
         setItemsEnabled(false);
       }
-      if ((data === null || data === void 0 ? void 0 : data.collectionName) !== 'Image' && itemsTypes && itemsTypes.length > 0) {
+      if ((data === null || data === void 0 ? void 0 : data.collectionName) !== constants.imageItemsTypeValue && itemsTypes && itemsTypes.length > 0) {
         setSelectedCollectionType(itemsTypes.find(item => item.value === (data === null || data === void 0 ? void 0 : data.collectionName)));
       }
     }
@@ -7018,7 +7018,7 @@ const WidgetForm = ({
     let valueToSet = '';
     if (formState === 'UPDATE') {
       if (data[constants.widgetTypeAccessor] === constants.tabsWidgetTypeValue) {
-        collectionItems = data[constants.tabsAccessor][activeTab] ? data[constants.tabsAccessor][activeTab]['collectionItems'] : [];
+        collectionItems = data[constants.tabsAccessor][activeTab] ? data[constants.tabsAccessor][activeTab][constants.collectionItemsAccessor] : [];
         valueToSet = `${constants.tabsAccessor}.${activeTab}.${constants.tabCollectionItemsAccessor}`;
       } else if (Array.isArray(data[constants.collectionItemsAccessor]) && data[constants.collectionItemsAccessor].length > 0) {
         if (collectionItemsUpdated) collectionItems = selectedCollectionItems.map(
@@ -7072,7 +7072,7 @@ const WidgetForm = ({
     return event;
   }
   const getFirstItemTypeValue = React.useCallback(widgetType => {
-    const derivedItemTypes = widgetType === constants.tabsWidgetTypeValue ? itemsTypes.filter(item => item.label !== 'Image') : itemsTypes;
+    const derivedItemTypes = widgetType === constants.tabsWidgetTypeValue ? itemsTypes.filter(item => item.label !== constants.imageItemsTypeValue) : itemsTypes;
     return derivedItemTypes[0];
   }, [itemsTypes]);
   const getFirstWidgetTypeValue = React.useCallback(() => {
@@ -7080,10 +7080,10 @@ const WidgetForm = ({
   }, [widgetTypes]);
   // Widget Form Functions
   const onWidgetFormInputChange = React.useCallback((value, name) => {
-    if (name === 'widgetType') {
+    if (name === constants.widgetTypeAccessor) {
       const widgetType = widgetTypes.find(type => type.value === value[name]);
       setSelectedWidgetType(widgetType);
-      if (value[name] === 'Tabs') {
+      if (value[name] === constants.tabsWidgetTypeValue) {
         const firstItemType = getFirstItemTypeValue(value[name]);
         if (firstItemType) {
           setSelectedCollectionType(firstItemType);
@@ -7136,7 +7136,7 @@ const WidgetForm = ({
       formData[constants.widgetTypeAccessor] = getFirstWidgetTypeValue();
     }
     // setting tabs data if widgetType tab is selected
-    const tabsData = getValues('tabs');
+    const tabsData = getValues(constants.tabsAccessor);
     if (Array.isArray(tabsData) && tabsData.length > 0) {
       const isTabsValid = validateTabs(tabsData);
       if (!isTabsValid) return;
@@ -7154,11 +7154,11 @@ const WidgetForm = ({
     }
     // setting collectionName if widgetType is FixedCard or Carousel and FormState
     if (formData[constants.itemTypeAccessor] !== constants.imageItemsTypeValue && formState === 'ADD') {
-      formData['collectionName'] = selectedCollectionType ? selectedCollectionType.value : (_b = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _b === void 0 ? void 0 : _b.value;
+      formData[constants.collectionNameAccessor] = selectedCollectionType ? selectedCollectionType.value : (_b = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _b === void 0 ? void 0 : _b.value;
     }
     // setting colleciton items if collectionItems are there
     if (Array.isArray(selectedCollectionItems) && selectedCollectionItems.length > 0) {
-      formData['collectionItems'] = selectedCollectionItems.map(item => item.value);
+      formData[constants.collectionItemsAccessor] = selectedCollectionItems.map(item => item.value);
     }
     let items = [...(getValues(constants.webItems) || []), ...(getValues(constants.mobileItems) || [])];
     items = items.map(_a => {
@@ -7268,7 +7268,7 @@ const WidgetForm = ({
     label: widgetTranslations.widgetType,
     required: true,
     editable: false,
-    accessor: 'widgetType',
+    accessor: constants.widgetTypeAccessor,
     type: 'select',
     validations: {
       required: widgetTranslations.widgetTypeRequired
@@ -7297,12 +7297,12 @@ const WidgetForm = ({
     required: true,
     editable: false,
     show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
-    accessor: 'itemsType',
+    accessor: constants.itemTypeAccessor,
     type: 'select',
     validations: {
       required: widgetTranslations.itemsTypePlaceholder
     },
-    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
+    options: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === constants.tabsWidgetTypeValue || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.collectionsOnly) ? itemsTypes.filter(item => item.label !== constants.imageItemsTypeValue) : (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.imageOnly) ? itemsTypes.filter(item => item.label === constants.imageItemsTypeValue) : itemsTypes
   }, {
     label: widgetTranslations.color,
     accessor: 'backgroundColor',
@@ -7356,7 +7356,7 @@ const WidgetForm = ({
   }, {
     label: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label,
     placeholder: `Select ${selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label}...`,
-    accessor: 'collectionItems',
+    accessor: constants.collectionItemsAccessor,
     type: 'ReactSelect',
     options: collectionData,
     selectedOptions: selectedCollectionItems,
@@ -7365,7 +7365,7 @@ const WidgetForm = ({
     onChange: setSelectedCollectionItems,
     loadOptions: onChangeSearch,
     isLoading: collectionDataLoading,
-    show: !itemsEnabled && ((selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text'),
+    show: !itemsEnabled && ((selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === constants.carouselWidgetTypeValue || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === constants.fixedCardWidgetTypeValue),
     formatOptionLabel: formatOptionLabel,
     listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value,
     customStyles: reactSelectStyles || {},
@@ -7386,7 +7386,7 @@ const WidgetForm = ({
     control: control,
     setError: setError,
     languages: languages
-  }), (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Tabs' ? /*#__PURE__*/React__default["default"].createElement(Tabs, {
+  }), (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === constants.tabsWidgetTypeValue ? /*#__PURE__*/React__default["default"].createElement(Tabs, {
     clearErrors: clearErrors,
     getValues: getValues,
     setValue: setValue,
@@ -7407,12 +7407,12 @@ const WidgetForm = ({
     customStyles: reactSelectStyles || {},
     activeTab: activeTab,
     setActiveTab: setActiveTab
-  }) : null, !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
+  }) : null, !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.tabsWidgetTypeValue && /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
     items: selectedCollectionItems,
     onDragEnd: onCollectionIndexChange,
     formatItem: formatListItem,
     listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
-  }), !itemsEnabled && ((selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text') && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
+  }), itemsEnabled && selectedCollectionType === undefined && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
     languages: languages,
     clearError: clearErrors,
     collapseId: constants.webItems,

package/index.js CHANGED Viewed

@@ -6979,12 +6979,12 @@ const WidgetForm = ({
     if (data && formState === 'UPDATE') {
       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') {
+      if ((data === null || data === void 0 ? void 0 : data.itemsType) === constants.imageItemsTypeValue) {
         setItemsEnabled(true);
       } else {
         setItemsEnabled(false);
       }
-      if ((data === null || data === void 0 ? void 0 : data.collectionName) !== 'Image' && itemsTypes && itemsTypes.length > 0) {
+      if ((data === null || data === void 0 ? void 0 : data.collectionName) !== constants.imageItemsTypeValue && itemsTypes && itemsTypes.length > 0) {
         setSelectedCollectionType(itemsTypes.find(item => item.value === (data === null || data === void 0 ? void 0 : data.collectionName)));
       }
     }
@@ -7006,7 +7006,7 @@ const WidgetForm = ({
     let valueToSet = '';
     if (formState === 'UPDATE') {
       if (data[constants.widgetTypeAccessor] === constants.tabsWidgetTypeValue) {
-        collectionItems = data[constants.tabsAccessor][activeTab] ? data[constants.tabsAccessor][activeTab]['collectionItems'] : [];
+        collectionItems = data[constants.tabsAccessor][activeTab] ? data[constants.tabsAccessor][activeTab][constants.collectionItemsAccessor] : [];
         valueToSet = `${constants.tabsAccessor}.${activeTab}.${constants.tabCollectionItemsAccessor}`;
       } else if (Array.isArray(data[constants.collectionItemsAccessor]) && data[constants.collectionItemsAccessor].length > 0) {
         if (collectionItemsUpdated) collectionItems = selectedCollectionItems.map(
@@ -7060,7 +7060,7 @@ const WidgetForm = ({
     return event;
   }
   const getFirstItemTypeValue = useCallback(widgetType => {
-    const derivedItemTypes = widgetType === constants.tabsWidgetTypeValue ? itemsTypes.filter(item => item.label !== 'Image') : itemsTypes;
+    const derivedItemTypes = widgetType === constants.tabsWidgetTypeValue ? itemsTypes.filter(item => item.label !== constants.imageItemsTypeValue) : itemsTypes;
     return derivedItemTypes[0];
   }, [itemsTypes]);
   const getFirstWidgetTypeValue = useCallback(() => {
@@ -7068,10 +7068,10 @@ const WidgetForm = ({
   }, [widgetTypes]);
   // Widget Form Functions
   const onWidgetFormInputChange = useCallback((value, name) => {
-    if (name === 'widgetType') {
+    if (name === constants.widgetTypeAccessor) {
       const widgetType = widgetTypes.find(type => type.value === value[name]);
       setSelectedWidgetType(widgetType);
-      if (value[name] === 'Tabs') {
+      if (value[name] === constants.tabsWidgetTypeValue) {
         const firstItemType = getFirstItemTypeValue(value[name]);
         if (firstItemType) {
           setSelectedCollectionType(firstItemType);
@@ -7124,7 +7124,7 @@ const WidgetForm = ({
       formData[constants.widgetTypeAccessor] = getFirstWidgetTypeValue();
     }
     // setting tabs data if widgetType tab is selected
-    const tabsData = getValues('tabs');
+    const tabsData = getValues(constants.tabsAccessor);
     if (Array.isArray(tabsData) && tabsData.length > 0) {
       const isTabsValid = validateTabs(tabsData);
       if (!isTabsValid) return;
@@ -7142,11 +7142,11 @@ const WidgetForm = ({
     }
     // setting collectionName if widgetType is FixedCard or Carousel and FormState
     if (formData[constants.itemTypeAccessor] !== constants.imageItemsTypeValue && formState === 'ADD') {
-      formData['collectionName'] = selectedCollectionType ? selectedCollectionType.value : (_b = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _b === void 0 ? void 0 : _b.value;
+      formData[constants.collectionNameAccessor] = selectedCollectionType ? selectedCollectionType.value : (_b = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _b === void 0 ? void 0 : _b.value;
     }
     // setting colleciton items if collectionItems are there
     if (Array.isArray(selectedCollectionItems) && selectedCollectionItems.length > 0) {
-      formData['collectionItems'] = selectedCollectionItems.map(item => item.value);
+      formData[constants.collectionItemsAccessor] = selectedCollectionItems.map(item => item.value);
     }
     let items = [...(getValues(constants.webItems) || []), ...(getValues(constants.mobileItems) || [])];
     items = items.map(_a => {
@@ -7256,7 +7256,7 @@ const WidgetForm = ({
     label: widgetTranslations.widgetType,
     required: true,
     editable: false,
-    accessor: 'widgetType',
+    accessor: constants.widgetTypeAccessor,
     type: 'select',
     validations: {
       required: widgetTranslations.widgetTypeRequired
@@ -7285,12 +7285,12 @@ const WidgetForm = ({
     required: true,
     editable: false,
     show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
-    accessor: 'itemsType',
+    accessor: constants.itemTypeAccessor,
     type: 'select',
     validations: {
       required: widgetTranslations.itemsTypePlaceholder
     },
-    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
+    options: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === constants.tabsWidgetTypeValue || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.collectionsOnly) ? itemsTypes.filter(item => item.label !== constants.imageItemsTypeValue) : (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.imageOnly) ? itemsTypes.filter(item => item.label === constants.imageItemsTypeValue) : itemsTypes
   }, {
     label: widgetTranslations.color,
     accessor: 'backgroundColor',
@@ -7344,7 +7344,7 @@ const WidgetForm = ({
   }, {
     label: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label,
     placeholder: `Select ${selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label}...`,
-    accessor: 'collectionItems',
+    accessor: constants.collectionItemsAccessor,
     type: 'ReactSelect',
     options: collectionData,
     selectedOptions: selectedCollectionItems,
@@ -7353,7 +7353,7 @@ const WidgetForm = ({
     onChange: setSelectedCollectionItems,
     loadOptions: onChangeSearch,
     isLoading: collectionDataLoading,
-    show: !itemsEnabled && ((selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text'),
+    show: !itemsEnabled && ((selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === constants.carouselWidgetTypeValue || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === constants.fixedCardWidgetTypeValue),
     formatOptionLabel: formatOptionLabel,
     listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value,
     customStyles: reactSelectStyles || {},
@@ -7374,7 +7374,7 @@ const WidgetForm = ({
     control: control,
     setError: setError,
     languages: languages
-  }), (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Tabs' ? /*#__PURE__*/React.createElement(Tabs, {
+  }), (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === constants.tabsWidgetTypeValue ? /*#__PURE__*/React.createElement(Tabs, {
     clearErrors: clearErrors,
     getValues: getValues,
     setValue: setValue,
@@ -7395,12 +7395,12 @@ const WidgetForm = ({
     customStyles: reactSelectStyles || {},
     activeTab: activeTab,
     setActiveTab: setActiveTab
-  }) : null, !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React.createElement(DNDItemsList, {
+  }) : null, !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== constants.tabsWidgetTypeValue && /*#__PURE__*/React.createElement(DNDItemsList, {
     items: selectedCollectionItems,
     onDragEnd: onCollectionIndexChange,
     formatItem: formatListItem,
     listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
-  }), !itemsEnabled && ((selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemsAccordian, {
+  }), itemsEnabled && selectedCollectionType === undefined && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemsAccordian, {
     languages: languages,
     clearError: clearErrors,
     collapseId: constants.webItems,

package/package.json CHANGED Viewed

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