dinocollab-core 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"create.table.js","sources":["../../../src/table/create.table.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Box, BoxProps, styled } from '@mui/material'\r\nimport { DataGrid, DataGridProps, GridColDef, GridFeatureMode, GridFilterOperator } from '@mui/x-data-grid'\r\nimport { GridSortModel, GridValidRowModel, GridRowIdGetter, GridRowSelectionModel } from '@mui/x-data-grid'\r\nimport { GridCallbackDetails, GridColumnVisibilityModel, GridDensity, GridFilterModel, GridPaginationModel } from '@mui/x-data-grid'\r\nimport { mergeObjects } from '../utils'\r\nimport { TableBaseContext } from './context'\r\nimport { IActionRowProps } from './create.action-row'\r\nimport { CustomFilterOperators } from './custom.filter-operators'\r\nimport { GlobalModal, MapGlobalModalContext } from '../api-context'\r\nimport { CustomGridColDef, CustomGridFilterModel, CustomGridSortModel, TableData, TableQueryParams } from './types'\r\nimport ToolbarPannel, { IToolbarPannelProps } from './toolbar-pannel'\r\nimport TableHelper, { dinoTableClasses } from './helpers'\r\n\r\ninterface TableSlots<T> {\r\n  maxSelection?: number\r\n  density?: GridDensity\r\n  toolbar?: React.ComponentType<IToolbarPannelProps>\r\n  actionRow?: React.ComponentType<IActionRowProps<T>>\r\n  toolbarProps?: IToolbarPannelProps\r\n  dataGridProps?: DataGridProps\r\n}\r\n\r\ntype TableParamsSlots<T> = Pick<TableSlots<T>, 'maxSelection' | 'toolbarProps' | 'dataGridProps'>\r\n\r\ninterface TableProps<T> {\r\n  data?: TableData<T>\r\n  query?: TableQueryParams<T>\r\n  onChange?: (query: TableQueryParams<T>) => void\r\n  onRowSelectionChange?: DataGridProps['onRowSelectionModelChange']\r\n  slots?: TableSlots<T>\r\n}\r\n\r\ninterface TableParams<T extends GridValidRowModel> extends TableParamsSlots<T> {\r\n  featureMode?: GridFeatureMode\r\n  getRowId: GridRowIdGetter<T>\r\n  columns: CustomGridColDef<T>\r\n  filterOperators?: (config: GridColDef) => GridFilterOperator[]\r\n  columnVisibilityModel?: Partial<Record<keyof T, boolean>>\r\n  actionRow?: Omit<GridColDef, 'field'>\r\n}\r\n\r\nfunction CreateTable<T extends GridValidRowModel>(params: TableParams<T>) {\r\n  const generateColumns = (extendColDefs?: GridColDef[]) => {\r\n    const columns = Object.keys(params.columns).map<GridColDef>((key) => {\r\n      const obj = { field: key, ...params.columns[key] }\r\n      obj.filterOperators = params.filterOperators ? params.filterOperators(obj) : CustomFilterOperators(obj)\r\n      return obj\r\n    })\r\n\r\n    if (!!extendColDefs && extendColDefs.length > 0) columns.push(...extendColDefs)\r\n    return columns\r\n  }\r\n\r\n  class TableBase extends Component<TableProps<T>> {\r\n    private tableQueryParams: TableQueryParams<T>\r\n    private tableQueryParamsCache: TableQueryParams<T> = {}\r\n    private defaultTableQueryParams: TableQueryParams<T>\r\n    private columns: GridColDef<T>[]\r\n    private rowSelecteds: GridRowSelectionModel\r\n    constructor(props: TableProps<T>) {\r\n      super(props)\r\n      this.columns = this.initialColumns()\r\n      this.tableQueryParams = { ...props.query }\r\n      this.defaultTableQueryParams = this.tableQueryParams\r\n      this.rowSelecteds = []\r\n    }\r\n\r\n    get mergeConfig() {\r\n      const toolbarPannelProps = mergeObjects({}, params?.toolbarProps, this.props.slots?.toolbarProps)\r\n      return {\r\n        toolbar: this.props.slots?.toolbar ?? (() => <ToolbarPannel {...toolbarPannelProps} />),\r\n        ActionRow: this.props.slots?.actionRow,\r\n        columnVisibilityModel: params.columnVisibilityModel,\r\n        maxSelcion: this.props.slots?.maxSelection ?? params.maxSelection,\r\n        dataGridProps: mergeObjects({}, params.dataGridProps, this.props.slots?.dataGridProps)\r\n      }\r\n    }\r\n\r\n    setTableQueryParams = (value: Partial<TableQueryParams<T>>) => {\r\n      this.tableQueryParams = mergeObjects({}, this.tableQueryParams, value)\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<TableProps<T>>): boolean {\r\n      if (params.featureMode === 'server' && !TableHelper.equalTableQueryParams(nextProps.query, this.props.query)) {\r\n        this.setTableQueryParams(nextProps.query ?? {})\r\n        return true\r\n      } else if (params.featureMode !== 'server') {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return this.renderWrapContext(\r\n        <Wrap>\r\n          <DataGrid {...this.getDataGridProps()} />\r\n        </Wrap>\r\n      )\r\n    }\r\n\r\n    renderWrapContext = (children: React.ReactNode) => (\r\n      <GlobalModal>\r\n        {MapGlobalModalContext((context) => (\r\n          <TableBaseContext.Provider value={{ showModal: context.show, closeModal: context.close }}>{children}</TableBaseContext.Provider>\r\n        ))}\r\n      </GlobalModal>\r\n    )\r\n\r\n    getDataGridProps = (): DataGridProps<T> => {\r\n      const mergeConfig = this.mergeConfig\r\n      const obj: DataGridProps<T> = {\r\n        getRowId: params.getRowId,\r\n        columns: this.columns,\r\n        rows: this.props.data?.items ?? [],\r\n        checkboxSelection: true,\r\n        pagination: true,\r\n        density: this.props.slots?.density ?? 'standard',\r\n        initialState: TableHelper.mapInitialState(this.props.query, {\r\n          columns: { columnVisibilityModel: params.columnVisibilityModel as GridColumnVisibilityModel }\r\n        }),\r\n        filterDebounceMs: 800,\r\n        sx: { border: 0 },\r\n        slots: { toolbar: mergeConfig.toolbar },\r\n        rowSelectionModel: this.rowSelecteds,\r\n        onRowSelectionModelChange: this.handleRowSelectionChange\r\n      }\r\n      if (params.featureMode === 'server') {\r\n        const objServer: Partial<DataGridProps<T>> = {\r\n          filterMode: 'server',\r\n          sortingMode: 'server',\r\n          paginationMode: 'server',\r\n          onPaginationModelChange: this.onPaginationModelChange,\r\n          onFilterModelChange: this.onFilterModelChange,\r\n          onSortModelChange: this.onSortModelChange,\r\n          rowCount: this.props.data?.rowTotal ?? 0,\r\n          paginationModel: this.tableQueryParams.pagination,\r\n          filterModel: this.tableQueryParams.filter as GridFilterModel,\r\n          sortModel: TableHelper.mapSortModel(this.tableQueryParams.sort),\r\n          loading: this.tableQueryParams.loading\r\n        }\r\n        Object.assign(obj, objServer)\r\n      }\r\n      return mergeObjects(obj, this.mergeConfig.dataGridProps)\r\n    }\r\n\r\n    initialColumns = (): GridColDef<T>[] => {\r\n      const { ActionRow } = this.mergeConfig\r\n      const list: GridColDef<T>[] = []\r\n      if (!!ActionRow) {\r\n        list.push({\r\n          field: 'Actions',\r\n          minWidth: 100,\r\n          headerAlign: 'right',\r\n          align: 'right',\r\n          filterable: false,\r\n          sortable: false,\r\n          renderCell: (value) => <ActionRow value={value.row} />,\r\n          ...params.actionRow\r\n        })\r\n      }\r\n      return generateColumns(list)\r\n    }\r\n\r\n    onPaginationModelChange = (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => {\r\n      this.setTableQueryParams({ pagination: model, detail: 'pagination' })\r\n      this.handleChange()\r\n    }\r\n\r\n    onFilterModelChange = (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => {\r\n      const { pagination } = this.tableQueryParams\r\n      this.setTableQueryParams({\r\n        filter: model as CustomGridFilterModel<T>,\r\n        pagination: { page: 0, pageSize: pagination?.pageSize ?? 25 },\r\n        detail: TableHelper.detectSearchType(model)\r\n      })\r\n      this.handleChange()\r\n    }\r\n\r\n    onSortModelChange = (model: GridSortModel, details: GridCallbackDetails<any>) => {\r\n      let sortValue = model as CustomGridSortModel<T>\r\n      const { sort } = this.tableQueryParams\r\n      if (!!sort?.length && !sortValue.length) {\r\n        if (sort?.[0]?.field === this.defaultTableQueryParams.sort?.[0]?.field) {\r\n          sortValue = [{ field: sort[0]?.field, sort: sort[0]?.sort === 'desc' ? 'asc' : 'desc' }]\r\n        } else {\r\n          sortValue = this.defaultTableQueryParams.sort ?? []\r\n        }\r\n      }\r\n      this.setTableQueryParams({ sort: sortValue, detail: 'sort' })\r\n      this.handleChange()\r\n    }\r\n\r\n    handleChange = () => {\r\n      const check = TableHelper.isEmpty(this.tableQueryParams)\r\n      const checkCache = TableHelper.isEmpty(this.tableQueryParamsCache)\r\n      const isChange = this.props.onChange && this.props.onChange(this.tableQueryParams)\r\n      this.tableQueryParamsCache = this.tableQueryParams\r\n    }\r\n\r\n    handleRowSelectionChange = (value: GridRowSelectionModel, details: GridCallbackDetails) => {\r\n      if (this.mergeConfig.maxSelcion && value.length > this.mergeConfig.maxSelcion) {\r\n        this.rowSelecteds = value.slice(0, this.mergeConfig.maxSelcion)\r\n      } else {\r\n        this.rowSelecteds = value\r\n      }\r\n      this.props.onRowSelectionChange && this.props.onRowSelectionChange(this.rowSelecteds, details)\r\n      this.forceUpdate()\r\n    }\r\n  }\r\n\r\n  return TableBase\r\n}\r\n\r\nexport default CreateTable\r\n\r\nconst Wrap = styled(({ children, ...p }: BoxProps) => (\r\n  <Box {...p}>\r\n    <div>{children}</div>\r\n  </Box>\r\n))({\r\n  flex: 1,\r\n  position: 'relative',\r\n  '& > div': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n    overflowY: 'auto'\r\n  },\r\n  '& .MuiDataGrid-root': {\r\n    '--unstable_DataGrid-radius': 0\r\n  },\r\n  [`& .MuiDataGrid-cell.${dinoTableClasses.whiteSpacePre} .MuiDataGrid-cellContent`]: {\r\n    whiteSpace: 'pre'\r\n  }\r\n})\r\n"],"names":["CreateTable","params","generateColumns","extendColDefs","columns","Object","keys","map","key","obj","assign","field","filterOperators","CustomFilterOperators","length","push","apply","_toConsumableArray","TableBase","_Component","props","_this","_classCallCheck","_callSuper","tableQueryParamsCache","setTableQueryParams","value","tableQueryParams","mergeObjects","renderWrapContext","children","React","createElement","GlobalModal","MapGlobalModalContext","context","TableBaseContext","Provider","showModal","show","closeModal","close","getDataGridProps","mergeConfig","getRowId","rows","_b","_a","data","items","checkboxSelection","pagination","density","_d","_c","slots","initialState","TableHelper","mapInitialState","query","columnVisibilityModel","filterDebounceMs","sx","border","toolbar","rowSelectionModel","rowSelecteds","onRowSelectionModelChange","handleRowSelectionChange","featureMode","objServer","filterMode","sortingMode","paginationMode","onPaginationModelChange","onFilterModelChange","onSortModelChange","rowCount","_f","_e","rowTotal","paginationModel","filterModel","filter","sortModel","mapSortModel","sort","loading","dataGridProps","initialColumns","ActionRow","list","minWidth","headerAlign","align","filterable","sortable","renderCell","row","actionRow","model","details","detail","handleChange","page","pageSize","detectSearchType","sortValue","defaultTableQueryParams","isEmpty","onChange","maxSelcion","slice","onRowSelectionChange","forceUpdate","_inherits","_createClass","get","toolbarPannelProps","toolbarProps","ToolbarPannel","maxSelection","_g","shouldComponentUpdate","nextProps","equalTableQueryParams","render","Wrap","DataGrid","Component","styled","p","__rest","Box","_defineProperty","flex","position","top","left","width","height","overflowY","concat","dinoTableClasses","whiteSpacePre","whiteSpace"],"mappings":"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"}

package/dist/src/table/custom.filter-operators.js

@@ -0,0 +1,89 @@
+import { getGridStringOperators, getGridDateOperators, getGridBooleanOperators, getGridNumericOperators } from '@mui/x-data-grid';
+import { EOperator } from './model-filter.js';
+
+var StringMap = {
+  contains: EOperator.Contains,
+  equals: EOperator.Equal
+};
+var NumericMap = {
+  '=': EOperator.Equal,
+  '!=': EOperator.NotEqual,
+  '>': EOperator.GreaterThan,
+  '>=': EOperator.GreaterThanOrEqual,
+  '<': EOperator.LessThan,
+  '<=': EOperator.LessThanOrEqual
+};
+var BooleanMap = {
+  'is=': EOperator.Equal
+};
+var DateMap = {
+  is: EOperator.Equal,
+  not: EOperator.NotEqual,
+  after: EOperator.GreaterThan,
+  onOrAfter: EOperator.GreaterThanOrEqual,
+  before: EOperator.LessThan,
+  onOrBefore: EOperator.LessThanOrEqual
+};
+var getCustomGridStringOperators = function getCustomGridStringOperators() {
+  var keys = new Set(Object.keys(StringMap));
+  var options = getGridStringOperators().filter(function (x) {
+    return keys.has(x.value);
+  }).map(function (x) {
+    x.label = x.value;
+    x.value = StringMap[x.value] + '';
+    return x;
+  });
+  return options;
+};
+var getCustomGridNumericOperators = function getCustomGridNumericOperators() {
+  var keys = new Set(Object.keys(NumericMap));
+  var options = getGridNumericOperators().filter(function (x) {
+    return keys.has(x.value);
+  }).map(function (x) {
+    x.label = x.value;
+    x.value = NumericMap[x.value] + '';
+    return x;
+  });
+  return options;
+};
+var getCustomGridBooleanOperators = function getCustomGridBooleanOperators() {
+  var keys = new Set(Object.keys(BooleanMap));
+  var options = getGridBooleanOperators().filter(function (x) {
+    return keys.has(x.value);
+  }).map(function (x) {
+    x.label = x.value;
+    x.value = BooleanMap[x.value] + '';
+    return x;
+  });
+  return options;
+};
+var getCustomGridDateOperators = function getCustomGridDateOperators(showTime) {
+  var keys = new Set(Object.keys(DateMap));
+  var options = getGridDateOperators(showTime).filter(function (x) {
+    return keys.has(x.value);
+  }).map(function (x) {
+    x.label = x.value;
+    x.value = DateMap[x.value] + '';
+    return x;
+  });
+  return options;
+};
+var CustomFilterOperators = function CustomFilterOperators(option) {
+  switch (option.type) {
+    case 'string':
+      return getCustomGridStringOperators();
+    case 'number':
+      return getCustomGridNumericOperators();
+    case 'boolean':
+      return getCustomGridBooleanOperators();
+    case 'date':
+      return getCustomGridDateOperators();
+    case 'dateTime':
+      return getCustomGridDateOperators(true);
+    default:
+      return getCustomGridStringOperators();
+  }
+};
+
+export { CustomFilterOperators };
+//# sourceMappingURL=custom.filter-operators.js.map

package/dist/src/table/custom.filter-operators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.filter-operators.js","sources":["../../../src/table/custom.filter-operators.ts"],"sourcesContent":["import { getGridBooleanOperators, getGridDateOperators, getGridNumericOperators, getGridStringOperators, GridColDef } from '@mui/x-data-grid'\r\nimport { EOperator } from './model-filter'\r\n\r\nconst StringMap = {\r\n  contains: EOperator.Contains,\r\n  equals: EOperator.Equal\r\n}\r\n\r\nconst NumericMap = {\r\n  '=': EOperator.Equal,\r\n  '!=': EOperator.NotEqual,\r\n  '>': EOperator.GreaterThan,\r\n  '>=': EOperator.GreaterThanOrEqual,\r\n  '<': EOperator.LessThan,\r\n  '<=': EOperator.LessThanOrEqual\r\n}\r\n\r\nconst BooleanMap = {\r\n  'is=': EOperator.Equal\r\n}\r\n\r\nconst DateMap = {\r\n  is: EOperator.Equal,\r\n  not: EOperator.NotEqual,\r\n  after: EOperator.GreaterThan,\r\n  onOrAfter: EOperator.GreaterThanOrEqual,\r\n  before: EOperator.LessThan,\r\n  onOrBefore: EOperator.LessThanOrEqual\r\n}\r\n\r\nconst getCustomGridStringOperators = () => {\r\n  const keys = new Set(Object.keys(StringMap))\r\n  const options = getGridStringOperators()\r\n    .filter((x) => keys.has(x.value))\r\n    .map((x) => {\r\n      x.label = x.value\r\n      x.value = (StringMap as any)[x.value] + ''\r\n      return x\r\n    })\r\n  return options\r\n}\r\n\r\nconst getCustomGridNumericOperators = () => {\r\n  const keys = new Set(Object.keys(NumericMap))\r\n  const options = getGridNumericOperators()\r\n    .filter((x) => keys.has(x.value))\r\n    .map((x) => {\r\n      x.label = x.value\r\n      x.value = (NumericMap as any)[x.value] + ''\r\n      return x\r\n    })\r\n  return options\r\n}\r\n\r\nconst getCustomGridBooleanOperators = () => {\r\n  const keys = new Set(Object.keys(BooleanMap))\r\n  const options = getGridBooleanOperators()\r\n    .filter((x) => keys.has(x.value))\r\n    .map((x) => {\r\n      x.label = x.value\r\n      x.value = (BooleanMap as any)[x.value] + ''\r\n      return x\r\n    })\r\n  return options\r\n}\r\n\r\nconst getCustomGridDateOperators = (showTime?: boolean) => {\r\n  const keys = new Set(Object.keys(DateMap))\r\n  const options = getGridDateOperators(showTime)\r\n    .filter((x) => keys.has(x.value))\r\n    .map((x) => {\r\n      x.label = x.value\r\n      x.value = (DateMap as any)[x.value] + ''\r\n      return x\r\n    })\r\n  return options\r\n}\r\n\r\nexport const CustomFilterOperators = (option: GridColDef) => {\r\n  switch (option.type) {\r\n    case 'string':\r\n      return getCustomGridStringOperators()\r\n    case 'number':\r\n      return getCustomGridNumericOperators()\r\n    case 'boolean':\r\n      return getCustomGridBooleanOperators()\r\n    case 'date':\r\n      return getCustomGridDateOperators()\r\n    case 'dateTime':\r\n      return getCustomGridDateOperators(true)\r\n    default:\r\n      return getCustomGridStringOperators()\r\n  }\r\n}\r\n"],"names":["StringMap","contains","EOperator","Contains","equals","Equal","NumericMap","NotEqual","GreaterThan","GreaterThanOrEqual","LessThan","LessThanOrEqual","BooleanMap","DateMap","is","not","after","onOrAfter","before","onOrBefore","getCustomGridStringOperators","keys","Set","Object","options","getGridStringOperators","filter","x","has","value","map","label","getCustomGridNumericOperators","getGridNumericOperators","getCustomGridBooleanOperators","getGridBooleanOperators","getCustomGridDateOperators","showTime","getGridDateOperators","CustomFilterOperators","option","type"],"mappings":"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"}

package/dist/src/table/dino.js

@@ -0,0 +1,129 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck, 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 dayjs from 'dayjs';
+import '../utils/query-param.js';
+import '../utils/dayjs-config.js';
+import { MapTableBaseContext } from './context.js';
+import { BtnFormDetail, BtnDetail } from './ui.buttons.js';
+import { CellChips, CellBase, CellImageSmall, CellDate } from './ui.units.js';
+import ToolbarPannel from './toolbar-pannel.js';
+import CustomBreadcrumbs from '../components/custom.breadcrumbs.js';
+import CreateStatusCell from './create.status-cell.js';
+import TableHelper from './helpers.js';
+import CreateTable from './create.table.js';
+import CreateActionRow from './create.action-row.js';
+
+var formatDateString = 'MM/DD/YYYY HH:mm';
+var DinoTableBase = /*#__PURE__*/_createClass(function DinoTableBase() {
+  var _this = this;
+  _classCallCheck(this, DinoTableBase);
+  //#region Base
+  this.createTable = CreateTable;
+  this.createActionRow = CreateActionRow;
+  this.setUrlQuery = TableHelper.setUrlQuery;
+  this.getUrlQuery = TableHelper.getUrlQuery;
+  this.mapContext = MapTableBaseContext;
+  this.ToolbarPannel = ToolbarPannel;
+  this.createToolbar = function (props) {
+    return function (p) {
+      return /*#__PURE__*/React.createElement(ToolbarPannel, Object.assign(Object.assign({}, p), props));
+    };
+  };
+  this.BtnFormDetail = BtnFormDetail;
+  this.BtnDetail = BtnDetail;
+  this.createBreadcrumbConfigs = function (value) {
+    return value;
+  };
+  this.createBreadcrumbs = function (value) {
+    return function () {
+      return /*#__PURE__*/React.createElement(CustomBreadcrumbs, {
+        value: value
+      });
+    };
+  };
+  this.createStatusCell = CreateStatusCell;
+  //#endregion
+  //#region Value Formatter
+  this.formatterDate = function (value, options) {
+    var _a, _b;
+    var f = (_a = options === null || options === void 0 ? void 0 : options.formatString) !== null && _a !== void 0 ? _a : formatDateString;
+    var showRelative = (_b = options === null || options === void 0 ? void 0 : options.showRelative) !== null && _b !== void 0 ? _b : false;
+    try {
+      if (!value) return '';
+      var date = dayjs(value);
+      var formatted = date.format(f);
+      return showRelative ? "".concat(formatted, " (").concat(dayjs().to(date), ")") : formatted;
+    } catch (error) {
+      return '';
+    }
+  };
+  this.valueFormatterDate = function (options) {
+    return function (params) {
+      return _this.formatterDate(params.value, options);
+    };
+  };
+  //#endregion
+  //#region Render Cell
+  this.renderCellChips = function (params) {
+    return function func(tableRow) {
+      var _a;
+      return /*#__PURE__*/React.createElement(CellChips, _extends({}, params, {
+        value: (_a = tableRow.value) !== null && _a !== void 0 ? _a : params === null || params === void 0 ? void 0 : params.value
+      }));
+    };
+  };
+  this.renderCellStatus = function (config, options) {
+    var StatusCellInstance = CreateStatusCell(config, Object.assign({
+      sx: {
+        minWidth: '90px'
+      }
+    }, options));
+    return function func(tableRow) {
+      return /*#__PURE__*/React.createElement(StatusCellInstance, {
+        value: tableRow.value
+      });
+    };
+  };
+  this.renderCellBase = function (options) {
+    return function func(tableRow) {
+      var _a = options !== null && options !== void 0 ? options : {},
+        imageUrl = _a.imageUrl,
+        valueFormatter = _a.valueFormatter,
+        p = __rest(_a, ["imageUrl", "valueFormatter"]);
+      var value = valueFormatter ? valueFormatter(tableRow.value, tableRow.row) : undefined;
+      var img = imageUrl ? imageUrl(tableRow.value, tableRow.row) : undefined;
+      return /*#__PURE__*/React.createElement(CellBase, _extends({
+        value: tableRow.value,
+        valueFormatted: value
+      }, p, {
+        imageUrl: img
+      }));
+    };
+  };
+  this.renderCellImage = function (selectImage, options) {
+    return function func(tableRow) {
+      var _a;
+      return /*#__PURE__*/React.createElement(CellImageSmall, {
+        value: tableRow.value,
+        imageUri: (_a = selectImage(tableRow.row)) === null || _a === void 0 ? void 0 : _a.toString(),
+        fallbackSrc: options === null || options === void 0 ? void 0 : options.fallbackSrc
+      });
+    };
+  };
+  this.renderCellDate = function (params) {
+    return function func(tableRow) {
+      var _a = params !== null && params !== void 0 ? params : {},
+        formatString = _a.formatString,
+        props = __rest(_a, ["formatString"]);
+      return /*#__PURE__*/React.createElement(CellDate, _extends({}, props, {
+        value: tableRow.value,
+        formatString: formatString !== null && formatString !== void 0 ? formatString : formatDateString
+      }));
+    };
+  };
+  //#endregion
+});
+var DinoTable = new DinoTableBase();
+
+export { DinoTable as default };
+//# sourceMappingURL=dino.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dino.js","sources":["../../../src/table/dino.tsx"],"sourcesContent":["import { FC } from 'react'\r\nimport { GridRenderCellParams, GridTreeNodeWithRender, GridValueFormatterParams } from '@mui/x-data-grid'\r\nimport { dayjsCustom } from '../utils'\r\nimport { MapTableBaseContext } from './context'\r\nimport { BtnDetail, BtnFormDetail } from './ui.buttons'\r\nimport { CellBase, CellImageSmall, CellBaseOptions, CellChips, CellChipsProps, CellDate, CellDatePropsOwner } from './ui.units'\r\nimport ToolbarPannel, { IToolbarPannelProps } from './toolbar-pannel'\r\nimport CustomBreadcrumbs, { CustomBreadcrumbConfig } from '../components/custom.breadcrumbs'\r\nimport CreateStatusCell, { StatusCellOptions, StatusCellConfig } from './create.status-cell'\r\nimport TableHelper from './helpers'\r\nimport CreateTable from './create.table'\r\nimport CreateActionRow from './create.action-row'\r\n\r\nconst formatDateString = 'MM/DD/YYYY HH:mm'\r\n\r\ntype RenderCellBaseParams<T> = Omit<CellBaseOptions, 'imageUrl'> & {\r\n  imageUrl?: (value: any, model: T) => string\r\n  valueFormatter?: (value: any, model: T) => string\r\n}\r\n\r\ninterface FormatterDateOptions {\r\n  formatString?: string\r\n  showRelative?: boolean\r\n}\r\n\r\nclass DinoTableBase {\r\n  //#region Base\r\n\r\n  createTable = CreateTable\r\n\r\n  createActionRow = CreateActionRow\r\n\r\n  setUrlQuery = TableHelper.setUrlQuery\r\n\r\n  getUrlQuery = TableHelper.getUrlQuery\r\n\r\n  mapContext = MapTableBaseContext\r\n\r\n  ToolbarPannel = ToolbarPannel\r\n\r\n  createToolbar = (props: IToolbarPannelProps): FC<IToolbarPannelProps> => {\r\n    return (p) => <ToolbarPannel {...{ ...p, ...props }} />\r\n  }\r\n\r\n  BtnFormDetail = BtnFormDetail\r\n\r\n  BtnDetail = BtnDetail\r\n\r\n  createBreadcrumbConfigs = (value: CustomBreadcrumbConfig[]) => value\r\n\r\n  createBreadcrumbs = (value: CustomBreadcrumbConfig[]): FC => {\r\n    return () => <CustomBreadcrumbs value={value} />\r\n  }\r\n\r\n  createStatusCell = CreateStatusCell\r\n\r\n  //#endregion\r\n\r\n  //#region Value Formatter\r\n  formatterDate = (value: any, options?: FormatterDateOptions): string => {\r\n    const f = options?.formatString ?? formatDateString\r\n    const showRelative = options?.showRelative ?? false\r\n    try {\r\n      if (!value) return ''\r\n\r\n      const date = dayjsCustom(value)\r\n      const formatted = date.format(f)\r\n\r\n      return showRelative ? `${formatted} (${dayjsCustom().to(date)})` : formatted\r\n    } catch (error) {\r\n      return ''\r\n    }\r\n  }\r\n\r\n  valueFormatterDate = (options?: FormatterDateOptions) => {\r\n    return (params: GridValueFormatterParams<any>) => this.formatterDate(params.value, options)\r\n  }\r\n  //#endregion\r\n\r\n  //#region Render Cell\r\n  renderCellChips = (params?: CellChipsProps) => {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <CellChips {...params} value={tableRow.value ?? params?.value} />\r\n    }\r\n  }\r\n\r\n  renderCellStatus = function <E extends string>(config: StatusCellConfig<E>, options?: StatusCellOptions) {\r\n    const StatusCellInstance = CreateStatusCell(config, { sx: { minWidth: '90px' }, ...options })\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <StatusCellInstance value={tableRow.value} />\r\n    }\r\n  }\r\n\r\n  renderCellBase = function <T = any>(options?: RenderCellBaseParams<T>) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      const { imageUrl, valueFormatter, ...p } = options ?? {}\r\n      const value = valueFormatter ? valueFormatter(tableRow.value, tableRow.row) : undefined\r\n      const img = imageUrl ? imageUrl(tableRow.value, tableRow.row) : undefined\r\n      return <CellBase value={tableRow.value} valueFormatted={value} {...p} imageUrl={img} />\r\n    }\r\n  }\r\n\r\n  renderCellImage = function <T>(selectImage: (value: T) => T[keyof T], options?: { fallbackSrc?: string }) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      return <CellImageSmall value={tableRow.value} imageUri={selectImage(tableRow.row)?.toString()} fallbackSrc={options?.fallbackSrc} />\r\n    }\r\n  }\r\n\r\n  renderCellDate = function (params?: CellDatePropsOwner) {\r\n    return function func(tableRow: GridRenderCellParams<any, any, any, GridTreeNodeWithRender>) {\r\n      const { formatString, ...props } = params ?? {}\r\n      return <CellDate {...props} value={tableRow.value} formatString={formatString ?? formatDateString} />\r\n    }\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst DinoTable = new DinoTableBase()\r\n\r\nexport default DinoTable\r\n"],"names":["formatDateString","DinoTableBase","_createClass","_this","_classCallCheck","createTable","CreateTable","createActionRow","CreateActionRow","setUrlQuery","TableHelper","getUrlQuery","mapContext","MapTableBaseContext","ToolbarPannel","createToolbar","props","p","React","createElement","Object","assign","BtnFormDetail","BtnDetail","createBreadcrumbConfigs","value","createBreadcrumbs","CustomBreadcrumbs","createStatusCell","CreateStatusCell","formatterDate","options","f","_a","formatString","showRelative","_b","date","dayjsCustom","formatted","format","concat","to","error","valueFormatterDate","params","renderCellChips","func","tableRow","CellChips","_extends","renderCellStatus","config","StatusCellInstance","sx","minWidth","renderCellBase","imageUrl","valueFormatter","__rest","row","undefined","img","CellBase","valueFormatted","renderCellImage","selectImage","CellImageSmall","imageUri","toString","fallbackSrc","renderCellDate","CellDate","DinoTable"],"mappings":"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"}

package/dist/src/table/helpers.js

@@ -0,0 +1,116 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { encodeBase64, tryParseObject, decodeBase64 } from '../utils/helpers.js';
+import { QueryParam } from '../utils/query-param.js';
+import '../utils/dayjs-config.js';
+
+var dinoTableClasses = {
+  whiteSpacePre: 'white-space-pre-wrap'
+};
+var TableHelperBase = /*#__PURE__*/_createClass(function TableHelperBase() {
+  var _this = this;
+  _classCallCheck(this, TableHelperBase);
+  this.extractTableQueryParams = function (data) {
+    if (!data) return {};
+    var pagination = data.pagination,
+      filter = data.filter,
+      sort = data.sort,
+      loading = data.loading;
+    return {
+      pagination: pagination,
+      filter: filter,
+      sort: sort,
+      loading: loading
+    };
+  };
+  this.isEmpty = function (value, defaultValue) {
+    var _a;
+    var obj = _this.extractTableQueryParams(value);
+    var check1 = !obj.filter || obj.filter.items.filter(function (x) {
+      return !!x.value;
+    }).length < 1;
+    var check2 = !((_a = value.filter) === null || _a === void 0 ? void 0 : _a.quickFilterValues) || value.filter.quickFilterValues.length < 1;
+    // const check3 = 
+    return check1 || check2;
+  };
+  this.equalTableQueryParams = function (ti1, ti2) {
+    return JSON.stringify(_this.extractTableQueryParams(ti1)) === JSON.stringify(_this.extractTableQueryParams(ti2));
+  };
+  this.mapInitialState = function (value, initialState) {
+    if (!value) return initialState !== null && initialState !== void 0 ? initialState : {};
+    return Object.assign({
+      pagination: {
+        paginationModel: value.pagination
+      },
+      filter: {
+        filterModel: value.filter
+      },
+      sorting: {
+        sortModel: _this.mapSortModel(value.sort)
+      }
+    }, initialState);
+  };
+  this.mapSortModel = function (value) {
+    return value === null || value === void 0 ? void 0 : value.map(function (x) {
+      return {
+        field: x.field.toString(),
+        sort: x.sort
+      };
+    });
+  };
+  this.detectSearchType = function (data) {
+    var hasQuickSearch = data.quickFilterValues && data.quickFilterValues.length > 0;
+    var hasFilter = data.items && data.items.length > 0;
+    if (hasQuickSearch && !hasFilter) return 'quickSearch';
+    if (hasFilter) return 'filter';
+  };
+  //#region Query Params
+  this.extractToUrlQuery = function (tableInfo) {
+    var _a;
+    var filter = tableInfo.filter,
+      sort = tableInfo.sort,
+      pagination = tableInfo.pagination;
+    var obj = {
+      filter: filter,
+      sort: sort,
+      pagination: pagination
+    };
+    var isQuickSearchEmpty = !((_a = filter === null || filter === void 0 ? void 0 : filter.quickFilterValues) === null || _a === void 0 ? void 0 : _a.filter(function (x) {
+      return !!x;
+    }).length);
+    if (!(filter === null || filter === void 0 ? void 0 : filter.items.length) && isQuickSearchEmpty) {
+      obj.filter = undefined;
+    }
+    return obj;
+  };
+  this.equals = function (tableInfo, tableInfoOld) {
+    return JSON.stringify(_this.extractToUrlQuery(tableInfo)) === JSON.stringify(_this.extractToUrlQuery(tableInfoOld));
+  };
+  this.setUrlQuery = function (tableInfo, defaultValue) {
+    try {
+      if (!_this.equals(tableInfo, defaultValue)) {
+        var data = _this.extractToUrlQuery(tableInfo);
+        var tqp = {
+          table: encodeBase64(JSON.stringify(data))
+        };
+        QueryParam.Patch(tqp);
+      } else {
+        QueryParam.Deletes('table');
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  this.getUrlQuery = function (defaultValue) {
+    var _a;
+    var temp = QueryParam.GetAll();
+    if (!(temp === null || temp === void 0 ? void 0 : temp.table)) return defaultValue;
+    var data = tryParseObject(decodeBase64((_a = temp.table) !== null && _a !== void 0 ? _a : ''), {});
+    if (Object.keys(data).length < 1) return defaultValue;
+    return data;
+  };
+  //#endregion
+});
+var TableHelper = new TableHelperBase();
+
+export { TableHelper as default, dinoTableClasses };
+//# sourceMappingURL=helpers.js.map

package/dist/src/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 { CustomGridSortModel, TableQueryParams, TableQueryDetail } 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\ninterface TableQueryParamModel {\r\n  table?: string\r\n}\r\n\r\nclass TableHelperBase {\r\n  private extractTableQueryParams = <T>(data?: TableQueryParams<T>): TableQueryParams<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: TableQueryParams<T>, defaultValue?: TableQueryParams<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?: TableQueryParams<T>, ti2?: TableQueryParams<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?: TableQueryParams<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?: CustomGridSortModel<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): TableQueryDetail => {\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<TableQueryParams<TModel>>): Partial<TableQueryParams<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<TableQueryParams<TModel>>, tableInfoOld: Partial<TableQueryParams<TModel>>) => {\r\n    return JSON.stringify(this.extractToUrlQuery(tableInfo)) === JSON.stringify(this.extractToUrlQuery(tableInfoOld))\r\n  }\r\n\r\n  setUrlQuery = <TModel>(tableInfo: Partial<TableQueryParams<TModel>>, defaultValue: TableQueryParams<TModel>) => {\r\n    try {\r\n      if (!this.equals(tableInfo, defaultValue)) {\r\n        const data = this.extractToUrlQuery(tableInfo)\r\n        const tqp: TableQueryParamModel = { table: encodeBase64(JSON.stringify(data)) }\r\n        QueryParam.Patch(tqp)\r\n      } else {\r\n        QueryParam.Deletes<TableQueryParamModel>('table')\r\n      }\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n\r\n  getUrlQuery = <TModel>(defaultValue: TableQueryParams<TModel>): TableQueryParams<TModel> => {\r\n    const temp = QueryParam.GetAll() as TableQueryParamModel\r\n    if (!temp?.table) return defaultValue\r\n    const data = tryParseObject<TableQueryParams<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","extractTableQueryParams","data","pagination","filter","sort","loading","isEmpty","value","defaultValue","obj","check1","items","x","length","check2","_a","quickFilterValues","equalTableQueryParams","ti1","ti2","JSON","stringify","mapInitialState","initialState","Object","assign","paginationModel","filterModel","sorting","sortModel","mapSortModel","map","field","toString","detectSearchType","hasQuickSearch","hasFilter","extractToUrlQuery","tableInfo","isQuickSearchEmpty","undefined","equals","tableInfoOld","setUrlQuery","tqp","table","encodeBase64","QueryParam","Patch","Deletes","error","console","log","getUrlQuery","temp","GetAll","tryParseObject","decodeBase64","keys","TableHelper"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+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 };
+//# sourceMappingURL=model-filter.js.map

package/dist/src/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\ninterface FieldFilter<TModel> {\r\n  Logic?: ELogic\r\n  Operator?: EOperator\r\n  FieldName: keyof TModel\r\n  Value: string\r\n}\r\nexport interface ScopeFilter<TModel> {\r\n  Logic?: ELogic\r\n  Scopes: PropFilter<TModel>[]\r\n}\r\nexport type PropFilter<TModel> = FieldFilter<TModel> | ScopeFilter<TModel>\r\n\r\nexport interface PropOrderBy<TModel> {\r\n  Type: EOrder\r\n  FieldName: keyof TModel\r\n}\r\n\r\nexport interface IModelFilter<TModel> {\r\n  Page?: number\r\n  Amount?: number\r\n  PropFilters?: PropFilter<TModel>[]\r\n  PropOrders?: PropOrderBy<TModel>[]\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/src/table/toolbar-pannel.js

@@ -0,0 +1,134 @@
+import { extends as _extends, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } 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 { GridToolbar, GridToolbarQuickFilter } from '@mui/x-data-grid';
+import { styled, Button, Typography, Box } from '@mui/material';
+import { BtnFormCreate } from './ui.buttons.js';
+import CustomBreadcrumbs from '../components/custom.breadcrumbs.js';
+import HelpTooltip from '../components/help-tooltip.js';
+
+var ToolbarPannel = /*#__PURE__*/function (_Component) {
+  function ToolbarPannel() {
+    var _this;
+    _classCallCheck(this, ToolbarPannel);
+    _this = _callSuper(this, ToolbarPannel, arguments);
+    _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 /*#__PURE__*/React.createElement(React.Fragment, null);
+      var titleElm = title;
+      if (typeof title === 'string') titleElm = /*#__PURE__*/React.createElement(Title, null, title);
+      if (breadcrumbs) titleElm = /*#__PURE__*/React.createElement(CustomBreadcrumbs, {
+        value: breadcrumbs
+      });
+      return /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          height: '56px',
+          display: 'flex',
+          alignItems: 'center'
+        }
+      }, titleElm, afterTitle);
+    };
+    _this.renderEndAdornment = function () {
+      if (!_this.props.searchInclude || _this.props.searchInclude.length <= 0) return /*#__PURE__*/React.createElement(React.Fragment, null);
+      return /*#__PURE__*/React.createElement(HelpTooltip, {
+        title: "The search includes",
+        small: true
+      }, /*#__PURE__*/React.createElement(SeachHelp, null, _this.props.searchInclude.map(function (item, index) {
+        return /*#__PURE__*/React.createElement("li", {
+          key: index
+        }, /*#__PURE__*/React.createElement(Typography, {
+          variant: "body2"
+        }, item));
+      })));
+    };
+    return _this;
+  }
+  _inherits(ToolbarPannel, _Component);
+  return _createClass(ToolbarPannel, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          padding: '0 6px'
+        }
+      }, this.renderTitle(), /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          flex: 1,
+          display: 'flex',
+          alignItems: 'center',
+          flexWrap: 'wrap'
+        }
+      }, /*#__PURE__*/React.createElement(GridToolbar, {
+        sx: {
+          padding: 0
+        }
+      }), this.props.formCreate && /*#__PURE__*/React.createElement(BtnFormCreate, null, this.props.formCreate), this.props.afterAction), /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          display: 'flex',
+          gap: '8px',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          display: 'flex',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(GridToolbarQuickFilter, {
+        fullWidth: true,
+        variant: "standard",
+        size: "small",
+        debounceMs: 800,
+        quickFilterParser: function quickFilterParser(x) {
+          return [x];
+        }
+      }), this.renderEndAdornment()))));
+    }
+  }]);
+}(Component);
+styled(function (_a) {
+  var Icon = _a.icon,
+    props = __rest(_a, ["icon"]);
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    variant: "contained",
+    color: "primary",
+    size: "small",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      fontSize: "small"
+    })
+  }, props));
+})({});
+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 /*#__PURE__*/React.createElement(Typography, _extends({
+    noWrap: true,
+    variant: "subtitle1"
+  }, props));
+})({
+  fontWeight: 700,
+  flex: 1
+});
+
+export { ToolbarPannel as default };
+//# sourceMappingURL=toolbar-pannel.js.map

package/dist/src/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 { OverridableComponent } from '@mui/material/OverridableComponent'\r\nimport { Box, Button, ButtonProps, styled, SvgIconTypeMap, Typography, TypographyProps } from '@mui/material'\r\nimport { BtnFormCreate } from './ui.buttons'\r\nimport CustomBreadcrumbs, { CustomBreadcrumbConfig } from '../components/custom.breadcrumbs'\r\nimport HelpTooltip from '../components/help-tooltip'\r\n\r\nexport interface IToolbarPannelOptions {\r\n  searchInclude?: string[]\r\n  formCreate?: React.ReactNode\r\n  afterAction?: React.ReactNode\r\n  breadcrumbs?: CustomBreadcrumbConfig[]\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 = <CustomBreadcrumbs 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\ninterface IToolBarButtonProps extends Omit<ButtonProps, 'startIcon' | 'endIcon'> {\r\n  icon: OverridableComponent<SvgIconTypeMap<{}, 'svg'>> & { muiName: string }\r\n}\r\n\r\nexport const ToolBarButton = styled(({ icon: Icon, ...props }: IToolBarButtonProps) => (\r\n  <Button variant='contained' color='primary' size='small' startIcon={<Icon fontSize='small' />} {...props} />\r\n))({})\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","renderTitle","_this$props","props","title","afterTitle","breadcrumbs","isVisible","React","createElement","Fragment","titleElm","Title","CustomBreadcrumbs","value","Box","sx","height","display","alignItems","renderEndAdornment","searchInclude","length","HelpTooltip","small","SeachHelp","map","item","index","key","Typography","variant","_inherits","_createClass","render","padding","flex","flexWrap","GridToolbar","formCreate","BtnFormCreate","afterAction","gap","GridToolbarQuickFilter","fullWidth","size","debounceMs","quickFilterParser","x","Component","styled","_a","Icon","icon","__rest","Button","_extends","color","startIcon","fontSize","margin","li","position","content","top","transform","left","noWrap","fontWeight"],"mappings":";;;;;;;;;AAoBMA,IAAAA,aAAc,0BAAAC,UAAA,EAAA;AAApB,EAAA,SAAAD,gBAAA;AAAA,IAAA,IAAAE,KAAA;AAAAC,IAAAA,eAAA,OAAAH,aAAA,CAAA;;IAsBEE,KAAA,CAAWE,WAAA,GAAG,YAAK;AACjB,MAAA,IAAAC,WAAA,GAA2CH,KAAA,CAAKI,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;AAC1D,MAAA,IAAI,CAACE,SAAS,EAAE,oBAAOC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,KAAK;MAE5B,IAAIC,QAAQ,GAAGP,KAAK;AACpB,MAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAEO,QAAQ,gBAAGH,KAAA,CAAAC,aAAA,CAACG,KAAK,EAAA,IAAA,EAAER,KAAa,CAAC;MAChE,IAAIE,WAAW,EAAEK,QAAQ,gBAAGH,KAAA,CAAAC,aAAA,CAACI,iBAAiB,EAAA;AAACC,QAAAA,KAAK,EAAER;AAAY,OAAA,CAAG;AAErE,MAAA,oBACEE,KAAA,CAAAC,aAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,EAAE,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAM;AAAEC,UAAAA,OAAO,EAAE,MAAM;AAAEC,UAAAA,UAAU,EAAE;AAAU;OAC/DR,EAAAA,QAAQ,EACRN,UACE,CAAC;KAET;IAEDN,KAAA,CAAkBqB,kBAAA,GAAG,YAAK;MACxB,IAAI,CAACrB,KAAA,CAAKI,KAAK,CAACkB,aAAa,IAAItB,KAAA,CAAKI,KAAK,CAACkB,aAAa,CAACC,MAAM,IAAI,CAAC,EAAE,oBAAOd,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,KAAK;AACnF,MAAA,oBACEF,KAAA,CAAAC,aAAA,CAACc,WAAW,EAAA;AAACnB,QAAAA,KAAK,EAAC,qBAAqB;QAACoB,KAAK,EAAA;AAAA,OAAA,eAC5ChB,KAAA,CAAAC,aAAA,CAACgB,SAAS,QACP1B,KAAA,CAAKI,KAAK,CAACkB,aAAa,CAACK,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;QAAA,oBACxCpB,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIoB,UAAAA,GAAG,EAAED;AAAM,SAAA,eACbpB,KAAA,CAAAC,aAAA,CAACqB,UAAU,EAAA;AAACC,UAAAA,OAAO,EAAC;SAASJ,EAAAA,IAAiB,CAC5C,CAAC;OACN,CACQ,CACA,CAAC;KAEjB;AAAA,IAAA,OAAA5B,KAAA;AACH;EAACiC,SAAA,CAAAnC,aAAA,EAAAC,UAAA,CAAA;EAAA,OAAAmC,YAAA,CAAApC,aAAA,EAAA,CAAA;IAAAgC,GAAA,EAAA,QAAA;AAAAf,IAAAA,KAAA,EArDC,SAAAoB,MAAMA,GAAA;AACJ,MAAA,oBACE1B,KAAA,CAAAC,aAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,EAAE,EAAE;AAAEmB,UAAAA,OAAO,EAAE;AAAO;OACxB,EAAA,IAAI,CAAClC,WAAW,EAAE,eACnBO,KAAA,CAAAC,aAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,EAAE,EAAE;AAAEE,UAAAA,OAAO,EAAE;AAAQ;AAAC,OAAA,eAC3BV,KAAA,CAAAC,aAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,EAAE,EAAE;AAAEoB,UAAAA,IAAI,EAAE,CAAC;AAAElB,UAAAA,OAAO,EAAE,MAAM;AAAEC,UAAAA,UAAU,EAAE,QAAQ;AAAEkB,UAAAA,QAAQ,EAAE;AAAQ;AAAC,OAAA,eAC5E7B,KAAA,CAAAC,aAAA,CAAC6B,WAAW,EAAA;AAACtB,QAAAA,EAAE,EAAE;AAAEmB,UAAAA,OAAO,EAAE;AAAG;AAAC,OAChC,CAAA,EAAC,IAAI,CAAChC,KAAK,CAACoC,UAAU,iBAAI/B,KAAA,CAAAC,aAAA,CAAC+B,aAAa,QAAE,IAAI,CAACrC,KAAK,CAACoC,UAA0B,CAAC,EAC/E,IAAI,CAACpC,KAAK,CAACsC,WACT,CACL,eAAAjC,KAAA,CAAAC,aAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,EAAE,EAAE;AAAEE,UAAAA,OAAO,EAAE,MAAM;AAAEwB,UAAAA,GAAG,EAAE,KAAK;AAAEvB,UAAAA,UAAU,EAAE;AAAQ;AAAG,OAAA,eAC7DX,KAAA,CAAAC,aAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,EAAE,EAAE;AAAEE,UAAAA,OAAO,EAAE,MAAM;AAAEC,UAAAA,UAAU,EAAE;AAAQ;AAAG,OAAA,eACjDX,KAAA,CAAAC,aAAA,CAACkC,sBAAsB,EAAA;QAACC,SAAS,EAAA,IAAA;AAACb,QAAAA,OAAO,EAAC,UAAU;AAACc,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,UAAU,EAAE,GAAI;AAACC,QAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,CAAM,EAAA;UAAA,OAAK,CAACA,CAAC,CAAC;AAAA;OACrH,CAAA,EAAC,IAAI,CAAC5B,kBAAkB,EACrB,CACF,CACF,CACF,CAAC;AAEV;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CApByB6B,SAAuD;AA8DtDC,MAAM,CAAC,UAACC,EAA6C,EAAI;AAAjD,EAAA,IAAQC,IAAI,GAAAD,EAAiC,CAA3CE,IAAI;IAAWlD,KAAK,GAAAmD,MAAA,CAAAH,EAAA,EAAtB,QAAwB,CAAF;AAA4B,EAAA,oBACrF3C,KAAA,CAAAC,aAAA,CAAC8C,MAAM,EAAAC,QAAA,CAAA;AAACzB,IAAAA,OAAO,EAAC,WAAW;AAAC0B,IAAAA,KAAK,EAAC,SAAS;AAACZ,IAAAA,IAAI,EAAC,OAAO;AAACa,IAAAA,SAAS,eAAElD,KAAA,CAAAC,aAAA,CAAC2C,IAAI,EAAA;AAACO,MAAAA,QAAQ,EAAC;KAAU;GAAMxD,EAAAA,KAAK,CAAC,CAAG;CAC7G,CAAC,CAAC,EAAE;AAEL,IAAMsB,SAAS,GAAGyB,MAAM,CAAC,IAAI,CAAC,CAAC;AAC7BU,EAAAA,MAAM,EAAE,YAAY;AACpBzB,EAAAA,OAAO,EAAE,CAAC;AACV0B,EAAAA,EAAE,EAAE;AACFC,IAAAA,QAAQ,EAAE;GACX;AACD,EAAA,WAAW,EAAE;AACXC,IAAAA,OAAO,EAAE,KAAK;AACd7C,IAAAA,OAAO,EAAE,cAAc;AACvB8C,IAAAA,GAAG,EAAE,KAAK;AACVC,IAAAA,SAAS,EAAE,kBAAkB;AAC7BH,IAAAA,QAAQ,EAAE,UAAU;AACpBI,IAAAA,IAAI,EAAE;AACP;AACF,CAAA,CAAC;AAEF,IAAMtD,KAAK,GAAGsC,MAAM,CAAC,UAAC/C,KAAsB,EAAA;AAAA,EAAA,oBAAKK,KAAA,CAAAC,aAAA,CAACqB,UAAU,EAAA0B,QAAA,CAAA;IAACW,MAAM,EAAA,IAAA;AAACpC,IAAAA,OAAO,EAAC;GAAgB5B,EAAAA,KAAK,CAAI,CAAA;AAAA,CAAA,CAAC,CAAC;AACrGiE,EAAAA,UAAU,EAAE,GAAG;AACfhC,EAAAA,IAAI,EAAE;AACP,CAAA,CAAC;;;;"}