@antscorp/antsomi-ui 2.0.108 → 2.0.109

package/es/services/MediaTemplateDesign/UploadFile/index.js

@@ -7,7 +7,7 @@ export const getListingSavedMedia = async (domainUrl, slug, infos, page = 1) =>
     try {
         const { type = '', ...restInfos } = infos || {};
         const { data } = await services.mediaTemplateDesign.getList({
-            API_HOST: `${domainUrl}/${slug}/saved-media/index?type=${type}&page=${page}&limit=10`,
+            API_HOST: `${domainUrl}${slug ? `/${slug}` : ''}/saved-media/index?type=${type}&page=${page}&limit=10`,
         }, restInfos);
         let savedImages = data?.data || [];
         savedImages = savedImages.map((savedImage) => new SavedMedia(savedImage));
@@ -20,7 +20,7 @@ export const getListingSavedMedia = async (domainUrl, slug, infos, page = 1) =>
 export const createSavedMedia = (domainUrl, slug, infos, data) => {
     try {
         return services.mediaTemplateDesign.create({
-            API_HOST: `${domainUrl}/${slug}/saved-media/index`,
+            API_HOST: `${domainUrl}${slug ? `/${slug}` : ''}/saved-media/index`,
             ...data,
         }, infos);
     }
@@ -31,7 +31,7 @@ export const createSavedMedia = (domainUrl, slug, infos, data) => {
 export const deleteSavedMedia = (domainUrl, slug, infos, id) => {
     try {
         return services.mediaTemplateDesign.create({
-            API_HOST: `${domainUrl}/${slug}/saved-media/index/update-status`,
+            API_HOST: `${domainUrl}${slug ? `/${slug}` : ''}/saved-media/index/update-status`,
             media_id: [id],
             status: 80,
         }, infos);
@@ -52,7 +52,7 @@ export const uploadFile = async (domainUrl, slug, infos, files) => {
             fileType = 'origin-file';
         }
         const result = await services.mediaTemplateDesign.upload({
-            API_HOST: `${domainUrl}/${slug}/file-upload/${fileType}`,
+            API_HOST: `${domainUrl}${slug ? `/${slug}` : ''}/file-upload/${fileType}`,
             formData,
         }, restInfos);
         const uploadData = result ? result.data?.data : null;

package/es/styled/common.js

@@ -4,56 +4,56 @@ import styled from 'styled-components';
 import { globalToken } from '../constants';
 // Components
 import { Button } from '@antscorp/antsomi-ui/es/components/atoms';
-export const IconButton = styled.div `
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 200ms;
-  flex-shrink: 0;
-
-  i {
-    font-size: 14px;
-    color: ${globalToken?.bw8};
-  }
-
-  &:hover {
-    i {
-      color: ${globalToken?.bw10};
-    }
-  }
+export const IconButton = styled.div `
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 200ms;
+  flex-shrink: 0;
+
+  i {
+    font-size: 14px;
+    color: ${globalToken?.bw8};
+  }
+
+  &:hover {
+    i {
+      color: ${globalToken?.bw10};
+    }
+  }
 `;
-export const ActionButton = styled(Button) `
-  display: flex !important;
-  flex-direction: column;
-  align-items: center;
-  height: 43px !important;
-  width: 50px !important;
-  gap: 4px !important;
-  padding: 3px 0px !important;
-  font-size: 8px !important;
-  line-height: 1 !important;
-  color: ${globalToken?.bw8} !important;
-
-  ${props => props.$hide && `visibility: hidden !important;`}
-
-  .action-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    > i {
-      font-size: 24px !important;
-    }
-  }
-
-  /* &:hover, */
-  &:active {
-    color: ${globalToken?.colorPrimary} !important;
-  }
-
-  &:disabled {
-    background-color: ${globalToken?.bw2} !important;
-  }
+export const ActionButton = styled(Button) `
+  display: flex !important;
+  flex-direction: column;
+  align-items: center;
+  height: 43px !important;
+  width: 50px !important;
+  gap: 4px !important;
+  padding: 3px 0px !important;
+  font-size: 8px !important;
+  line-height: 1 !important;
+  color: ${globalToken?.bw8} !important;
+
+  ${props => props.$hide && `visibility: hidden !important;`}
+
+  .action-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    > i {
+      font-size: 24px !important;
+    }
+  }
+
+  /* &:hover, */
+  &:active {
+    color: ${globalToken?.colorPrimary} !important;
+  }
+
+  &:disabled {
+    background-color: ${globalToken?.bw2} !important;
+  }
 `;

package/es/tests/styled.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-export const TableTestWrapper = styled.div `
-  padding: 10px;
-  height: 100vh;
-  overflow: auto;
+export const TableTestWrapper = styled.div `
+  padding: 10px;
+  height: 100vh;
+  overflow: auto;
 `;

package/es/utils/variables.js

@@ -1,9 +1,9 @@
 import { css } from 'styled-components';
-export const breakdownMd = style => css `
-  /* @media (max-width: 1600px) {
-    ${style};
-  } */
-  ${style}/* @media (max-width: 1500px) {
-    ${style};
-  } */
+export const breakdownMd = style => css `
+  /* @media (max-width: 1600px) {
+    ${style};
+  } */
+  ${style}/* @media (max-width: 1500px) {
+    ${style};
+  } */
 `;