@antscorp/antsomi-ui 1.3.5-beta.247 → 1.3.5-beta.249

package/es/components/molecules/TemplateSaveAs/styled.js

@@ -19,13 +19,17 @@ export const TemplateSaveAsStyled = styled(Flex) `
   }
 
   .template-container {
-    flex: 0 0 670px;
+    flex: 1 0 680px;
     /* flex: 1 1 60%; */
     max-height: 60vh;
     padding-right: 28px;
     overflow-y: auto;
   }
 
+  .template-container:has(+ .share-access-container) {
+    flex-grow: 0;
+  }
+
   .categories-container {
     margin-bottom: 20px;
   }
@@ -92,17 +96,28 @@ export const TemplateSaveAsStyled = styled(Flex) `
 
   .category-container {
     flex: 1;
-    display: grid;
-    grid-template-columns: repeat(2, minmax(100px, 250px));
+    display: flex;
+    flex-wrap: wrap;
+    min-width: 510px;
+    max-width: 510px;
+    & > button {
+      height: 36px;
+      box-sizing: border-box;
+      padding: 0 10px;
+    }
+    /* display: grid;
+    grid-template-columns: repeat(2, minmax(100px, 250px)); */
   }
 
   .selected-category {
     /* width: 240px; */
     overflow: hidden;
-    height: 30px;
+    box-sizing: border-box;
+    width: 250px;
+    height: 36px;
     border: 1px solid #b8cfe6;
-    padding: 0 5px;
     border-radius: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.borderRadiusXL}px;
+    padding: 0 10px;
 
     & > .remove-btn {
       cursor: pointer;

package/es/utils/templateListing.d.ts

@@ -1,3 +1,3 @@
-import { ObjectTemplate } from '../models/ObjectTemplate';
-export declare const getCategoriesFromObjectTemplate: (objectTemplate: ObjectTemplate) => {};
+import { ObjectTemplate, TObjectTemplate } from '../models/ObjectTemplate';
+export declare const getCategoriesFromObjectTemplate: (objectTemplate: ObjectTemplate | TObjectTemplate) => {};
 export declare const checkShowSkeletonBaseUrl: (url?: string) => boolean;

package/es/utils/templateListing.js

@@ -2,10 +2,13 @@
 import { TEMPLATE_CATEGORY_KEYS } from '../constants';
 export const getCategoriesFromObjectTemplate = (objectTemplate) => {
     const categories = {};
+    const cloneObjectTemplate = (objectTemplate.model
+        ? objectTemplate.model
+        : objectTemplate) || {};
     Object.values(TEMPLATE_CATEGORY_KEYS).forEach(key => {
-        var _a, _b, _c;
-        if (((_a = objectTemplate.model) === null || _a === void 0 ? void 0 : _a[key]) && ((_c = (_b = objectTemplate.model) === null || _b === void 0 ? void 0 : _b[key]) === null || _c === void 0 ? void 0 : _c.length)) {
-            categories[key] = objectTemplate.model[key];
+        var _a;
+        if (cloneObjectTemplate[key] && ((_a = cloneObjectTemplate[key]) === null || _a === void 0 ? void 0 : _a.length)) {
+            categories[key] = cloneObjectTemplate[key];
         }
     });
     return categories;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.247",
+  "version": "1.3.5-beta.249",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",