dinocollab-core 1.0.0

package/dist/src/redux/create.hoc-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.hoc-lazy.js","sources":["../../../src/redux/create.hoc-lazy.tsx"],"sourcesContent":["import React, { Component, PropsWithChildren } from 'react'\r\nimport { IErrorViewDefaultProps, IHocLazyWrapperProps } from './ui.units'\r\nimport { ELazyStatus, DinoReduxDispatch, DinoReduxState, ReturnDispatch } from './types'\r\nimport UIErrorPage from './ui.error-page'\r\n\r\ninterface IHocLazyBase<TModel> extends DinoReduxState, DinoReduxDispatch<TModel> {}\r\n\r\nexport interface IOptionBase {\r\n  ErrorScreen?: React.ComponentType<IErrorViewDefaultProps>\r\n  LazySpinner: React.ComponentType<PropsWithChildren<IHocLazyWrapperProps>>\r\n}\r\n\r\nexport interface IHocLazyOtherProps<TModel> {\r\n  param?: TModel\r\n}\r\n\r\nexport interface IHocLazyOptions<TModel> extends IHocLazyOtherProps<TModel>, Omit<IOptionBase, 'LazySpinner'> {\r\n  LazySpinner?: React.ComponentType<PropsWithChildren<IHocLazyWrapperProps>>\r\n}\r\n\r\nexport const EmptyComponent: React.FC<React.PropsWithChildren<any>> = ({ children }) => <>{children}</>\r\n\r\nexport const OptionHocLazyDefault: IOptionBase = {\r\n  LazySpinner: EmptyComponent\r\n}\r\n\r\nconst CreateHocLazy = function <TChildProp extends IHocLazyBase<TModel>, TModel = any>(\r\n  ChildComponent: React.ComponentType<TChildProp>,\r\n  options?: IHocLazyOptions<TModel>\r\n) {\r\n  type TProps = TChildProp & IHocLazyOtherProps<TModel>\r\n  class HocComponent extends Component<TProps> {\r\n    optionsMerge: IOptionBase\r\n    tokenSources?: AbortController\r\n    fetchSource?: ReturnDispatch\r\n    constructor(props: TProps) {\r\n      super(props)\r\n      this.optionsMerge = Object.assign({}, OptionHocLazyDefault, options) as IOptionBase\r\n    }\r\n\r\n    render() {\r\n      const { optionsMerge: OptionsMerge } = this\r\n      switch (this.props.status) {\r\n        case ELazyStatus.Loading:\r\n        case ELazyStatus.Loaded:\r\n          return (\r\n            <OptionsMerge.LazySpinner loading={this.props.status === ELazyStatus.Loading}>\r\n              <ChildComponent {...this.props} />\r\n            </OptionsMerge.LazySpinner>\r\n          )\r\n        case ELazyStatus.Error:\r\n          return <UIErrorPage />\r\n        default:\r\n          return <div></div>\r\n      }\r\n    }\r\n\r\n    initialParam = (): TModel => {\r\n      const oData = options?.param ?? {}\r\n      const pData = this.props?.param ?? {}\r\n      return Object.assign({}, oData, pData) as TModel\r\n    }\r\n\r\n    componentDidMount = () => {\r\n      if (this.props.fetchData) {\r\n        const param = this.initialParam()\r\n        this.tokenSources?.abort()\r\n        this.tokenSources = new AbortController()\r\n        this.fetchSource = this.props.fetchData(param, this.tokenSources.signal)\r\n      }\r\n    }\r\n\r\n    componentWillUnmount() {\r\n      this.tokenSources?.abort()\r\n      this.fetchSource?.abort && this.fetchSource.abort()\r\n    }\r\n  }\r\n  return HocComponent\r\n}\r\nexport default CreateHocLazy\r\n"],"names":["EmptyComponent","_ref","children","React","createElement","Fragment","OptionHocLazyDefault","LazySpinner","CreateHocLazy","ChildComponent","options","HocComponent","_Component","props","_this","_classCallCheck","_callSuper","initialParam","oData","_a","param","pData","_c","_b","Object","assign","componentDidMount","fetchData","tokenSources","abort","AbortController","fetchSource","signal","optionsMerge","_inherits","_createClass","key","value","render","OptionsMerge","status","ELazyStatus","Loading","Loaded","loading","Error","UIErrorPage","componentWillUnmount","Component"],"mappings":"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"}

package/dist/src/redux/dino.js

@@ -0,0 +1,11 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import CreateHocLazy from './create.hoc-lazy.js';
+
+var DinoReduxBase = /*#__PURE__*/_createClass(function DinoReduxBase() {
+  _classCallCheck(this, DinoReduxBase);
+  this.createHocLazy = CreateHocLazy;
+});
+var DinoRedux = new DinoReduxBase();
+
+export { DinoRedux as default };
+//# sourceMappingURL=dino.js.map

package/dist/src/redux/dino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dino.js","sources":["../../../src/redux/dino.ts"],"sourcesContent":["import CreateHocLazy from './create.hoc-lazy'\r\n\r\nclass DinoReduxBase {\r\n  createHocLazy = CreateHocLazy\r\n}\r\n\r\nconst DinoRedux = new DinoReduxBase()\r\n\r\nexport default DinoRedux\r\n"],"names":["DinoReduxBase","_createClass","_classCallCheck","createHocLazy","CreateHocLazy","DinoRedux"],"mappings":";;;AAA6C,IAEvCA,aAAa,gBAAAC,YAAA,CAAnB,SAAAD,gBAAA;AAAAE,EAAAA,eAAA,OAAAF,aAAA,CAAA;EACE,IAAa,CAAAG,aAAA,GAAGC,aAAa;AAC/B,CAAC,CAAA;AAED,IAAMC,SAAS,GAAG,IAAIL,aAAa;;;;"}

package/dist/src/redux/types.js

@@ -0,0 +1,9 @@
+var ELazyStatus;
+(function (ELazyStatus) {
+  ELazyStatus["Loading"] = "Loading";
+  ELazyStatus["Loaded"] = "Loaded";
+  ELazyStatus["Error"] = "Error";
+})(ELazyStatus || (ELazyStatus = {}));
+
+export { ELazyStatus };
+//# sourceMappingURL=types.js.map

package/dist/src/redux/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/redux/types.ts"],"sourcesContent":["export enum ELazyStatus {\r\n  Loading = 'Loading',\r\n  Loaded = 'Loaded',\r\n  Error = 'Error'\r\n}\r\n\r\nexport interface DinoReduxState {\r\n  status: ELazyStatus\r\n  requestedId?: string\r\n}\r\n\r\nexport interface ReturnDispatch {\r\n  abort?: () => void\r\n}\r\n\r\nexport interface DinoReduxDispatch<P = any> {\r\n  fetchData?: (params?: P, signal?: AbortSignal) => ReturnDispatch\r\n  setStatus: (status: ELazyStatus) => void\r\n}\r\n\r\ninterface Actions<T, Id extends keyof T> {\r\n  create: (value: Partial<T>, signal?: AbortSignal) => Promise<void>\r\n  update: (id: T[Id], value: Partial<T>, signal?: AbortSignal) => Promise<void>\r\n  delete: (id: T[Id], value?: Partial<T>, signal?: AbortSignal) => Promise<void>\r\n}\r\n\r\nexport type DinoReduxActions<T, Id extends keyof T, K extends keyof Actions<T, Id> = keyof Actions<T, Id>> = Pick<Actions<T, Id>, K>\r\n"],"names":["ELazyStatus"],"mappings":"IAAYA;AAAZ,CAAA,UAAYA,WAAW,EAAA;AACrBA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnBA,EAAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjBA,EAAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAJWA,WAAW,KAAXA,WAAW,GAItB,EAAA,CAAA,CAAA;;;;"}

package/dist/src/redux/ui.error-page.js

@@ -0,0 +1,80 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1_d0d2002d9033600b6738d939bd598bc6/node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { styled, Box, Button, Stack, Typography } from '@mui/material';
+import ArrowRightAltIcon from '@mui/icons-material/ArrowRightAlt';
+import Error404Vector from './vector-404.webp.js';
+
+var UIErrorPage = function UIErrorPage() {
+  return /*#__PURE__*/React.createElement(Stack, {
+    sx: {
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(WrapImage, null, /*#__PURE__*/React.createElement("img", {
+    src: Error404Vector,
+    alt: "error-404-vector"
+  })), /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle1",
+    component: "p",
+    sx: {
+      textAlign: 'center',
+      mt: '20px'
+    }
+  }, "Sorry, page not found or connection to server lost. Please come back later...."), /*#__PURE__*/React.createElement(CustomButton, {
+    href: "/"
+  }, "Back to home page"));
+};
+var WrapImage = styled(function (_a) {
+  var children = _a.children,
+    props = __rest(_a, ["children"]);
+  return /*#__PURE__*/React.createElement(Box, props, /*#__PURE__*/React.createElement("div", null, children));
+})({
+  width: '100%',
+  maxWidth: '560px',
+  flex: '0 0 auto',
+  '& > div': {
+    width: '100%',
+    paddingBottom: '100%',
+    position: 'relative'
+  },
+  '& img': {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%'
+  }
+});
+var CustomButton = styled(function (p) {
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    component: "a",
+    color: "inherit",
+    variant: "contained",
+    size: "large",
+    endIcon: /*#__PURE__*/React.createElement(ArrowRightAltIcon, {
+      fontSize: "small"
+    })
+  }, p));
+})({
+  backgroundColor: 'var(--color-black)',
+  color: 'var(--color-text-light)',
+  minWidth: '250px',
+  marginTop: '24px',
+  height: '56px',
+  textTransform: 'none',
+  fontWeight: 600,
+  transition: '0.3s',
+  '&:hover': {
+    backgroundColor: 'var(--color-black2)',
+    color: 'var(--color-text-light)'
+  },
+  '& .MuiButton-icon.MuiButton-endIcon': {
+    transition: '0.3s'
+  },
+  '&:hover .MuiButton-icon.MuiButton-endIcon': {
+    marginLeft: '16px'
+  }
+});
+
+export { UIErrorPage as default };
+//# sourceMappingURL=ui.error-page.js.map

package/dist/src/redux/ui.error-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.error-page.js","sources":["../../../src/redux/ui.error-page.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Box, BoxProps, Button, ButtonProps, Stack, styled, Typography } from '@mui/material'\r\nimport ArrowRightAltIcon from '@mui/icons-material/ArrowRightAlt'\r\nimport Error404Vector from './vector-404.webp'\r\n\r\nconst UIErrorPage: FC = () => (\r\n  <Stack sx={{ alignItems: 'center' }}>\r\n    <WrapImage>\r\n      <img src={Error404Vector} alt='error-404-vector' />\r\n    </WrapImage>\r\n    <Typography variant='subtitle1' component='p' sx={{ textAlign: 'center', mt: '20px' }}>\r\n      Sorry, page not found or connection to server lost. Please come back later....\r\n    </Typography>\r\n    <CustomButton href='/'>Back to home page</CustomButton>\r\n  </Stack>\r\n)\r\nexport default UIErrorPage\r\n\r\nconst WrapImage = styled(({ children, ...props }: BoxProps) => (\r\n  <Box {...props}>\r\n    <div>{children}</div>\r\n  </Box>\r\n))({\r\n  width: '100%',\r\n  maxWidth: '560px',\r\n  flex: '0 0 auto',\r\n  '& > div': {\r\n    width: '100%',\r\n    paddingBottom: '100%',\r\n    position: 'relative'\r\n  },\r\n  '& img': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%'\r\n  }\r\n})\r\n\r\nconst CustomButton = styled((p: ButtonProps & { href: string }) => {\r\n  return <Button component='a' color='inherit' variant='contained' size='large' endIcon={<ArrowRightAltIcon fontSize='small' />} {...p} />\r\n})({\r\n  backgroundColor: 'var(--color-black)',\r\n  color: 'var(--color-text-light)',\r\n  minWidth: '250px',\r\n  marginTop: '24px',\r\n  height: '56px',\r\n  textTransform: 'none',\r\n  fontWeight: 600,\r\n  transition: '0.3s',\r\n  '&:hover': {\r\n    backgroundColor: 'var(--color-black2)',\r\n    color: 'var(--color-text-light)'\r\n  },\r\n  '& .MuiButton-icon.MuiButton-endIcon': {\r\n    transition: '0.3s'\r\n  },\r\n  '&:hover .MuiButton-icon.MuiButton-endIcon': {\r\n    marginLeft: '16px'\r\n  }\r\n})\r\n"],"names":["UIErrorPage","React","createElement","Stack","sx","alignItems","WrapImage","src","Error404Vector","alt","Typography","variant","component","textAlign","mt","CustomButton","href","styled","_a","children","props","__rest","Box","width","maxWidth","flex","paddingBottom","position","top","left","height","p","Button","_extends","color","size","endIcon","ArrowRightAltIcon","fontSize","backgroundColor","minWidth","marginTop","textTransform","fontWeight","transition","marginLeft"],"mappings":"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"}

package/dist/src/redux/vector-404.webp.js

@@ -0,0 +1,4 @@
+var Error404Vector = "vector-404265a04f4f9c8be1f.webp";
+
+export { Error404Vector as default };
+//# sourceMappingURL=vector-404.webp.js.map

package/dist/src/redux/vector-404.webp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vector-404.webp.js","sources":["../../../src/redux/vector-404.webp"],"sourcesContent":["export default \"vector-404265a04f4f9c8be1f.webp\""],"names":[],"mappings":"AAAA,qBAAe;;;;"}

package/dist/src/table/context.js

@@ -0,0 +1,12 @@
+import React, { createContext } from 'react';
+
+var TableBaseContext = /*#__PURE__*/createContext({
+  showModal: function showModal() {},
+  closeModal: function closeModal() {}
+});
+var MapTableBaseContext = function MapTableBaseContext(context) {
+  return /*#__PURE__*/React.createElement(TableBaseContext.Consumer, null, context);
+};
+
+export { MapTableBaseContext, TableBaseContext };
+//# sourceMappingURL=context.js.map

package/dist/src/table/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/table/context.tsx"],"sourcesContent":["import React, { createContext } from 'react'\r\nimport { TCloseModal, TShowModal } from '../api-context'\r\n\r\nexport interface ITableBaseContext {\r\n  showModal: TShowModal\r\n  closeModal: TCloseModal\r\n}\r\n\r\nexport const TableBaseContext = createContext<ITableBaseContext>({\r\n  showModal: () => {},\r\n  closeModal: () => {}\r\n})\r\n\r\nexport const MapTableBaseContext = (context: (context: ITableBaseContext) => React.ReactNode) => (\r\n  <TableBaseContext.Consumer>{context}</TableBaseContext.Consumer>\r\n)\r\n"],"names":["TableBaseContext","createContext","showModal","closeModal","MapTableBaseContext","context","React","createElement","Consumer"],"mappings":";;AAQaA,IAAAA,gBAAgB,gBAAGC,aAAa,CAAoB;AAC/DC,EAAAA,SAAS,EAAE,SAAXA,SAASA,GAAO,EAAG;AACnBC,EAAAA,UAAU,EAAE,SAAZA,UAAUA,GAAO;AAClB,CAAA;IAEYC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,OAAwD,EAAA;EAAA,oBAC1FC,KAAA,CAAAC,aAAA,CAACP,gBAAgB,CAACQ,QAAQ,EAAEH,IAAAA,EAAAA,OAAmC,CAAC;AAAA;;;;"}

package/dist/src/table/create.action-row.js

@@ -0,0 +1,135 @@
+import { inherits as _inherits, createClass as _createClass, extends as _extends, classCallCheck as _classCallCheck, callSuper as _callSuper, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import { Box, Tooltip, IconButton } from '@mui/material';
+import EditIcon from '@mui/icons-material/Edit';
+import DeleteIcon from '@mui/icons-material/Delete';
+import { MapTableBaseContext } from './context.js';
+import { mergeObjects as _mergeObjects } from '../utils/helpers.js';
+import '../utils/query-param.js';
+import '../utils/dayjs-config.js';
+
+function CreateActionRow(params) {
+  var ActionRow = /*#__PURE__*/function (_Component) {
+    function ActionRow() {
+      var _this;
+      _classCallCheck(this, ActionRow);
+      _this = _callSuper(this, ActionRow, arguments);
+      _this.getButtons = /*#__PURE__*/_regeneratorRuntime().mark(function _callee(that, thatProps, tableContext) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, beforeFunc, editFunc, editContent, deleteFunc, deleteContent, afterFunc;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              beforeFunc = (_b = (_a = that.props) === null || _a === void 0 ? void 0 : _a.before) !== null && _b !== void 0 ? _b : thatProps === null || thatProps === void 0 ? void 0 : thatProps.before;
+              if (!beforeFunc) {
+                _context.next = 4;
+                break;
+              }
+              _context.next = 4;
+              return /*#__PURE__*/React.createElement(React.Fragment, {
+                key: "Before"
+              }, beforeFunc(that.props.value, tableContext));
+            case 4:
+              editFunc = (_d = (_c = that.props) === null || _c === void 0 ? void 0 : _c.formEdit) !== null && _d !== void 0 ? _d : thatProps === null || thatProps === void 0 ? void 0 : thatProps.formEdit;
+              editContent = editFunc ? editFunc(that.props.value, tableContext) : undefined;
+              if (!(editFunc && !!editContent)) {
+                _context.next = 9;
+                break;
+              }
+              _context.next = 9;
+              return /*#__PURE__*/React.createElement(Tooltip, {
+                title: "Edit",
+                arrow: true,
+                key: "Edit"
+              }, /*#__PURE__*/React.createElement(IconButton, {
+                color: "primary",
+                onClick: function onClick() {
+                  tableContext === null || tableContext === void 0 ? void 0 : tableContext.showModal(Object.assign({
+                    renderContent: function renderContent() {
+                      return editContent || /*#__PURE__*/React.createElement(React.Fragment, null);
+                    },
+                    sx: {
+                      display: 'flex',
+                      justifyContent: 'center',
+                      alignItems: 'center'
+                    },
+                    backdropActivated: true
+                  }, params === null || params === void 0 ? void 0 : params.buttonEditConfig));
+                }
+              }, /*#__PURE__*/React.createElement(EditIcon, {
+                fontSize: "small"
+              })));
+            case 9:
+              deleteFunc = (_f = (_e = that.props) === null || _e === void 0 ? void 0 : _e.formDelete) !== null && _f !== void 0 ? _f : thatProps === null || thatProps === void 0 ? void 0 : thatProps.formDelete;
+              deleteContent = deleteFunc ? deleteFunc(that.props.value, tableContext) : undefined;
+              if (!(deleteFunc && !!deleteContent)) {
+                _context.next = 14;
+                break;
+              }
+              _context.next = 14;
+              return /*#__PURE__*/React.createElement(Tooltip, {
+                title: "Delete",
+                arrow: true,
+                key: "Delete"
+              }, /*#__PURE__*/React.createElement(IconButton, {
+                color: "error",
+                onClick: function onClick() {
+                  tableContext === null || tableContext === void 0 ? void 0 : tableContext.showModal(Object.assign({
+                    renderContent: function renderContent() {
+                      return deleteContent || /*#__PURE__*/React.createElement(React.Fragment, null);
+                    },
+                    sx: {
+                      display: 'flex',
+                      justifyContent: 'center',
+                      alignItems: 'center'
+                    },
+                    backdropActivated: true
+                  }, params === null || params === void 0 ? void 0 : params.buttonDeleteConfig));
+                }
+              }, /*#__PURE__*/React.createElement(DeleteIcon, {
+                fontSize: "small"
+              })));
+            case 14:
+              afterFunc = (_h = (_g = that.props) === null || _g === void 0 ? void 0 : _g.after) !== null && _h !== void 0 ? _h : thatProps === null || thatProps === void 0 ? void 0 : thatProps.after;
+              if (!afterFunc) {
+                _context.next = 18;
+                break;
+              }
+              _context.next = 18;
+              return /*#__PURE__*/React.createElement(React.Fragment, {
+                key: "After"
+              }, afterFunc(that.props.value, tableContext));
+            case 18:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      });
+      return _this;
+    }
+    _inherits(ActionRow, _Component);
+    return _createClass(ActionRow, [{
+      key: "propsMerge",
+      get: function get() {
+        return _mergeObjects(params, this.props);
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        var _this2 = this;
+        return MapTableBaseContext(function (context) {
+          return /*#__PURE__*/React.createElement(Box, _extends({
+            sx: {
+              display: 'flex',
+              alignItems: 'center',
+              height: '100%'
+            }
+          }, _this2.propsMerge.wrapProps), Array.from(_this2.getButtons(_this2, _this2.propsMerge, context)));
+        });
+      }
+    }]);
+  }(Component);
+  return ActionRow;
+}
+
+export { CreateActionRow as default };
+//# sourceMappingURL=create.action-row.js.map

package/dist/src/table/create.action-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.action-row.js","sources":["../../../src/table/create.action-row.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Box, BoxProps, IconButton, Tooltip } from '@mui/material'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport DeleteIcon from '@mui/icons-material/Delete'\r\nimport { GlobalModalState } from '../api-context'\r\nimport { ITableBaseContext, MapTableBaseContext } from './context'\r\nimport { mergeObjects } from '../utils'\r\n\r\nexport interface IActionRowProps<T> {\r\n  value: T\r\n  formEdit?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  formDelete?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  after?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  before?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  wrapProps?: BoxProps\r\n  buttonEditConfig?: GlobalModalState\r\n  buttonDeleteConfig?: GlobalModalState\r\n}\r\n\r\nfunction CreateActionRow<T>(params?: Omit<IActionRowProps<T>, 'value'>) {\r\n  class ActionRow extends Component<IActionRowProps<T>> {\r\n    get propsMerge() {\r\n      return mergeObjects<IActionRowProps<T>>(params, this.props)\r\n    }\r\n\r\n    getButtons = function* (that: ActionRow, thatProps: Omit<IActionRowProps<T>, 'value'>, tableContext: ITableBaseContext) {\r\n      const beforeFunc = that.props?.before ?? thatProps?.before\r\n      if (beforeFunc) {\r\n        yield <React.Fragment key='Before'>{beforeFunc(that.props.value, tableContext)}</React.Fragment>\r\n      }\r\n      const editFunc = that.props?.formEdit ?? thatProps?.formEdit\r\n      const editContent = editFunc ? editFunc(that.props.value, tableContext) : undefined\r\n      if (editFunc && !!editContent) {\r\n        yield (\r\n          <Tooltip title='Edit' arrow key='Edit'>\r\n            <IconButton\r\n              color='primary'\r\n              onClick={() => {\r\n                tableContext?.showModal({\r\n                  renderContent: () => editContent || <React.Fragment />,\r\n                  sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' },\r\n                  backdropActivated: true,\r\n                  ...params?.buttonEditConfig\r\n                })\r\n              }}\r\n            >\r\n              <EditIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        )\r\n      }\r\n      const deleteFunc = that.props?.formDelete ?? thatProps?.formDelete\r\n      const deleteContent = deleteFunc ? deleteFunc(that.props.value, tableContext) : undefined\r\n      if (deleteFunc && !!deleteContent) {\r\n        yield (\r\n          <Tooltip title='Delete' arrow key='Delete'>\r\n            <IconButton\r\n              color='error'\r\n              onClick={() => {\r\n                tableContext?.showModal({\r\n                  renderContent: () => deleteContent || <React.Fragment />,\r\n                  sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' },\r\n                  backdropActivated: true,\r\n                  ...params?.buttonDeleteConfig\r\n                })\r\n              }}\r\n            >\r\n              <DeleteIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        )\r\n      }\r\n      const afterFunc = that.props?.after ?? thatProps?.after\r\n      if (afterFunc) {\r\n        yield <React.Fragment key='After'>{afterFunc(that.props.value, tableContext)}</React.Fragment>\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return MapTableBaseContext((context) => (\r\n        <Box sx={{ display: 'flex', alignItems: 'center', height: '100%' }} {...this.propsMerge.wrapProps}>\r\n          {Array.from(this.getButtons(this, this.propsMerge, context))}\r\n        </Box>\r\n      ))\r\n    }\r\n  }\r\n\r\n  return ActionRow\r\n}\r\n\r\nexport default CreateActionRow\r\n"],"names":["CreateActionRow","params","ActionRow","_Component","_this","_classCallCheck","getButtons","_regeneratorRuntime","mark","_callee","that","thatProps","tableContext","_a","_b","_c","_d","_e","_f","_g","_h","beforeFunc","editFunc","editContent","deleteFunc","deleteContent","afterFunc","wrap","_callee$","_context","prev","next","props","before","React","createElement","Fragment","key","value","formEdit","undefined","Tooltip","title","arrow","IconButton","color","onClick","showModal","Object","assign","renderContent","sx","display","justifyContent","alignItems","backdropActivated","buttonEditConfig","EditIcon","fontSize","formDelete","buttonDeleteConfig","DeleteIcon","after","stop","_inherits","_createClass","get","mergeObjects","render","_this2","MapTableBaseContext","context","Box","_extends","height","propsMerge","wrapProps","Array","from","Component"],"mappings":"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"}

package/dist/src/table/create.status-cell.js

@@ -0,0 +1,49 @@
+import { inherits as _inherits, createClass as _createClass, extends as _extends, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import { styled, Typography } from '@mui/material';
+
+var CreateStatusCell = function CreateStatusCell(config, options) {
+  var StatusCell = /*#__PURE__*/function (_Component) {
+    function StatusCell() {
+      var _this;
+      _classCallCheck(this, StatusCell);
+      _this = _callSuper(this, StatusCell, arguments);
+      _this.getSxProps = function () {
+        var _a;
+        var _this$props = _this.props,
+          data = _this$props.value,
+          sx = _this$props.sx,
+          slots = _this$props.slots;
+        return Object.assign({}, data ? config[data] : {}, options === null || options === void 0 ? void 0 : options.sx, sx, (_a = slots === null || slots === void 0 ? void 0 : slots.typographyProps) === null || _a === void 0 ? void 0 : _a.sx);
+      };
+      return _this;
+    }
+    _inherits(StatusCell, _Component);
+    return _createClass(StatusCell, [{
+      key: "render",
+      value: function render() {
+        var _a;
+        if (!this.props.value) return /*#__PURE__*/React.createElement(React.Fragment, null);
+        return /*#__PURE__*/React.createElement(CustomTypography, _extends({
+          onClick: this.props.onClick
+        }, (_a = this.props.slots) === null || _a === void 0 ? void 0 : _a.typographyProps, {
+          sx: this.getSxProps()
+        }), this.props.title || this.props.value);
+      }
+    }]);
+  }(Component);
+  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'
+});
+
+export { CreateStatusCell as default };
+//# sourceMappingURL=create.status-cell.js.map

package/dist/src/table/create.status-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.status-cell.js","sources":["../../../src/table/create.status-cell.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { SxProps, Theme, Typography, TypographyProps, styled } from '@mui/material'\r\n\r\nexport type StatusCellConfig<T extends string> = { [key in T]: SxProps<Theme> }\r\n\r\nexport interface StatusCellOptions {\r\n  sx?: SxProps<Theme>\r\n}\r\n\r\nexport interface StatusCellProps<T extends string> {\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\n\r\nconst CreateStatusCell = function <T extends string>(config: StatusCellConfig<T>, options?: StatusCellOptions) {\r\n  class StatusCell extends Component<React.PropsWithChildren<StatusCellProps<T>>> {\r\n    render() {\r\n      if (!this.props.value) return <></>\r\n      return (\r\n        <CustomTypography onClick={this.props.onClick} {...this.props.slots?.typographyProps} sx={this.getSxProps()}>\r\n          {this.props.title || this.props.value}\r\n        </CustomTypography>\r\n      )\r\n    }\r\n\r\n    getSxProps = (): SxProps<Theme> => {\r\n      const { value: data, sx, slots } = this.props\r\n      return Object.assign({}, data ? config[data] : {}, options?.sx, sx, slots?.typographyProps?.sx)\r\n    }\r\n  }\r\n  return StatusCell\r\n}\r\n\r\nexport default CreateStatusCell\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"],"names":["CreateStatusCell","config","options","StatusCell","_Component","_this","_classCallCheck","getSxProps","_this$props","props","data","value","sx","slots","Object","assign","_a","typographyProps","_inherits","_createClass","key","render","React","createElement","Fragment","CustomTypography","_extends","onClick","title","Component","styled","Typography","borderRadius","fontSize","padding","fontWeight","minWidth","textAlign","color","display"],"mappings":";;;;AAoBMA,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAA+BC,MAA2B,EAAEC,OAA2B,EAAA;EAAA,IACrGC,UAAW,0BAAAC,UAAA,EAAA;AAAjB,IAAA,SAAAD,aAAA;AAAA,MAAA,IAAAE,KAAA;AAAAC,MAAAA,eAAA,OAAAH,UAAA,CAAA;;MAUEE,KAAA,CAAUE,UAAA,GAAG,YAAqB;;AAChC,QAAA,IAAAC,WAAA,GAAmCH,KAAA,CAAKI,KAAK;UAA9BC,IAAI,GAAAF,WAAA,CAAXG,KAAK;UAAQC,EAAE,GAAAJ,WAAA,CAAFI,EAAE;UAAEC,KAAK,GAAAL,WAAA,CAALK,KAAK;AAC9B,QAAA,OAAOC,MAAM,CAACC,MAAM,CAAC,EAAE,EAAEL,IAAI,GAAGT,MAAM,CAACS,IAAI,CAAC,GAAG,EAAE,EAAER,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEU,EAAE,EAAEA,EAAE,EAAE,CAAAI,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEI,eAAe,MAAE,IAAA,IAAAD,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAAJ,EAAE,CAAC;OAChG;AAAA,MAAA,OAAAP,KAAA;AACH;IAACa,SAAA,CAAAf,UAAA,EAAAC,UAAA,CAAA;IAAA,OAAAe,YAAA,CAAAhB,UAAA,EAAA,CAAA;MAAAiB,GAAA,EAAA,QAAA;AAAAT,MAAAA,KAAA,EAbC,SAAAU,MAAMA,GAAA;;AACJ,QAAA,IAAI,CAAC,IAAI,CAACZ,KAAK,CAACE,KAAK,EAAE,oBAAOW,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,OAAK;AACnC,QAAA,oBACEF,KAAA,CAAAC,aAAA,CAACE,gBAAgB,EAAAC,QAAA,CAAA;AAACC,UAAAA,OAAO,EAAE,IAAI,CAAClB,KAAK,CAACkB;SAAa,EAAA,CAAAX,EAAA,GAAA,IAAI,CAACP,KAAK,CAACI,KAAK,MAAA,IAAA,IAAAG,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAEC,eAAe,EAAA;AAAEL,UAAAA,EAAE,EAAE,IAAI,CAACL,UAAU;SACtG,CAAA,EAAA,IAAI,CAACE,KAAK,CAACmB,KAAK,IAAI,IAAI,CAACnB,KAAK,CAACE,KAChB,CAAC;AAEvB;AAAC,KAAA,CAAA,CAAA;AAAA,GAAA,CARsBkB,SAAsD,CAAA;AAe/E,EAAA,OAAO1B,UAAU;AACnB;AAIA,IAAMsB,gBAAgB,GAAGK,MAAM,CAACC,UAAU,CAAC,CAAC;AAC1CC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,MAAM;AAChBC,EAAAA,SAAS,EAAE,QAAQ;AACnBC,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,OAAO,EAAE;AACV,CAAA,CAAC;;;;"}

package/dist/src/table/create.table.js

@@ -0,0 +1,233 @@
+import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1_d0d2002d9033600b6738d939bd598bc6/node_modules/tslib/tslib.es6.js';
+import React, { Component } from 'react';
+import { styled, Box } from '@mui/material';
+import { DataGrid } from '@mui/x-data-grid';
+import { mergeObjects as _mergeObjects } from '../utils/helpers.js';
+import '../utils/query-param.js';
+import '../utils/dayjs-config.js';
+import { TableBaseContext } from './context.js';
+import { CustomFilterOperators } from './custom.filter-operators.js';
+import '../api-context/alert-global.js';
+import '../api-context/drawer-global.js';
+import GlobalModal, { MapGlobalModalContext } from '../api-context/global-modal.js';
+import ToolbarPannel from './toolbar-pannel.js';
+import TableHelper, { dinoTableClasses } from './helpers.js';
+
+function CreateTable(params) {
+  var generateColumns = function generateColumns(extendColDefs) {
+    var columns = Object.keys(params.columns).map(function (key) {
+      var obj = Object.assign({
+        field: key
+      }, params.columns[key]);
+      obj.filterOperators = params.filterOperators ? params.filterOperators(obj) : CustomFilterOperators(obj);
+      return obj;
+    });
+    if (!!extendColDefs && extendColDefs.length > 0) columns.push.apply(columns, _toConsumableArray(extendColDefs));
+    return columns;
+  };
+  var TableBase = /*#__PURE__*/function (_Component) {
+    function TableBase(props) {
+      var _this;
+      _classCallCheck(this, TableBase);
+      _this = _callSuper(this, TableBase, [props]);
+      _this.tableQueryParamsCache = {};
+      _this.setTableQueryParams = function (value) {
+        _this.tableQueryParams = _mergeObjects({}, _this.tableQueryParams, value);
+      };
+      _this.renderWrapContext = function (children) {
+        return /*#__PURE__*/React.createElement(GlobalModal, null, MapGlobalModalContext(function (context) {
+          return /*#__PURE__*/React.createElement(TableBaseContext.Provider, {
+            value: {
+              showModal: context.show,
+              closeModal: context.close
+            }
+          }, children);
+        }));
+      };
+      _this.getDataGridProps = function () {
+        var _a, _b, _c, _d, _e, _f;
+        var mergeConfig = _this.mergeConfig;
+        var obj = {
+          getRowId: params.getRowId,
+          columns: _this.columns,
+          rows: (_b = (_a = _this.props.data) === null || _a === void 0 ? void 0 : _a.items) !== null && _b !== void 0 ? _b : [],
+          checkboxSelection: true,
+          pagination: true,
+          density: (_d = (_c = _this.props.slots) === null || _c === void 0 ? void 0 : _c.density) !== null && _d !== void 0 ? _d : 'standard',
+          initialState: TableHelper.mapInitialState(_this.props.query, {
+            columns: {
+              columnVisibilityModel: params.columnVisibilityModel
+            }
+          }),
+          filterDebounceMs: 800,
+          sx: {
+            border: 0
+          },
+          slots: {
+            toolbar: mergeConfig.toolbar
+          },
+          rowSelectionModel: _this.rowSelecteds,
+          onRowSelectionModelChange: _this.handleRowSelectionChange
+        };
+        if (params.featureMode === 'server') {
+          var objServer = {
+            filterMode: 'server',
+            sortingMode: 'server',
+            paginationMode: 'server',
+            onPaginationModelChange: _this.onPaginationModelChange,
+            onFilterModelChange: _this.onFilterModelChange,
+            onSortModelChange: _this.onSortModelChange,
+            rowCount: (_f = (_e = _this.props.data) === null || _e === void 0 ? void 0 : _e.rowTotal) !== null && _f !== void 0 ? _f : 0,
+            paginationModel: _this.tableQueryParams.pagination,
+            filterModel: _this.tableQueryParams.filter,
+            sortModel: TableHelper.mapSortModel(_this.tableQueryParams.sort),
+            loading: _this.tableQueryParams.loading
+          };
+          Object.assign(obj, objServer);
+        }
+        return _mergeObjects(obj, _this.mergeConfig.dataGridProps);
+      };
+      _this.initialColumns = function () {
+        var ActionRow = _this.mergeConfig.ActionRow;
+        var list = [];
+        if (!!ActionRow) {
+          list.push(Object.assign({
+            field: 'Actions',
+            minWidth: 100,
+            headerAlign: 'right',
+            align: 'right',
+            filterable: false,
+            sortable: false,
+            renderCell: function renderCell(value) {
+              return /*#__PURE__*/React.createElement(ActionRow, {
+                value: value.row
+              });
+            }
+          }, params.actionRow));
+        }
+        return generateColumns(list);
+      };
+      _this.onPaginationModelChange = function (model, details) {
+        _this.setTableQueryParams({
+          pagination: model,
+          detail: 'pagination'
+        });
+        _this.handleChange();
+      };
+      _this.onFilterModelChange = function (model, details) {
+        var _a;
+        var pagination = _this.tableQueryParams.pagination;
+        _this.setTableQueryParams({
+          filter: model,
+          pagination: {
+            page: 0,
+            pageSize: (_a = pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) !== null && _a !== void 0 ? _a : 25
+          },
+          detail: TableHelper.detectSearchType(model)
+        });
+        _this.handleChange();
+      };
+      _this.onSortModelChange = function (model, details) {
+        var _a, _b, _c, _d, _e, _f;
+        var sortValue = model;
+        var sort = _this.tableQueryParams.sort;
+        if (!!(sort === null || sort === void 0 ? void 0 : sort.length) && !sortValue.length) {
+          if (((_a = sort === null || sort === void 0 ? void 0 : sort[0]) === null || _a === void 0 ? void 0 : _a.field) === ((_c = (_b = _this.defaultTableQueryParams.sort) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.field)) {
+            sortValue = [{
+              field: (_d = sort[0]) === null || _d === void 0 ? void 0 : _d.field,
+              sort: ((_e = sort[0]) === null || _e === void 0 ? void 0 : _e.sort) === 'desc' ? 'asc' : 'desc'
+            }];
+          } else {
+            sortValue = (_f = _this.defaultTableQueryParams.sort) !== null && _f !== void 0 ? _f : [];
+          }
+        }
+        _this.setTableQueryParams({
+          sort: sortValue,
+          detail: 'sort'
+        });
+        _this.handleChange();
+      };
+      _this.handleChange = function () {
+        TableHelper.isEmpty(_this.tableQueryParams);
+        TableHelper.isEmpty(_this.tableQueryParamsCache);
+        _this.props.onChange && _this.props.onChange(_this.tableQueryParams);
+        _this.tableQueryParamsCache = _this.tableQueryParams;
+      };
+      _this.handleRowSelectionChange = function (value, details) {
+        if (_this.mergeConfig.maxSelcion && value.length > _this.mergeConfig.maxSelcion) {
+          _this.rowSelecteds = value.slice(0, _this.mergeConfig.maxSelcion);
+        } else {
+          _this.rowSelecteds = value;
+        }
+        _this.props.onRowSelectionChange && _this.props.onRowSelectionChange(_this.rowSelecteds, details);
+        _this.forceUpdate();
+      };
+      _this.columns = _this.initialColumns();
+      _this.tableQueryParams = Object.assign({}, props.query);
+      _this.defaultTableQueryParams = _this.tableQueryParams;
+      _this.rowSelecteds = [];
+      return _this;
+    }
+    _inherits(TableBase, _Component);
+    return _createClass(TableBase, [{
+      key: "mergeConfig",
+      get: function get() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var toolbarPannelProps = _mergeObjects({}, params === null || params === void 0 ? void 0 : params.toolbarProps, (_a = this.props.slots) === null || _a === void 0 ? void 0 : _a.toolbarProps);
+        return {
+          toolbar: (_c = (_b = this.props.slots) === null || _b === void 0 ? void 0 : _b.toolbar) !== null && _c !== void 0 ? _c : function () {
+            return /*#__PURE__*/React.createElement(ToolbarPannel, toolbarPannelProps);
+          },
+          ActionRow: (_d = this.props.slots) === null || _d === void 0 ? void 0 : _d.actionRow,
+          columnVisibilityModel: params.columnVisibilityModel,
+          maxSelcion: (_f = (_e = this.props.slots) === null || _e === void 0 ? void 0 : _e.maxSelection) !== null && _f !== void 0 ? _f : params.maxSelection,
+          dataGridProps: _mergeObjects({}, params.dataGridProps, (_g = this.props.slots) === null || _g === void 0 ? void 0 : _g.dataGridProps)
+        };
+      }
+    }, {
+      key: "shouldComponentUpdate",
+      value: function shouldComponentUpdate(nextProps) {
+        var _a;
+        if (params.featureMode === 'server' && !TableHelper.equalTableQueryParams(nextProps.query, this.props.query)) {
+          this.setTableQueryParams((_a = nextProps.query) !== null && _a !== void 0 ? _a : {});
+          return true;
+        } else if (params.featureMode !== 'server') {
+          return true;
+        } else {
+          return false;
+        }
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return this.renderWrapContext(/*#__PURE__*/React.createElement(Wrap, null, /*#__PURE__*/React.createElement(DataGrid, this.getDataGridProps())));
+      }
+    }]);
+  }(Component);
+  return TableBase;
+}
+var Wrap = styled(function (_a) {
+  var children = _a.children,
+    p = __rest(_a, ["children"]);
+  return /*#__PURE__*/React.createElement(Box, p, /*#__PURE__*/React.createElement("div", null, children));
+})(_defineProperty({
+  flex: 1,
+  position: 'relative',
+  '& > div': {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    overflowY: 'auto'
+  },
+  '& .MuiDataGrid-root': {
+    '--unstable_DataGrid-radius': 0
+  }
+}, "& .MuiDataGrid-cell.".concat(dinoTableClasses.whiteSpacePre, " .MuiDataGrid-cellContent"), {
+  whiteSpace: 'pre'
+}));
+
+export { CreateTable as default };
+//# sourceMappingURL=create.table.js.map