@knovator/pagecreator-admin 0.7.3 → 0.7.5

package/index.cjs

@@ -1757,7 +1757,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.tabDeleteTitle': 'Are you sure you want to delete this tab?',
   'widget.widgetTitleInfo': 'HTML is supported',
   'widget.minPerRow': 'Value must be greater than zero',
-  'widget.actionsLabel': 'Actions'
+  'widget.actionsLabel': 'Actions',
+  'widget.tabNameRequired': 'Tab Name is required'
 };
 const TRANSLATION_PAIRS_ITEM = {
   'item.title': 'Title',
@@ -4230,6 +4231,7 @@ const DeleteModal = ({
   confirm,
   typeHerePlaceholder
 }) => {
+  var _a;
   const [userInput, setUserInput] = React.useState('');
   React.useEffect(() => {
     setUserInput('');
@@ -4250,13 +4252,14 @@ const DeleteModal = ({
     className: "khb_delete-actions"
   }, /*#__PURE__*/React__default["default"].createElement(Input, {
     placeholder: typeHerePlaceholder || TRANSLATION_PAIRS_COMMON.typeHerePlaceholder,
+    wrapperClassName: "w-full",
     className: "khb_delete-input",
     value: userInput,
     onChange: e => setUserInput(e.target.value)
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "khb_delete-buttons"
   }, /*#__PURE__*/React__default["default"].createElement(Button, {
-    disabled: userInput !== (itemData === null || itemData === void 0 ? void 0 : itemData['name']),
+    disabled: userInput.toString().trim() !== ((_a = itemData === null || itemData === void 0 ? void 0 : itemData['name']) === null || _a === void 0 ? void 0 : _a.trim()),
     onClick: onConfirmDelete
   }, confirm || TRANSLATION_PAIRS_COMMON.confirm)))) : null;
 };
@@ -6580,6 +6583,7 @@ const TabItem = ({
   deleteTitle,
   onRemoveTab,
   register,
+  error,
   noButtonText,
   yesButtonText
 }) => {
@@ -6587,8 +6591,13 @@ const TabItem = ({
     type: "text",
     className: "khb_tabs-input",
     autoFocus: true,
+    style: {
+      display: 'block'
+    },
     disabled: isDisabled
-  }, register || {})), showDelete ? /*#__PURE__*/React__default["default"].createElement(ConfirmPopOver, {
+  }, register || {})), error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "khb_input-error "
+  }, error), showDelete ? /*#__PURE__*/React__default["default"].createElement(ConfirmPopOver, {
     onConfirm: onRemoveTab,
     title: deleteTitle,
     confirmText: yesButtonText,
@@ -6599,6 +6608,7 @@ const TabItem = ({
 };
 
 const Tabs = ({
+  errors,
   activeTab,
   setActiveTab,
   options,
@@ -6615,6 +6625,7 @@ const Tabs = ({
   itemsPlaceholder,
   formatOptionLabel,
   tabCollectionItems,
+  tabNameRequiredText,
   onCollectionItemsIndexChange
 }) => {
   const {
@@ -6641,6 +6652,7 @@ const Tabs = ({
   }, /*#__PURE__*/React__default["default"].createElement(reactTabs.TabList, {
     className: "khb_tabs-list"
   }, tabFields === null || tabFields === void 0 ? void 0 : tabFields.map((field, index) => {
+    var _a, _b, _c;
     return /*#__PURE__*/React__default["default"].createElement(reactTabs.Tab, {
       key: field.id,
       className: classNames__default["default"]('khb_tabs-item', {
@@ -6649,11 +6661,14 @@ const Tabs = ({
     }, /*#__PURE__*/React__default["default"].createElement(TabItem, {
       key: field.id,
       deleteTitle: deleteTitle,
-      register: register(`tabs.${index}.name`),
+      register: register(`tabs.${index}.name`, {
+        required: tabNameRequiredText
+      }),
       onRemoveTab: () => {
         removeField(index);
         setActiveTab(index === 0 ? 0 : index - 1);
       },
+      error: (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors['tabs']) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.message,
       noButtonText: noButtonText,
       yesButtonText: yesButtonText,
       showDelete: (tabFields === null || tabFields === void 0 ? void 0 : tabFields.length) > 1
@@ -7099,6 +7114,8 @@ const WidgetForm = ({
     deleteTitle: t('widget.tabDeleteTitle'),
     yesButtonText: t('yesButtonText'),
     noButtonText: t('cancelButtonText'),
+    errors: errors,
+    tabNameRequiredText: t('widget.tabNameRequired'),
     itemsPlaceholder: `Select ${selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label}...`,
     loadOptions: onChangeSearch,
     isItemsLoading: collectionDataLoading,

package/index.css

@@ -682,9 +682,6 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.whitespace-nowrap {
-  white-space: nowrap;
-}
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
@@ -926,26 +923,26 @@ video {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-}
 .text-gray-700 {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
 }
-.text-gray-400 {
+.text-gray-500 {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(107 114 128 / var(--tw-text-opacity));
 }
-.text-red-600 {
+.text-gray-400 {
   --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
 .opacity-100 {
   opacity: 1;
 }
@@ -1023,23 +1020,6 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_btn-primary {
-    --tw-bg-opacity: 1;
-    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
-  }
-
-  .khb_btn-primary:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-  }
-
-  .khb_btn-primary:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
-  }
-}
 .khb_btn-primary:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(30 64 175 / var(--tw-bg-opacity));
@@ -1079,23 +1059,6 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_btn-success {
-    --tw-bg-opacity: 1;
-    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
-  }
-
-  .khb_btn-success:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(21 128 61 / var(--tw-bg-opacity));
-  }
-
-  .khb_btn-success:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity));
-  }
-}
 .khb_btn-danger {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity));
@@ -1110,23 +1073,6 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_btn-danger {
-    --tw-bg-opacity: 1;
-    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
-  }
-
-  .khb_btn-danger:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(185 28 28 / var(--tw-bg-opacity));
-  }
-
-  .khb_btn-danger:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity));
-  }
-}
 .khb_btn-danger:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity));
@@ -1207,13 +1153,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_table {
-    --tw-text-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-text-opacity));
-  }
-}
 .khb_thead {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -1223,15 +1162,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_thead {
-    --tw-bg-opacity: 1;
-    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
-    --tw-text-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-text-opacity));
-  }
-}
 .khb_table-heading {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -1247,20 +1177,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_table-row {
-    --tw-border-opacity: 1;
-    border-color: rgb(55 65 81 / var(--tw-border-opacity));
-    --tw-bg-opacity: 1;
-    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-  }
-
-  .khb_table-row:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
-  }
-}
 .khb_table-row-heading {
   white-space: nowrap;
   padding-top: 1rem;
@@ -1271,13 +1187,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_table-row-heading {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-  }
-}
 .khb_table-row-data {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -1317,23 +1226,6 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_actions-update {
-    --tw-bg-opacity: 1;
-    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
-  }
-
-  .khb_actions-update:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-  }
-
-  .khb_actions-update:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
-  }
-}
 .khb_actions-update:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(30 64 175 / var(--tw-bg-opacity));
@@ -1376,23 +1268,6 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_actions-delete {
-    --tw-bg-opacity: 1;
-    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
-  }
-
-  .khb_actions-delete:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(185 28 28 / var(--tw-bg-opacity));
-  }
-
-  .khb_actions-delete:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity));
-  }
-}
 .khb_actions-delete:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity));
@@ -1424,37 +1299,16 @@ video {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_pagination-total {
-    --tw-text-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-text-opacity));
-  }
-}
 .khb_pagination-total-showing {
   font-weight: 600;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_pagination-total-showing {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-  }
-}
 .khb_pagination-total-items {
   font-weight: 600;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_pagination-total-items {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-  }
-}
 .khb_pagination-actions {
   display: inline-flex;
   align-items: center;
@@ -1523,13 +1377,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_input-error {
-    --tw-text-opacity: 1;
-    color: rgb(239 68 68 / var(--tw-text-opacity));
-  }
-}
 .khb_input-xs {
   padding: 0.375rem;
   font-size: 0.875rem;
@@ -1554,13 +1401,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_input-label {
-    --tw-text-opacity: 1;
-    color: rgb(209 213 219 / var(--tw-text-opacity));
-  }
-}
 .khb_input-label-required {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
@@ -2273,23 +2113,6 @@ input:checked + .slider:before {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .khb_tabs-add {
-    --tw-bg-opacity: 1;
-    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
-  }
-
-  .khb_tabs-add:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-  }
-
-  .khb_tabs-add:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
-  }
-}
 .khb_tabs-add:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(30 64 175 / var(--tw-bg-opacity));
@@ -2366,10 +2189,6 @@ input:checked + .slider:before {
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity));
 }
-.hover\:bg-gray-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
-}
 .hover\:bg-gray-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -2396,79 +2215,10 @@ input:checked + .slider:before {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-.focus\:ring-blue-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
-}
-.focus\:ring-green-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
-}
-.focus\:ring-red-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
-}
 .focus\:ring-blue-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
 }
-@media (prefers-color-scheme: dark) {
-
-  .dark\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgb(55 65 81 / var(--tw-border-opacity));
-  }
-
-  .dark\:bg-blue-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-green-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-red-600 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-blue-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-green-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(21 128 61 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-red-700:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(185 28 28 / var(--tw-bg-opacity));
-  }
-
-  .dark\:focus\:ring-green-800:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity));
-  }
-
-  .dark\:focus\:ring-red-900:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity));
-  }
-}
 @media (min-width: 640px) {
 
   .sm\:my-8 {

package/index.js

@@ -1745,7 +1745,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.tabDeleteTitle': 'Are you sure you want to delete this tab?',
   'widget.widgetTitleInfo': 'HTML is supported',
   'widget.minPerRow': 'Value must be greater than zero',
-  'widget.actionsLabel': 'Actions'
+  'widget.actionsLabel': 'Actions',
+  'widget.tabNameRequired': 'Tab Name is required'
 };
 const TRANSLATION_PAIRS_ITEM = {
   'item.title': 'Title',
@@ -4218,6 +4219,7 @@ const DeleteModal = ({
   confirm,
   typeHerePlaceholder
 }) => {
+  var _a;
   const [userInput, setUserInput] = useState('');
   useEffect(() => {
     setUserInput('');
@@ -4238,13 +4240,14 @@ const DeleteModal = ({
     className: "khb_delete-actions"
   }, /*#__PURE__*/React.createElement(Input, {
     placeholder: typeHerePlaceholder || TRANSLATION_PAIRS_COMMON.typeHerePlaceholder,
+    wrapperClassName: "w-full",
     className: "khb_delete-input",
     value: userInput,
     onChange: e => setUserInput(e.target.value)
   }), /*#__PURE__*/React.createElement("div", {
     className: "khb_delete-buttons"
   }, /*#__PURE__*/React.createElement(Button, {
-    disabled: userInput !== (itemData === null || itemData === void 0 ? void 0 : itemData['name']),
+    disabled: userInput.toString().trim() !== ((_a = itemData === null || itemData === void 0 ? void 0 : itemData['name']) === null || _a === void 0 ? void 0 : _a.trim()),
     onClick: onConfirmDelete
   }, confirm || TRANSLATION_PAIRS_COMMON.confirm)))) : null;
 };
@@ -6568,6 +6571,7 @@ const TabItem = ({
   deleteTitle,
   onRemoveTab,
   register,
+  error,
   noButtonText,
   yesButtonText
 }) => {
@@ -6575,8 +6579,13 @@ const TabItem = ({
     type: "text",
     className: "khb_tabs-input",
     autoFocus: true,
+    style: {
+      display: 'block'
+    },
     disabled: isDisabled
-  }, register || {})), showDelete ? /*#__PURE__*/React.createElement(ConfirmPopOver, {
+  }, register || {})), error && /*#__PURE__*/React.createElement("p", {
+    className: "khb_input-error "
+  }, error), showDelete ? /*#__PURE__*/React.createElement(ConfirmPopOver, {
     onConfirm: onRemoveTab,
     title: deleteTitle,
     confirmText: yesButtonText,
@@ -6587,6 +6596,7 @@ const TabItem = ({
 };
 
 const Tabs = ({
+  errors,
   activeTab,
   setActiveTab,
   options,
@@ -6603,6 +6613,7 @@ const Tabs = ({
   itemsPlaceholder,
   formatOptionLabel,
   tabCollectionItems,
+  tabNameRequiredText,
   onCollectionItemsIndexChange
 }) => {
   const {
@@ -6629,6 +6640,7 @@ const Tabs = ({
   }, /*#__PURE__*/React.createElement(TabList, {
     className: "khb_tabs-list"
   }, tabFields === null || tabFields === void 0 ? void 0 : tabFields.map((field, index) => {
+    var _a, _b, _c;
     return /*#__PURE__*/React.createElement(Tab, {
       key: field.id,
       className: classNames('khb_tabs-item', {
@@ -6637,11 +6649,14 @@ const Tabs = ({
     }, /*#__PURE__*/React.createElement(TabItem, {
       key: field.id,
       deleteTitle: deleteTitle,
-      register: register(`tabs.${index}.name`),
+      register: register(`tabs.${index}.name`, {
+        required: tabNameRequiredText
+      }),
       onRemoveTab: () => {
         removeField(index);
         setActiveTab(index === 0 ? 0 : index - 1);
       },
+      error: (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors['tabs']) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.message,
       noButtonText: noButtonText,
       yesButtonText: yesButtonText,
       showDelete: (tabFields === null || tabFields === void 0 ? void 0 : tabFields.length) > 1
@@ -7087,6 +7102,8 @@ const WidgetForm = ({
     deleteTitle: t('widget.tabDeleteTitle'),
     yesButtonText: t('yesButtonText'),
     noButtonText: t('cancelButtonText'),
+    errors: errors,
+    tabNameRequiredText: t('widget.tabNameRequired'),
     itemsPlaceholder: `Select ${selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label}...`,
     loadOptions: onChangeSearch,
     isItemsLoading: collectionDataLoading,

package/package.json

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

package/src/lib/components/Widget/Form/Tabs/TabItem.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TabItemProps } from '../../../../types';
-declare const TabItem: ({ showDelete, isDisabled, deleteTitle, onRemoveTab, register, noButtonText, yesButtonText, }: TabItemProps) => JSX.Element;
+declare const TabItem: ({ showDelete, isDisabled, deleteTitle, onRemoveTab, register, error, noButtonText, yesButtonText, }: TabItemProps) => JSX.Element;
 export default TabItem;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TabsProps } from '../../../../types';
-declare const Tabs: ({ activeTab, setActiveTab, options, control, register, listCode, formatItem, deleteTitle, loadOptions, customStyles, noButtonText, yesButtonText, isItemsLoading, itemsPlaceholder, formatOptionLabel, tabCollectionItems, onCollectionItemsIndexChange, }: TabsProps) => JSX.Element;
+declare const Tabs: ({ errors, activeTab, setActiveTab, options, control, register, listCode, formatItem, deleteTitle, loadOptions, customStyles, noButtonText, yesButtonText, isItemsLoading, itemsPlaceholder, formatOptionLabel, tabCollectionItems, tabNameRequiredText, onCollectionItemsIndexChange, }: TabsProps) => JSX.Element;
 export default Tabs;

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

@@ -87,6 +87,7 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     'widget.widgetTitleInfo': string;
     'widget.minPerRow': string;
     'widget.actionsLabel': string;
+    'widget.tabNameRequired': string;
 };
 declare const TRANSLATION_PAIRS_ITEM: {
     'item.title': string;

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

@@ -242,6 +242,7 @@ export interface TabItemProps {
     register?: any;
     noButtonText: string;
     yesButtonText: string;
+    error?: string;
 }
 export interface TabsProps {
     activeTab: number;
@@ -255,6 +256,7 @@ export interface TabsProps {
     }[];
     deleteTitle: string;
     listCode: string;
+    tabNameRequiredText: string;
     noButtonText: string;
     yesButtonText: string;
     itemsPlaceholder?: string;
@@ -263,6 +265,9 @@ export interface TabsProps {
     formatItem?: (code: string, data: any) => JSX.Element;
     onCollectionItemsIndexChange: (index: number, data: DropResult) => void;
     tabCollectionItems: any[];
+    errors?: {
+        [key: string]: any;
+    };
     customStyles?: any;
     loadOptions?: (value?: string, callback?: (options: OptionType[]) => void) => Promise<OptionType[]>;
 }