@antscorp/antsomi-ui 1.3.5-beta.675 → 1.3.5-beta.676

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 (6) hide show
  1. package/es/components/molecules/EditorTab/EditorTab.js +16 -6
  2. package/es/components/molecules/EditorTab/styled.js +4 -2
  3. package/es/components/organism/Help/Help.js +27 -33
  4. package/es/components/organism/Help/styled.d.ts +0 -5
  5. package/es/components/organism/Help/styled.js +27 -38
  6. package/package.json +1 -1
package/es/components/molecules/EditorTab/EditorTab.js CHANGED
@@ -19,7 +19,7 @@ import { EditorTabStyled } from './styled';
19
19
  import { handleError } from '@antscorp/antsomi-ui/es/utils';
20
20
  const PATH = 'src/components/EditorTab/index.jsx';
21
21
  export const EditorTab = props => {
22
- var _a;
22
+ var _a, _b, _c, _d, _e;
23
23
  const { listTab = [], activeId = '', showArrow, showDropdown, editNameOnConfigure,
24
24
  // disabledScroll,
25
25
  onCloseTab, onClickRemoveTab, onConfirmRemove, onActiveTab, onAddTab, onConfigure, onSaveName, newTabText, showComposeNewQuery, className, leftBlockClassName, tabItemClassName, confirmOnRemoveTab, modalFuncProps, } = props;
@@ -28,7 +28,17 @@ export const EditorTab = props => {
28
28
  const [isEditable, setIsEditable] = useState();
29
29
  const [modal, contextModal] = Modal.useModal();
30
30
  // Ref
31
+ const [offsetWidth, setOffsetWidth] = useState(0);
32
+ const [scrollWidth, setScrollWidth] = useState(0);
31
33
  const leftBlockRef = useRef(null);
34
+ const isLeftBlockOverflow = ((_b = leftBlockRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) && ((_c = leftBlockRef.current) === null || _c === void 0 ? void 0 : _c.scrollWidth)
35
+ ? ((_d = leftBlockRef.current) === null || _d === void 0 ? void 0 : _d.offsetWidth) < ((_e = leftBlockRef.current) === null || _e === void 0 ? void 0 : _e.scrollWidth)
36
+ : offsetWidth < scrollWidth;
37
+ useEffect(() => {
38
+ var _a, _b;
39
+ setOffsetWidth(((_a = leftBlockRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
40
+ setScrollWidth(((_b = leftBlockRef.current) === null || _b === void 0 ? void 0 : _b.scrollWidth) || 0);
41
+ }, []);
32
42
  useEffect(() => {
33
43
  if (listTab.length - arrTabs.length === 1) {
34
44
  setActiveTabId(listTab[listTab.length - 1].id);
@@ -94,7 +104,7 @@ export const EditorTab = props => {
94
104
  onActiveTab(tabId);
95
105
  }, [onActiveTab]);
96
106
  const handleCloseTab = (e, tab, idx) => __awaiter(void 0, void 0, void 0, function* () {
97
- var _b, _c;
107
+ var _f, _g;
98
108
  e.stopPropagation();
99
109
  // if (arrTabs.length < 2) {
100
110
  // return;
@@ -110,10 +120,10 @@ export const EditorTab = props => {
110
120
  return;
111
121
  if (activeTabId === tab.id) {
112
122
  if (idx === arrTabs.length - 1) {
113
- handleActiveTab((_b = arrTabs[idx - 1]) === null || _b === void 0 ? void 0 : _b.id);
123
+ handleActiveTab((_f = arrTabs[idx - 1]) === null || _f === void 0 ? void 0 : _f.id);
114
124
  }
115
125
  else if (arrTabs.length > 1) {
116
- handleActiveTab((_c = arrTabs[idx + 1]) === null || _c === void 0 ? void 0 : _c.id);
126
+ handleActiveTab((_g = arrTabs[idx + 1]) === null || _g === void 0 ? void 0 : _g.id);
117
127
  }
118
128
  }
119
129
  onCloseTab === null || onCloseTab === void 0 ? void 0 : onCloseTab(tab, idx, newTabs);
@@ -153,7 +163,7 @@ export const EditorTab = props => {
153
163
  }, [activeTabId, arrTabs, handleActiveTab]);
154
164
  return (React.createElement(EditorTabStyled, { className: className || '' },
155
165
  contextModal,
156
- showArrow && (React.createElement("div", { className: "navigate-button", onClick: () => onClickArrow('left') },
166
+ showArrow && isLeftBlockOverflow && (React.createElement("div", { className: "navigate-button", onClick: () => onClickArrow('left') },
157
167
  React.createElement(Icon, { type: "icon-ants-angle-left" }))),
158
168
  React.createElement("div", { ref: leftBlockRef, className: classnames('left-block', leftBlockClassName), onWheel: onWheelLeftBlock }, arrTabs && arrTabs.length
159
169
  ? arrTabs.map((tab, idx) => {
@@ -192,7 +202,7 @@ export const EditorTab = props => {
192
202
  React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-three-dot-vertical", overlayStyle: { fontSize: 12 } }), size: "small" }))) : closable ? (React.createElement(Button, { onClick: e => handleCloseTab(e, tab, idx), icon: React.createElement(Icon, { type: "icon-ants-remove-slim", overlayStyle: { fontSize: 12 } }), size: "small" })) : null));
193
203
  })
194
204
  : null),
195
- showArrow && (React.createElement("div", { className: "navigate-button", onClick: () => onClickArrow('right') },
205
+ showArrow && isLeftBlockOverflow && (React.createElement("div", { className: "navigate-button", onClick: () => onClickArrow('right') },
196
206
  React.createElement(Icon, { type: "icon-ants-angle-right" }))),
197
207
  showComposeNewQuery || newTabText ? (React.createElement(Button, { onClick: handleAddNew, className: "new-query-button" },
198
208
  React.createElement(Icon, { type: "icon-ants-add-square", style: { fontSize: '16px' } }),
package/es/components/molecules/EditorTab/styled.js CHANGED
@@ -47,11 +47,13 @@ export const EditorTabStyled = styled.div `
47
47
  align-items: center;
48
48
  flex-shrink: 0;
49
49
  gap: 7px;
50
- width: 150px;
50
+ /* width: 150px; */
51
+ min-width: 150px;
52
+ max-width: 300px;
53
+
51
54
  height: 40px;
52
55
  padding: 0 10px;
53
56
  overflow: hidden;
54
- max-width: 200px;
55
57
  background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.bw2};
56
58
 
57
59
  /* &.active button, */
package/es/components/organism/Help/Help.js CHANGED
@@ -34,11 +34,11 @@ import { LoadingOutlined } from '@ant-design/icons';
34
34
  import Icon from '@antscorp/icons';
35
35
  import { Editor } from '@tinymce/tinymce-react';
36
36
  import { Button, Spin } from 'antd';
37
- import { ButtonFeedback, ControlGroup, ControlLabel, DropDown, EditorWrapper, ErrorMessage, FlexCenter, Header, HiddenBlock, IconButtonStyled, IframeHelp, Image, Label, LabelTitle, Link, Overlay, PreviewBox, SendFeedback, Span, Text, TitleSearch, TreeContent, Video, Wrapper, WrapperBody, WrapperContentHelp, WrapperFooter, WrapperFooterSpace, WrapperHeader, WrapperIconEditor, WrapperImage, WrapperInputFile, WrapperLinkFiles, WrapperLinkItemFiles, WrapperLoading, WrapperSearch, } from './styled';
37
+ import { ButtonFeedback, ControlGroup, ControlLabel, EditorWrapper, ErrorMessage, FlexCenter, Header, HiddenBlock, IconButtonStyled, IframeHelp, Image, Label, LabelTitle, Link, Overlay, PreviewBox, SendFeedback, Span, Text, TitleSearch, TreeContent, Video, Wrapper, WrapperBody, WrapperContentHelp, WrapperFooter, WrapperFooterSpace, WrapperHeader, WrapperIconEditor, WrapperImage, WrapperInputFile, WrapperLinkFiles, WrapperLinkItemFiles, WrapperLoading, WrapperSearch, } from './styled';
38
38
  // Atoms
39
39
  import { Input } from '@antscorp/antsomi-ui/es/components/atoms';
40
40
  // Molecules
41
- import { CaptureScreen, ChatBox, PopupDraggable, Select, } from '@antscorp/antsomi-ui/es/components/molecules';
41
+ import { CaptureScreen, ChatBox, PopupDraggable, Select, Dropdown, } from '@antscorp/antsomi-ui/es/components/molecules';
42
42
  // Constants
43
43
  import { THEME, TINYMCE_API_KEY } from '@antscorp/antsomi-ui/es/constants';
44
44
  import { ATTACH_CAPTURE_TYPES, ATTACH_KEYS, DEFAULT_POSITIONS, MENU_KEYS, MESSAGE_TYPE, PORTALS_ANTSOMI_PACKAGE_UI_KEY, PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP, REPORT_TYPES, TICKET_CUSTOM_MESSAGE_KEY, } from './constants';
@@ -110,21 +110,15 @@ const Help = props => {
110
110
  var _a;
111
111
  return [
112
112
  {
113
- label: (React.createElement("a", { href: "https://docs.antsomi.com/cdp-365-user-guide-en/release-note/2023", target: "_blank", rel: "noreferrer" },
113
+ label: (React.createElement("a", { href: "https://docs.antsomi.com/cdp-365-user-guide-en/release-note/2023", target: "_blank", rel: "noreferrer", style: { textDecoration: 'none' } },
114
114
  React.createElement(Label, { style: {
115
- position: 'relative',
116
115
  display: 'flex',
117
116
  alignItems: 'center',
118
117
  gap: 33,
119
118
  width: '100%',
120
- marginTop: 8,
121
119
  } },
122
120
  "New features & announcements",
123
- React.createElement(OpenUrlIcon, { style: {
124
- fill: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon,
125
- maxWidth: 24,
126
- maxHeight: 24,
127
- } })))),
121
+ React.createElement(OpenUrlIcon, { size: 20, color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon })))),
128
122
  key: MENU_KEYS.FEATURE_ANNOUNCEMENT,
129
123
  },
130
124
  {
@@ -132,11 +126,11 @@ const Help = props => {
132
126
  key: MENU_KEYS.FEEDBACK,
133
127
  },
134
128
  {
135
- label: React.createElement(Label, null, "Get Help"),
129
+ label: React.createElement(Label, null, "Get help"),
136
130
  key: MENU_KEYS.HELP,
137
131
  },
138
132
  {
139
- label: React.createElement(Label, null, "Get ideas with ChatGPT"),
133
+ label: React.createElement(Label, null, "Get ideas with Antsomi Intelligence"),
140
134
  key: MENU_KEYS.CHAT,
141
135
  },
142
136
  {
@@ -156,6 +150,25 @@ const Help = props => {
156
150
  }
157
151
  return domain;
158
152
  }, [domain]);
153
+ const fetchDataListHelp = () => {
154
+ setIsLoadingHelp(true);
155
+ TicketService.help.callApi
156
+ .getList({ appCode, role: '1' }, domainPlatform, token, config, userId)
157
+ .then(res => {
158
+ if (res && res.data.code === 200 && res.data) {
159
+ const { data } = res.data;
160
+ setDataListHelp(data);
161
+ setIsLoadingHelp(false);
162
+ setExpandedKeys(expendDefault(data));
163
+ }
164
+ else {
165
+ setIsLoadingHelp(true);
166
+ }
167
+ })
168
+ .catch(err => {
169
+ // console.log('err ===>', err)
170
+ });
171
+ };
159
172
  // const handleCancel = () => {
160
173
  // setOpen(false);
161
174
  // };
@@ -308,25 +321,6 @@ const Help = props => {
308
321
  }
309
322
  }
310
323
  }, []);
311
- const fetchDataListHelp = () => {
312
- setIsLoadingHelp(true);
313
- TicketService.help.callApi
314
- .getList({ appCode, role: '1' }, domainPlatform, token, config, userId)
315
- .then(res => {
316
- if (res && res.data.code === 200 && res.data) {
317
- const { data } = res.data;
318
- setDataListHelp(data);
319
- setIsLoadingHelp(false);
320
- setExpandedKeys(expendDefault(data));
321
- }
322
- else {
323
- setIsLoadingHelp(true);
324
- }
325
- })
326
- .catch(err => {
327
- // console.log('err ===>', err)
328
- });
329
- };
330
324
  const handleCreateRecorder = () => __awaiter(void 0, void 0, void 0, function* () {
331
325
  try {
332
326
  let controller;
@@ -729,7 +723,7 @@ const Help = props => {
729
723
  const renderIcon = (name, style) => ({
730
724
  'icon-ants-capture': React.createElement(ScreenshotMonitorIcon, { style: style }),
731
725
  'icon-ants-camera': React.createElement(CameraIcon, { style: style }),
732
- }[name]);
726
+ })[name];
733
727
  const treeData = useMemo(() => {
734
728
  const loop = (data) => data.map(item => {
735
729
  const strTitle = item.title;
@@ -978,7 +972,7 @@ const Help = props => {
978
972
  } }))))));
979
973
  };
980
974
  return (React.createElement(React.Fragment, null,
981
- React.createElement(DropDown, { menu: {
975
+ React.createElement(Dropdown, { menu: {
982
976
  style: { minWidth: 250, padding: 0 },
983
977
  items: items,
984
978
  onClick: info => handleClick(info),
package/es/components/organism/Help/styled.d.ts CHANGED
@@ -1,9 +1,4 @@
1
1
  /// <reference types="react" />
2
- export declare const DropDown: import("styled-components").StyledComponent<import("react").FC<import("antd").DropDownProps> & {
3
- _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd").DropDownProps>;
4
- } & {
5
- Button: import("react").FC<import("antd/es/dropdown").DropdownButtonProps>;
6
- }, any, {}, never>;
7
2
  export declare const ButtonFeedback: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
8
3
  Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
9
4
  }, any, {
package/es/components/organism/Help/styled.js CHANGED
@@ -1,6 +1,6 @@
1
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
1
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
2
2
  // Libraries
3
- import { Dropdown, /* Button, */ Space, Typography, Tree, Input } from 'antd';
3
+ import { Space, Typography, Tree, Input } from 'antd';
4
4
  import styled, { css } from 'styled-components';
5
5
  import { Button } from '../../atoms';
6
6
  // Constants
@@ -8,13 +8,6 @@ import { THEME } from '@antscorp/antsomi-ui/es/constants';
8
8
  // Components
9
9
  const { Text: AntText } = Typography;
10
10
  const { Search } = Input;
11
- export const DropDown = styled(Dropdown) `
12
- .verify-support span {
13
- font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
14
- color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorPrimary};
15
- font-weight: medium;
16
- }
17
- `;
18
11
  export const ButtonFeedback = styled(Button) `
19
12
  width: 200px;
20
13
  height: ${props => (props.height ? props.height : 36)}px !important;
@@ -24,7 +17,7 @@ export const PreviewBox = styled.div `
24
17
  position: relative;
25
18
  width: 200px;
26
19
  height: 125px;
27
- background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw0};
20
+ background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw0};
28
21
  cursor: pointer;
29
22
  overflow: hidden;
30
23
 
@@ -45,16 +38,12 @@ export const Overlay = styled.div `
45
38
  `;
46
39
  export const Text = styled.span `
47
40
  font-weight: normal !important;
48
- color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorText} !important;
49
- font-size: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.fontSize}px !important;
41
+ color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorText} !important;
42
+ font-size: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.fontSize}px !important;
50
43
  `;
51
44
  export const Label = styled.span `
52
45
  &.verify-support {
53
- display: inline-block;
54
- padding: 5px 0;
55
- color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.colorPrimary};
56
- font-size: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.fontSize}px;
57
- font-weight: 500;
46
+ color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorPrimary};
58
47
  }
59
48
  `;
60
49
  export const SendFeedback = styled.div `
@@ -64,8 +53,8 @@ export const ControlGroup = styled(Space) `
64
53
  width: 100%;
65
54
  `;
66
55
  export const ControlLabel = styled(AntText) `
67
- font-size: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.fontSize}px !important;
68
- color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.bw8} !important;
56
+ font-size: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.fontSize}px !important;
57
+ color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.bw8} !important;
69
58
  `;
70
59
  export const FlexCenter = styled.div `
71
60
  display: flex;
@@ -83,7 +72,7 @@ export const HiddenBlock = styled.div `
83
72
  right: 0;
84
73
  width: 17px;
85
74
  height: 50px;
86
- background-color: ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.bw0};
75
+ background-color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.bw0};
87
76
  `;
88
77
  export const WrapperImage = styled.div `
89
78
  position: relative;
@@ -107,7 +96,7 @@ export const Video = styled.video `
107
96
  export const WrapperHeader = styled.strong `
108
97
  display: block;
109
98
  height: 50px;
110
- border-bottom: 1px solid ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw3};
99
+ border-bottom: 1px solid ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw3};
111
100
  line-height: 50px;
112
101
  padding-left: 15px;
113
102
  box-sizing: border-box;
@@ -118,7 +107,7 @@ export const WrapperHeader = styled.strong `
118
107
  `;
119
108
  export const Header = styled(AntText) `
120
109
  font-size: 16px !important;
121
- color: ${(_m = THEME.token) === null || _m === void 0 ? void 0 : _m.colorText} !important;
110
+ color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.colorText} !important;
122
111
  font-weight: normal !important;
123
112
  `;
124
113
  export const WrapperBody = styled.div `
@@ -134,8 +123,8 @@ export const WrapperFooter = styled.div `
134
123
  left: 0;
135
124
  width: 100%;
136
125
  max-height: 58px;
137
- border-top: 1px solid ${(_o = THEME.token) === null || _o === void 0 ? void 0 : _o.bw3};
138
- background-color: ${(_p = THEME.token) === null || _p === void 0 ? void 0 : _p.bw0};
126
+ border-top: 1px solid ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.bw3};
127
+ background-color: ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw0};
139
128
  padding: 15px;
140
129
  box-sizing: border-box;
141
130
  z-index: 10;
@@ -146,8 +135,8 @@ export const WrapperFooterSpace = styled.div `
146
135
  left: 0;
147
136
  width: 100%;
148
137
  max-height: 58px;
149
- border-top: 1px solid ${(_q = THEME.token) === null || _q === void 0 ? void 0 : _q.bw3};
150
- background-color: ${(_r = THEME.token) === null || _r === void 0 ? void 0 : _r.bw0};
138
+ border-top: 1px solid ${(_m = THEME.token) === null || _m === void 0 ? void 0 : _m.bw3};
139
+ background-color: ${(_o = THEME.token) === null || _o === void 0 ? void 0 : _o.bw0};
151
140
  padding: 15px;
152
141
  box-sizing: border-box;
153
142
  z-index: 10;
@@ -157,28 +146,28 @@ export const WrapperFooterSpace = styled.div `
157
146
  `;
158
147
  export const EditorWrapper = styled.div `
159
148
  .tox-tinymce {
160
- border: 1px solid ${(_s = THEME.token) === null || _s === void 0 ? void 0 : _s.bw3_5};
149
+ border: 1px solid ${(_p = THEME.token) === null || _p === void 0 ? void 0 : _p.bw3_5};
161
150
  border-top-left-radius: 2px;
162
151
  border-top-right-radius: 2px;
163
152
  }
164
153
  `;
165
154
  export const WrapperLinkFiles = styled.div `
166
- border-right: 1px solid ${(_t = THEME.token) === null || _t === void 0 ? void 0 : _t.bw3_5};
167
- border-left: 1px solid ${(_u = THEME.token) === null || _u === void 0 ? void 0 : _u.bw3_5};
155
+ border-right: 1px solid ${(_q = THEME.token) === null || _q === void 0 ? void 0 : _q.bw3_5};
156
+ border-left: 1px solid ${(_r = THEME.token) === null || _r === void 0 ? void 0 : _r.bw3_5};
168
157
  display: flex;
169
158
  flex-direction: column;
170
159
  padding: 8px;
171
160
  gap: 4px;
172
161
  `;
173
162
  export const WrapperLinkItemFiles = styled.div `
174
- color: ${(_v = THEME.token) === null || _v === void 0 ? void 0 : _v.bw10};
163
+ color: ${(_s = THEME.token) === null || _s === void 0 ? void 0 : _s.bw10};
175
164
  display: flex;
176
165
  align-items: center;
177
166
  justify-content: space-between;
178
167
  `;
179
168
  export const WrapperIconEditor = styled.div `
180
169
  height: 44px;
181
- border: 1px solid ${(_w = THEME.token) === null || _w === void 0 ? void 0 : _w.bw3_5};
170
+ border: 1px solid ${(_t = THEME.token) === null || _t === void 0 ? void 0 : _t.bw3_5};
182
171
  border-top: ${props => { var _a; return (props.borderTop ? `1px solid ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw3_5}` : 'none'); }};
183
172
  display: flex;
184
173
  align-items: center;
@@ -207,15 +196,15 @@ export const WrapperBodyModal = styled.div `
207
196
  `;
208
197
  export const ErrorMessage = styled.div `
209
198
  display: ${props => (props.isShow ? 'block' : 'none')};
210
- color: ${(_x = THEME.token) === null || _x === void 0 ? void 0 : _x.red8};
199
+ color: ${(_u = THEME.token) === null || _u === void 0 ? void 0 : _u.red8};
211
200
  font-size: 11px;
212
201
  line-height: 24px;
213
- font-family: ${(_y = THEME.token) === null || _y === void 0 ? void 0 : _y.fontFamily};
202
+ font-family: ${(_v = THEME.token) === null || _v === void 0 ? void 0 : _v.fontFamily};
214
203
  `;
215
204
  export const Wrapper = styled.div ``;
216
205
  export const LabelTitle = styled(AntText) `
217
206
  font-size: 13px !important;
218
- color: ${(_z = THEME.token) === null || _z === void 0 ? void 0 : _z.colorText} !important;
207
+ color: ${(_w = THEME.token) === null || _w === void 0 ? void 0 : _w.colorText} !important;
219
208
  font-weight: bold;
220
209
  `;
221
210
  export const WrapperContentHelp = styled.div `
@@ -229,7 +218,7 @@ export const Link = styled.a `
229
218
  font-size: 12px;
230
219
  text-decoration: none;
231
220
  color: #005fb8;
232
- font-family: ${(_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.fontFamily};
221
+ font-family: ${(_x = THEME.token) === null || _x === void 0 ? void 0 : _x.fontFamily};
233
222
  font-weight: bold;
234
223
  `;
235
224
  export const IframeHelp = styled.iframe `
@@ -271,8 +260,8 @@ export const IconButtonStyled = styled(Button) `
271
260
 
272
261
  &.antsomi-dropdown-open,
273
262
  &.antsomi-popover-open {
274
- color: ${(_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.blue7} !important;
275
- background-color: ${(_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.blue1_1} !important;
276
- border: 1px solid ${(_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.blue7} !important;
263
+ color: ${(_y = THEME.token) === null || _y === void 0 ? void 0 : _y.blue7} !important;
264
+ background-color: ${(_z = THEME.token) === null || _z === void 0 ? void 0 : _z.blue1_1} !important;
265
+ border: 1px solid ${(_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.blue7} !important;
277
266
  }
278
267
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antscorp/antsomi-ui",
3
- "version": "1.3.5-beta.675",
3
+ "version": "1.3.5-beta.676",
4
4
  "description": "An enterprise-class UI design language and React UI library.",
5
5
  "sideEffects": [
6
6
  "dist/*",