dinocollab-core 2.0.0 → 2.0.2

package/dist/data-view/dino.js.map

@@ -1 +1 @@
-{"version":3,"file":"dino.js","sources":["../../src/data-view/dino.tsx"],"sourcesContent":["import { GridValueFormatterParams } from '@mui/x-data-grid'\r\nimport { dayjsCustom } from '../utils'\r\nimport { createFilterStore } from './filter-store'\r\nimport { createViewMode } from './create.view-mode'\r\nimport { createKeyConverter } from './key-converter'\r\nimport { createViewModeButtons } from './view-mode.units'\r\nimport { createConvertFilterToGraphQL } from './convert-filter-to-graphql'\r\nimport { getViewModeFromURL, syncViewModeToURL } from './query-param-url'\r\nimport { convertFilterToQueryParam, getQueryFromURL, getSeedKeyFromURL, syncQueryToURL } from './query-param-url'\r\nimport createPaginationBar from './create.pagination-bar'\r\nimport createDataView from './create.data-view'\r\n\r\nconst formatDateString = 'MM/DD/YYYY HH:mm'\r\n\r\nexport interface IFormatterDateOptions {\r\n  formatString?: string\r\n  showRelative?: boolean\r\n}\r\n\r\nclass DinoDataViewBase {\r\n  createDataView = createDataView\r\n\r\n  createKeyConverter = createKeyConverter\r\n\r\n  createConvertFilterToGraphQL = createConvertFilterToGraphQL\r\n\r\n  createFilterStore = createFilterStore\r\n\r\n  createPaginationBar = createPaginationBar\r\n\r\n  createViewMode = createViewMode\r\n\r\n  createViewModeButtons = createViewModeButtons\r\n\r\n  syncQueryToURL = syncQueryToURL\r\n\r\n  getQueryFromURL = getQueryFromURL\r\n\r\n  getSeedKeyFromURL = getSeedKeyFromURL\r\n\r\n  syncViewModeToURL = syncViewModeToURL\r\n\r\n  getViewModeFromURL = getViewModeFromURL\r\n\r\n  convertFilterToQueryParam = convertFilterToQueryParam\r\n\r\n  //#region Value Formatter\r\n  formatterDate = (value: any, options?: IFormatterDateOptions): string => {\r\n    const f = options?.formatString ?? formatDateString\r\n    const showRelative = options?.showRelative ?? false\r\n    try {\r\n      if (!value) return ''\r\n\r\n      const date = dayjsCustom(value)\r\n      const formatted = date.format(f)\r\n\r\n      return showRelative ? `${formatted} (${dayjsCustom().to(date)})` : formatted\r\n    } catch (error) {\r\n      return ''\r\n    }\r\n  }\r\n\r\n  valueFormatterDate = (options?: IFormatterDateOptions) => {\r\n    return (params: GridValueFormatterParams<any>) => this.formatterDate(params.value, options)\r\n  }\r\n  //#endregion\r\n}\r\nexport const DinoDataView = new DinoDataViewBase()\r\nexport default DinoDataView\r\n"],"names":["DinoDataView","_createClass","DinoDataViewBase","_this","this","_classCallCheck","_defineProperty","createDataView","createKeyConverter","createConvertFilterToGraphQL","createFilterStore","createPaginationBar","createViewMode","createViewModeButtons","syncQueryToURL","getQueryFromURL","getSeedKeyFromURL","syncViewModeToURL","getViewModeFromURL","convertFilterToQueryParam","value","options","_options$formatString","_options$showRelative","f","formatString","showRelative","date","dayjsCustom","formatted","format","concat","to","error","params","formatterDate"],"mappings":"40BAYA,IAuDaA,EAAe,IAhDNC,GAAA,SAAAC,IAAA,IAAAC,EAAAC,KAAAC,OAAAH,GAAAI,wBACHC,GAAcD,4BAEVE,GAAkBF,sCAERG,GAA4BH,2BAEvCI,GAAiBJ,6BAEfK,GAAmBL,wBAExBM,GAAcN,+BAEPO,GAAqBP,wBAE5BQ,GAAcR,yBAEbS,GAAeT,2BAEbU,GAAiBV,2BAEjBW,GAAiBX,4BAEhBY,GAAkBZ,mCAEXa,GAE5Bb,EACgBF,KAAA,iBAAA,SAACgB,EAAYC,GAA2C,IAAAC,EAAAC,EAChEC,EAAyBF,QAAxBA,EAAGD,aAAO,EAAPA,EAASI,oBAAYH,IAAAA,EAAAA,EApCV,mBAqCfI,EAAoCH,QAAxBA,EAAGF,aAAO,EAAPA,EAASK,oBAAYH,IAAAA,GAAAA,EAC1C,IACE,IAAKH,EAAO,MAAO,GAEnB,IAAMO,EAAOC,EAAYR,GACnBS,EAAYF,EAAKG,OAAON,GAE9B,OAAOE,EAAYK,GAAAA,OAAMF,QAASE,OAAKH,IAAcI,GAAGL,QAAWE,CACpE,CAAC,MAAOI,GACP,MAAO,EACR,KACF3B,EAAAF,KAAA,sBAEoB,SAACiB,GACpB,OAAO,SAACa,GAAqC,OAAK/B,EAAKgC,cAAcD,EAAOd,MAAOC,EAAQ,IAC5F"}
+{"version":3,"file":"dino.js","sources":["../../src/data-view/dino.tsx"],"sourcesContent":["import { GridValueFormatterParams } from '@mui/x-data-grid'\r\nimport { dayjsCustom } from '../utils'\r\nimport { createFilterStore } from './filter-store'\r\nimport { createViewMode } from './create.view-mode'\r\nimport { createViewModeButtons } from './view-mode.units'\r\nimport { getViewModeFromURL, syncViewModeToURL } from './query-param-url'\r\nimport { createConvertFilterToGraphQL } from './convert-filter-to-graphql'\r\nimport { createKeyConverter } from '../http-service/graphql/key-converter'\r\nimport { convertFilterToQueryParam, getQueryFromURL, getSeedKeyFromURL, syncQueryToURL } from './query-param-url'\r\nimport createPaginationBar from './create.pagination-bar'\r\nimport createDataView from './create.data-view'\r\n\r\nconst formatDateString = 'MM/DD/YYYY HH:mm'\r\n\r\nexport interface IFormatterDateOptions {\r\n  formatString?: string\r\n  showRelative?: boolean\r\n}\r\n\r\nclass DinoDataViewBase {\r\n  createDataView = createDataView\r\n\r\n  createKeyConverter = createKeyConverter\r\n\r\n  createConvertFilterToGraphQL = createConvertFilterToGraphQL\r\n\r\n  createFilterStore = createFilterStore\r\n\r\n  createPaginationBar = createPaginationBar\r\n\r\n  createViewMode = createViewMode\r\n\r\n  createViewModeButtons = createViewModeButtons\r\n\r\n  syncQueryToURL = syncQueryToURL\r\n\r\n  getQueryFromURL = getQueryFromURL\r\n\r\n  getSeedKeyFromURL = getSeedKeyFromURL\r\n\r\n  syncViewModeToURL = syncViewModeToURL\r\n\r\n  getViewModeFromURL = getViewModeFromURL\r\n\r\n  convertFilterToQueryParam = convertFilterToQueryParam\r\n\r\n  //#region Value Formatter\r\n  formatterDate = (value: any, options?: IFormatterDateOptions): string => {\r\n    const f = options?.formatString ?? formatDateString\r\n    const showRelative = options?.showRelative ?? false\r\n    try {\r\n      if (!value) return ''\r\n\r\n      const date = dayjsCustom(value)\r\n      const formatted = date.format(f)\r\n\r\n      return showRelative ? `${formatted} (${dayjsCustom().to(date)})` : formatted\r\n    } catch (error) {\r\n      return ''\r\n    }\r\n  }\r\n\r\n  valueFormatterDate = (options?: IFormatterDateOptions) => {\r\n    return (params: GridValueFormatterParams<any>) => this.formatterDate(params.value, options)\r\n  }\r\n  //#endregion\r\n}\r\nexport const DinoDataView = new DinoDataViewBase()\r\nexport default DinoDataView\r\n"],"names":["DinoDataView","_createClass","DinoDataViewBase","_this","this","_classCallCheck","_defineProperty","createDataView","createKeyConverter","createConvertFilterToGraphQL","createFilterStore","createPaginationBar","createViewMode","createViewModeButtons","syncQueryToURL","getQueryFromURL","getSeedKeyFromURL","syncViewModeToURL","getViewModeFromURL","convertFilterToQueryParam","value","options","_options$formatString","_options$showRelative","f","formatString","showRelative","date","dayjsCustom","formatted","format","concat","to","error","params","formatterDate"],"mappings":"iyBAYA,IAuDaA,EAAe,IAhDNC,GAAA,SAAAC,IAAA,IAAAC,EAAAC,KAAAC,OAAAH,GAAAI,wBACHC,GAAcD,4BAEVE,GAAkBF,sCAERG,GAA4BH,2BAEvCI,GAAiBJ,6BAEfK,GAAmBL,wBAExBM,GAAcN,+BAEPO,GAAqBP,wBAE5BQ,GAAcR,yBAEbS,GAAeT,2BAEbU,GAAiBV,2BAEjBW,GAAiBX,4BAEhBY,GAAkBZ,mCAEXa,GAE5Bb,EACgBF,KAAA,iBAAA,SAACgB,EAAYC,GAA2C,IAAAC,EAAAC,EAChEC,EAAyBF,QAAxBA,EAAGD,aAAO,EAAPA,EAASI,oBAAYH,IAAAA,EAAAA,EApCV,mBAqCfI,EAAoCH,QAAxBA,EAAGF,aAAO,EAAPA,EAASK,oBAAYH,IAAAA,GAAAA,EAC1C,IACE,IAAKH,EAAO,MAAO,GAEnB,IAAMO,EAAOC,EAAYR,GACnBS,EAAYF,EAAKG,OAAON,GAE9B,OAAOE,EAAYK,GAAAA,OAAMF,QAASE,OAAKH,IAAcI,GAAGL,QAAWE,CACpE,CAAC,MAAOI,GACP,MAAO,EACR,KACF3B,EAAAF,KAAA,sBAEoB,SAACiB,GACpB,OAAO,SAACa,GAAqC,OAAK/B,EAAKgC,cAAcD,EAAOd,MAAOC,EAAQ,IAC5F"}

package/dist/data-view/filter-store.js

@@ -1,2 +1,2 @@
-import{createClass as t,classCallCheck as e,defineProperty as i,objectSpread2 as a,toConsumableArray as s,objectWithoutProperties as r,toPropertyKey as n}from"../_virtual/_rollupPluginBabelHelpers.js";import"dayjs";import"../utils/dayjs-config.js";import"react/jsx-runtime";import"react";import"react-router-dom";import{QueryParam as o}from"../utils/query-param.js";var h=function(){return t((function t(){var s=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;e(this,t),i(this,"converToQueryParam",(function(t){var e=s.extractFilter();return t+o.stringify({filter:JSON.stringify(e)})}));var h=a({},r);null!=h&&h.details&&delete h.details,this._state=h,this._defaultFilter=n}),[{key:"state",get:function(){return a({},this._state)}},{key:"addFilterItem",value:function(t,e,r){var n,o,h=null!==(n=null===(o=this._state.filter)||void 0===o?void 0:o[t])&&void 0!==n?n:[];if(h.some((function(t){return t.value===e.value})))this._state=a(a({},this._state),{},{details:a(a({},r),{},{action:"add",reason:"filter",isChanged:!1})});else{var u=[].concat(s(h),[e]),l=a(a({},this._state.filter),{},i({},t,u));this._state=a(a({},this._state),{},{filter:l,details:a(a({},r),{},{action:"add",isChanged:!0})})}return this}},{key:"removeFilterField",value:function(t,e){var i=this._state.filter;if(i&&i[t]&&i[t].length>0){i[t];var s=r(i,[t].map(n)),o=Object.keys(s).length>0;this._state=a(a({},this._state),{},{filter:o?s:void 0,details:a(a({},e),{},{action:"remove",reason:"filter",isChanged:!0})})}return this}},{key:"removeFilterItem",value:function(t,e,s){var o=this._state.filter,h=a({action:"remove",reason:"filter"},s);if(!o||!o[t]||0===o[t].length)return this._state=a(a({},this._state),{},{details:a(a({},h),{},{isChanged:!1})}),this;var u=o[t],l=u.findIndex((function(t){return t.value===e}));if(-1===l)return this._state=a(a({},this._state),{},{details:a(a({},h),{},{isChanged:!1})}),this;var c=u.filter((function(t,e){return e!==l}));if(0===c.length){o[t];var d=r(o,[t].map(n)),v=Object.keys(d).length>0;this._state=a(a({},this._state),{},{filter:v?d:void 0,details:a(a({},h),{},{isChanged:!0})})}else{var f=a(a({},o),{},i({},t,c));this._state=a(a({},this._state),{},{filter:f,details:a(a({},h),{},{isChanged:!0})})}return this}},{key:"updateFilter",value:function(t,e){return this._state=a(a({},this._state),{},{filter:t,details:a(a({},e),{},{action:"change",reason:"filter",isChanged:!0})}),this}},{key:"addQuickSearch",value:function(t,e){var i,r=null!==(i=this._state.quickSearch)&&void 0!==i?i:[],n=null!=t?t:[],o=[].concat(s(Array.isArray(r)?r:[r]),s(Array.isArray(n)?n:[n])),h=Array.from(new Set(o)),u=new Set(Array.isArray(r)?r:[r]),l=h.length!==u.size||h.some((function(t){return!u.has(t)}));return l&&(this._state=a(a({},this._state),{},{quickSearch:h,details:a(a({},e),{},{action:"add",reason:"quickSearch",isChanged:l})})),this}},{key:"removeQuickSearch",value:function(t){return this._state=a(a({},this._state),{},{quickSearch:void 0,details:a(a({},t),{},{action:"remove",reason:"quickSearch",isChanged:!0})}),this}},{key:"removeQuickSearchItem",value:function(t,e){var i=this._state.quickSearch,s=a({action:"remove",reason:"quickSearch"},e);if(!i)return this._state=a(a({},this._state),{},{details:a(a({},s),{},{isChanged:!1})}),this;var r=Array.isArray(i)?i:[i];if(-1===r.indexOf(t))return this._state=a(a({},this._state),{},{details:a(a({},s),{},{isChanged:!1})}),this;var n=r.filter((function(e){return e!==t}));return 0===n.length?this._state=a(a({},this._state),{},{quickSearch:void 0,details:a(a({},s),{},{isChanged:!0})}):this._state=a(a({},this._state),{},{quickSearch:1===n.length?n[0]:n,details:a(a({},s),{},{isChanged:!0})}),this}},{key:"updateSearchInput",value:function(t){return this._state=a(a({},this._state),{},{quickSearch:t,details:{reason:"quickSearch",area:"input",action:"change",isChanged:!0}}),this}},{key:"changePagination",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{area:"filterButton"};return this._state=a(a({},this._state),{},{pagination:t,details:a(a({},e),{},{action:"change",reason:"pagination",isChanged:!0})}),this}},{key:"removePagination",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{area:"filterButton"};return this._state=a(a({},this._state),{},{pagination:void 0,details:a(a({},t),{},{action:"remove",reason:"pagination",isChanged:!0})}),this}},{key:"changeSort",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{area:"sortButton"};return this._state=a(a({},this._state),{},{sort:t,details:a(a({},e),{},{action:"change",reason:"sort"})}),this}},{key:"removeSort",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{area:"sortButton"};return this._state=a(a({},this._state),{},{sort:void 0,details:a(a({},t),{},{action:"remove",reason:"sort"})}),this}},{key:"toggleSortDirection",value:function(t){var e=this._state.sort;if(!e)return this;var i=a(a({},e),{},{direction:"asc"===e.direction?"desc":"asc"});return this._state=a(a({},this._state),{},{sort:i,details:a(a({},t),{},{action:"change",reason:"sort"})}),this}},{key:"updateState",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{area:"filterButton"};return this._state=a(a(a({},this._state),t),{},{details:a(a({},e),{},{action:"change"})}),this}},{key:"reset",value:function(){return this._state=a(a({},this._defaultFilter),{},{details:{action:"reset",isChanged:!0}}),this}},{key:"resetFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{area:"filterButton"};return this._state=a(a({},this._state),{},{filter:void 0,details:a({action:"reset",reason:"filter"},t)}),this}},{key:"resetQuickSearch",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{area:"input"};return this._state=a(a({},this._state),{},{quickSearch:void 0,details:a({action:"reset",reason:"quickSearch"},t)}),this}},{key:"resetPagination",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{reason:"pagination"};return this._state=a(a({},this._state),{},{pagination:void 0,details:a({action:"reset",reason:"pagination"},t)}),this}},{key:"resetSort",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{reason:"sort"};return this._state=a(a({},this._state),{},{sort:void 0,details:a({action:"reset",reason:"sort"},t)}),this}},{key:"isPaginationEqualToDefault",value:function(){var t,e=this._state.pagination,i=null===(t=this._defaultFilter)||void 0===t?void 0:t.pagination;return!e&&!i||!(!e||!i)&&(e.page===i.page&&e.pageSize===i.pageSize)}},{key:"isSortEqualToDefault",value:function(){var t,e=this._state.sort,i=null===(t=this._defaultFilter)||void 0===t?void 0:t.sort;return!e&&!i||!(!e||!i)&&(e.field===i.field&&e.direction===i.direction)}},{key:"extractFilter",value:function(){var t={};return this._state.filter&&(t.filter=this._state.filter),this._state.quickSearch&&(t.quickSearch=this._state.quickSearch),this._state.pagination&&!this.isPaginationEqualToDefault()&&(t.pagination=this._state.pagination),this._state.sort&&!this.isSortEqualToDefault()&&(t.sort=this._state.sort),t}},{key:"countFilterItems",value:function(){var t=this._state.filter;return t?Object.values(t).reduce((function(t,e){return t+(Array.isArray(e)?e.length:0)}),0):0}},{key:"hasFilter",value:function(){return!!this._state.filter&&Object.keys(this._state.filter).length>0}},{key:"hasQuickSearch",value:function(){return!!this._state.quickSearch}},{key:"hasPagination",value:function(){return!this.isPaginationEqualToDefault()&&!!this._state.pagination}},{key:"hasSort",value:function(){return!this.isSortEqualToDefault()&&!!this._state.sort}},{key:"isEmpty",value:function(){return!(this.hasFilter()||this.hasQuickSearch()||this.hasPagination()||this.hasSort())}},{key:"build",value:function(){return a({},this._state)}}])}();function u(t,e){return new h(t,e)}export{h as FilterStore,u as createFilterStore,h as default};
+import{createClass as t,objectSpread2 as e,toConsumableArray as i,defineProperty as a,objectWithoutProperties as s,toPropertyKey as r,classCallCheck as n}from"../_virtual/_rollupPluginBabelHelpers.js";import"dayjs";import"../utils/dayjs-config.js";import{QueryParam as o}from"../utils/query-param.js";var h=function(){return t((function t(){var i=this,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0;n(this,t),a(this,"converToQueryParam",(function(t){var e=i.extractFilter();return t+o.stringify({filter:JSON.stringify(e)})}));var h=e({},s);null!=h&&h.details&&delete h.details,this._state=h,this._defaultFilter=r}),[{key:"state",get:function(){return e({},this._state)}},{key:"addFilterItem",value:function(t,s,r){var n,o,h=null!==(n=null===(o=this._state.filter)||void 0===o?void 0:o[t])&&void 0!==n?n:[];if(h.some((function(t){return t.value===s.value})))this._state=e(e({},this._state),{},{details:e(e({},r),{},{action:"add",reason:"filter",isChanged:!1})});else{var u=[].concat(i(h),[s]),l=e(e({},this._state.filter),{},a({},t,u));this._state=e(e({},this._state),{},{filter:l,details:e(e({},r),{},{action:"add",isChanged:!0})})}return this}},{key:"removeFilterField",value:function(t,i){var a=this._state.filter;if(a&&a[t]&&a[t].length>0){a[t];var n=s(a,[t].map(r)),o=Object.keys(n).length>0;this._state=e(e({},this._state),{},{filter:o?n:void 0,details:e(e({},i),{},{action:"remove",reason:"filter",isChanged:!0})})}return this}},{key:"removeFilterItem",value:function(t,i,n){var o=this._state.filter,h=e({action:"remove",reason:"filter"},n);if(!o||!o[t]||0===o[t].length)return this._state=e(e({},this._state),{},{details:e(e({},h),{},{isChanged:!1})}),this;var u=o[t],l=u.findIndex((function(t){return t.value===i}));if(-1===l)return this._state=e(e({},this._state),{},{details:e(e({},h),{},{isChanged:!1})}),this;var c=u.filter((function(t,e){return e!==l}));if(0===c.length){o[t];var d=s(o,[t].map(r)),v=Object.keys(d).length>0;this._state=e(e({},this._state),{},{filter:v?d:void 0,details:e(e({},h),{},{isChanged:!0})})}else{var f=e(e({},o),{},a({},t,c));this._state=e(e({},this._state),{},{filter:f,details:e(e({},h),{},{isChanged:!0})})}return this}},{key:"updateFilter",value:function(t,i){return this._state=e(e({},this._state),{},{filter:t,details:e(e({},i),{},{action:"change",reason:"filter",isChanged:!0})}),this}},{key:"addQuickSearch",value:function(t,a){var s,r=null!==(s=this._state.quickSearch)&&void 0!==s?s:[],n=null!=t?t:[],o=[].concat(i(Array.isArray(r)?r:[r]),i(Array.isArray(n)?n:[n])),h=Array.from(new Set(o)),u=new Set(Array.isArray(r)?r:[r]),l=h.length!==u.size||h.some((function(t){return!u.has(t)}));return l&&(this._state=e(e({},this._state),{},{quickSearch:h,details:e(e({},a),{},{action:"add",reason:"quickSearch",isChanged:l})})),this}},{key:"removeQuickSearch",value:function(t){return this._state=e(e({},this._state),{},{quickSearch:void 0,details:e(e({},t),{},{action:"remove",reason:"quickSearch",isChanged:!0})}),this}},{key:"removeQuickSearchItem",value:function(t,i){var a=this._state.quickSearch,s=e({action:"remove",reason:"quickSearch"},i);if(!a)return this._state=e(e({},this._state),{},{details:e(e({},s),{},{isChanged:!1})}),this;var r=Array.isArray(a)?a:[a];if(-1===r.indexOf(t))return this._state=e(e({},this._state),{},{details:e(e({},s),{},{isChanged:!1})}),this;var n=r.filter((function(e){return e!==t}));return 0===n.length?this._state=e(e({},this._state),{},{quickSearch:void 0,details:e(e({},s),{},{isChanged:!0})}):this._state=e(e({},this._state),{},{quickSearch:1===n.length?n[0]:n,details:e(e({},s),{},{isChanged:!0})}),this}},{key:"updateSearchInput",value:function(t){return this._state=e(e({},this._state),{},{quickSearch:t,details:{reason:"quickSearch",area:"input",action:"change",isChanged:!0}}),this}},{key:"changePagination",value:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{area:"filterButton"};return this._state=e(e({},this._state),{},{pagination:t,details:e(e({},i),{},{action:"change",reason:"pagination",isChanged:!0})}),this}},{key:"removePagination",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{area:"filterButton"};return this._state=e(e({},this._state),{},{pagination:void 0,details:e(e({},t),{},{action:"remove",reason:"pagination",isChanged:!0})}),this}},{key:"changeSort",value:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{area:"sortButton"};return this._state=e(e({},this._state),{},{sort:t,details:e(e({},i),{},{action:"change",reason:"sort"})}),this}},{key:"removeSort",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{area:"sortButton"};return this._state=e(e({},this._state),{},{sort:void 0,details:e(e({},t),{},{action:"remove",reason:"sort"})}),this}},{key:"toggleSortDirection",value:function(t){var i=this._state.sort;if(!i)return this;var a=e(e({},i),{},{direction:"asc"===i.direction?"desc":"asc"});return this._state=e(e({},this._state),{},{sort:a,details:e(e({},t),{},{action:"change",reason:"sort"})}),this}},{key:"updateState",value:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{area:"filterButton"};return this._state=e(e(e({},this._state),t),{},{details:e(e({},i),{},{action:"change"})}),this}},{key:"reset",value:function(){return this._state=e(e({},this._defaultFilter),{},{details:{action:"reset",isChanged:!0}}),this}},{key:"resetFilter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{area:"filterButton"};return this._state=e(e({},this._state),{},{filter:void 0,details:e({action:"reset",reason:"filter"},t)}),this}},{key:"resetQuickSearch",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{area:"input"};return this._state=e(e({},this._state),{},{quickSearch:void 0,details:e({action:"reset",reason:"quickSearch"},t)}),this}},{key:"resetPagination",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{reason:"pagination"};return this._state=e(e({},this._state),{},{pagination:void 0,details:e({action:"reset",reason:"pagination"},t)}),this}},{key:"resetSort",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{reason:"sort"};return this._state=e(e({},this._state),{},{sort:void 0,details:e({action:"reset",reason:"sort"},t)}),this}},{key:"isPaginationEqualToDefault",value:function(){var t,e=this._state.pagination,i=null===(t=this._defaultFilter)||void 0===t?void 0:t.pagination;return!e&&!i||!(!e||!i)&&(e.page===i.page&&e.pageSize===i.pageSize)}},{key:"isSortEqualToDefault",value:function(){var t,e=this._state.sort,i=null===(t=this._defaultFilter)||void 0===t?void 0:t.sort;return!e&&!i||!(!e||!i)&&(e.field===i.field&&e.direction===i.direction)}},{key:"extractFilter",value:function(){var t={};return this._state.filter&&(t.filter=this._state.filter),this._state.quickSearch&&(t.quickSearch=this._state.quickSearch),this._state.pagination&&!this.isPaginationEqualToDefault()&&(t.pagination=this._state.pagination),this._state.sort&&!this.isSortEqualToDefault()&&(t.sort=this._state.sort),t}},{key:"countFilterItems",value:function(){var t=this._state.filter;return t?Object.values(t).reduce((function(t,e){return t+(Array.isArray(e)?e.length:0)}),0):0}},{key:"hasFilter",value:function(){return!!this._state.filter&&Object.keys(this._state.filter).length>0}},{key:"hasQuickSearch",value:function(){return!!this._state.quickSearch}},{key:"hasPagination",value:function(){return!this.isPaginationEqualToDefault()&&!!this._state.pagination}},{key:"hasSort",value:function(){return!this.isSortEqualToDefault()&&!!this._state.sort}},{key:"isEmpty",value:function(){return!(this.hasFilter()||this.hasQuickSearch()||this.hasPagination()||this.hasSort())}},{key:"build",value:function(){return e({},this._state)}}])}();function u(t,e){return new h(t,e)}export{h as FilterStore,u as createFilterStore,h as default};
 //# sourceMappingURL=filter-store.js.map

package/dist/data-view/filter-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-store.js","sources":["../../src/data-view/filter-store.ts"],"sourcesContent":["import { QueryParam } from '../utils'\r\nimport { IFilterState, IFilterMap, IPagination, ISort, IFilterChangeDetails, IFilterItem, SingleOrArray } from './types'\r\n\r\nexport class FilterStore<T> {\r\n  private _state: IFilterState<T>\r\n  private _defaultFilter: IFilterState<T> | undefined\r\n\r\n  constructor(initialState: IFilterState<T> = {}, defaultFilter?: IFilterState<T>) {\r\n    const obj = { ...initialState }\r\n    if (obj?.details) delete obj.details // Ensure details are not included in the initial state\r\n    this._state = obj\r\n    this._defaultFilter = defaultFilter\r\n  }\r\n\r\n  // Static factory method\r\n  // static initialize<T>(filterState: IFilterState<T>, defaultFilter?: IFilterState<T>): FilterStore<T> {\r\n  //   if (filterState?.details) delete filterState.details // Ensure details are not included in the initial state\r\n  //   return new FilterStore(filterState, defaultFilter)\r\n  // }\r\n\r\n  // Getter for current state\r\n  get state(): IFilterState<T> {\r\n    return { ...this._state }\r\n  }\r\n\r\n  // Filter operations\r\n  addFilterItem(field: keyof T, filterItem: IFilterItem, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const existingFieldItems = this._state.filter?.[field] ?? []\r\n\r\n    // Check if item already exists to avoid duplicates\r\n    const itemExists = existingFieldItems.some((item) => item.value === filterItem.value)\r\n\r\n    if (!itemExists) {\r\n      const newFieldItems = [...existingFieldItems, filterItem]\r\n      const updatedFilter = { ...this._state.filter, [field]: newFieldItems } as IFilterMap<T>\r\n\r\n      this._state = { ...this._state, filter: updatedFilter, details: { ...details, action: 'add', isChanged: true } }\r\n    } else {\r\n      // If item already exists, mark as not changed\r\n      this._state = { ...this._state, details: { ...details, action: 'add', reason: 'filter', isChanged: false } }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  removeFilterField(field: keyof T, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const existingFilter = this._state.filter\r\n\r\n    // Check if field exists and has items\r\n    const fieldExists = existingFilter && existingFilter[field] && existingFilter[field]!.length > 0\r\n\r\n    if (fieldExists) {\r\n      // Create new filter without the specified field\r\n      const { [field]: removedField, ...remainingFilter } = existingFilter!\r\n\r\n      // Check if there are any remaining fields\r\n      const hasRemainingFields = Object.keys(remainingFilter).length > 0\r\n\r\n      this._state = {\r\n        ...this._state,\r\n        filter: hasRemainingFields ? (remainingFilter as IFilterMap<T>) : undefined,\r\n        details: { ...details, action: 'remove', reason: 'filter', isChanged: true }\r\n      }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  removeFilterItem(field: keyof T, value: string, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const existingFilter = this._state.filter\r\n    const defaultDetails: IFilterChangeDetails = { action: 'remove', reason: 'filter', ...details }\r\n\r\n    // Check if field exists and has items\r\n    if (!existingFilter || !existingFilter[field] || existingFilter[field]!.length === 0) {\r\n      // Field doesn't exist or is empty, mark as not changed\r\n      this._state = { ...this._state, details: { ...defaultDetails, isChanged: false } }\r\n      return this\r\n    }\r\n\r\n    const fieldItems = existingFilter[field]!\r\n\r\n    // Find the item to remove\r\n    const itemIndex = fieldItems.findIndex((item) => item.value === value)\r\n\r\n    if (itemIndex === -1) {\r\n      // Item not found, mark as not changed\r\n      this._state = { ...this._state, details: { ...defaultDetails, isChanged: false } }\r\n      return this\r\n    }\r\n\r\n    // Remove the specific item\r\n    const updatedFieldItems = fieldItems.filter((_, index) => index !== itemIndex)\r\n\r\n    // If no items left in the field, remove the field entirely\r\n    if (updatedFieldItems.length === 0) {\r\n      const { [field]: removedField, ...remainingFilter } = existingFilter\r\n      const hasRemainingFields = Object.keys(remainingFilter).length > 0\r\n\r\n      this._state = {\r\n        ...this._state,\r\n        filter: hasRemainingFields ? (remainingFilter as IFilterMap<T>) : undefined,\r\n        details: { ...defaultDetails, isChanged: true }\r\n      }\r\n    } else {\r\n      // Update the field with remaining items\r\n      const updatedFilter = { ...existingFilter, [field]: updatedFieldItems } as IFilterMap<T>\r\n\r\n      this._state = {\r\n        ...this._state,\r\n        filter: updatedFilter,\r\n        details: { ...defaultDetails, isChanged: true }\r\n      }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  updateFilter(filter?: IFilterMap<T>, details?: IFilterChangeDetails) {\r\n    this._state = { ...this._state, filter, details: { ...details, action: 'change', reason: 'filter', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  // Quick search operations\r\n  addQuickSearch(value?: SingleOrArray<string>, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const currentValues = this._state.quickSearch ?? []\r\n    const newValues = value ?? []\r\n\r\n    // Merge current and new values\r\n    const allValues = [...(Array.isArray(currentValues) ? currentValues : [currentValues]), ...(Array.isArray(newValues) ? newValues : [newValues])]\r\n\r\n    // Remove duplicates\r\n    const uniqueValues = Array.from(new Set(allValues))\r\n\r\n    // Check if changed\r\n    const currentSet = new Set(Array.isArray(currentValues) ? currentValues : [currentValues])\r\n    const isChanged = uniqueValues.length !== currentSet.size || uniqueValues.some((val) => !currentSet.has(val))\r\n\r\n    if (isChanged) {\r\n      this._state = { ...this._state, quickSearch: uniqueValues, details: { ...details, action: 'add', reason: 'quickSearch', isChanged } }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  removeQuickSearch(details?: IFilterChangeDetails): FilterStore<T> {\r\n    this._state = { ...this._state, quickSearch: undefined, details: { ...details, action: 'remove', reason: 'quickSearch', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  removeQuickSearchItem(value: string, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const currentValues = this._state.quickSearch\r\n    const defaultDetails: IFilterChangeDetails = { action: 'remove', reason: 'quickSearch', ...details }\r\n\r\n    // Check if quickSearch exists and has values\r\n    if (!currentValues) {\r\n      // No quickSearch to remove from, mark as not changed\r\n      this._state = { ...this._state, details: { ...defaultDetails, isChanged: false } }\r\n      return this\r\n    }\r\n\r\n    // Convert to array for consistent handling\r\n    const valuesArray = Array.isArray(currentValues) ? currentValues : [currentValues]\r\n\r\n    // Check if the value exists\r\n    const valueIndex = valuesArray.indexOf(value)\r\n\r\n    if (valueIndex === -1) {\r\n      // Value not found, mark as not changed\r\n      this._state = { ...this._state, details: { ...defaultDetails, isChanged: false } }\r\n      return this\r\n    }\r\n\r\n    // Remove the specific value\r\n    const updatedValues = valuesArray.filter((val) => val !== value)\r\n\r\n    // If no values left, remove quickSearch entirely\r\n    if (updatedValues.length === 0) {\r\n      this._state = {\r\n        ...this._state,\r\n        quickSearch: undefined,\r\n        details: { ...defaultDetails, isChanged: true }\r\n      }\r\n    } else {\r\n      // Update with remaining values\r\n      this._state = {\r\n        ...this._state,\r\n        quickSearch: updatedValues.length === 1 ? updatedValues[0] : updatedValues,\r\n        details: { ...defaultDetails, isChanged: true }\r\n      }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  updateSearchInput(quickSearch: SingleOrArray<string>): FilterStore<T> {\r\n    this._state = { ...this._state, quickSearch, details: { reason: 'quickSearch', area: 'input', action: 'change', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  // Pagination operations\r\n  changePagination(pagination: IPagination, details: IFilterChangeDetails = { area: 'filterButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, pagination, details: { ...details, action: 'change', reason: 'pagination', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  removePagination(details: IFilterChangeDetails = { area: 'filterButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, pagination: undefined, details: { ...details, action: 'remove', reason: 'pagination', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  // Sort operations\r\n  changeSort(sort: ISort<T>, details: IFilterChangeDetails = { area: 'sortButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, sort, details: { ...details, action: 'change', reason: 'sort' } }\r\n    return this\r\n  }\r\n\r\n  removeSort(details: IFilterChangeDetails = { area: 'sortButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, sort: undefined, details: { ...details, action: 'remove', reason: 'sort' } }\r\n    return this\r\n  }\r\n\r\n  toggleSortDirection(details: IFilterChangeDetails): FilterStore<T> {\r\n    const currentSort = this._state.sort\r\n    if (!currentSort) return this\r\n    const finalSort: ISort<T> = { ...currentSort, direction: currentSort.direction === 'asc' ? 'desc' : 'asc' }\r\n    this._state = { ...this._state, sort: finalSort, details: { ...details, action: 'change', reason: 'sort' } }\r\n    return this\r\n  }\r\n\r\n  // Batch operations\r\n  updateState(updates: Partial<IFilterState<T>>, details: IFilterChangeDetails = { area: 'filterButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, ...updates, details: { ...details, action: 'change' } }\r\n    return this\r\n  }\r\n\r\n  // Reset operations\r\n  reset(): FilterStore<T> {\r\n    this._state = { ...this._defaultFilter, details: { action: 'reset', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  resetFilter(details: IFilterChangeDetails = { area: 'filterButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, filter: undefined, details: { action: 'reset', reason: 'filter', ...details } }\r\n    return this\r\n  }\r\n\r\n  resetQuickSearch(details: IFilterChangeDetails = { area: 'input' }): FilterStore<T> {\r\n    this._state = { ...this._state, quickSearch: undefined, details: { action: 'reset', reason: 'quickSearch', ...details } }\r\n    return this\r\n  }\r\n\r\n  resetPagination(details: IFilterChangeDetails = { reason: 'pagination' }): FilterStore<T> {\r\n    this._state = { ...this._state, pagination: undefined, details: { action: 'reset', reason: 'pagination', ...details } }\r\n    return this\r\n  }\r\n\r\n  resetSort(details: IFilterChangeDetails = { reason: 'sort' }): FilterStore<T> {\r\n    this._state = { ...this._state, sort: undefined, details: { action: 'reset', reason: 'sort', ...details } }\r\n    return this\r\n  }\r\n\r\n  // Utility methods\r\n  private isPaginationEqualToDefault(): boolean {\r\n    const curentVal = this._state.pagination\r\n    const defaultVal = this._defaultFilter?.pagination\r\n\r\n    if (!curentVal && !defaultVal) return true\r\n    if (!curentVal || !defaultVal) return false\r\n\r\n    return curentVal.page === defaultVal.page && curentVal.pageSize === defaultVal.pageSize\r\n  }\r\n\r\n  private isSortEqualToDefault(): boolean {\r\n    const currentVal = this._state.sort\r\n    const defaultVal = this._defaultFilter?.sort\r\n\r\n    if (!currentVal && !defaultVal) return true\r\n    if (!currentVal || !defaultVal) return false\r\n\r\n    return currentVal.field === defaultVal.field && currentVal.direction === defaultVal.direction\r\n  }\r\n\r\n  extractFilter(): IFilterState<T> {\r\n    const result: IFilterState<T> = {}\r\n\r\n    // Include filter if it exists\r\n    if (this._state.filter) {\r\n      result.filter = this._state.filter\r\n    }\r\n\r\n    // Include quickSearch if it exists\r\n    if (this._state.quickSearch) {\r\n      result.quickSearch = this._state.quickSearch\r\n    }\r\n\r\n    // Include pagination only if it's different from default\r\n    if (this._state.pagination && !this.isPaginationEqualToDefault()) {\r\n      result.pagination = this._state.pagination\r\n    }\r\n\r\n    // Include sort only if it's different from default\r\n    if (this._state.sort && !this.isSortEqualToDefault()) {\r\n      result.sort = this._state.sort\r\n    }\r\n\r\n    return result\r\n  }\r\n\r\n  countFilterItems(): number {\r\n    const filter = this._state.filter\r\n    if (!filter) return 0\r\n\r\n    return Object.values(filter).reduce<number>((count, items) => {\r\n      // If items is an array and return its length, otherwise return 0\r\n      return count + (Array.isArray(items) ? items.length : 0)\r\n    }, 0)\r\n  }\r\n\r\n  hasFilter(): boolean {\r\n    return !!this._state.filter && Object.keys(this._state.filter).length > 0\r\n  }\r\n\r\n  hasQuickSearch(): boolean {\r\n    return !!this._state.quickSearch\r\n  }\r\n\r\n  hasPagination(): boolean {\r\n    if (this.isPaginationEqualToDefault()) return false\r\n    return !!this._state.pagination\r\n  }\r\n\r\n  hasSort(): boolean {\r\n    if (this.isSortEqualToDefault()) return false\r\n    return !!this._state.sort\r\n  }\r\n\r\n  isEmpty(): boolean {\r\n    return !this.hasFilter() && !this.hasQuickSearch() && !this.hasPagination() && !this.hasSort()\r\n  }\r\n\r\n  converToQueryParam = (base: string) => {\r\n    const extractFilter = this.extractFilter()\r\n    const queryString = QueryParam.stringify({ filter: JSON.stringify(extractFilter) })\r\n    return base + queryString\r\n  }\r\n\r\n  // Build the final state\r\n  build(): IFilterState<T> {\r\n    return { ...this._state }\r\n  }\r\n}\r\nexport default FilterStore\r\n\r\nexport function createFilterStore<T>(filterState: IFilterState<T>, defaultFilter?: IFilterState<T>): FilterStore<T> {\r\n  return new FilterStore(filterState, defaultFilter)\r\n}\r\n"],"names":["FilterStore","_createClass","_this","this","initialState","arguments","length","undefined","defaultFilter","_classCallCheck","_defineProperty","base","extractFilter","QueryParam","stringify","filter","JSON","obj","_objectSpread","details","_state","_defaultFilter","key","get","value","field","filterItem","_this$_state$filter$f","_this$_state$filter","existingFieldItems","some","item","action","reason","isChanged","newFieldItems","concat","_toConsumableArray","updatedFilter","existingFilter","remainingFilter","_objectWithoutProperties","map","_toPropertyKey","hasRemainingFields","Object","keys","defaultDetails","fieldItems","itemIndex","findIndex","updatedFieldItems","_","index","_this$_state$quickSea","currentValues","quickSearch","newValues","allValues","Array","isArray","uniqueValues","from","Set","currentSet","size","val","has","valuesArray","indexOf","updatedValues","area","pagination","sort","currentSort","finalSort","direction","updates","_this$_defaultFilter","curentVal","defaultVal","page","pageSize","_this$_defaultFilter2","currentVal","result","isPaginationEqualToDefault","isSortEqualToDefault","values","reduce","count","items","hasFilter","hasQuickSearch","hasPagination","hasSort","createFilterStore","filterState"],"mappings":"8WAGA,IAAaA,EAAW,WAiBtB,OAAAC,GAbA,SAAAD,IAA+E,IAAAE,EAAAC,KAAnEC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAgC,CAAE,EAAEG,EAA+BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAAAE,OAAAT,GAAAU,EAAAP,KAAA,sBA6U1D,SAACQ,GACpB,IAAMC,EAAgBV,EAAKU,gBAE3B,OAAOD,EADaE,EAAWC,UAAU,CAAEC,OAAQC,KAAKF,UAAUF,QA9UlE,IAAMK,EAAGC,EAAA,CAAA,EAAQd,GACba,SAAAA,EAAKE,gBAAgBF,EAAIE,QAC7BhB,KAAKiB,OAASH,EACdd,KAAKkB,eAAiBb,CACxB,GAQA,CAAA,CAAAc,IAAA,QAAAC,IACA,WACE,OAAAL,EAAA,CAAA,EAAYf,KAAKiB,OACnB,GAEA,CAAAE,IAAA,gBAAAE,MACA,SAAcC,EAAgBC,EAAyBP,GAA8B,IAAAQ,EAAAC,EAC7EC,UAAkBF,UAAAC,EAAGzB,KAAKiB,OAAOL,cAAM,IAAAa,OAAA,EAAlBA,EAAqBH,UAAM,IAAAE,EAAAA,EAAI,GAK1D,GAFmBE,EAAmBC,MAAK,SAACC,GAAI,OAAKA,EAAKP,QAAUE,EAAWF,SAS7ErB,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAED,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,MAAOC,OAAQ,SAAUC,WAAW,UAPpF,CACf,IAAMC,KAAaC,OAAAC,EAAOR,GAAoBH,CAAAA,IACxCY,EAAapB,EAAAA,KAAQf,KAAKiB,OAAOL,QAAML,CAAAA,EAAAA,KAAGe,EAAQU,IAExDhC,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEL,OAAQuB,EAAenB,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,MAAOE,WAAW,KACzG,CAKD,OAAO/B,IACT,GAAC,CAAAmB,IAAA,oBAAAE,MAED,SAAkBC,EAAgBN,GAChC,IAAMoB,EAAiBpC,KAAKiB,OAAOL,OAKnC,GAFoBwB,GAAkBA,EAAed,IAAUc,EAAed,GAAQnB,OAAS,EAE9E,CAEuCiC,EAA7Cd,OAAyBe,EAAeC,EAAKF,GAA7Cd,GAAKiB,IAAAC,IAGRC,EAAqBC,OAAOC,KAAKN,GAAiBlC,OAAS,EAEjEH,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EACNf,KAAKiB,QAAM,GAAA,CACdL,OAAQ6B,EAAsBJ,OAAoCjC,EAClEY,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,SAAUC,OAAQ,SAAUC,WAAW,KAEzE,CAED,OAAO/B,IACT,GAAC,CAAAmB,IAAA,mBAAAE,MAED,SAAiBC,EAAgBD,EAAeL,GAC9C,IAAMoB,EAAiBpC,KAAKiB,OAAOL,OAC7BgC,EAAc7B,EAAA,CAA2Bc,OAAQ,SAAUC,OAAQ,UAAad,GAGtF,IAAKoB,IAAmBA,EAAed,IAA4C,IAAlCc,EAAed,GAAQnB,OAGtE,OADAH,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAED,QAAOD,EAAAA,KAAO6B,GAAc,CAAA,EAAA,CAAEb,WAAW,MAClE/B,KAGT,IAAM6C,EAAaT,EAAed,GAG5BwB,EAAYD,EAAWE,WAAU,SAACnB,GAAI,OAAKA,EAAKP,QAAUA,KAEhE,IAAkB,IAAdyB,EAGF,OADA9C,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAED,QAAOD,EAAAA,KAAO6B,GAAc,CAAA,EAAA,CAAEb,WAAW,MAClE/B,KAIT,IAAMgD,EAAoBH,EAAWjC,QAAO,SAACqC,EAAGC,GAAK,OAAKA,IAAUJ,KAGpE,GAAiC,IAA7BE,EAAkB7C,OAAc,CACoBiC,EAA7Cd,OAAyBe,EAAeC,EAAKF,GAA7Cd,GAAKiB,IAAAC,IACRC,EAAqBC,OAAOC,KAAKN,GAAiBlC,OAAS,EAEjEH,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EACNf,KAAKiB,QAAM,GAAA,CACdL,OAAQ6B,EAAsBJ,OAAoCjC,EAClEY,QAAOD,EAAAA,KAAO6B,GAAc,CAAA,EAAA,CAAEb,WAAW,KAE5C,KAAM,CAEL,IAAMI,EAAapB,EAAAA,EAAA,CAAA,EAAQqB,GAAc,CAAA,EAAA7B,EAAA,CAAA,EAAGe,EAAQ0B,IAEpDhD,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EACNf,KAAKiB,QAAM,GAAA,CACdL,OAAQuB,EACRnB,QAAOD,EAAAA,KAAO6B,GAAc,CAAA,EAAA,CAAEb,WAAW,KAE5C,CAED,OAAO/B,IACT,GAAC,CAAAmB,IAAA,eAAAE,MAED,SAAaT,EAAwBI,GAEnC,OADAhB,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEL,OAAAA,EAAQI,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,SAAUC,OAAQ,SAAUC,WAAW,MACvG/B,IACT,GAEA,CAAAmB,IAAA,iBAAAE,MACA,SAAeA,EAA+BL,GAA8B,IAAAmC,EACpEC,EAAuCD,QAA1BA,EAAGnD,KAAKiB,OAAOoC,mBAAWF,IAAAA,EAAAA,EAAI,GAC3CG,EAAYjC,QAAAA,EAAS,GAGrBkC,EAAS,GAAAtB,OAAAC,EAAQsB,MAAMC,QAAQL,GAAiBA,EAAgB,CAACA,IAAclB,EAAOsB,MAAMC,QAAQH,GAAaA,EAAY,CAACA,KAG9HI,EAAeF,MAAMG,KAAK,IAAIC,IAAIL,IAGlCM,EAAa,IAAID,IAAIJ,MAAMC,QAAQL,GAAiBA,EAAgB,CAACA,IACrErB,EAAY2B,EAAavD,SAAW0D,EAAWC,MAAQJ,EAAa/B,MAAK,SAACoC,GAAG,OAAMF,EAAWG,IAAID,MAMxG,OAJIhC,IACF/B,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEoC,YAAaK,EAAc1C,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,MAAOC,OAAQ,cAAeC,UAAAA,OAGnH/B,IACT,GAAC,CAAAmB,IAAA,oBAAAE,MAED,SAAkBL,GAEhB,OADAhB,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEoC,iBAAajD,EAAWY,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,SAAUC,OAAQ,cAAeC,WAAW,MAC5H/B,IACT,GAAC,CAAAmB,IAAA,wBAAAE,MAED,SAAsBA,EAAeL,GACnC,IAAMoC,EAAgBpD,KAAKiB,OAAOoC,YAC5BT,EAAc7B,EAAA,CAA2Bc,OAAQ,SAAUC,OAAQ,eAAkBd,GAG3F,IAAKoC,EAGH,OADApD,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAED,QAAOD,EAAAA,KAAO6B,GAAc,CAAA,EAAA,CAAEb,WAAW,MAClE/B,KAIT,IAAMiE,EAAcT,MAAMC,QAAQL,GAAiBA,EAAgB,CAACA,GAKpE,IAAmB,IAFAa,EAAYC,QAAQ7C,GAKrC,OADArB,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAED,QAAOD,EAAAA,KAAO6B,GAAc,CAAA,EAAA,CAAEb,WAAW,MAClE/B,KAIT,IAAMmE,EAAgBF,EAAYrD,QAAO,SAACmD,GAAG,OAAKA,IAAQ1C,KAkB1D,OAf6B,IAAzB8C,EAAchE,OAChBH,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EACNf,KAAKiB,QAAM,GAAA,CACdoC,iBAAajD,EACbY,QAAOD,EAAAA,KAAO6B,GAAc,CAAA,EAAA,CAAEb,WAAW,MAI3C/B,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EACNf,KAAKiB,QAAM,GAAA,CACdoC,YAAsC,IAAzBc,EAAchE,OAAegE,EAAc,GAAKA,EAC7DnD,QAAOD,EAAAA,KAAO6B,GAAc,CAAA,EAAA,CAAEb,WAAW,MAItC/B,IACT,GAAC,CAAAmB,IAAA,oBAAAE,MAED,SAAkBgC,GAEhB,OADArD,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEoC,YAAAA,EAAarC,QAAS,CAAEc,OAAQ,cAAesC,KAAM,QAASvC,OAAQ,SAAUE,WAAW,KACpH/B,IACT,GAEA,CAAAmB,IAAA,mBAAAE,MACA,SAAiBgD,GAAiF,IAAxDrD,EAAAd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAgC,GAAA,CAAEkE,KAAM,gBAEhF,OADApE,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEoD,WAAAA,EAAYrD,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,SAAUC,OAAQ,aAAcC,WAAW,MAC/G/B,IACT,GAAC,CAAAmB,IAAA,mBAAAE,MAED,WAAyE,IAAxDL,EAAgCd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAA,CAAEkE,KAAM,gBAEvD,OADApE,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEoD,gBAAYjE,EAAWY,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,SAAUC,OAAQ,aAAcC,WAAW,MAC1H/B,IACT,GAEA,CAAAmB,IAAA,aAAAE,MACA,SAAWiD,GAAsE,IAAtDtD,EAAAd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAgC,GAAA,CAAEkE,KAAM,cAEjE,OADApE,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEqD,KAAAA,EAAMtD,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,SAAUC,OAAQ,WAChF9B,IACT,GAAC,CAAAmB,IAAA,aAAAE,MAED,WAAiE,IAAtDL,EAAgCd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAA,CAAEkE,KAAM,cAEjD,OADApE,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEqD,UAAMlE,EAAWY,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,SAAUC,OAAQ,WAC3F9B,IACT,GAAC,CAAAmB,IAAA,sBAAAE,MAED,SAAoBL,GAClB,IAAMuD,EAAcvE,KAAKiB,OAAOqD,KAChC,IAAKC,EAAa,OAAOvE,KACzB,IAAMwE,EAASzD,EAAAA,KAAkBwD,GAAW,GAAA,CAAEE,UAAqC,QAA1BF,EAAYE,UAAsB,OAAS,QAEpG,OADAzE,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEqD,KAAME,EAAWxD,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,SAAUC,OAAQ,WAC3F9B,IACT,GAEA,CAAAmB,IAAA,cAAAE,MACA,SAAYqD,GAA2F,IAAxD1D,EAAAd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAgC,GAAA,CAAEkE,KAAM,gBAErF,OADApE,KAAKiB,OAAMF,EAAAA,EAAAA,EAAQ,GAAAf,KAAKiB,QAAWyD,GAAO,CAAA,EAAA,CAAE1D,QAAOD,EAAAA,KAAOC,GAAO,CAAA,EAAA,CAAEa,OAAQ,aACpE7B,IACT,GAEA,CAAAmB,IAAA,QAAAE,MACA,WAEE,OADArB,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKkB,gBAAc,GAAA,CAAEF,QAAS,CAAEa,OAAQ,QAASE,WAAW,KACxE/B,IACT,GAAC,CAAAmB,IAAA,cAAAE,MAED,WAAoE,IAAxDL,EAAgCd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAA,CAAEkE,KAAM,gBAElD,OADApE,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEL,YAAQR,EAAWY,QAAOD,EAAA,CAAIc,OAAQ,QAASC,OAAQ,UAAad,KAC7FhB,IACT,GAAC,CAAAmB,IAAA,mBAAAE,MAED,WAAkE,IAAjDL,EAAgCd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAA,CAAEkE,KAAM,SAEvD,OADApE,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEoC,iBAAajD,EAAWY,QAAOD,EAAA,CAAIc,OAAQ,QAASC,OAAQ,eAAkBd,KACvGhB,IACT,GAAC,CAAAmB,IAAA,kBAAAE,MAED,WAAwE,IAAxDL,EAAgCd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAA,CAAE4B,OAAQ,cAExD,OADA9B,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEoD,gBAAYjE,EAAWY,QAAOD,EAAA,CAAIc,OAAQ,QAASC,OAAQ,cAAiBd,KACrGhB,IACT,GAAC,CAAAmB,IAAA,YAAAE,MAED,WAA4D,IAAlDL,EAAgCd,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAA,CAAE4B,OAAQ,QAElD,OADA9B,KAAKiB,OAAMF,EAAAA,EAAA,CAAA,EAAQf,KAAKiB,QAAM,GAAA,CAAEqD,UAAMlE,EAAWY,QAAOD,EAAA,CAAIc,OAAQ,QAASC,OAAQ,QAAWd,KACzFhB,IACT,GAEA,CAAAmB,IAAA,6BAAAE,MACQ,WAA0B,IAAAsD,EAC1BC,EAAY5E,KAAKiB,OAAOoD,WACxBQ,EAAgC,QAAtBF,EAAG3E,KAAKkB,sBAAc,IAAAyD,OAAA,EAAnBA,EAAqBN,WAExC,OAAKO,IAAcC,MACdD,IAAcC,KAEZD,EAAUE,OAASD,EAAWC,MAAQF,EAAUG,WAAaF,EAAWE,SACjF,GAAC,CAAA5D,IAAA,uBAAAE,MAEO,WAAoB,IAAA2D,EACpBC,EAAajF,KAAKiB,OAAOqD,KACzBO,EAAgC,QAAtBG,EAAGhF,KAAKkB,sBAAc,IAAA8D,OAAA,EAAnBA,EAAqBV,KAExC,OAAKW,IAAeJ,MACfI,IAAeJ,KAEbI,EAAW3D,QAAUuD,EAAWvD,OAAS2D,EAAWR,YAAcI,EAAWJ,UACtF,GAAC,CAAAtD,IAAA,gBAAAE,MAED,WACE,IAAM6D,EAA0B,CAAE,EAsBlC,OAnBIlF,KAAKiB,OAAOL,SACdsE,EAAOtE,OAASZ,KAAKiB,OAAOL,QAI1BZ,KAAKiB,OAAOoC,cACd6B,EAAO7B,YAAcrD,KAAKiB,OAAOoC,aAI/BrD,KAAKiB,OAAOoD,aAAerE,KAAKmF,+BAClCD,EAAOb,WAAarE,KAAKiB,OAAOoD,YAI9BrE,KAAKiB,OAAOqD,OAAStE,KAAKoF,yBAC5BF,EAAOZ,KAAOtE,KAAKiB,OAAOqD,MAGrBY,CACT,GAAC,CAAA/D,IAAA,mBAAAE,MAED,WACE,IAAMT,EAASZ,KAAKiB,OAAOL,OAC3B,OAAKA,EAEE8B,OAAO2C,OAAOzE,GAAQ0E,QAAe,SAACC,EAAOC,GAElD,OAAOD,GAAS/B,MAAMC,QAAQ+B,GAASA,EAAMrF,OAAS,EACvD,GAAE,GALiB,CAMtB,GAAC,CAAAgB,IAAA,YAAAE,MAED,WACE,QAASrB,KAAKiB,OAAOL,QAAU8B,OAAOC,KAAK3C,KAAKiB,OAAOL,QAAQT,OAAS,CAC1E,GAAC,CAAAgB,IAAA,iBAAAE,MAED,WACE,QAASrB,KAAKiB,OAAOoC,WACvB,GAAC,CAAAlC,IAAA,gBAAAE,MAED,WACE,OAAIrB,KAAKmF,gCACAnF,KAAKiB,OAAOoD,UACvB,GAAC,CAAAlD,IAAA,UAAAE,MAED,WACE,OAAIrB,KAAKoF,0BACApF,KAAKiB,OAAOqD,IACvB,GAAC,CAAAnD,IAAA,UAAAE,MAED,WACE,QAAQrB,KAAKyF,aAAgBzF,KAAK0F,kBAAqB1F,KAAK2F,iBAAoB3F,KAAK4F,UACvF,GAAC,CAAAzE,IAAA,QAAAE,MASD,WACE,OAAAN,EAAA,CAAA,EAAYf,KAAKiB,OACnB,IAAC,CA1VqB,GA8VR,SAAA4E,EAAqBC,EAA8BzF,GACjE,OAAO,IAAIR,EAAYiG,EAAazF,EACtC"}
+{"version":3,"file":"filter-store.js","sources":["../../src/data-view/filter-store.ts"],"sourcesContent":["import { QueryParam } from '../utils'\r\nimport { IFilterState, IFilterMap, IPagination, ISort, IFilterChangeDetails, IFilterItem, SingleOrArray } from './types'\r\n\r\nexport class FilterStore<T> {\r\n  private _state: IFilterState<T>\r\n  private _defaultFilter: IFilterState<T> | undefined\r\n\r\n  constructor(initialState: IFilterState<T> = {}, defaultFilter?: IFilterState<T>) {\r\n    const obj = { ...initialState }\r\n    if (obj?.details) delete obj.details // Ensure details are not included in the initial state\r\n    this._state = obj\r\n    this._defaultFilter = defaultFilter\r\n  }\r\n\r\n  // Static factory method\r\n  // static initialize<T>(filterState: IFilterState<T>, defaultFilter?: IFilterState<T>): FilterStore<T> {\r\n  //   if (filterState?.details) delete filterState.details // Ensure details are not included in the initial state\r\n  //   return new FilterStore(filterState, defaultFilter)\r\n  // }\r\n\r\n  // Getter for current state\r\n  get state(): IFilterState<T> {\r\n    return { ...this._state }\r\n  }\r\n\r\n  // Filter operations\r\n  addFilterItem(field: keyof T, filterItem: IFilterItem, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const existingFieldItems = this._state.filter?.[field] ?? []\r\n\r\n    // Check if item already exists to avoid duplicates\r\n    const itemExists = existingFieldItems.some((item) => item.value === filterItem.value)\r\n\r\n    if (!itemExists) {\r\n      const newFieldItems = [...existingFieldItems, filterItem]\r\n      const updatedFilter = { ...this._state.filter, [field]: newFieldItems } as IFilterMap<T>\r\n\r\n      this._state = { ...this._state, filter: updatedFilter, details: { ...details, action: 'add', isChanged: true } }\r\n    } else {\r\n      // If item already exists, mark as not changed\r\n      this._state = { ...this._state, details: { ...details, action: 'add', reason: 'filter', isChanged: false } }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  removeFilterField(field: keyof T, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const existingFilter = this._state.filter\r\n\r\n    // Check if field exists and has items\r\n    const fieldExists = existingFilter && existingFilter[field] && existingFilter[field]!.length > 0\r\n\r\n    if (fieldExists) {\r\n      // Create new filter without the specified field\r\n      const { [field]: removedField, ...remainingFilter } = existingFilter!\r\n\r\n      // Check if there are any remaining fields\r\n      const hasRemainingFields = Object.keys(remainingFilter).length > 0\r\n\r\n      this._state = {\r\n        ...this._state,\r\n        filter: hasRemainingFields ? (remainingFilter as IFilterMap<T>) : undefined,\r\n        details: { ...details, action: 'remove', reason: 'filter', isChanged: true }\r\n      }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  removeFilterItem(field: keyof T, value: string, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const existingFilter = this._state.filter\r\n    const defaultDetails: IFilterChangeDetails = { action: 'remove', reason: 'filter', ...details }\r\n\r\n    // Check if field exists and has items\r\n    if (!existingFilter || !existingFilter[field] || existingFilter[field]!.length === 0) {\r\n      // Field doesn't exist or is empty, mark as not changed\r\n      this._state = { ...this._state, details: { ...defaultDetails, isChanged: false } }\r\n      return this\r\n    }\r\n\r\n    const fieldItems = existingFilter[field]!\r\n\r\n    // Find the item to remove\r\n    const itemIndex = fieldItems.findIndex((item) => item.value === value)\r\n\r\n    if (itemIndex === -1) {\r\n      // Item not found, mark as not changed\r\n      this._state = { ...this._state, details: { ...defaultDetails, isChanged: false } }\r\n      return this\r\n    }\r\n\r\n    // Remove the specific item\r\n    const updatedFieldItems = fieldItems.filter((_, index) => index !== itemIndex)\r\n\r\n    // If no items left in the field, remove the field entirely\r\n    if (updatedFieldItems.length === 0) {\r\n      const { [field]: removedField, ...remainingFilter } = existingFilter\r\n      const hasRemainingFields = Object.keys(remainingFilter).length > 0\r\n\r\n      this._state = {\r\n        ...this._state,\r\n        filter: hasRemainingFields ? (remainingFilter as IFilterMap<T>) : undefined,\r\n        details: { ...defaultDetails, isChanged: true }\r\n      }\r\n    } else {\r\n      // Update the field with remaining items\r\n      const updatedFilter = { ...existingFilter, [field]: updatedFieldItems } as IFilterMap<T>\r\n\r\n      this._state = {\r\n        ...this._state,\r\n        filter: updatedFilter,\r\n        details: { ...defaultDetails, isChanged: true }\r\n      }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  updateFilter(filter?: IFilterMap<T>, details?: IFilterChangeDetails) {\r\n    this._state = { ...this._state, filter, details: { ...details, action: 'change', reason: 'filter', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  // Quick search operations\r\n  addQuickSearch(value?: SingleOrArray<string>, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const currentValues = this._state.quickSearch ?? []\r\n    const newValues = value ?? []\r\n\r\n    // Merge current and new values\r\n    const allValues = [...(Array.isArray(currentValues) ? currentValues : [currentValues]), ...(Array.isArray(newValues) ? newValues : [newValues])]\r\n\r\n    // Remove duplicates\r\n    const uniqueValues = Array.from(new Set(allValues))\r\n\r\n    // Check if changed\r\n    const currentSet = new Set(Array.isArray(currentValues) ? currentValues : [currentValues])\r\n    const isChanged = uniqueValues.length !== currentSet.size || uniqueValues.some((val) => !currentSet.has(val))\r\n\r\n    if (isChanged) {\r\n      this._state = { ...this._state, quickSearch: uniqueValues, details: { ...details, action: 'add', reason: 'quickSearch', isChanged } }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  removeQuickSearch(details?: IFilterChangeDetails): FilterStore<T> {\r\n    this._state = { ...this._state, quickSearch: undefined, details: { ...details, action: 'remove', reason: 'quickSearch', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  removeQuickSearchItem(value: string, details?: IFilterChangeDetails): FilterStore<T> {\r\n    const currentValues = this._state.quickSearch\r\n    const defaultDetails: IFilterChangeDetails = { action: 'remove', reason: 'quickSearch', ...details }\r\n\r\n    // Check if quickSearch exists and has values\r\n    if (!currentValues) {\r\n      // No quickSearch to remove from, mark as not changed\r\n      this._state = { ...this._state, details: { ...defaultDetails, isChanged: false } }\r\n      return this\r\n    }\r\n\r\n    // Convert to array for consistent handling\r\n    const valuesArray = Array.isArray(currentValues) ? currentValues : [currentValues]\r\n\r\n    // Check if the value exists\r\n    const valueIndex = valuesArray.indexOf(value)\r\n\r\n    if (valueIndex === -1) {\r\n      // Value not found, mark as not changed\r\n      this._state = { ...this._state, details: { ...defaultDetails, isChanged: false } }\r\n      return this\r\n    }\r\n\r\n    // Remove the specific value\r\n    const updatedValues = valuesArray.filter((val) => val !== value)\r\n\r\n    // If no values left, remove quickSearch entirely\r\n    if (updatedValues.length === 0) {\r\n      this._state = {\r\n        ...this._state,\r\n        quickSearch: undefined,\r\n        details: { ...defaultDetails, isChanged: true }\r\n      }\r\n    } else {\r\n      // Update with remaining values\r\n      this._state = {\r\n        ...this._state,\r\n        quickSearch: updatedValues.length === 1 ? updatedValues[0] : updatedValues,\r\n        details: { ...defaultDetails, isChanged: true }\r\n      }\r\n    }\r\n\r\n    return this\r\n  }\r\n\r\n  updateSearchInput(quickSearch: SingleOrArray<string>): FilterStore<T> {\r\n    this._state = { ...this._state, quickSearch, details: { reason: 'quickSearch', area: 'input', action: 'change', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  // Pagination operations\r\n  changePagination(pagination: IPagination, details: IFilterChangeDetails = { area: 'filterButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, pagination, details: { ...details, action: 'change', reason: 'pagination', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  removePagination(details: IFilterChangeDetails = { area: 'filterButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, pagination: undefined, details: { ...details, action: 'remove', reason: 'pagination', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  // Sort operations\r\n  changeSort(sort: ISort<T>, details: IFilterChangeDetails = { area: 'sortButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, sort, details: { ...details, action: 'change', reason: 'sort' } }\r\n    return this\r\n  }\r\n\r\n  removeSort(details: IFilterChangeDetails = { area: 'sortButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, sort: undefined, details: { ...details, action: 'remove', reason: 'sort' } }\r\n    return this\r\n  }\r\n\r\n  toggleSortDirection(details: IFilterChangeDetails): FilterStore<T> {\r\n    const currentSort = this._state.sort\r\n    if (!currentSort) return this\r\n    const finalSort: ISort<T> = { ...currentSort, direction: currentSort.direction === 'asc' ? 'desc' : 'asc' }\r\n    this._state = { ...this._state, sort: finalSort, details: { ...details, action: 'change', reason: 'sort' } }\r\n    return this\r\n  }\r\n\r\n  // Batch operations\r\n  updateState(updates: Partial<IFilterState<T>>, details: IFilterChangeDetails = { area: 'filterButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, ...updates, details: { ...details, action: 'change' } }\r\n    return this\r\n  }\r\n\r\n  // Reset operations\r\n  reset(): FilterStore<T> {\r\n    this._state = { ...this._defaultFilter, details: { action: 'reset', isChanged: true } }\r\n    return this\r\n  }\r\n\r\n  resetFilter(details: IFilterChangeDetails = { area: 'filterButton' }): FilterStore<T> {\r\n    this._state = { ...this._state, filter: undefined, details: { action: 'reset', reason: 'filter', ...details } }\r\n    return this\r\n  }\r\n\r\n  resetQuickSearch(details: IFilterChangeDetails = { area: 'input' }): FilterStore<T> {\r\n    this._state = { ...this._state, quickSearch: undefined, details: { action: 'reset', reason: 'quickSearch', ...details } }\r\n    return this\r\n  }\r\n\r\n  resetPagination(details: IFilterChangeDetails = { reason: 'pagination' }): FilterStore<T> {\r\n    this._state = { ...this._state, pagination: undefined, details: { action: 'reset', reason: 'pagination', ...details } }\r\n    return this\r\n  }\r\n\r\n  resetSort(details: IFilterChangeDetails = { reason: 'sort' }): FilterStore<T> {\r\n    this._state = { ...this._state, sort: undefined, details: { action: 'reset', reason: 'sort', ...details } }\r\n    return this\r\n  }\r\n\r\n  // Utility methods\r\n  private isPaginationEqualToDefault(): boolean {\r\n    const curentVal = this._state.pagination\r\n    const defaultVal = this._defaultFilter?.pagination\r\n\r\n    if (!curentVal && !defaultVal) return true\r\n    if (!curentVal || !defaultVal) return false\r\n\r\n    return curentVal.page === defaultVal.page && curentVal.pageSize === defaultVal.pageSize\r\n  }\r\n\r\n  private isSortEqualToDefault(): boolean {\r\n    const currentVal = this._state.sort\r\n    const defaultVal = this._defaultFilter?.sort\r\n\r\n    if (!currentVal && !defaultVal) return true\r\n    if (!currentVal || !defaultVal) return false\r\n\r\n    return currentVal.field === defaultVal.field && currentVal.direction === defaultVal.direction\r\n  }\r\n\r\n  extractFilter(): IFilterState<T> {\r\n    const result: IFilterState<T> = {}\r\n\r\n    // Include filter if it exists\r\n    if (this._state.filter) {\r\n      result.filter = this._state.filter\r\n    }\r\n\r\n    // Include quickSearch if it exists\r\n    if (this._state.quickSearch) {\r\n      result.quickSearch = this._state.quickSearch\r\n    }\r\n\r\n    // Include pagination only if it's different from default\r\n    if (this._state.pagination && !this.isPaginationEqualToDefault()) {\r\n      result.pagination = this._state.pagination\r\n    }\r\n\r\n    // Include sort only if it's different from default\r\n    if (this._state.sort && !this.isSortEqualToDefault()) {\r\n      result.sort = this._state.sort\r\n    }\r\n\r\n    return result\r\n  }\r\n\r\n  countFilterItems(): number {\r\n    const filter = this._state.filter\r\n    if (!filter) return 0\r\n\r\n    return Object.values(filter).reduce<number>((count, items) => {\r\n      // If items is an array and return its length, otherwise return 0\r\n      return count + (Array.isArray(items) ? items.length : 0)\r\n    }, 0)\r\n  }\r\n\r\n  hasFilter(): boolean {\r\n    return !!this._state.filter && Object.keys(this._state.filter).length > 0\r\n  }\r\n\r\n  hasQuickSearch(): boolean {\r\n    return !!this._state.quickSearch\r\n  }\r\n\r\n  hasPagination(): boolean {\r\n    if (this.isPaginationEqualToDefault()) return false\r\n    return !!this._state.pagination\r\n  }\r\n\r\n  hasSort(): boolean {\r\n    if (this.isSortEqualToDefault()) return false\r\n    return !!this._state.sort\r\n  }\r\n\r\n  isEmpty(): boolean {\r\n    return !this.hasFilter() && !this.hasQuickSearch() && !this.hasPagination() && !this.hasSort()\r\n  }\r\n\r\n  converToQueryParam = (base: string) => {\r\n    const extractFilter = this.extractFilter()\r\n    const queryString = QueryParam.stringify({ filter: JSON.stringify(extractFilter) })\r\n    return base + queryString\r\n  }\r\n\r\n  // Build the final state\r\n  build(): IFilterState<T> {\r\n    return { ...this._state }\r\n  }\r\n}\r\nexport default FilterStore\r\n\r\nexport function createFilterStore<T>(filterState: IFilterState<T>, defaultFilter?: IFilterState<T>): FilterStore<T> {\r\n  return new FilterStore(filterState, defaultFilter)\r\n}\r\n"],"names":["FilterStore","_createClass","_this","this","initialState","arguments","length","undefined","defaultFilter","_classCallCheck","_defineProperty","base","extractFilter","QueryParam","stringify","filter","JSON","obj","_objectSpread","details","_state","_defaultFilter","key","get","value","field","filterItem","_this$_state$filter$f","_this$_state$filter","existingFieldItems","some","item","action","reason","isChanged","newFieldItems","concat","_toConsumableArray","updatedFilter","existingFilter","remainingFilter","_objectWithoutProperties","map","_toPropertyKey","hasRemainingFields","Object","keys","defaultDetails","fieldItems","itemIndex","findIndex","updatedFieldItems","_","index","_this$_state$quickSea","currentValues","quickSearch","newValues","allValues","Array","isArray","uniqueValues","from","Set","currentSet","size","val","has","valuesArray","indexOf","updatedValues","area","pagination","sort","currentSort","finalSort","direction","updates","_this$_defaultFilter","curentVal","defaultVal","page","pageSize","_this$_defaultFilter2","currentVal","result","isPaginationEqualToDefault","isSortEqualToDefault","values","reduce","count","items","hasFilter","hasQuickSearch","hasPagination","hasSort","createFilterStore","filterState"],"mappings":"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"}

package/dist/data-view/index.js

@@ -1,2 +1,2 @@
-export{EFieldMatch,EFieldValidate,EViewStatus}from"./types.js";export{EViewMode}from"./view-mode.types.js";export{createPaginationBar}from"./create.pagination-bar.js";export{FilterStore,createFilterStore}from"./filter-store.js";export{createKeyConverter,getKeyConverter}from"./key-converter.js";export{createConvertFilterToGraphQL}from"./convert-filter-to-graphql.js";export{createViewMode}from"./create.view-mode.js";export{DinoDataView}from"./dino.js";
+export{EFieldMatch,EFieldValidate,EViewStatus}from"./types.js";export{EViewMode}from"./view-mode.types.js";export{createPaginationBar}from"./create.pagination-bar.js";export{FilterStore,createFilterStore}from"./filter-store.js";export{createConvertFilterToGraphQL}from"./convert-filter-to-graphql.js";export{createViewMode}from"./create.view-mode.js";export{DinoDataView}from"./dino.js";
 //# sourceMappingURL=index.js.map

package/dist/data-view/query-param-url.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as e}from"../_virtual/_rollupPluginBabelHelpers.js";import{createFilterStore as r}from"./filter-store.js";import{tryParseObject as t}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react/jsx-runtime";import"react";import"react-router-dom";import{QueryParam as i}from"../utils/query-param.js";var o=function(e){if("undefined"!=typeof window)try{var t,o={filter:"",sk:""};if(e.filter&&Object.keys(e.filter).length>0){var n=r(e.filter,e.defaultFilter).extractFilter(),l=Object.keys(n).length>0?JSON.stringify(n):"";o.filter=l}o.sk=null!==(t=e.seedKey)&&void 0!==t?t:"",o.filter||o.sk?i.replacePatch(o):i.replaceDeletes("filter","sk")}catch(e){console.error("Error syncing filter and seedKey to URL:",e)}},n=function(e){if("undefined"==typeof window)return null;try{var r,o,n,l=i.gets("filter","sk");return{filter:t(l.filter,null!==(r=e.defaultFilter)&&void 0!==r?r:{}),seedKey:null!==(o=null!==(n=l.sk)&&void 0!==n?n:e.defaultSeedKey)&&void 0!==o?o:(new Date).getTime().toString()}}catch(e){return console.error("Error getting filter from URL:",e),null}},l=function(e){var r;if("undefined"==typeof window)return null!==(r=e.defaultSeedKey)&&void 0!==r?r:(new Date).getTime().toString();try{var t,o;return null!==(t=null!==(o=i.gets("sk").sk)&&void 0!==o?o:e.defaultSeedKey)&&void 0!==t?t:(new Date).getTime().toString()}catch(r){var n;return console.error("Error getting seed key from URL:",r),null!==(n=e.defaultSeedKey)&&void 0!==n?n:(new Date).getTime().toString()}},d=function(e){if("undefined"!=typeof window)try{var r,t={mode:e.viewMode!==e.defaultViewMode&&null!==(r=e.viewMode)&&void 0!==r?r:""};t.mode?i.replacePatch(t):i.replaceDeletes("mode")}catch(e){console.error("Error syncing view mode to URL:",e)}},f=function(e){if("undefined"==typeof window)return e.defaultViewMode;try{var r=i.gets("mode");return r.mode?r.mode:e.defaultViewMode}catch(r){return console.error("Error getting view mode from URL:",r),e.defaultViewMode}},u=function(r){var t=e({},r||{});return t.details&&delete t.details,i.stringify({filter:JSON.stringify(t)})};export{u as convertFilterToQueryParam,n as getQueryFromURL,l as getSeedKeyFromURL,f as getViewModeFromURL,o as syncQueryToURL,d as syncViewModeToURL};
+import{objectSpread2 as e}from"../_virtual/_rollupPluginBabelHelpers.js";import{createFilterStore as r}from"./filter-store.js";import{tryParseObject as t}from"../utils/helpers.js";import"../utils/dayjs-config.js";import{QueryParam as i}from"../utils/query-param.js";var o=function(e){if("undefined"!=typeof window)try{var t,o={filter:"",sk:""};if(e.filter&&Object.keys(e.filter).length>0){var n=r(e.filter,e.defaultFilter).extractFilter(),l=Object.keys(n).length>0?JSON.stringify(n):"";o.filter=l}o.sk=null!==(t=e.seedKey)&&void 0!==t?t:"",o.filter||o.sk?i.replacePatch(o):i.replaceDeletes("filter","sk")}catch(e){console.error("Error syncing filter and seedKey to URL:",e)}},n=function(e){if("undefined"==typeof window)return null;try{var r,o,n,l=i.gets("filter","sk");return{filter:t(l.filter,null!==(r=e.defaultFilter)&&void 0!==r?r:{}),seedKey:null!==(o=null!==(n=l.sk)&&void 0!==n?n:e.defaultSeedKey)&&void 0!==o?o:(new Date).getTime().toString()}}catch(e){return console.error("Error getting filter from URL:",e),null}},l=function(e){var r;if("undefined"==typeof window)return null!==(r=e.defaultSeedKey)&&void 0!==r?r:(new Date).getTime().toString();try{var t,o;return null!==(t=null!==(o=i.gets("sk").sk)&&void 0!==o?o:e.defaultSeedKey)&&void 0!==t?t:(new Date).getTime().toString()}catch(r){var n;return console.error("Error getting seed key from URL:",r),null!==(n=e.defaultSeedKey)&&void 0!==n?n:(new Date).getTime().toString()}},d=function(e){if("undefined"!=typeof window)try{var r,t={mode:e.viewMode!==e.defaultViewMode&&null!==(r=e.viewMode)&&void 0!==r?r:""};t.mode?i.replacePatch(t):i.replaceDeletes("mode")}catch(e){console.error("Error syncing view mode to URL:",e)}},f=function(e){if("undefined"==typeof window)return e.defaultViewMode;try{var r=i.gets("mode");return r.mode?r.mode:e.defaultViewMode}catch(r){return console.error("Error getting view mode from URL:",r),e.defaultViewMode}},u=function(r){var t=e({},r||{});return t.details&&delete t.details,i.stringify({filter:JSON.stringify(t)})};export{u as convertFilterToQueryParam,n as getQueryFromURL,l as getSeedKeyFromURL,f as getViewModeFromURL,o as syncQueryToURL,d as syncViewModeToURL};
 //# sourceMappingURL=query-param-url.js.map

package/dist/data-view/query-param-url.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-param-url.js","sources":["../../src/data-view/query-param-url.ts"],"sourcesContent":["import { IFilterState } from './types'\r\nimport { createFilterStore } from './filter-store'\r\nimport { QueryParam, tryParseObject } from '../utils'\r\nimport { EViewMode } from './view-mode.types'\r\n\r\nexport interface IViewDataQueryParams {\r\n  filter?: string\r\n  sk?: string\r\n  mode?: string\r\n}\r\n\r\nexport interface IViewDataHandlerDef<T> {\r\n  filter?: IFilterState<T>\r\n  seedKey?: string\r\n  defaultFilter?: IFilterState<T>\r\n  defaultSeedKey?: string\r\n  defaultValue?: string\r\n  viewMode?: EViewMode\r\n  defaultViewMode?: EViewMode\r\n}\r\n\r\nexport type IViewDataHandlerParams<T, K extends keyof IViewDataHandlerDef<T> = keyof IViewDataHandlerDef<T>> = Pick<IViewDataHandlerDef<T>, K>\r\n\r\nexport const syncQueryToURL = <T>(params: IViewDataHandlerParams<T, 'filter' | 'seedKey' | 'defaultFilter'>) => {\r\n  // If window is undefined (e.g., during SSR), do nothing\r\n  if (typeof window === 'undefined') return\r\n  try {\r\n    const updateParams: IViewDataQueryParams = { filter: '', sk: '' }\r\n\r\n    // Handle filter\r\n    if (!!params.filter && Object.keys(params.filter).length > 0) {\r\n      const store = createFilterStore(params.filter, params.defaultFilter)\r\n      const obj = store.extractFilter()\r\n      const filterString = Object.keys(obj).length > 0 ? JSON.stringify(obj) : ''\r\n      updateParams.filter = filterString\r\n    }\r\n\r\n    // Handle seedKey\r\n    updateParams.sk = params.seedKey ?? ''\r\n\r\n    // Update URL with both params at once\r\n    if (updateParams.filter || updateParams.sk) {\r\n      QueryParam.replacePatch<IViewDataQueryParams>(updateParams)\r\n    } else {\r\n      // If no params to update, remove existing filter and seedKey from URL\r\n      QueryParam.replaceDeletes<IViewDataQueryParams>('filter', 'sk')\r\n    }\r\n  } catch (error) {\r\n    console.error('Error syncing filter and seedKey to URL:', error)\r\n  }\r\n}\r\n\r\nexport const getQueryFromURL = <T>(params: IViewDataHandlerParams<T, 'defaultFilter' | 'defaultSeedKey'>) => {\r\n  // If window is undefined (e.g., during SSR), return null\r\n  if (typeof window === 'undefined') return null\r\n\r\n  // Attempt to parse filter and seedKey from URL\r\n  try {\r\n    const urlParams = QueryParam.gets<IViewDataQueryParams>('filter', 'sk')\r\n    const filter = tryParseObject<IFilterState<T>>(urlParams.filter, params.defaultFilter ?? {})\r\n    return {\r\n      filter,\r\n      seedKey: urlParams.sk ?? params.defaultSeedKey ?? new Date().getTime().toString()\r\n    }\r\n  } catch (error) {\r\n    console.error('Error getting filter from URL:', error)\r\n    return null\r\n  }\r\n}\r\n\r\n// Methods for managing seedKey in URL\r\nexport const getSeedKeyFromURL = <T>(params: IViewDataHandlerParams<T, 'defaultSeedKey'>): string => {\r\n  // If window is undefined (e.g., during SSR), return defaultSeedKey or current timestamp\r\n  if (typeof window === 'undefined') return params.defaultSeedKey ?? new Date().getTime().toString()\r\n  try {\r\n    const q = QueryParam.gets<IViewDataQueryParams>('sk')\r\n    return q.sk ?? params.defaultSeedKey ?? new Date().getTime().toString()\r\n  } catch (error) {\r\n    console.error('Error getting seed key from URL:', error)\r\n    return params.defaultSeedKey ?? new Date().getTime().toString()\r\n  }\r\n}\r\n\r\nexport const syncViewModeToURL = <T>(params: IViewDataHandlerParams<T, 'viewMode' | 'defaultViewMode'>) => {\r\n  // If window is undefined (e.g., during SSR), do nothing\r\n  if (typeof window === 'undefined') return\r\n  try {\r\n    const updateParams: IViewDataQueryParams = {\r\n      mode: params.viewMode !== params.defaultViewMode ? params.viewMode ?? '' : ''\r\n    }\r\n\r\n    // Update URL with view mode\r\n    if (updateParams.mode) {\r\n      QueryParam.replacePatch<IViewDataQueryParams>(updateParams)\r\n    } else {\r\n      // If no view mode to update, remove existing mode from URL\r\n      QueryParam.replaceDeletes<IViewDataQueryParams>('mode')\r\n    }\r\n  } catch (error) {\r\n    console.error('Error syncing view mode to URL:', error)\r\n  }\r\n}\r\n\r\nexport const getViewModeFromURL = <T>(params: IViewDataHandlerParams<T, 'defaultViewMode'>): EViewMode | undefined => {\r\n  // If window is undefined (e.g., during SSR), return defaultViewMode\r\n  if (typeof window === 'undefined') return params.defaultViewMode\r\n  try {\r\n    const q = QueryParam.gets<IViewDataQueryParams>('mode')\r\n    return q.mode ? (q.mode as EViewMode) : params.defaultViewMode\r\n  } catch (error) {\r\n    console.error('Error getting view mode from URL:', error)\r\n    return params.defaultViewMode\r\n  }\r\n}\r\n\r\nexport const convertFilterToQueryParam = <T>(filterState?: IFilterState<T>) => {\r\n  const obj = { ...(filterState || {}) }\r\n  if (!!obj.details) delete obj.details\r\n  return QueryParam.stringify<IViewDataQueryParams>({ filter: JSON.stringify(obj) })\r\n}\r\n"],"names":["syncQueryToURL","params","window","_params$seedKey","updateParams","filter","sk","Object","keys","length","obj","createFilterStore","defaultFilter","extractFilter","filterString","JSON","stringify","seedKey","QueryParam","replacePatch","replaceDeletes","error","console","getQueryFromURL","_params$defaultFilter","_ref","_urlParams$sk","urlParams","gets","tryParseObject","defaultSeedKey","Date","getTime","toString","getSeedKeyFromURL","_params$defaultSeedKe","_ref2","_q$sk","_params$defaultSeedKe2","syncViewModeToURL","_params$viewMode","mode","viewMode","defaultViewMode","getViewModeFromURL","q","convertFilterToQueryParam","filterState","_objectSpread","details"],"mappings":"+UAuBaA,EAAiB,SAAIC,GAEhC,GAAsB,oBAAXC,OACX,IAAI,IAAAC,EACIC,EAAqC,CAAEC,OAAQ,GAAIC,GAAI,IAG7D,GAAML,EAAOI,QAAUE,OAAOC,KAAKP,EAAOI,QAAQI,OAAS,EAAG,CAC5D,IACMC,EADQC,EAAkBV,EAAOI,OAAQJ,EAAOW,eACpCC,gBACZC,EAAeP,OAAOC,KAAKE,GAAKD,OAAS,EAAIM,KAAKC,UAAUN,GAAO,GACzEN,EAAaC,OAASS,CACvB,CAGDV,EAAaE,GAAmBH,QAAjBA,EAAGF,EAAOgB,eAAOd,IAAAA,EAAAA,EAAI,GAGhCC,EAAaC,QAAUD,EAAaE,GACtCY,EAAWC,aAAmCf,GAG9Cc,EAAWE,eAAqC,SAAU,KAE7D,CAAC,MAAOC,GACPC,QAAQD,MAAM,2CAA4CA,EAC3D,CACH,EAEaE,EAAkB,SAAItB,GAEjC,GAAsB,oBAAXC,OAAwB,OAAO,KAG1C,IAAI,IAAAsB,EAAAC,EAAAC,EACIC,EAAYT,EAAWU,KAA2B,SAAU,MAElE,MAAO,CACLvB,OAFawB,EAAgCF,EAAUtB,eAAMmB,EAAEvB,EAAOW,qBAAa,IAAAY,EAAAA,EAAI,CAAA,GAGvFP,QAA8C,QAAvCQ,EAAcC,QAAdA,EAAEC,EAAUrB,UAAEoB,IAAAA,EAAAA,EAAIzB,EAAO6B,sBAAc,IAAAL,EAAAA,GAAI,IAAIM,MAAOC,UAAUC,WAE1E,CAAC,MAAOZ,GAEP,OADAC,QAAQD,MAAM,iCAAkCA,GACzC,IACR,CACH,EAGaa,EAAoB,SAAIjC,GAA+D,IAAAkC,EAElG,GAAsB,oBAAXjC,OAAwB,OAA4BiC,QAA5BA,EAAOlC,EAAO6B,sBAAcK,IAAAA,EAAAA,GAAI,IAAIJ,MAAOC,UAAUC,WACxF,IAAI,IAAAG,EAAAC,EAEF,OAAoCD,QAApCA,EAAW,QAAXC,EADUnB,EAAWU,KAA2B,MACvCtB,UAAE,IAAA+B,EAAAA,EAAIpC,EAAO6B,sBAAcM,IAAAA,EAAAA,GAAI,IAAIL,MAAOC,UAAUC,UAC9D,CAAC,MAAOZ,GAAO,IAAAiB,EAEd,OADAhB,QAAQD,MAAM,mCAAoCA,GACtBiB,QAA5BA,EAAOrC,EAAO6B,0BAAcQ,EAAAA,GAAI,IAAIP,MAAOC,UAAUC,UACtD,CACH,EAEaM,EAAoB,SAAItC,GAEnC,GAAsB,oBAAXC,OACX,IAAI,IAAAsC,EACIpC,EAAqC,CACzCqC,KAAMxC,EAAOyC,WAAazC,EAAO0C,iBAAiCH,QAAlBA,EAAGvC,EAAOyC,oBAAQF,EAAAA,EAAS,IAIzEpC,EAAaqC,KACfvB,EAAWC,aAAmCf,GAG9Cc,EAAWE,eAAqC,OAEnD,CAAC,MAAOC,GACPC,QAAQD,MAAM,kCAAmCA,EAClD,CACH,EAEauB,EAAqB,SAAI3C,GAEpC,GAAsB,oBAAXC,OAAwB,OAAOD,EAAO0C,gBACjD,IACE,IAAME,EAAI3B,EAAWU,KAA2B,QAChD,OAAOiB,EAAEJ,KAAQI,EAAEJ,KAAqBxC,EAAO0C,eAChD,CAAC,MAAOtB,GAEP,OADAC,QAAQD,MAAM,oCAAqCA,GAC5CpB,EAAO0C,eACf,CACH,EAEaG,EAA4B,SAAIC,GAC3C,IAAMrC,EAAGsC,EAAA,GAASD,GAAe,CAAA,GAEjC,OADMrC,EAAIuC,gBAAgBvC,EAAIuC,QACvB/B,EAAWF,UAAgC,CAAEX,OAAQU,KAAKC,UAAUN,IAC7E"}
+{"version":3,"file":"query-param-url.js","sources":["../../src/data-view/query-param-url.ts"],"sourcesContent":["import { IFilterState } from './types'\r\nimport { createFilterStore } from './filter-store'\r\nimport { QueryParam, tryParseObject } from '../utils'\r\nimport { EViewMode } from './view-mode.types'\r\n\r\nexport interface IViewDataQueryParams {\r\n  filter?: string\r\n  sk?: string\r\n  mode?: string\r\n}\r\n\r\nexport interface IViewDataHandlerDef<T> {\r\n  filter?: IFilterState<T>\r\n  seedKey?: string\r\n  defaultFilter?: IFilterState<T>\r\n  defaultSeedKey?: string\r\n  defaultValue?: string\r\n  viewMode?: EViewMode\r\n  defaultViewMode?: EViewMode\r\n}\r\n\r\nexport type IViewDataHandlerParams<T, K extends keyof IViewDataHandlerDef<T> = keyof IViewDataHandlerDef<T>> = Pick<IViewDataHandlerDef<T>, K>\r\n\r\nexport const syncQueryToURL = <T>(params: IViewDataHandlerParams<T, 'filter' | 'seedKey' | 'defaultFilter'>) => {\r\n  // If window is undefined (e.g., during SSR), do nothing\r\n  if (typeof window === 'undefined') return\r\n  try {\r\n    const updateParams: IViewDataQueryParams = { filter: '', sk: '' }\r\n\r\n    // Handle filter\r\n    if (!!params.filter && Object.keys(params.filter).length > 0) {\r\n      const store = createFilterStore(params.filter, params.defaultFilter)\r\n      const obj = store.extractFilter()\r\n      const filterString = Object.keys(obj).length > 0 ? JSON.stringify(obj) : ''\r\n      updateParams.filter = filterString\r\n    }\r\n\r\n    // Handle seedKey\r\n    updateParams.sk = params.seedKey ?? ''\r\n\r\n    // Update URL with both params at once\r\n    if (updateParams.filter || updateParams.sk) {\r\n      QueryParam.replacePatch<IViewDataQueryParams>(updateParams)\r\n    } else {\r\n      // If no params to update, remove existing filter and seedKey from URL\r\n      QueryParam.replaceDeletes<IViewDataQueryParams>('filter', 'sk')\r\n    }\r\n  } catch (error) {\r\n    console.error('Error syncing filter and seedKey to URL:', error)\r\n  }\r\n}\r\n\r\nexport const getQueryFromURL = <T>(params: IViewDataHandlerParams<T, 'defaultFilter' | 'defaultSeedKey'>) => {\r\n  // If window is undefined (e.g., during SSR), return null\r\n  if (typeof window === 'undefined') return null\r\n\r\n  // Attempt to parse filter and seedKey from URL\r\n  try {\r\n    const urlParams = QueryParam.gets<IViewDataQueryParams>('filter', 'sk')\r\n    const filter = tryParseObject<IFilterState<T>>(urlParams.filter, params.defaultFilter ?? {})\r\n    return {\r\n      filter,\r\n      seedKey: urlParams.sk ?? params.defaultSeedKey ?? new Date().getTime().toString()\r\n    }\r\n  } catch (error) {\r\n    console.error('Error getting filter from URL:', error)\r\n    return null\r\n  }\r\n}\r\n\r\n// Methods for managing seedKey in URL\r\nexport const getSeedKeyFromURL = <T>(params: IViewDataHandlerParams<T, 'defaultSeedKey'>): string => {\r\n  // If window is undefined (e.g., during SSR), return defaultSeedKey or current timestamp\r\n  if (typeof window === 'undefined') return params.defaultSeedKey ?? new Date().getTime().toString()\r\n  try {\r\n    const q = QueryParam.gets<IViewDataQueryParams>('sk')\r\n    return q.sk ?? params.defaultSeedKey ?? new Date().getTime().toString()\r\n  } catch (error) {\r\n    console.error('Error getting seed key from URL:', error)\r\n    return params.defaultSeedKey ?? new Date().getTime().toString()\r\n  }\r\n}\r\n\r\nexport const syncViewModeToURL = <T>(params: IViewDataHandlerParams<T, 'viewMode' | 'defaultViewMode'>) => {\r\n  // If window is undefined (e.g., during SSR), do nothing\r\n  if (typeof window === 'undefined') return\r\n  try {\r\n    const updateParams: IViewDataQueryParams = {\r\n      mode: params.viewMode !== params.defaultViewMode ? params.viewMode ?? '' : ''\r\n    }\r\n\r\n    // Update URL with view mode\r\n    if (updateParams.mode) {\r\n      QueryParam.replacePatch<IViewDataQueryParams>(updateParams)\r\n    } else {\r\n      // If no view mode to update, remove existing mode from URL\r\n      QueryParam.replaceDeletes<IViewDataQueryParams>('mode')\r\n    }\r\n  } catch (error) {\r\n    console.error('Error syncing view mode to URL:', error)\r\n  }\r\n}\r\n\r\nexport const getViewModeFromURL = <T>(params: IViewDataHandlerParams<T, 'defaultViewMode'>): EViewMode | undefined => {\r\n  // If window is undefined (e.g., during SSR), return defaultViewMode\r\n  if (typeof window === 'undefined') return params.defaultViewMode\r\n  try {\r\n    const q = QueryParam.gets<IViewDataQueryParams>('mode')\r\n    return q.mode ? (q.mode as EViewMode) : params.defaultViewMode\r\n  } catch (error) {\r\n    console.error('Error getting view mode from URL:', error)\r\n    return params.defaultViewMode\r\n  }\r\n}\r\n\r\nexport const convertFilterToQueryParam = <T>(filterState?: IFilterState<T>) => {\r\n  const obj = { ...(filterState || {}) }\r\n  if (!!obj.details) delete obj.details\r\n  return QueryParam.stringify<IViewDataQueryParams>({ filter: JSON.stringify(obj) })\r\n}\r\n"],"names":["syncQueryToURL","params","window","_params$seedKey","updateParams","filter","sk","Object","keys","length","obj","createFilterStore","defaultFilter","extractFilter","filterString","JSON","stringify","seedKey","QueryParam","replacePatch","replaceDeletes","error","console","getQueryFromURL","_params$defaultFilter","_ref","_urlParams$sk","urlParams","gets","tryParseObject","defaultSeedKey","Date","getTime","toString","getSeedKeyFromURL","_params$defaultSeedKe","_ref2","_q$sk","_params$defaultSeedKe2","syncViewModeToURL","_params$viewMode","mode","viewMode","defaultViewMode","getViewModeFromURL","q","convertFilterToQueryParam","filterState","_objectSpread","details"],"mappings":"8QAuBaA,EAAiB,SAAIC,GAEhC,GAAsB,oBAAXC,OACX,IAAI,IAAAC,EACIC,EAAqC,CAAEC,OAAQ,GAAIC,GAAI,IAG7D,GAAML,EAAOI,QAAUE,OAAOC,KAAKP,EAAOI,QAAQI,OAAS,EAAG,CAC5D,IACMC,EADQC,EAAkBV,EAAOI,OAAQJ,EAAOW,eACpCC,gBACZC,EAAeP,OAAOC,KAAKE,GAAKD,OAAS,EAAIM,KAAKC,UAAUN,GAAO,GACzEN,EAAaC,OAASS,CACvB,CAGDV,EAAaE,GAAmBH,QAAjBA,EAAGF,EAAOgB,eAAOd,IAAAA,EAAAA,EAAI,GAGhCC,EAAaC,QAAUD,EAAaE,GACtCY,EAAWC,aAAmCf,GAG9Cc,EAAWE,eAAqC,SAAU,KAE7D,CAAC,MAAOC,GACPC,QAAQD,MAAM,2CAA4CA,EAC3D,CACH,EAEaE,EAAkB,SAAItB,GAEjC,GAAsB,oBAAXC,OAAwB,OAAO,KAG1C,IAAI,IAAAsB,EAAAC,EAAAC,EACIC,EAAYT,EAAWU,KAA2B,SAAU,MAElE,MAAO,CACLvB,OAFawB,EAAgCF,EAAUtB,eAAMmB,EAAEvB,EAAOW,qBAAa,IAAAY,EAAAA,EAAI,CAAA,GAGvFP,QAA8C,QAAvCQ,EAAcC,QAAdA,EAAEC,EAAUrB,UAAEoB,IAAAA,EAAAA,EAAIzB,EAAO6B,sBAAc,IAAAL,EAAAA,GAAI,IAAIM,MAAOC,UAAUC,WAE1E,CAAC,MAAOZ,GAEP,OADAC,QAAQD,MAAM,iCAAkCA,GACzC,IACR,CACH,EAGaa,EAAoB,SAAIjC,GAA+D,IAAAkC,EAElG,GAAsB,oBAAXjC,OAAwB,OAA4BiC,QAA5BA,EAAOlC,EAAO6B,sBAAcK,IAAAA,EAAAA,GAAI,IAAIJ,MAAOC,UAAUC,WACxF,IAAI,IAAAG,EAAAC,EAEF,OAAoCD,QAApCA,EAAW,QAAXC,EADUnB,EAAWU,KAA2B,MACvCtB,UAAE,IAAA+B,EAAAA,EAAIpC,EAAO6B,sBAAcM,IAAAA,EAAAA,GAAI,IAAIL,MAAOC,UAAUC,UAC9D,CAAC,MAAOZ,GAAO,IAAAiB,EAEd,OADAhB,QAAQD,MAAM,mCAAoCA,GACtBiB,QAA5BA,EAAOrC,EAAO6B,0BAAcQ,EAAAA,GAAI,IAAIP,MAAOC,UAAUC,UACtD,CACH,EAEaM,EAAoB,SAAItC,GAEnC,GAAsB,oBAAXC,OACX,IAAI,IAAAsC,EACIpC,EAAqC,CACzCqC,KAAMxC,EAAOyC,WAAazC,EAAO0C,iBAAiCH,QAAlBA,EAAGvC,EAAOyC,oBAAQF,EAAAA,EAAS,IAIzEpC,EAAaqC,KACfvB,EAAWC,aAAmCf,GAG9Cc,EAAWE,eAAqC,OAEnD,CAAC,MAAOC,GACPC,QAAQD,MAAM,kCAAmCA,EAClD,CACH,EAEauB,EAAqB,SAAI3C,GAEpC,GAAsB,oBAAXC,OAAwB,OAAOD,EAAO0C,gBACjD,IACE,IAAME,EAAI3B,EAAWU,KAA2B,QAChD,OAAOiB,EAAEJ,KAAQI,EAAEJ,KAAqBxC,EAAO0C,eAChD,CAAC,MAAOtB,GAEP,OADAC,QAAQD,MAAM,oCAAqCA,GAC5CpB,EAAO0C,eACf,CACH,EAEaG,EAA4B,SAAIC,GAC3C,IAAMrC,EAAGsC,EAAA,GAASD,GAAe,CAAA,GAEjC,OADMrC,EAAIuC,gBAAgBvC,EAAIuC,QACvB/B,EAAWF,UAAgC,CAAEX,OAAQU,KAAKC,UAAUN,IAC7E"}

package/dist/data-view/ui.units.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.units.js","sources":["../../src/data-view/ui.units.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState } from 'react'\r\nimport { Box, Button, ButtonProps, Fade, IconButton, InputBaseProps, Typography } from '@mui/material'\r\nimport { FormControlLabel, FormGroup, Radio, RadioGroup, TextField, colors, styled } from '@mui/material'\r\nimport { ToggleButton, Tooltip, ToggleButtonGroup, Checkbox, IconButtonProps, InputAdornment, InputBase } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport ShuffleIcon from '@mui/icons-material/Shuffle'\r\nimport ClearAllIcon from '@mui/icons-material/ClearAll'\r\nimport FilterListIcon from '@mui/icons-material/FilterList'\r\nimport ArrowUpwardIcon from '@mui/icons-material/ArrowUpward'\r\nimport ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'\r\nimport KeyboardReturnIcon from '@mui/icons-material/KeyboardReturn'\r\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'\r\nimport { mapDataViewContext } from './context'\r\nimport { IFilterLogic, IFilterDateLogic, IFilterDateRangeLogic, IFilterSelectDef, IValidationResult, IFilterDateDef, IFilterBasicDef } from './types'\r\nimport HelpTooltip from '../components/help-tooltip'\r\n\r\nexport const mapSortConfigs: Record<'asc' | 'desc', { title: string; icon: ReactNode }> = {\r\n  asc: { title: 'Ascending', icon: <ArrowUpwardIcon fontSize='small' /> },\r\n  desc: { title: 'Descending', icon: <ArrowDownwardIcon fontSize='small' /> }\r\n}\r\n\r\n//#region Toggle Components\r\nexport interface IFilterLogicToggleProps {\r\n  value?: IFilterLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: IFilterLogic) => void\r\n}\r\n\r\nexport const FilterLogicToggle: FC<IFilterLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) {\r\n      props.onChange(event, newValue as IFilterLogic)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'and'} exclusive onChange={handleChange}>\r\n      <ToggleButton size='small' value='and' aria-label='and logic'>\r\n        AND\r\n      </ToggleButton>\r\n      <ToggleButton size='small' value='or' aria-label='or logic'>\r\n        OR\r\n      </ToggleButton>\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n\r\nexport interface IDateLogicToggleProps {\r\n  value?: IFilterDateLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: IFilterDateLogic) => void\r\n}\r\n\r\nexport const DateLogicToggle: FC<IDateLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) {\r\n      props.onChange(event, newValue as IFilterDateLogic)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'before'} exclusive onChange={handleChange}>\r\n      <ToggleButton size='small' value='before' aria-label='before date'>\r\n        before\r\n      </ToggleButton>\r\n      <ToggleButton size='small' value='after' aria-label='after date'>\r\n        after\r\n      </ToggleButton>\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n\r\nexport interface IDateRangeLogicToggleProps {\r\n  value?: IFilterDateRangeLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: IFilterDateRangeLogic) => void\r\n}\r\n\r\nexport const DateRangeLogicToggle: FC<IDateRangeLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) {\r\n      props.onChange(event, newValue as IFilterDateRangeLogic)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'between'} exclusive onChange={handleChange}>\r\n      <ToggleButton size='small' value='between' aria-label='between dates'>\r\n        between\r\n      </ToggleButton>\r\n      <ToggleButton size='small' value='not-between' aria-label='not between dates'>\r\n        not between\r\n      </ToggleButton>\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n\r\nconst ToggleButtonGroupCustom = styled(ToggleButtonGroup)({\r\n  '& .MuiToggleButton-root': {\r\n    color: '#fff',\r\n    borderColor: 'rgba(255, 255, 255, 0.3)',\r\n    fontSize: '0.65rem',\r\n    fontWeight: 600,\r\n    lineHeight: 1,\r\n    minWidth: '40px',\r\n    padding: '6px 8px',\r\n    '&.Mui-selected': {\r\n      backgroundColor: '#1976d2',\r\n      color: '#fff',\r\n      '&:hover': {\r\n        backgroundColor: '#1565c0'\r\n      }\r\n    },\r\n    '&:hover': {\r\n      backgroundColor: 'rgba(255, 255, 255, 0.08)'\r\n    }\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Notes\r\nexport interface IFilterNotesProps {\r\n  title?: string\r\n  items?: string[]\r\n  disabledSize?: boolean\r\n  renderContent?: () => ReactNode\r\n}\r\n\r\nconst HelpTooltipContent: FC<{ items: string[] }> = (props) => (\r\n  <WrapList>\r\n    {props.items.map((item, index) => (\r\n      <Typography key={index} component='li' variant='body2'>\r\n        {item}\r\n      </Typography>\r\n    ))}\r\n  </WrapList>\r\n)\r\n\r\nexport const FilterNotes: FC<IFilterNotesProps> = (props) => (\r\n  <WrapIcon className={props.disabledSize === true ? 'disabled-size' : ''}>\r\n    <HelpTooltip small title={props.title ?? 'The search includes'}>\r\n      {props.renderContent ? props.renderContent() : <HelpTooltipContent items={props.items ?? []} />}\r\n    </HelpTooltip>\r\n  </WrapIcon>\r\n)\r\n//#endregion\r\n\r\n//#region Input\r\nexport const FilterInput = React.forwardRef<HTMLInputElement, InputBaseProps>((props, ref) => {\r\n  return <InputBase fullWidth autoComplete='off' size='small' {...props} inputRef={ref} />\r\n})\r\n\r\ninterface IFilterInputAdornmentProps {\r\n  notes?: IFilterNotesProps\r\n  keyword?: string\r\n  onClear: IconButtonProps['onClick']\r\n  onEnterSearch: ButtonProps['onClick']\r\n}\r\n\r\nexport const FilterInputAdornment: FC<IFilterInputAdornmentProps> = (props) => (\r\n  <InputAdornment position='end'>\r\n    {props.keyword && (\r\n      <>\r\n        <HelpButton size='small' color='primary' onClick={props.onEnterSearch} sx={{ display: { xs: 'none', md: 'flex' } }}>\r\n          <Typography variant='caption'>\r\n            Type and hit <b>Enter ⏎</b> to filter.\r\n          </Typography>\r\n        </HelpButton>\r\n        <Tooltip title='Press Enter to filter' placement='bottom' arrow>\r\n          <IconButton size='small' color='primary' sx={{ display: { xs: 'flex', md: 'none' } }} onClick={props.onEnterSearch}>\r\n            <KeyboardReturnIcon fontSize='small' />\r\n          </IconButton>\r\n        </Tooltip>\r\n      </>\r\n    )}\r\n    {props.keyword && (\r\n      <Tooltip title='Press Esc to clear' placement='bottom' arrow>\r\n        <IconButton\r\n          size='small'\r\n          sx={{\r\n            marginLeft: '8px',\r\n            color: 'text.error',\r\n            '&:hover': { color: 'error.main' }\r\n          }}\r\n          onClick={props.onClear}\r\n        >\r\n          <CloseIcon fontSize='small' />\r\n        </IconButton>\r\n      </Tooltip>\r\n    )}\r\n    {props.notes && <FilterNotes {...props.notes} />}\r\n  </InputAdornment>\r\n)\r\n\r\nconst HelpButton = styled(Button)({\r\n  padding: '4px 6px',\r\n  textTransform: 'none',\r\n  lineHeight: 1,\r\n  '.MuiTypography-root': {\r\n    fontWeight: 600,\r\n    b: {\r\n      fontWeight: 700,\r\n      backgroundColor: colors.blue[100],\r\n      borderRadius: '4px',\r\n      padding: '2px 4px'\r\n    }\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Button\r\nexport interface IButtonClearProps {\r\n  visibled?: boolean\r\n  onClick: IconButtonProps['onClick']\r\n}\r\n\r\nexport const ButtonClear: FC<IButtonClearProps> = (props) => (\r\n  <WrapIcon>\r\n    <Tooltip title='Remove filter'>\r\n      <Fade in={props.visibled} unmountOnExit>\r\n        <IconButton size='small' onClick={props.onClick}>\r\n          <CloseIcon fontSize='small' />\r\n        </IconButton>\r\n      </Fade>\r\n    </Tooltip>\r\n  </WrapIcon>\r\n)\r\n\r\nexport const ClearAllButton = React.forwardRef<HTMLButtonElement, ButtonProps>(({ children, ...props }, ref) => (\r\n  <ClearButtonStyled size='small' color='error' startIcon={<ClearAllIcon />} ref={ref} {...props}>\r\n    {children || 'Clear all'}\r\n  </ClearButtonStyled>\r\n))\r\n\r\nconst ClearButtonStyled = styled(Button)({ textTransform: 'none', fontWeight: 700 })\r\n\r\nexport const FilterButton = React.forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => (\r\n  <IconButton ref={ref} size='small' sx={{ flex: '0 0 auto' }} {...props}>\r\n    <FilterListIcon />\r\n  </IconButton>\r\n))\r\n\r\nexport const SortIconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => (\r\n  <IconButton ref={ref} size='small' sx={{ flex: '0 0 auto' }} {...props}>\r\n    <ShuffleIcon />\r\n  </IconButton>\r\n))\r\n\r\nexport const SortButton: FC<ButtonProps> = (props) => (\r\n  <>\r\n    {mapDataViewContext((context) => {\r\n      const { filterState, filterBarConfigs: configs } = context\r\n      const config: Partial<{ title: string; icon: ReactNode }> = filterState.sort ? mapSortConfigs[filterState.sort?.direction] : {}\r\n      const fieldConfig = configs.fields?.[filterState.sort?.field as any]\r\n      const text = fieldConfig?.label || filterState.sort?.field.toString() || configs.sortButton?.text\r\n      return (\r\n        <SortButtonStyled\r\n          size='small'\r\n          color='inherit'\r\n          startIcon={config.icon || <ShuffleIcon fontSize='small' />}\r\n          endIcon={configs.sortButton?.icon ?? <KeyboardArrowDownIcon fontSize='small' />}\r\n          onClick={(e) => context.onPopperPanelChange(e.currentTarget, 'sortButton')}\r\n          {...configs.sortButton?.wrapProps}\r\n          {...props}\r\n        >\r\n          {text || 'Sort'}\r\n        </SortButtonStyled>\r\n      )\r\n    })}\r\n  </>\r\n)\r\n\r\nconst SortButtonStyled = styled(Button)({\r\n  height: 'var(--filter-bar-height, 40px)',\r\n  padding: '0 16px',\r\n  backgroundColor: colors.grey[50],\r\n  border: '1px solid var(--color-divider, rgba(145 158 171 / 20%))',\r\n  textTransform: 'none',\r\n  fontWeight: 600,\r\n  ':hover': {\r\n    backgroundColor: colors.grey[100]\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Panel Not Found\r\nexport const PanelNotFound: FC<{ area?: string }> = ({ area }) => (\r\n  <Box sx={{ padding: '8px', textAlign: 'center', border: '1px solid #ddd', borderRadius: '4px' }}>\r\n    <Typography variant='body2' sx={{ padding: '8px' }}>\r\n      No panel available for area: {area}\r\n    </Typography>\r\n  </Box>\r\n)\r\n//#endregion\r\n\r\n//#region Form\r\ninterface IFormContentProps {\r\n  label: string\r\n  notes?: any\r\n  children?: React.ReactNode\r\n  afterTopBar?: React.ReactNode\r\n}\r\n\r\nconst FormContent: FC<IFormContentProps> = ({ label, notes, children, afterTopBar }) => (\r\n  <FormContentWrapper>\r\n    <Box className='top-bar'>\r\n      <Typography variant='subtitle2'>{label}</Typography>\r\n      {afterTopBar && <Box className='after-top-bar'>{afterTopBar}</Box>}\r\n      {notes && <FilterNotes title={`The ${label} includes`} disabledSize {...notes} />}\r\n    </Box>\r\n    <Box className='content'>{children}</Box>\r\n  </FormContentWrapper>\r\n)\r\n\r\nconst FormContentWrapper = styled(Box)({\r\n  minWidth: '200px',\r\n  borderRadius: '4px',\r\n  overflow: 'hidden',\r\n  '.top-bar': {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    background: colors.grey[900],\r\n    padding: '8px',\r\n    gap: '8px',\r\n    '.MuiTypography-root': {\r\n      color: colors.common.white,\r\n      flex: 1\r\n    }\r\n  },\r\n  '.after-top-bar': {\r\n    marginLeft: '8px'\r\n  },\r\n  '.content': {\r\n    padding: '8px'\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Menu - String Type\r\ninterface IMenuWithTypeBaseProps {\r\n  name: string\r\n  validationResult?: IValidationResult\r\n}\r\n\r\ninterface IMenuWithTypeStringProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterBasicDef\r\n}\r\n\r\nexport const MenuWithTypeString: FC<IMenuWithTypeStringProps> = (props) => {\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent label={label} notes={props.fieldConfig?.notes}>\r\n      <TextField\r\n        autoFocus\r\n        name={props.name}\r\n        size='small'\r\n        fullWidth\r\n        error={!!props.validationResult?.hasError}\r\n        helperText={props.validationResult?.message}\r\n      />\r\n    </FormContent>\r\n  )\r\n}\r\n//#endregion\r\n\r\n//#region Menu - Select Type\r\nexport interface IMenuWithTypeSelectProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterSelectDef\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\r\n}\r\n\r\nexport const MenuWithTypeSelect: FC<IMenuWithTypeSelectProps> = (props) => {\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent label={label} notes={props.fieldConfig?.notes}>\r\n      <CustomRadioGroup name={props.name} className={props.validationResult?.hasError ? 'error' : ''} onChange={props.onChange}>\r\n        {props.fieldConfig?.options.map((x, i) => (\r\n          <FormControlLabel key={x.value.toString() + i} value={x.value} control={<Radio />} label={x.label ?? x.value} />\r\n        ))}\r\n      </CustomRadioGroup>\r\n    </FormContent>\r\n  )\r\n}\r\n\r\nconst CustomRadioGroup = styled(RadioGroup)({\r\n  marginLeft: '-8px',\r\n  marginRight: '-8px',\r\n  '&.error .MuiRadio-root': {\r\n    color: '#d32f2f'\r\n  },\r\n  '.MuiFormControlLabel-root': {\r\n    margin: 0\r\n  },\r\n  '.MuiFormControlLabel-root:hover': {\r\n    backgroundColor: 'rgba(25, 118, 210, 0.04)'\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Menu - Select Multi Type\r\nexport interface IMenuWithTypeSelectMultiProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterSelectDef\r\n  onChange?: (event: React.SyntheticEvent, checked: boolean) => void\r\n}\r\n\r\nexport const MenuWithTypeSelectMulti: FC<IMenuWithTypeSelectMultiProps> = (props) => {\r\n  const [filterLogic, setFilterLogic] = useState<IFilterLogic>('and')\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent\r\n      label={label}\r\n      notes={props.fieldConfig?.notes}\r\n      afterTopBar={<FilterLogicToggle value={filterLogic} onChange={(_, value) => setFilterLogic(value)} />}\r\n    >\r\n      {/* Hidden input for logic value */}\r\n      <input type='hidden' name='filterLogic' value={filterLogic} />\r\n      <CustomFormGroup className={props.validationResult?.hasError ? 'error' : ''}>\r\n        {props.fieldConfig?.options.map((x, i) => (\r\n          <FormControlLabel\r\n            key={x.value.toString() + i}\r\n            value={x.value}\r\n            control={<Checkbox name={props.name} />}\r\n            label={x.label ?? x.value}\r\n            onChange={props.onChange}\r\n          />\r\n        ))}\r\n      </CustomFormGroup>\r\n    </FormContent>\r\n  )\r\n}\r\n\r\nconst CustomFormGroup = styled(FormGroup)({\r\n  marginLeft: '-8px',\r\n  marginRight: '-8px',\r\n  '&.error .MuiCheckbox-root': {\r\n    color: '#d32f2f'\r\n  },\r\n  '.MuiFormControlLabel-root': {\r\n    margin: 0\r\n  },\r\n  '.MuiFormControlLabel-root:hover': {\r\n    backgroundColor: 'rgba(25, 118, 210, 0.04)'\r\n  }\r\n})\r\n//#endregion\r\n\r\nfunction convertDateToCustomFormat(dateString: string): string {\r\n  if (!dateString || !/^\\d{4}-\\d{2}-\\d{2}$/.test(dateString)) return ''\r\n  return `${dateString}T00:00:00.0000000`\r\n}\r\n//#region Menu - Date Type\r\nexport interface IMenuWithTypeDateProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterDateDef\r\n}\r\n\r\nexport const MenuWithTypeDate: FC<IMenuWithTypeDateProps> = (props) => {\r\n  const [dateLogic, setDateLogic] = useState<IFilterDateLogic>('before')\r\n  const [value, setValue] = useState<string>('')\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent\r\n      label={label}\r\n      notes={props.fieldConfig?.notes}\r\n      afterTopBar={<DateLogicToggle value={dateLogic} onChange={(_, value) => setDateLogic(value)} />}\r\n    >\r\n      <Box className='content'>\r\n        {/* Hidden input for logic value */}\r\n        <input type='hidden' name='dateLogic' value={dateLogic} />\r\n        <input hidden type='text' name={props.name} readOnly value={convertDateToCustomFormat(value)} />\r\n        <TextField\r\n          autoFocus\r\n          fullWidth\r\n          type='date'\r\n          size='small'\r\n          value={value}\r\n          onChange={(event) => setValue(event.target.value)}\r\n          error={!!props.validationResult?.hasError}\r\n          helperText={props.validationResult?.message}\r\n          inputProps={{ min: props.fieldConfig?.minDate, max: props.fieldConfig?.maxDate }}\r\n        />\r\n      </Box>\r\n    </FormContent>\r\n  )\r\n}\r\n//#endregion\r\n\r\n//#region Menu - Date Range Type\r\nexport interface IMenuWithTypeDateRangeProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterDateDef\r\n}\r\n\r\nexport const MenuWithTypeDateRange: FC<IMenuWithTypeDateRangeProps> = (props) => {\r\n  const [dateRangeLogic, setDateRangeLogic] = useState<IFilterDateRangeLogic>('between')\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent\r\n      label={label}\r\n      notes={props.fieldConfig?.notes}\r\n      afterTopBar={<DateRangeLogicToggle value={dateRangeLogic} onChange={(_, value) => setDateRangeLogic(value)} />}\r\n    >\r\n      {/* Hidden input for logic value */}\r\n      <input type='hidden' name='dateRangeLogic' value={dateRangeLogic} />\r\n      <DateRangeContainer>\r\n        <TextField\r\n          autoFocus\r\n          fullWidth\r\n          name={`${props.name}_start`}\r\n          type='date'\r\n          size='small'\r\n          label='From'\r\n          error={!!props.validationResult?.hasError}\r\n          sx={{ marginBottom: 1 }}\r\n          InputLabelProps={{ shrink: true }}\r\n          inputProps={{ min: props.fieldConfig?.minDate, max: props.fieldConfig?.maxDate }}\r\n        />\r\n        <TextField\r\n          fullWidth\r\n          name={`${props.name}_end`}\r\n          type='date'\r\n          size='small'\r\n          label='To'\r\n          error={!!props.validationResult?.hasError}\r\n          helperText={props.validationResult?.message}\r\n          InputLabelProps={{ shrink: true }}\r\n          inputProps={{ min: props.fieldConfig?.minDate, max: props.fieldConfig?.maxDate }}\r\n        />\r\n      </DateRangeContainer>\r\n    </FormContent>\r\n  )\r\n}\r\n\r\nconst DateRangeContainer = styled(Box)({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  gap: '8px'\r\n})\r\n//#endregion\r\n\r\n//#region Styled\r\nconst WrapIcon = styled(Box)({\r\n  display: 'inline-flex',\r\n  flex: '0 0 auto',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  '&:not(.disabled-size)': {\r\n    width: '40px',\r\n    height: '40px'\r\n  }\r\n})\r\n\r\nconst WrapList = styled('ul')({\r\n  paddingLeft: '1.7rem',\r\n  marginBottom: 0,\r\n  li: {\r\n    position: 'relative',\r\n    textAlign: 'justify',\r\n    '&::before': {\r\n      content: '\"►\"',\r\n      display: 'block',\r\n      position: 'absolute',\r\n      top: '50%',\r\n      right: 'calc(100% + 6px)',\r\n      transform: 'translateY(-50%)',\r\n      fontSize: '0.9em'\r\n    }\r\n  }\r\n})\r\n//#endregion\r\n"],"names":["mapSortConfigs","asc","title","icon","_jsx","ArrowUpwardIcon","fontSize","desc","ArrowDownwardIcon","FilterLogicToggle","props","_jsxs","ToggleButtonGroupCustom","size","value","exclusive","onChange","event","newValue","children","ToggleButton","DateLogicToggle","DateRangeLogicToggle","styled","ToggleButtonGroup","color","borderColor","fontWeight","lineHeight","minWidth","padding","backgroundColor","HelpTooltipContent","WrapList","items","map","item","index","Typography","component","variant","FilterNotes","_props$title","_props$items","WrapIcon","className","disabledSize","HelpTooltip","small","renderContent","FilterInput","React","forwardRef","ref","InputBase","_objectSpread","fullWidth","autoComplete","inputRef","FilterInputAdornment","InputAdornment","position","keyword","_Fragment","HelpButton","onClick","onEnterSearch","sx","display","xs","md","Tooltip","placement","arrow","IconButton","KeyboardReturnIcon","marginLeft","onClear","CloseIcon","notes","Button","textTransform","b","colors","blue","borderRadius","ClearAllButton","_ref","_objectWithoutProperties","_excluded","ClearButtonStyled","startIcon","ClearAllIcon","FilterButton","flex","FilterListIcon","SortButton","mapDataViewContext","context","_filterState$sort","_configs$fields","_filterState$sort2","_filterState$sort3","_configs$sortButton","_configs$sortButton$i","_configs$sortButton2","_configs$sortButton3","filterState","configs","filterBarConfigs","config","sort","direction","fieldConfig","fields","field","text","label","toString","sortButton","SortButtonStyled","ShuffleIcon","endIcon","KeyboardArrowDownIcon","e","onPopperPanelChange","currentTarget","wrapProps","height","grey","border","PanelNotFound","_ref2","area","Box","textAlign","FormContent","_ref3","afterTopBar","FormContentWrapper","concat","overflow","alignItems","background","gap","common","white","MenuWithTypeString","_props$fieldConfig$la","_props$fieldConfig","_props$fieldConfig2","_props$validationResu","_props$validationResu2","name","TextField","autoFocus","error","validationResult","hasError","helperText","message","MenuWithTypeSelect","_props$fieldConfig$la2","_props$fieldConfig3","_props$fieldConfig4","_props$validationResu3","_props$fieldConfig5","CustomRadioGroup","options","x","i","_x$label","FormControlLabel","control","Radio","RadioGroup","marginRight","margin","MenuWithTypeSelectMulti","_props$fieldConfig$la3","_props$fieldConfig6","_props$fieldConfig7","_props$validationResu4","_props$fieldConfig8","_useState","useState","_useState2","_slicedToArray","filterLogic","setFilterLogic","_","type","CustomFormGroup","_x$label2","Checkbox","FormGroup","MenuWithTypeDate","_props$fieldConfig$la4","_props$fieldConfig9","_props$fieldConfig0","_props$validationResu5","_props$validationResu6","_props$fieldConfig1","_props$fieldConfig10","dateString","_useState3","_useState4","dateLogic","setDateLogic","_useState5","_useState6","setValue","hidden","readOnly","test","target","inputProps","min","minDate","max","maxDate","MenuWithTypeDateRange","_props$fieldConfig$la5","_props$fieldConfig11","_props$fieldConfig12","_props$validationResu7","_props$fieldConfig13","_props$fieldConfig14","_props$validationResu8","_props$validationResu9","_props$fieldConfig15","_props$fieldConfig16","_useState7","_useState8","dateRangeLogic","setDateRangeLogic","DateRangeContainer","marginBottom","InputLabelProps","shrink","flexDirection","justifyContent","width","paddingLeft","li","content","top","right","transform"],"mappings":"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"}
+{"version":3,"file":"ui.units.js","sources":["../../src/data-view/ui.units.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState } from 'react'\r\nimport { Box, Button, ButtonProps, Fade, IconButton, InputBaseProps, Typography } from '@mui/material'\r\nimport { FormControlLabel, FormGroup, Radio, RadioGroup, TextField, colors, styled } from '@mui/material'\r\nimport { ToggleButton, Tooltip, ToggleButtonGroup, Checkbox, IconButtonProps, InputAdornment, InputBase } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport ShuffleIcon from '@mui/icons-material/Shuffle'\r\nimport ClearAllIcon from '@mui/icons-material/ClearAll'\r\nimport FilterListIcon from '@mui/icons-material/FilterList'\r\nimport ArrowUpwardIcon from '@mui/icons-material/ArrowUpward'\r\nimport ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'\r\nimport KeyboardReturnIcon from '@mui/icons-material/KeyboardReturn'\r\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'\r\nimport { mapDataViewContext } from './context'\r\nimport { IFilterLogic, IFilterDateLogic, IFilterDateRangeLogic, IFilterSelectDef, IValidationResult, IFilterDateDef, IFilterBasicDef } from './types'\r\nimport HelpTooltip from '../components/help-tooltip'\r\n\r\nexport const mapSortConfigs: Record<'asc' | 'desc', { title: string; icon: ReactNode }> = {\r\n  asc: { title: 'Ascending', icon: <ArrowUpwardIcon fontSize='small' /> },\r\n  desc: { title: 'Descending', icon: <ArrowDownwardIcon fontSize='small' /> }\r\n}\r\n\r\n//#region Toggle Components\r\nexport interface IFilterLogicToggleProps {\r\n  value?: IFilterLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: IFilterLogic) => void\r\n}\r\n\r\nexport const FilterLogicToggle: FC<IFilterLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) {\r\n      props.onChange(event, newValue as IFilterLogic)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'and'} exclusive onChange={handleChange}>\r\n      <ToggleButton size='small' value='and' aria-label='and logic'>\r\n        AND\r\n      </ToggleButton>\r\n      <ToggleButton size='small' value='or' aria-label='or logic'>\r\n        OR\r\n      </ToggleButton>\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n\r\nexport interface IDateLogicToggleProps {\r\n  value?: IFilterDateLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: IFilterDateLogic) => void\r\n}\r\n\r\nexport const DateLogicToggle: FC<IDateLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) {\r\n      props.onChange(event, newValue as IFilterDateLogic)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'before'} exclusive onChange={handleChange}>\r\n      <ToggleButton size='small' value='before' aria-label='before date'>\r\n        before\r\n      </ToggleButton>\r\n      <ToggleButton size='small' value='after' aria-label='after date'>\r\n        after\r\n      </ToggleButton>\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n\r\nexport interface IDateRangeLogicToggleProps {\r\n  value?: IFilterDateRangeLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: IFilterDateRangeLogic) => void\r\n}\r\n\r\nexport const DateRangeLogicToggle: FC<IDateRangeLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) {\r\n      props.onChange(event, newValue as IFilterDateRangeLogic)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'between'} exclusive onChange={handleChange}>\r\n      <ToggleButton size='small' value='between' aria-label='between dates'>\r\n        between\r\n      </ToggleButton>\r\n      <ToggleButton size='small' value='not-between' aria-label='not between dates'>\r\n        not between\r\n      </ToggleButton>\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n\r\nconst ToggleButtonGroupCustom = styled(ToggleButtonGroup)({\r\n  '& .MuiToggleButton-root': {\r\n    color: '#fff',\r\n    borderColor: 'rgba(255, 255, 255, 0.3)',\r\n    fontSize: '0.65rem',\r\n    fontWeight: 600,\r\n    lineHeight: 1,\r\n    minWidth: '40px',\r\n    padding: '6px 8px',\r\n    '&.Mui-selected': {\r\n      backgroundColor: '#1976d2',\r\n      color: '#fff',\r\n      '&:hover': {\r\n        backgroundColor: '#1565c0'\r\n      }\r\n    },\r\n    '&:hover': {\r\n      backgroundColor: 'rgba(255, 255, 255, 0.08)'\r\n    }\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Notes\r\nexport interface IFilterNotesProps {\r\n  title?: string\r\n  items?: string[]\r\n  disabledSize?: boolean\r\n  renderContent?: () => ReactNode\r\n}\r\n\r\nconst HelpTooltipContent: FC<{ items: string[] }> = (props) => (\r\n  <WrapList>\r\n    {props.items.map((item, index) => (\r\n      <Typography key={index} component='li' variant='body2'>\r\n        {item}\r\n      </Typography>\r\n    ))}\r\n  </WrapList>\r\n)\r\n\r\nexport const FilterNotes: FC<IFilterNotesProps> = (props) => (\r\n  <WrapIcon className={props.disabledSize === true ? 'disabled-size' : ''}>\r\n    <HelpTooltip small title={props.title ?? 'The search includes'}>\r\n      {props.renderContent ? props.renderContent() : <HelpTooltipContent items={props.items ?? []} />}\r\n    </HelpTooltip>\r\n  </WrapIcon>\r\n)\r\n//#endregion\r\n\r\n//#region Input\r\nexport const FilterInput = React.forwardRef<HTMLInputElement, InputBaseProps>((props, ref) => {\r\n  return <InputBase fullWidth autoComplete='off' size='small' {...props} inputRef={ref} />\r\n})\r\n\r\ninterface IFilterInputAdornmentProps {\r\n  notes?: IFilterNotesProps\r\n  keyword?: string\r\n  onClear: IconButtonProps['onClick']\r\n  onEnterSearch: ButtonProps['onClick']\r\n}\r\n\r\nexport const FilterInputAdornment: FC<IFilterInputAdornmentProps> = (props) => (\r\n  <InputAdornment position='end'>\r\n    {props.keyword && (\r\n      <>\r\n        <HelpButton size='small' color='primary' onClick={props.onEnterSearch} sx={{ display: { xs: 'none', md: 'flex' } }}>\r\n          <Typography variant='caption'>\r\n            Type and hit <b>Enter ⏎</b> to filter.\r\n          </Typography>\r\n        </HelpButton>\r\n        <Tooltip title='Press Enter to filter' placement='bottom' arrow>\r\n          <IconButton size='small' color='primary' sx={{ display: { xs: 'flex', md: 'none' } }} onClick={props.onEnterSearch}>\r\n            <KeyboardReturnIcon fontSize='small' />\r\n          </IconButton>\r\n        </Tooltip>\r\n      </>\r\n    )}\r\n    {props.keyword && (\r\n      <Tooltip title='Press Esc to clear' placement='bottom' arrow>\r\n        <IconButton size='small' sx={{ marginLeft: '8px', color: 'text.error', '&:hover': { color: 'error.main' } }} onClick={props.onClear}>\r\n          <CloseIcon fontSize='small' />\r\n        </IconButton>\r\n      </Tooltip>\r\n    )}\r\n    {props.notes && <FilterNotes {...props.notes} />}\r\n  </InputAdornment>\r\n)\r\n\r\nconst HelpButton = styled(Button)({\r\n  padding: '4px 6px',\r\n  textTransform: 'none',\r\n  lineHeight: 1,\r\n  '.MuiTypography-root': {\r\n    fontWeight: 600,\r\n    b: {\r\n      fontWeight: 700,\r\n      backgroundColor: colors.blue[100],\r\n      borderRadius: '4px',\r\n      padding: '2px 4px'\r\n    }\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Button\r\nexport interface IButtonClearProps {\r\n  visibled?: boolean\r\n  onClick: IconButtonProps['onClick']\r\n}\r\n\r\nexport const ButtonClear: FC<IButtonClearProps> = (props) => (\r\n  <WrapIcon>\r\n    <Tooltip title='Remove filter'>\r\n      <Fade in={props.visibled} unmountOnExit>\r\n        <IconButton size='small' onClick={props.onClick}>\r\n          <CloseIcon fontSize='small' />\r\n        </IconButton>\r\n      </Fade>\r\n    </Tooltip>\r\n  </WrapIcon>\r\n)\r\n\r\nexport const ClearAllButton = React.forwardRef<HTMLButtonElement, ButtonProps>(({ children, ...props }, ref) => (\r\n  <ClearButtonStyled size='small' color='error' startIcon={<ClearAllIcon />} ref={ref} {...props}>\r\n    {children || 'Clear all'}\r\n  </ClearButtonStyled>\r\n))\r\n\r\nconst ClearButtonStyled = styled(Button)({ textTransform: 'none', fontWeight: 700 })\r\n\r\nexport const FilterButton = React.forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => (\r\n  <IconButton ref={ref} size='small' sx={{ flex: '0 0 auto' }} {...props}>\r\n    <FilterListIcon />\r\n  </IconButton>\r\n))\r\n\r\nexport const SortIconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => (\r\n  <IconButton ref={ref} size='small' sx={{ flex: '0 0 auto' }} {...props}>\r\n    <ShuffleIcon />\r\n  </IconButton>\r\n))\r\n\r\nexport const SortButton: FC<ButtonProps> = (props) => (\r\n  <>\r\n    {mapDataViewContext((context) => {\r\n      const { filterState, filterBarConfigs: configs } = context\r\n      const config: Partial<{ title: string; icon: ReactNode }> = filterState.sort ? mapSortConfigs[filterState.sort?.direction] : {}\r\n      const fieldConfig = configs.fields?.[filterState.sort?.field as any]\r\n      const text = fieldConfig?.label || filterState.sort?.field.toString() || configs.sortButton?.text\r\n      return (\r\n        <SortButtonStyled\r\n          size='small'\r\n          color='inherit'\r\n          startIcon={config.icon || <ShuffleIcon fontSize='small' />}\r\n          endIcon={configs.sortButton?.icon ?? <KeyboardArrowDownIcon fontSize='small' />}\r\n          onClick={(e) => context.onPopperPanelChange(e.currentTarget, 'sortButton')}\r\n          {...configs.sortButton?.wrapProps}\r\n          {...props}\r\n        >\r\n          {text || 'Sort'}\r\n        </SortButtonStyled>\r\n      )\r\n    })}\r\n  </>\r\n)\r\n\r\nconst SortButtonStyled = styled(Button)({\r\n  height: 'var(--filter-bar-height, 40px)',\r\n  padding: '0 16px',\r\n  backgroundColor: colors.grey[50],\r\n  border: '1px solid var(--color-divider, rgba(145 158 171 / 20%))',\r\n  textTransform: 'none',\r\n  fontWeight: 600,\r\n  ':hover': {\r\n    backgroundColor: colors.grey[100]\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Panel Not Found\r\nexport const PanelNotFound: FC<{ area?: string }> = ({ area }) => (\r\n  <Box sx={{ padding: '8px', textAlign: 'center', border: '1px solid #ddd', borderRadius: '4px' }}>\r\n    <Typography variant='body2' sx={{ padding: '8px' }}>\r\n      No panel available for area: {area}\r\n    </Typography>\r\n  </Box>\r\n)\r\n//#endregion\r\n\r\n//#region Form\r\ninterface IFormContentProps {\r\n  label: string\r\n  notes?: any\r\n  children?: React.ReactNode\r\n  afterTopBar?: React.ReactNode\r\n}\r\n\r\nconst FormContent: FC<IFormContentProps> = ({ label, notes, children, afterTopBar }) => (\r\n  <FormContentWrapper>\r\n    <Box className='top-bar'>\r\n      <Typography variant='subtitle2'>{label}</Typography>\r\n      {afterTopBar && <Box className='after-top-bar'>{afterTopBar}</Box>}\r\n      {notes && <FilterNotes title={`The ${label} includes`} disabledSize {...notes} />}\r\n    </Box>\r\n    <Box className='content'>{children}</Box>\r\n  </FormContentWrapper>\r\n)\r\n\r\nconst FormContentWrapper = styled(Box)({\r\n  minWidth: '200px',\r\n  borderRadius: '4px',\r\n  overflow: 'hidden',\r\n  '.top-bar': {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    background: colors.grey[900],\r\n    padding: '8px',\r\n    gap: '8px',\r\n    '.MuiTypography-root': {\r\n      color: colors.common.white,\r\n      flex: 1\r\n    }\r\n  },\r\n  '.after-top-bar': {\r\n    marginLeft: '8px'\r\n  },\r\n  '.content': {\r\n    padding: '8px'\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Menu - String Type\r\ninterface IMenuWithTypeBaseProps {\r\n  name: string\r\n  validationResult?: IValidationResult\r\n}\r\n\r\ninterface IMenuWithTypeStringProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterBasicDef\r\n}\r\n\r\nexport const MenuWithTypeString: FC<IMenuWithTypeStringProps> = (props) => {\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent label={label} notes={props.fieldConfig?.notes}>\r\n      <TextField\r\n        autoFocus\r\n        name={props.name}\r\n        size='small'\r\n        fullWidth\r\n        error={!!props.validationResult?.hasError}\r\n        helperText={props.validationResult?.message}\r\n      />\r\n    </FormContent>\r\n  )\r\n}\r\n//#endregion\r\n\r\n//#region Menu - Select Type\r\nexport interface IMenuWithTypeSelectProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterSelectDef\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\r\n}\r\n\r\nexport const MenuWithTypeSelect: FC<IMenuWithTypeSelectProps> = (props) => {\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent label={label} notes={props.fieldConfig?.notes}>\r\n      <CustomRadioGroup name={props.name} className={props.validationResult?.hasError ? 'error' : ''} onChange={props.onChange}>\r\n        {props.fieldConfig?.options.map((x, i) => (\r\n          <FormControlLabel key={x.value.toString() + i} value={x.value} control={<Radio />} label={x.label ?? x.value} />\r\n        ))}\r\n      </CustomRadioGroup>\r\n    </FormContent>\r\n  )\r\n}\r\n\r\nconst CustomRadioGroup = styled(RadioGroup)({\r\n  marginLeft: '-8px',\r\n  marginRight: '-8px',\r\n  '&.error .MuiRadio-root': {\r\n    color: '#d32f2f'\r\n  },\r\n  '.MuiFormControlLabel-root': {\r\n    margin: 0\r\n  },\r\n  '.MuiFormControlLabel-root:hover': {\r\n    backgroundColor: 'rgba(25, 118, 210, 0.04)'\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Menu - Select Multi Type\r\nexport interface IMenuWithTypeSelectMultiProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterSelectDef\r\n  onChange?: (event: React.SyntheticEvent, checked: boolean) => void\r\n}\r\n\r\nexport const MenuWithTypeSelectMulti: FC<IMenuWithTypeSelectMultiProps> = (props) => {\r\n  const [filterLogic, setFilterLogic] = useState<IFilterLogic>('and')\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent\r\n      label={label}\r\n      notes={props.fieldConfig?.notes}\r\n      afterTopBar={<FilterLogicToggle value={filterLogic} onChange={(_, value) => setFilterLogic(value)} />}\r\n    >\r\n      {/* Hidden input for logic value */}\r\n      <input type='hidden' name='filterLogic' value={filterLogic} />\r\n      <CustomFormGroup className={props.validationResult?.hasError ? 'error' : ''}>\r\n        {props.fieldConfig?.options.map((x, i) => (\r\n          <FormControlLabel\r\n            key={x.value.toString() + i}\r\n            value={x.value}\r\n            control={<Checkbox name={props.name} />}\r\n            label={x.label ?? x.value}\r\n            onChange={props.onChange}\r\n          />\r\n        ))}\r\n      </CustomFormGroup>\r\n    </FormContent>\r\n  )\r\n}\r\n\r\nconst CustomFormGroup = styled(FormGroup)({\r\n  marginLeft: '-8px',\r\n  marginRight: '-8px',\r\n  '&.error .MuiCheckbox-root': {\r\n    color: '#d32f2f'\r\n  },\r\n  '.MuiFormControlLabel-root': {\r\n    margin: 0\r\n  },\r\n  '.MuiFormControlLabel-root:hover': {\r\n    backgroundColor: 'rgba(25, 118, 210, 0.04)'\r\n  }\r\n})\r\n//#endregion\r\n\r\nfunction convertDateToCustomFormat(dateString: string): string {\r\n  if (!dateString || !/^\\d{4}-\\d{2}-\\d{2}$/.test(dateString)) return ''\r\n  return `${dateString}T00:00:00.0000000`\r\n}\r\n//#region Menu - Date Type\r\nexport interface IMenuWithTypeDateProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterDateDef\r\n}\r\n\r\nexport const MenuWithTypeDate: FC<IMenuWithTypeDateProps> = (props) => {\r\n  const [dateLogic, setDateLogic] = useState<IFilterDateLogic>('before')\r\n  const [value, setValue] = useState<string>('')\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent\r\n      label={label}\r\n      notes={props.fieldConfig?.notes}\r\n      afterTopBar={<DateLogicToggle value={dateLogic} onChange={(_, value) => setDateLogic(value)} />}\r\n    >\r\n      <Box className='content'>\r\n        {/* Hidden input for logic value */}\r\n        <input type='hidden' name='dateLogic' value={dateLogic} />\r\n        <input hidden type='text' name={props.name} readOnly value={convertDateToCustomFormat(value)} />\r\n        <TextField\r\n          autoFocus\r\n          fullWidth\r\n          type='date'\r\n          size='small'\r\n          value={value}\r\n          onChange={(event) => setValue(event.target.value)}\r\n          error={!!props.validationResult?.hasError}\r\n          helperText={props.validationResult?.message}\r\n          inputProps={{ min: props.fieldConfig?.minDate, max: props.fieldConfig?.maxDate }}\r\n        />\r\n      </Box>\r\n    </FormContent>\r\n  )\r\n}\r\n//#endregion\r\n\r\n//#region Menu - Date Range Type\r\nexport interface IMenuWithTypeDateRangeProps extends IMenuWithTypeBaseProps {\r\n  fieldConfig?: IFilterDateDef\r\n}\r\n\r\nexport const MenuWithTypeDateRange: FC<IMenuWithTypeDateRangeProps> = (props) => {\r\n  const [dateRangeLogic, setDateRangeLogic] = useState<IFilterDateRangeLogic>('between')\r\n  const label = props.fieldConfig?.label ?? props.name\r\n  return (\r\n    <FormContent\r\n      label={label}\r\n      notes={props.fieldConfig?.notes}\r\n      afterTopBar={<DateRangeLogicToggle value={dateRangeLogic} onChange={(_, value) => setDateRangeLogic(value)} />}\r\n    >\r\n      {/* Hidden input for logic value */}\r\n      <input type='hidden' name='dateRangeLogic' value={dateRangeLogic} />\r\n      <DateRangeContainer>\r\n        <TextField\r\n          autoFocus\r\n          fullWidth\r\n          name={`${props.name}_start`}\r\n          type='date'\r\n          size='small'\r\n          label='From'\r\n          error={!!props.validationResult?.hasError}\r\n          sx={{ marginBottom: 1 }}\r\n          InputLabelProps={{ shrink: true }}\r\n          inputProps={{ min: props.fieldConfig?.minDate, max: props.fieldConfig?.maxDate }}\r\n        />\r\n        <TextField\r\n          fullWidth\r\n          name={`${props.name}_end`}\r\n          type='date'\r\n          size='small'\r\n          label='To'\r\n          error={!!props.validationResult?.hasError}\r\n          helperText={props.validationResult?.message}\r\n          InputLabelProps={{ shrink: true }}\r\n          inputProps={{ min: props.fieldConfig?.minDate, max: props.fieldConfig?.maxDate }}\r\n        />\r\n      </DateRangeContainer>\r\n    </FormContent>\r\n  )\r\n}\r\n\r\nconst DateRangeContainer = styled(Box)({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  gap: '8px'\r\n})\r\n//#endregion\r\n\r\n//#region Styled\r\nconst WrapIcon = styled(Box)({\r\n  display: 'inline-flex',\r\n  flex: '0 0 auto',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  '&:not(.disabled-size)': {\r\n    width: '40px',\r\n    height: '40px'\r\n  }\r\n})\r\n\r\nconst WrapList = styled('ul')({\r\n  paddingLeft: '1.7rem',\r\n  marginBottom: 0,\r\n  li: {\r\n    position: 'relative',\r\n    textAlign: 'justify',\r\n    '&::before': {\r\n      content: '\"►\"',\r\n      display: 'block',\r\n      position: 'absolute',\r\n      top: '50%',\r\n      right: 'calc(100% + 6px)',\r\n      transform: 'translateY(-50%)',\r\n      fontSize: '0.9em'\r\n    }\r\n  }\r\n})\r\n//#endregion\r\n"],"names":["mapSortConfigs","asc","title","icon","_jsx","ArrowUpwardIcon","fontSize","desc","ArrowDownwardIcon","FilterLogicToggle","props","_jsxs","ToggleButtonGroupCustom","size","value","exclusive","onChange","event","newValue","children","ToggleButton","DateLogicToggle","DateRangeLogicToggle","styled","ToggleButtonGroup","color","borderColor","fontWeight","lineHeight","minWidth","padding","backgroundColor","HelpTooltipContent","WrapList","items","map","item","index","Typography","component","variant","FilterNotes","_props$title","_props$items","WrapIcon","className","disabledSize","HelpTooltip","small","renderContent","FilterInput","React","forwardRef","ref","InputBase","_objectSpread","fullWidth","autoComplete","inputRef","FilterInputAdornment","InputAdornment","position","keyword","_Fragment","HelpButton","onClick","onEnterSearch","sx","display","xs","md","Tooltip","placement","arrow","IconButton","KeyboardReturnIcon","marginLeft","onClear","CloseIcon","notes","Button","textTransform","b","colors","blue","borderRadius","ClearAllButton","_ref","_objectWithoutProperties","_excluded","ClearButtonStyled","startIcon","ClearAllIcon","FilterButton","flex","FilterListIcon","SortButton","mapDataViewContext","context","_filterState$sort","_configs$fields","_filterState$sort2","_filterState$sort3","_configs$sortButton","_configs$sortButton$i","_configs$sortButton2","_configs$sortButton3","filterState","configs","filterBarConfigs","config","sort","direction","fieldConfig","fields","field","text","label","toString","sortButton","SortButtonStyled","ShuffleIcon","endIcon","KeyboardArrowDownIcon","e","onPopperPanelChange","currentTarget","wrapProps","height","grey","border","PanelNotFound","_ref2","area","Box","textAlign","FormContent","_ref3","afterTopBar","FormContentWrapper","concat","overflow","alignItems","background","gap","common","white","MenuWithTypeString","_props$fieldConfig$la","_props$fieldConfig","_props$fieldConfig2","_props$validationResu","_props$validationResu2","name","TextField","autoFocus","error","validationResult","hasError","helperText","message","MenuWithTypeSelect","_props$fieldConfig$la2","_props$fieldConfig3","_props$fieldConfig4","_props$validationResu3","_props$fieldConfig5","CustomRadioGroup","options","x","i","_x$label","FormControlLabel","control","Radio","RadioGroup","marginRight","margin","MenuWithTypeSelectMulti","_props$fieldConfig$la3","_props$fieldConfig6","_props$fieldConfig7","_props$validationResu4","_props$fieldConfig8","_useState","useState","_useState2","_slicedToArray","filterLogic","setFilterLogic","_","type","CustomFormGroup","_x$label2","Checkbox","FormGroup","MenuWithTypeDate","_props$fieldConfig$la4","_props$fieldConfig9","_props$fieldConfig0","_props$validationResu5","_props$validationResu6","_props$fieldConfig1","_props$fieldConfig10","dateString","_useState3","_useState4","dateLogic","setDateLogic","_useState5","_useState6","setValue","hidden","readOnly","test","target","inputProps","min","minDate","max","maxDate","MenuWithTypeDateRange","_props$fieldConfig$la5","_props$fieldConfig11","_props$fieldConfig12","_props$validationResu7","_props$fieldConfig13","_props$fieldConfig14","_props$validationResu8","_props$validationResu9","_props$fieldConfig15","_props$fieldConfig16","_useState7","_useState8","dateRangeLogic","setDateRangeLogic","DateRangeContainer","marginBottom","InputLabelProps","shrink","flexDirection","justifyContent","width","paddingLeft","li","content","top","right","transform"],"mappings":"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"}

package/dist/data-view/view-mode.content.js

@@ -1,2 +1,2 @@
-import{inherits as r,createClass as o,classCallCheck as e,callSuper as t,defineProperty as i,objectSpread2 as n,objectWithoutProperties as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s}from"react/jsx-runtime";import{memo as l,Component as u}from"react";import{styled as d,colors as c,Typography as p,Grid as m}from"@mui/material";import{DataGrid as f}from"@mui/x-data-grid";var g=["Element"],b=["Element"],v=function(){return s(p,{variant:"subtitle1",color:"textSecondary",children:"No items to display"})};function h(){return l(function(){function i(r){var o;return e(this,i),(o=t(this,i,[r])).ElementComponent=r.configs.Element||v,o}return r(i,u),o(i,[{key:"shouldComponentUpdate",value:function(r){var o=this.props.configs,e=o.Element,t=a(o,g),i=r.configs,n=i.Element,s=a(i,b);e!==n&&(this.ElementComponent=r.configs.Element||v);var l=JSON.stringify(t)!==JSON.stringify(s);return JSON.stringify(this.props.data)!==JSON.stringify(r.data)||l}},{key:"render",value:function(){var r=this.ElementComponent,o=this.props,e=o.data,t=o.configs,i=t.size||{xs:12,sm:6,md:4,lg:3};return s(m,n(n({container:!0,spacing:t.spacing||0},t.wrapProps),{},{children:e.map((function(o,e){var a=t.getElementId?t.getElementId(o):e.toString(),l=t.elementWrapPropsGetter?t.elementWrapPropsGetter({data:o,index:e}):t.elementWrapProps||{};return s(m,n(n(n({item:!0},i),l),{},{children:s(r,{data:o,index:e})}),a)}))}))}}])}())}function y(){var a=function(r){var o,e=null!==(o=null==r?void 0:r.columns)&&void 0!==o?o:{};return Object.keys(e).map((function(r){var o=e[r];return n({field:String(r),sortable:!1},o)}))};return l(function(){function l(r){var o;return e(this,l),o=t(this,l,[r]),i(o,"columns",[]),o.columns=a(r.configs),o}return r(l,u),o(l,[{key:"shouldComponentUpdate",value:function(r){var o=JSON.stringify(this.props.value)!==JSON.stringify(r.value),e=JSON.stringify(this.props.configs)!==JSON.stringify(r.configs);return e&&(this.columns=a()),o||e}},{key:"render",value:function(){var r,o,e,t,i;if(this.props.configs&&Object.keys(null!==(r=null===(o=this.props.configs)||void 0===o?void 0:o.columns)&&void 0!==r?r:{}).length>0){var a=this.props.value;return s(x,n({hideFooter:!0,disableColumnFilter:!0,disableColumnMenu:!0,getRowId:null===(e=this.props.configs)||void 0===e?void 0:e.getRowId,rows:a,rowHeight:null===(t=this.props.configs)||void 0===t?void 0:t.rowHeight,columnHeaderHeight:48,getRowSpacing:function(r){return{top:r.isFirstVisible?8:4,bottom:4}},columns:this.columns,disableColumnSelector:!0},null===(i=this.props.slots)||void 0===i?void 0:i.dataGridProps))}}}])}())}var x=d(f)((function(r){var o=r.theme;return{"*":{boxSizing:"border-box"},"--custom-border-color":"rgba(145, 158, 171, 0.16)","--custom-bg-color":o.palette.background.paper,"--DataGrid-rowBorderColor":"transparent",borderColor:"transparent",".MuiDataGrid-cell":{"--rowBorderColor":"transparent",display:"flex",alignItems:"center"},".MuiDataGrid-cell:focus, .MuiDataGrid-columnHeader:focus":{outline:"none"},".MuiDataGrid-cell:focus-within, .MuiDataGrid-columnHeader:focus-within":{outline:"none"},".MuiDataGrid-cell.Mui-focusVisible, .MuiDataGrid-columnHeader.Mui-focusVisible":{outline:"none"},".MuiDataGrid-columnHeaders":{backgroundColor:c.grey[50],borderColor:"transparent",borderRadius:"6px"},".MuiDataGrid-virtualScrollerContent":{".MuiDataGrid-row":{borderRadius:"6px",border:"none",transition:"all 0.2s ease",backgroundColor:"var(--custom-bg-color)",".MuiDataGrid-cell":{backgroundColor:"var(--custom-bg-color)",border:"none",borderTop:"1px dashed var(--custom-border-color)",borderBottom:"1px dashed var(--custom-border-color)","&:first-of-type":{borderLeft:"1px dashed var(--custom-border-color)",borderRadius:"6px 0 0 6px"},"&:last-of-type":{borderRight:"1px dashed var(--custom-border-color)",borderRadius:"0 6px 6px 0"}},"&:hover":{"--custom-border-color":o.palette.divider,"--custom-bg-color":c.grey[50],transform:"translateY(-1px)",boxShadow:"rgba(99, 99, 99, 0.1) 0px 2px 8px 0px",".MuiDataGrid-cell":{borderTopStyle:"solid",borderBottomStyle:"solid","&:first-of-type":{borderLeftStyle:"solid"},"&:last-of-type":{borderRightStyle:"solid"}}}}}}}));export{y as createViewModeList,h as createViewModeModule};
+import{inherits as r,createClass as o,objectWithoutProperties as e,objectSpread2 as t,classCallCheck as i,callSuper as n,defineProperty as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s}from"react/jsx-runtime";import{memo as l,Component as u}from"react";import{styled as d,colors as c,Grid as p,Typography as m}from"@mui/material";import{DataGrid as f}from"@mui/x-data-grid";var g=["Element"],b=["Element"],v=function(){return s(m,{variant:"subtitle1",color:"textSecondary",children:"No items to display"})};function h(){return l(function(){function a(r){var o;return i(this,a),(o=n(this,a,[r])).ElementComponent=r.configs.Element||v,o}return r(a,u),o(a,[{key:"shouldComponentUpdate",value:function(r){var o=this.props.configs,t=o.Element,i=e(o,g),n=r.configs,a=n.Element,s=e(n,b);t!==a&&(this.ElementComponent=r.configs.Element||v);var l=JSON.stringify(i)!==JSON.stringify(s);return JSON.stringify(this.props.data)!==JSON.stringify(r.data)||l}},{key:"render",value:function(){var r=this.ElementComponent,o=this.props,e=o.data,i=o.configs,n=i.size||{xs:12,sm:6,md:4,lg:3};return s(p,t(t({container:!0,spacing:i.spacing||0},i.wrapProps),{},{children:e.map((function(o,e){var a=i.getElementId?i.getElementId(o):e.toString(),l=i.elementWrapPropsGetter?i.elementWrapPropsGetter({data:o,index:e}):i.elementWrapProps||{};return s(p,t(t(t({item:!0},n),l),{},{children:s(r,{data:o,index:e})}),a)}))}))}}])}())}function y(){var e=function(r){var o,e=null!==(o=null==r?void 0:r.columns)&&void 0!==o?o:{};return Object.keys(e).map((function(r){var o=e[r];return t({field:String(r),sortable:!1},o)}))};return l(function(){function l(r){var o;return i(this,l),o=n(this,l,[r]),a(o,"columns",[]),o.columns=e(r.configs),o}return r(l,u),o(l,[{key:"shouldComponentUpdate",value:function(r){var o=JSON.stringify(this.props.value)!==JSON.stringify(r.value),t=JSON.stringify(this.props.configs)!==JSON.stringify(r.configs);return t&&(this.columns=e()),o||t}},{key:"render",value:function(){var r,o,e,i,n;if(this.props.configs&&Object.keys(null!==(r=null===(o=this.props.configs)||void 0===o?void 0:o.columns)&&void 0!==r?r:{}).length>0){var a=this.props.value;return s(x,t({hideFooter:!0,disableColumnFilter:!0,disableColumnMenu:!0,getRowId:null===(e=this.props.configs)||void 0===e?void 0:e.getRowId,rows:a,rowHeight:null===(i=this.props.configs)||void 0===i?void 0:i.rowHeight,columnHeaderHeight:48,getRowSpacing:function(r){return{top:r.isFirstVisible?8:4,bottom:4}},columns:this.columns,disableColumnSelector:!0},null===(n=this.props.slots)||void 0===n?void 0:n.dataGridProps))}}}])}())}var x=d(f)((function(r){var o=r.theme;return{"*":{boxSizing:"border-box"},"--custom-border-color":"rgba(145, 158, 171, 0.16)","--custom-bg-color":o.palette.background.paper,"--DataGrid-rowBorderColor":"transparent",borderColor:"transparent",".MuiDataGrid-cell":{"--rowBorderColor":"transparent",display:"flex",alignItems:"center"},".MuiDataGrid-cell:focus, .MuiDataGrid-columnHeader:focus":{outline:"none"},".MuiDataGrid-cell:focus-within, .MuiDataGrid-columnHeader:focus-within":{outline:"none"},".MuiDataGrid-cell.Mui-focusVisible, .MuiDataGrid-columnHeader.Mui-focusVisible":{outline:"none"},".MuiDataGrid-columnHeaders":{backgroundColor:c.grey[50],borderColor:"transparent",borderRadius:"6px"},".MuiDataGrid-virtualScrollerContent":{".MuiDataGrid-row":{borderRadius:"6px",border:"none",transition:"all 0.2s ease",backgroundColor:"var(--custom-bg-color)",".MuiDataGrid-cell":{backgroundColor:"var(--custom-bg-color)",border:"none",borderTop:"1px dashed var(--custom-border-color)",borderBottom:"1px dashed var(--custom-border-color)","&:first-of-type":{borderLeft:"1px dashed var(--custom-border-color)",borderRadius:"6px 0 0 6px"},"&:last-of-type":{borderRight:"1px dashed var(--custom-border-color)",borderRadius:"0 6px 6px 0"}},"&:hover":{"--custom-border-color":o.palette.divider,"--custom-bg-color":c.grey[50],transform:"translateY(-1px)",boxShadow:"rgba(99, 99, 99, 0.1) 0px 2px 8px 0px",".MuiDataGrid-cell":{borderTopStyle:"solid",borderBottomStyle:"solid","&:first-of-type":{borderLeftStyle:"solid"},"&:last-of-type":{borderRightStyle:"solid"}}}}}}}));export{y as createViewModeList,h as createViewModeModule};
 //# sourceMappingURL=view-mode.content.js.map

package/dist/form/create.autocomplete.chips.js

@@ -1,2 +1,2 @@
-import{defineProperty as t,createClass as e,classCallCheck as n,toConsumableArray as o,inherits as r,callSuper as i,objectSpread2 as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,Fragment as s,jsx as u}from"react/jsx-runtime";import{Component as p,createElement as d}from"react";import{styled as c,Autocomplete as v,TextField as f,Chip as m,Typography as h,Tooltip as g,IconButton as y}from"@mui/material";import S from"@mui/icons-material/Remove";import{getErrorMessage as I}from"./helpers.js";var R;function C(o){var c=(null==o?void 0:o.separator)||"|",R=(null==o?void 0:o.limitTags)||2,C=null!=o&&o.saveLocalStorageByKey?B.initial(o.saveLocalStorageByKey):void 0,K=function(){function B(e){var r;return n(this,B),r=i(this,B,[e]),t(r,"refInput",null),t(r,"handleRemoveItem",(function(t,e){var n;t.preventDefault(),t.stopPropagation(),console.log(e);var o=null!==(n=null==C?void 0:C.delete(e))&&void 0!==n?n:[];r.setState({options:o})})),t(r,"handleAddOption",(function(t,e){if(null!=o&&o.saveLocalStorageByKey){var n,i=null!==(n=null==C?void 0:C.setItems(r.state.options,e))&&void 0!==n?n:r.state.options;r.setState({value:e,options:i})}else r.setState({value:e});r.refInput&&(r.refInput.value=e.join(c)),r.props.name&&r.props.onBlur&&r.props.onBlur(r.props.name)})),t(r,"isBtnRemoveOption",(function(t){var e,n,i,l=r.state.value.findIndex((function(e){return e===t}))<0;return(null!==(e=null!==(n=null==o?void 0:o.optionItems)&&void 0!==n?n:null===(i=r.props.slots)||void 0===i?void 0:i.optionItems)&&void 0!==e?e:[]).findIndex((function(e){return e===t}))<0&&l})),t(r,"getSelectOptions",(function(){var t,e,n=null!==(t=null==o?void 0:o.optionItems)&&void 0!==t?t:[];null!=o&&o.saveLocalStorageByKey&&(n=null!==(e=null==C?void 0:C.getItemsAndMerge(n))&&void 0!==e?e:[]);return n})),t(r,"getTextFieldProps",(function(){var t=r.props,e=t.name,n=t.label,o=t.placeholder,i=t.onBlur,l=t.messageErrors,a=I(l,e);return{label:n,placeholder:o||"Add new",onBlur:function(){e&&i&&i(e)},error:a.error,helperText:a.message}})),t(r,"getDefaultValue",(function(){var t,e,n=r.props,o=n.name,i=n.data,l=o?null==i||null===(t=i[o])||void 0===t?void 0:t.toString():"";return null!==(e=null==l?void 0:l.split(c).filter((function(t){return!!t})))&&void 0!==e?e:[]})),r.state={value:r.getDefaultValue(),options:r.getSelectOptions()},r}return r(B,p),e(B,[{key:"render",value:function(){var t=this,e=this.props.name;return a(s,{children:[u(v,{multiple:!0,freeSolo:!0,limitTags:R,value:this.state.value,onChange:this.handleAddOption,options:this.state.options,renderOption:function(e,n){return d(x,l(l({},e),{},{key:n}),u(h,{variant:"subtitle1",sx:{flex:1},children:n}),t.isBtnRemoveOption(n)&&u(g,{title:"Remove option",arrow:!0,placement:"left",children:u(y,{size:"small",onClick:function(e){return t.handleRemoveItem(e,n)},children:u(S,{fontSize:"small"})})}))},renderTags:function(t,e){return t.map((function(t,n){return d(m,l(l({label:t},e({index:n})),{},{key:t.toString()}))}))},renderInput:function(e){return u(f,l(l({},e),{},{variant:"outlined"},t.getTextFieldProps()))}}),u("input",{ref:function(e){t.refInput=e},hidden:!0,type:"text",name:null==e?void 0:e.toString(),defaultValue:this.state.value.join(c)})]})}}])}();return K}var x=c("li")({display:"flex",alignItems:"center"}),B=e((function e(r,i){var l=this;n(this,e),t(this,"storeKeyRoot","autocomplete_chip_store"),t(this,"getRoot",(function(){try{var t=window.localStorage.getItem(l.storeKeyRoot);return JSON.parse(null!=t?t:"{}")}catch(t){return{}}})),t(this,"getChild",(function(){return l.getRoot()[l.storeKey]})),t(this,"setRoot",(function(t){window.localStorage.setItem(l.storeKeyRoot,JSON.stringify(t))})),t(this,"setChild",(function(t){var e=l.getRoot();e[l.storeKey]=t,l.setRoot(e)})),t(this,"getItemsAndMerge",(function(t){try{return Array.from(new Set([].concat(o(l.getChild()),o(t)))).sort()}catch(e){return t}})),t(this,"setItems",(function(t,e){var n=Array.from(new Set([].concat(o(t),o(e)))).sort();return l.setChild(n),n})),t(this,"delete",(function(t){var e=l.getChild().filter((function(e){return e!==t}));return l.setChild(e),e})),this.storeKey=r,i&&this.setChild(i)}));R=B,t(B,"initial",(function(t,e){return new R(t,e)}));export{C as default};
+import{defineProperty as t,createClass as e,classCallCheck as n,toConsumableArray as o,inherits as r,objectSpread2 as i,callSuper as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,Fragment as s,jsx as u}from"react/jsx-runtime";import{createElement as p,Component as d}from"react";import{styled as c,Autocomplete as v,TextField as f,Chip as m,Typography as h,Tooltip as g,IconButton as y}from"@mui/material";import S from"@mui/icons-material/Remove";import{getErrorMessage as I}from"./helpers.js";var R;function C(o){var c=(null==o?void 0:o.separator)||"|",R=(null==o?void 0:o.limitTags)||2,C=null!=o&&o.saveLocalStorageByKey?B.initial(o.saveLocalStorageByKey):void 0,K=function(){function B(e){var r;return n(this,B),r=l(this,B,[e]),t(r,"refInput",null),t(r,"handleRemoveItem",(function(t,e){var n;t.preventDefault(),t.stopPropagation(),console.log(e);var o=null!==(n=null==C?void 0:C.delete(e))&&void 0!==n?n:[];r.setState({options:o})})),t(r,"handleAddOption",(function(t,e){if(null!=o&&o.saveLocalStorageByKey){var n,i=null!==(n=null==C?void 0:C.setItems(r.state.options,e))&&void 0!==n?n:r.state.options;r.setState({value:e,options:i})}else r.setState({value:e});r.refInput&&(r.refInput.value=e.join(c)),r.props.name&&r.props.onBlur&&r.props.onBlur(r.props.name)})),t(r,"isBtnRemoveOption",(function(t){var e,n,i,l=r.state.value.findIndex((function(e){return e===t}))<0;return(null!==(e=null!==(n=null==o?void 0:o.optionItems)&&void 0!==n?n:null===(i=r.props.slots)||void 0===i?void 0:i.optionItems)&&void 0!==e?e:[]).findIndex((function(e){return e===t}))<0&&l})),t(r,"getSelectOptions",(function(){var t,e,n=null!==(t=null==o?void 0:o.optionItems)&&void 0!==t?t:[];null!=o&&o.saveLocalStorageByKey&&(n=null!==(e=null==C?void 0:C.getItemsAndMerge(n))&&void 0!==e?e:[]);return n})),t(r,"getTextFieldProps",(function(){var t=r.props,e=t.name,n=t.label,o=t.placeholder,i=t.onBlur,l=t.messageErrors,a=I(l,e);return{label:n,placeholder:o||"Add new",onBlur:function(){e&&i&&i(e)},error:a.error,helperText:a.message}})),t(r,"getDefaultValue",(function(){var t,e,n=r.props,o=n.name,i=n.data,l=o?null==i||null===(t=i[o])||void 0===t?void 0:t.toString():"";return null!==(e=null==l?void 0:l.split(c).filter((function(t){return!!t})))&&void 0!==e?e:[]})),r.state={value:r.getDefaultValue(),options:r.getSelectOptions()},r}return r(B,d),e(B,[{key:"render",value:function(){var t=this,e=this.props.name;return a(s,{children:[u(v,{multiple:!0,freeSolo:!0,limitTags:R,value:this.state.value,onChange:this.handleAddOption,options:this.state.options,renderOption:function(e,n){return p(x,i(i({},e),{},{key:n}),u(h,{variant:"subtitle1",sx:{flex:1},children:n}),t.isBtnRemoveOption(n)&&u(g,{title:"Remove option",arrow:!0,placement:"left",children:u(y,{size:"small",onClick:function(e){return t.handleRemoveItem(e,n)},children:u(S,{fontSize:"small"})})}))},renderTags:function(t,e){return t.map((function(t,n){return p(m,i(i({label:t},e({index:n})),{},{key:t.toString()}))}))},renderInput:function(e){return u(f,i(i({},e),{},{variant:"outlined"},t.getTextFieldProps()))}}),u("input",{ref:function(e){t.refInput=e},hidden:!0,type:"text",name:null==e?void 0:e.toString(),defaultValue:this.state.value.join(c)})]})}}])}();return K}var x=c("li")({display:"flex",alignItems:"center"}),B=e((function e(r,i){var l=this;n(this,e),t(this,"storeKeyRoot","autocomplete_chip_store"),t(this,"getRoot",(function(){try{var t=window.localStorage.getItem(l.storeKeyRoot);return JSON.parse(null!=t?t:"{}")}catch(t){return{}}})),t(this,"getChild",(function(){return l.getRoot()[l.storeKey]})),t(this,"setRoot",(function(t){window.localStorage.setItem(l.storeKeyRoot,JSON.stringify(t))})),t(this,"setChild",(function(t){var e=l.getRoot();e[l.storeKey]=t,l.setRoot(e)})),t(this,"getItemsAndMerge",(function(t){try{return Array.from(new Set([].concat(o(l.getChild()),o(t)))).sort()}catch(e){return t}})),t(this,"setItems",(function(t,e){var n=Array.from(new Set([].concat(o(t),o(e)))).sort();return l.setChild(n),n})),t(this,"delete",(function(t){var e=l.getChild().filter((function(e){return e!==t}));return l.setChild(e),e})),this.storeKey=r,i&&this.setChild(i)}));R=B,t(B,"initial",(function(t,e){return new R(t,e)}));export{C as default};
 //# sourceMappingURL=create.autocomplete.chips.js.map

package/dist/form/create.date-expired.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,inherits as t,createClass as r,classCallCheck as a,callSuper as i,objectSpread2 as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{Component as l}from"react";import{LocalizationProvider as u}from"@mui/x-date-pickers";import{AdapterDayjs as c}from"@mui/x-date-pickers/AdapterDayjs";import{styled as d,Box as p,colors as h,TextField as f,Typography as m,Switch as g}from"@mui/material";import{getErrorMessage as C}from"./helpers.js";import{mergeObjects as v,tryParseIntRequired as y}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"react-router-dom";import"../utils/query-param.js";import D from"dayjs";var b="DateExpired-root",x="DateExpired-control",k="DateExpired-label",w="DateExpired-expired",O="DateExpired-labelSwitch",j="DateExpired-input",E="DateExpired-switch";function N(d){var p=function(){function p(t){var r,s;return a(this,p),s=i(this,p,[t]),e(s,"defaultNumberOfDays",30),e(s,"mapTextFieldProps",(function(){var e=s.props,t=e.messageErrors,r=e.name,a=e.onBlur,i=s.props.disabled||!s.state.switchChecked,l={fullWidth:!0,className:j,label:n("span",{className:k,children:["Expiry date",s.state.switchChecked&&o("b",{children:s.getOffsetDate(s.state.numberOfDays)})]}),variant:"outlined",type:"number",disabled:i,value:s.state.switchChecked?s.state.numberOfDays:0,onChange:s.handleChange};if(r){l.onBlur=function(){return a&&a(r)};var u,c=C(t,r);if(c.error)l.error=Boolean(c.error),l.helperText=null!==(u=c.message)&&void 0!==u?u:""}return v({},l,s.mergeConfig.textFieldProps)})),e(s,"handleChange",(function(e){var t=""!=e.target.value?parseInt(e.target.value):0;s.setState({numberOfDays:t},(function(){var e=C(s.props.messageErrors,s.props.name);t>0&&e.error&&s.mergeConfig.handleBlur()}))})),e(s,"getRootClasses",(function(){var e=[b];return s.state.numberOfDays<1&&e.push(w),e.join(" ")})),e(s,"getNumberOfDays",(function(){return"number"===s.mergeConfig.type?y(s.mergeConfig.defaulValue,s.defaultNumberOfDays):s.getDaysUntilDate(s.mergeConfig.defaulValue,s.defaultNumberOfDays)})),e(s,"getOffsetDate",(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"MM-DD-YYYY";return D().add(e,"day").format(t)})),e(s,"getDaysUntilDate",(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;try{if(!e)return t;var r=D(e),a=D(),i=r.diff(a,"day",!0);return Math.round(i)}catch(e){return t}})),s.mergeConfigCached=null!==(r=s.updateMergeConfig(t.slots))&&void 0!==r?r:{},s.state={numberOfDays:s.getNumberOfDays(),switchChecked:s.mergeConfig.switchChecked},s.id=(new Date).getTime().toString(),s}return t(p,l),r(p,[{key:"mergeConfig",get:function(){return this.mergeConfigCached}},{key:"defaultValueInput",get:function(){return"number"===this.mergeConfig.type?this.state.numberOfDays:this.getOffsetDate(this.state.numberOfDays,"YYYY-MM-DDTHH:mm:ss.sssZ")}},{key:"componentDidUpdate",value:function(e){e.slots===this.props.slots&&e.data===this.props.data||(this.mergeConfigCached=this.updateMergeConfig(this.props.slots))}},{key:"render",value:function(){var e,t=this;return o(u,{dateAdapter:c,children:n(M,{className:this.getRootClasses(),children:[o("input",{type:"text",hidden:!0,name:null===(e=this.props.name)||void 0===e?void 0:e.toString(),defaultValue:this.defaultValueInput},this.defaultValueInput),o(f,s({},this.mapTextFieldProps())),n("div",{className:x,children:[o(m,s(s({variant:"caption",className:O},{component:"label",htmlFor:this.id}),{},{sx:{color:this.state.switchChecked?"success.main":"#767676"},children:this.state.switchChecked?"Use Expiration Date":"No Expiration"})),o(g,s({id:this.id,size:"small",color:"success",checked:this.state.switchChecked,onChange:function(e,r){return t.setState({switchChecked:r})}},this.mergeConfig.switchProps))]})]})})}},{key:"updateMergeConfig",value:function(e){var t,r=null!=e?e:{},a=r.switchChecked,i=r.switchCheckedGetter,n=v(d,e),o=this.props,l=o.data,u=o.name,c=o.onBlur,p=o.defaultValue,h=null!=p?p:l&&u?null===(t=l[u])||void 0===t?void 0:t.toString():void 0,f=!!l&&(!!h||!!a);return i&&(f=i(h,l)),s(s({},n),{},{switchChecked:f,defaulValue:h,handleBlur:function(){u&&c&&c(u)}})}}])}();return p}var M=d(p)(e(e(e(e(e(e({display:"flex",alignItems:"center",gap:"10px",position:"relative"},".".concat(E),{margin:0,flex:"0 0 auto"}),".".concat(k),{b:{color:h.blue[600],marginLeft:"8px"}}),".".concat(O),{fontWeight:600,cursor:"pointer"}),".".concat(x),{position:"absolute",top:0,right:0,height:"100%",display:"flex",alignItems:"center"}),".".concat(j),{".MuiInputBase-input":{paddingRight:"160px"}}),"&.".concat(w),e({},".".concat(k),{b:{color:h.red[600]}})));export{N as default};
+import{defineProperty as e,inherits as t,createClass as r,objectSpread2 as a,classCallCheck as i,callSuper as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as o}from"react/jsx-runtime";import{Component as l}from"react";import{LocalizationProvider as u}from"@mui/x-date-pickers";import{AdapterDayjs as c}from"@mui/x-date-pickers/AdapterDayjs";import{styled as d,Box as p,colors as h,TextField as f,Typography as m,Switch as g}from"@mui/material";import{getErrorMessage as C}from"./helpers.js";import{mergeObjects as v,tryParseIntRequired as y}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import D from"dayjs";var b="DateExpired-root",x="DateExpired-control",k="DateExpired-label",w="DateExpired-expired",O="DateExpired-labelSwitch",j="DateExpired-input",E="DateExpired-switch";function N(d){var p=function(){function p(t){var r,a;return i(this,p),a=s(this,p,[t]),e(a,"defaultNumberOfDays",30),e(a,"mapTextFieldProps",(function(){var e=a.props,t=e.messageErrors,r=e.name,i=e.onBlur,s=a.props.disabled||!a.state.switchChecked,l={fullWidth:!0,className:j,label:o("span",{className:k,children:["Expiry date",a.state.switchChecked&&n("b",{children:a.getOffsetDate(a.state.numberOfDays)})]}),variant:"outlined",type:"number",disabled:s,value:a.state.switchChecked?a.state.numberOfDays:0,onChange:a.handleChange};if(r){l.onBlur=function(){return i&&i(r)};var u,c=C(t,r);if(c.error)l.error=Boolean(c.error),l.helperText=null!==(u=c.message)&&void 0!==u?u:""}return v({},l,a.mergeConfig.textFieldProps)})),e(a,"handleChange",(function(e){var t=""!=e.target.value?parseInt(e.target.value):0;a.setState({numberOfDays:t},(function(){var e=C(a.props.messageErrors,a.props.name);t>0&&e.error&&a.mergeConfig.handleBlur()}))})),e(a,"getRootClasses",(function(){var e=[b];return a.state.numberOfDays<1&&e.push(w),e.join(" ")})),e(a,"getNumberOfDays",(function(){return"number"===a.mergeConfig.type?y(a.mergeConfig.defaulValue,a.defaultNumberOfDays):a.getDaysUntilDate(a.mergeConfig.defaulValue,a.defaultNumberOfDays)})),e(a,"getOffsetDate",(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"MM-DD-YYYY";return D().add(e,"day").format(t)})),e(a,"getDaysUntilDate",(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;try{if(!e)return t;var r=D(e),a=D(),i=r.diff(a,"day",!0);return Math.round(i)}catch(e){return t}})),a.mergeConfigCached=null!==(r=a.updateMergeConfig(t.slots))&&void 0!==r?r:{},a.state={numberOfDays:a.getNumberOfDays(),switchChecked:a.mergeConfig.switchChecked},a.id=(new Date).getTime().toString(),a}return t(p,l),r(p,[{key:"mergeConfig",get:function(){return this.mergeConfigCached}},{key:"defaultValueInput",get:function(){return"number"===this.mergeConfig.type?this.state.numberOfDays:this.getOffsetDate(this.state.numberOfDays,"YYYY-MM-DDTHH:mm:ss.sssZ")}},{key:"componentDidUpdate",value:function(e){e.slots===this.props.slots&&e.data===this.props.data||(this.mergeConfigCached=this.updateMergeConfig(this.props.slots))}},{key:"render",value:function(){var e,t=this;return n(u,{dateAdapter:c,children:o(M,{className:this.getRootClasses(),children:[n("input",{type:"text",hidden:!0,name:null===(e=this.props.name)||void 0===e?void 0:e.toString(),defaultValue:this.defaultValueInput},this.defaultValueInput),n(f,a({},this.mapTextFieldProps())),o("div",{className:x,children:[n(m,a(a({variant:"caption",className:O},{component:"label",htmlFor:this.id}),{},{sx:{color:this.state.switchChecked?"success.main":"#767676"},children:this.state.switchChecked?"Use Expiration Date":"No Expiration"})),n(g,a({id:this.id,size:"small",color:"success",checked:this.state.switchChecked,onChange:function(e,r){return t.setState({switchChecked:r})}},this.mergeConfig.switchProps))]})]})})}},{key:"updateMergeConfig",value:function(e){var t,r=null!=e?e:{},i=r.switchChecked,s=r.switchCheckedGetter,n=v(d,e),o=this.props,l=o.data,u=o.name,c=o.onBlur,p=o.defaultValue,h=null!=p?p:l&&u?null===(t=l[u])||void 0===t?void 0:t.toString():void 0,f=!!l&&(!!h||!!i);return s&&(f=s(h,l)),a(a({},n),{},{switchChecked:f,defaulValue:h,handleBlur:function(){u&&c&&c(u)}})}}])}();return p}var M=d(p)(e(e(e(e(e(e({display:"flex",alignItems:"center",gap:"10px",position:"relative"},".".concat(E),{margin:0,flex:"0 0 auto"}),".".concat(k),{b:{color:h.blue[600],marginLeft:"8px"}}),".".concat(O),{fontWeight:600,cursor:"pointer"}),".".concat(x),{position:"absolute",top:0,right:0,height:"100%",display:"flex",alignItems:"center"}),".".concat(j),{".MuiInputBase-input":{paddingRight:"160px"}}),"&.".concat(w),e({},".".concat(k),{b:{color:h.red[600]}})));export{N as default};
 //# sourceMappingURL=create.date-expired.js.map