dinocollab-core 1.1.15 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/codegen.js +66 -0
- package/dist/_virtual/_rollupPluginBabelHelpers.js +2 -2
- package/dist/api-context/index.js +2 -0
- package/dist/api-context/index.js.map +1 -0
- package/dist/components/create.multi-select-dropdown.js +1 -1
- package/dist/components/create.multi-select-dropdown.js.map +1 -1
- package/dist/components/help-tooltip.js +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -0
- package/dist/data-view/convert-filter-to-graphql.js +1 -1
- package/dist/data-view/convert-filter-to-graphql.js.map +1 -1
- package/dist/data-view/create.active-filters-panel.js +1 -1
- package/dist/data-view/create.active-filters-panel.js.map +1 -1
- package/dist/data-view/create.filter-bar.js +1 -1
- package/dist/data-view/create.filter-bar.js.map +1 -1
- package/dist/data-view/dino.js +1 -1
- package/dist/data-view/dino.js.map +1 -1
- package/dist/data-view/filter-store.js +1 -1
- package/dist/data-view/filter-store.js.map +1 -1
- package/dist/data-view/index.js +2 -0
- package/dist/data-view/index.js.map +1 -0
- package/dist/data-view/query-param-url.js +1 -1
- package/dist/data-view/query-param-url.js.map +1 -1
- package/dist/form/create.date-expired.js +1 -1
- package/dist/form/create.date-expired.js.map +1 -1
- package/dist/form/create.date-picker.js +1 -1
- package/dist/form/create.date-picker.js.map +1 -1
- package/dist/form/create.form-comfirm.js +1 -1
- package/dist/form/create.form-comfirm.js.map +1 -1
- package/dist/form/create.form-grid-layout.js +1 -1
- package/dist/form/create.form-grid-layout.js.map +1 -1
- package/dist/form/create.input-file.csv-local-parser.js +1 -1
- package/dist/form/create.input-file.csv-local-parser.js.map +1 -1
- package/dist/form/create.input.js +1 -1
- package/dist/form/create.input.js.map +1 -1
- package/dist/form/create.select-simple.js +1 -1
- package/dist/form/create.select-simple.js.map +1 -1
- package/dist/form/create.select-with-api.js +1 -1
- package/dist/form/create.select-with-api.js.map +1 -1
- package/dist/form/create.text-editor.js +1 -1
- package/dist/form/create.text-editor.js.map +1 -1
- package/dist/form/index.js +2 -0
- package/dist/form/index.js.map +1 -0
- package/dist/form/modal-wrapper.js +1 -1
- package/dist/form/modal-wrapper.js.map +1 -1
- package/dist/form/validator.js +1 -1
- package/dist/form/validator.js.map +1 -1
- package/dist/http-service/base/crud-service-base.js +2 -0
- package/dist/http-service/base/crud-service-base.js.map +1 -0
- package/dist/http-service/base/gateway.js +2 -0
- package/dist/http-service/base/gateway.js.map +1 -0
- package/dist/http-service/base/helpers.js +2 -0
- package/dist/http-service/base/helpers.js.map +1 -0
- package/dist/http-service/base/service-base.js +2 -0
- package/dist/http-service/base/service-base.js.map +1 -0
- package/dist/http-service/base/types.js +2 -0
- package/dist/http-service/base/types.js.map +1 -0
- package/dist/http-service/graphql/app-profile.js +2 -0
- package/dist/http-service/graphql/app-profile.js.map +1 -0
- package/dist/http-service/graphql/graphql-request.js +2 -0
- package/dist/http-service/graphql/graphql-request.js.map +1 -0
- package/dist/http-service/graphql/key-converter.js.map +1 -0
- package/dist/http-service/graphql/request-param.js +2 -0
- package/dist/http-service/graphql/request-param.js.map +1 -0
- package/dist/http-service/graphql/types.js +2 -0
- package/dist/http-service/graphql/types.js.map +1 -0
- package/dist/http-service/index.js +2 -0
- package/dist/http-service/index.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/mfe-auth/auth-enums.js +2 -0
- package/dist/mfe-auth/auth-enums.js.map +1 -0
- package/dist/mfe-auth/auth-mfe-manager.js +2 -0
- package/dist/mfe-auth/auth-mfe-manager.js.map +1 -0
- package/dist/mfe-auth/auth-mfe-provider.js +2 -0
- package/dist/mfe-auth/auth-mfe-provider.js.map +1 -0
- package/dist/mfe-auth/auth-types.js +2 -0
- package/dist/mfe-auth/auth-types.js.map +1 -0
- package/dist/mfe-auth/index.js +2 -0
- package/dist/mfe-auth/index.js.map +1 -0
- package/dist/mfe-auth/micro-frontend-auth-hooks.js +2 -0
- package/dist/mfe-auth/micro-frontend-auth-hooks.js.map +1 -0
- package/dist/mfe-modules/index.js +2 -0
- package/dist/mfe-modules/index.js.map +1 -0
- package/dist/mfe-modules/mfe-navigate.debug.js +2 -0
- package/dist/mfe-modules/mfe-navigate.debug.js.map +1 -0
- package/dist/mfe-modules/mfe-navigate.remote.js +2 -0
- package/dist/mfe-modules/mfe-navigate.remote.js.map +1 -0
- package/dist/mfe-modules/nextjs/index.js +2 -0
- package/dist/mfe-modules/nextjs/index.js.map +1 -0
- package/dist/mfe-modules/nextjs/provider.js +2 -0
- package/dist/mfe-modules/nextjs/provider.js.map +1 -0
- package/dist/mfe-modules/react/index.js +2 -0
- package/dist/mfe-modules/react/index.js.map +1 -0
- package/dist/mfe-modules/react/provider.js +2 -0
- package/dist/mfe-modules/react/provider.js.map +1 -0
- package/dist/redux/index.js +2 -0
- package/dist/redux/index.js.map +1 -0
- package/dist/redux/ui.error-page.js +1 -1
- package/dist/redux/ui.error-page.js.map +1 -1
- package/dist/table/create.action-row.js +1 -1
- package/dist/table/create.action-row.js.map +1 -1
- package/dist/table/create.table.js +1 -1
- package/dist/table/create.table.js.map +1 -1
- package/dist/table/dino.js +1 -1
- package/dist/table/dino.js.map +1 -1
- package/dist/table/helpers.js +1 -1
- package/dist/table/helpers.js.map +1 -1
- package/dist/table/index.js +2 -0
- package/dist/table/index.js.map +1 -0
- package/dist/table/toolbar-pannel.js +1 -1
- package/dist/table/toolbar-pannel.js.map +1 -1
- package/dist/table/ui.buttons.js +1 -1
- package/dist/table/ui.buttons.js.map +1 -1
- package/dist/table/ui.units.js +1 -1
- package/dist/table/ui.units.js.map +1 -1
- package/dist/table-grid/create.table-grid.js +1 -1
- package/dist/table-grid/create.table-grid.js.map +1 -1
- package/dist/table-grid/filter-bar/create.filter-bar.js +1 -1
- package/dist/table-grid/filter-bar/create.filter-bar.js.map +1 -1
- package/dist/table-grid/index.js +2 -0
- package/dist/table-grid/index.js.map +1 -0
- package/dist/table-grid/item-actions.js +1 -1
- package/dist/table-grid/item-actions.js.map +1 -1
- package/dist/table-grid/toolbar-pannel.js +1 -1
- package/dist/table-grid/toolbar-pannel.js.map +1 -1
- package/dist/table-grid/url-query-param.js +1 -1
- package/dist/table-grid/url-query-param.js.map +1 -1
- package/dist/types/data-view/convert-filter-to-graphql.d.ts +3 -3
- package/dist/types/data-view/dino.d.ts +2 -2
- package/dist/types/data-view/index.d.ts +0 -1
- package/dist/types/data-view/query-param-url.d.ts +1 -1
- package/dist/types/http-service/base/crud-service-base.d.ts +68 -0
- package/dist/types/http-service/base/gateway.d.ts +3 -0
- package/dist/types/http-service/base/helpers.d.ts +31 -0
- package/dist/types/http-service/base/index.d.ts +6 -0
- package/dist/types/http-service/base/service-base.d.ts +132 -0
- package/dist/types/http-service/base/type.api-alert.d.ts +17 -0
- package/dist/types/http-service/base/types.d.ts +45 -0
- package/dist/types/http-service/graphql/app-profile.d.ts +17 -0
- package/dist/types/http-service/graphql/graphql-request.d.ts +83 -0
- package/dist/types/http-service/graphql/index.d.ts +5 -0
- package/dist/types/{data-view → http-service/graphql}/key-converter.d.ts +2 -1
- package/dist/types/http-service/graphql/request-param.d.ts +65 -0
- package/dist/types/http-service/graphql/types.d.ts +62 -0
- package/dist/types/http-service/index.d.ts +2 -0
- package/dist/types/index.d.ts +5 -9
- package/dist/types/mfe-auth/auth-enums.d.ts +40 -0
- package/dist/types/mfe-auth/auth-mfe-manager.d.ts +68 -0
- package/dist/types/mfe-auth/auth-mfe-provider.d.ts +19 -0
- package/dist/types/mfe-auth/auth-types.d.ts +33 -0
- package/dist/types/mfe-auth/index.d.ts +6 -0
- package/dist/types/mfe-auth/micro-frontend-auth-hooks.d.ts +164 -0
- package/dist/types/mfe-modules/index.d.ts +2 -0
- package/dist/types/mfe-modules/mfe-navigate.debug.d.ts +2 -0
- package/dist/types/mfe-modules/mfe-navigate.remote.d.ts +10 -0
- package/dist/types/mfe-modules/nextjs/index.d.ts +1 -0
- package/dist/types/mfe-modules/nextjs/provider.d.ts +2 -0
- package/dist/types/mfe-modules/react/index.d.ts +1 -0
- package/dist/types/mfe-modules/react/provider.d.ts +3 -0
- package/dist/types/mfe-modules/types.d.ts +7 -0
- package/dist/types/utils/index.d.ts +0 -1
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/query-param.js +1 -1
- package/dist/utils/query-param.js.map +1 -1
- package/package.json +177 -66
- package/dist/assets/vector-404.webp.js +0 -2
- package/dist/assets/vector-404.webp.js.map +0 -1
- package/dist/data-view/key-converter.js.map +0 -1
- package/dist/types/utils/mfe-events.d.ts +0 -12
- package/dist/utils/mfe-events.js +0 -2
- package/dist/utils/mfe-events.js.map +0 -1
- /package/dist/{data-view → http-service/graphql}/key-converter.js +0 -0
package/dist/data-view/dino.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createClass as t,classCallCheck as r,defineProperty as e}from"../_virtual/_rollupPluginBabelHelpers.js";import o from"dayjs";import"../utils/dayjs-config.js";import"
|
|
1
|
+
import{createClass as t,classCallCheck as r,defineProperty as e}from"../_virtual/_rollupPluginBabelHelpers.js";import o from"dayjs";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{createFilterStore as i}from"./filter-store.js";import{createViewMode as a}from"./create.view-mode.js";import{createViewModeButtons as s}from"./view-mode.units.js";import{syncQueryToURL as m,getQueryFromURL as n,getSeedKeyFromURL as l,syncViewModeToURL as c,getViewModeFromURL as u,convertFilterToQueryParam as f}from"./query-param-url.js";import{createConvertFilterToGraphQL as h}from"./convert-filter-to-graphql.js";import{createKeyConverter as p}from"../http-service/graphql/key-converter.js";import{createPaginationBar as v}from"./create.pagination-bar.js";import d from"./create.data-view.js";var y=new(t((function t(){var y=this;r(this,t),e(this,"createDataView",d),e(this,"createKeyConverter",p),e(this,"createConvertFilterToGraphQL",h),e(this,"createFilterStore",i),e(this,"createPaginationBar",v),e(this,"createViewMode",a),e(this,"createViewModeButtons",s),e(this,"syncQueryToURL",m),e(this,"getQueryFromURL",n),e(this,"getSeedKeyFromURL",l),e(this,"syncViewModeToURL",c),e(this,"getViewModeFromURL",u),e(this,"convertFilterToQueryParam",f),e(this,"formatterDate",(function(t,r){var e,i,a=null!==(e=null==r?void 0:r.formatString)&&void 0!==e?e:"MM/DD/YYYY HH:mm",s=null!==(i=null==r?void 0:r.showRelative)&&void 0!==i&&i;try{if(!t)return"";var m=o(t),n=m.format(a);return s?"".concat(n," (").concat(o().to(m),")"):n}catch(t){return""}})),e(this,"valueFormatterDate",(function(t){return function(r){return y.formatterDate(r.value,t)}}))})));export{y as DinoDataView,y as default};
|
|
2
2
|
//# sourceMappingURL=dino.js.map
|
|
@@ -1 +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 {
|
|
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 { 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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=filter-store.js.map
|
|
@@ -1 +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":"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"}
|
|
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":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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";
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=query-param-url.js.map
|
|
@@ -1 +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":"
|
|
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":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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"
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=create.date-expired.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.date-expired.js","sources":["../../src/form/create.date-expired.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { LocalizationProvider } from '@mui/x-date-pickers'\r\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\r\nimport { Switch, Typography, TextField, styled, Box, TextFieldProps, SwitchProps, colors } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { dayjsCustom, mergeObjects, tryParseIntRequired } from '../utils'\r\n\r\nconst defaultFormatString = 'MM-DD-YYYY'\r\n\r\nconst dateExpiredClasses = {\r\n root: 'DateExpired-root',\r\n control: 'DateExpired-control',\r\n label: 'DateExpired-label',\r\n expired: 'DateExpired-expired',\r\n labelSwitch: 'DateExpired-labelSwitch',\r\n input: 'DateExpired-input',\r\n switch: 'DateExpired-switch'\r\n}\r\n\r\ninterface ISlots<T> {\r\n /** @default string */\r\n type?: 'number' | 'string'\r\n textFieldProps?: Partial<TextFieldProps>\r\n switchProps?: SwitchProps\r\n switchChecked?: boolean\r\n switchCheckedGetter?: (value: any, model?: Partial<T>) => boolean\r\n}\r\n\r\ninterface MergeConfig<T> extends ISlots<T> {\r\n switchChecked: boolean\r\n defaulValue?: string\r\n handleBlur: () => void\r\n}\r\n\r\ninterface IProps<T> extends IFormInputBase<T> {\r\n slots?: ISlots<T>\r\n}\r\n\r\ninterface IState {\r\n numberOfDays: number\r\n switchChecked: boolean\r\n}\r\n\r\nfunction CreateDateExpired<T>(params?: ISlots<T>): React.ComponentType<IProps<T>> {\r\n class DateExpired extends Component<IProps<T>, IState> {\r\n defaultNumberOfDays: number = 30\r\n private id\r\n private mergeConfigCached: MergeConfig<T>\r\n constructor(props: IProps<T>) {\r\n super(props)\r\n this.mergeConfigCached = this.updateMergeConfig(props.slots) ?? {}\r\n this.state = {\r\n numberOfDays: this.getNumberOfDays(),\r\n switchChecked: this.mergeConfig.switchChecked\r\n }\r\n this.id = new Date().getTime().toString()\r\n }\r\n\r\n get mergeConfig(): MergeConfig<T> {\r\n return this.mergeConfigCached\r\n }\r\n\r\n get defaultValueInput(): string | number {\r\n if (this.mergeConfig.type === 'number') {\r\n return this.state.numberOfDays\r\n } else {\r\n return this.getOffsetDate(this.state.numberOfDays, 'YYYY-MM-DDTHH:mm:ss.sssZ')\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps: IProps<T>) {\r\n if (prevProps.slots !== this.props.slots || prevProps.data !== this.props.data) {\r\n this.mergeConfigCached = this.updateMergeConfig(this.props.slots)\r\n }\r\n }\r\n\r\n //#region Render\r\n render() {\r\n return (\r\n <LocalizationProvider dateAdapter={AdapterDayjs}>\r\n <Wrap className={this.getRootClasses()}>\r\n <input key={this.defaultValueInput} type='text' hidden name={this.props.name?.toString()} defaultValue={this.defaultValueInput} />\r\n <TextField {...this.mapTextFieldProps()} />\r\n <div className={dateExpiredClasses.control}>\r\n <Typography\r\n variant='caption'\r\n className={dateExpiredClasses.labelSwitch}\r\n {...{ component: 'label', htmlFor: this.id }}\r\n sx={{ color: this.state.switchChecked ? 'success.main' : '#767676' }}\r\n >\r\n {this.state.switchChecked ? 'Use Expiration Date' : 'No Expiration'}\r\n </Typography>\r\n <Switch\r\n id={this.id}\r\n size='small'\r\n color='success'\r\n checked={this.state.switchChecked}\r\n onChange={(_, checked) => this.setState({ switchChecked: checked })}\r\n {...this.mergeConfig.switchProps}\r\n />\r\n </div>\r\n </Wrap>\r\n </LocalizationProvider>\r\n )\r\n }\r\n //#endregion\r\n\r\n mapTextFieldProps = (): TextFieldProps => {\r\n const { messageErrors, name, onBlur } = this.props\r\n const disabled = this.props.disabled || !this.state.switchChecked\r\n const obj: TextFieldProps = {\r\n fullWidth: true,\r\n className: dateExpiredClasses.input,\r\n label: (\r\n <span className={dateExpiredClasses.label}>\r\n Expiry date\r\n {this.state.switchChecked && <b>{this.getOffsetDate(this.state.numberOfDays)}</b>}\r\n </span>\r\n ),\r\n variant: 'outlined',\r\n type: 'number',\r\n disabled: disabled,\r\n value: this.state.switchChecked ? this.state.numberOfDays : 0,\r\n onChange: this.handleChange\r\n }\r\n if (!!name) {\r\n obj.onBlur = () => onBlur && onBlur(name)\r\n const temp = getErrorMessage(messageErrors, name)\r\n if (temp.error) {\r\n obj.error = Boolean(temp.error)\r\n obj.helperText = temp.message ?? ''\r\n }\r\n }\r\n return mergeObjects<TextFieldProps>({}, obj, this.mergeConfig.textFieldProps)\r\n }\r\n\r\n updateMergeConfig(currentSlots?: ISlots<T>): MergeConfig<T> {\r\n const { switchChecked, switchCheckedGetter } = currentSlots ?? {}\r\n const obj = mergeObjects(params, currentSlots)\r\n const { data, name, onBlur, defaultValue } = this.props\r\n const dValue = defaultValue ?? (!!data && !!name ? data[name]?.toString() : undefined)\r\n let check = !data ? false : !!dValue || !!switchChecked\r\n if (switchCheckedGetter) check = switchCheckedGetter(dValue, data)\r\n return {\r\n ...obj,\r\n switchChecked: check,\r\n defaulValue: dValue,\r\n handleBlur: () => {\r\n if (!name || !onBlur) return\r\n onBlur(name)\r\n }\r\n }\r\n }\r\n\r\n handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n const numberOfDays: number = e.target.value != '' ? parseInt(e.target.value) : 0\r\n this.setState({ numberOfDays }, () => {\r\n const err = getErrorMessage(this.props.messageErrors, this.props.name)\r\n if (numberOfDays > 0 && err.error) this.mergeConfig.handleBlur()\r\n })\r\n }\r\n\r\n getRootClasses = () => {\r\n const classes = [dateExpiredClasses.root]\r\n if (this.state.numberOfDays < 1) classes.push(dateExpiredClasses.expired)\r\n return classes.join(' ')\r\n }\r\n\r\n getNumberOfDays = (): number => {\r\n if (this.mergeConfig.type === 'number') {\r\n return tryParseIntRequired(this.mergeConfig.defaulValue, this.defaultNumberOfDays)\r\n } else {\r\n return this.getDaysUntilDate(this.mergeConfig.defaulValue, this.defaultNumberOfDays)\r\n }\r\n }\r\n\r\n getOffsetDate = (num: number, formatString = defaultFormatString): string => {\r\n return dayjsCustom().add(num, 'day').format(formatString)\r\n }\r\n\r\n getDaysUntilDate = (value?: string, defaultValue = 0): number => {\r\n try {\r\n if (!value) return defaultValue\r\n const target = dayjsCustom(value)\r\n const today = dayjsCustom()\r\n const diff = target.diff(today, 'day', true)\r\n return Math.round(diff)\r\n } catch {\r\n return defaultValue\r\n }\r\n }\r\n }\r\n return DateExpired\r\n}\r\nexport default CreateDateExpired\r\n\r\nconst Wrap = styled(Box)({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '10px',\r\n position: 'relative',\r\n [`.${dateExpiredClasses.switch}`]: {\r\n margin: 0,\r\n flex: '0 0 auto'\r\n },\r\n [`.${dateExpiredClasses.label}`]: {\r\n b: {\r\n color: colors.blue[600],\r\n marginLeft: '8px'\r\n }\r\n },\r\n [`.${dateExpiredClasses.labelSwitch}`]: {\r\n fontWeight: 600,\r\n cursor: 'pointer'\r\n },\r\n [`.${dateExpiredClasses.control}`]: {\r\n position: 'absolute',\r\n top: 0,\r\n right: 0,\r\n height: '100%',\r\n display: 'flex',\r\n alignItems: 'center'\r\n },\r\n [`.${dateExpiredClasses.input}`]: {\r\n '.MuiInputBase-input': {\r\n paddingRight: '160px'\r\n }\r\n },\r\n [`&.${dateExpiredClasses.expired}`]: {\r\n [`.${dateExpiredClasses.label}`]: {\r\n b: {\r\n color: colors.red[600]\r\n }\r\n }\r\n }\r\n})\r\n"],"names":["dateExpiredClasses","CreateDateExpired","params","DateExpired","props","_this$updateMergeConf","_this","_classCallCheck","_callSuper","_defineProperty","_this$props","messageErrors","name","onBlur","disabled","state","switchChecked","obj","fullWidth","className","label","_jsxs","children","_jsx","getOffsetDate","numberOfDays","variant","type","value","onChange","handleChange","_temp$message","temp","getErrorMessage","error","Boolean","helperText","message","mergeObjects","mergeConfig","textFieldProps","e","target","parseInt","setState","err","handleBlur","classes","push","join","tryParseIntRequired","defaulValue","defaultNumberOfDays","getDaysUntilDate","num","formatString","arguments","length","undefined","dayjsCustom","add","format","defaultValue","today","diff","Math","round","_unused","mergeConfigCached","updateMergeConfig","slots","getNumberOfDays","id","Date","getTime","toString","_inherits","Component","_createClass","key","get","this","prevProps","data","_this$props$name","_this2","LocalizationProvider","dateAdapter","AdapterDayjs","Wrap","getRootClasses","hidden","defaultValueInput","TextField","_objectSpread","mapTextFieldProps","Typography","component","htmlFor","sx","color","Switch","size","checked","_","switchProps","currentSlots","_data$name","_ref","switchCheckedGetter","_this$props2","dValue","check","styled","Box","display","alignItems","gap","position","concat","margin","flex","b","colors","blue","marginLeft","fontWeight","cursor","top","right","height","paddingRight","red"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"create.date-expired.js","sources":["../../src/form/create.date-expired.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { LocalizationProvider } from '@mui/x-date-pickers'\r\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\r\nimport { Switch, Typography, TextField, styled, Box, TextFieldProps, SwitchProps, colors } from '@mui/material'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { dayjsCustom, mergeObjects, tryParseIntRequired } from '../utils'\r\n\r\nconst defaultFormatString = 'MM-DD-YYYY'\r\n\r\nconst dateExpiredClasses = {\r\n root: 'DateExpired-root',\r\n control: 'DateExpired-control',\r\n label: 'DateExpired-label',\r\n expired: 'DateExpired-expired',\r\n labelSwitch: 'DateExpired-labelSwitch',\r\n input: 'DateExpired-input',\r\n switch: 'DateExpired-switch'\r\n}\r\n\r\ninterface ISlots<T> {\r\n /** @default string */\r\n type?: 'number' | 'string'\r\n textFieldProps?: Partial<TextFieldProps>\r\n switchProps?: SwitchProps\r\n switchChecked?: boolean\r\n switchCheckedGetter?: (value: any, model?: Partial<T>) => boolean\r\n}\r\n\r\ninterface MergeConfig<T> extends ISlots<T> {\r\n switchChecked: boolean\r\n defaulValue?: string\r\n handleBlur: () => void\r\n}\r\n\r\ninterface IProps<T> extends IFormInputBase<T> {\r\n slots?: ISlots<T>\r\n}\r\n\r\ninterface IState {\r\n numberOfDays: number\r\n switchChecked: boolean\r\n}\r\n\r\nfunction CreateDateExpired<T>(params?: ISlots<T>): React.ComponentType<IProps<T>> {\r\n class DateExpired extends Component<IProps<T>, IState> {\r\n defaultNumberOfDays: number = 30\r\n private id\r\n private mergeConfigCached: MergeConfig<T>\r\n constructor(props: IProps<T>) {\r\n super(props)\r\n this.mergeConfigCached = this.updateMergeConfig(props.slots) ?? {}\r\n this.state = {\r\n numberOfDays: this.getNumberOfDays(),\r\n switchChecked: this.mergeConfig.switchChecked\r\n }\r\n this.id = new Date().getTime().toString()\r\n }\r\n\r\n get mergeConfig(): MergeConfig<T> {\r\n return this.mergeConfigCached\r\n }\r\n\r\n get defaultValueInput(): string | number {\r\n if (this.mergeConfig.type === 'number') {\r\n return this.state.numberOfDays\r\n } else {\r\n return this.getOffsetDate(this.state.numberOfDays, 'YYYY-MM-DDTHH:mm:ss.sssZ')\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps: IProps<T>) {\r\n if (prevProps.slots !== this.props.slots || prevProps.data !== this.props.data) {\r\n this.mergeConfigCached = this.updateMergeConfig(this.props.slots)\r\n }\r\n }\r\n\r\n //#region Render\r\n render() {\r\n return (\r\n <LocalizationProvider dateAdapter={AdapterDayjs}>\r\n <Wrap className={this.getRootClasses()}>\r\n <input key={this.defaultValueInput} type='text' hidden name={this.props.name?.toString()} defaultValue={this.defaultValueInput} />\r\n <TextField {...this.mapTextFieldProps()} />\r\n <div className={dateExpiredClasses.control}>\r\n <Typography\r\n variant='caption'\r\n className={dateExpiredClasses.labelSwitch}\r\n {...{ component: 'label', htmlFor: this.id }}\r\n sx={{ color: this.state.switchChecked ? 'success.main' : '#767676' }}\r\n >\r\n {this.state.switchChecked ? 'Use Expiration Date' : 'No Expiration'}\r\n </Typography>\r\n <Switch\r\n id={this.id}\r\n size='small'\r\n color='success'\r\n checked={this.state.switchChecked}\r\n onChange={(_, checked) => this.setState({ switchChecked: checked })}\r\n {...this.mergeConfig.switchProps}\r\n />\r\n </div>\r\n </Wrap>\r\n </LocalizationProvider>\r\n )\r\n }\r\n //#endregion\r\n\r\n mapTextFieldProps = (): TextFieldProps => {\r\n const { messageErrors, name, onBlur } = this.props\r\n const disabled = this.props.disabled || !this.state.switchChecked\r\n const obj: TextFieldProps = {\r\n fullWidth: true,\r\n className: dateExpiredClasses.input,\r\n label: (\r\n <span className={dateExpiredClasses.label}>\r\n Expiry date\r\n {this.state.switchChecked && <b>{this.getOffsetDate(this.state.numberOfDays)}</b>}\r\n </span>\r\n ),\r\n variant: 'outlined',\r\n type: 'number',\r\n disabled: disabled,\r\n value: this.state.switchChecked ? this.state.numberOfDays : 0,\r\n onChange: this.handleChange\r\n }\r\n if (!!name) {\r\n obj.onBlur = () => onBlur && onBlur(name)\r\n const temp = getErrorMessage(messageErrors, name)\r\n if (temp.error) {\r\n obj.error = Boolean(temp.error)\r\n obj.helperText = temp.message ?? ''\r\n }\r\n }\r\n return mergeObjects<TextFieldProps>({}, obj, this.mergeConfig.textFieldProps)\r\n }\r\n\r\n updateMergeConfig(currentSlots?: ISlots<T>): MergeConfig<T> {\r\n const { switchChecked, switchCheckedGetter } = currentSlots ?? {}\r\n const obj = mergeObjects(params, currentSlots)\r\n const { data, name, onBlur, defaultValue } = this.props\r\n const dValue = defaultValue ?? (!!data && !!name ? data[name]?.toString() : undefined)\r\n let check = !data ? false : !!dValue || !!switchChecked\r\n if (switchCheckedGetter) check = switchCheckedGetter(dValue, data)\r\n return {\r\n ...obj,\r\n switchChecked: check,\r\n defaulValue: dValue,\r\n handleBlur: () => {\r\n if (!name || !onBlur) return\r\n onBlur(name)\r\n }\r\n }\r\n }\r\n\r\n handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n const numberOfDays: number = e.target.value != '' ? parseInt(e.target.value) : 0\r\n this.setState({ numberOfDays }, () => {\r\n const err = getErrorMessage(this.props.messageErrors, this.props.name)\r\n if (numberOfDays > 0 && err.error) this.mergeConfig.handleBlur()\r\n })\r\n }\r\n\r\n getRootClasses = () => {\r\n const classes = [dateExpiredClasses.root]\r\n if (this.state.numberOfDays < 1) classes.push(dateExpiredClasses.expired)\r\n return classes.join(' ')\r\n }\r\n\r\n getNumberOfDays = (): number => {\r\n if (this.mergeConfig.type === 'number') {\r\n return tryParseIntRequired(this.mergeConfig.defaulValue, this.defaultNumberOfDays)\r\n } else {\r\n return this.getDaysUntilDate(this.mergeConfig.defaulValue, this.defaultNumberOfDays)\r\n }\r\n }\r\n\r\n getOffsetDate = (num: number, formatString = defaultFormatString): string => {\r\n return dayjsCustom().add(num, 'day').format(formatString)\r\n }\r\n\r\n getDaysUntilDate = (value?: string, defaultValue = 0): number => {\r\n try {\r\n if (!value) return defaultValue\r\n const target = dayjsCustom(value)\r\n const today = dayjsCustom()\r\n const diff = target.diff(today, 'day', true)\r\n return Math.round(diff)\r\n } catch {\r\n return defaultValue\r\n }\r\n }\r\n }\r\n return DateExpired\r\n}\r\nexport default CreateDateExpired\r\n\r\nconst Wrap = styled(Box)({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '10px',\r\n position: 'relative',\r\n [`.${dateExpiredClasses.switch}`]: {\r\n margin: 0,\r\n flex: '0 0 auto'\r\n },\r\n [`.${dateExpiredClasses.label}`]: {\r\n b: {\r\n color: colors.blue[600],\r\n marginLeft: '8px'\r\n }\r\n },\r\n [`.${dateExpiredClasses.labelSwitch}`]: {\r\n fontWeight: 600,\r\n cursor: 'pointer'\r\n },\r\n [`.${dateExpiredClasses.control}`]: {\r\n position: 'absolute',\r\n top: 0,\r\n right: 0,\r\n height: '100%',\r\n display: 'flex',\r\n alignItems: 'center'\r\n },\r\n [`.${dateExpiredClasses.input}`]: {\r\n '.MuiInputBase-input': {\r\n paddingRight: '160px'\r\n }\r\n },\r\n [`&.${dateExpiredClasses.expired}`]: {\r\n [`.${dateExpiredClasses.label}`]: {\r\n b: {\r\n color: colors.red[600]\r\n }\r\n }\r\n }\r\n})\r\n"],"names":["dateExpiredClasses","CreateDateExpired","params","DateExpired","props","_this$updateMergeConf","_this","_classCallCheck","_callSuper","_defineProperty","_this$props","messageErrors","name","onBlur","disabled","state","switchChecked","obj","fullWidth","className","label","_jsxs","children","_jsx","getOffsetDate","numberOfDays","variant","type","value","onChange","handleChange","_temp$message","temp","getErrorMessage","error","Boolean","helperText","message","mergeObjects","mergeConfig","textFieldProps","e","target","parseInt","setState","err","handleBlur","classes","push","join","tryParseIntRequired","defaulValue","defaultNumberOfDays","getDaysUntilDate","num","formatString","arguments","length","undefined","dayjsCustom","add","format","defaultValue","today","diff","Math","round","_unused","mergeConfigCached","updateMergeConfig","slots","getNumberOfDays","id","Date","getTime","toString","_inherits","Component","_createClass","key","get","this","prevProps","data","_this$props$name","_this2","LocalizationProvider","dateAdapter","AdapterDayjs","Wrap","getRootClasses","hidden","defaultValueInput","TextField","_objectSpread","mapTextFieldProps","Typography","component","htmlFor","sx","color","Switch","size","checked","_","switchProps","currentSlots","_data$name","_ref","switchCheckedGetter","_this$props2","dValue","check","styled","Box","display","alignItems","gap","position","concat","margin","flex","b","colors","blue","marginLeft","fontWeight","cursor","top","right","height","paddingRight","red"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as t,createClass as e,objectSpread2 as r,classCallCheck as o,callSuper as a,defineProperty as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as s,jsx as n}from"react/jsx-runtime";import{Component as i}from"react";import{styled as u}from"@mui/material";import{AdapterDayjs as p}from"@mui/x-date-pickers/AdapterDayjs";import{DatePicker as d,LocalizationProvider as m}from"@mui/x-date-pickers";import{getErrorMessage as f}from"./helpers.js";import{mergeObjects as c}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"
|
|
1
|
+
import{inherits as t,createClass as e,objectSpread2 as r,classCallCheck as o,callSuper as a,defineProperty as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as s,jsx as n}from"react/jsx-runtime";import{Component as i}from"react";import{styled as u}from"@mui/material";import{AdapterDayjs as p}from"@mui/x-date-pickers/AdapterDayjs";import{DatePicker as d,LocalizationProvider as m}from"@mui/x-date-pickers";import{getErrorMessage as f}from"./helpers.js";import{mergeObjects as c}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import v from"dayjs";var h=function(u){return function(){function d(t){var e,r;return o(this,d),r=a(this,d,[t]),l(r,"_cachedSlots",{}),l(r,"getDatePickerProps",(function(){var t,e,o,a,l,s=null!==(t=null==u?void 0:u.minDateOffset)&&void 0!==t?t:0,n=s>0?v().add(s,"day").startOf("day"):null==u?void 0:u.minDate,i=null!==(e=r.props.label)&&void 0!==e?e:null===(o=r.props.name)||void 0===o?void 0:o.toString(),p=null!==(a=r.props.format)&&void 0!==a?a:"MM/DD/YYYY",d=f(r.props.messageErrors,r.props.name),m={label:i,format:p,views:["day","month","year"],value:r.state.value,onChange:r.handleChange,disabled:r.props.disabled,minDate:n,slotProps:{textField:{onBlur:r.handleBlur,fullWidth:!0,error:d.error,helperText:d.message,variant:"outlined"}}};return c(m,null==u?void 0:u.datePickerProps,null===(l=r.slots)||void 0===l?void 0:l.datePickerProps)})),l(r,"refInput",null),l(r,"mergeSlots",(function(t){return c({},u,t)})),l(r,"handleBlur",(function(){r.props.name&&r.props.onBlur&&r.props.onBlur(r.props.name)})),l(r,"handleChange",(function(t){r.setState({value:t}),r.refInput&&(r.refInput.value=t&&!isNaN(t.toDate().getTime())?t.toDate().toISOString():""),setTimeout(r.handleBlur,50)})),l(r,"getDefaultValue",(function(){try{var t,e;if(!r.props.defaultValue&&!r.slots.defaultValue&&r.slots.minDateOffset)return v().add(1,"day").startOf("day");if(!r.props.defaultValue&&r.slots.minDate)return r.slots.minDate;var o=r.props,a=o.data,l=o.name,s=null!==(t=null!==(e=r.props.defaultValue)&&void 0!==e?e:r.slots.defaultValue)&&void 0!==t?t:l?null==a?void 0:a[l]:"";return s?v(s.toString()):v()}catch(t){return v()}})),r._cachedSlots=null!==(e=r.mergeSlots(t.slots))&&void 0!==e?e:{},r.state={value:r.getDefaultValue()},r}return t(d,i),e(d,[{key:"slots",get:function(){return this._cachedSlots}},{key:"componentDidUpdate",value:function(t){t.slots!==this.props.slots&&(this._cachedSlots=this.mergeSlots(this.props.slots))}},{key:"render",value:function(){var t,e,o=this;return s(m,{dateAdapter:p,children:[n(g,r({},this.getDatePickerProps())),n("input",{hidden:!0,name:null===(t=this.props.name)||void 0===t?void 0:t.toString(),defaultValue:null===(e=this.getDefaultValue())||void 0===e?void 0:e.toDate().toISOString(),ref:function(t){return o.refInput=t}})]})}}])}()},g=u(d)({"& .MuiInputBase-root::before, & .MuiInputBase-root::after":{borderBottom:"none !important"}});export{h as default};
|
|
2
2
|
//# sourceMappingURL=create.date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.date-picker.js","sources":["../../src/form/create.date-picker.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Dayjs } from 'dayjs'\r\nimport { styled } from '@mui/material'\r\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\r\nimport { DatePicker as MUIDatePicker, LocalizationProvider, DatePickerProps } from '@mui/x-date-pickers'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { dayjsCustom, mergeObjects } from '../utils'\r\n\r\nconst formatDefault = 'MM/DD/YYYY'\r\n\r\nexport interface IDatePickerSlots {\r\n defaultValue?: string\r\n minDate?: Dayjs\r\n minDateOffset?: number\r\n datePickerProps?: DatePickerProps<Dayjs>\r\n}\r\n\r\nexport interface IDatePickerProps<T> extends IFormInputBase<T> {\r\n format?: string\r\n slots?: Omit<IDatePickerSlots, 'defaultValue'>\r\n}\r\n\r\nexport interface IDatePickerState {\r\n value: Dayjs | null\r\n}\r\n\r\nconst CreateDatePicker = function <T extends Object>(params?: IDatePickerSlots): ComponentType<IDatePickerProps<T>> {\r\n class DatePicker extends Component<IDatePickerProps<T>, IDatePickerState> {\r\n private _cachedSlots: IDatePickerSlots = {}\r\n constructor(props: IDatePickerProps<T>) {\r\n super(props)\r\n this._cachedSlots = this.mergeSlots(props.slots) ?? {}\r\n this.state = { value: this.getDefaultValue() }\r\n }\r\n\r\n get slots() {\r\n return this._cachedSlots\r\n }\r\n\r\n componentDidUpdate(prevProps: IDatePickerProps<T>) {\r\n if (prevProps.slots !== this.props.slots) {\r\n this._cachedSlots = this.mergeSlots(this.props.slots)\r\n }\r\n }\r\n\r\n getDatePickerProps = (): DatePickerProps<Dayjs> => {\r\n const delayInDays = params?.minDateOffset ?? 0\r\n const minDate = delayInDays > 0 ? dayjsCustom().add(delayInDays, 'day').startOf('day') : params?.minDate\r\n const label = this.props.label ?? this.props.name?.toString()\r\n const format = this.props.format ?? formatDefault\r\n const eMessage = getErrorMessage<T>(this.props.messageErrors, this.props.name)\r\n const obj: DatePickerProps<Dayjs> = {\r\n label,\r\n format,\r\n views: ['day', 'month', 'year'],\r\n value: this.state.value,\r\n onChange: this.handleChange,\r\n disabled: this.props.disabled,\r\n minDate,\r\n slotProps: {\r\n textField: { onBlur: this.handleBlur, fullWidth: true, error: eMessage.error, helperText: eMessage.message, variant: 'outlined' }\r\n }\r\n }\r\n return mergeObjects(obj, params?.datePickerProps, this.slots?.datePickerProps)\r\n }\r\n\r\n refInput: HTMLInputElement | null = null\r\n render() {\r\n return (\r\n <LocalizationProvider dateAdapter={AdapterDayjs}>\r\n <CustomDatePicker {...this.getDatePickerProps()} />\r\n <input\r\n hidden\r\n name={this.props.name?.toString()}\r\n defaultValue={this.getDefaultValue()?.toDate().toISOString()}\r\n ref={(ref) => (this.refInput = ref)}\r\n />\r\n </LocalizationProvider>\r\n )\r\n }\r\n\r\n private mergeSlots = (currentSlots?: IDatePickerSlots): IDatePickerSlots => {\r\n return mergeObjects<IDatePickerSlots>({}, params, currentSlots)\r\n }\r\n\r\n handleBlur = () => {\r\n if (!this.props.name) return\r\n this.props.onBlur && this.props.onBlur(this.props.name)\r\n }\r\n\r\n handleChange = (newValue: Dayjs | null) => {\r\n this.setState({ value: newValue })\r\n if (this.refInput) {\r\n this.refInput.value = newValue && !isNaN(newValue.toDate().getTime()) ? newValue.toDate().toISOString() : ''\r\n }\r\n setTimeout(this.handleBlur, 50)\r\n }\r\n\r\n getDefaultValue = (): Dayjs => {\r\n try {\r\n if (!this.props.defaultValue && !this.slots.defaultValue && this.slots.minDateOffset) return dayjsCustom().add(1, 'day').startOf('day')\r\n if (!this.props.defaultValue && this.slots.minDate) return this.slots.minDate\r\n\r\n const { data, name } = this.props\r\n const dValue = this.props.defaultValue ?? this.slots.defaultValue ?? (name ? data?.[name] : '')\r\n return dValue ? dayjsCustom(dValue.toString()) : dayjsCustom()\r\n } catch {\r\n return dayjsCustom()\r\n }\r\n }\r\n }\r\n return DatePicker\r\n}\r\n\r\nexport default CreateDatePicker\r\n\r\nconst CustomDatePicker = styled(MUIDatePicker<Dayjs>)({\r\n '& .MuiInputBase-root::before, & .MuiInputBase-root::after': {\r\n borderBottom: 'none !important'\r\n }\r\n})\r\n"],"names":["CreateDatePicker","params","DatePicker","props","_this$mergeSlots","_this","_classCallCheck","_callSuper","_defineProperty","_params$minDateOffset","_this$props$label","_this$props$name","_this$props$format","_this$slots","delayInDays","minDateOffset","minDate","dayjsCustom","add","startOf","label","name","toString","format","eMessage","getErrorMessage","messageErrors","obj","views","value","state","onChange","handleChange","disabled","slotProps","textField","onBlur","handleBlur","fullWidth","error","helperText","message","variant","mergeObjects","datePickerProps","slots","currentSlots","newValue","setState","refInput","isNaN","toDate","getTime","toISOString","setTimeout","_ref","_this$props$defaultVa","defaultValue","_this$props","data","dValue","_unused","_cachedSlots","mergeSlots","getDefaultValue","_inherits","Component","_createClass","key","get","this","prevProps","_this$props$name2","_this$getDefaultValue","_this2","_jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","_jsx","CustomDatePicker","_objectSpread","getDatePickerProps","hidden","ref","styled","MUIDatePicker","borderBottom"],"mappings":"
|
|
1
|
+
{"version":3,"file":"create.date-picker.js","sources":["../../src/form/create.date-picker.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Dayjs } from 'dayjs'\r\nimport { styled } from '@mui/material'\r\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\r\nimport { DatePicker as MUIDatePicker, LocalizationProvider, DatePickerProps } from '@mui/x-date-pickers'\r\nimport { IFormInputBase } from './types'\r\nimport { getErrorMessage } from './helpers'\r\nimport { dayjsCustom, mergeObjects } from '../utils'\r\n\r\nconst formatDefault = 'MM/DD/YYYY'\r\n\r\nexport interface IDatePickerSlots {\r\n defaultValue?: string\r\n minDate?: Dayjs\r\n minDateOffset?: number\r\n datePickerProps?: DatePickerProps<Dayjs>\r\n}\r\n\r\nexport interface IDatePickerProps<T> extends IFormInputBase<T> {\r\n format?: string\r\n slots?: Omit<IDatePickerSlots, 'defaultValue'>\r\n}\r\n\r\nexport interface IDatePickerState {\r\n value: Dayjs | null\r\n}\r\n\r\nconst CreateDatePicker = function <T extends Object>(params?: IDatePickerSlots): ComponentType<IDatePickerProps<T>> {\r\n class DatePicker extends Component<IDatePickerProps<T>, IDatePickerState> {\r\n private _cachedSlots: IDatePickerSlots = {}\r\n constructor(props: IDatePickerProps<T>) {\r\n super(props)\r\n this._cachedSlots = this.mergeSlots(props.slots) ?? {}\r\n this.state = { value: this.getDefaultValue() }\r\n }\r\n\r\n get slots() {\r\n return this._cachedSlots\r\n }\r\n\r\n componentDidUpdate(prevProps: IDatePickerProps<T>) {\r\n if (prevProps.slots !== this.props.slots) {\r\n this._cachedSlots = this.mergeSlots(this.props.slots)\r\n }\r\n }\r\n\r\n getDatePickerProps = (): DatePickerProps<Dayjs> => {\r\n const delayInDays = params?.minDateOffset ?? 0\r\n const minDate = delayInDays > 0 ? dayjsCustom().add(delayInDays, 'day').startOf('day') : params?.minDate\r\n const label = this.props.label ?? this.props.name?.toString()\r\n const format = this.props.format ?? formatDefault\r\n const eMessage = getErrorMessage<T>(this.props.messageErrors, this.props.name)\r\n const obj: DatePickerProps<Dayjs> = {\r\n label,\r\n format,\r\n views: ['day', 'month', 'year'],\r\n value: this.state.value,\r\n onChange: this.handleChange,\r\n disabled: this.props.disabled,\r\n minDate,\r\n slotProps: {\r\n textField: { onBlur: this.handleBlur, fullWidth: true, error: eMessage.error, helperText: eMessage.message, variant: 'outlined' }\r\n }\r\n }\r\n return mergeObjects(obj, params?.datePickerProps, this.slots?.datePickerProps)\r\n }\r\n\r\n refInput: HTMLInputElement | null = null\r\n render() {\r\n return (\r\n <LocalizationProvider dateAdapter={AdapterDayjs}>\r\n <CustomDatePicker {...this.getDatePickerProps()} />\r\n <input\r\n hidden\r\n name={this.props.name?.toString()}\r\n defaultValue={this.getDefaultValue()?.toDate().toISOString()}\r\n ref={(ref) => (this.refInput = ref)}\r\n />\r\n </LocalizationProvider>\r\n )\r\n }\r\n\r\n private mergeSlots = (currentSlots?: IDatePickerSlots): IDatePickerSlots => {\r\n return mergeObjects<IDatePickerSlots>({}, params, currentSlots)\r\n }\r\n\r\n handleBlur = () => {\r\n if (!this.props.name) return\r\n this.props.onBlur && this.props.onBlur(this.props.name)\r\n }\r\n\r\n handleChange = (newValue: Dayjs | null) => {\r\n this.setState({ value: newValue })\r\n if (this.refInput) {\r\n this.refInput.value = newValue && !isNaN(newValue.toDate().getTime()) ? newValue.toDate().toISOString() : ''\r\n }\r\n setTimeout(this.handleBlur, 50)\r\n }\r\n\r\n getDefaultValue = (): Dayjs => {\r\n try {\r\n if (!this.props.defaultValue && !this.slots.defaultValue && this.slots.minDateOffset) return dayjsCustom().add(1, 'day').startOf('day')\r\n if (!this.props.defaultValue && this.slots.minDate) return this.slots.minDate\r\n\r\n const { data, name } = this.props\r\n const dValue = this.props.defaultValue ?? this.slots.defaultValue ?? (name ? data?.[name] : '')\r\n return dValue ? dayjsCustom(dValue.toString()) : dayjsCustom()\r\n } catch {\r\n return dayjsCustom()\r\n }\r\n }\r\n }\r\n return DatePicker\r\n}\r\n\r\nexport default CreateDatePicker\r\n\r\nconst CustomDatePicker = styled(MUIDatePicker<Dayjs>)({\r\n '& .MuiInputBase-root::before, & .MuiInputBase-root::after': {\r\n borderBottom: 'none !important'\r\n }\r\n})\r\n"],"names":["CreateDatePicker","params","DatePicker","props","_this$mergeSlots","_this","_classCallCheck","_callSuper","_defineProperty","_params$minDateOffset","_this$props$label","_this$props$name","_this$props$format","_this$slots","delayInDays","minDateOffset","minDate","dayjsCustom","add","startOf","label","name","toString","format","eMessage","getErrorMessage","messageErrors","obj","views","value","state","onChange","handleChange","disabled","slotProps","textField","onBlur","handleBlur","fullWidth","error","helperText","message","variant","mergeObjects","datePickerProps","slots","currentSlots","newValue","setState","refInput","isNaN","toDate","getTime","toISOString","setTimeout","_ref","_this$props$defaultVa","defaultValue","_this$props","data","dValue","_unused","_cachedSlots","mergeSlots","getDefaultValue","_inherits","Component","_createClass","key","get","this","prevProps","_this$props$name2","_this$getDefaultValue","_this2","_jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","_jsx","CustomDatePicker","_objectSpread","getDatePickerProps","hidden","ref","styled","MUIDatePicker","borderBottom"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as r,createClass as
|
|
1
|
+
import{inherits as r,createClass as n,classCallCheck as t,callSuper as e,defineProperty as o,asyncToGenerator as i,regenerator as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a,jsxs as s}from"react/jsx-runtime";import{Component as c}from"react";import{styled as u,Button as d,Box as p,Card as f,DialogTitle as h,DialogContent as m,DialogActions as v}from"@mui/material";import{fetchDelay as g}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{mapGlobalModalContext as C}from"../api-context/global-modal.js";var k=function(u){var d=function(){function d(r){var n;return t(this,d),n=e(this,d,[r]),o(n,"handleClickNo",(function(r){r.close(),n.props.onCancel&&n.props.onCancel()})),o(n,"handleClickYes",function(){var r=i(l().m((function r(t){var e;return l().w((function(r){for(;;)switch(r.n){case 0:if(n.props.onSubmit){r.n=1;break}return r.a(2);case 1:return r.p=1,n.setState({loading:!0}),r.n=2,g((function(){return n.props.onSubmit(n.props.data)}),700);case 2:t.close(),r.n=4;break;case 3:r.p=3,e=r.v,console.log(e);case 4:return r.p=4,n.setState({loading:!1}),r.f(4);case 5:return r.a(2)}}),r,null,[[1,3,4,5]])})));return function(n){return r.apply(this,arguments)}}()),n.state={loading:!1},n}return r(d,c),n(d,[{key:"render",value:function(){var r,n,t=this,e=this.props.children||(null!=u&&u.content?null==u?void 0:u.content(this.props.data):void 0),o=null!==(r=null!==(n=this.props.title)&&void 0!==n?n:null==u?void 0:u.title)&&void 0!==r?r:"Are you sure?";return a(p,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:C((function(r){var n,i;return s(f,{children:[a(h,{id:"alert-dialog-title",children:o}),a(m,{sx:{minWidth:"300px"},children:e}),s(v,{children:[a(y,{disabled:t.state.loading,color:(null==u||null===(n=u.colors)||void 0===n?void 0:n.no)||"inherit",onClick:function(){return t.handleClickNo(r)},children:"No"}),a(y,{color:(null==u||null===(i=u.colors)||void 0===i?void 0:i.yes)||"error",disabled:t.state.loading,onClick:function(){return t.handleClickYes(r)},children:"Yes"})]})]})}))})}}])}();return d},y=u(d)({textTransform:"capitalize",fontWeight:600,"&.MuiButton-colorInherit":{color:"#606060!important"}});export{k as default};
|
|
2
2
|
//# sourceMappingURL=create.form-comfirm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.form-comfirm.js","sources":["../../src/form/create.form-comfirm.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, Button, Card, DialogActions, DialogContent, DialogTitle, styled } from '@mui/material'\r\nimport { fetchDelay } from '../utils'\r\nimport { IGlobalModalContext, mapGlobalModalContext } from '../api-context'\r\n\r\nexport interface IFormComfirmParam<T> {\r\n title?: string\r\n content: (value?: T) => JSX.Element\r\n colors?: {\r\n yes?: 'inherit' | 'error' | 'primary' | 'secondary' | 'success' | 'info' | 'warning'\r\n no?: 'inherit' | 'error' | 'primary' | 'secondary' | 'success' | 'info' | 'warning'\r\n }\r\n}\r\n\r\nexport interface IFormComfirmProps<T> {\r\n data?: T\r\n title?: string\r\n onSubmit: (value?: T) => Promise<void>\r\n onCancel?: () => void\r\n}\r\n\r\nexport interface IFormComfirmState {\r\n loading?: boolean\r\n}\r\n\r\nconst CreateFormComfirm = function <T = any>(param?: IFormComfirmParam<T>): ComponentType<React.PropsWithChildren<IFormComfirmProps<T>>> {\r\n class FormConfirm extends Component<React.PropsWithChildren<IFormComfirmProps<T>>, IFormComfirmState> {\r\n constructor(props: IFormComfirmProps<T>) {\r\n super(props)\r\n this.state = { loading: false }\r\n }\r\n\r\n render() {\r\n const content = this.props.children || (param?.content ? param?.content(this.props.data) : undefined)\r\n const title = this.props.title ?? param?.title ?? 'Are you sure?'\r\n return (\r\n <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\r\n {mapGlobalModalContext((context) => (\r\n <Card>\r\n <DialogTitle id='alert-dialog-title'>{title}</DialogTitle>\r\n <DialogContent sx={{ minWidth: '300px' }}>{content}</DialogContent>\r\n <DialogActions>\r\n <CustomButton disabled={this.state.loading} color={param?.colors?.no || 'inherit'} onClick={() => this.handleClickNo(context)}>\r\n No\r\n </CustomButton>\r\n <CustomButton color={param?.colors?.yes || 'error'} disabled={this.state.loading} onClick={() => this.handleClickYes(context)}>\r\n Yes\r\n </CustomButton>\r\n </DialogActions>\r\n </Card>\r\n ))}\r\n </Box>\r\n )\r\n }\r\n\r\n handleClickNo = (context: IGlobalModalContext) => {\r\n context.close()\r\n this.props.onCancel && this.props.onCancel()\r\n }\r\n\r\n handleClickYes = async (context: IGlobalModalContext) => {\r\n if (!this.props.onSubmit) return\r\n try {\r\n this.setState({ loading: true })\r\n await fetchDelay(() => this.props.onSubmit(this.props.data), 700)\r\n context.close()\r\n } catch (error) {\r\n console.log(error)\r\n } finally {\r\n this.setState({ loading: false })\r\n }\r\n }\r\n }\r\n return FormConfirm\r\n}\r\nexport default CreateFormComfirm\r\n\r\nconst CustomButton = styled(Button)({\r\n textTransform: 'capitalize',\r\n fontWeight: 600,\r\n '&.MuiButton-colorInherit': {\r\n color: '#606060!important'\r\n }\r\n})\r\n"],"names":["CreateFormComfirm","param","FormConfirm","props","_this","_classCallCheck","_callSuper","_defineProperty","context","close","onCancel","_ref","_asyncToGenerator","_regenerator","m","_callee","_t","w","_context","n","onSubmit","a","p","setState","loading","fetchDelay","data","v","console","log","f","_x","apply","this","arguments","state","_inherits","Component","_createClass","key","value","_ref2","_this$props$title","_this2","content","children","undefined","title","_jsx","Box","sx","flex","display","alignItems","justifyContent","mapGlobalModalContext","_param$colors","_param$colors2","_jsxs","Card","DialogTitle","id","DialogContent","minWidth","DialogActions","CustomButton","disabled","color","colors","no","onClick","handleClickNo","yes","handleClickYes","styled","Button","textTransform","fontWeight"],"mappings":"
|
|
1
|
+
{"version":3,"file":"create.form-comfirm.js","sources":["../../src/form/create.form-comfirm.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, Button, Card, DialogActions, DialogContent, DialogTitle, styled } from '@mui/material'\r\nimport { fetchDelay } from '../utils'\r\nimport { IGlobalModalContext, mapGlobalModalContext } from '../api-context'\r\n\r\nexport interface IFormComfirmParam<T> {\r\n title?: string\r\n content: (value?: T) => JSX.Element\r\n colors?: {\r\n yes?: 'inherit' | 'error' | 'primary' | 'secondary' | 'success' | 'info' | 'warning'\r\n no?: 'inherit' | 'error' | 'primary' | 'secondary' | 'success' | 'info' | 'warning'\r\n }\r\n}\r\n\r\nexport interface IFormComfirmProps<T> {\r\n data?: T\r\n title?: string\r\n onSubmit: (value?: T) => Promise<void>\r\n onCancel?: () => void\r\n}\r\n\r\nexport interface IFormComfirmState {\r\n loading?: boolean\r\n}\r\n\r\nconst CreateFormComfirm = function <T = any>(param?: IFormComfirmParam<T>): ComponentType<React.PropsWithChildren<IFormComfirmProps<T>>> {\r\n class FormConfirm extends Component<React.PropsWithChildren<IFormComfirmProps<T>>, IFormComfirmState> {\r\n constructor(props: IFormComfirmProps<T>) {\r\n super(props)\r\n this.state = { loading: false }\r\n }\r\n\r\n render() {\r\n const content = this.props.children || (param?.content ? param?.content(this.props.data) : undefined)\r\n const title = this.props.title ?? param?.title ?? 'Are you sure?'\r\n return (\r\n <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\r\n {mapGlobalModalContext((context) => (\r\n <Card>\r\n <DialogTitle id='alert-dialog-title'>{title}</DialogTitle>\r\n <DialogContent sx={{ minWidth: '300px' }}>{content}</DialogContent>\r\n <DialogActions>\r\n <CustomButton disabled={this.state.loading} color={param?.colors?.no || 'inherit'} onClick={() => this.handleClickNo(context)}>\r\n No\r\n </CustomButton>\r\n <CustomButton color={param?.colors?.yes || 'error'} disabled={this.state.loading} onClick={() => this.handleClickYes(context)}>\r\n Yes\r\n </CustomButton>\r\n </DialogActions>\r\n </Card>\r\n ))}\r\n </Box>\r\n )\r\n }\r\n\r\n handleClickNo = (context: IGlobalModalContext) => {\r\n context.close()\r\n this.props.onCancel && this.props.onCancel()\r\n }\r\n\r\n handleClickYes = async (context: IGlobalModalContext) => {\r\n if (!this.props.onSubmit) return\r\n try {\r\n this.setState({ loading: true })\r\n await fetchDelay(() => this.props.onSubmit(this.props.data), 700)\r\n context.close()\r\n } catch (error) {\r\n console.log(error)\r\n } finally {\r\n this.setState({ loading: false })\r\n }\r\n }\r\n }\r\n return FormConfirm\r\n}\r\nexport default CreateFormComfirm\r\n\r\nconst CustomButton = styled(Button)({\r\n textTransform: 'capitalize',\r\n fontWeight: 600,\r\n '&.MuiButton-colorInherit': {\r\n color: '#606060!important'\r\n }\r\n})\r\n"],"names":["CreateFormComfirm","param","FormConfirm","props","_this","_classCallCheck","_callSuper","_defineProperty","context","close","onCancel","_ref","_asyncToGenerator","_regenerator","m","_callee","_t","w","_context","n","onSubmit","a","p","setState","loading","fetchDelay","data","v","console","log","f","_x","apply","this","arguments","state","_inherits","Component","_createClass","key","value","_ref2","_this$props$title","_this2","content","children","undefined","title","_jsx","Box","sx","flex","display","alignItems","justifyContent","mapGlobalModalContext","_param$colors","_param$colors2","_jsxs","Card","DialogTitle","id","DialogContent","minWidth","DialogActions","CustomButton","disabled","color","colors","no","onClick","handleClickNo","yes","handleClickYes","styled","Button","textTransform","fontWeight"],"mappings":"6jBAyBA,IAAMA,EAAoB,SAAmBC,GAA4B,IACjEC,aACJ,SAAAA,EAAYC,GAA2B,IAAAC,EAEN,OAFMC,OAAAH,GACrCE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EA2BE,iBAAA,SAACI,GACfA,EAAQC,QACRL,EAAKD,MAAMO,UAAYN,EAAKD,MAAMO,cACnCH,EAAAH,EAAA,iBAAA,WAAA,IAAAO,EAAAC,EAAAC,IAAAC,GAEgB,SAAAC,EAAOP,GAA4B,IAAAQ,EAAA,OAAAH,IAAAI,GAAA,SAAAC,GAAA,cAAAA,EAAAC,GAAA,KAAA,EAAA,GAC7Cf,EAAKD,MAAMiB,SAAQ,CAAAF,EAAAC,EAAA,EAAA,KAAA,CAAA,OAAAD,EAAAG,EAAA,GAAA,KAAA,EAEU,OAFVH,EAAAI,EAAA,EAEtBlB,EAAKmB,SAAS,CAAEC,SAAS,IAAON,EAAAC,EAAA,EAC1BM,GAAW,WAAA,OAAMrB,EAAKD,MAAMiB,SAAShB,EAAKD,MAAMuB,KAAK,GAAE,KAAI,KAAA,EACjElB,EAAQC,QAAOS,EAAAC,EAAA,EAAA,MAAA,KAAA,EAAAD,EAAAI,EAAA,EAAAN,EAAAE,EAAAS,EAEfC,QAAQC,IAAGb,GAAO,KAAA,EAEe,OAFfE,EAAAI,EAAA,EAElBlB,EAAKmB,SAAS,CAAEC,SAAS,IAAQN,EAAAY,EAAA,GAAA,KAAA,EAAA,OAAAZ,EAAAG,EAAA,GAAA,GAAAN,EAAA,KAAA,CAAA,CAAA,EAAA,EAAA,EAAA,SAEpC,OAAA,SAAAgB,GAAA,OAAApB,EAAAqB,MAAAC,KAAAC,UAAA,CAAA,CAbA,IA7BC9B,EAAK+B,MAAQ,CAAEX,SAAS,GAAOpB,CACjC,CAAC,OAAAgC,EAAAlC,EAJuBmC,GAIvBC,EAAApC,EAAA,CAAA,CAAAqC,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,EAAAC,EAAAV,KACEW,EAAUX,KAAK9B,MAAM0C,WAAa5C,SAAAA,EAAO2C,QAAU3C,aAAK,EAALA,EAAO2C,QAAQX,KAAK9B,MAAMuB,WAAQoB,GACrFC,EAAwC,QAAnCN,EAAmB,QAAnBC,EAAGT,KAAK9B,MAAM4C,aAAK,IAAAL,EAAAA,EAAIzC,aAAK,EAALA,EAAO8C,aAAK,IAAAN,EAAAA,EAAI,gBAClD,OACEO,EAACC,EAAG,CAACC,GAAI,CAAEC,KAAM,EAAGC,QAAS,OAAQC,WAAY,SAAUC,eAAgB,UACxET,SAAAU,GAAsB,SAAC/C,GAAO,IAAAgD,EAAAC,EAAA,OAC7BC,EAACC,EACC,CAAAd,SAAA,CAAAG,EAACY,EAAW,CAACC,GAAG,qBAAoBhB,SAAEE,IACtCC,EAACc,EAAc,CAAAZ,GAAI,CAAEa,SAAU,kBAAYnB,IAC3Cc,EAACM,EAAa,CAAAnB,SAAA,CACZG,EAACiB,GAAaC,SAAUvB,EAAKR,MAAMX,QAAS2C,OAAOlE,iBAAKuD,EAALvD,EAAOmE,cAAM,IAAAZ,OAAA,EAAbA,EAAea,KAAM,UAAWC,QAAS,WAAF,OAAQ3B,EAAK4B,cAAc/D,EAAQ,EAAAqC,SAAA,OAG7HG,EAACiB,EAAY,CAACE,OAAOlE,iBAAKwD,EAALxD,EAAOmE,cAAM,IAAAX,OAAA,EAAbA,EAAee,MAAO,QAASN,SAAUvB,EAAKR,MAAMX,QAAS8C,QAAS,WAAF,OAAQ3B,EAAK8B,eAAejE,EAAQ,EAE9GqC,SAAA,aAGpB,KAGP,IAAC,IAoBH,OAAO3C,CACT,EAGM+D,EAAeS,EAAOC,EAAPD,CAAe,CAClCE,cAAe,aACfC,WAAY,IACZ,2BAA4B,CAC1BV,MAAO"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as o,createClass as r,objectSpread2 as e,classCallCheck as
|
|
1
|
+
import{inherits as o,createClass as r,objectSpread2 as e,classCallCheck as n,callSuper as t,defineProperty as l,asyncToGenerator as i,regenerator as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as u}from"react/jsx-runtime";import{Fragment as d,Component as p}from"react";import{Grid as c}from"@mui/material";import{cleanObject as v}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{ContentWrap as m,CreateFormBottomBar as f}from"./create.form-grid-layout.units.js";import g from"./create.input.js";import b from"./create.form-base.js";import{mapGlobalModalContext as h}from"../api-context/global-modal.js";var S=function(S){var F=b(),y=f(),C=g({maxLength:250}),j=function(){function f(o){var r;return n(this,f),r=t(this,f,[o]),l(r,"renderFormFieldElement",(function(o){var n,t=r.props.data,l=null!==(n=o.inputElement)&&void 0!==n?n:C;return F.mapContext((function(n){var i,s,a={data:t,onBlur:n.onBlur,messageErrors:n.messageErrors,name:o.key,label:o.label,placeholder:o.placeholder,disabled:!(null===(i=r.configMerged.disabledFields)||void 0===i||!i[o.key])||void 0,defaultValue:null!==(s=null==t?void 0:t[o.key])&&void 0!==s?s:null==o?void 0:o.defaultValue,formContext:n};return u(l,e({},v(a)))}))})),l(r,"loading",(function(){return r.setState({loadding:!0})})),l(r,"unloading",(function(){return r.setState({loadding:!1})})),l(r,"onSubmit",function(){var o=i(s().m((function o(e,n){var t,l,i,a,u,d,p,c,v;return s().w((function(o){for(;;)switch(o.n){case 0:return a=r.props.slots,u=null!==(t=null!==(l=null===(i=r.props.slots)||void 0===i?void 0:i.preSubmit)&&void 0!==l?l:S.preSubmit)&&void 0!==t?t:r.preSubmit,d=u(e,r.props.data),o.p=1,r.loading(),null===(p=r.abortController)||void 0===p||p.abort(),r.abortController=new AbortController,o.n=2,r.props.onSubmit(d,null===(c=r.abortController)||void 0===c?void 0:c.signal);case 2:null!=a&&a.closeState&&!1===a.closeState.Success||(n&&n(),r.props.onClose&&r.props.onClose()),o.n=4;break;case 3:o.p=3,v=o.v,null!=a&&a.closeState&&!0===a.closeState.Fail&&(n&&n(),r.props.onClose&&r.props.onClose()),r.props.onError&&r.props.onError(v);case 4:return o.p=4,r.unloading(),o.f(4);case 5:return o.a(2)}}),o,null,[[1,3,4,5]])})));return function(r,e){return o.apply(this,arguments)}}()),l(r,"preSubmit",(function(o){return o})),l(r,"getFormSlots",(function(){var o,n=r.state.loadding,t=((null===(o=r.props.slots)||void 0===o?void 0:o.formSlots)||{}).formProps;return{formProps:e(e({},t),{},{sx:e(e({},r.props.sx),{},{opacity:n?.7:1,pointerEvents:n?"none":"auto"})})}})),r.state={loadding:!1},r}return o(f,p),r(f,[{key:"configMerged",get:function(){var o,r,e,n;return{hiddenFields:null!==(o=null===(r=this.props.slots)||void 0===r?void 0:r.hiddenFields)&&void 0!==o?o:S.hiddenFields,disabledFields:null!==(e=null===(n=this.props.slots)||void 0===n?void 0:n.disabledFields)&&void 0!==e?e:S.disabledFields}}},{key:"render",value:function(){var o,r,n,t=this,l=this.props.slots,i=null!==(o=null!==(r=null==S?void 0:S.action)&&void 0!==r?r:null===(n=this.props.slots)||void 0===n?void 0:n.action)&&void 0!==o?o:y;return h((function(o){var r,n=o.close;return a(F.Form,{validate:S.validate,onSubmit:function(o){return t.onSubmit(o,n)},slots:t.getFormSlots(),children:[a(m,e(e({},null===(r=t.props)||void 0===r||null===(r=r.slots)||void 0===r?void 0:r.contentProps),{},{children:[(null==l?void 0:l.contentBefore)&&(null==l?void 0:l.contentBefore),null==S?void 0:S.contentBefore,u(c,{container:!0,spacing:2,children:S.configs.map((function(o,r){var n,l=!(null===(n=t.configMerged.hiddenFields)||void 0===n||!n[o.key])||void 0;return u(d,l?{}:{children:u(c,e(e({item:!0,xs:12},o.sizes),{},{children:t.renderFormFieldElement(o)}))},o.key.toString()+r)}))}),null==S?void 0:S.contentAfter,(null==l?void 0:l.contentAfter)&&(null==l?void 0:l.contentAfter)]})),F.mapContext((function(o){var r;return u(i,{data:t.props.data,onBlur:o.onBlur,messageErrors:o.messageErrors,before:null===(r=t.props.slots)||void 0===r?void 0:r.actionBefore})}))]})}))}},{key:"componentWillUnmount",value:function(){var o;null===(o=this.abortController)||void 0===o||o.abort()}}])}();return j};export{S as default};
|
|
2
2
|
//# sourceMappingURL=create.form-grid-layout.js.map
|