@knovator/pagecreator-admin 1.0.0 → 1.1.0

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 (5) hide show
  1. package/index.cjs +23 -3
  2. package/index.js +23 -3
  3. package/package.json +1 -1
  4. package/src/lib/constants/common.d.ts +4 -0
  5. package/src/lib/types/components.d.ts +4 -0
package/index.cjs CHANGED
@@ -1773,7 +1773,11 @@ const TRANSLATION_PAIRS_WIDGET = {
1773
1773
  minScreenSize: 'ScreenSize should be greater than 0',
1774
1774
  minWidth: 'Width should be greater than 0',
1775
1775
  minHeight: 'Height should be greater than 0',
1776
- deleteTitle: 'Are you sure you want to delete this item?'
1776
+ deleteTitle: 'Are you sure you want to delete this item?',
1777
+ textContent: 'Text',
1778
+ textContentRequired: 'Text is required',
1779
+ textContentInfo: 'HTML is supported',
1780
+ textContentPlaceholder: 'Enter text'
1777
1781
  };
1778
1782
  const TRANSLATION_PAIRS_PAGE = {
1779
1783
  widgets: 'Widgets',
@@ -7276,10 +7280,23 @@ const WidgetForm = ({
7276
7280
  type: 'checkbox',
7277
7281
  show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Carousel',
7278
7282
  switchClass: switchClass
7283
+ }, {
7284
+ label: widgetTranslations.textContent,
7285
+ accessor: 'textContent',
7286
+ required: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Text',
7287
+ type: customInputs && customInputs['textContent'] ? undefined : 'text',
7288
+ placeholder: widgetTranslations.textContentPlaceholder,
7289
+ validations: {
7290
+ required: widgetTranslations.textContentRequired
7291
+ },
7292
+ info: widgetTranslations.textContentInfo,
7293
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Text',
7294
+ Input: customInputs && customInputs['textContent'] ? customInputs['textContent'] : undefined
7279
7295
  }, {
7280
7296
  label: widgetTranslations.itemsType,
7281
7297
  required: true,
7282
7298
  editable: false,
7299
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
7283
7300
  accessor: 'itemsType',
7284
7301
  type: 'select',
7285
7302
  validations: {
@@ -7295,6 +7312,7 @@ const WidgetForm = ({
7295
7312
  label: widgetTranslations.webPerRow,
7296
7313
  accessor: 'webPerRow',
7297
7314
  type: 'number',
7315
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
7298
7316
  required: true,
7299
7317
  placeholder: widgetTranslations.webPerRowPlaceholder,
7300
7318
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1',
@@ -7309,6 +7327,7 @@ const WidgetForm = ({
7309
7327
  label: widgetTranslations.tabletPerRow,
7310
7328
  accessor: 'tabletPerRow',
7311
7329
  type: 'number',
7330
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
7312
7331
  required: true,
7313
7332
  placeholder: widgetTranslations.tabletPerRowPlaceholder,
7314
7333
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-left-1',
@@ -7323,6 +7342,7 @@ const WidgetForm = ({
7323
7342
  label: widgetTranslations.mobilePerRow,
7324
7343
  accessor: 'mobilePerRow',
7325
7344
  type: 'number',
7345
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
7326
7346
  required: true,
7327
7347
  placeholder: widgetTranslations.mobilePerRowPlaceholder,
7328
7348
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1 khb_padding-left-1',
@@ -7345,7 +7365,7 @@ const WidgetForm = ({
7345
7365
  onChange: setSelectedCollectionItems,
7346
7366
  loadOptions: onChangeSearch,
7347
7367
  isLoading: collectionDataLoading,
7348
- show: !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs',
7368
+ show: !itemsEnabled && ((selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text'),
7349
7369
  formatOptionLabel: formatOptionLabel,
7350
7370
  listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value,
7351
7371
  customStyles: reactSelectStyles || {},
@@ -7392,7 +7412,7 @@ const WidgetForm = ({
7392
7412
  onDragEnd: onCollectionIndexChange,
7393
7413
  formatItem: formatListItem,
7394
7414
  listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
7395
- }), 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, {
7415
+ }), !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, {
7396
7416
  languages: languages,
7397
7417
  clearError: clearErrors,
7398
7418
  collapseId: constants.webItems,
package/index.js CHANGED
@@ -1761,7 +1761,11 @@ const TRANSLATION_PAIRS_WIDGET = {
1761
1761
  minScreenSize: 'ScreenSize should be greater than 0',
1762
1762
  minWidth: 'Width should be greater than 0',
1763
1763
  minHeight: 'Height should be greater than 0',
1764
- deleteTitle: 'Are you sure you want to delete this item?'
1764
+ deleteTitle: 'Are you sure you want to delete this item?',
1765
+ textContent: 'Text',
1766
+ textContentRequired: 'Text is required',
1767
+ textContentInfo: 'HTML is supported',
1768
+ textContentPlaceholder: 'Enter text'
1765
1769
  };
1766
1770
  const TRANSLATION_PAIRS_PAGE = {
1767
1771
  widgets: 'Widgets',
@@ -7264,10 +7268,23 @@ const WidgetForm = ({
7264
7268
  type: 'checkbox',
7265
7269
  show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Carousel',
7266
7270
  switchClass: switchClass
7271
+ }, {
7272
+ label: widgetTranslations.textContent,
7273
+ accessor: 'textContent',
7274
+ required: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Text',
7275
+ type: customInputs && customInputs['textContent'] ? undefined : 'text',
7276
+ placeholder: widgetTranslations.textContentPlaceholder,
7277
+ validations: {
7278
+ required: widgetTranslations.textContentRequired
7279
+ },
7280
+ info: widgetTranslations.textContentInfo,
7281
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) === 'Text',
7282
+ Input: customInputs && customInputs['textContent'] ? customInputs['textContent'] : undefined
7267
7283
  }, {
7268
7284
  label: widgetTranslations.itemsType,
7269
7285
  required: true,
7270
7286
  editable: false,
7287
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
7271
7288
  accessor: 'itemsType',
7272
7289
  type: 'select',
7273
7290
  validations: {
@@ -7283,6 +7300,7 @@ const WidgetForm = ({
7283
7300
  label: widgetTranslations.webPerRow,
7284
7301
  accessor: 'webPerRow',
7285
7302
  type: 'number',
7303
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
7286
7304
  required: true,
7287
7305
  placeholder: widgetTranslations.webPerRowPlaceholder,
7288
7306
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1',
@@ -7297,6 +7315,7 @@ const WidgetForm = ({
7297
7315
  label: widgetTranslations.tabletPerRow,
7298
7316
  accessor: 'tabletPerRow',
7299
7317
  type: 'number',
7318
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
7300
7319
  required: true,
7301
7320
  placeholder: widgetTranslations.tabletPerRowPlaceholder,
7302
7321
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-left-1',
@@ -7311,6 +7330,7 @@ const WidgetForm = ({
7311
7330
  label: widgetTranslations.mobilePerRow,
7312
7331
  accessor: 'mobilePerRow',
7313
7332
  type: 'number',
7333
+ show: (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text',
7314
7334
  required: true,
7315
7335
  placeholder: widgetTranslations.mobilePerRowPlaceholder,
7316
7336
  wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1 khb_padding-left-1',
@@ -7333,7 +7353,7 @@ const WidgetForm = ({
7333
7353
  onChange: setSelectedCollectionItems,
7334
7354
  loadOptions: onChangeSearch,
7335
7355
  isLoading: collectionDataLoading,
7336
- show: !itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs',
7356
+ show: !itemsEnabled && ((selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' || (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Text'),
7337
7357
  formatOptionLabel: formatOptionLabel,
7338
7358
  listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value,
7339
7359
  customStyles: reactSelectStyles || {},
@@ -7380,7 +7400,7 @@ const WidgetForm = ({
7380
7400
  onDragEnd: onCollectionIndexChange,
7381
7401
  formatItem: formatListItem,
7382
7402
  listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
7383
- }), itemsEnabled && (selectedWidgetType === null || selectedWidgetType === void 0 ? void 0 : selectedWidgetType.value) !== 'Tabs' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemsAccordian, {
7403
+ }), !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, {
7384
7404
  languages: languages,
7385
7405
  clearError: clearErrors,
7386
7406
  collapseId: constants.webItems,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knovator/pagecreator-admin",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "dependencies": {
5
5
  "classnames": "^2.3.1",
6
6
  "react-beautiful-dnd": "^13.1.0",
package/src/lib/constants/common.d.ts CHANGED
@@ -102,6 +102,10 @@ declare const TRANSLATION_PAIRS_WIDGET: {
102
102
  minWidth: string;
103
103
  minHeight: string;
104
104
  deleteTitle: string;
105
+ textContent: string;
106
+ textContentRequired: string;
107
+ textContentInfo: string;
108
+ textContentPlaceholder: string;
105
109
  };
106
110
  declare const TRANSLATION_PAIRS_PAGE: {
107
111
  widgets: string;
package/src/lib/types/components.d.ts CHANGED
@@ -185,6 +185,10 @@ export interface WidgetTranslationPairs {
185
185
  minWidth: string;
186
186
  minHeight: string;
187
187
  deleteTitle: string;
188
+ textContent: string;
189
+ textContentRequired: string;
190
+ textContentInfo: string;
191
+ textContentPlaceholder: string;
188
192
  }
189
193
  export interface WidgetProps {
190
194
  loader?: any;