@knovator/pagecreator-admin 0.7.6 → 0.8.1

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
  1. package/index.cjs +12 -10
  2. package/index.js +12 -10
  3. package/package.json +1 -1
package/index.cjs CHANGED
@@ -6788,7 +6788,8 @@ const WidgetForm = ({
6788
6788
  const [tabCollectionItemsUpdated, setTabCollectionItemsUpdated] = React.useState([]);
6789
6789
  React.useEffect(() => {
6790
6790
  if (data && formState === 'UPDATE') {
6791
- setSelectedWidgetType(data === null || data === void 0 ? void 0 : data.widgetType);
6791
+ const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
6792
+ setSelectedWidgetType(widgetType);
6792
6793
  if ((data === null || data === void 0 ? void 0 : data.itemsType) === 'Image') {
6793
6794
  setItemsEnabled(true);
6794
6795
  } else {
@@ -6798,7 +6799,7 @@ const WidgetForm = ({
6798
6799
  setSelectedCollectionType(itemsTypes.find(item => item.value === (data === null || data === void 0 ? void 0 : data.collectionName)));
6799
6800
  }
6800
6801
  }
6801
- }, [data, formState, itemsTypes]);
6802
+ }, [data, formState, itemsTypes, widgetTypes]);
6802
6803
  React.useEffect(() => {
6803
6804
  if (formState === 'ADD') {
6804
6805
  setSelectedCollectionItems([]);
@@ -6879,7 +6880,8 @@ const WidgetForm = ({
6879
6880
  // Widget Form Functions
6880
6881
  const onWidgetFormInputChange = React.useCallback((value, name) => {
6881
6882
  if (name === 'widgetType') {
6882
- setSelectedWidgetType(value[name]);
6883
+ const widgetType = widgetTypes.find(type => type.value === value[name]);
6884
+ setSelectedWidgetType(widgetType);
6883
6885
  if (value[name] === 'Tabs') {
6884
6886
  const firstItemType = getFirstItemTypeValue(value[name]);
6885
6887
  if (firstItemType) {
@@ -6898,7 +6900,7 @@ const WidgetForm = ({
6898
6900
  } else if ((name === null || name === void 0 ? void 0 : name.includes(constants.tabsAccessor)) && Array.isArray(value[constants.tabsAccessor])) {
6899
6901
  setTabCollectionItems(value[constants.tabsAccessor].map(tabItem => tabItem[constants.tabCollectionItemsAccessor]));
6900
6902
  }
6901
- }, [getFirstItemTypeValue, itemsTypes]);
6903
+ }, [getFirstItemTypeValue, itemsTypes, widgetTypes]);
6902
6904
  const onFormSubmit = data => {
6903
6905
  var _a, _b;
6904
6906
  const formData = Object.assign({}, data);
@@ -7023,7 +7025,7 @@ const WidgetForm = ({
7023
7025
  label: t('widget.autoPlay'),
7024
7026
  accessor: 'autoPlay',
7025
7027
  type: 'checkbox',
7026
- show: selectedWidgetType === 'Carousel',
7028
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Carousel',
7027
7029
  switchClass: switchClass
7028
7030
  }, {
7029
7031
  label: `${t('widget.itemsType')}`,
@@ -7034,7 +7036,7 @@ const WidgetForm = ({
7034
7036
  validations: {
7035
7037
  required: t('widget.itemsTypePlaceholder')
7036
7038
  },
7037
- options: selectedWidgetType === 'Tabs' ? itemsTypes.filter(item => item.label !== 'Image') : itemsTypes
7039
+ 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
7038
7040
  }, {
7039
7041
  label: t('widget.color'),
7040
7042
  accessor: 'backgroundColor',
@@ -7094,7 +7096,7 @@ const WidgetForm = ({
7094
7096
  onChange: setSelectedCollectionItems,
7095
7097
  loadOptions: onChangeSearch,
7096
7098
  isLoading: collectionDataLoading,
7097
- show: !itemsEnabled && selectedWidgetType !== 'Tabs',
7099
+ show: !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs',
7098
7100
  formatOptionLabel: formatOptionLabel,
7099
7101
  listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value,
7100
7102
  customStyles: reactSelectStyles || {},
@@ -7114,7 +7116,7 @@ const WidgetForm = ({
7114
7116
  setValue: setValue,
7115
7117
  control: control,
7116
7118
  setError: setError
7117
- }), selectedWidgetType === 'Tabs' ? /*#__PURE__*/React__default["default"].createElement(Tabs, {
7119
+ }), (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Tabs' ? /*#__PURE__*/React__default["default"].createElement(Tabs, {
7118
7120
  control: control,
7119
7121
  register: register,
7120
7122
  deleteTitle: t('widget.tabDeleteTitle'),
@@ -7133,12 +7135,12 @@ const WidgetForm = ({
7133
7135
  customStyles: reactSelectStyles || {},
7134
7136
  activeTab: activeTab,
7135
7137
  setActiveTab: setActiveTab
7136
- }) : null, !itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
7138
+ }) : null, !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
7137
7139
  items: selectedCollectionItems,
7138
7140
  onDragEnd: onCollectionIndexChange,
7139
7141
  formatItem: formatListItem,
7140
7142
  listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
7141
- }), itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
7143
+ }), 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, {
7142
7144
  clearError: clearErrors,
7143
7145
  collapseId: constants.webItems,
7144
7146
  title: t('widget.webItems'),
package/index.js CHANGED
@@ -6776,7 +6776,8 @@ const WidgetForm = ({
6776
6776
  const [tabCollectionItemsUpdated, setTabCollectionItemsUpdated] = useState([]);
6777
6777
  useEffect(() => {
6778
6778
  if (data && formState === 'UPDATE') {
6779
- setSelectedWidgetType(data === null || data === void 0 ? void 0 : data.widgetType);
6779
+ const widgetType = widgetTypes.find(type => type.value === (data === null || data === void 0 ? void 0 : data.widgetType));
6780
+ setSelectedWidgetType(widgetType);
6780
6781
  if ((data === null || data === void 0 ? void 0 : data.itemsType) === 'Image') {
6781
6782
  setItemsEnabled(true);
6782
6783
  } else {
@@ -6786,7 +6787,7 @@ const WidgetForm = ({
6786
6787
  setSelectedCollectionType(itemsTypes.find(item => item.value === (data === null || data === void 0 ? void 0 : data.collectionName)));
6787
6788
  }
6788
6789
  }
6789
- }, [data, formState, itemsTypes]);
6790
+ }, [data, formState, itemsTypes, widgetTypes]);
6790
6791
  useEffect(() => {
6791
6792
  if (formState === 'ADD') {
6792
6793
  setSelectedCollectionItems([]);
@@ -6867,7 +6868,8 @@ const WidgetForm = ({
6867
6868
  // Widget Form Functions
6868
6869
  const onWidgetFormInputChange = useCallback((value, name) => {
6869
6870
  if (name === 'widgetType') {
6870
- setSelectedWidgetType(value[name]);
6871
+ const widgetType = widgetTypes.find(type => type.value === value[name]);
6872
+ setSelectedWidgetType(widgetType);
6871
6873
  if (value[name] === 'Tabs') {
6872
6874
  const firstItemType = getFirstItemTypeValue(value[name]);
6873
6875
  if (firstItemType) {
@@ -6886,7 +6888,7 @@ const WidgetForm = ({
6886
6888
  } else if ((name === null || name === void 0 ? void 0 : name.includes(constants.tabsAccessor)) && Array.isArray(value[constants.tabsAccessor])) {
6887
6889
  setTabCollectionItems(value[constants.tabsAccessor].map(tabItem => tabItem[constants.tabCollectionItemsAccessor]));
6888
6890
  }
6889
- }, [getFirstItemTypeValue, itemsTypes]);
6891
+ }, [getFirstItemTypeValue, itemsTypes, widgetTypes]);
6890
6892
  const onFormSubmit = data => {
6891
6893
  var _a, _b;
6892
6894
  const formData = Object.assign({}, data);
@@ -7011,7 +7013,7 @@ const WidgetForm = ({
7011
7013
  label: t('widget.autoPlay'),
7012
7014
  accessor: 'autoPlay',
7013
7015
  type: 'checkbox',
7014
- show: selectedWidgetType === 'Carousel',
7016
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Carousel',
7015
7017
  switchClass: switchClass
7016
7018
  }, {
7017
7019
  label: `${t('widget.itemsType')}`,
@@ -7022,7 +7024,7 @@ const WidgetForm = ({
7022
7024
  validations: {
7023
7025
  required: t('widget.itemsTypePlaceholder')
7024
7026
  },
7025
- options: selectedWidgetType === 'Tabs' ? itemsTypes.filter(item => item.label !== 'Image') : itemsTypes
7027
+ 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
7026
7028
  }, {
7027
7029
  label: t('widget.color'),
7028
7030
  accessor: 'backgroundColor',
@@ -7082,7 +7084,7 @@ const WidgetForm = ({
7082
7084
  onChange: setSelectedCollectionItems,
7083
7085
  loadOptions: onChangeSearch,
7084
7086
  isLoading: collectionDataLoading,
7085
- show: !itemsEnabled && selectedWidgetType !== 'Tabs',
7087
+ show: !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs',
7086
7088
  formatOptionLabel: formatOptionLabel,
7087
7089
  listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value,
7088
7090
  customStyles: reactSelectStyles || {},
@@ -7102,7 +7104,7 @@ const WidgetForm = ({
7102
7104
  setValue: setValue,
7103
7105
  control: control,
7104
7106
  setError: setError
7105
- }), selectedWidgetType === 'Tabs' ? /*#__PURE__*/React.createElement(Tabs, {
7107
+ }), (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Tabs' ? /*#__PURE__*/React.createElement(Tabs, {
7106
7108
  control: control,
7107
7109
  register: register,
7108
7110
  deleteTitle: t('widget.tabDeleteTitle'),
@@ -7121,12 +7123,12 @@ const WidgetForm = ({
7121
7123
  customStyles: reactSelectStyles || {},
7122
7124
  activeTab: activeTab,
7123
7125
  setActiveTab: setActiveTab
7124
- }) : null, !itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React.createElement(DNDItemsList, {
7126
+ }) : null, !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React.createElement(DNDItemsList, {
7125
7127
  items: selectedCollectionItems,
7126
7128
  onDragEnd: onCollectionIndexChange,
7127
7129
  formatItem: formatListItem,
7128
7130
  listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
7129
- }), itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemsAccordian, {
7131
+ }), itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemsAccordian, {
7130
7132
  clearError: clearErrors,
7131
7133
  collapseId: constants.webItems,
7132
7134
  title: t('widget.webItems'),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knovator/pagecreator-admin",
3
- "version": "0.7.6",
3
+ "version": "0.8.1",
4
4
  "dependencies": {
5
5
  "classnames": "^2.3.1",
6
6
  "react-beautiful-dnd": "^13.1.0",