dinocollab-core 1.0.1 → 1.0.2

package/dist/table/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/table/helpers.ts"],"sourcesContent":["import { GridFilterModel, GridSortItem, GridSortModel } from '@mui/x-data-grid'\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity'\r\nimport { ICustomGridSortModel, ITableQueryParams, ITableQueryDetail } from './types'\r\nimport { decodeBase64, encodeBase64, QueryParam, tryParseObject } from '../utils'\r\n\r\nexport const dinoTableClasses = {\r\n  whiteSpacePre: 'white-space-pre-wrap'\r\n}\r\n\r\nexport interface ITableQueryParamModel {\r\n  table?: string\r\n}\r\n\r\nclass TableHelperBase {\r\n  private extractTableQueryParams = <T>(data?: ITableQueryParams<T>): ITableQueryParams<T> => {\r\n    if (!data) return {}\r\n    const { pagination, filter, sort, loading } = data\r\n    return { pagination, filter, sort, loading }\r\n  }\r\n\r\n  isEmpty = <T>(value: ITableQueryParams<T>, defaultValue?: ITableQueryParams<T>): boolean => {\r\n    const obj = this.extractTableQueryParams<T>(value)\r\n    const check1 = !obj.filter || obj.filter.items.filter((x) => !!x.value).length < 1\r\n    const check2 = !value.filter?.quickFilterValues || value.filter.quickFilterValues.length < 1\r\n    // const check3 =\r\n    return check1 || check2\r\n  }\r\n\r\n  equalTableQueryParams = <T>(ti1?: ITableQueryParams<T>, ti2?: ITableQueryParams<T>): boolean => {\r\n    return JSON.stringify(this.extractTableQueryParams<T>(ti1)) === JSON.stringify(this.extractTableQueryParams<T>(ti2))\r\n  }\r\n\r\n  mapInitialState = <T>(value?: ITableQueryParams<T>, initialState?: GridInitialStateCommunity): GridInitialStateCommunity => {\r\n    if (!value) return initialState ?? {}\r\n    return {\r\n      pagination: { paginationModel: value.pagination },\r\n      filter: { filterModel: value.filter as GridFilterModel },\r\n      sorting: { sortModel: this.mapSortModel(value.sort) },\r\n      ...initialState\r\n    }\r\n  }\r\n\r\n  mapSortModel = <T>(value?: ICustomGridSortModel<T>): GridSortModel | undefined => {\r\n    return value?.map<GridSortItem>((x) => ({ field: x.field.toString(), sort: x.sort }))\r\n  }\r\n\r\n  detectSearchType = (data: GridFilterModel): ITableQueryDetail => {\r\n    const hasQuickSearch = data.quickFilterValues && data.quickFilterValues.length > 0\r\n    const hasFilter = data.items && data.items.length > 0\r\n    if (hasQuickSearch && !hasFilter) return 'quickSearch'\r\n    if (hasFilter) return 'filter'\r\n  }\r\n\r\n  //#region Query Params\r\n  private extractToUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>): Partial<ITableQueryParams<TModel>> => {\r\n    const { filter, sort, pagination } = tableInfo\r\n    const obj = { filter, sort, pagination }\r\n    const isQuickSearchEmpty = !filter?.quickFilterValues?.filter((x) => !!x).length\r\n    if (!filter?.items.length && isQuickSearchEmpty) {\r\n      obj.filter = undefined\r\n    }\r\n    return obj\r\n  }\r\n\r\n  private equals = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, tableInfoOld: Partial<ITableQueryParams<TModel>>) => {\r\n    return JSON.stringify(this.extractToUrlQuery(tableInfo)) === JSON.stringify(this.extractToUrlQuery(tableInfoOld))\r\n  }\r\n\r\n  setUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, defaultValue: ITableQueryParams<TModel>) => {\r\n    try {\r\n      if (!this.equals(tableInfo, defaultValue)) {\r\n        const data = this.extractToUrlQuery(tableInfo)\r\n        const tqp: ITableQueryParamModel = { table: encodeBase64(JSON.stringify(data)) }\r\n        QueryParam.Patch(tqp)\r\n      } else {\r\n        QueryParam.Deletes<ITableQueryParamModel>('table')\r\n      }\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n\r\n  getUrlQuery = <TModel>(defaultValue: ITableQueryParams<TModel>): ITableQueryParams<TModel> => {\r\n    const temp = QueryParam.GetAll() as ITableQueryParamModel\r\n    if (!temp?.table) return defaultValue\r\n    const data = tryParseObject<ITableQueryParams<TModel>>(decodeBase64(temp.table ?? ''), {})\r\n    if (Object.keys(data).length < 1) return defaultValue\r\n    return data\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst TableHelper = new TableHelperBase()\r\nexport default TableHelper\r\n"],"names":["dinoTableClasses","whiteSpacePre","TableHelperBase","_createClass","_this","_classCallCheck","_defineProperty","data","pagination","filter","sort","loading","value","defaultValue","_value$filter","obj","extractTableQueryParams","check1","items","x","length","check2","quickFilterValues","ti1","ti2","JSON","stringify","initialState","_objectSpread","paginationModel","filterModel","sorting","sortModel","mapSortModel","map","field","toString","hasQuickSearch","hasFilter","tableInfo","_filter$quickFilterVa","isQuickSearchEmpty","undefined","tableInfoOld","extractToUrlQuery","equals","tqp","table","encodeBase64","QueryParam","Patch","Deletes","error","console","log","_temp$table","temp","GetAll","tryParseObject","decodeBase64","Object","keys","TableHelper"],"mappings":"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"}

package/dist/table/model-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-filter.js","sources":["../../src/table/model-filter.ts"],"sourcesContent":["export enum ELogic {\r\n  And,\r\n  Or\r\n}\r\n\r\nexport enum EOperator {\r\n  GreaterThan,\r\n  LessThan,\r\n  GreaterThanOrEqual,\r\n  LessThanOrEqual,\r\n  NotEqual,\r\n  Equal,\r\n  Contains\r\n}\r\n\r\nexport enum EOrder {\r\n  Ascending,\r\n  Descending\r\n}\r\n\r\nexport interface IFieldFilter<T> {\r\n  Logic?: ELogic\r\n  Operator?: EOperator\r\n  FieldName: keyof T\r\n  Value: string\r\n}\r\n\r\nexport interface IScopeFilter<T> {\r\n  Logic?: ELogic\r\n  Scopes: IPropFilter<T>[]\r\n}\r\n\r\nexport type IPropFilter<T> = IFieldFilter<T> | IScopeFilter<T>\r\n\r\nexport interface IPropOrderBy<T> {\r\n  Type: EOrder\r\n  FieldName: keyof T\r\n}\r\n\r\nexport interface IModelFilter<T> {\r\n  Page?: number\r\n  Amount?: number\r\n  PropFilters?: IPropFilter<T>[]\r\n  PropOrders?: IPropOrderBy<T>[]\r\n}\r\n"],"names":["ELogic","EOperator","EOrder"],"mappings":"IAAYA;AAAZ,CAAA,UAAYA,MAAM,EAAA;EAChBA,MAAA,CAAAA,MAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAG;EACHA,MAAA,CAAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAE;AACJ,CAAC,EAHWA,MAAM,KAANA,MAAM,GAGjB,EAAA,CAAA,CAAA;IAEWC;AAAZ,CAAA,UAAYA,SAAS,EAAA;EACnBA,SAAA,CAAAA,SAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAW;EACXA,SAAA,CAAAA,SAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAQ;EACRA,SAAA,CAAAA,SAAA,CAAA,oBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,oBAAkB;EAClBA,SAAA,CAAAA,SAAA,CAAA,iBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,iBAAe;EACfA,SAAA,CAAAA,SAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAQ;EACRA,SAAA,CAAAA,SAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAK;EACLA,SAAA,CAAAA,SAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAQ;AACV,CAAC,EARWA,SAAS,KAATA,SAAS,GAQpB,EAAA,CAAA,CAAA;IAEWC;AAAZ,CAAA,UAAYA,MAAM,EAAA;EAChBA,MAAA,CAAAA,MAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAS;EACTA,MAAA,CAAAA,MAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAU;AACZ,CAAC,EAHWA,MAAM,KAANA,MAAM,GAGjB,EAAA,CAAA,CAAA;;;;"}

package/dist/table/toolbar-pannel.js

@@ -0,0 +1,143 @@
+import { objectSpread2 as _objectSpread2, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Component } from 'react';
+import { GridToolbar, GridToolbarQuickFilter } from '@mui/x-data-grid';
+import { styled, Typography, Box } from '@mui/material';
+import { BtnFormCreate } from './ui.buttons.js';
+import Breadcrumbs from '../components/breadcrumbs.js';
+import 'clipboard-copy';
+import '@mui/icons-material/Done';
+import '@mui/icons-material/ContentCopy';
+import HelpTooltip from '../components/help-tooltip.js';
+import '../components/text-editor.js';
+
+var ToolbarPannel = /*#__PURE__*/function (_Component) {
+  function ToolbarPannel() {
+    var _this;
+    _classCallCheck(this, ToolbarPannel);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ToolbarPannel, [].concat(args));
+    _defineProperty(_this, "renderTitle", function () {
+      var _this$props = _this.props,
+        title = _this$props.title,
+        afterTitle = _this$props.afterTitle,
+        breadcrumbs = _this$props.breadcrumbs;
+      var isVisible = !!title || !!breadcrumbs || !!afterTitle;
+      if (!isVisible) return jsx(Fragment, {});
+      var titleElm = title;
+      if (typeof title === 'string') titleElm = jsx(Title, {
+        children: title
+      });
+      if (breadcrumbs) titleElm = jsx(Breadcrumbs, {
+        value: breadcrumbs
+      });
+      return jsxs(Box, {
+        sx: {
+          height: '56px',
+          display: 'flex',
+          alignItems: 'center'
+        },
+        children: [titleElm, afterTitle]
+      });
+    });
+    _defineProperty(_this, "renderEndAdornment", function () {
+      if (!_this.props.searchInclude || _this.props.searchInclude.length <= 0) return jsx(Fragment, {});
+      return jsx(HelpTooltip, {
+        title: 'The search includes',
+        small: true,
+        children: jsx(SeachHelp, {
+          children: _this.props.searchInclude.map(function (item, index) {
+            return jsx("li", {
+              children: jsx(Typography, {
+                variant: 'body2',
+                children: item
+              })
+            }, index);
+          })
+        })
+      });
+    });
+    return _this;
+  }
+  _inherits(ToolbarPannel, _Component);
+  return _createClass(ToolbarPannel, [{
+    key: "render",
+    value: function render() {
+      return jsxs(Box, {
+        sx: {
+          padding: '0 6px'
+        },
+        children: [this.renderTitle(), jsxs(Box, {
+          sx: {
+            display: 'flex'
+          },
+          children: [jsxs(Box, {
+            sx: {
+              flex: 1,
+              display: 'flex',
+              alignItems: 'center',
+              flexWrap: 'wrap'
+            },
+            children: [jsx(GridToolbar, {
+              sx: {
+                padding: 0
+              }
+            }), this.props.formCreate && jsx(BtnFormCreate, {
+              children: this.props.formCreate
+            }), this.props.afterAction]
+          }), jsx(Box, {
+            sx: {
+              display: 'flex',
+              gap: '8px',
+              alignItems: 'center'
+            },
+            children: jsxs(Box, {
+              sx: {
+                display: 'flex',
+                alignItems: 'center'
+              },
+              children: [jsx(GridToolbarQuickFilter, {
+                fullWidth: true,
+                variant: 'standard',
+                size: 'small',
+                debounceMs: 800,
+                quickFilterParser: function quickFilterParser(x) {
+                  return [x];
+                }
+              }), this.renderEndAdornment()]
+            })
+          })]
+        })]
+      });
+    }
+  }]);
+}(Component);
+var SeachHelp = styled('ul')({
+  margin: '0 0 0 18px',
+  padding: 0,
+  li: {
+    position: 'relative'
+  },
+  'li::after': {
+    content: '"►"',
+    display: 'inline-block',
+    top: '50%',
+    transform: 'translateY(-50%)',
+    position: 'absolute',
+    left: '-18px'
+  }
+});
+var Title = styled(function (props) {
+  return jsx(Typography, _objectSpread2({
+    noWrap: true,
+    variant: 'subtitle1'
+  }, props));
+})({
+  fontWeight: 700,
+  flex: 1
+});
+
+export { ToolbarPannel as default };
+//# sourceMappingURL=toolbar-pannel.js.map

package/dist/table/toolbar-pannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-pannel.js","sources":["../../src/table/toolbar-pannel.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { GridToolbar, GridToolbarQuickFilter } from '@mui/x-data-grid'\r\nimport { Box, styled, Typography, TypographyProps } from '@mui/material'\r\nimport { BtnFormCreate } from './ui.buttons'\r\nimport { Breadcrumbs, IBreadcrumbConfig, HelpTooltip } from '../components'\r\n\r\nexport interface IToolbarPannelOptions {\r\n  searchInclude?: string[]\r\n  formCreate?: React.ReactNode\r\n  afterAction?: React.ReactNode\r\n  breadcrumbs?: IBreadcrumbConfig[]\r\n}\r\n\r\nexport interface IToolbarPannelProps extends IToolbarPannelOptions {\r\n  title?: React.ReactNode\r\n  afterTitle?: React.ReactNode\r\n}\r\n\r\nclass ToolbarPannel extends Component<React.PropsWithChildren<IToolbarPannelProps>> {\r\n  render() {\r\n    return (\r\n      <Box sx={{ padding: '0 6px' }}>\r\n        {this.renderTitle()}\r\n        <Box sx={{ display: 'flex' }}>\r\n          <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', flexWrap: 'wrap' }}>\r\n            <GridToolbar sx={{ padding: 0 }} />\r\n            {this.props.formCreate && <BtnFormCreate>{this.props.formCreate}</BtnFormCreate>}\r\n            {this.props.afterAction}\r\n          </Box>\r\n          <Box sx={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n            <Box sx={{ display: 'flex', alignItems: 'center' }}>\r\n              <GridToolbarQuickFilter fullWidth variant='standard' size='small' debounceMs={800} quickFilterParser={(x: any) => [x]} />\r\n              {this.renderEndAdornment()}\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  renderTitle = () => {\r\n    const { title, afterTitle, breadcrumbs } = this.props\r\n\r\n    const isVisible = !!title || !!breadcrumbs || !!afterTitle\r\n    if (!isVisible) return <></>\r\n\r\n    let titleElm = title\r\n    if (typeof title === 'string') titleElm = <Title>{title}</Title>\r\n    if (breadcrumbs) titleElm = <Breadcrumbs value={breadcrumbs} />\r\n\r\n    return (\r\n      <Box sx={{ height: '56px', display: 'flex', alignItems: 'center' }}>\r\n        {titleElm}\r\n        {afterTitle}\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  renderEndAdornment = () => {\r\n    if (!this.props.searchInclude || this.props.searchInclude.length <= 0) return <></>\r\n    return (\r\n      <HelpTooltip title='The search includes' small>\r\n        <SeachHelp>\r\n          {this.props.searchInclude.map((item, index) => (\r\n            <li key={index}>\r\n              <Typography variant='body2'>{item}</Typography>\r\n            </li>\r\n          ))}\r\n        </SeachHelp>\r\n      </HelpTooltip>\r\n    )\r\n  }\r\n}\r\n\r\nexport default ToolbarPannel\r\n\r\nconst SeachHelp = styled('ul')({\r\n  margin: '0 0 0 18px',\r\n  padding: 0,\r\n  li: {\r\n    position: 'relative'\r\n  },\r\n  'li::after': {\r\n    content: '\"►\"',\r\n    display: 'inline-block',\r\n    top: '50%',\r\n    transform: 'translateY(-50%)',\r\n    position: 'absolute',\r\n    left: '-18px'\r\n  }\r\n})\r\n\r\nconst Title = styled((props: TypographyProps) => <Typography noWrap variant='subtitle1' {...props} />)({\r\n  fontWeight: 700,\r\n  flex: 1\r\n})\r\n"],"names":["ToolbarPannel","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","_this$props","props","title","afterTitle","breadcrumbs","isVisible","_jsx","titleElm","Title","children","Breadcrumbs","value","_jsxs","Box","sx","height","display","alignItems","searchInclude","HelpTooltip","small","SeachHelp","map","item","index","Typography","variant","_inherits","_createClass","key","render","padding","renderTitle","flex","flexWrap","GridToolbar","formCreate","BtnFormCreate","afterAction","gap","GridToolbarQuickFilter","fullWidth","size","debounceMs","quickFilterParser","x","renderEndAdornment","Component","styled","margin","li","position","content","top","transform","left","_objectSpread","noWrap","fontWeight"],"mappings":"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"}

package/dist/table/ui.buttons.js

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip, IconButton, Button } from '@mui/material';
+import ViewListIcon from '@mui/icons-material/ViewList';
+import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline';
+import 'react';
+import '../api-context/alert-global.js';
+import '../api-context/drawer-global.js';
+import { MapGlobalModalContext } from '../api-context/global-modal.js';
+
+var BtnFormCreate = function BtnFormCreate(props) {
+  return MapGlobalModalContext(function (context) {
+    return jsx(Tooltip, {
+      title: 'Create new',
+      children: jsx(Button, {
+        size: 'small',
+        onClick: function onClick() {
+          return context.show({
+            renderContent: function renderContent() {
+              return props.children;
+            }
+          });
+        },
+        startIcon: jsx(AddCircleOutlineIcon, {
+          fontSize: 'small'
+        }),
+        sx: {
+          fontWeight: 600
+        },
+        variant: 'contained',
+        children: "Create"
+      })
+    });
+  });
+};
+var BtnFormDetail = function BtnFormDetail(props) {
+  return MapGlobalModalContext(function (context) {
+    return jsx(Tooltip, {
+      title: 'Detail',
+      children: jsx(IconButton, {
+        onClick: function onClick(e) {
+          var _props$onOpenModal;
+          (_props$onOpenModal = props.onOpenModal) === null || _props$onOpenModal === void 0 || _props$onOpenModal.call(props, e);
+          context.show({
+            backdropActivated: true,
+            renderContent: function renderContent() {
+              return props.formDetail;
+            },
+            onClose: props.onCloseModal
+          });
+        },
+        children: jsx(ViewListIcon, {})
+      })
+    });
+  });
+};
+var BtnDetail = function BtnDetail(props) {
+  return jsx(Tooltip, {
+    title: 'Detail',
+    children: jsx(IconButton, {
+      onClick: props.onClick,
+      children: jsx(ViewListIcon, {})
+    })
+  });
+};
+
+export { BtnDetail, BtnFormCreate, BtnFormDetail };
+//# sourceMappingURL=ui.buttons.js.map

package/dist/table/ui.buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.buttons.js","sources":["../../src/table/ui.buttons.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Button, IconButton, IconButtonProps, Tooltip } from '@mui/material'\r\nimport ViewListIcon from '@mui/icons-material/ViewList'\r\nimport AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'\r\nimport { MapGlobalModalContext, TModalReason } from '../api-context'\r\n\r\nexport const BtnFormCreate: FC<{ children: React.ReactNode }> = (props) => {\r\n  return MapGlobalModalContext((context) => (\r\n    <Tooltip title='Create new'>\r\n      <Button\r\n        size='small'\r\n        onClick={() => context.show({ renderContent: () => props.children })}\r\n        startIcon={<AddCircleOutlineIcon fontSize='small' />}\r\n        sx={{ fontWeight: 600 }}\r\n        variant='contained'\r\n      >\r\n        Create\r\n      </Button>\r\n    </Tooltip>\r\n  ))\r\n}\r\n\r\nexport interface IBtnFormDetailProps {\r\n  formDetail: React.ReactNode\r\n  onOpenModal?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\r\n  onCloseModal?: (reason?: TModalReason) => void\r\n}\r\n\r\nexport const BtnFormDetail: FC<IBtnFormDetailProps> = (props) => {\r\n  return MapGlobalModalContext((context) => (\r\n    <Tooltip title='Detail'>\r\n      <IconButton\r\n        onClick={(e) => {\r\n          props.onOpenModal?.(e)\r\n          context.show({ backdropActivated: true, renderContent: () => props.formDetail, onClose: props.onCloseModal })\r\n        }}\r\n      >\r\n        <ViewListIcon />\r\n      </IconButton>\r\n    </Tooltip>\r\n  ))\r\n}\r\n\r\nexport interface IBtnDetailProps {\r\n  onClick?: IconButtonProps['onClick']\r\n}\r\n\r\nexport const BtnDetail: FC<IBtnDetailProps> = (props) => (\r\n  <Tooltip title='Detail'>\r\n    <IconButton onClick={props.onClick}>\r\n      <ViewListIcon />\r\n    </IconButton>\r\n  </Tooltip>\r\n)\r\n"],"names":["BtnFormCreate","props","MapGlobalModalContext","context","_jsx","Tooltip","title","children","Button","size","onClick","show","renderContent","startIcon","AddCircleOutlineIcon","fontSize","sx","fontWeight","variant","BtnFormDetail","IconButton","e","_props$onOpenModal","onOpenModal","call","backdropActivated","formDetail","onClose","onCloseModal","ViewListIcon","BtnDetail"],"mappings":";;;;;;;;;IAMaA,aAAa,GAAsC,SAAnDA,aAAaA,CAAuCC,KAAK,EAAI;EACxE,OAAOC,qBAAqB,CAAC,UAACC,OAAO,EAAA;IAAA,OACnCC,GAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,KAAK,EAAC,YAAY;AACzBC,MAAAA,QAAA,EAAAH,GAAA,CAACI,MAAM,EAAA;AACLC,QAAAA,IAAI,EAAC,OAAO;QACZC,OAAO,EAAE,SAATA,OAAOA,GAAA;UAAA,OAAQP,OAAO,CAACQ,IAAI,CAAC;YAAEC,aAAa,EAAE,SAAfA,aAAaA,GAAA;cAAA,OAAQX,KAAK,CAACM,QAAQ;AAAA;WAAE,CAAC;AAAA,SAAA;AACpEM,QAAAA,SAAS,EAAET,GAAC,CAAAU,oBAAoB,EAAC;AAAAC,UAAAA,QAAQ,EAAC;AAAO,SAAA,CAAG;AACpDC,QAAAA,EAAE,EAAE;AAAEC,UAAAA,UAAU,EAAE;SAAK;AACvBC,QAAAA,OAAO,EAAC,WAAW;AAAAX,QAAAA,QAAA,EAAA;OAAA;AAIb,KAAA,CAAA;AAAA,GACX,CAAC;AACJ;IAQaY,aAAa,GAA4B,SAAzCA,aAAaA,CAA6BlB,KAAK,EAAI;EAC9D,OAAOC,qBAAqB,CAAC,UAACC,OAAO,EAAA;IAAA,OACnCC,GAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,KAAK,EAAC,QAAQ;AACrBC,MAAAA,QAAA,EAAAH,GAAA,CAACgB,UAAU,EAAA;AACTV,QAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGW,CAAC,EAAI;AAAA,UAAA,IAAAC,kBAAA;AACb,UAAA,CAAAA,kBAAA,GAAArB,KAAK,CAACsB,WAAW,MAAAD,IAAAA,IAAAA,kBAAA,KAAjBA,MAAAA,IAAAA,kBAAA,CAAAE,IAAA,CAAAvB,KAAK,EAAeoB,CAAC,CAAC;UACtBlB,OAAO,CAACQ,IAAI,CAAC;AAAEc,YAAAA,iBAAiB,EAAE,IAAI;YAAEb,aAAa,EAAE,SAAfA,aAAaA,GAAA;cAAA,OAAQX,KAAK,CAACyB,UAAU;AAAA,aAAA;YAAEC,OAAO,EAAE1B,KAAK,CAAC2B;AAAc,WAAA,CAAC;SAC9G;AAAArB,QAAAA,QAAA,EAEDH,IAACyB,YAAY,EAAA,EAAA;;AAEP,KAAA,CAAA;AAAA,GACX,CAAC;AACJ;IAMaC,SAAS,GAAwB,SAAjCA,SAASA,CAAyB7B,KAAK,EAAA;EAAA,OAClDG,GAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,KAAK,EAAC,QAAQ;AACrBC,IAAAA,QAAA,EAAAH,GAAA,CAACgB,UAAU,EAAA;MAACV,OAAO,EAAET,KAAK,CAACS,OAAO;AAChCH,MAAAA,QAAA,EAAAH,GAAA,CAACyB,YAAY,EAAA,EAAA;KACF;AAAA,GAAA,CACL;AAAA;;;;"}

package/dist/table/ui.units.js

@@ -0,0 +1,248 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { styled, Typography, Box, Chip, Tooltip, IconButton, Divider } from '@mui/material';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { mergeObjects as _mergeObjects } from '../utils/helpers.js';
+import '../utils/query-param.js';
+import '../utils/dayjs-config.js';
+import '../components/breadcrumbs.js';
+import CopyToClipboard from '../components/copy-to-clipboard.js';
+import { HelpTooltipWrap } from '../components/help-tooltip.js';
+import '../components/text-editor.js';
+import dayjs from 'dayjs';
+
+var _excluded = ["children"];
+var CreateStatusCell = function CreateStatusCell(config, options) {
+  var StatusCell = function StatusCell(props) {
+    var _props$slots;
+    var getSxProps = function getSxProps() {
+      var _slots$typographyProp;
+      var data = props.value,
+        sx = props.sx,
+        slots = props.slots;
+      return Object.assign({}, data ? config[data] : {}, options === null || options === void 0 ? void 0 : options.sx, sx, slots === null || slots === void 0 || (_slots$typographyProp = slots.typographyProps) === null || _slots$typographyProp === void 0 ? void 0 : _slots$typographyProp.sx);
+    };
+    if (!props.value) return jsx(Fragment, {});
+    return jsx(CustomTypography, _objectSpread2(_objectSpread2({
+      onClick: props.onClick
+    }, (_props$slots = props.slots) === null || _props$slots === void 0 ? void 0 : _props$slots.typographyProps), {}, {
+      sx: getSxProps(),
+      children: props.title || props.value
+    }));
+  };
+  return StatusCell;
+};
+var CustomTypography = styled(Typography)({
+  borderRadius: '4px',
+  fontSize: '0.8rem',
+  padding: '4px 9px',
+  fontWeight: 600,
+  minWidth: '70px',
+  textAlign: 'center',
+  color: '#ffffff',
+  display: 'inline-block'
+});
+var CellImageSmall = function CellImageSmall(props) {
+  var _props$imageUri;
+  var _useState = useState((_props$imageUri = props.imageUri) !== null && _props$imageUri !== void 0 ? _props$imageUri : props.fallbackSrc),
+    _useState2 = _slicedToArray(_useState, 2),
+    imgSrc = _useState2[0],
+    setImgSrc = _useState2[1];
+  useEffect(function () {
+    var _props$imageUri2;
+    setImgSrc((_props$imageUri2 = props.imageUri) !== null && _props$imageUri2 !== void 0 ? _props$imageUri2 : props.fallbackSrc);
+  }, [props.imageUri, props.fallbackSrc]);
+  return jsxs(Box, {
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      height: '100%',
+      gap: '10px'
+    },
+    children: [jsx(ImageSmall, {
+      src: imgSrc,
+      onError: function onError() {
+        return setImgSrc(props.fallbackSrc);
+      }
+    }), jsx(Typography, {
+      variant: 'body1',
+      children: props.value
+    })]
+  });
+};
+var ImageSmallFallback = function ImageSmallFallback(props) {
+  var _props$imageUri3;
+  var _useState3 = useState((_props$imageUri3 = props.imageUri) !== null && _props$imageUri3 !== void 0 ? _props$imageUri3 : props.imageFallback),
+    _useState4 = _slicedToArray(_useState3, 2),
+    imgSrc = _useState4[0],
+    setImgSrc = _useState4[1];
+  useEffect(function () {
+    var _props$imageUri4;
+    setImgSrc((_props$imageUri4 = props.imageUri) !== null && _props$imageUri4 !== void 0 ? _props$imageUri4 : props.imageFallback);
+  }, [props.imageUri, props.imageFallback]);
+  return jsx(ImageSmall, {
+    src: imgSrc,
+    onError: function onError() {
+      return setImgSrc(props.imageFallback);
+    },
+    sx: props.sx
+  });
+};
+var ImageSmall = styled('img')({
+  backgroundRepeat: 'no-repeat',
+  height: '50px',
+  width: '50px',
+  backgroundSize: 'contain',
+  borderRadius: '8px',
+  boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px'
+});
+var CellBase = function CellBase(props) {
+  var _props$valueFormatted;
+  var value = (_props$valueFormatted = props.valueFormatted) !== null && _props$valueFormatted !== void 0 ? _props$valueFormatted : props.value;
+  var isCopyToClipboard = !!props.copyToClipboard && !!value;
+  return jsxs(CellBaseWrap, _objectSpread2(_objectSpread2({
+    title: value
+  }, props.wrapProps), {}, {
+    children: [props.imageUrl && jsx(ImageSmallFallback, {
+      imageUri: props.imageUrl,
+      sx: {
+        mr: '10px'
+      },
+      imageFallback: props.imageFallbackSrc
+    }), jsx(Typography, _objectSpread2(_objectSpread2({
+      variant: 'body2',
+      component: 'span',
+      noWrap: true,
+      sx: {
+        flex: 1
+      }
+    }, props.typographyProps), {}, {
+      children: value
+    })), value && props.openInNewTab === true && jsx(Tooltip, {
+      arrow: true,
+      title: 'Open new tab',
+      children: jsx(IconButton, {
+        component: 'a',
+        href: value,
+        target: '_blank',
+        children: jsx(OpenInNewIcon, {
+          fontSize: 'small',
+          sx: {
+            color: '#1A75E2'
+          }
+        })
+      })
+    }), isCopyToClipboard && jsx(CopyToClipboard, {
+      value: value
+    }), value && props.beforeLine === true && jsx(Divider, {
+      flexItem: true,
+      variant: 'middle',
+      orientation: 'vertical'
+    })]
+  }));
+};
+var CellBaseWrap = styled(function (_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsx(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+    children: jsx("div", {
+      children: children
+    })
+  }));
+})({
+  flex: 1,
+  width: '100%',
+  height: '100%',
+  position: 'relative',
+  top: 0,
+  left: 0,
+  '& > div': {
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%',
+    height: '100%',
+    position: 'absolute',
+    top: 0,
+    left: 0
+  }
+});
+var CellChips = function CellChips(props) {
+  var _props$value, _props$separator;
+  if (typeof props.value !== 'string') return (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : jsx(Fragment, {});
+  var list = props.value.split((_props$separator = props === null || props === void 0 ? void 0 : props.separator) !== null && _props$separator !== void 0 ? _props$separator : '|').filter(function (x) {
+    return !!x;
+  });
+  var displayList = props !== null && props !== void 0 && props.maximum ? list.slice(0, props.maximum) : list;
+  var remainingCount = props !== null && props !== void 0 && props.maximum && list.length > props.maximum ? list.length - props.maximum : 0;
+  return jsxs(Box, {
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      flexWrap: 'wrap',
+      gap: '4px',
+      height: '100%'
+    },
+    children: [displayList.map(function (x, i) {
+      return jsx(CustomChip, {
+        label: x,
+        size: 'small'
+      }, 'key' + i);
+    }), remainingCount > 0 && jsx(HelpTooltipWrap, {
+      title: 'Artists',
+      content: jsx(Box, {
+        sx: {
+          display: 'flex',
+          alignItems: 'center',
+          flexWrap: 'wrap',
+          gap: '4px'
+        },
+        children: list.map(function (x, i) {
+          return jsx(CustomChip, {
+            label: x,
+            size: 'small'
+          }, 'key' + i);
+        })
+      }),
+      children: jsx(CustomChip, {
+        label: "+".concat(remainingCount),
+        size: 'small'
+      }, 'remaining')
+    })]
+  });
+};
+var CustomChip = styled(Chip)({
+  lineHeight: 1
+});
+var CellDate = function CellDate(props) {
+  try {
+    var _props$showRelative, _props$typographyProp;
+    var showRelative = (_props$showRelative = props === null || props === void 0 ? void 0 : props.showRelative) !== null && _props$showRelative !== void 0 ? _props$showRelative : false;
+    var date = dayjs(props.value);
+    var formatted = date.format(props.formatString);
+    var value = showRelative ? "".concat(formatted, " (").concat(dayjs().to(date), ")") : formatted;
+    var sx = props.styledGetter ? props.styledGetter(props.value) : {
+      flex: 1
+    };
+    var mergeTypographyProps = _mergeObjects({}, (_props$typographyProp = props.typographyProps) !== null && _props$typographyProp !== void 0 ? _props$typographyProp : {}, {
+      sx: sx
+    });
+    return jsx(Typography, _objectSpread2(_objectSpread2({
+      variant: 'body2',
+      component: 'span',
+      noWrap: true
+    }, mergeTypographyProps), {}, {
+      children: value
+    }));
+  } catch (_unused) {
+    return jsx(Typography, {
+      variant: 'body2',
+      component: 'span',
+      noWrap: true,
+      children: "format invalid"
+    });
+  }
+};
+
+export { CellBase, CellChips, CellDate, CellImageSmall, CreateStatusCell, ImageSmallFallback };
+//# sourceMappingURL=ui.units.js.map

package/dist/table/ui.units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.units.js","sources":["../../src/table/ui.units.tsx"],"sourcesContent":["import React, { ComponentType, FC, PropsWithChildren, useEffect, useState } from 'react'\r\nimport { Box, BoxProps, Chip, Divider, IconButton, styled, SxProps, Theme, Tooltip, Typography, TypographyProps } from '@mui/material'\r\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew'\r\nimport { dayjsCustom, mergeObjects } from '../utils'\r\nimport { CopyToClipboard, HelpTooltipWrap } from '../components'\r\n\r\n//#region CellImageSmall\r\nexport type IStatusCellConfig<T extends string> = { [key in T]: SxProps<Theme> }\r\n\r\nexport interface IStatusCellOptions {\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\nexport interface IStatusCellProps<T extends string> extends PropsWithChildren {\r\n  value?: T\r\n  title?: string\r\n  sx?: SxProps<Theme>\r\n  onClick?: TypographyProps['onClick']\r\n  slots?: {\r\n    typographyProps?: TypographyProps\r\n  }\r\n}\r\n\r\nexport const CreateStatusCell = function <T extends string>(\r\n  config: IStatusCellConfig<T>,\r\n  options?: IStatusCellOptions\r\n): ComponentType<IStatusCellProps<T>> {\r\n  const StatusCell: FC<IStatusCellProps<T>> = (props) => {\r\n    const getSxProps = (): SxProps<Theme> => {\r\n      const { value: data, sx, slots } = props\r\n      return Object.assign({}, data ? config[data] : {}, options?.sx, sx, slots?.typographyProps?.sx)\r\n    }\r\n\r\n    if (!props.value) return <></>\r\n    return (\r\n      <CustomTypography onClick={props.onClick} {...props.slots?.typographyProps} sx={getSxProps()}>\r\n        {props.title || props.value}\r\n      </CustomTypography>\r\n    )\r\n  }\r\n  return StatusCell\r\n}\r\n\r\nconst CustomTypography = styled(Typography)({\r\n  borderRadius: '4px',\r\n  fontSize: '0.8rem',\r\n  padding: '4px 9px',\r\n  fontWeight: 600,\r\n  minWidth: '70px',\r\n  textAlign: 'center',\r\n  color: '#ffffff',\r\n  display: 'inline-block'\r\n})\r\n\r\n//#region CellImageSmall\r\ninterface CellImageSmallProps {\r\n  value: string\r\n  imageUri?: string\r\n  fallbackSrc?: string\r\n}\r\n\r\nexport const CellImageSmall: FC<CellImageSmallProps> = (props) => {\r\n  const [imgSrc, setImgSrc] = useState(props.imageUri ?? props.fallbackSrc)\r\n  useEffect(() => {\r\n    setImgSrc(props.imageUri ?? props.fallbackSrc)\r\n  }, [props.imageUri, props.fallbackSrc])\r\n  return (\r\n    <Box sx={{ display: 'flex', alignItems: 'center', height: '100%', gap: '10px' }}>\r\n      <ImageSmall src={imgSrc} onError={() => setImgSrc(props.fallbackSrc)} />\r\n      <Typography variant='body1'>{props.value}</Typography>\r\n    </Box>\r\n  )\r\n}\r\n\r\ninterface ImageSmallFallbackProps {\r\n  imageUri?: string\r\n  imageFallback?: string\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\nexport const ImageSmallFallback: FC<ImageSmallFallbackProps> = (props) => {\r\n  const [imgSrc, setImgSrc] = useState(props.imageUri ?? props.imageFallback)\r\n  useEffect(() => {\r\n    setImgSrc(props.imageUri ?? props.imageFallback)\r\n  }, [props.imageUri, props.imageFallback])\r\n  return <ImageSmall src={imgSrc} onError={() => setImgSrc(props.imageFallback)} sx={props.sx} />\r\n}\r\n\r\nconst ImageSmall = styled('img')({\r\n  backgroundRepeat: 'no-repeat',\r\n  height: '50px',\r\n  width: '50px',\r\n  backgroundSize: 'contain',\r\n  borderRadius: '8px',\r\n  boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px'\r\n})\r\n//#endregion\r\n\r\n//#region CellBase\r\n\r\nexport interface CellBaseOptions {\r\n  openInNewTab?: boolean\r\n  beforeLine?: boolean\r\n  copyToClipboard?: boolean\r\n  imageUrl?: string\r\n  imageFallbackSrc?: string\r\n  valueFormatter?: (value?: string) => string\r\n  wrapProps?: BoxProps\r\n  typographyProps?: TypographyProps\r\n}\r\n\r\ninterface CellBaseProps extends CellBaseOptions {\r\n  value?: string\r\n  valueFormatted?: string\r\n}\r\n\r\nexport const CellBase: FC<CellBaseProps> = (props) => {\r\n  const value = props.valueFormatted ?? props.value\r\n  const isCopyToClipboard = !!props.copyToClipboard && !!value\r\n  return (\r\n    <CellBaseWrap title={value} {...props.wrapProps}>\r\n      {props.imageUrl && <ImageSmallFallback imageUri={props.imageUrl} sx={{ mr: '10px' }} imageFallback={props.imageFallbackSrc} />}\r\n      <Typography variant='body2' component='span' noWrap sx={{ flex: 1 }} {...props.typographyProps}>\r\n        {value}\r\n      </Typography>\r\n      {value && props.openInNewTab === true && (\r\n        <Tooltip arrow title='Open new tab'>\r\n          <IconButton component='a' href={value} target='_blank'>\r\n            <OpenInNewIcon fontSize='small' sx={{ color: '#1A75E2' }} />\r\n          </IconButton>\r\n        </Tooltip>\r\n      )}\r\n      {isCopyToClipboard && <CopyToClipboard value={value} />}\r\n      {value && props.beforeLine === true && <Divider flexItem variant='middle' orientation='vertical' />}\r\n    </CellBaseWrap>\r\n  )\r\n}\r\n\r\nconst CellBaseWrap = styled(({ children, ...props }: BoxProps) => (\r\n  <Box {...props}>\r\n    <div>{children}</div>\r\n  </Box>\r\n))({\r\n  flex: 1,\r\n  width: '100%',\r\n  height: '100%',\r\n  position: 'relative',\r\n  top: 0,\r\n  left: 0,\r\n  '& > div': {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    width: '100%',\r\n    height: '100%',\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Chips\r\nexport interface CellChipsProps {\r\n  value?: string\r\n  separator?: string\r\n  maximum?: number\r\n}\r\n\r\nexport const CellChips: FC<CellChipsProps> = (props) => {\r\n  if (typeof props.value !== 'string') return props.value ?? <></>\r\n\r\n  const list = props.value.split(props?.separator ?? '|').filter((x) => !!x)\r\n  const displayList = props?.maximum ? list.slice(0, props.maximum) : list\r\n  const remainingCount = props?.maximum && list.length > props.maximum ? list.length - props.maximum : 0\r\n\r\n  return (\r\n    <Box sx={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: '4px', height: '100%' }}>\r\n      {displayList.map((x, i) => (\r\n        <CustomChip key={'key' + i} label={x} size='small' />\r\n      ))}\r\n      {remainingCount > 0 && (\r\n        <HelpTooltipWrap\r\n          title='Artists'\r\n          content={\r\n            <Box sx={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: '4px' }}>\r\n              {list.map((x, i) => (\r\n                <CustomChip key={'key' + i} label={x} size='small' />\r\n              ))}\r\n            </Box>\r\n          }\r\n        >\r\n          <CustomChip key='remaining' label={`+${remainingCount}`} size='small' />\r\n        </HelpTooltipWrap>\r\n      )}\r\n    </Box>\r\n  )\r\n}\r\n\r\nconst CustomChip = styled(Chip)({\r\n  lineHeight: 1\r\n})\r\n//#endregion\r\n\r\n//#region Date\r\nexport interface CellDatePropsOwner {\r\n  formatString?: string\r\n  showRelative?: boolean\r\n  typographyProps?: TypographyProps\r\n  styledGetter?: (value: any) => SxProps<Theme>\r\n}\r\nexport interface CellDateProps extends CellDatePropsOwner {\r\n  value: any\r\n}\r\n\r\nexport const CellDate: FC<CellDateProps> = (props) => {\r\n  try {\r\n    const showRelative = props?.showRelative ?? false\r\n    const date = dayjsCustom(props.value)\r\n    const formatted = date.format(props.formatString)\r\n    const value = showRelative ? `${formatted} (${dayjsCustom().to(date)})` : formatted\r\n    const sx = props.styledGetter ? props.styledGetter(props.value) : { flex: 1 }\r\n    const mergeTypographyProps = mergeObjects<TypographyProps>({}, props.typographyProps ?? {}, { sx })\r\n    return (\r\n      <Typography variant='body2' component='span' noWrap {...mergeTypographyProps}>\r\n        {value}\r\n      </Typography>\r\n    )\r\n  } catch {\r\n    return (\r\n      <Typography variant='body2' component='span' noWrap>\r\n        format invalid\r\n      </Typography>\r\n    )\r\n  }\r\n}\r\n//#endregion\r\n"],"names":["CreateStatusCell","config","options","StatusCell","props","_props$slots","getSxProps","_slots$typographyProp","data","value","sx","slots","Object","assign","typographyProps","_jsx","CustomTypography","_objectSpread","onClick","children","title","styled","Typography","borderRadius","fontSize","padding","fontWeight","minWidth","textAlign","color","display","CellImageSmall","_props$imageUri","_useState","useState","imageUri","fallbackSrc","_useState2","_slicedToArray","imgSrc","setImgSrc","useEffect","_props$imageUri2","_jsxs","Box","alignItems","height","gap","ImageSmall","src","onError","variant","ImageSmallFallback","_props$imageUri3","_useState3","imageFallback","_useState4","_props$imageUri4","backgroundRepeat","width","backgroundSize","boxShadow","CellBase","_props$valueFormatted","valueFormatted","isCopyToClipboard","copyToClipboard","CellBaseWrap","wrapProps","imageUrl","mr","imageFallbackSrc","component","noWrap","flex","openInNewTab","Tooltip","arrow","IconButton","href","target","OpenInNewIcon","CopyToClipboard","beforeLine","Divider","flexItem","orientation","_ref","_objectWithoutProperties","_excluded","position","top","left","CellChips","_props$value","_props$separator","list","split","separator","filter","x","displayList","maximum","slice","remainingCount","length","flexWrap","map","i","CustomChip","label","size","HelpTooltipWrap","content","concat","Chip","lineHeight","CellDate","_props$showRelative","_props$typographyProp","showRelative","date","dayjsCustom","formatted","format","formatString","to","styledGetter","mergeTypographyProps","mergeObjects","_unused"],"mappings":"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"}

package/dist/types/api-context/alert-global.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { AlertColor } from '@mui/material/Alert';
+interface MessageData {
+    id: string;
+    text: string;
+    type: AlertColor;
+    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 declare const ApiAlertContext: IApiContext;
+declare function AlertGlobal(): import("react/jsx-runtime").JSX.Element;
+export default AlertGlobal;
+interface AlertDialogProps {
+    IsOpen: boolean;
+    onClose?: () => void;
+    onAccept?: () => void;
+    Title: string;
+    Message: string;
+}
+export declare const AlertDialog: React.FC<AlertDialogProps>;

package/dist/types/api-context/drawer-global.d.ts

@@ -0,0 +1,32 @@
+import React, { Component, ReactNode } from 'react';
+import { DrawerProps } from '@mui/material';
+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;
+}
+declare class DrawerGlobalProvider extends Component<IProps, IState> {
+    constructor(props: IProps);
+    close: (reason?: TReason) => void;
+    open: (state: IState) => void;
+    componentDidMount(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    renderTitle: () => number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    getClasses: () => string;
+}
+declare const DrawerGlobal: {
+    Provider: typeof DrawerGlobalProvider;
+    Api: DrawerGlobalApiType;
+};
+export default DrawerGlobal;