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

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';
@@ -145,7 +145,11 @@ export const Layout = memo(props => {
145
145
  return (React.createElement(LayoutWrapper, { showLeftMenu: !!showLeftMenu },
146
146
  React.createElement(Helmet, null,
147
147
  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)),
148
+ React.createElement("title", null, (header === null || header === void 0 ? void 0 : header.browserTitle) || (header === null || header === void 0 ? void 0 : header.pageTitle)
149
+ ? isString(header === null || header === void 0 ? void 0 : header.pageTitle)
150
+ ? header === null || header === void 0 ? void 0 : header.pageTitle
151
+ : ''
152
+ : activePageTitle)),
149
153
  React.createElement(HeaderV2, Object.assign({}, mergeHeaderProps, { showLogo: !showLeftMenu })),
150
154
  React.createElement(Flex, { className: "layout-body" },
151
155
  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.499",
4
4
  "description": "An enterprise-class UI design language and React UI library.",
5
5
  "sideEffects": [
6
6
  "dist/*",