@antscorp/antsomi-ui 1.3.7-beta.48 → 1.3.7-beta.49

package/es/components/organism/FilterSetting/components/common/InputSelectMulti/index.js

@@ -439,68 +439,68 @@ export const SelectMultipleDropdown = props => {
                         // onVisibleChange={onVisibleChange}
                         overlayClassName: classNames('antsomi-w-[330px]', 'no-arrow', 'title-bg-blue'), placement: "bottomRight", content: content, trigger: ['click'], children: _jsxs(Button, { onClick: onPopover, type: "default", children: [_jsx(Icon, { size: 10, type: "icon-ants-flag" }), "Extend Value"] }) })] }), extraContent] }));
 };
-export const StyledDropdown = styled.div `
-  .antsomi-select-tree-list {
-    .antsomi-select-tree-title {
-      font-size: ${THEME.token?.fontSize}px;
-    }
-    .antsomi-select-tree-treenode {
-      margin-right: 8px;
-      margin-left: 8px;
-
-      .antsomi-select-tree-switcher.antsomi-select-tree-switcher-noop {
-        display: none;
-      }
-    }
-  }
+export const StyledDropdown = styled.div `
+  .antsomi-select-tree-list {
+    .antsomi-select-tree-title {
+      font-size: ${THEME.token?.fontSize}px;
+    }
+    .antsomi-select-tree-treenode {
+      margin-right: 8px;
+      margin-left: 8px;
+
+      .antsomi-select-tree-switcher.antsomi-select-tree-switcher-noop {
+        display: none;
+      }
+    }
+  }
 `;
-export const WrapperHeader = styled.div `
-  display: flex;
-  height: 35px;
-  justify-content: space-between;
-  .MuiPaper-root.MuiPaper-rounded {
-    flex: 1;
-  }
+export const WrapperHeader = styled.div `
+  display: flex;
+  height: 35px;
+  justify-content: space-between;
+  .MuiPaper-root.MuiPaper-rounded {
+    flex: 1;
+  }
 `;
-export const ContainerCustomize = styled.div `
-  overflow: hidden;
-  display: flex;
-  max-height: 350px;
-  min-height: 250px;
+export const ContainerCustomize = styled.div `
+  overflow: hidden;
+  display: flex;
+  max-height: 350px;
+  min-height: 250px;
 `;
-export const WrapperContentCustomize = styled.div `
-  /* max-width: 40.0625rem; */
-  // flex-grow: 1;
-  width: 50%;
-  border-right: 1px solid rgb(230, 230, 230);
+export const WrapperContentCustomize = styled.div `
+  /* max-width: 40.0625rem; */
+  // flex-grow: 1;
+  width: 50%;
+  border-right: 1px solid rgb(230, 230, 230);
 `;
-export const WrapperContentSuggestion = styled.div `
-  /* max-width: 40.0625rem; */
-  // flex-grow: 1;
-  width: 50%;
+export const WrapperContentSuggestion = styled.div `
+  /* max-width: 40.0625rem; */
+  // flex-grow: 1;
+  width: 50%;
 `;
-export const WrapperSuggestion = styled.div `
-  width: 50%;
+export const WrapperSuggestion = styled.div `
+  width: 50%;
 `;
-export const SuggestionTitle = styled.div `
-  font-size: 1rem;
-  width: 100%;
-  height: 100%;
-  margin-top: 5px;
+export const SuggestionTitle = styled.div `
+  font-size: 1rem;
+  width: 100%;
+  height: 100%;
+  margin-top: 5px;
 `;
-export const SpanSelect = styled.span `
-  margin-left: 15px;
-  font-size: 12px;
+export const SpanSelect = styled.span `
+  margin-left: 15px;
+  font-size: 12px;
 `;
-export const HeaderContent = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+export const HeaderContent = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 `;
-export const WrapperFooterContent = styled.div `
-  height: 30px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 5px;
+export const WrapperFooterContent = styled.div `
+  height: 30px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 5px;
 `;

package/es/components/organism/FilterSetting/styled.js

@@ -3,25 +3,25 @@ import styled from 'styled-components';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 export const FilterSettingWrapper = styled.div ``;
-export const FilterBlockWrapper = styled.div `
-  margin-bottom: 24px;
-  width: 100%;
-  border: 1px solid ${THEME.token?.bw3_5};
-  border-radius: 3px;
-  border-left: 4px solid ${THEME.token?.blue7};
+export const FilterBlockWrapper = styled.div `
+  margin-bottom: 24px;
+  width: 100%;
+  border: 1px solid ${THEME.token?.bw3_5};
+  border-radius: 3px;
+  border-left: 4px solid ${THEME.token?.blue7};
 `;
-export const RowCondition = styled.div `
-  display: grid;
-  align-items: flex-end;
-  // 3 first items = 84%;
-  grid-template-columns: 34% 22% 28% 7% auto;
-  grid-column-gap: 20px;
+export const RowCondition = styled.div `
+  display: grid;
+  align-items: flex-end;
+  // 3 first items = 84%;
+  grid-template-columns: 34% 22% 28% 7% auto;
+  grid-column-gap: 20px;
 `;
-export const RowSelect = styled.div `
-  margin-bottom: 8px;
-  margin-top: 8px;
-  display: grid;
-  align-items: center;
-  grid-template-columns: 30% calc(70% - 16px);
-  gap: 8px 16px;
+export const RowSelect = styled.div `
+  margin-bottom: 8px;
+  margin-top: 8px;
+  display: grid;
+  align-items: center;
+  grid-template-columns: 30% calc(70% - 16px);
+  gap: 8px 16px;
 `;

package/es/components/organism/GenerativeInsights/styled.js

@@ -2,64 +2,64 @@ import { THEME } from '@antscorp/antsomi-ui/es/constants';
 import { Typography } from 'antd';
 import styled from 'styled-components';
 const { Text: AntText } = Typography;
-export const WrapperLoading = styled.div `
-  width: ${props => (props.width ? props.width : 'calc(100% - 100px)')};
-  height: ${props => (props.height ? props.height : '100%')};
-  position: fixed;
-  background: rgba(0, 0, 0, 0.06);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2000;
+export const WrapperLoading = styled.div `
+  width: ${props => (props.width ? props.width : 'calc(100% - 100px)')};
+  height: ${props => (props.height ? props.height : '100%')};
+  position: fixed;
+  background: rgba(0, 0, 0, 0.06);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2000;
 `;
-export const WrapperHeader = styled.strong `
-  display: block;
-  height: 50px;
-  border-bottom: 1px solid ${THEME.token?.bw3};
-  line-height: 50px;
-  padding-left: 15px;
-  box-sizing: border-box;
-
-  &.cursor {
-    cursor: move;
-  }
+export const WrapperHeader = styled.strong `
+  display: block;
+  height: 50px;
+  border-bottom: 1px solid ${THEME.token?.bw3};
+  line-height: 50px;
+  padding-left: 15px;
+  box-sizing: border-box;
+
+  &.cursor {
+    cursor: move;
+  }
 `;
-export const Header = styled(AntText) `
-  font-size: 16px !important;
-  color: ${THEME.token?.colorText} !important;
-  font-weight: normal !important;
+export const Header = styled(AntText) `
+  font-size: 16px !important;
+  color: ${THEME.token?.colorText} !important;
+  font-weight: normal !important;
 `;
-export const WrapperBody = styled.div `
-  padding: ${props => props.types === 'help' || props.types === 'help_v1' ? 'none;' : '13px 15px;'};
-  box-sizing: border-box;
-  // height: calc(100% - 100px);
-  flex: 1;
-  overflow-y: auto;
+export const WrapperBody = styled.div `
+  padding: ${props => props.types === 'help' || props.types === 'help_v1' ? 'none;' : '13px 15px;'};
+  box-sizing: border-box;
+  // height: calc(100% - 100px);
+  flex: 1;
+  overflow-y: auto;
 `;
-export const WrapperFooter = styled.div `
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  max-height: 58px;
-  border-top: 1px solid ${THEME.token?.bw3};
-  background-color: ${THEME.token?.bw0};
-  padding: 15px;
-  box-sizing: border-box;
-  z-index: 10;
+export const WrapperFooter = styled.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 58px;
+  border-top: 1px solid ${THEME.token?.bw3};
+  background-color: ${THEME.token?.bw0};
+  padding: 15px;
+  box-sizing: border-box;
+  z-index: 10;
 `;
-export const WrapperFooterSpace = styled.div `
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  max-height: 58px;
-  border-top: 1px solid ${THEME.token?.bw3};
-  background-color: ${THEME.token?.bw0};
-  padding: 15px;
-  box-sizing: border-box;
-  z-index: 10;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+export const WrapperFooterSpace = styled.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 58px;
+  border-top: 1px solid ${THEME.token?.bw3};
+  background-color: ${THEME.token?.bw0};
+  padding: 15px;
+  box-sizing: border-box;
+  z-index: 10;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 `;