@antscorp/antsomi-ui 1.3.5-beta.497 → 1.3.5-beta.498

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.
@@ -116,25 +116,32 @@ export const DrawerDetail = props => {
116
116
  localStorage.setItem(DRAWER_DETAIL_LOCAL_STORAGE_KEY, JSON.stringify(Object.assign(Object.assign({}, localStorageValues), { [name || '']: !collapseDrawer })));
117
117
  }
118
118
  };
119
- return (React.createElement(ConfigProvider, { theme: { components: { Drawer: { motionDurationSlow: '0ms' } } } },
119
+ return (React.createElement(ConfigProvider, { theme: {
120
+ token: {
121
+ motion: false,
122
+ },
123
+ } },
120
124
  React.createElement(StyledDrawer, Object.assign({ push: false, closable: false, width: drawerWidth, classNames: {
121
125
  body: 'drawer-detail-body',
126
+ }, contentWrapperStyle: {
127
+ transition: 'none',
122
128
  }, destroyOnClose: destroyOnClose }, restProps),
123
- showCloseIcon && (React.createElement("div", Object.assign({ className: "close-btn" }, restOfCloseIcon, { onClick: e => {
124
- onCloseIconClick(e);
125
- onClose(e);
126
- } }),
127
- React.createElement(Icon, { type: "icon-ants-remove-slim", size: 14 }))),
128
- showExpandButton && !fullScreen && (React.createElement(ToggleDrawerSizeButton, { style: Object.assign({}, (!showMenu && { background: '#ffffff' })), onClick: () => handleToggleDrawerSize(), collapse: collapseDrawer })),
129
- showMenu && (React.createElement(LeftMenu, { className: "animate__animated animate__fadeIn" },
130
- React.createElement("div", null,
131
- showClose && (React.createElement(CloseBtn, { onClick: onClose },
132
- React.createElement(Icon, { type: "icon-ants-remove-slim", size: 14 }))),
133
- React.createElement(Flex, { vertical: true, gap: 10, align: "center", justify: "center" }, items === null || items === void 0 ? void 0 : items.map((item) => (React.createElement(Tooltip, { key: item === null || item === void 0 ? void 0 : item.key, title: item === null || item === void 0 ? void 0 : item.label, mouseEnterDelay: 0.3 },
134
- React.createElement(MenuItem, { key: item === null || item === void 0 ? void 0 : item.key, className: (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.includes(item.key)) ? 'active' : '', onClick: () => onClick && onClick(item) }, item.icon)))))),
135
- React.createElement(MenuFooter, null, footer))),
136
- React.createElement(Content, null,
137
- (headerProps === null || headerProps === void 0 ? void 0 : headerProps.children) && (React.createElement(DrawerHeader, Object.assign({ align: "center" }, restOfHeaderProps), headerChildren)),
138
- children))));
129
+ React.createElement(ConfigProvider, { theme: { token: { motion: true } } },
130
+ showCloseIcon && (React.createElement("div", Object.assign({ className: "close-btn" }, restOfCloseIcon, { onClick: e => {
131
+ onCloseIconClick(e);
132
+ onClose(e);
133
+ } }),
134
+ React.createElement(Icon, { type: "icon-ants-remove-slim", size: 14 }))),
135
+ showExpandButton && !fullScreen && (React.createElement(ToggleDrawerSizeButton, { style: Object.assign({}, (!showMenu && { background: '#ffffff' })), onClick: () => handleToggleDrawerSize(), collapse: collapseDrawer })),
136
+ showMenu && (React.createElement(LeftMenu, { className: "animate__animated animate__fadeIn" },
137
+ React.createElement("div", null,
138
+ showClose && (React.createElement(CloseBtn, { onClick: onClose },
139
+ React.createElement(Icon, { type: "icon-ants-remove-slim", size: 14 }))),
140
+ React.createElement(Flex, { vertical: true, gap: 10, align: "center", justify: "center" }, items === null || items === void 0 ? void 0 : items.map((item) => (React.createElement(Tooltip, { key: item === null || item === void 0 ? void 0 : item.key, title: item === null || item === void 0 ? void 0 : item.label, mouseEnterDelay: 0.3 },
141
+ React.createElement(MenuItem, { key: item === null || item === void 0 ? void 0 : item.key, className: (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.includes(item.key)) ? 'active' : '', onClick: () => onClick && onClick(item) }, item.icon)))))),
142
+ React.createElement(MenuFooter, null, footer))),
143
+ React.createElement(Content, null,
144
+ (headerProps === null || headerProps === void 0 ? void 0 : headerProps.children) && (React.createElement(DrawerHeader, Object.assign({ align: "center" }, restOfHeaderProps), headerChildren)),
145
+ children)))));
139
146
  };
140
147
  DrawerDetail.defaultProps = {};
@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
13
13
  import React, { memo, useCallback, useMemo, useRef, useState } from 'react';
14
14
  import { useContextSelector } from 'use-context-selector';
15
15
  import AntsProcessingNotification from '@antscorp/processing-notification';
16
- import { cloneDeep, merge, omit } from 'lodash';
16
+ import { cloneDeep, isString, merge, omit } from 'lodash';
17
17
  import isEqual from 'react-fast-compare';
18
18
  import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
19
19
  import { Helmet } from 'react-helmet';
@@ -45,6 +45,8 @@ export const Layout = memo(props => {
45
45
  const { token, userId, portalId } = auth || {};
46
46
  const leftMenu = useLayoutStore(store => store.state.leftMenu);
47
47
  const header = useLayoutStore(store => store.state.header);
48
+ const setHeaderState = useLayoutStore(store => store.setHeaderState);
49
+ setHeaderState({ browserTitle: '' });
48
50
  const contentWrapper = useLayoutStore(store => store.state.contentWrapper);
49
51
  const workspace = useLayoutStore(store => store.state.workspace);
50
52
  const [showAccountSelection, setShowAccountSelection] = useState(false);
@@ -145,7 +147,11 @@ export const Layout = memo(props => {
145
147
  return (React.createElement(LayoutWrapper, { showLeftMenu: !!showLeftMenu },
146
148
  React.createElement(Helmet, null,
147
149
  React.createElement("meta", { charSet: "utf-8" }),
148
- React.createElement("title", null, (header === null || header === void 0 ? void 0 : header.browserTitle) || (header === null || header === void 0 ? void 0 : header.pageTitle) || activePageTitle)),
150
+ React.createElement("title", null, (header === null || header === void 0 ? void 0 : header.browserTitle) || (header === null || header === void 0 ? void 0 : header.pageTitle)
151
+ ? isString(header === null || header === void 0 ? void 0 : header.pageTitle)
152
+ ? header === null || header === void 0 ? void 0 : header.pageTitle
153
+ : ''
154
+ : activePageTitle)),
149
155
  React.createElement(HeaderV2, Object.assign({}, mergeHeaderProps, { showLogo: !showLeftMenu })),
150
156
  React.createElement(Flex, { className: "layout-body" },
151
157
  showLeftMenu && (React.createElement(LeftMenu, Object.assign({ className: `layout-body__menu ${leftMenuClassName}` }, mergeLeftMenuProps, { appConfig: leftMenuAppConfig, onActiveMenuCodeChange: onActiveMenuCodeChange }))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antscorp/antsomi-ui",
3
- "version": "1.3.5-beta.497",
3
+ "version": "1.3.5-beta.498",
4
4
  "description": "An enterprise-class UI design language and React UI library.",
5
5
  "sideEffects": [
6
6
  "dist/*",