dinocollab-core 1.0.0

package/dist/src/utils/query-param.js

@@ -0,0 +1,172 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import queryString from 'query-string';
+
+var StringStardize = function StringStardize(str) {
+  var _a;
+  return (_a = str === null || str === void 0 ? void 0 : str.trim().toLowerCase()) !== null && _a !== void 0 ? _a : '';
+};
+var QueryParamBase = /*#__PURE__*/function () {
+  function QueryParamBase() {
+    var _this = this;
+    _classCallCheck(this, QueryParamBase);
+    this.getPath = function () {
+      return window.location.pathname === '/' ? '' : window.location.pathname;
+    };
+    // stringify<TParam extends {} = any>(param: TParam) {
+    //   return `?${encodeURIComponent(queryString.stringify(param, { skipNull: true, skipEmptyString: true }))}`
+    // }
+    this.stringify = function (param) {
+      var entries = Object.keys(param).filter(function (key) {
+        return param[key];
+      }) // skip null & empty string
+      .reduce(function (a, key) {
+        var encodedValue = encodeURIComponent(param[key]);
+        a[key] = encodedValue;
+        return a;
+      }, {});
+      return '?' + queryString.stringify(entries, {
+        skipNull: true,
+        skipEmptyString: true
+      });
+    };
+    this.GetAll = function () {
+      return _this._GetValues();
+    };
+  }
+  return _createClass(QueryParamBase, [{
+    key: "_GetValues",
+    value: function _GetValues() {
+      // return queryString.parse(decodeURIComponent(window.location.search))
+      return queryString.parse(decodeURIComponent(window.location.search));
+    }
+  }, {
+    key: "_GetValuesMap",
+    value: function _GetValuesMap() {
+      var query = this._GetValues();
+      return new Map(Object.keys(query).map(function (x) {
+        return [StringStardize(x), query[x]];
+      }));
+    }
+  }, {
+    key: "_GetkeysMap",
+    value: function _GetkeysMap() {
+      var query = this._GetValues();
+      return new Map(Object.keys(query).map(function (x) {
+        return [StringStardize(x), x];
+      }));
+    }
+  }, {
+    key: "Replace",
+    value: function Replace(param, state) {
+      window.history.replaceState(state !== null && state !== void 0 ? state : {}, '', "".concat(this.getPath()).concat(this.stringify(param)));
+      window.dispatchEvent(new window.PopStateEvent('popstate'));
+    }
+  }, {
+    key: "Patch",
+    value: function Patch(param, state) {
+      var query = this._GetValues();
+      var keyMap = this._GetkeysMap();
+      Object.keys(param).forEach(function (k) {
+        var _a;
+        var key = StringStardize(k);
+        if (keyMap.has(key)) {
+          query[(_a = keyMap.get(key)) !== null && _a !== void 0 ? _a : ''] = param[k];
+        } else {
+          query[k] = param[k];
+        }
+      });
+      this.Put(query, state);
+    }
+  }, {
+    key: "ReplacePatch",
+    value: function ReplacePatch(param, state) {
+      var query = this._GetValues();
+      var keyMap = this._GetkeysMap();
+      Object.keys(param).forEach(function (k) {
+        var _a;
+        var key = StringStardize(k);
+        if (keyMap.has(key)) {
+          query[(_a = keyMap.get(key)) !== null && _a !== void 0 ? _a : ''] = param[k];
+        } else {
+          query[k] = param[k];
+        }
+      });
+      this.Replace(query, state);
+    }
+  }, {
+    key: "Put",
+    value: function Put(param, state) {
+      window.history.pushState(state !== null && state !== void 0 ? state : {}, '', "".concat(this.getPath()).concat(this.stringify(param)));
+      window.dispatchEvent(new window.PopStateEvent('popstate'));
+    }
+  }, {
+    key: "Deletes",
+    value: function Deletes() {
+      for (var _len = arguments.length, keys = new Array(_len), _key = 0; _key < _len; _key++) {
+        keys[_key] = arguments[_key];
+      }
+      this.DeletesWithState(keys);
+    }
+  }, {
+    key: "ReplaceDeletes",
+    value: function ReplaceDeletes() {
+      for (var _len2 = arguments.length, keys = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        keys[_key2] = arguments[_key2];
+      }
+      this.ReplaceDeletesWithState(keys);
+    }
+  }, {
+    key: "ReplaceDeletesWithState",
+    value: function ReplaceDeletesWithState(keys, state) {
+      var query = this._GetValues();
+      var keyMap = this._GetkeysMap();
+      keys.forEach(function (k) {
+        var _a;
+        var key = StringStardize(k.toString());
+        if (keyMap.has(key)) {
+          delete query[(_a = keyMap.get(key)) !== null && _a !== void 0 ? _a : ''];
+        }
+      });
+      this.Replace(query, state);
+    }
+  }, {
+    key: "DeletesWithState",
+    value: function DeletesWithState(keys, state) {
+      var query = this._GetValues();
+      var keyMap = this._GetkeysMap();
+      keys.forEach(function (k) {
+        var _a;
+        var key = StringStardize(k.toString());
+        if (keyMap.has(key)) {
+          delete query[(_a = keyMap.get(key)) !== null && _a !== void 0 ? _a : ''];
+        }
+      });
+      this.Put(query, state);
+    }
+  }, {
+    key: "DeleteAll",
+    value: function DeleteAll() {
+      window.history.replaceState({}, '', "".concat(this.getPath()));
+    }
+  }, {
+    key: "Gets",
+    value: function Gets() {
+      var query = this._GetValuesMap();
+      for (var _len3 = arguments.length, keys = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        keys[_key3] = arguments[_key3];
+      }
+      return keys.reduce(function (a, k) {
+        var key = StringStardize(k.toString());
+        if (query.has(key)) {
+          a[k] = query.get(key);
+        }
+        return a;
+      }, {});
+    }
+  }]);
+}();
+var QueryParam = new QueryParamBase();
+window.QueryParam = QueryParam;
+
+export { QueryParam, QueryParam as default };
+//# sourceMappingURL=query-param.js.map

package/dist/src/utils/query-param.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-param.js","sources":["../../../src/utils/query-param.ts"],"sourcesContent":["import queryString from 'query-string'\r\n\r\nconst StringStardize = (str: string) => str?.trim().toLowerCase() ?? ''\r\n\r\nclass QueryParamBase {\r\n  private _GetValues() {\r\n    // return queryString.parse(decodeURIComponent(window.location.search))\r\n    return queryString.parse(decodeURIComponent(window.location.search))\r\n  }\r\n\r\n  private _GetValuesMap() {\r\n    const query = this._GetValues()\r\n    return new Map(Object.keys(query).map((x) => [StringStardize(x), query[x] as string]))\r\n  }\r\n\r\n  private _GetkeysMap() {\r\n    const query = this._GetValues()\r\n    return new Map(Object.keys(query).map((x) => [StringStardize(x), x]))\r\n  }\r\n\r\n  private getPath = () => (window.location.pathname === '/' ? '' : window.location.pathname)\r\n\r\n  // stringify<TParam extends {} = any>(param: TParam) {\r\n  //   return `?${encodeURIComponent(queryString.stringify(param, { skipNull: true, skipEmptyString: true }))}`\r\n  // }\r\n  stringify = <TParam extends Record<string, any> = any>(param: TParam): string => {\r\n    const entries = Object.keys(param)\r\n      .filter((key) => param[key]) // skip null & empty string\r\n      .reduce((a, key) => {\r\n        const encodedValue = encodeURIComponent(param[key])\r\n        a[key] = encodedValue\r\n        return a\r\n      }, {} as any)\r\n\r\n    return '?' + queryString.stringify(entries, { skipNull: true, skipEmptyString: true })\r\n  }\r\n\r\n  Replace<TParam extends {} = any, TState = any>(param: TParam, state?: TState) {\r\n    window.history.replaceState(state ?? {}, '', `${this.getPath()}${this.stringify(param)}`)\r\n    window.dispatchEvent(new window.PopStateEvent('popstate'))\r\n  }\r\n\r\n  Patch<TParam extends { [key: string]: any } = any, TState = any>(param: TParam, state?: TState) {\r\n    const query = this._GetValues()\r\n    const keyMap = this._GetkeysMap()\r\n    Object.keys(param).forEach((k) => {\r\n      const key = StringStardize(k)\r\n      if (keyMap.has(key)) {\r\n        query[keyMap.get(key) ?? ''] = param[k]\r\n      } else {\r\n        query[k] = param[k]\r\n      }\r\n    })\r\n    this.Put(query, state)\r\n  }\r\n\r\n  ReplacePatch<TParam extends { [key: string]: any } = any, TState = any>(param: TParam, state?: TState) {\r\n    const query = this._GetValues()\r\n    const keyMap = this._GetkeysMap()\r\n    Object.keys(param).forEach((k) => {\r\n      const key = StringStardize(k)\r\n      if (keyMap.has(key)) {\r\n        query[keyMap.get(key) ?? ''] = param[k]\r\n      } else {\r\n        query[k] = param[k]\r\n      }\r\n    })\r\n    this.Replace(query, state)\r\n  }\r\n\r\n  Put<TParam extends {} = any, TState = any>(param: TParam, state?: TState) {\r\n    window.history.pushState(state ?? {}, '', `${this.getPath()}${this.stringify(param)}`)\r\n    window.dispatchEvent(new window.PopStateEvent('popstate'))\r\n  }\r\n\r\n  Deletes<TValue extends {} = any>(...keys: (keyof TValue)[]) {\r\n    this.DeletesWithState(keys)\r\n  }\r\n\r\n  ReplaceDeletes<TValue extends {} = any>(...keys: (keyof TValue)[]) {\r\n    this.ReplaceDeletesWithState(keys)\r\n  }\r\n\r\n  ReplaceDeletesWithState<TValue extends {} = any, TState = any>(keys: (keyof TValue)[], state?: TState) {\r\n    const query = this._GetValues()\r\n    const keyMap = this._GetkeysMap()\r\n    keys.forEach((k) => {\r\n      const key = StringStardize(k.toString())\r\n      if (keyMap.has(key)) {\r\n        delete query[keyMap.get(key) ?? '']\r\n      }\r\n    })\r\n    this.Replace(query, state)\r\n  }\r\n\r\n  DeletesWithState<TValue extends {} = any, TState = any>(keys: (keyof TValue)[], state?: TState) {\r\n    const query = this._GetValues()\r\n    const keyMap = this._GetkeysMap()\r\n    keys.forEach((k) => {\r\n      const key = StringStardize(k.toString())\r\n      if (keyMap.has(key)) {\r\n        delete query[keyMap.get(key) ?? '']\r\n      }\r\n    })\r\n    this.Put(query, state)\r\n  }\r\n\r\n  DeleteAll() {\r\n    window.history.replaceState({}, '', `${this.getPath()}`)\r\n  }\r\n\r\n  GetAll = () => {\r\n    return this._GetValues()\r\n  }\r\n\r\n  Gets<TValue extends {} = any>(...keys: (keyof TValue)[]) {\r\n    const query = this._GetValuesMap()\r\n    return keys.reduce<Partial<TValue>>((a, k) => {\r\n      const key = StringStardize(k.toString())\r\n      if (query.has(key)) {\r\n        a[k] = query.get(key) as any\r\n      }\r\n      return a\r\n    }, {})\r\n  }\r\n}\r\nexport const QueryParam = new QueryParamBase()\r\n;(window as any).QueryParam = QueryParam\r\nexport default QueryParam\r\n"],"names":["StringStardize","str","_a","trim","toLowerCase","QueryParamBase","_this","_classCallCheck","getPath","window","location","pathname","stringify","param","entries","Object","keys","filter","key","reduce","a","encodedValue","encodeURIComponent","queryString","skipNull","skipEmptyString","GetAll","_GetValues","_createClass","value","parse","decodeURIComponent","search","_GetValuesMap","query","Map","map","x","_GetkeysMap","Replace","state","history","replaceState","concat","dispatchEvent","PopStateEvent","Patch","keyMap","forEach","k","has","get","Put","ReplacePatch","pushState","Deletes","_len","arguments","length","Array","_key","DeletesWithState","ReplaceDeletes","_len2","_key2","ReplaceDeletesWithState","toString","DeleteAll","Gets","_len3","_key3","QueryParam"],"mappings":"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"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "dinocollab-core",
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/types/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "build": "npx rimraf dist && rollup -c"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "@mui/icons-material": "5.17.1",
+    "@mui/material": "5.17.1",
+    "@mui/x-data-grid": "6.20.4",
+    "@mui/x-date-pickers": "6.20.2",
+    "axios": "1.8.3",
+    "clipboard-copy": "4.0.1",
+    "dayjs": "1.11.5",
+    "dotenv": "16.4.7",
+    "query-string": "9.1.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-quill": "2.0.0",
+    "react-router-dom": "6.30.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.27.1",
+    "@babel/preset-env": "7.27.2",
+    "@babel/preset-react": "7.27.1",
+    "@babel/preset-typescript": "7.27.1",
+    "@rollup/plugin-alias": "5.1.1",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-commonjs": "28.0.3",
+    "@rollup/plugin-node-resolve": "16.0.1",
+    "@rollup/plugin-typescript": "12.1.2",
+    "@rollup/plugin-url": "8.0.2",
+    "@types/node": "16.18.126",
+    "@types/react": "18.3.20",
+    "@types/react-dom": "18.3.5",
+    "babel-preset-react": "6.24.1",
+    "babel-preset-typescript": "7.0.0-alpha.19",
+    "rollup": "4.41.0",
+    "rollup-plugin-multi-input": "1.5.0",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "tslib": "2.8.1",
+    "typescript": "4.9.5"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,39 @@
+import peerDepsExternal from 'rollup-plugin-peer-deps-external'
+import resolve from '@rollup/plugin-node-resolve'
+import commonjs from '@rollup/plugin-commonjs'
+import typescript from '@rollup/plugin-typescript'
+import babel from '@rollup/plugin-babel'
+import url from '@rollup/plugin-url'
+
+export default {
+  input: ['src/index.ts'],
+  output: [
+    {
+      dir: 'dist',
+      format: 'esm',
+      sourcemap: true,
+      preserveModules: true,
+      entryFileNames: '[name].js'
+    }
+  ],
+  plugins: [
+    url({
+      include: ['**/*.webp'], // 👈 hỗ trợ file .webp
+      limit: 8192, // nếu file < 8kb sẽ convert sang base64, ngược lại sẽ emit file
+      emitFiles: true,
+      fileName: '[name][hash][extname]',
+      destDir: 'dist/assets' // thư mục chứa file ảnh
+    }),
+    peerDepsExternal(),
+    resolve(),
+    commonjs(),
+    typescript({ tsconfig: './tsconfig.json' }),
+    babel({
+      babelHelpers: 'bundled',
+      presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
+      extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      exclude: 'node_modules/**'
+    })
+  ],
+  external: ['react', 'react-dom']
+}

package/src/@types/global.d.ts

@@ -0,0 +1,5 @@
+type SingleOrArray<T> = T | T[]
+declare module '*.webp' {
+  const value: string;
+  export default value;
+}

package/src/api-context/alert-global.tsx

@@ -0,0 +1,174 @@
+import React, { FC, useCallback, useEffect, useState } from 'react'
+import { Box, Stack, styled, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material'
+import MuiAlert, { AlertProps, AlertColor } from '@mui/material/Alert'
+
+const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(props, ref) {
+  return <MuiAlert elevation={6} ref={ref} variant='standard' {...props} style={{ minWidth: '300px' }} />
+})
+
+interface MessageData {
+  id: string
+  text: string
+  type: AlertColor
+  duration?: number
+}
+
+interface IOptions {
+  duration?: number
+}
+
+interface IApiAlert {
+  PushMessage: (data: MessageData) => void
+  PushInfo: (data: string) => void
+  PushError: (data: string) => void
+  PushWarning: (data: string) => void
+  PushSuccess: (data: string) => void
+}
+
+export interface IApiContext {
+  ApiAlert?: IApiAlert
+}
+
+export const ApiAlertContext: IApiContext = {}
+
+const RenderArea = (messages: MessageData[], onClose: (data: MessageData) => void) => {
+  return messages.map((x, i) => {
+    return <Message key={x.id + i} data={x} IsOpen={true} handleClose={onClose} autoDurationHide={x.duration} />
+  })
+}
+
+function AlertGlobal() {
+  const [Messages, setMessages] = useState<MessageData[]>([])
+  const _PushMessage = useCallback((data: MessageData) => {
+    setMessages((st) => [...st, data])
+  }, [])
+  const _HandleClose = useCallback(
+    (data: MessageData) => {
+      const index = Messages.findIndex((x) => x.id === data.id)
+      Messages.splice(index, 1)
+      setMessages([...Messages])
+    },
+    [Messages]
+  )
+
+  useEffect(() => {
+    ApiAlertContext.ApiAlert = {
+      ...(ApiAlertContext.ApiAlert ? ApiAlertContext.ApiAlert : {}),
+      PushMessage: _PushMessage,
+      PushError: function (data: string, options?: IOptions) {
+        this.PushMessage({
+          id: new Date().getTime().toString(),
+          text: data,
+          type: 'error',
+          duration: options?.duration || 15000
+        })
+      },
+      PushInfo: function (data: string, options?: IOptions) {
+        this.PushMessage({
+          id: new Date().getTime().toString(),
+          text: data,
+          type: 'info',
+          duration: options?.duration || 6000
+        })
+      },
+      PushWarning: function (data: string, options?: IOptions) {
+        this.PushMessage({
+          id: new Date().getTime().toString(),
+          text: data,
+          type: 'warning',
+          duration: options?.duration || 6000
+        })
+      },
+      PushSuccess: function (data: string, options?: IOptions) {
+        this.PushMessage({
+          id: new Date().getTime().toString(),
+          text: data,
+          type: 'success',
+          duration: options?.duration || 3000
+        })
+      }
+    }
+  }, [_PushMessage])
+
+  return (
+    <Wrap>
+      <Stack spacing={2} sx={{ maxWidth: '300px' }}>
+        {RenderArea(Messages, _HandleClose)}
+      </Stack>
+    </Wrap>
+  )
+}
+export default AlertGlobal
+
+interface MessageProps {
+  IsOpen: boolean
+  handleClose: (data: MessageData) => void
+  data: MessageData
+  autoDurationHide?: number
+}
+const Message: FC<MessageProps> = (props) => {
+  const _handleClose = useCallback(() => props.handleClose(props.data), [props])
+
+  useEffect(() => {
+    let Timer: any = null
+    if (props.autoDurationHide) {
+      Timer = setTimeout(() => {
+        props.handleClose(props.data)
+      }, props.autoDurationHide)
+    }
+    return () => {
+      clearTimeout(Timer as any)
+    }
+  }, [props])
+  return (
+    <Alert onClose={_handleClose} severity={props.data.type}>
+      {props.data.text}
+    </Alert>
+  )
+}
+
+const Wrap = styled(Box)({
+  position: 'fixed',
+  top: 'calc(var(--height-header) + 20px)',
+  right: '50px',
+  zIndex: 2000,
+  display: 'flex',
+  justifyContent: 'flex-start',
+  alignItems: 'center'
+})
+
+interface AlertDialogProps {
+  IsOpen: boolean
+  onClose?: () => void
+  onAccept?: () => void
+  Title: string
+  Message: string
+}
+export const AlertDialog: React.FC<AlertDialogProps> = (props) => {
+  const [Open, setOpen] = React.useState(props.IsOpen)
+  React.useEffect(() => {
+    setOpen(props.IsOpen)
+  }, [props.IsOpen])
+  const _handleClose = React.useCallback(() => {
+    setOpen(false)
+    props.onClose && props.onClose()
+  }, [props])
+  return (
+    <div>
+      <Dialog open={Open} onClose={_handleClose} aria-labelledby='alert-dialog-title' aria-describedby='alert-dialog-description'>
+        <DialogTitle id='alert-dialog-title'>{props.Title}</DialogTitle>
+        <DialogContent>
+          <DialogContentText id='alert-dialog-description'>{props.Message}</DialogContentText>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={props.onAccept} autoFocus color='info'>
+            Ok
+          </Button>
+          <Button onClick={_handleClose} color='error'>
+            Cancel
+          </Button>
+        </DialogActions>
+      </Dialog>
+    </div>
+  )
+}

package/src/api-context/drawer-global.tsx

@@ -0,0 +1,116 @@
+import React, { Component, ReactNode } from 'react'
+import { Box, Divider, Drawer, DrawerProps, IconButton, styled, Typography } from '@mui/material'
+import CloseIcon from '@mui/icons-material/Close'
+
+const drawerGlobalClasses = {
+  root: 'DrawerGlobal-root',
+  title: 'DrawerGlobal-title',
+  content: 'DrawerGlobal-content',
+  fullHeight: 'DrawerGlobal-fullHeight'
+}
+
+interface IProps {}
+
+interface IState {
+  title?: ReactNode
+  icon?: ReactNode
+  fullHeight?: boolean
+  anchor?: DrawerProps['anchor']
+  /** @default true */
+  backdropClickeable?: boolean
+  renderContent?: () => ReactNode
+}
+
+type TReason = 'backdropClick' | 'escapeKeyDown'
+
+interface DrawerGlobalApiType {
+  open: (state: IState) => void
+  close: (reason?: TReason) => void
+}
+
+const DrawerGlobalApi: DrawerGlobalApiType = {
+  close: () => {
+    console.warn('DrawerGlobal provider not found!')
+  },
+  open: () => {
+    console.warn('DrawerGlobal provider not found!')
+  }
+}
+
+class DrawerGlobalProvider extends Component<IProps, IState> {
+  constructor(props: IProps) {
+    super(props)
+    this.state = {}
+  }
+
+  close = (reason?: TReason) => {
+    if (this.state.backdropClickeable === false && reason === 'backdropClick') return
+    this.setState({ renderContent: undefined })
+  }
+
+  open = (state: IState) => this.setState(state)
+
+  componentDidMount() {
+    DrawerGlobalApi.open = this.open
+    DrawerGlobalApi.close = this.close
+  }
+
+  render() {
+    return (
+      <Drawer anchor={this.state.anchor} open={Boolean(this.state.renderContent)} onClose={(_, reason) => this.close(reason)}>
+        <Wrap className={this.getClasses()}>
+          <div className={drawerGlobalClasses.title}>
+            {this.state.icon}
+            {this.renderTitle()}
+            <Box sx={{ flex: 1 }} />
+            <IconButton onClick={() => this.close()}>
+              <CloseIcon />
+            </IconButton>
+          </div>
+          <Divider variant='middle' />
+          <div className={drawerGlobalClasses.content}>{this.state.renderContent && this.state.renderContent()}</div>
+        </Wrap>
+      </Drawer>
+    )
+  }
+
+  renderTitle = () => {
+    if (typeof this.state.title === 'string') {
+      return (
+        <Typography variant='h6' noWrap>
+          {this.state.title}
+        </Typography>
+      )
+    }
+    return this.state.title
+  }
+
+  getClasses = () => {
+    const classes = [drawerGlobalClasses.root]
+    if (this.state.fullHeight) classes.push(drawerGlobalClasses.fullHeight)
+    return classes.join(' ')
+  }
+}
+
+const DrawerGlobal = {
+  Provider: DrawerGlobalProvider,
+  Api: DrawerGlobalApi
+}
+
+export default DrawerGlobal
+
+const Wrap = styled(Box)({
+  '--height-title': '56px',
+  [`.${drawerGlobalClasses.title}`]: {
+    display: 'flex',
+    alignItems: 'center',
+    height: 'var(--height-title)',
+    padding: '0 12px',
+    gap: '6px'
+  },
+  [`&.${drawerGlobalClasses.fullHeight}`]: {
+    [`.${drawerGlobalClasses.content}`]: {
+      height: 'calc(100vh - var(--height-title) - 60px)'
+    }
+  }
+})