dinocollab-core 1.0.3 → 1.0.4

package/dist/table/model-filter.js

@@ -1,23 +1,2 @@
-var ELogic;
-(function (ELogic) {
-  ELogic[ELogic["And"] = 0] = "And";
-  ELogic[ELogic["Or"] = 1] = "Or";
-})(ELogic || (ELogic = {}));
-var EOperator;
-(function (EOperator) {
-  EOperator[EOperator["GreaterThan"] = 0] = "GreaterThan";
-  EOperator[EOperator["LessThan"] = 1] = "LessThan";
-  EOperator[EOperator["GreaterThanOrEqual"] = 2] = "GreaterThanOrEqual";
-  EOperator[EOperator["LessThanOrEqual"] = 3] = "LessThanOrEqual";
-  EOperator[EOperator["NotEqual"] = 4] = "NotEqual";
-  EOperator[EOperator["Equal"] = 5] = "Equal";
-  EOperator[EOperator["Contains"] = 6] = "Contains";
-})(EOperator || (EOperator = {}));
-var EOrder;
-(function (EOrder) {
-  EOrder[EOrder["Ascending"] = 0] = "Ascending";
-  EOrder[EOrder["Descending"] = 1] = "Descending";
-})(EOrder || (EOrder = {}));
-
-export { ELogic, EOperator, EOrder };
+var n,a,e;!function(n){n[n.And=0]="And",n[n.Or=1]="Or"}(n||(n={})),function(n){n[n.GreaterThan=0]="GreaterThan",n[n.LessThan=1]="LessThan",n[n.GreaterThanOrEqual=2]="GreaterThanOrEqual",n[n.LessThanOrEqual=3]="LessThanOrEqual",n[n.NotEqual=4]="NotEqual",n[n.Equal=5]="Equal",n[n.Contains=6]="Contains"}(a||(a={})),function(n){n[n.Ascending=0]="Ascending",n[n.Descending=1]="Descending"}(e||(e={}));export{n as ELogic,a as EOperator,e as EOrder};
 //# sourceMappingURL=model-filter.js.map

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

@@ -1 +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;;;;"}
+{"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,EAKAC,EAUAC,GAfZ,SAAYF,GACVA,EAAAA,EAAA,IAAA,GAAA,MACAA,EAAAA,EAAA,GAAA,GAAA,IACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACVA,EAAAA,EAAA,YAAA,GAAA,cACAA,EAAAA,EAAA,SAAA,GAAA,WACAA,EAAAA,EAAA,mBAAA,GAAA,qBACAA,EAAAA,EAAA,gBAAA,GAAA,kBACAA,EAAAA,EAAA,SAAA,GAAA,WACAA,EAAAA,EAAA,MAAA,GAAA,QACAA,EAAAA,EAAA,SAAA,GAAA,UACD,CARD,CAAYA,IAAAA,EAQX,CAAA,IAED,SAAYC,GACVA,EAAAA,EAAA,UAAA,GAAA,YACAA,EAAAA,EAAA,WAAA,GAAA,YACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/table/toolbar-pannel.js

@@ -1,143 +1,2 @@
-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 };
+import{objectSpread2 as r,inherits as e,createClass as t,classCallCheck as i,callSuper as n,defineProperty as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as o,Fragment as s}from"react/jsx-runtime";import{Component as p}from"react";import{GridToolbar as c,GridToolbarQuickFilter as d}from"@mui/x-data-grid";import{styled as m,Typography as u,Box as f}from"@mui/material";import{BtnFormCreate as h}from"./ui.buttons.js";import x from"../components/breadcrumbs.js";import"clipboard-copy";import"@mui/icons-material/Done";import"@mui/icons-material/ContentCopy";import g from"../components/help-tooltip.js";import"../components/text-editor.js";var b=function(){function r(){var e;i(this,r);for(var t=arguments.length,p=new Array(t),c=0;c<t;c++)p[c]=arguments[c];return e=n(this,r,[].concat(p)),a(e,"renderTitle",(function(){var r=e.props,t=r.title,i=r.afterTitle,n=r.breadcrumbs;if(!(!!t||!!n||!!i))return l(s,{});var a=t;return"string"==typeof t&&(a=l(v,{children:t})),n&&(a=l(x,{value:n})),o(f,{sx:{height:"56px",display:"flex",alignItems:"center"},children:[a,i]})})),a(e,"renderEndAdornment",(function(){return!e.props.searchInclude||e.props.searchInclude.length<=0?l(s,{}):l(g,{title:"The search includes",small:!0,children:l(y,{children:e.props.searchInclude.map((function(r,e){return l("li",{children:l(u,{variant:"body2",children:r})},e)}))})})})),e}return e(r,p),t(r,[{key:"render",value:function(){return o(f,{sx:{padding:"0 6px"},children:[this.renderTitle(),o(f,{sx:{display:"flex"},children:[o(f,{sx:{flex:1,display:"flex",alignItems:"center",flexWrap:"wrap"},children:[l(c,{sx:{padding:0}}),this.props.formCreate&&l(h,{children:this.props.formCreate}),this.props.afterAction]}),l(f,{sx:{display:"flex",gap:"8px",alignItems:"center"},children:o(f,{sx:{display:"flex",alignItems:"center"},children:[l(d,{fullWidth:!0,variant:"standard",size:"small",debounceMs:800,quickFilterParser:function(r){return[r]}}),this.renderEndAdornment()]})})]})]})}}])}(),y=m("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"}}),v=m((function(e){return l(u,r({noWrap:!0,variant:"subtitle1"},e))}))({fontWeight:700,flex:1});export{b as default};
 //# sourceMappingURL=toolbar-pannel.js.map

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

@@ -1 +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":";;;;;;;;;;;;;AAkBMA,IAAAA,aAAc,0BAAAC,UAAA,EAAA;AAAA,EAAA,SAAAD,aAAA,GAAA;AAAA,IAAA,IAAAE,KAAA;AAAAC,IAAAA,eAAA,OAAAH,aAAA,CAAA;AAAA,IAAA,KAAA,IAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAAF,MAAAA,IAAA,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA;AAAA;AAAAP,IAAAA,KAAA,GAAAQ,UAAA,CAAA,IAAA,EAAAV,aAAA,EAAAW,EAAAA,CAAAA,MAAA,CAAAJ,IAAA,CAAA,CAAA;IAAAK,eAAA,CAAAV,KAAA,EAAA,aAAA,EAsBJ,YAAK;AACjB,MAAA,IAAAW,WAAA,GAA2CX,KAAA,CAAKY,KAAK;QAA7CC,KAAK,GAAAF,WAAA,CAALE,KAAK;QAAEC,UAAU,GAAAH,WAAA,CAAVG,UAAU;QAAEC,WAAW,GAAAJ,WAAA,CAAXI,WAAW;AAEtC,MAAA,IAAMC,SAAS,GAAG,CAAC,CAACH,KAAK,IAAI,CAAC,CAACE,WAAW,IAAI,CAAC,CAACD,UAAU;MAC1D,IAAI,CAACE,SAAS,EAAE,OAAOC,iBAAK;MAE5B,IAAIC,QAAQ,GAAGL,KAAK;MACpB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAEK,QAAQ,GAAGD,GAAC,CAAAE,KAAK,EAAE;AAAAC,QAAAA,QAAA,EAAAP;QAAc;AAChE,MAAA,IAAIE,WAAW,EAAEG,QAAQ,GAAGD,IAACI,WAAW,EAAA;AAACC,QAAAA,KAAK,EAAEP;QAAe;MAE/D,OACEQ,IAAC,CAAAC,GAAG,EAAC;AAAAC,QAAAA,EAAE,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAM;AAAEC,UAAAA,OAAO,EAAE,MAAM;AAAEC,UAAAA,UAAU,EAAE;SAAU;AAC/DR,QAAAA,QAAA,EAAA,CAAAF,QAAQ,EACRJ,UAAU;AACP,OAAA,CAAA;KAET,CAAA;IAAAJ,eAAA,CAAAV,KAAA,EAAA,oBAAA,EAEoB,YAAK;MACxB,IAAI,CAACA,KAAA,CAAKY,KAAK,CAACiB,aAAa,IAAI7B,KAAA,CAAKY,KAAK,CAACiB,aAAa,CAACzB,MAAM,IAAI,CAAC,EAAE,OAAOa,iBAAK;MACnF,OACEA,IAACa,WAAW,EAAA;AAACjB,QAAAA,KAAK,EAAC,qBAAqB;AAACkB,QAAAA,KAAK,EAAA,IAAA;AAAAX,QAAAA,QAAA,EAC5CH,IAACe,SAAS,EAAA;AAAAZ,UAAAA,QAAA,EACPpB,KAAA,CAAKY,KAAK,CAACiB,aAAa,CAACI,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;YAAA,OACxClB;wBACEA,GAAC,CAAAmB,UAAU,EAAC;AAAAC,gBAAAA,OAAO,EAAC,OAAO;0BAAEH;eAAI;eAD1BC,KAAK,CAET;WACN;SAAC;AAEQ,OAAA,CAAA;KAEjB,CAAA;AAAA,IAAA,OAAAnC,KAAA;AAAA;EAAAsC,SAAA,CAAAxC,aAAA,EAAAC,UAAA,CAAA;EAAA,OAAAwC,YAAA,CAAAzC,aAAA,EAAA,CAAA;IAAA0C,GAAA,EAAA,QAAA;AAAAlB,IAAAA,KAAA,EApDD,SAAAmB,MAAMA,GAAA;MACJ,OACElB,IAAC,CAAAC,GAAG,EAAC;AAAAC,QAAAA,EAAE,EAAE;AAAEiB,UAAAA,OAAO,EAAE;SAAS;QAC1BtB,QAAA,EAAA,CAAA,IAAI,CAACuB,WAAW,EAAE,EACnBpB,IAAA,CAACC,GAAG,EAAA;AAACC,UAAAA,EAAE,EAAE;AAAEE,YAAAA,OAAO,EAAE;WAAQ;AAAAP,UAAAA,QAAA,EAAA,CAC1BG,IAAC,CAAAC,GAAG;AAACC,YAAAA,EAAE,EAAE;AAAEmB,cAAAA,IAAI,EAAE,CAAC;AAAEjB,cAAAA,OAAO,EAAE,MAAM;AAAEC,cAAAA,UAAU,EAAE,QAAQ;AAAEiB,cAAAA,QAAQ,EAAE;aAAQ;uBAC3E5B,GAAC,CAAA6B,WAAW,EAAC;AAAArB,cAAAA,EAAE,EAAE;AAAEiB,gBAAAA,OAAO,EAAE;;aAAO,CAAA,EAClC,IAAI,CAAC9B,KAAK,CAACmC,UAAU,IAAI9B,GAAA,CAAC+B,aAAa,EAAE;AAAA5B,cAAAA,QAAA,EAAA,IAAI,CAACR,KAAK,CAACmC;AAA2B,aAAA,CAAA,EAC/E,IAAI,CAACnC,KAAK,CAACqC,WAAW;AACnB,WAAA,CAAA,EACNhC,IAACO,GAAG,EAAA;AAACC,YAAAA,EAAE,EAAE;AAAEE,cAAAA,OAAO,EAAE,MAAM;AAAEuB,cAAAA,GAAG,EAAE,KAAK;AAAEtB,cAAAA,UAAU,EAAE;aAAU;AAC5DR,YAAAA,QAAA,EAAAG,IAAA,CAACC,GAAG,EAAC;AAAAC,cAAAA,EAAE,EAAE;AAAEE,gBAAAA,OAAO,EAAE,MAAM;AAAEC,gBAAAA,UAAU,EAAE;eAAU;AAChDR,cAAAA,QAAA,EAAA,CAAAH,GAAA,CAACkC,sBAAsB,EAAC;AAAAC,gBAAAA,SAAS,EAAC,IAAA;AAAAf,gBAAAA,OAAO,EAAC,UAAU;AAACgB,gBAAAA,IAAI,EAAC,OAAO;AAACC,gBAAAA,UAAU,EAAE,GAAG;AAAEC,gBAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,CAAM,EAAA;kBAAA,OAAK,CAACA,CAAC,CAAC;AAAA;AAAI,eAAA,CAAA,EACxH,IAAI,CAACC,kBAAkB,EAAE;aAAA;YAExB;AACF,SAAA,CAAA;AAAA,OAAA,CACF;AAEV;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CApByBC,SAAuD;AA0DnF,IAAM1B,SAAS,GAAG2B,MAAM,CAAC,IAAI,CAAC,CAAC;AAC7BC,EAAAA,MAAM,EAAE,YAAY;AACpBlB,EAAAA,OAAO,EAAE,CAAC;AACVmB,EAAAA,EAAE,EAAE;AACFC,IAAAA,QAAQ,EAAE;GACX;AACD,EAAA,WAAW,EAAE;AACXC,IAAAA,OAAO,EAAE,KAAK;AACdpC,IAAAA,OAAO,EAAE,cAAc;AACvBqC,IAAAA,GAAG,EAAE,KAAK;AACVC,IAAAA,SAAS,EAAE,kBAAkB;AAC7BH,IAAAA,QAAQ,EAAE,UAAU;AACpBI,IAAAA,IAAI,EAAE;AACP;AACF,CAAA,CAAC;AAEF,IAAM/C,KAAK,GAAGwC,MAAM,CAAC,UAAC/C,KAAsB,EAAA;AAAA,EAAA,OAAKK,GAAA,CAACmB,UAAU,EAAA+B,cAAA,CAAA;AAACC,IAAAA,MAAM;AAAC/B,IAAAA,OAAO,EAAC;GAAgBzB,EAAAA,KAAK,CAAI,CAAA;AAAA,CAAA,CAAC,CAAC;AACrGyD,EAAAA,UAAU,EAAE,GAAG;AACfzB,EAAAA,IAAI,EAAE;AACP,CAAA,CAAC;;;;"}
+{"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","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","_this$props","props","title","afterTitle","breadcrumbs","_jsx","titleElm","Title","children","Breadcrumbs","value","_jsxs","Box","sx","height","display","alignItems","searchInclude","HelpTooltip","small","SeachHelp","map","item","index","Typography","variant","_inherits","Component","_createClass","key","padding","renderTitle","flex","flexWrap","GridToolbar","formCreate","BtnFormCreate","afterAction","gap","GridToolbarQuickFilter","fullWidth","size","debounceMs","quickFilterParser","x","renderEndAdornment","styled","margin","li","position","content","top","transform","left","_objectSpread","noWrap","fontWeight"],"mappings":"0pBAkBMA,IAAAA,aAAc,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAqDjB,OArDiBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,eAsBJ,WACZ,IAAAY,EAA2CZ,EAAKa,MAAxCC,EAAKF,EAALE,MAAOC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YAG3B,OADoBF,KAAWE,KAAiBD,GAChC,OAAOE,QAEvB,IAAIC,EAAWJ,EAIf,MAHqB,iBAAVA,IAAoBI,EAAWD,EAACE,EAAO,CAAAC,SAAAN,KAC9CE,IAAaE,EAAWD,EAACI,EAAW,CAACC,MAAON,KAG9CO,EAACC,EAAI,CAAAC,GAAI,CAAEC,OAAQ,OAAQC,QAAS,OAAQC,WAAY,UACrDR,SAAA,CAAAF,EACAH,QAGNJ,EAAAX,EAAA,sBAEoB,WACnB,OAAKA,EAAKa,MAAMgB,eAAiB7B,EAAKa,MAAMgB,cAAczB,QAAU,EAAUa,QAE5EA,EAACa,EAAW,CAAChB,MAAM,sBAAsBiB,OAAK,EAAAX,SAC5CH,EAACe,EAAS,CAAAZ,SACPpB,EAAKa,MAAMgB,cAAcI,KAAI,SAACC,EAAMC,GAAK,OACxClB,iBACEA,EAACmB,EAAW,CAAAC,QAAQ,iBAASH,KADtBC,EAGV,WAIRnC,CAAA,CAAA,OAAAsC,EAAAvC,EArDyBwC,GAqDzBC,EAAAzC,EAAA,CAAA,CAAA0C,IAAA,SAAAnB,MApDD,WACE,OACEC,EAACC,EAAI,CAAAC,GAAI,CAAEiB,QAAS,SACjBtB,SAAA,CAAAX,KAAKkC,cACNpB,EAACC,EAAG,CAACC,GAAI,CAAEE,QAAS,QAAQP,SAAA,CAC1BG,EAACC,GAAIC,GAAI,CAAEmB,KAAM,EAAGjB,QAAS,OAAQC,WAAY,SAAUiB,SAAU,kBACnE5B,EAAC6B,EAAY,CAAArB,GAAI,CAAEiB,QAAS,KAC3BjC,KAAKI,MAAMkC,YAAc9B,EAAC+B,EAAe,CAAA5B,SAAAX,KAAKI,MAAMkC,aACpDtC,KAAKI,MAAMoC,eAEdhC,EAACO,EAAG,CAACC,GAAI,CAAEE,QAAS,OAAQuB,IAAK,MAAOtB,WAAY,UAClDR,SAAAG,EAACC,EAAI,CAAAC,GAAI,CAAEE,QAAS,OAAQC,WAAY,UACtCR,SAAA,CAAAH,EAACkC,EAAuB,CAAAC,WAAU,EAAAf,QAAQ,WAAWgB,KAAK,QAAQC,WAAY,IAAKC,kBAAmB,SAACC,GAAM,MAAK,CAACA,EAAE,IACpH/C,KAAKgD,+BAMlB,IAAC,IAsCGzB,EAAY0B,EAAO,KAAPA,CAAa,CAC7BC,OAAQ,aACRjB,QAAS,EACTkB,GAAI,CACFC,SAAU,YAEZ,YAAa,CACXC,QAAS,MACTnC,QAAS,eACToC,IAAK,MACLC,UAAW,mBACXH,SAAU,WACVI,KAAM,WAIJ9C,EAAQuC,GAAO,SAAC7C,GAAsB,OAAKI,EAACmB,EAAU8B,EAAA,CAACC,UAAO9B,QAAQ,aAAgBxB,GAAS,GAAvF6C,CAAyF,CACrGU,WAAY,IACZxB,KAAM"}

package/dist/table/ui.buttons.js

@@ -1,67 +1,2 @@
-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 };
+import{jsx as t}from"react/jsx-runtime";import{Tooltip as n,IconButton as r,Button as i}from"@mui/material";import e from"@mui/icons-material/ViewList";import o from"@mui/icons-material/AddCircleOutline";import"react";import"../api-context/alert-global.js";import"../api-context/drawer-global.js";import{MapGlobalModalContext as l}from"../api-context/global-modal.js";var a=function(r){return l((function(e){return t(n,{title:"Create new",children:t(i,{size:"small",onClick:function(){return e.show({renderContent:function(){return r.children}})},startIcon:t(o,{fontSize:"small"}),sx:{fontWeight:600},variant:"contained",children:"Create"})})}))},c=function(i){return l((function(o){return t(n,{title:"Detail",children:t(r,{onClick:function(t){var n;null===(n=i.onOpenModal)||void 0===n||n.call(i,t),o.show({backdropActivated:!0,renderContent:function(){return i.formDetail},onClose:i.onCloseModal})},children:t(e,{})})})}))},m=function(i){return t(n,{title:"Detail",children:t(r,{onClick:i.onClick,children:t(e,{})})})};export{m as BtnDetail,a as BtnFormCreate,c as BtnFormDetail};
 //# sourceMappingURL=ui.buttons.js.map

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

@@ -1 +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;;;;"}
+{"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":"oXAMaA,EAAmD,SAACC,GAC/D,OAAOC,GAAsB,SAACC,GAAO,OACnCC,EAACC,EAAO,CAACC,MAAM,aACbC,SAAAH,EAACI,EAAM,CACLC,KAAK,QACLC,QAAS,WAAF,OAAQP,EAAQQ,KAAK,CAAEC,cAAe,WAAF,OAAQX,EAAMM,QAAQ,GAAG,EACpEM,UAAWT,EAACU,EAAqB,CAAAC,SAAS,UAC1CC,GAAI,CAAEC,WAAY,KAClBC,QAAQ,YAAWX,SAAA,YAIb,GAEd,EAQaY,EAAyC,SAAClB,GACrD,OAAOC,GAAsB,SAACC,GAAO,OACnCC,EAACC,EAAO,CAACC,MAAM,SACbC,SAAAH,EAACgB,EAAU,CACTV,QAAS,SAACW,GAAK,IAAAC,EACIA,QAAjBA,EAAArB,EAAMsB,mBAAND,IAAiBA,GAAjBA,EAAAE,KAAAvB,EAAoBoB,GACpBlB,EAAQQ,KAAK,CAAEc,mBAAmB,EAAMb,cAAe,WAAF,OAAQX,EAAMyB,UAAU,EAAEC,QAAS1B,EAAM2B,cAC/F,EAAArB,SAEDH,EAACyB,EAAY,CAAA,MAEP,GAEd,EAMaC,EAAiC,SAAC7B,GAAK,OAClDG,EAACC,EAAO,CAACC,MAAM,SACbC,SAAAH,EAACgB,EAAU,CAACV,QAAST,EAAMS,QACzBH,SAAAH,EAACyB,EAAY,CAAA,MAEP"}

package/dist/table/ui.units.js

@@ -1,248 +1,2 @@
-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 };
+import{objectWithoutProperties as e,objectSpread2 as r,slicedToArray as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,Fragment as a,jsxs as l}from"react/jsx-runtime";import{useState as n,useEffect as o}from"react";import{styled as p,Typography as c,Box as m,Chip as s,Tooltip as u,IconButton as d,Divider as f}from"@mui/material";import v from"@mui/icons-material/OpenInNew";import{mergeObjects as g}from"../utils/helpers.js";import"../utils/query-param.js";import"../utils/dayjs-config.js";import"../components/breadcrumbs.js";import x from"../components/copy-to-clipboard.js";import{HelpTooltipWrap as h}from"../components/help-tooltip.js";import"../components/text-editor.js";import b from"dayjs";var y=["children"],k=function(e,i){return function(l){var n,o,p,c,m;return l.value?t(j,r(r({onClick:l.onClick},null===(n=l.slots)||void 0===n?void 0:n.typographyProps),{},{sx:(p=l.value,c=l.sx,m=l.slots,Object.assign({},p?e[p]:{},null==i?void 0:i.sx,c,null==m||null===(o=m.typographyProps)||void 0===o?void 0:o.sx)),children:l.title||l.value})):t(a,{})}},j=p(c)({borderRadius:"4px",fontSize:"0.8rem",padding:"4px 9px",fontWeight:600,minWidth:"70px",textAlign:"center",color:"#ffffff",display:"inline-block"}),w=function(e){var r,a=n(null!==(r=e.imageUri)&&void 0!==r?r:e.fallbackSrc),p=i(a,2),s=p[0],u=p[1];return o((function(){var r;u(null!==(r=e.imageUri)&&void 0!==r?r:e.fallbackSrc)}),[e.imageUri,e.fallbackSrc]),l(m,{sx:{display:"flex",alignItems:"center",height:"100%",gap:"10px"},children:[t(U,{src:s,onError:function(){return u(e.fallbackSrc)}}),t(c,{variant:"body1",children:e.value})]})},S=function(e){var r,a=n(null!==(r=e.imageUri)&&void 0!==r?r:e.imageFallback),l=i(a,2),p=l[0],c=l[1];return o((function(){var r;c(null!==(r=e.imageUri)&&void 0!==r?r:e.imageFallback)}),[e.imageUri,e.imageFallback]),t(U,{src:p,onError:function(){return c(e.imageFallback)},sx:e.sx})},U=p("img")({backgroundRepeat:"no-repeat",height:"50px",width:"50px",backgroundSize:"contain",borderRadius:"8px",boxShadow:"rgba(0, 0, 0, 0.16) 0px 1px 4px"}),W=function(e){var i,a=null!==(i=e.valueFormatted)&&void 0!==i?i:e.value,n=!!e.copyToClipboard&&!!a;return l(F,r(r({title:a},e.wrapProps),{},{children:[e.imageUrl&&t(S,{imageUri:e.imageUrl,sx:{mr:"10px"},imageFallback:e.imageFallbackSrc}),t(c,r(r({variant:"body2",component:"span",noWrap:!0,sx:{flex:1}},e.typographyProps),{},{children:a})),a&&!0===e.openInNewTab&&t(u,{arrow:!0,title:"Open new tab",children:t(d,{component:"a",href:a,target:"_blank",children:t(v,{fontSize:"small",sx:{color:"#1A75E2"}})})}),n&&t(x,{value:a}),a&&!0===e.beforeLine&&t(f,{flexItem:!0,variant:"middle",orientation:"vertical"})]}))},F=p((function(i){var a=i.children,l=e(i,y);return t(m,r(r({},l),{},{children:t("div",{children:a})}))}))({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}}),I=function(e){var r,i;if("string"!=typeof e.value)return null!==(r=e.value)&&void 0!==r?r:t(a,{});var n=e.value.split(null!==(i=null==e?void 0:e.separator)&&void 0!==i?i:"|").filter((function(e){return!!e})),o=null!=e&&e.maximum?n.slice(0,e.maximum):n,p=null!=e&&e.maximum&&n.length>e.maximum?n.length-e.maximum:0;return l(m,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:"4px",height:"100%"},children:[o.map((function(e,r){return t(P,{label:e,size:"small"},"key"+r)})),p>0&&t(h,{title:"Artists",content:t(m,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:"4px"},children:n.map((function(e,r){return t(P,{label:e,size:"small"},"key"+r)}))}),children:t(P,{label:"+".concat(p),size:"small"},"remaining")})]})},P=p(s)({lineHeight:1}),z=function(e){try{var i,a,l=null!==(i=null==e?void 0:e.showRelative)&&void 0!==i&&i,n=b(e.value),o=n.format(e.formatString),p=l?"".concat(o," (").concat(b().to(n),")"):o,m=e.styledGetter?e.styledGetter(e.value):{flex:1},s=g({},null!==(a=e.typographyProps)&&void 0!==a?a:{},{sx:m});return t(c,r(r({variant:"body2",component:"span",noWrap:!0},s),{},{children:p}))}catch(e){return t(c,{variant:"body2",component:"span",noWrap:!0,children:"format invalid"})}};export{W as CellBase,I as CellChips,z as CellDate,w as CellImageSmall,k as CreateStatusCell,S as ImageSmallFallback};
 //# sourceMappingURL=ui.units.js.map