dinocollab-core 2.0.0 → 2.0.2

package/dist/table/helpers.js

@@ -1,2 +1,2 @@
-import{createClass as t,classCallCheck as r,defineProperty as e,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{encodeBase64 as l,tryParseObject as a,decodeBase64 as n}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react/jsx-runtime";import"react";import"react-router-dom";import{QueryParam as u}from"../utils/query-param.js";var o={whiteSpacePre:"white-space-pre-wrap"},s=new(t((function t(){var o=this;r(this,t),e(this,"extractTableQueryParams",(function(t){return t?{pagination:t.pagination,filter:t.filter,sort:t.sort,loading:t.loading}:{}})),e(this,"isEmpty",(function(t,r){var e,i=o.extractTableQueryParams(t),l=!i.filter||i.filter.items.filter((function(t){return!!t.value})).length<1,a=!(null!==(e=t.filter)&&void 0!==e&&e.quickFilterValues)||t.filter.quickFilterValues.length<1;return l||a})),e(this,"equalTableQueryParams",(function(t,r){return JSON.stringify(o.extractTableQueryParams(t))===JSON.stringify(o.extractTableQueryParams(r))})),e(this,"mapInitialState",(function(t,r){return t?i({pagination:{paginationModel:t.pagination},filter:{filterModel:t.filter},sorting:{sortModel:o.mapSortModel(t.sort)}},r):null!=r?r:{}})),e(this,"mapSortModel",(function(t){return null==t?void 0:t.map((function(t){return{field:t.field.toString(),sort:t.sort}}))})),e(this,"detectSearchType",(function(t){var r=t.quickFilterValues&&t.quickFilterValues.length>0,e=t.items&&t.items.length>0;return r&&!e?"quickSearch":e?"filter":void 0})),e(this,"extractToUrlQuery",(function(t){var r,e=t.filter,i={filter:e,sort:t.sort,pagination:t.pagination},l=!(null!=e&&null!==(r=e.quickFilterValues)&&void 0!==r&&r.filter((function(t){return!!t})).length);return null!=e&&e.items.length||!l||(i.filter=void 0),i})),e(this,"equals",(function(t,r){return JSON.stringify(o.extractToUrlQuery(t))===JSON.stringify(o.extractToUrlQuery(r))})),e(this,"setUrlQuery",(function(t,r){try{if(o.equals(t,r))u.deletes("table");else{var e=o.extractToUrlQuery(t),i={table:l(JSON.stringify(e))};u.patch(i)}}catch(t){console.log(t)}})),e(this,"getUrlQuery",(function(t){var r,e=u.getAll();if(null==e||!e.table)return t;var i=a(n(null!==(r=e.table)&&void 0!==r?r:""),{});return Object.keys(i).length<1?t:i}))})));export{s as default,o as dinoTableClasses};
+import{createClass as t,classCallCheck as e,defineProperty as r,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{encodeBase64 as l,tryParseObject as a,decodeBase64 as n}from"../utils/helpers.js";import"../utils/dayjs-config.js";import{QueryParam as u}from"../utils/query-param.js";var s={whiteSpacePre:"white-space-pre-wrap"},o=new(t((function t(){var s=this;e(this,t),r(this,"extractTableQueryParams",(function(t){return t?{pagination:t.pagination,filter:t.filter,sort:t.sort,loading:t.loading}:{}})),r(this,"isEmpty",(function(t,e){var r,i=s.extractTableQueryParams(t),l=!i.filter||i.filter.items.filter((function(t){return!!t.value})).length<1,a=!(null!==(r=t.filter)&&void 0!==r&&r.quickFilterValues)||t.filter.quickFilterValues.length<1;return l||a})),r(this,"equalTableQueryParams",(function(t,e){return JSON.stringify(s.extractTableQueryParams(t))===JSON.stringify(s.extractTableQueryParams(e))})),r(this,"mapInitialState",(function(t,e){return t?i({pagination:{paginationModel:t.pagination},filter:{filterModel:t.filter},sorting:{sortModel:s.mapSortModel(t.sort)}},e):null!=e?e:{}})),r(this,"mapSortModel",(function(t){return null==t?void 0:t.map((function(t){return{field:t.field.toString(),sort:t.sort}}))})),r(this,"detectSearchType",(function(t){var e=t.quickFilterValues&&t.quickFilterValues.length>0,r=t.items&&t.items.length>0;return e&&!r?"quickSearch":r?"filter":void 0})),r(this,"extractToUrlQuery",(function(t){var e,r=t.filter,i={filter:r,sort:t.sort,pagination:t.pagination},l=!(null!=r&&null!==(e=r.quickFilterValues)&&void 0!==e&&e.filter((function(t){return!!t})).length);return null!=r&&r.items.length||!l||(i.filter=void 0),i})),r(this,"equals",(function(t,e){return JSON.stringify(s.extractToUrlQuery(t))===JSON.stringify(s.extractToUrlQuery(e))})),r(this,"setUrlQuery",(function(t,e){try{if(s.equals(t,e))u.deletes("table");else{var r=s.extractToUrlQuery(t),i={table:l(JSON.stringify(r))};u.patch(i)}}catch(t){console.log(t)}})),r(this,"getUrlQuery",(function(t){var e,r=u.getAll();if(null==r||!r.table)return t;var i=a(n(null!==(e=r.table)&&void 0!==e?e:""),{});return Object.keys(i).length<1?t:i}))})));export{o as default,s as dinoTableClasses};
 //# sourceMappingURL=helpers.js.map

package/dist/table/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/table/helpers.ts"],"sourcesContent":["import { GridFilterModel, GridSortItem, GridSortModel } from '@mui/x-data-grid'\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity'\r\nimport { ICustomGridSortModel, ITableQueryParams, ITableQueryDetail } from './types'\r\nimport { decodeBase64, encodeBase64, QueryParam, tryParseObject } from '../utils'\r\n\r\nexport const dinoTableClasses = {\r\n  whiteSpacePre: 'white-space-pre-wrap'\r\n}\r\n\r\nexport interface ITableQueryParamModel {\r\n  table?: string\r\n}\r\n\r\nclass TableHelperBase {\r\n  private extractTableQueryParams = <T>(data?: ITableQueryParams<T>): ITableQueryParams<T> => {\r\n    if (!data) return {}\r\n    const { pagination, filter, sort, loading } = data\r\n    return { pagination, filter, sort, loading }\r\n  }\r\n\r\n  isEmpty = <T>(value: ITableQueryParams<T>, defaultValue?: ITableQueryParams<T>): boolean => {\r\n    const obj = this.extractTableQueryParams<T>(value)\r\n    const check1 = !obj.filter || obj.filter.items.filter((x) => !!x.value).length < 1\r\n    const check2 = !value.filter?.quickFilterValues || value.filter.quickFilterValues.length < 1\r\n    // const check3 =\r\n    return check1 || check2\r\n  }\r\n\r\n  equalTableQueryParams = <T>(ti1?: ITableQueryParams<T>, ti2?: ITableQueryParams<T>): boolean => {\r\n    return JSON.stringify(this.extractTableQueryParams<T>(ti1)) === JSON.stringify(this.extractTableQueryParams<T>(ti2))\r\n  }\r\n\r\n  mapInitialState = <T>(value?: ITableQueryParams<T>, initialState?: GridInitialStateCommunity): GridInitialStateCommunity => {\r\n    if (!value) return initialState ?? {}\r\n    return {\r\n      pagination: { paginationModel: value.pagination },\r\n      filter: { filterModel: value.filter as GridFilterModel },\r\n      sorting: { sortModel: this.mapSortModel(value.sort) },\r\n      ...initialState\r\n    }\r\n  }\r\n\r\n  mapSortModel = <T>(value?: ICustomGridSortModel<T>): GridSortModel | undefined => {\r\n    return value?.map<GridSortItem>((x) => ({ field: x.field.toString(), sort: x.sort }))\r\n  }\r\n\r\n  detectSearchType = (data: GridFilterModel): ITableQueryDetail => {\r\n    const hasQuickSearch = data.quickFilterValues && data.quickFilterValues.length > 0\r\n    const hasFilter = data.items && data.items.length > 0\r\n    if (hasQuickSearch && !hasFilter) return 'quickSearch'\r\n    if (hasFilter) return 'filter'\r\n  }\r\n\r\n  //#region Query Params\r\n  private extractToUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>): Partial<ITableQueryParams<TModel>> => {\r\n    const { filter, sort, pagination } = tableInfo\r\n    const obj = { filter, sort, pagination }\r\n    const isQuickSearchEmpty = !filter?.quickFilterValues?.filter((x) => !!x).length\r\n    if (!filter?.items.length && isQuickSearchEmpty) {\r\n      obj.filter = undefined\r\n    }\r\n    return obj\r\n  }\r\n\r\n  private equals = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, tableInfoOld: Partial<ITableQueryParams<TModel>>) => {\r\n    return JSON.stringify(this.extractToUrlQuery(tableInfo)) === JSON.stringify(this.extractToUrlQuery(tableInfoOld))\r\n  }\r\n\r\n  setUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, defaultValue: ITableQueryParams<TModel>) => {\r\n    try {\r\n      if (!this.equals(tableInfo, defaultValue)) {\r\n        const data = this.extractToUrlQuery(tableInfo)\r\n        const tqp: ITableQueryParamModel = { table: encodeBase64(JSON.stringify(data)) }\r\n        QueryParam.patch(tqp)\r\n      } else {\r\n        QueryParam.deletes<ITableQueryParamModel>('table')\r\n      }\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n\r\n  getUrlQuery = <TModel>(defaultValue: ITableQueryParams<TModel>): ITableQueryParams<TModel> => {\r\n    const temp = QueryParam.getAll() as ITableQueryParamModel\r\n    if (!temp?.table) return defaultValue\r\n    const data = tryParseObject<ITableQueryParams<TModel>>(decodeBase64(temp.table ?? ''), {})\r\n    if (Object.keys(data).length < 1) return defaultValue\r\n    return data\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst TableHelper = new TableHelperBase()\r\nexport default TableHelper\r\n"],"names":["dinoTableClasses","whiteSpacePre","TableHelper","_createClass","TableHelperBase","_this","this","_classCallCheck","_defineProperty","data","pagination","filter","sort","loading","value","defaultValue","_value$filter","obj","extractTableQueryParams","check1","items","x","length","check2","quickFilterValues","ti1","ti2","JSON","stringify","initialState","_objectSpread","paginationModel","filterModel","sorting","sortModel","mapSortModel","map","field","toString","hasQuickSearch","hasFilter","tableInfo","_filter$quickFilterVa","isQuickSearchEmpty","undefined","tableInfoOld","extractToUrlQuery","equals","QueryParam","deletes","tqp","table","encodeBase64","patch","error","console","log","_temp$table","temp","getAll","tryParseObject","decodeBase64","Object","keys"],"mappings":"kXAKO,IAAMA,EAAmB,CAC9BC,cAAe,wBAsFXC,EAAc,IA/ECC,GAAA,SAAAC,IAAA,IAAAC,EAAAC,KAAAC,OAAAH,GAAAI,EAAAF,KAAA,2BACe,SAAIG,GACpC,OAAKA,EAEE,CAAEC,WADqCD,EAAtCC,WACaC,OADyBF,EAA1BE,OACSC,KADiBH,EAAlBG,KACOC,QADWJ,EAAZI,SADhB,CAAE,KAGrBL,EAESF,KAAA,WAAA,SAAIQ,EAA6BC,GAAgD,IAAAC,EACnFC,EAAMZ,EAAKa,wBAA2BJ,GACtCK,GAAUF,EAAIN,QAAUM,EAAIN,OAAOS,MAAMT,QAAO,SAACU,GAAC,QAAOA,EAAEP,SAAOQ,OAAS,EAC3EC,IAAsB,QAAbP,EAACF,EAAMH,cAAM,IAAAK,GAAZA,EAAcQ,oBAAqBV,EAAMH,OAAOa,kBAAkBF,OAAS,EAE3F,OAAOH,GAAUI,KAClBf,EAEuBF,KAAA,yBAAA,SAAImB,EAA4BC,GACtD,OAAOC,KAAKC,UAAUvB,EAAKa,wBAA2BO,MAAUE,KAAKC,UAAUvB,EAAKa,wBAA2BQ,OAChHlB,EAEiBF,KAAA,mBAAA,SAAIQ,EAA8Be,GAClD,OAAKf,EACLgB,EAAA,CACEpB,WAAY,CAAEqB,gBAAiBjB,EAAMJ,YACrCC,OAAQ,CAAEqB,YAAalB,EAAMH,QAC7BsB,QAAS,CAAEC,UAAW7B,EAAK8B,aAAarB,EAAMF,QAC3CiB,GALcA,QAAAA,EAAgB,CAAE,KAOtCrB,EAAAF,KAAA,gBAEc,SAAIQ,GACjB,OAAOA,aAAK,EAALA,EAAOsB,KAAkB,SAACf,GAAC,MAAM,CAAEgB,MAAOhB,EAAEgB,MAAMC,WAAY1B,KAAMS,EAAET,KAAM,OACpFJ,EAAAF,KAAA,oBAEkB,SAACG,GAClB,IAAM8B,EAAiB9B,EAAKe,mBAAqBf,EAAKe,kBAAkBF,OAAS,EAC3EkB,EAAY/B,EAAKW,OAASX,EAAKW,MAAME,OAAS,EACpD,OAAIiB,IAAmBC,EAAkB,cACrCA,EAAkB,cAAtB,KAGFhC,EAAAF,KAAA,qBAC4B,SAASmC,GAAqF,IAAAC,EAChH/B,EAA6B8B,EAA7B9B,OACFM,EAAM,CAAEN,OAAAA,EAAQC,KADe6B,EAArB7B,KACYF,WADS+B,EAAf/B,YAEhBiC,IAAsBhC,SAAyB,QAAnB+B,EAAN/B,EAAQa,yBAARkB,IAAyBA,GAAzBA,EAA2B/B,QAAO,SAACU,GAAC,QAAOA,CAAC,IAAEC,QAI1E,OAHKX,SAAAA,EAAQS,MAAME,SAAUqB,IAC3B1B,EAAIN,YAASiC,GAER3B,KACRT,EAEgBF,KAAA,UAAA,SAASmC,EAA+CI,GACvE,OAAOlB,KAAKC,UAAUvB,EAAKyC,kBAAkBL,MAAgBd,KAAKC,UAAUvB,EAAKyC,kBAAkBD,OACpGrC,EAEaF,KAAA,eAAA,SAASmC,EAA+C1B,GACpE,IACE,GAAKV,EAAK0C,OAAON,EAAW1B,GAK1BiC,EAAWC,QAA+B,aALD,CACzC,IAAMxC,EAAOJ,EAAKyC,kBAAkBL,GAC9BS,EAA6B,CAAEC,MAAOC,EAAazB,KAAKC,UAAUnB,KACxEuC,EAAWK,MAAMH,EAClB,CAGF,CAAC,MAAOI,GACPC,QAAQC,IAAIF,EACb,KACF9C,EAAAF,KAAA,eAEa,SAASS,GAAsE,IAAA0C,EACrFC,EAAOV,EAAWW,SACxB,GAAKD,UAAAA,EAAMP,MAAO,OAAOpC,EACzB,IAAMN,EAAOmD,EAA0CC,EAAuBJ,QAAXA,EAACC,EAAKP,iBAAKM,EAAAA,EAAI,IAAK,CAAA,GACvF,OAAIK,OAAOC,KAAKtD,GAAMa,OAAS,EAAUP,EAClCN,IACR"}
+{"version":3,"file":"helpers.js","sources":["../../src/table/helpers.ts"],"sourcesContent":["import { GridFilterModel, GridSortItem, GridSortModel } from '@mui/x-data-grid'\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity'\r\nimport { ICustomGridSortModel, ITableQueryParams, ITableQueryDetail } from './types'\r\nimport { decodeBase64, encodeBase64, QueryParam, tryParseObject } from '../utils'\r\n\r\nexport const dinoTableClasses = {\r\n  whiteSpacePre: 'white-space-pre-wrap'\r\n}\r\n\r\nexport interface ITableQueryParamModel {\r\n  table?: string\r\n}\r\n\r\nclass TableHelperBase {\r\n  private extractTableQueryParams = <T>(data?: ITableQueryParams<T>): ITableQueryParams<T> => {\r\n    if (!data) return {}\r\n    const { pagination, filter, sort, loading } = data\r\n    return { pagination, filter, sort, loading }\r\n  }\r\n\r\n  isEmpty = <T>(value: ITableQueryParams<T>, defaultValue?: ITableQueryParams<T>): boolean => {\r\n    const obj = this.extractTableQueryParams<T>(value)\r\n    const check1 = !obj.filter || obj.filter.items.filter((x) => !!x.value).length < 1\r\n    const check2 = !value.filter?.quickFilterValues || value.filter.quickFilterValues.length < 1\r\n    // const check3 =\r\n    return check1 || check2\r\n  }\r\n\r\n  equalTableQueryParams = <T>(ti1?: ITableQueryParams<T>, ti2?: ITableQueryParams<T>): boolean => {\r\n    return JSON.stringify(this.extractTableQueryParams<T>(ti1)) === JSON.stringify(this.extractTableQueryParams<T>(ti2))\r\n  }\r\n\r\n  mapInitialState = <T>(value?: ITableQueryParams<T>, initialState?: GridInitialStateCommunity): GridInitialStateCommunity => {\r\n    if (!value) return initialState ?? {}\r\n    return {\r\n      pagination: { paginationModel: value.pagination },\r\n      filter: { filterModel: value.filter as GridFilterModel },\r\n      sorting: { sortModel: this.mapSortModel(value.sort) },\r\n      ...initialState\r\n    }\r\n  }\r\n\r\n  mapSortModel = <T>(value?: ICustomGridSortModel<T>): GridSortModel | undefined => {\r\n    return value?.map<GridSortItem>((x) => ({ field: x.field.toString(), sort: x.sort }))\r\n  }\r\n\r\n  detectSearchType = (data: GridFilterModel): ITableQueryDetail => {\r\n    const hasQuickSearch = data.quickFilterValues && data.quickFilterValues.length > 0\r\n    const hasFilter = data.items && data.items.length > 0\r\n    if (hasQuickSearch && !hasFilter) return 'quickSearch'\r\n    if (hasFilter) return 'filter'\r\n  }\r\n\r\n  //#region Query Params\r\n  private extractToUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>): Partial<ITableQueryParams<TModel>> => {\r\n    const { filter, sort, pagination } = tableInfo\r\n    const obj = { filter, sort, pagination }\r\n    const isQuickSearchEmpty = !filter?.quickFilterValues?.filter((x) => !!x).length\r\n    if (!filter?.items.length && isQuickSearchEmpty) {\r\n      obj.filter = undefined\r\n    }\r\n    return obj\r\n  }\r\n\r\n  private equals = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, tableInfoOld: Partial<ITableQueryParams<TModel>>) => {\r\n    return JSON.stringify(this.extractToUrlQuery(tableInfo)) === JSON.stringify(this.extractToUrlQuery(tableInfoOld))\r\n  }\r\n\r\n  setUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, defaultValue: ITableQueryParams<TModel>) => {\r\n    try {\r\n      if (!this.equals(tableInfo, defaultValue)) {\r\n        const data = this.extractToUrlQuery(tableInfo)\r\n        const tqp: ITableQueryParamModel = { table: encodeBase64(JSON.stringify(data)) }\r\n        QueryParam.patch(tqp)\r\n      } else {\r\n        QueryParam.deletes<ITableQueryParamModel>('table')\r\n      }\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n\r\n  getUrlQuery = <TModel>(defaultValue: ITableQueryParams<TModel>): ITableQueryParams<TModel> => {\r\n    const temp = QueryParam.getAll() as ITableQueryParamModel\r\n    if (!temp?.table) return defaultValue\r\n    const data = tryParseObject<ITableQueryParams<TModel>>(decodeBase64(temp.table ?? ''), {})\r\n    if (Object.keys(data).length < 1) return defaultValue\r\n    return data\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst TableHelper = new TableHelperBase()\r\nexport default TableHelper\r\n"],"names":["dinoTableClasses","whiteSpacePre","TableHelper","_createClass","TableHelperBase","_this","this","_classCallCheck","_defineProperty","data","pagination","filter","sort","loading","value","defaultValue","_value$filter","obj","extractTableQueryParams","check1","items","x","length","check2","quickFilterValues","ti1","ti2","JSON","stringify","initialState","_objectSpread","paginationModel","filterModel","sorting","sortModel","mapSortModel","map","field","toString","hasQuickSearch","hasFilter","tableInfo","_filter$quickFilterVa","isQuickSearchEmpty","undefined","tableInfoOld","extractToUrlQuery","equals","QueryParam","deletes","tqp","table","encodeBase64","patch","error","console","log","_temp$table","temp","getAll","tryParseObject","decodeBase64","Object","keys"],"mappings":"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"}

package/dist/table/index.js

@@ -1,2 +1,2 @@
-export{ELogic,EOperator,EOrder}from"./model-filter.js";import"react/jsx-runtime";import"react";import"@mui/material";import"@mui/icons-material/Edit";import"@mui/icons-material/Delete";import"dayjs";import"../utils/dayjs-config.js";import"react-router-dom";import"../utils/query-param.js";export{default as CreateTable}from"./create.table.js";export{default as DinoTable}from"./dino.js";export{dinoTableClasses}from"./helpers.js";
+export{ELogic,EOperator,EOrder}from"./model-filter.js";import"react/jsx-runtime";import"react";import"@mui/material";import"@mui/icons-material/Edit";import"@mui/icons-material/Delete";import"dayjs";import"../utils/dayjs-config.js";import"../utils/query-param.js";export{default as CreateTable}from"./create.table.js";export{default as DinoTable}from"./dino.js";export{dinoTableClasses}from"./helpers.js";
 //# sourceMappingURL=index.js.map

package/dist/table/toolbar-pannel.js

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

package/dist/table/ui.buttons.js

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

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

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

package/dist/table-grid/create.table-grid.js

@@ -1,2 +1,2 @@
-import{defineProperty as t,inherits as e,createClass as i,classCallCheck as o,callSuper as n,objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as l}from"react/jsx-runtime";import{Component as s}from"react";import{styled as c,Box as p,colors as d,tablePaginationClasses as g,alpha as u,Grid as m,Fade as h,CircularProgress as f,Typography as v,Divider as S,TablePagination as b}from"@mui/material";import{mergeObjects as P}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react-router-dom";import"../utils/query-param.js";import{tableGridClasses as x,defaultPagination as j}from"./helpers.js";import{CreateTableGridItemActions as C}from"./item-actions.js";import"../api-context/alert-global.js";import"../api-context/drawer-global.js";import y from"../api-context/global-modal.js";import I from"../api-context/popover-global.js";import z from"./filter-bar/create.filter-bar.js";import"./filter-bar/types.js";import w from"./toolbar-pannel.js";function k(c){var d,g=z(null!==(d=c.filterBarConfigs)&&void 0!==d?d:{fields:{}}),u=C(),k=function(){function d(){var e;o(this,d);for(var i=arguments.length,s=new Array(i),c=0;c<i;c++)s[c]=arguments[c];return e=n(this,d,[].concat(s)),t(e,"filterStateStore",{pagination:j}),t(e,"setFilterState",(function(t){try{t.details?e.filterStateStore=r({pagination:e.filterStateStore.pagination},t):e.filterStateStore=P({},e.filterState,t),e.props.onFilterChange&&e.props.onFilterChange(e.filterStateStore),e.forceUpdate()}catch(t){console.log(t)}})),t(e,"preRender",(function(t){return a(y,{children:[l(I.Provider,{}),t]})})),t(e,"getPagination",(function(){var t;return null!==(t=e.filterState.pagination)&&void 0!==t?t:j})),t(e,"getRootClasses",(function(){var t=[x.root];return e.filterState.loading&&t.push(x.loading),t.join(" ")})),t(e,"getItems",(function(){var t;return null!==(t=e.props.data.items)&&void 0!==t?t:[]})),t(e,"handleFilterChange",(function(t){e.setFilterState(t)})),t(e,"handleChangePage",(function(t,i){var o=e.getPagination();e.setFilterState({pagination:{page:i,pageSize:o.pageSize}})})),t(e,"handleChangeRowsPerPage",(function(t){e.setFilterState({pagination:{page:0,pageSize:parseInt(t.target.value,10)}})})),e}return e(d,s),i(d,[{key:"filterState",get:function(){var t;return null!==(t=this.props.filter)&&void 0!==t?t:this.filterStateStore}},{key:"slots",get:function(){var t,e,i,o,n,a,s;return r(r({},Object.assign({},c.slots,this.props.slots)),{},{TableGridItem:null!==(t=null!==(e=null===(i=this.props.slots)||void 0===i?void 0:i.item)&&void 0!==e?e:c.item)&&void 0!==t?t:function(){return l(N,{})},ToolbarPannel:null!==(o=null!==(n=null===(a=this.props.slots)||void 0===a?void 0:a.toolbar)&&void 0!==n?n:null===(s=c.slots)||void 0===s?void 0:s.toolbar)&&void 0!==o?o:w})}},{key:"mergeConfig",get:function(){var t;return{size:null!==(t=c.size)&&void 0!==t?t:{xs:12,sm:6,md:4}}}},{key:"render",value:function(){var t,e=this,i=this.slots,o=i.TableGridItem,n=i.ToolbarPannel,s=i.actionProps,d=this.getItems(),P=this.getPagination();return this.preRender(a(F,{className:this.getRootClasses(),children:[l(n,r({title:c.title},this.slots.toolbarProps)),l(g,{value:this.filterState,onChange:this.handleFilterChange}),a("div",{className:x.content,children:[l("div",{className:[x.contentInner,x.contentPosition].join(" "),children:l(m,r(r({container:!0,spacing:2},this.slots.gridContainer),{},{children:d.map((function(t,i){return l(m,r(r(r({item:!0},e.mergeConfig.size),e.slots.gridItem),{},{children:a("div",{className:x.item,children:[l(o,{value:t}),l(p,{className:x.actions,children:l(u,r({value:t},s))})]})}),c.getSelecterId(t).toString()+i)}))}))}),l(h,{in:this.filterState.loading,unmountOnExit:!0,children:l("div",{className:[x.overlay,x.contentPosition].join(" "),children:l(f,{size:36})})}),l(h,{in:d.length<1&&!this.filterState.loading,unmountOnExit:!0,children:l("div",{className:[x.noItems,x.contentPosition].join(" "),children:l(v,{variant:"body2",children:"No items data"})})})]}),l(S,{sx:{position:"relative",zIndex:2}}),l(b,{component:"div",count:null!==(t=this.props.data.totalItems)&&void 0!==t?t:0,page:P.page,onPageChange:this.handleChangePage,rowsPerPage:P.pageSize,onRowsPerPageChange:this.handleChangeRowsPerPage,slotProps:{select:{MenuProps:{disableScrollLock:!0}}}})]}))}}])}();return k}var F=c(p)(t(t(t(t(t(t(t(t({flex:1,height:"100%",display:"flex",flexDirection:"column"},".".concat(x.content),{position:"relative",flex:1,zIndex:1}),".".concat(x.contentPosition),{position:"absolute",top:0,left:0,width:"100%",height:"100%"}),".".concat(x.contentInner),{overflowY:"auto",padding:"10px 5px"}),".".concat(x.overlay),{display:"flex",alignItems:"center",justifyContent:"center",background:u(d.common.white,.4),zIndex:10}),".".concat(x.noItems),{display:"flex",alignItems:"center",justifyContent:"center"}),".".concat(x.item),{position:"relative"}),".".concat(x.actions),{position:"absolute",top:"5px",right:"5px",zIndex:5,display:"inline-block"}),".".concat(g.root),{background:d.common.white,position:"relative",zIndex:5})),N=c(p)({width:"100%",paddingBottom:"100%",background:d.grey[600]});export{k as default};
+import{defineProperty as t,inherits as e,createClass as i,objectSpread2 as n,classCallCheck as o,callSuper as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a,jsxs as l}from"react/jsx-runtime";import{Component as s}from"react";import{styled as c,Box as p,colors as d,tablePaginationClasses as g,alpha as u,Grid as m,Fade as h,CircularProgress as f,Typography as v,Divider as S,TablePagination as P}from"@mui/material";import{mergeObjects as b}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{tableGridClasses as x,defaultPagination as j}from"./helpers.js";import{CreateTableGridItemActions as C}from"./item-actions.js";import y from"./filter-bar/create.filter-bar.js";import"./filter-bar/types.js";import I from"./toolbar-pannel.js";import z from"../api-context/global-modal.js";import k from"../api-context/popover-global.js";function w(c){var d,g=y(null!==(d=c.filterBarConfigs)&&void 0!==d?d:{fields:{}}),u=C(),w=function(){function d(){var e;o(this,d);for(var i=arguments.length,s=new Array(i),c=0;c<i;c++)s[c]=arguments[c];return e=r(this,d,[].concat(s)),t(e,"filterStateStore",{pagination:j}),t(e,"setFilterState",(function(t){try{t.details?e.filterStateStore=n({pagination:e.filterStateStore.pagination},t):e.filterStateStore=b({},e.filterState,t),e.props.onFilterChange&&e.props.onFilterChange(e.filterStateStore),e.forceUpdate()}catch(t){console.log(t)}})),t(e,"preRender",(function(t){return l(z,{children:[a(k.Provider,{}),t]})})),t(e,"getPagination",(function(){var t;return null!==(t=e.filterState.pagination)&&void 0!==t?t:j})),t(e,"getRootClasses",(function(){var t=[x.root];return e.filterState.loading&&t.push(x.loading),t.join(" ")})),t(e,"getItems",(function(){var t;return null!==(t=e.props.data.items)&&void 0!==t?t:[]})),t(e,"handleFilterChange",(function(t){e.setFilterState(t)})),t(e,"handleChangePage",(function(t,i){var n=e.getPagination();e.setFilterState({pagination:{page:i,pageSize:n.pageSize}})})),t(e,"handleChangeRowsPerPage",(function(t){e.setFilterState({pagination:{page:0,pageSize:parseInt(t.target.value,10)}})})),e}return e(d,s),i(d,[{key:"filterState",get:function(){var t;return null!==(t=this.props.filter)&&void 0!==t?t:this.filterStateStore}},{key:"slots",get:function(){var t,e,i,o,r,l,s;return n(n({},Object.assign({},c.slots,this.props.slots)),{},{TableGridItem:null!==(t=null!==(e=null===(i=this.props.slots)||void 0===i?void 0:i.item)&&void 0!==e?e:c.item)&&void 0!==t?t:function(){return a(N,{})},ToolbarPannel:null!==(o=null!==(r=null===(l=this.props.slots)||void 0===l?void 0:l.toolbar)&&void 0!==r?r:null===(s=c.slots)||void 0===s?void 0:s.toolbar)&&void 0!==o?o:I})}},{key:"mergeConfig",get:function(){var t;return{size:null!==(t=c.size)&&void 0!==t?t:{xs:12,sm:6,md:4}}}},{key:"render",value:function(){var t,e=this,i=this.slots,o=i.TableGridItem,r=i.ToolbarPannel,s=i.actionProps,d=this.getItems(),b=this.getPagination();return this.preRender(l(F,{className:this.getRootClasses(),children:[a(r,n({title:c.title},this.slots.toolbarProps)),a(g,{value:this.filterState,onChange:this.handleFilterChange}),l("div",{className:x.content,children:[a("div",{className:[x.contentInner,x.contentPosition].join(" "),children:a(m,n(n({container:!0,spacing:2},this.slots.gridContainer),{},{children:d.map((function(t,i){return a(m,n(n(n({item:!0},e.mergeConfig.size),e.slots.gridItem),{},{children:l("div",{className:x.item,children:[a(o,{value:t}),a(p,{className:x.actions,children:a(u,n({value:t},s))})]})}),c.getSelecterId(t).toString()+i)}))}))}),a(h,{in:this.filterState.loading,unmountOnExit:!0,children:a("div",{className:[x.overlay,x.contentPosition].join(" "),children:a(f,{size:36})})}),a(h,{in:d.length<1&&!this.filterState.loading,unmountOnExit:!0,children:a("div",{className:[x.noItems,x.contentPosition].join(" "),children:a(v,{variant:"body2",children:"No items data"})})})]}),a(S,{sx:{position:"relative",zIndex:2}}),a(P,{component:"div",count:null!==(t=this.props.data.totalItems)&&void 0!==t?t:0,page:b.page,onPageChange:this.handleChangePage,rowsPerPage:b.pageSize,onRowsPerPageChange:this.handleChangeRowsPerPage,slotProps:{select:{MenuProps:{disableScrollLock:!0}}}})]}))}}])}();return w}var F=c(p)(t(t(t(t(t(t(t(t({flex:1,height:"100%",display:"flex",flexDirection:"column"},".".concat(x.content),{position:"relative",flex:1,zIndex:1}),".".concat(x.contentPosition),{position:"absolute",top:0,left:0,width:"100%",height:"100%"}),".".concat(x.contentInner),{overflowY:"auto",padding:"10px 5px"}),".".concat(x.overlay),{display:"flex",alignItems:"center",justifyContent:"center",background:u(d.common.white,.4),zIndex:10}),".".concat(x.noItems),{display:"flex",alignItems:"center",justifyContent:"center"}),".".concat(x.item),{position:"relative"}),".".concat(x.actions),{position:"absolute",top:"5px",right:"5px",zIndex:5,display:"inline-block"}),".".concat(g.root),{background:d.common.white,position:"relative",zIndex:5})),N=c(p)({width:"100%",paddingBottom:"100%",background:d.grey[600]});export{w as default};
 //# sourceMappingURL=create.table-grid.js.map

package/dist/table-grid/create.table-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.table-grid.js","sources":["../../src/table-grid/create.table-grid.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react'\r\nimport { alpha, Box, CircularProgress, colors, Divider, Fade, Grid, styled, TablePagination, tablePaginationClasses, Typography } from '@mui/material'\r\nimport { mergeObjects } from '../utils'\r\nimport { defaultPagination, tableGridClasses } from './helpers'\r\nimport { CreateTableGridItemActions } from './item-actions'\r\nimport { GlobalModal, PopoverGlobal } from '../api-context'\r\nimport { CreateFilterBar, IFilterState } from './filter-bar'\r\nimport { ITableGridFilter, IPaginationModel, ITableGridParams, ITableGridProps, ITableGridInnerSlots } from './types'\r\nimport ToolbarPannelDefault from './toolbar-pannel'\r\n\r\nfunction CreateTableGrid<T extends object>(params: ITableGridParams<T>): React.ComponentType<ITableGridProps<T>> {\r\n  const FilterBarInstance = CreateFilterBar<T>(params.filterBarConfigs ?? { fields: {} })\r\n  const ItemActions = CreateTableGridItemActions<T>()\r\n\r\n  class TableGrid extends Component<ITableGridProps<T>> {\r\n    private filterStateStore: ITableGridFilter<T> = { pagination: defaultPagination }\r\n    get filterState(): ITableGridFilter<T> {\r\n      return this.props.filter ?? this.filterStateStore\r\n    }\r\n\r\n    get slots(): ITableGridInnerSlots<T> {\r\n      return {\r\n        ...Object.assign({}, params.slots, this.props.slots),\r\n        TableGridItem: this.props.slots?.item ?? params.item ?? (() => <ItemDefault />),\r\n        ToolbarPannel: this.props.slots?.toolbar ?? params.slots?.toolbar ?? ToolbarPannelDefault\r\n      }\r\n    }\r\n\r\n    get mergeConfig() {\r\n      return {\r\n        size: params.size ?? { xs: 12, sm: 6, md: 4 }\r\n      }\r\n    }\r\n\r\n    setFilterState = (value: Partial<ITableGridFilter<T>>) => {\r\n      try {\r\n        if (!!value.details) {\r\n          this.filterStateStore = { pagination: this.filterStateStore.pagination, ...value }\r\n        } else {\r\n          this.filterStateStore = mergeObjects<any>({}, this.filterState, value)\r\n        }\r\n        this.props.onFilterChange && this.props.onFilterChange(this.filterStateStore)\r\n        this.forceUpdate()\r\n      } catch (error) {\r\n        console.log(error)\r\n      }\r\n    }\r\n\r\n    render() {\r\n      const { TableGridItem, ToolbarPannel, actionProps } = this.slots\r\n      const items = this.getItems()\r\n      const pagination = this.getPagination()\r\n      return this.preRender(\r\n        <Wrap className={this.getRootClasses()}>\r\n          <ToolbarPannel title={params.title} {...this.slots.toolbarProps} />\r\n          <FilterBarInstance value={this.filterState} onChange={this.handleFilterChange} />\r\n          <div className={tableGridClasses.content}>\r\n            <div className={[tableGridClasses.contentInner, tableGridClasses.contentPosition].join(' ')}>\r\n              <Grid container spacing={2} {...this.slots.gridContainer}>\r\n                {items.map((item, index) => (\r\n                  <Grid key={params.getSelecterId(item).toString() + index} item {...this.mergeConfig.size} {...this.slots.gridItem}>\r\n                    <div className={tableGridClasses.item}>\r\n                      <TableGridItem value={item} />\r\n                      <Box className={tableGridClasses.actions}>\r\n                        <ItemActions value={item} {...actionProps} />\r\n                      </Box>\r\n                    </div>\r\n                  </Grid>\r\n                ))}\r\n              </Grid>\r\n            </div>\r\n            <Fade in={this.filterState.loading} unmountOnExit>\r\n              <div className={[tableGridClasses.overlay, tableGridClasses.contentPosition].join(' ')}>\r\n                <CircularProgress size={36} />\r\n              </div>\r\n            </Fade>\r\n            <Fade in={items.length < 1 && !this.filterState.loading} unmountOnExit>\r\n              <div className={[tableGridClasses.noItems, tableGridClasses.contentPosition].join(' ')}>\r\n                <Typography variant='body2'>No items data</Typography>\r\n              </div>\r\n            </Fade>\r\n          </div>\r\n          <Divider sx={{ position: 'relative', zIndex: 2 }} />\r\n          <TablePagination\r\n            component='div'\r\n            count={this.props.data.totalItems ?? 0}\r\n            page={pagination.page}\r\n            onPageChange={this.handleChangePage}\r\n            rowsPerPage={pagination.pageSize}\r\n            onRowsPerPageChange={this.handleChangeRowsPerPage}\r\n            slotProps={{ select: { MenuProps: { disableScrollLock: true } } }}\r\n          />\r\n        </Wrap>\r\n      )\r\n    }\r\n\r\n    preRender = (children?: ReactNode) => (\r\n      <GlobalModal>\r\n        <PopoverGlobal.Provider />\r\n        {children}\r\n      </GlobalModal>\r\n    )\r\n\r\n    getPagination = (): IPaginationModel => this.filterState.pagination ?? defaultPagination\r\n\r\n    getRootClasses = () => {\r\n      const classes = [tableGridClasses.root]\r\n      if (this.filterState.loading) classes.push(tableGridClasses.loading)\r\n      return classes.join(' ')\r\n    }\r\n\r\n    getItems = () => {\r\n      return this.props.data.items ?? []\r\n    }\r\n\r\n    handleFilterChange = (filterStateChange: IFilterState<T>) => {\r\n      this.setFilterState(filterStateChange)\r\n    }\r\n\r\n    handleChangePage = (_: React.MouseEvent<HTMLButtonElement, MouseEvent> | null, page: number) => {\r\n      const pagination = this.getPagination()\r\n      this.setFilterState({ pagination: { page, pageSize: pagination.pageSize } })\r\n    }\r\n\r\n    handleChangeRowsPerPage: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> = (event) => {\r\n      this.setFilterState({ pagination: { page: 0, pageSize: parseInt(event.target.value, 10) } })\r\n    }\r\n  }\r\n\r\n  return TableGrid\r\n}\r\n\r\nexport default CreateTableGrid\r\n\r\nconst Wrap = styled(Box)({\r\n  flex: 1,\r\n  height: '100%',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  [`.${tableGridClasses.content}`]: {\r\n    position: 'relative',\r\n    flex: 1,\r\n    zIndex: 1\r\n  },\r\n  [`.${tableGridClasses.contentPosition}`]: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%'\r\n  },\r\n  [`.${tableGridClasses.contentInner}`]: {\r\n    overflowY: 'auto',\r\n    padding: '10px 5px'\r\n  },\r\n  [`.${tableGridClasses.overlay}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    background: alpha(colors.common.white, 0.4),\r\n    zIndex: 10\r\n  },\r\n  [`.${tableGridClasses.noItems}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center'\r\n  },\r\n  [`.${tableGridClasses.item}`]: {\r\n    position: 'relative'\r\n  },\r\n  [`.${tableGridClasses.actions}`]: {\r\n    position: 'absolute',\r\n    top: '5px',\r\n    right: '5px',\r\n    zIndex: 5,\r\n    display: 'inline-block'\r\n  },\r\n  [`.${tablePaginationClasses.root}`]: {\r\n    background: colors.common.white,\r\n    position: 'relative',\r\n    zIndex: 5\r\n  }\r\n})\r\n\r\nconst ItemDefault = styled(Box)({\r\n  width: '100%',\r\n  paddingBottom: '100%',\r\n  background: colors.grey[600]\r\n})\r\n"],"names":["CreateTableGrid","params","_params$filterBarConf","FilterBarInstance","CreateFilterBar","filterBarConfigs","fields","ItemActions","CreateTableGridItemActions","TableGrid","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","pagination","defaultPagination","value","details","filterStateStore","_objectSpread","mergeObjects","filterState","props","onFilterChange","forceUpdate","error","console","log","children","_jsxs","GlobalModal","_jsx","PopoverGlobal","Provider","_this$filterState$pag","classes","tableGridClasses","root","loading","push","join","_this$props$data$item","data","items","filterStateChange","setFilterState","_","page","getPagination","pageSize","event","parseInt","target","_inherits","Component","_createClass","key","get","_this$props$filter","filter","_ref","_this$props$slots$ite","_this$props$slots","_ref2","_this$props$slots$too","_this$props$slots2","_params$slots","Object","assign","slots","TableGridItem","item","ItemDefault","ToolbarPannel","toolbar","ToolbarPannelDefault","_params$size","size","xs","sm","md","_this$props$data$tota","_this2","_this$slots","actionProps","getItems","preRender","Wrap","className","getRootClasses","title","toolbarProps","onChange","handleFilterChange","content","contentInner","contentPosition","Grid","container","spacing","gridContainer","map","index","mergeConfig","gridItem","Box","actions","getSelecterId","toString","Fade","in","unmountOnExit","overlay","CircularProgress","noItems","Typography","variant","Divider","sx","position","zIndex","TablePagination","component","count","totalItems","onPageChange","handleChangePage","rowsPerPage","onRowsPerPageChange","handleChangeRowsPerPage","slotProps","select","MenuProps","disableScrollLock","styled","flex","height","display","flexDirection","top","left","width","overflowY","padding","alignItems","justifyContent","background","alpha","colors","common","white","right","tablePaginationClasses","paddingBottom","grey"],"mappings":"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"}
+{"version":3,"file":"create.table-grid.js","sources":["../../src/table-grid/create.table-grid.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react'\r\nimport { alpha, Box, CircularProgress, colors, Divider, Fade, Grid, styled, TablePagination, tablePaginationClasses, Typography } from '@mui/material'\r\nimport { mergeObjects } from '../utils'\r\nimport { defaultPagination, tableGridClasses } from './helpers'\r\nimport { CreateTableGridItemActions } from './item-actions'\r\nimport { GlobalModal, PopoverGlobal } from '../api-context'\r\nimport { CreateFilterBar, IFilterState } from './filter-bar'\r\nimport { ITableGridFilter, IPaginationModel, ITableGridParams, ITableGridProps, ITableGridInnerSlots } from './types'\r\nimport ToolbarPannelDefault from './toolbar-pannel'\r\n\r\nfunction CreateTableGrid<T extends object>(params: ITableGridParams<T>): React.ComponentType<ITableGridProps<T>> {\r\n  const FilterBarInstance = CreateFilterBar<T>(params.filterBarConfigs ?? { fields: {} })\r\n  const ItemActions = CreateTableGridItemActions<T>()\r\n\r\n  class TableGrid extends Component<ITableGridProps<T>> {\r\n    private filterStateStore: ITableGridFilter<T> = { pagination: defaultPagination }\r\n    get filterState(): ITableGridFilter<T> {\r\n      return this.props.filter ?? this.filterStateStore\r\n    }\r\n\r\n    get slots(): ITableGridInnerSlots<T> {\r\n      return {\r\n        ...Object.assign({}, params.slots, this.props.slots),\r\n        TableGridItem: this.props.slots?.item ?? params.item ?? (() => <ItemDefault />),\r\n        ToolbarPannel: this.props.slots?.toolbar ?? params.slots?.toolbar ?? ToolbarPannelDefault\r\n      }\r\n    }\r\n\r\n    get mergeConfig() {\r\n      return {\r\n        size: params.size ?? { xs: 12, sm: 6, md: 4 }\r\n      }\r\n    }\r\n\r\n    setFilterState = (value: Partial<ITableGridFilter<T>>) => {\r\n      try {\r\n        if (!!value.details) {\r\n          this.filterStateStore = { pagination: this.filterStateStore.pagination, ...value }\r\n        } else {\r\n          this.filterStateStore = mergeObjects<any>({}, this.filterState, value)\r\n        }\r\n        this.props.onFilterChange && this.props.onFilterChange(this.filterStateStore)\r\n        this.forceUpdate()\r\n      } catch (error) {\r\n        console.log(error)\r\n      }\r\n    }\r\n\r\n    render() {\r\n      const { TableGridItem, ToolbarPannel, actionProps } = this.slots\r\n      const items = this.getItems()\r\n      const pagination = this.getPagination()\r\n      return this.preRender(\r\n        <Wrap className={this.getRootClasses()}>\r\n          <ToolbarPannel title={params.title} {...this.slots.toolbarProps} />\r\n          <FilterBarInstance value={this.filterState} onChange={this.handleFilterChange} />\r\n          <div className={tableGridClasses.content}>\r\n            <div className={[tableGridClasses.contentInner, tableGridClasses.contentPosition].join(' ')}>\r\n              <Grid container spacing={2} {...this.slots.gridContainer}>\r\n                {items.map((item, index) => (\r\n                  <Grid key={params.getSelecterId(item).toString() + index} item {...this.mergeConfig.size} {...this.slots.gridItem}>\r\n                    <div className={tableGridClasses.item}>\r\n                      <TableGridItem value={item} />\r\n                      <Box className={tableGridClasses.actions}>\r\n                        <ItemActions value={item} {...actionProps} />\r\n                      </Box>\r\n                    </div>\r\n                  </Grid>\r\n                ))}\r\n              </Grid>\r\n            </div>\r\n            <Fade in={this.filterState.loading} unmountOnExit>\r\n              <div className={[tableGridClasses.overlay, tableGridClasses.contentPosition].join(' ')}>\r\n                <CircularProgress size={36} />\r\n              </div>\r\n            </Fade>\r\n            <Fade in={items.length < 1 && !this.filterState.loading} unmountOnExit>\r\n              <div className={[tableGridClasses.noItems, tableGridClasses.contentPosition].join(' ')}>\r\n                <Typography variant='body2'>No items data</Typography>\r\n              </div>\r\n            </Fade>\r\n          </div>\r\n          <Divider sx={{ position: 'relative', zIndex: 2 }} />\r\n          <TablePagination\r\n            component='div'\r\n            count={this.props.data.totalItems ?? 0}\r\n            page={pagination.page}\r\n            onPageChange={this.handleChangePage}\r\n            rowsPerPage={pagination.pageSize}\r\n            onRowsPerPageChange={this.handleChangeRowsPerPage}\r\n            slotProps={{ select: { MenuProps: { disableScrollLock: true } } }}\r\n          />\r\n        </Wrap>\r\n      )\r\n    }\r\n\r\n    preRender = (children?: ReactNode) => (\r\n      <GlobalModal>\r\n        <PopoverGlobal.Provider />\r\n        {children}\r\n      </GlobalModal>\r\n    )\r\n\r\n    getPagination = (): IPaginationModel => this.filterState.pagination ?? defaultPagination\r\n\r\n    getRootClasses = () => {\r\n      const classes = [tableGridClasses.root]\r\n      if (this.filterState.loading) classes.push(tableGridClasses.loading)\r\n      return classes.join(' ')\r\n    }\r\n\r\n    getItems = () => {\r\n      return this.props.data.items ?? []\r\n    }\r\n\r\n    handleFilterChange = (filterStateChange: IFilterState<T>) => {\r\n      this.setFilterState(filterStateChange)\r\n    }\r\n\r\n    handleChangePage = (_: React.MouseEvent<HTMLButtonElement, MouseEvent> | null, page: number) => {\r\n      const pagination = this.getPagination()\r\n      this.setFilterState({ pagination: { page, pageSize: pagination.pageSize } })\r\n    }\r\n\r\n    handleChangeRowsPerPage: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> = (event) => {\r\n      this.setFilterState({ pagination: { page: 0, pageSize: parseInt(event.target.value, 10) } })\r\n    }\r\n  }\r\n\r\n  return TableGrid\r\n}\r\n\r\nexport default CreateTableGrid\r\n\r\nconst Wrap = styled(Box)({\r\n  flex: 1,\r\n  height: '100%',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  [`.${tableGridClasses.content}`]: {\r\n    position: 'relative',\r\n    flex: 1,\r\n    zIndex: 1\r\n  },\r\n  [`.${tableGridClasses.contentPosition}`]: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%'\r\n  },\r\n  [`.${tableGridClasses.contentInner}`]: {\r\n    overflowY: 'auto',\r\n    padding: '10px 5px'\r\n  },\r\n  [`.${tableGridClasses.overlay}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    background: alpha(colors.common.white, 0.4),\r\n    zIndex: 10\r\n  },\r\n  [`.${tableGridClasses.noItems}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center'\r\n  },\r\n  [`.${tableGridClasses.item}`]: {\r\n    position: 'relative'\r\n  },\r\n  [`.${tableGridClasses.actions}`]: {\r\n    position: 'absolute',\r\n    top: '5px',\r\n    right: '5px',\r\n    zIndex: 5,\r\n    display: 'inline-block'\r\n  },\r\n  [`.${tablePaginationClasses.root}`]: {\r\n    background: colors.common.white,\r\n    position: 'relative',\r\n    zIndex: 5\r\n  }\r\n})\r\n\r\nconst ItemDefault = styled(Box)({\r\n  width: '100%',\r\n  paddingBottom: '100%',\r\n  background: colors.grey[600]\r\n})\r\n"],"names":["CreateTableGrid","params","_params$filterBarConf","FilterBarInstance","CreateFilterBar","filterBarConfigs","fields","ItemActions","CreateTableGridItemActions","TableGrid","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","pagination","defaultPagination","value","details","filterStateStore","_objectSpread","mergeObjects","filterState","props","onFilterChange","forceUpdate","error","console","log","children","_jsxs","GlobalModal","_jsx","PopoverGlobal","Provider","_this$filterState$pag","classes","tableGridClasses","root","loading","push","join","_this$props$data$item","data","items","filterStateChange","setFilterState","_","page","getPagination","pageSize","event","parseInt","target","_inherits","Component","_createClass","key","get","_this$props$filter","filter","_ref","_this$props$slots$ite","_this$props$slots","_ref2","_this$props$slots$too","_this$props$slots2","_params$slots","Object","assign","slots","TableGridItem","item","ItemDefault","ToolbarPannel","toolbar","ToolbarPannelDefault","_params$size","size","xs","sm","md","_this$props$data$tota","_this2","_this$slots","actionProps","getItems","preRender","Wrap","className","getRootClasses","title","toolbarProps","onChange","handleFilterChange","content","contentInner","contentPosition","Grid","container","spacing","gridContainer","map","index","mergeConfig","gridItem","Box","actions","getSelecterId","toString","Fade","in","unmountOnExit","overlay","CircularProgress","noItems","Typography","variant","Divider","sx","position","zIndex","TablePagination","component","count","totalItems","onPageChange","handleChangePage","rowsPerPage","onRowsPerPageChange","handleChangeRowsPerPage","slotProps","select","MenuProps","disableScrollLock","styled","flex","height","display","flexDirection","top","left","width","overflowY","padding","alignItems","justifyContent","background","alpha","colors","common","white","right","tablePaginationClasses","paddingBottom","grey"],"mappings":"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"}

package/dist/table-grid/filter-bar/create.filter-bar.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as t,classCallCheck as r,callSuper as i,defineProperty as a,objectSpread2 as l}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{styled as s,Box as f,InputBase as u,IconButton as d}from"@mui/material";import c from"@mui/icons-material/FilterList";import h from"@mui/material/ClickAwayListener";import{ButtonClear as p,FilterNotes as S}from"./ui.units.js";import m from"./base.js";import v from"./create.filtered.js";import g from"./create.filter-panel.js";function k(s){var k=g(s),w=v(s);return function(){function v(e){var t;return r(this,v),t=i(this,v,[e]),a(t,"defaultState",{keyword:"",panelState:{anchorEl:null}}),a(t,"filterStateStore",{filter:{}}),a(t,"setFilterState",(function(e){t.props.value||(t.filterStateStore=e),t.props.onChange&&t.props.onChange(e)})),a(t,"refFilterButton",null),a(t,"refSortButton",null),a(t,"refInput",null),a(t,"refBeforeInput",null),a(t,"renderTextField",(function(){return n(f,{component:"label",htmlFor:t.configs.id,sx:{flex:1,display:"flex",alignItems:"flex-end"},children:[o(f,{ref:function(e){return t.refBeforeInput=e},sx:{height:"100%"}}),o(u,{id:t.configs.id,placeholder:t.configs.placeholder,fullWidth:!0,autoComplete:"off",inputRef:function(e){return t.refInput=e},onChange:function(e){return t.setState({keyword:e.target.value})},value:t.state.keyword,onFocus:function(){return t.showPanel("searchInput")},onKeyDown:t.handleKeyDown})]})})),a(t,"handleKeyDown",(function(e){var r=e.keyCode;if(13===r){if(!t.state.keyword)return;var i,a=t.addQuickSearch(t.filterState,s.quickSearch,t.state.keyword);if(a.filterState.details="add",a.isChanged)null===(i=t.refInput)||void 0===i||i.blur(),t.setFilterState(a.filterState),t.setState(t.defaultState)}else if(27===r){var l;null===(l=t.refInput)||void 0===l||l.blur(),t.setState(t.defaultState)}})),a(t,"handleAdd",(function(e,r){var i,a={isChanged:!1,filterState:t.filterState};("field"===e&&r?a=t.patchFilterWithKey(t.filterState,r):"quickSearch"===e&&(a=t.addQuickSearch(t.filterState,s.quickSearch,t.state.keyword)),a.filterState.details="add",a.isChanged)&&(null===(i=t.refInput)||void 0===i||i.blur(),t.setFilterState(a.filterState),t.setState(t.defaultState))})),a(t,"handleRemove",(function(e,r){var i,a={isChanged:!1,filterState:t.filterState};("field"===e&&r?a=t.deleteFilterWithKey(t.filterState,r):"quickSearch"===e&&(a=t.removeQuickSearch(t.filterState)),a.filterState.details="remove",a.isChanged)&&(null===(i=t.refInput)||void 0===i||i.blur(),t.setFilterState(a.filterState),t.forceUpdate())})),a(t,"handleClear",(function(){t.setFilterState({filter:{},details:"remove"}),t.setState(t.defaultState)})),a(t,"showPanel",(function(e){var r=null;switch(e){case"searchInput":r=t.refBeforeInput;break;case"filterButton":r=t.refFilterButton}t.setState({panelState:{anchorEl:r,reason:e}})})),a(t,"closePanel",(function(){return t.setState({panelState:{anchorEl:null}})})),t.state=t.defaultState,t}return e(v,m),t(v,[{key:"filterState",get:function(){var e;return null!==(e=this.props.value)&&void 0!==e?e:this.filterStateStore}},{key:"configs",get:function(){var e,t,r,i;return{id:null!==(e=null!==(t=this.props.id)&&void 0!==t?t:s.id)&&void 0!==e?e:(new Date).getTime().toString(),placeholder:null!==(r=null!==(i=this.props.placeholder)&&void 0!==i?i:s.placeholder)&&void 0!==r?r:"Filter",notes:s.notes}}},{key:"render",value:function(){var e=this;return o(h,{onClickAway:this.closePanel,children:n(y,{children:[o(d,{ref:function(t){return e.refFilterButton=t},onClick:function(){return e.showPanel("filterButton")},children:o(c,{})}),n(C,{children:[o(w,{filterState:this.filterState,onRemove:this.handleRemove}),this.renderTextField()]}),o(p,{visibled:!this.isFilterEmpty(this.filterState),onClick:this.handleClear}),this.configs.notes&&o(S,l({},this.configs.notes)),o(k,l(l({},this.state.panelState),{},{keyword:this.state.keyword,onSubmit:this.handleAdd,onClose:this.closePanel}))]})})}}])}()}var y=s(f)({display:"flex",gap:"8px",width:"100%",borderRadius:"6px",transition:"all linear 0.2s",padding:"2px",backgroundColor:"#fafafa","&:hover":{backgroundColor:"#ededed"}}),C=s(f)({flex:1,minHeight:"40px",display:"flex",flexWrap:"wrap",alignItems:"center",gap:"6px"});export{k as default};
+import{inherits as e,createClass as t,objectSpread2 as r,classCallCheck as i,callSuper as a,defineProperty as l}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as o}from"react/jsx-runtime";import{styled as s,Box as f,IconButton as u,InputBase as d}from"@mui/material";import c from"@mui/icons-material/FilterList";import h from"@mui/material/ClickAwayListener";import{ButtonClear as p,FilterNotes as S}from"./ui.units.js";import m from"./base.js";import v from"./create.filtered.js";import g from"./create.filter-panel.js";function k(s){var k=g(s),w=v(s);return function(){function v(e){var t;return i(this,v),t=a(this,v,[e]),l(t,"defaultState",{keyword:"",panelState:{anchorEl:null}}),l(t,"filterStateStore",{filter:{}}),l(t,"setFilterState",(function(e){t.props.value||(t.filterStateStore=e),t.props.onChange&&t.props.onChange(e)})),l(t,"refFilterButton",null),l(t,"refSortButton",null),l(t,"refInput",null),l(t,"refBeforeInput",null),l(t,"renderTextField",(function(){return o(f,{component:"label",htmlFor:t.configs.id,sx:{flex:1,display:"flex",alignItems:"flex-end"},children:[n(f,{ref:function(e){return t.refBeforeInput=e},sx:{height:"100%"}}),n(d,{id:t.configs.id,placeholder:t.configs.placeholder,fullWidth:!0,autoComplete:"off",inputRef:function(e){return t.refInput=e},onChange:function(e){return t.setState({keyword:e.target.value})},value:t.state.keyword,onFocus:function(){return t.showPanel("searchInput")},onKeyDown:t.handleKeyDown})]})})),l(t,"handleKeyDown",(function(e){var r=e.keyCode;if(13===r){if(!t.state.keyword)return;var i,a=t.addQuickSearch(t.filterState,s.quickSearch,t.state.keyword);if(a.filterState.details="add",a.isChanged)null===(i=t.refInput)||void 0===i||i.blur(),t.setFilterState(a.filterState),t.setState(t.defaultState)}else if(27===r){var l;null===(l=t.refInput)||void 0===l||l.blur(),t.setState(t.defaultState)}})),l(t,"handleAdd",(function(e,r){var i,a={isChanged:!1,filterState:t.filterState};("field"===e&&r?a=t.patchFilterWithKey(t.filterState,r):"quickSearch"===e&&(a=t.addQuickSearch(t.filterState,s.quickSearch,t.state.keyword)),a.filterState.details="add",a.isChanged)&&(null===(i=t.refInput)||void 0===i||i.blur(),t.setFilterState(a.filterState),t.setState(t.defaultState))})),l(t,"handleRemove",(function(e,r){var i,a={isChanged:!1,filterState:t.filterState};("field"===e&&r?a=t.deleteFilterWithKey(t.filterState,r):"quickSearch"===e&&(a=t.removeQuickSearch(t.filterState)),a.filterState.details="remove",a.isChanged)&&(null===(i=t.refInput)||void 0===i||i.blur(),t.setFilterState(a.filterState),t.forceUpdate())})),l(t,"handleClear",(function(){t.setFilterState({filter:{},details:"remove"}),t.setState(t.defaultState)})),l(t,"showPanel",(function(e){var r=null;switch(e){case"searchInput":r=t.refBeforeInput;break;case"filterButton":r=t.refFilterButton}t.setState({panelState:{anchorEl:r,reason:e}})})),l(t,"closePanel",(function(){return t.setState({panelState:{anchorEl:null}})})),t.state=t.defaultState,t}return e(v,m),t(v,[{key:"filterState",get:function(){var e;return null!==(e=this.props.value)&&void 0!==e?e:this.filterStateStore}},{key:"configs",get:function(){var e,t,r,i;return{id:null!==(e=null!==(t=this.props.id)&&void 0!==t?t:s.id)&&void 0!==e?e:(new Date).getTime().toString(),placeholder:null!==(r=null!==(i=this.props.placeholder)&&void 0!==i?i:s.placeholder)&&void 0!==r?r:"Filter",notes:s.notes}}},{key:"render",value:function(){var e=this;return n(h,{onClickAway:this.closePanel,children:o(y,{children:[n(u,{ref:function(t){return e.refFilterButton=t},onClick:function(){return e.showPanel("filterButton")},children:n(c,{})}),o(C,{children:[n(w,{filterState:this.filterState,onRemove:this.handleRemove}),this.renderTextField()]}),n(p,{visibled:!this.isFilterEmpty(this.filterState),onClick:this.handleClear}),this.configs.notes&&n(S,r({},this.configs.notes)),n(k,r(r({},this.state.panelState),{},{keyword:this.state.keyword,onSubmit:this.handleAdd,onClose:this.closePanel}))]})})}}])}()}var y=s(f)({display:"flex",gap:"8px",width:"100%",borderRadius:"6px",transition:"all linear 0.2s",padding:"2px",backgroundColor:"#fafafa","&:hover":{backgroundColor:"#ededed"}}),C=s(f)({flex:1,minHeight:"40px",display:"flex",flexWrap:"wrap",alignItems:"center",gap:"6px"});export{k as default};
 //# sourceMappingURL=create.filter-bar.js.map

package/dist/table-grid/item-actions.js

@@ -1,2 +1,2 @@
-import{inherits as r,createClass as o,classCallCheck as e,callSuper as t,defineProperty as i,toConsumableArray as n,objectSpread2 as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,Fragment as s,jsxs as p}from"react/jsx-runtime";import{Component as c}from"react";import{styled as m,Box as u,colors as d,ListItem as f,ListItemButton as h,ListItemIcon as v,ListItemText as g,IconButton as y,List as b}from"@mui/material";import A from"@mui/icons-material/Edit";import C from"@mui/icons-material/MoreVert";import I from"@mui/icons-material/DeleteOutline";import"../api-context/alert-global.js";import"../api-context/drawer-global.js";import{mapGlobalModalContext as x}from"../api-context/global-modal.js";import k from"../api-context/popover-global.js";var E={Edit:l(A,{fontSize:"small",color:"primary"}),Delete:l(I,{fontSize:"small",color:"error"})};function P(){var m=function(){function m(){var r;e(this,m);for(var o=arguments.length,c=new Array(o),u=0;u<o;u++)c[u]=arguments[u];return r=t(this,m,[].concat(c)),i(r,"isVisible",(function(){var o=r.props.menuList,e=[].concat(n(r.singleOrArrayToArray(null==o?void 0:o.before)),n(r.singleOrArrayToArray(null==o?void 0:o.after)));return!!r.props.formEdit||!!r.props.formDelete||e.length>0})),i(r,"singleOrArrayToArray",(function(r){return r?Array.isArray(r)?r:[r]:[]})),i(r,"renderItems",(function(o){return o?(Array.isArray(o)?o:[o]).map((function(o,e){var t=o.name+e,i=o.override;if(i)return l(i,{onClose:k.Api.close},t);var n=o.listItemPropsGetter?o.listItemPropsGetter(r.props.value):o.listItemProps;return l(j,a(a({disablePadding:!0,onClick:function(e){!1!==o.closableOnClick&&k.Api.close(),o.onClick&&o.onClick(e,r.props.value)}},n),{},{children:p(h,{children:[l(v,{children:o.icon}),l(g,{primary:o.name})]})}),t)})):l(s,{})})),i(r,"renderItemWithForm",(function(o,e,t){return e?x((function(i){return l(j,{disablePadding:!0,onClick:function(){k.Api.close(),i.show(a({renderContent:function(){return e(r.props.value)}},t))},children:p(h,{children:[l(v,{children:E[o]}),l(g,{primary:o})]})})})):l(s,{})})),r}return r(m,c),o(m,[{key:"render",value:function(){var r=this;return this.isVisible()?l(T,{children:l(y,{size:"small",onClick:function(o){var e,t,i;k.Api.open({anchorEl:o.currentTarget,popoverProps:{anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}},content:p(b,{children:[r.renderItems(null===(e=r.props.menuList)||void 0===e?void 0:e.before),r.renderItemWithForm("Edit",r.props.formEdit,r.props.buttonEditConfig),r.renderItemWithForm("Delete",r.props.formDelete,null!==(t=r.props.buttonEditConfig)&&void 0!==t?t:{backdropActivated:!0}),r.renderItems(null===(i=r.props.menuList)||void 0===i?void 0:i.after)]})})},children:l(C,{fontSize:"small"})})}):l(s,{})}}])}();return m}var T=m(u)({background:d.common.white,borderRadius:"6px","& > .MuiButtonBase-root":{borderRadius:"6px"}}),j=m(f)({minWidth:"150px",".MuiListItemIcon-root":{minWidth:"40px"},".MuiListItemText-root .MuiTypography-root":{color:d.grey[800]},"&:hover":{".MuiListItemText-root .MuiTypography-root":{background:d.grey[100],color:d.grey[900]}}});export{P as CreateTableGridItemActions};
+import{inherits as r,createClass as o,classCallCheck as e,callSuper as i,defineProperty as t,toConsumableArray as n,objectSpread2 as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,Fragment as s,jsxs as p}from"react/jsx-runtime";import{Component as c}from"react";import{styled as m,Box as u,colors as d,ListItem as f,IconButton as h,List as v,ListItemButton as g,ListItemIcon as y,ListItemText as b}from"@mui/material";import A from"@mui/icons-material/Edit";import C from"@mui/icons-material/MoreVert";import I from"@mui/icons-material/DeleteOutline";import k from"../api-context/popover-global.js";import{mapGlobalModalContext as x}from"../api-context/global-modal.js";var E={Edit:l(A,{fontSize:"small",color:"primary"}),Delete:l(I,{fontSize:"small",color:"error"})};function P(){var m=function(){function m(){var r;e(this,m);for(var o=arguments.length,c=new Array(o),u=0;u<o;u++)c[u]=arguments[u];return r=i(this,m,[].concat(c)),t(r,"isVisible",(function(){var o=r.props.menuList,e=[].concat(n(r.singleOrArrayToArray(null==o?void 0:o.before)),n(r.singleOrArrayToArray(null==o?void 0:o.after)));return!!r.props.formEdit||!!r.props.formDelete||e.length>0})),t(r,"singleOrArrayToArray",(function(r){return r?Array.isArray(r)?r:[r]:[]})),t(r,"renderItems",(function(o){return o?(Array.isArray(o)?o:[o]).map((function(o,e){var i=o.name+e,t=o.override;if(t)return l(t,{onClose:k.Api.close},i);var n=o.listItemPropsGetter?o.listItemPropsGetter(r.props.value):o.listItemProps;return l(M,a(a({disablePadding:!0,onClick:function(e){!1!==o.closableOnClick&&k.Api.close(),o.onClick&&o.onClick(e,r.props.value)}},n),{},{children:p(g,{children:[l(y,{children:o.icon}),l(b,{primary:o.name})]})}),i)})):l(s,{})})),t(r,"renderItemWithForm",(function(o,e,i){return e?x((function(t){return l(M,{disablePadding:!0,onClick:function(){k.Api.close(),t.show(a({renderContent:function(){return e(r.props.value)}},i))},children:p(g,{children:[l(y,{children:E[o]}),l(b,{primary:o})]})})})):l(s,{})})),r}return r(m,c),o(m,[{key:"render",value:function(){var r=this;return this.isVisible()?l(T,{children:l(h,{size:"small",onClick:function(o){var e,i,t;k.Api.open({anchorEl:o.currentTarget,popoverProps:{anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}},content:p(v,{children:[r.renderItems(null===(e=r.props.menuList)||void 0===e?void 0:e.before),r.renderItemWithForm("Edit",r.props.formEdit,r.props.buttonEditConfig),r.renderItemWithForm("Delete",r.props.formDelete,null!==(i=r.props.buttonEditConfig)&&void 0!==i?i:{backdropActivated:!0}),r.renderItems(null===(t=r.props.menuList)||void 0===t?void 0:t.after)]})})},children:l(C,{fontSize:"small"})})}):l(s,{})}}])}();return m}var T=m(u)({background:d.common.white,borderRadius:"6px","& > .MuiButtonBase-root":{borderRadius:"6px"}}),M=m(f)({minWidth:"150px",".MuiListItemIcon-root":{minWidth:"40px"},".MuiListItemText-root .MuiTypography-root":{color:d.grey[800]},"&:hover":{".MuiListItemText-root .MuiTypography-root":{background:d.grey[100],color:d.grey[900]}}});export{P as CreateTableGridItemActions};
 //# sourceMappingURL=item-actions.js.map

package/dist/table-grid/item-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-actions.js","sources":["../../src/table-grid/item-actions.tsx"],"sourcesContent":["import React, { Component, ComponentType, ReactNode } from 'react'\r\nimport { Box, colors, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemProps, ListItemText, styled } from '@mui/material'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport MoreVertIcon from '@mui/icons-material/MoreVert'\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'\r\nimport { ClosePopover, GlobalModalState, mapGlobalModalContext, PopoverGlobal } from '../api-context'\r\n\r\nexport type ITableGridItemActionType = 'Edit' | 'Delete'\r\n\r\nconst mapIcons: { [key in ITableGridItemActionType]: ReactNode } = {\r\n  Edit: <EditIcon fontSize='small' color='primary' />,\r\n  Delete: <DeleteOutlineIcon fontSize='small' color='error' />\r\n}\r\n\r\nexport interface ITableGridItemActionsBaseProps<T> {\r\n  value: T\r\n}\r\n\r\nexport type IActionFormGetter<T> = (value: T) => React.ReactNode\r\n\r\nexport interface IActionMenuItemDef<T> {\r\n  name: string\r\n  icon?: ReactNode\r\n  /** Whether this item should trigger a close action when clicked. @default true */\r\n  closableOnClick?: boolean\r\n  /** Handler called when item is clicked */\r\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>, value: T) => void\r\n  listItemProps?: ListItemProps\r\n  listItemPropsGetter?: (value: T) => ListItemProps & { [key: string]: any }\r\n  /**\r\n   * Optional custom ReactNode to override the entire ListItem UI.\r\n   * If provided, this will be rendered instead of the default ListItem structure\r\n   * (icon + text + click behavior).\r\n   */\r\n  override?: ComponentType<{ onClose?: ClosePopover }>\r\n}\r\n\r\nexport interface TableGridItemActionsConfig<T> {\r\n  formEdit?: IActionFormGetter<T>\r\n  formDelete?: IActionFormGetter<T>\r\n  buttonEditConfig?: GlobalModalState\r\n  buttonDeleteConfig?: GlobalModalState\r\n  menuList?: {\r\n    before?: SingleOrArray<IActionMenuItemDef<T>>\r\n    after?: SingleOrArray<IActionMenuItemDef<T>>\r\n  }\r\n}\r\n\r\nexport interface ITableGridItemActionsProps<T> extends ITableGridItemActionsBaseProps<T>, TableGridItemActionsConfig<T> {}\r\n\r\nexport function CreateTableGridItemActions<T>() {\r\n  class TableGridItemActions extends Component<ITableGridItemActionsProps<T>> {\r\n    render() {\r\n      if (!this.isVisible()) return <></>\r\n      return (\r\n        <Wrap>\r\n          <IconButton\r\n            size='small'\r\n            onClick={(e) => {\r\n              PopoverGlobal.Api.open({\r\n                anchorEl: e.currentTarget,\r\n                popoverProps: { anchorOrigin: { vertical: 'top', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' } },\r\n                content: (\r\n                  <List>\r\n                    {this.renderItems(this.props.menuList?.before)}\r\n                    {this.renderItemWithForm('Edit', this.props.formEdit, this.props.buttonEditConfig)}\r\n                    {this.renderItemWithForm('Delete', this.props.formDelete, this.props.buttonEditConfig ?? { backdropActivated: true })}\r\n                    {this.renderItems(this.props.menuList?.after)}\r\n                  </List>\r\n                )\r\n              })\r\n            }}\r\n          >\r\n            <MoreVertIcon fontSize='small' />\r\n          </IconButton>\r\n        </Wrap>\r\n      )\r\n    }\r\n\r\n    isVisible = () => {\r\n      const { menuList } = this.props\r\n      const list = [...this.singleOrArrayToArray(menuList?.before), ...this.singleOrArrayToArray(menuList?.after)]\r\n      return !!this.props.formEdit || !!this.props.formDelete || list.length > 0\r\n    }\r\n\r\n    singleOrArrayToArray = (value?: SingleOrArray<IActionMenuItemDef<T>>): IActionMenuItemDef<T>[] => {\r\n      if (!value) return []\r\n      return Array.isArray(value) ? value : [value]\r\n    }\r\n\r\n    renderItems = (value?: SingleOrArray<IActionMenuItemDef<T>>) => {\r\n      if (!value) return <></>\r\n      const list = Array.isArray(value) ? value : [value]\r\n      return list.map((item, index) => {\r\n        const key = item.name + index\r\n        const { override: Override } = item\r\n        if (Override) return <Override key={key} onClose={PopoverGlobal.Api.close} />\r\n        const itemProps = item.listItemPropsGetter ? item.listItemPropsGetter(this.props.value) : item.listItemProps\r\n        return (\r\n          <ListItemCustom\r\n            key={key}\r\n            disablePadding\r\n            onClick={(e) => {\r\n              if (item.closableOnClick !== false) PopoverGlobal.Api.close()\r\n              item.onClick && item.onClick(e, this.props.value)\r\n            }}\r\n            {...itemProps}\r\n          >\r\n            <ListItemButton>\r\n              <ListItemIcon>{item.icon}</ListItemIcon>\r\n              <ListItemText primary={item.name} />\r\n            </ListItemButton>\r\n          </ListItemCustom>\r\n        )\r\n      })\r\n    }\r\n\r\n    renderItemWithForm = (name: ITableGridItemActionType, form?: IActionFormGetter<T>, globalState?: GlobalModalState) => {\r\n      if (!form) return <></>\r\n      return mapGlobalModalContext((context) => (\r\n        <ListItemCustom\r\n          disablePadding\r\n          onClick={() => {\r\n            PopoverGlobal.Api.close()\r\n            context.show({ renderContent: () => form(this.props.value), ...globalState })\r\n          }}\r\n        >\r\n          <ListItemButton>\r\n            <ListItemIcon>{mapIcons[name]}</ListItemIcon>\r\n            <ListItemText primary={name} />\r\n          </ListItemButton>\r\n        </ListItemCustom>\r\n      ))\r\n    }\r\n  }\r\n  return TableGridItemActions\r\n}\r\n\r\nconst Wrap = styled(Box)({\r\n  background: colors.common.white,\r\n  borderRadius: '6px',\r\n  '& > .MuiButtonBase-root': {\r\n    borderRadius: '6px'\r\n  }\r\n})\r\n\r\nconst ListItemCustom = styled(ListItem)({\r\n  minWidth: '150px',\r\n  '.MuiListItemIcon-root': {\r\n    minWidth: '40px'\r\n  },\r\n  '.MuiListItemText-root .MuiTypography-root': {\r\n    color: colors.grey[800]\r\n  },\r\n  '&:hover': {\r\n    '.MuiListItemText-root .MuiTypography-root': {\r\n      background: colors.grey[100],\r\n      color: colors.grey[900]\r\n    }\r\n  }\r\n})\r\n"],"names":["mapIcons","Edit","_jsx","EditIcon","fontSize","color","Delete","DeleteOutlineIcon","CreateTableGridItemActions","TableGridItemActions","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","menuList","props","list","_toConsumableArray","singleOrArrayToArray","before","after","formEdit","formDelete","value","isArray","map","item","index","key","name","Override","override","onClose","PopoverGlobal","Api","close","itemProps","listItemPropsGetter","listItemProps","ListItemCustom","_objectSpread","disablePadding","onClick","e","closableOnClick","children","_jsxs","ListItemButton","ListItemIcon","icon","ListItemText","primary","form","globalState","mapGlobalModalContext","context","show","renderContent","_inherits","Component","_createClass","_this2","isVisible","Wrap","IconButton","size","_this2$props$menuList","_this2$props$buttonEd","_this2$props$menuList2","open","anchorEl","currentTarget","popoverProps","anchorOrigin","vertical","horizontal","transformOrigin","content","List","renderItems","renderItemWithForm","buttonEditConfig","backdropActivated","MoreVertIcon","styled","Box","background","colors","common","white","borderRadius","ListItem","minWidth","grey"],"mappings":"+vBASA,IAAMA,EAA6D,CACjEC,KAAMC,EAACC,EAAS,CAAAC,SAAS,QAAQC,MAAM,YACvCC,OAAQJ,EAACK,EAAkB,CAAAH,SAAS,QAAQC,MAAM,oBAuCpCG,IAA0B,IAClCC,aAAqB,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAkFxB,OAlFwBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,aA4Bb,WACV,IAAQY,EAAaZ,EAAKa,MAAlBD,SACFE,EAAI,GAAAJ,OAAAK,EAAOf,EAAKgB,qBAAqBJ,eAAAA,EAAUK,SAAOF,EAAKf,EAAKgB,qBAAqBJ,aAAAA,EAAAA,EAAUM,SACrG,QAASlB,EAAKa,MAAMM,YAAcnB,EAAKa,MAAMO,YAAcN,EAAKV,OAAS,KAC1EO,EAAAX,EAEsB,wBAAA,SAACqB,GACtB,OAAKA,EACEf,MAAMgB,QAAQD,GAASA,EAAQ,CAACA,GADpB,MAEpBV,EAAAX,EAEa,eAAA,SAACqB,GACb,OAAKA,GACQf,MAAMgB,QAAQD,GAASA,EAAQ,CAACA,IACjCE,KAAI,SAACC,EAAMC,GACrB,IAAMC,EAAMF,EAAKG,KAAOF,EACNG,EAAaJ,EAAvBK,SACR,GAAID,EAAU,OAAOpC,EAACoC,EAAmB,CAAAE,QAASC,EAAcC,IAAIC,OAAhCP,GACpC,IAAMQ,EAAYV,EAAKW,oBAAsBX,EAAKW,oBAAoBnC,EAAKa,MAAMQ,OAASG,EAAKY,cAC/F,OACE5C,EAAC6C,EAAcC,EAAAA,EAAA,CAEbC,gBACA,EAAAC,QAAS,SAACC,IACqB,IAAzBjB,EAAKkB,iBAA2BX,EAAcC,IAAIC,QACtDT,EAAKgB,SAAWhB,EAAKgB,QAAQC,EAAGzC,EAAKa,MAAMQ,MAC7C,GACIa,GAAS,GAAA,CAEbS,SAAAC,EAACC,EAAc,CAAAF,SAAA,CACbnD,EAACsD,EAAc,CAAAH,SAAAnB,EAAKuB,OACpBvD,EAACwD,EAAa,CAAAC,QAASzB,EAAKG,YAVzBD,EAcX,IAvBmBlC,WAwBpBmB,EAAAX,EAEoB,sBAAA,SAAC2B,EAAgCuB,EAA6BC,GACjF,OAAKD,EACEE,GAAsB,SAACC,GAAO,OACnC7D,EAAC6C,GACCE,gBAAc,EACdC,QAAS,WACPT,EAAcC,IAAIC,QAClBoB,EAAQC,KAAIhB,EAAA,CAAGiB,cAAe,WAAF,OAAQL,EAAKlD,EAAKa,MAAMQ,MAAM,GAAK8B,GAChE,EAAAR,SAEDC,EAACC,EACC,CAAAF,SAAA,CAAAnD,EAACsD,EAAc,CAAAH,SAAArD,EAASqC,KACxBnC,EAACwD,EAAa,CAAAC,QAAStB,QAEV,IAbDnC,WAenBQ,CAAA,CAAA,OAAAwD,EAAAzD,EAlFgC0D,GAkFhCC,EAAA3D,EAAA,CAAA,CAAA2B,IAAA,SAAAL,MAjFD,WAAM,IAAAsC,EAAAlD,KACJ,OAAKA,KAAKmD,YAERpE,EAACqE,EACC,CAAAlB,SAAAnD,EAACsE,EACC,CAAAC,KAAK,QACLvB,QAAS,SAACC,GAAK,IAAAuB,EAAAC,EAAAC,EACbnC,EAAcC,IAAImC,KAAK,CACrBC,SAAU3B,EAAE4B,cACZC,aAAc,CAAEC,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAAWC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,UACxHE,QACE/B,EAACgC,aACEjB,EAAKkB,YAA+B,QAApBb,EAACL,EAAK9C,MAAMD,gBAAQ,IAAAoD,OAAA,EAAnBA,EAAqB/C,QACtC0C,EAAKmB,mBAAmB,OAAQnB,EAAK9C,MAAMM,SAAUwC,EAAK9C,MAAMkE,kBAChEpB,EAAKmB,mBAAmB,SAAUnB,EAAK9C,MAAMO,WAAuC,QAA7B6C,EAAEN,EAAK9C,MAAMkE,wBAAgB,IAAAd,EAAAA,EAAI,CAAEe,mBAAmB,IAC7GrB,EAAKkB,YAA+BX,QAApBA,EAACP,EAAK9C,MAAMD,oBAAQsD,SAAnBA,EAAqBhD,WAI9C,EAAAyB,SAEDnD,EAACyF,EAAa,CAAAvF,SAAS,cApBCF,OAwBhC,IAAC,IA0DH,OAAOO,CACT,CAEA,IAAM8D,EAAOqB,EAAOC,EAAPD,CAAY,CACvBE,WAAYC,EAAOC,OAAOC,MAC1BC,aAAc,MACd,0BAA2B,CACzBA,aAAc,SAIZnD,EAAiB6C,EAAOO,EAAPP,CAAiB,CACtCQ,SAAU,QACV,wBAAyB,CACvBA,SAAU,QAEZ,4CAA6C,CAC3C/F,MAAO0F,EAAOM,KAAK,MAErB,UAAW,CACT,4CAA6C,CAC3CP,WAAYC,EAAOM,KAAK,KACxBhG,MAAO0F,EAAOM,KAAK"}
+{"version":3,"file":"item-actions.js","sources":["../../src/table-grid/item-actions.tsx"],"sourcesContent":["import React, { Component, ComponentType, ReactNode } from 'react'\r\nimport { Box, colors, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemProps, ListItemText, styled } from '@mui/material'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport MoreVertIcon from '@mui/icons-material/MoreVert'\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'\r\nimport { ClosePopover, GlobalModalState, mapGlobalModalContext, PopoverGlobal } from '../api-context'\r\n\r\nexport type ITableGridItemActionType = 'Edit' | 'Delete'\r\n\r\nconst mapIcons: { [key in ITableGridItemActionType]: ReactNode } = {\r\n  Edit: <EditIcon fontSize='small' color='primary' />,\r\n  Delete: <DeleteOutlineIcon fontSize='small' color='error' />\r\n}\r\n\r\nexport interface ITableGridItemActionsBaseProps<T> {\r\n  value: T\r\n}\r\n\r\nexport type IActionFormGetter<T> = (value: T) => React.ReactNode\r\n\r\nexport interface IActionMenuItemDef<T> {\r\n  name: string\r\n  icon?: ReactNode\r\n  /** Whether this item should trigger a close action when clicked. @default true */\r\n  closableOnClick?: boolean\r\n  /** Handler called when item is clicked */\r\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>, value: T) => void\r\n  listItemProps?: ListItemProps\r\n  listItemPropsGetter?: (value: T) => ListItemProps & { [key: string]: any }\r\n  /**\r\n   * Optional custom ReactNode to override the entire ListItem UI.\r\n   * If provided, this will be rendered instead of the default ListItem structure\r\n   * (icon + text + click behavior).\r\n   */\r\n  override?: ComponentType<{ onClose?: ClosePopover }>\r\n}\r\n\r\nexport interface TableGridItemActionsConfig<T> {\r\n  formEdit?: IActionFormGetter<T>\r\n  formDelete?: IActionFormGetter<T>\r\n  buttonEditConfig?: GlobalModalState\r\n  buttonDeleteConfig?: GlobalModalState\r\n  menuList?: {\r\n    before?: SingleOrArray<IActionMenuItemDef<T>>\r\n    after?: SingleOrArray<IActionMenuItemDef<T>>\r\n  }\r\n}\r\n\r\nexport interface ITableGridItemActionsProps<T> extends ITableGridItemActionsBaseProps<T>, TableGridItemActionsConfig<T> {}\r\n\r\nexport function CreateTableGridItemActions<T>() {\r\n  class TableGridItemActions extends Component<ITableGridItemActionsProps<T>> {\r\n    render() {\r\n      if (!this.isVisible()) return <></>\r\n      return (\r\n        <Wrap>\r\n          <IconButton\r\n            size='small'\r\n            onClick={(e) => {\r\n              PopoverGlobal.Api.open({\r\n                anchorEl: e.currentTarget,\r\n                popoverProps: { anchorOrigin: { vertical: 'top', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' } },\r\n                content: (\r\n                  <List>\r\n                    {this.renderItems(this.props.menuList?.before)}\r\n                    {this.renderItemWithForm('Edit', this.props.formEdit, this.props.buttonEditConfig)}\r\n                    {this.renderItemWithForm('Delete', this.props.formDelete, this.props.buttonEditConfig ?? { backdropActivated: true })}\r\n                    {this.renderItems(this.props.menuList?.after)}\r\n                  </List>\r\n                )\r\n              })\r\n            }}\r\n          >\r\n            <MoreVertIcon fontSize='small' />\r\n          </IconButton>\r\n        </Wrap>\r\n      )\r\n    }\r\n\r\n    isVisible = () => {\r\n      const { menuList } = this.props\r\n      const list = [...this.singleOrArrayToArray(menuList?.before), ...this.singleOrArrayToArray(menuList?.after)]\r\n      return !!this.props.formEdit || !!this.props.formDelete || list.length > 0\r\n    }\r\n\r\n    singleOrArrayToArray = (value?: SingleOrArray<IActionMenuItemDef<T>>): IActionMenuItemDef<T>[] => {\r\n      if (!value) return []\r\n      return Array.isArray(value) ? value : [value]\r\n    }\r\n\r\n    renderItems = (value?: SingleOrArray<IActionMenuItemDef<T>>) => {\r\n      if (!value) return <></>\r\n      const list = Array.isArray(value) ? value : [value]\r\n      return list.map((item, index) => {\r\n        const key = item.name + index\r\n        const { override: Override } = item\r\n        if (Override) return <Override key={key} onClose={PopoverGlobal.Api.close} />\r\n        const itemProps = item.listItemPropsGetter ? item.listItemPropsGetter(this.props.value) : item.listItemProps\r\n        return (\r\n          <ListItemCustom\r\n            key={key}\r\n            disablePadding\r\n            onClick={(e) => {\r\n              if (item.closableOnClick !== false) PopoverGlobal.Api.close()\r\n              item.onClick && item.onClick(e, this.props.value)\r\n            }}\r\n            {...itemProps}\r\n          >\r\n            <ListItemButton>\r\n              <ListItemIcon>{item.icon}</ListItemIcon>\r\n              <ListItemText primary={item.name} />\r\n            </ListItemButton>\r\n          </ListItemCustom>\r\n        )\r\n      })\r\n    }\r\n\r\n    renderItemWithForm = (name: ITableGridItemActionType, form?: IActionFormGetter<T>, globalState?: GlobalModalState) => {\r\n      if (!form) return <></>\r\n      return mapGlobalModalContext((context) => (\r\n        <ListItemCustom\r\n          disablePadding\r\n          onClick={() => {\r\n            PopoverGlobal.Api.close()\r\n            context.show({ renderContent: () => form(this.props.value), ...globalState })\r\n          }}\r\n        >\r\n          <ListItemButton>\r\n            <ListItemIcon>{mapIcons[name]}</ListItemIcon>\r\n            <ListItemText primary={name} />\r\n          </ListItemButton>\r\n        </ListItemCustom>\r\n      ))\r\n    }\r\n  }\r\n  return TableGridItemActions\r\n}\r\n\r\nconst Wrap = styled(Box)({\r\n  background: colors.common.white,\r\n  borderRadius: '6px',\r\n  '& > .MuiButtonBase-root': {\r\n    borderRadius: '6px'\r\n  }\r\n})\r\n\r\nconst ListItemCustom = styled(ListItem)({\r\n  minWidth: '150px',\r\n  '.MuiListItemIcon-root': {\r\n    minWidth: '40px'\r\n  },\r\n  '.MuiListItemText-root .MuiTypography-root': {\r\n    color: colors.grey[800]\r\n  },\r\n  '&:hover': {\r\n    '.MuiListItemText-root .MuiTypography-root': {\r\n      background: colors.grey[100],\r\n      color: colors.grey[900]\r\n    }\r\n  }\r\n})\r\n"],"names":["mapIcons","Edit","_jsx","EditIcon","fontSize","color","Delete","DeleteOutlineIcon","CreateTableGridItemActions","TableGridItemActions","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","menuList","props","list","_toConsumableArray","singleOrArrayToArray","before","after","formEdit","formDelete","value","isArray","map","item","index","key","name","Override","override","onClose","PopoverGlobal","Api","close","itemProps","listItemPropsGetter","listItemProps","ListItemCustom","_objectSpread","disablePadding","onClick","e","closableOnClick","children","_jsxs","ListItemButton","ListItemIcon","icon","ListItemText","primary","form","globalState","mapGlobalModalContext","context","show","renderContent","_inherits","Component","_createClass","_this2","isVisible","Wrap","IconButton","size","_this2$props$menuList","_this2$props$buttonEd","_this2$props$menuList2","open","anchorEl","currentTarget","popoverProps","anchorOrigin","vertical","horizontal","transformOrigin","content","List","renderItems","renderItemWithForm","buttonEditConfig","backdropActivated","MoreVertIcon","styled","Box","background","colors","common","white","borderRadius","ListItem","minWidth","grey"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{objectSpread2 as r,inherits as t,createClass as e,classCallCheck as o,callSuper as i,defineProperty as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as a,Fragment as s}from"react/jsx-runtime";import{Component as p}from"react";import{styled as u,Typography as c,Box as d,Tooltip as f,Button as m}from"@mui/material";import v from"@mui/icons-material/AddCircleOutline";import"../api-context/alert-global.js";import"../api-context/drawer-global.js";import{mapGlobalModalContext as h}from"../api-context/global-modal.js";import b from"../components/breadcrumbs.js";var g=function(){function u(){var t;o(this,u);for(var e=arguments.length,a=new Array(e),p=0;p<e;p++)a[p]=arguments[p];return t=i(this,u,[].concat(a)),n(t,"renderButtonCreate",(function(){return t.props.formCreate?h((function(e){var o;return l(f,{title:"Create new",children:l(m,r(r({size:"small",onClick:function(){return e.show({renderContent:function(){return t.props.formCreate}})},startIcon:l(v,{fontSize:"small"}),sx:{fontWeight:600},variant:"contained"},null===(o=t.props.slots)||void 0===o?void 0:o.buttonCreateProps),{},{children:"Create"}))})})):l(s,{})})),n(t,"renderTitle",(function(){var r,e=null!==(r=t.props)&&void 0!==r?r:{},o=e.title,i=e.breadcrumbs;return i?l(b,{value:i}):l("string"==typeof o?x:s,{children:o})})),t}return t(u,p),e(u,[{key:"render",value:function(){var t,e,o,i,n;if(!1!==this.props.visible)return a(C,r(r({},null===(t=this.props.slots)||void 0===t?void 0:t.rootProps),{},{children:[null===(e=this.props.titleSlots)||void 0===e?void 0:e.before,this.renderTitle(),null===(o=this.props.titleSlots)||void 0===o?void 0:o.after,l(d,{sx:{flex:1}}),null===(i=this.props.actionSlots)||void 0===i?void 0:i.before,this.renderButtonCreate(),null===(n=this.props.actionSlots)||void 0===n?void 0:n.after]}))}}])}(),x=u((function(t){return l(c,r({noWrap:!0,variant:"subtitle1"},t))}))({fontWeight:700,flex:1}),C=u(d)({height:"var(--height-toolbar, 56px)",display:"flex",alignItems:"center",gap:"8px",padding:"0 6px"});export{g as default};
+import{objectSpread2 as r,inherits as t,createClass as e,classCallCheck as o,callSuper as i,defineProperty as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as a,Fragment as s}from"react/jsx-runtime";import{Component as p}from"react";import{styled as u,Typography as d,Box as c,Tooltip as f,Button as m}from"@mui/material";import v from"@mui/icons-material/AddCircleOutline";import h from"../components/breadcrumbs.js";import{mapGlobalModalContext as b}from"../api-context/global-modal.js";var C=function(){function u(){var t;o(this,u);for(var e=arguments.length,a=new Array(e),p=0;p<e;p++)a[p]=arguments[p];return t=i(this,u,[].concat(a)),n(t,"renderButtonCreate",(function(){return t.props.formCreate?b((function(e){var o;return l(f,{title:"Create new",children:l(m,r(r({size:"small",onClick:function(){return e.show({renderContent:function(){return t.props.formCreate}})},startIcon:l(v,{fontSize:"small"}),sx:{fontWeight:600},variant:"contained"},null===(o=t.props.slots)||void 0===o?void 0:o.buttonCreateProps),{},{children:"Create"}))})})):l(s,{})})),n(t,"renderTitle",(function(){var r,e=null!==(r=t.props)&&void 0!==r?r:{},o=e.title,i=e.breadcrumbs;return i?l(h,{value:i}):l("string"==typeof o?g:s,{children:o})})),t}return t(u,p),e(u,[{key:"render",value:function(){var t,e,o,i,n;if(!1!==this.props.visible)return a(x,r(r({},null===(t=this.props.slots)||void 0===t?void 0:t.rootProps),{},{children:[null===(e=this.props.titleSlots)||void 0===e?void 0:e.before,this.renderTitle(),null===(o=this.props.titleSlots)||void 0===o?void 0:o.after,l(c,{sx:{flex:1}}),null===(i=this.props.actionSlots)||void 0===i?void 0:i.before,this.renderButtonCreate(),null===(n=this.props.actionSlots)||void 0===n?void 0:n.after]}))}}])}(),g=u((function(t){return l(d,r({noWrap:!0,variant:"subtitle1"},t))}))({fontWeight:700,flex:1}),x=u(c)({height:"var(--height-toolbar, 56px)",display:"flex",alignItems:"center",gap:"8px",padding:"0 6px"});export{C as default};
 //# sourceMappingURL=toolbar-pannel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toolbar-pannel.js","sources":["../../src/table-grid/toolbar-pannel.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Box, BoxProps, Button, ButtonProps, styled, Tooltip, Typography, TypographyProps } from '@mui/material'\r\nimport AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'\r\nimport { mapGlobalModalContext } from '../api-context'\r\nimport { Breadcrumbs, IBreadcrumbConfig } from '../components'\r\n\r\nexport interface ISectionSlots {\r\n  before?: React.ReactNode\r\n  after?: React.ReactNode\r\n}\r\n\r\nexport interface IToolbarPannelProps {\r\n  /** @default true */\r\n  visible?: boolean\r\n  searchInclude?: string[]\r\n  breadcrumbs?: IBreadcrumbConfig[]\r\n  title?: React.ReactNode\r\n  titleSlots?: ISectionSlots\r\n  formCreate?: React.ReactNode\r\n  actionSlots?: ISectionSlots\r\n  slots?: {\r\n    rootProps?: BoxProps\r\n    buttonCreateProps?: ButtonProps\r\n  }\r\n}\r\n\r\nclass ToolbarPannel extends Component<IToolbarPannelProps> {\r\n  render() {\r\n    if (this.props.visible === false) return\r\n    return (\r\n      <Wrap {...this.props.slots?.rootProps}>\r\n        {this.props.titleSlots?.before}\r\n        {this.renderTitle()}\r\n        {this.props.titleSlots?.after}\r\n        <Box sx={{ flex: 1 }} />\r\n        {this.props.actionSlots?.before}\r\n        {this.renderButtonCreate()}\r\n        {this.props.actionSlots?.after}\r\n      </Wrap>\r\n    )\r\n  }\r\n\r\n  renderButtonCreate = () => {\r\n    if (!this.props.formCreate) return <></>\r\n    return mapGlobalModalContext((context) => (\r\n      <Tooltip title='Create new'>\r\n        <Button\r\n          size='small'\r\n          onClick={() => context.show({ renderContent: () => this.props.formCreate })}\r\n          startIcon={<AddCircleOutlineIcon fontSize='small' />}\r\n          sx={{ fontWeight: 600 }}\r\n          variant='contained'\r\n          {...this.props.slots?.buttonCreateProps}\r\n        >\r\n          Create\r\n        </Button>\r\n      </Tooltip>\r\n    ))\r\n  }\r\n\r\n  renderTitle = () => {\r\n    const { title, breadcrumbs } = this.props ?? {}\r\n    if (breadcrumbs) return <Breadcrumbs value={breadcrumbs} />\r\n    if (typeof title === 'string') return <Title>{title}</Title>\r\n    return <>{title}</>\r\n  }\r\n}\r\n\r\nexport default ToolbarPannel\r\n\r\n// const SearchHelp = 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\r\nconst Wrap = styled(Box)({\r\n  height: 'var(--height-toolbar, 56px)',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: '8px',\r\n  padding: '0 6px'\r\n})\r\n"],"names":["ToolbarPannel","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","props","formCreate","mapGlobalModalContext","context","_this$props$slots","_jsx","Tooltip","title","children","Button","_objectSpread","size","onClick","show","renderContent","startIcon","AddCircleOutlineIcon","fontSize","sx","fontWeight","variant","slots","buttonCreateProps","_this$props","_ref","breadcrumbs","Breadcrumbs","value","Title","_Fragment","_inherits","Component","_createClass","key","_this$props$slots2","_this$props$titleSlot","_this$props$titleSlot2","_this$props$actionSlo","_this$props$actionSlo2","visible","_jsxs","Wrap","rootProps","titleSlots","before","renderTitle","after","Box","flex","actionSlots","renderButtonCreate","styled","Typography","noWrap","height","display","alignItems","gap","padding"],"mappings":"glBA0BMA,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,GAuCjB,OAvCiBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,sBAgBG,WACnB,OAAKA,EAAKY,MAAMC,WACTC,GAAsB,SAACC,GAAO,IAAAC,EAAA,OACnCC,EAACC,GAAQC,MAAM,aAAYC,SACzBH,EAACI,EAAMC,EAAAA,EAAA,CACLC,KAAK,QACLC,QAAS,WAAF,OAAQT,EAAQU,KAAK,CAAEC,cAAe,WAAF,OAAQ1B,EAAKY,MAAMC,UAAU,GAAG,EAC3Ec,UAAWV,EAACW,EAAqB,CAAAC,SAAS,UAC1CC,GAAI,CAAEC,WAAY,KAClBC,QAAQ,aACY,QADDhB,EACfhB,EAAKY,MAAMqB,aAAK,IAAAjB,OAAA,EAAhBA,EAAkBkB,mBAAiB,CAAA,EAAA,uBAIjC,IAbuBjB,WAepCN,EAAAX,EAAA,eAEa,WAAK,IAAAmC,EACjBC,EAAyC,QAAzCD,EAA+BnC,EAAKY,aAAK,IAAAuB,EAAAA,EAAI,CAAE,EAAvChB,EAAKiB,EAALjB,MAAOkB,EAAWD,EAAXC,YACf,OAAIA,EAAoBpB,EAACqB,EAAW,CAACC,MAAOF,IACNpB,EAAjB,iBAAVE,EAA4BqB,EAChCC,EADuC,CAAArB,SAAAD,OAE/CnB,CAAA,CAAA,OAAA0C,EAAA3C,EAvCyB4C,GAuCzBC,EAAA7C,EAAA,CAAA,CAAA8C,IAAA,SAAAN,MAtCD,WAAM,IAAAO,EAAAC,EAAAC,EAAAC,EAAAC,EACJ,IAA2B,IAAvBzC,KAAKG,MAAMuC,QACf,OACEC,EAACC,EAAI/B,EAAAA,KAAqB,QAArBwB,EAAKrC,KAAKG,MAAMqB,aAAXa,IAAgBA,OAAhBA,EAAAA,EAAkBQ,WAAS,GAAA,CAAAlC,SAAA,CACb,QADa2B,EAClCtC,KAAKG,MAAM2C,kBAAXR,IAAqBA,OAArBA,EAAAA,EAAuBS,OACvB/C,KAAKgD,cACgB,QADHT,EAClBvC,KAAKG,MAAM2C,kBAAU,IAAAP,OAAA,EAArBA,EAAuBU,MACxBzC,EAAC0C,EAAI,CAAA7B,GAAI,CAAE8B,KAAM,aAAOX,EACvBxC,KAAKG,MAAMiD,mBAAW,IAAAZ,OAAA,EAAtBA,EAAwBO,OACxB/C,KAAKqD,qBACiBZ,QADGA,EACzBzC,KAAKG,MAAMiD,mBAAXX,IAAsBA,OAAtBA,EAAAA,EAAwBQ,SAG/B,IAAC,IA8CGlB,EAAQuB,GAAO,SAACnD,GAAsB,OAAKK,EAAC+C,EAAU1C,EAAA,CAAC2C,UAAOjC,QAAQ,aAAgBpB,GAAS,GAAvFmD,CAAyF,CACrGhC,WAAY,IACZ6B,KAAM,IAGFP,EAAOU,EAAOJ,EAAPI,CAAY,CACvBG,OAAQ,8BACRC,QAAS,OACTC,WAAY,SACZC,IAAK,MACLC,QAAS"}
+{"version":3,"file":"toolbar-pannel.js","sources":["../../src/table-grid/toolbar-pannel.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Box, BoxProps, Button, ButtonProps, styled, Tooltip, Typography, TypographyProps } from '@mui/material'\r\nimport AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'\r\nimport { mapGlobalModalContext } from '../api-context'\r\nimport { Breadcrumbs, IBreadcrumbConfig } from '../components'\r\n\r\nexport interface ISectionSlots {\r\n  before?: React.ReactNode\r\n  after?: React.ReactNode\r\n}\r\n\r\nexport interface IToolbarPannelProps {\r\n  /** @default true */\r\n  visible?: boolean\r\n  searchInclude?: string[]\r\n  breadcrumbs?: IBreadcrumbConfig[]\r\n  title?: React.ReactNode\r\n  titleSlots?: ISectionSlots\r\n  formCreate?: React.ReactNode\r\n  actionSlots?: ISectionSlots\r\n  slots?: {\r\n    rootProps?: BoxProps\r\n    buttonCreateProps?: ButtonProps\r\n  }\r\n}\r\n\r\nclass ToolbarPannel extends Component<IToolbarPannelProps> {\r\n  render() {\r\n    if (this.props.visible === false) return\r\n    return (\r\n      <Wrap {...this.props.slots?.rootProps}>\r\n        {this.props.titleSlots?.before}\r\n        {this.renderTitle()}\r\n        {this.props.titleSlots?.after}\r\n        <Box sx={{ flex: 1 }} />\r\n        {this.props.actionSlots?.before}\r\n        {this.renderButtonCreate()}\r\n        {this.props.actionSlots?.after}\r\n      </Wrap>\r\n    )\r\n  }\r\n\r\n  renderButtonCreate = () => {\r\n    if (!this.props.formCreate) return <></>\r\n    return mapGlobalModalContext((context) => (\r\n      <Tooltip title='Create new'>\r\n        <Button\r\n          size='small'\r\n          onClick={() => context.show({ renderContent: () => this.props.formCreate })}\r\n          startIcon={<AddCircleOutlineIcon fontSize='small' />}\r\n          sx={{ fontWeight: 600 }}\r\n          variant='contained'\r\n          {...this.props.slots?.buttonCreateProps}\r\n        >\r\n          Create\r\n        </Button>\r\n      </Tooltip>\r\n    ))\r\n  }\r\n\r\n  renderTitle = () => {\r\n    const { title, breadcrumbs } = this.props ?? {}\r\n    if (breadcrumbs) return <Breadcrumbs value={breadcrumbs} />\r\n    if (typeof title === 'string') return <Title>{title}</Title>\r\n    return <>{title}</>\r\n  }\r\n}\r\n\r\nexport default ToolbarPannel\r\n\r\n// const SearchHelp = 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\r\nconst Wrap = styled(Box)({\r\n  height: 'var(--height-toolbar, 56px)',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: '8px',\r\n  padding: '0 6px'\r\n})\r\n"],"names":["ToolbarPannel","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","props","formCreate","mapGlobalModalContext","context","_this$props$slots","_jsx","Tooltip","title","children","Button","_objectSpread","size","onClick","show","renderContent","startIcon","AddCircleOutlineIcon","fontSize","sx","fontWeight","variant","slots","buttonCreateProps","_this$props","_ref","breadcrumbs","Breadcrumbs","value","Title","_Fragment","_inherits","Component","_createClass","key","_this$props$slots2","_this$props$titleSlot","_this$props$titleSlot2","_this$props$actionSlo","_this$props$actionSlo2","visible","_jsxs","Wrap","rootProps","titleSlots","before","renderTitle","after","Box","flex","actionSlots","renderButtonCreate","styled","Typography","noWrap","height","display","alignItems","gap","padding"],"mappings":"igBA0BMA,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,GAuCjB,OAvCiBP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,sBAgBG,WACnB,OAAKA,EAAKY,MAAMC,WACTC,GAAsB,SAACC,GAAO,IAAAC,EAAA,OACnCC,EAACC,GAAQC,MAAM,aAAYC,SACzBH,EAACI,EAAMC,EAAAA,EAAA,CACLC,KAAK,QACLC,QAAS,WAAF,OAAQT,EAAQU,KAAK,CAAEC,cAAe,WAAF,OAAQ1B,EAAKY,MAAMC,UAAU,GAAG,EAC3Ec,UAAWV,EAACW,EAAqB,CAAAC,SAAS,UAC1CC,GAAI,CAAEC,WAAY,KAClBC,QAAQ,aACY,QADDhB,EACfhB,EAAKY,MAAMqB,aAAK,IAAAjB,OAAA,EAAhBA,EAAkBkB,mBAAiB,CAAA,EAAA,uBAIjC,IAbuBjB,WAepCN,EAAAX,EAAA,eAEa,WAAK,IAAAmC,EACjBC,EAAyC,QAAzCD,EAA+BnC,EAAKY,aAAK,IAAAuB,EAAAA,EAAI,CAAE,EAAvChB,EAAKiB,EAALjB,MAAOkB,EAAWD,EAAXC,YACf,OAAIA,EAAoBpB,EAACqB,EAAW,CAACC,MAAOF,IACNpB,EAAjB,iBAAVE,EAA4BqB,EAChCC,EADuC,CAAArB,SAAAD,OAE/CnB,CAAA,CAAA,OAAA0C,EAAA3C,EAvCyB4C,GAuCzBC,EAAA7C,EAAA,CAAA,CAAA8C,IAAA,SAAAN,MAtCD,WAAM,IAAAO,EAAAC,EAAAC,EAAAC,EAAAC,EACJ,IAA2B,IAAvBzC,KAAKG,MAAMuC,QACf,OACEC,EAACC,EAAI/B,EAAAA,KAAqB,QAArBwB,EAAKrC,KAAKG,MAAMqB,aAAXa,IAAgBA,OAAhBA,EAAAA,EAAkBQ,WAAS,GAAA,CAAAlC,SAAA,CACb,QADa2B,EAClCtC,KAAKG,MAAM2C,kBAAXR,IAAqBA,OAArBA,EAAAA,EAAuBS,OACvB/C,KAAKgD,cACgB,QADHT,EAClBvC,KAAKG,MAAM2C,kBAAU,IAAAP,OAAA,EAArBA,EAAuBU,MACxBzC,EAAC0C,EAAI,CAAA7B,GAAI,CAAE8B,KAAM,aAAOX,EACvBxC,KAAKG,MAAMiD,mBAAW,IAAAZ,OAAA,EAAtBA,EAAwBO,OACxB/C,KAAKqD,qBACiBZ,QADGA,EACzBzC,KAAKG,MAAMiD,mBAAXX,IAAsBA,OAAtBA,EAAAA,EAAwBQ,SAG/B,IAAC,IA8CGlB,EAAQuB,GAAO,SAACnD,GAAsB,OAAKK,EAAC+C,EAAU1C,EAAA,CAAC2C,UAAOjC,QAAQ,aAAgBpB,GAAS,GAAvFmD,CAAyF,CACrGhC,WAAY,IACZ6B,KAAM,IAGFP,EAAOU,EAAOJ,EAAPI,CAAY,CACvBG,OAAQ,8BACRC,QAAS,OACTC,WAAY,SACZC,IAAK,MACLC,QAAS"}

package/dist/table-grid/url-query-param.js

@@ -1,2 +1,2 @@
-import{createClass as e,classCallCheck as t,defineProperty as i,objectSpread2 as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{deepRemoveEmptyFields as r}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react/jsx-runtime";import"react";import"react-router-dom";import{QueryParam as l}from"../utils/query-param.js";var o=new(e((function e(){var o=this;t(this,e),i(this,"getUrlQuery",(function(e){try{var t=l.gets("table");return t.table?JSON.parse(t.table):null==e?void 0:e.defaultFilter}catch(t){return null==e?void 0:e.defaultFilter}})),i(this,"setUrlQuery",(function(e,t){var i=o.extractFilter(e,t),a=r(i);if(0===Object.keys(a).length)return l.replaceDeletes("table");l.replacePatch({table:JSON.stringify(a)})})),i(this,"extractFilter",(function(e,t){var i,r,l,o,n=(null==t?void 0:t.defaultFilter)||{},s=a({},e);delete s.details,delete s.loading;var u=(null===(i=s.pagination)||void 0===i?void 0:i.page)===(null===(r=n.pagination)||void 0===r?void 0:r.page),p=(null===(l=s.pagination)||void 0===l?void 0:l.pageSize)===(null===(o=n.pagination)||void 0===o?void 0:o.pageSize);return u&&p&&delete s.pagination,s}))})));export{o as default};
+import{createClass as e,classCallCheck as t,defineProperty as a,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{deepRemoveEmptyFields as l}from"../utils/helpers.js";import"../utils/dayjs-config.js";import{QueryParam as r}from"../utils/query-param.js";var n=new(e((function e(){var n=this;t(this,e),a(this,"getUrlQuery",(function(e){try{var t=r.gets("table");return t.table?JSON.parse(t.table):null==e?void 0:e.defaultFilter}catch(t){return null==e?void 0:e.defaultFilter}})),a(this,"setUrlQuery",(function(e,t){var a=n.extractFilter(e,t),i=l(a);if(0===Object.keys(i).length)return r.replaceDeletes("table");r.replacePatch({table:JSON.stringify(i)})})),a(this,"extractFilter",(function(e,t){var a,l,r,n,o=(null==t?void 0:t.defaultFilter)||{},s=i({},e);delete s.details,delete s.loading;var u=(null===(a=s.pagination)||void 0===a?void 0:a.page)===(null===(l=o.pagination)||void 0===l?void 0:l.page),d=(null===(r=s.pagination)||void 0===r?void 0:r.pageSize)===(null===(n=o.pagination)||void 0===n?void 0:n.pageSize);return u&&d&&delete s.pagination,s}))})));export{n as default};
 //# sourceMappingURL=url-query-param.js.map

package/dist/table-grid/url-query-param.js.map

@@ -1 +1 @@
-{"version":3,"file":"url-query-param.js","sources":["../../src/table-grid/url-query-param.ts"],"sourcesContent":["import { ITableGridFilter } from './types'\r\nimport { deepRemoveEmptyFields, QueryParam } from '../utils'\r\n\r\nexport interface ITableGridQueryParams {\r\n  table?: string\r\n}\r\n\r\nexport interface IUrlQueryParamOptions<T> {\r\n  defaultFilter?: ITableGridFilter<T>\r\n}\r\n\r\nclass UrlQueryParamBase {\r\n  getUrlQuery = <T>(options?: IUrlQueryParamOptions<T>) => {\r\n    try {\r\n      const query = QueryParam.gets<ITableGridQueryParams>('table')\r\n      return query.table ? JSON.parse(query.table) : options?.defaultFilter\r\n    } catch (error) {\r\n      return options?.defaultFilter\r\n    }\r\n  }\r\n\r\n  setUrlQuery = <T>(params: ITableGridFilter<T>, options?: IUrlQueryParamOptions<T>) => {\r\n    const filter = this.extractFilter(params, options)\r\n    const filterRemovedEmpty = deepRemoveEmptyFields(filter)\r\n\r\n    if (Object.keys(filterRemovedEmpty).length === 0) {\r\n      return QueryParam.replaceDeletes<ITableGridQueryParams>('table')\r\n    }\r\n    QueryParam.replacePatch<ITableGridQueryParams>({ table: JSON.stringify(filterRemovedEmpty) })\r\n  }\r\n\r\n  extractFilter = <T>(filter: ITableGridFilter<T>, options?: IUrlQueryParamOptions<T>): ITableGridFilter<T> => {\r\n    const dFilter: Partial<ITableGridFilter<T>> = options?.defaultFilter || {}\r\n    const obj = { ...filter }\r\n    delete obj.details\r\n    delete obj.loading\r\n\r\n    const checkPagination1 = obj.pagination?.page === dFilter.pagination?.page\r\n    const checkPagination2 = obj.pagination?.pageSize === dFilter.pagination?.pageSize\r\n    if (checkPagination1 && checkPagination2) delete obj.pagination\r\n\r\n    return obj\r\n  }\r\n}\r\n\r\nconst UrlQueryParam = new UrlQueryParamBase()\r\nexport default UrlQueryParam\r\n"],"names":["UrlQueryParam","_createClass","UrlQueryParamBase","_this","this","_classCallCheck","_defineProperty","options","query","QueryParam","gets","table","JSON","parse","defaultFilter","error","params","filter","extractFilter","filterRemovedEmpty","deepRemoveEmptyFields","Object","keys","length","replaceDeletes","replacePatch","stringify","_obj$pagination","_dFilter$pagination","_obj$pagination2","_dFilter$pagination2","dFilter","obj","_objectSpread","details","loading","checkPagination1","pagination","page","checkPagination2","pageSize"],"mappings":"qVAC4D,IA4CtDA,EAAgB,IAlCCC,GAAA,SAAAC,IAAA,IAAAC,EAAAC,KAAAC,OAAAH,GAAAI,EAAAF,KAAA,eACP,SAAIG,GAChB,IACE,IAAMC,EAAQC,EAAWC,KAA4B,SACrD,OAAOF,EAAMG,MAAQC,KAAKC,MAAML,EAAMG,OAASJ,aAAAA,EAAAA,EAASO,aACzD,CAAC,MAAOC,GACP,OAAOR,aAAAA,EAAAA,EAASO,aACjB,KACFR,EAEaF,KAAA,eAAA,SAAIY,EAA6BT,GAC7C,IAAMU,EAASd,EAAKe,cAAcF,EAAQT,GACpCY,EAAqBC,EAAsBH,GAEjD,GAA+C,IAA3CI,OAAOC,KAAKH,GAAoBI,OAClC,OAAOd,EAAWe,eAAsC,SAE1Df,EAAWgB,aAAoC,CAAEd,MAAOC,KAAKc,UAAUP,QACxEb,EAEeF,KAAA,iBAAA,SAAIa,EAA6BV,GAA2D,IAAAoB,EAAAC,EAAAC,EAAAC,EACpGC,GAAwCxB,aAAAA,EAAAA,EAASO,gBAAiB,CAAE,EACpEkB,EAAGC,EAAA,CAAA,EAAQhB,UACVe,EAAIE,eACJF,EAAIG,QAEX,IAAMC,GAAiCT,QAAdA,EAAAK,EAAIK,kBAAJV,IAAcA,OAAdA,EAAAA,EAAgBW,SAA2B,QAAvBV,EAAKG,EAAQM,kBAAU,IAAAT,OAAA,EAAlBA,EAAoBU,MAChEC,GAAiCV,QAAdA,EAAAG,EAAIK,kBAAJR,IAAcA,OAAdA,EAAAA,EAAgBW,aAA+B,QAAvBV,EAAKC,EAAQM,kBAAU,IAAAP,OAAA,EAAlBA,EAAoBU,UAG1E,OAFIJ,GAAoBG,UAAyBP,EAAIK,WAE9CL,IACR"}
+{"version":3,"file":"url-query-param.js","sources":["../../src/table-grid/url-query-param.ts"],"sourcesContent":["import { ITableGridFilter } from './types'\r\nimport { deepRemoveEmptyFields, QueryParam } from '../utils'\r\n\r\nexport interface ITableGridQueryParams {\r\n  table?: string\r\n}\r\n\r\nexport interface IUrlQueryParamOptions<T> {\r\n  defaultFilter?: ITableGridFilter<T>\r\n}\r\n\r\nclass UrlQueryParamBase {\r\n  getUrlQuery = <T>(options?: IUrlQueryParamOptions<T>) => {\r\n    try {\r\n      const query = QueryParam.gets<ITableGridQueryParams>('table')\r\n      return query.table ? JSON.parse(query.table) : options?.defaultFilter\r\n    } catch (error) {\r\n      return options?.defaultFilter\r\n    }\r\n  }\r\n\r\n  setUrlQuery = <T>(params: ITableGridFilter<T>, options?: IUrlQueryParamOptions<T>) => {\r\n    const filter = this.extractFilter(params, options)\r\n    const filterRemovedEmpty = deepRemoveEmptyFields(filter)\r\n\r\n    if (Object.keys(filterRemovedEmpty).length === 0) {\r\n      return QueryParam.replaceDeletes<ITableGridQueryParams>('table')\r\n    }\r\n    QueryParam.replacePatch<ITableGridQueryParams>({ table: JSON.stringify(filterRemovedEmpty) })\r\n  }\r\n\r\n  extractFilter = <T>(filter: ITableGridFilter<T>, options?: IUrlQueryParamOptions<T>): ITableGridFilter<T> => {\r\n    const dFilter: Partial<ITableGridFilter<T>> = options?.defaultFilter || {}\r\n    const obj = { ...filter }\r\n    delete obj.details\r\n    delete obj.loading\r\n\r\n    const checkPagination1 = obj.pagination?.page === dFilter.pagination?.page\r\n    const checkPagination2 = obj.pagination?.pageSize === dFilter.pagination?.pageSize\r\n    if (checkPagination1 && checkPagination2) delete obj.pagination\r\n\r\n    return obj\r\n  }\r\n}\r\n\r\nconst UrlQueryParam = new UrlQueryParamBase()\r\nexport default UrlQueryParam\r\n"],"names":["UrlQueryParam","_createClass","UrlQueryParamBase","_this","this","_classCallCheck","_defineProperty","options","query","QueryParam","gets","table","JSON","parse","defaultFilter","error","params","filter","extractFilter","filterRemovedEmpty","deepRemoveEmptyFields","Object","keys","length","replaceDeletes","replacePatch","stringify","_obj$pagination","_dFilter$pagination","_obj$pagination2","_dFilter$pagination2","dFilter","obj","_objectSpread","details","loading","checkPagination1","pagination","page","checkPagination2","pageSize"],"mappings":"oRAC4D,IA4CtDA,EAAgB,IAlCCC,GAAA,SAAAC,IAAA,IAAAC,EAAAC,KAAAC,OAAAH,GAAAI,EAAAF,KAAA,eACP,SAAIG,GAChB,IACE,IAAMC,EAAQC,EAAWC,KAA4B,SACrD,OAAOF,EAAMG,MAAQC,KAAKC,MAAML,EAAMG,OAASJ,aAAAA,EAAAA,EAASO,aACzD,CAAC,MAAOC,GACP,OAAOR,aAAAA,EAAAA,EAASO,aACjB,KACFR,EAEaF,KAAA,eAAA,SAAIY,EAA6BT,GAC7C,IAAMU,EAASd,EAAKe,cAAcF,EAAQT,GACpCY,EAAqBC,EAAsBH,GAEjD,GAA+C,IAA3CI,OAAOC,KAAKH,GAAoBI,OAClC,OAAOd,EAAWe,eAAsC,SAE1Df,EAAWgB,aAAoC,CAAEd,MAAOC,KAAKc,UAAUP,QACxEb,EAEeF,KAAA,iBAAA,SAAIa,EAA6BV,GAA2D,IAAAoB,EAAAC,EAAAC,EAAAC,EACpGC,GAAwCxB,aAAAA,EAAAA,EAASO,gBAAiB,CAAE,EACpEkB,EAAGC,EAAA,CAAA,EAAQhB,UACVe,EAAIE,eACJF,EAAIG,QAEX,IAAMC,GAAiCT,QAAdA,EAAAK,EAAIK,kBAAJV,IAAcA,OAAdA,EAAAA,EAAgBW,SAA2B,QAAvBV,EAAKG,EAAQM,kBAAU,IAAAT,OAAA,EAAlBA,EAAoBU,MAChEC,GAAiCV,QAAdA,EAAAG,EAAIK,kBAAJR,IAAcA,OAAdA,EAAAA,EAAgBW,aAA+B,QAAvBV,EAAKC,EAAQM,kBAAU,IAAAP,OAAA,EAAlBA,EAAoBU,UAG1E,OAFIJ,GAAoBG,UAAyBP,EAAIK,WAE9CL,IACR"}

package/dist/types/data-view/convert-filter-to-graphql.d.ts

@@ -1,5 +1,5 @@
-import { RequestParam } from 'dinocollab-http-service';
-import type { IFilterOption, IKeyConverterDef, IKeyConverterModel } from 'dinocollab-http-service';
+import { IFilterOption, RequestParam } from '../http-service/graphql/request-param';
+import { IKeyConverterDef, IKeyConverterModel } from '../http-service/graphql/key-converter';
 import { IFilterItem, IFilterState } from './types';
 export interface ISingleFilterCondition<G extends object> {
     value: any;
@@ -27,7 +27,7 @@ declare class ConvertFilterToGraphQL<T, G extends object> {
     private handleSort;
     private prebuildFunc?;
     prebuild: (func: (requestParam: RequestParam<G>) => RequestParam<G>) => this;
-    build: () => import("dinocollab-http-service").IRequestParamResult<G>;
+    build: () => import("../http-service/graphql/request-param").IRequestParamResult<G>;
 }
 export default ConvertFilterToGraphQL;
 export declare const createConvertFilterToGraphQL: <T, G extends object>(params: IFilterToGraphQLParams<T, G>) => ConvertFilterToGraphQL<T, G>;

package/dist/types/data-view/dino.d.ts

@@ -10,7 +10,7 @@ export interface IFormatterDateOptions {
 }
 declare class DinoDataViewBase {
     createDataView: typeof createDataView;
-    createKeyConverter: <T, Q>(params: import("./key-converter").IKeyConverterModel<T, Q>) => import("./key-converter").IKeyConverterModel<T, Q>;
+    createKeyConverter: <T, Q>(params: import("../http-service/graphql/key-converter").IKeyConverterModel<T, Q>) => import("../http-service/graphql/key-converter").IKeyConverterModel<T, Q>;
     createConvertFilterToGraphQL: <T, G extends object>(params: import("./convert-filter-to-graphql").IFilterToGraphQLParams<T, G>) => import("./convert-filter-to-graphql").default<T, G>;
     createFilterStore: typeof createFilterStore;
     createPaginationBar: typeof createPaginationBar;

package/dist/types/data-view/index.d.ts

@@ -3,7 +3,6 @@ export { EViewMode } from './view-mode.types';
 export type { IViewModeElementProps, IViewModeItemProps } from './view-mode.types';
 export * from './create.pagination-bar';
 export * from './filter-store';
-export * from './key-converter';
 export * from './convert-filter-to-graphql';
 export * from './create.view-mode';
 export type { IViewModeProps } from './view-mode.units';