@antscorp/antsomi-ui 1.3.5-beta.484 → 1.3.5-beta.486

package/es/components/organism/AccountProfile/AccountProfile.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type AccountSettingProps } from './components/AccountSetting';
+export interface AccountProfileProps extends Omit<AccountSettingProps, 'setDrawerHeader'> {
+    open: boolean;
+    onClose: () => void;
+}
+export declare const AccountProfile: React.FC<AccountProfileProps>;

package/es/components/organism/AccountProfile/AccountProfile.js

@@ -0,0 +1,21 @@
+import React, { useState } from 'react';
+import { DrawerDetail, Icon } from '@antscorp/antsomi-ui/es/components';
+import { AccountSetting } from './components/AccountSetting';
+export const AccountProfile = props => {
+    const { open, onClose } = props;
+    const [drawerHeader, setDrawerHeader] = useState(null);
+    return (React.createElement(DrawerDetail, { open: open, closable: false, name: "drawer-account-profile", destroyOnClose: true, menuProps: {
+            items: [
+                {
+                    icon: React.createElement(Icon, { type: "icon-ants-pencil" }),
+                    label: 'Settings',
+                    key: 'settings',
+                },
+            ],
+            selectedKeys: ['settings'],
+        }, onClose: onClose, headerProps: {
+            showBorderBottom: true,
+            children: drawerHeader,
+        } },
+        React.createElement(AccountSetting, Object.assign({}, props, { setDrawerHeader: setDrawerHeader }))));
+};

package/es/components/organism/AccountProfile/components/AccountSetting/AccountSetting.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './styles.scss';
+import type { AccountSettingProps } from './types';
+export { type AccountSettingProps };
+export declare const AccountSetting: React.FC<AccountSettingProps>;