dinocollab-core 2.0.9 → 2.0.10

package/dist/form/validator.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,createClass as r,classCallCheck as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{formatFileSize as u}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";var t,n;!function(e){e.Required="Required",e.Regex="Regex",e.RequiredValue="RequiredValue",e.Array="Array",e.Number="Number",e.Email="Email",e.PhoneNumber="PhoneNumber",e.Url="Url",e.File="File",e.FileRequired="FileRequired",e.Custom="Custom"}(n||(n={}));var s={Required:"The {0} is required",Regex:"The {0} is not match {1}",RequiredValue:"the {0} is not equal {1}",Array:"The {0} is not valid",Number:"{0} must be a number",Email:"The {0} is not valid",PhoneNumber:"The {0} is not valid",Url:"The {0} is not valid",File:"File size must be less than {1}",FileRequired:"The {0} is required",Custom:"Error Custom"},a=function(e,r){return r},l=r((function r(t){var l=this;i(this,r),e(this,"AddRules",(function(e){var r,i=l.configs[e];i||(i={Rules:[]},l.configs[e]=i);for(var u=arguments.length,t=new Array(u>1?u-1:0),n=1;n<u;n++)t[n-1]=arguments[n];return(r=i.Rules).push.apply(r,t),l})),e(this,"Required",(function(e,r){return null==r||""===r})),e(this,"Regex",(function(e,r,i){return!!r&&!e.Value.test(r)})),e(this,"RequiredValue",(function(e,r){return!!r&&r!==e.Value})),e(this,"Custom",(function(e,r,i){return"function"!=typeof e.Value||e.Value(r,i)})),e(this,"Array",(function(e,r){return!!r&&("number"!=typeof e.Value||(!Array.isArray(r)||r.length<=e.Value))})),e(this,"Number",(function(e,r){return!!r&&isNaN(Number(r))})),e(this,"Email",(function(e,r){if(!r)return!1;return!/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(r)})),e(this,"PhoneNumber",(function(e,r){if(!r)return!1;return!/^(\+?\d{1,4}[\s-]?)?((\(\d{1,4}\))|\d{1,4})[\s-]?\d{1,4}[\s-]?\d{1,9}$/.test((null!=r?r:"").trim())})),e(this,"Url",(function(e,r){if(!r)return!1;try{return new URL(r),!1}catch(e){return!0}})),e(this,"File",(function(e,r){if(!r)return!1;var i=a(0,e.options),u=Array.isArray(r)?r:[r];return!!i&&(!0===i.all?u.reduce((function(e,r){return e+=r.size}),0)>i.maxSize:u.some((function(e){return e.size>i.maxSize})))})),e(this,"FileRequired",(function(e,r){return!!(Array.isArray(r)?r:[r]).filter((function(e){return!!e})).some((function(e){return e.size<=0}))})),e(this,"RenderMessage",(function(e,r,i){if(!e.message)switch(e.message=s[e.rule].replace("{0}",null!=i?i:r),e.rule){case n.Regex:e.message=e.message.replace("{1}",e.Value.source);break;case n.RequiredValue:var t,l;e.message=e.message.replace("{1}",null!==(t=null===(l=e.Value)||void 0===l?void 0:l.toString())&&void 0!==t?t:"");break;case n.File:var o,c,f=a(0,e.options);if(!0===(null==f?void 0:f.all))e.message="Total file size must be less than ".concat(u((null!==(o=null==f?void 0:f.maxSize)&&void 0!==o?o:0)/1024));else e.message=e.message.replace("{1}",u((null!==(c=null==f?void 0:f.maxSize)&&void 0!==c?c:0)/1024))}return e.message=e.message.replace("{0}",r),e})),e(this,"run",(function(e){var r=Object.keys(l.configs),i={};return r.forEach((function(r){var u=l.configs[r];if(u){var t=l.Executed(u,e[r],e);t.length<1||(i[r]=t.map((function(e){return l.RenderMessage(e,r,u.label)})))}})),i})),e(this,"Executed",(function(e,r,i){return e.Rules.filter((function(e){var u=l[e.rule.toString()];return u&&u(e,r,i)}))})),this.configs=t}));t=l,e(l,"initial",(function(e){return new t(e)}));var o=function(){return new l({})};export{n as SingleRuleValidate,o as createFormValidator,l as default,a as mapRuleOptions};
+import{defineProperty as e,createClass as r,classCallCheck as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{formatFileSize as u}from"../utils/helpers.js";var n,t;!function(e){e.Required="Required",e.Regex="Regex",e.RequiredValue="RequiredValue",e.Array="Array",e.Number="Number",e.Email="Email",e.PhoneNumber="PhoneNumber",e.Url="Url",e.File="File",e.FileRequired="FileRequired",e.Custom="Custom"}(t||(t={}));var s={Required:"The {0} is required",Regex:"The {0} is not match {1}",RequiredValue:"the {0} is not equal {1}",Array:"The {0} is not valid",Number:"{0} must be a number",Email:"The {0} is not valid",PhoneNumber:"The {0} is not valid",Url:"The {0} is not valid",File:"File size must be less than {1}",FileRequired:"The {0} is required",Custom:"Error Custom"},a=function(e,r){return r},l=r((function r(n){var l=this;i(this,r),e(this,"AddRules",(function(e){var r,i=l.configs[e];i||(i={Rules:[]},l.configs[e]=i);for(var u=arguments.length,n=new Array(u>1?u-1:0),t=1;t<u;t++)n[t-1]=arguments[t];return(r=i.Rules).push.apply(r,n),l})),e(this,"Required",(function(e,r){return null==r||""===r})),e(this,"Regex",(function(e,r,i){return!!r&&!e.Value.test(r)})),e(this,"RequiredValue",(function(e,r){return!!r&&r!==e.Value})),e(this,"Custom",(function(e,r,i){return"function"!=typeof e.Value||e.Value(r,i)})),e(this,"Array",(function(e,r){return!!r&&("number"!=typeof e.Value||(!Array.isArray(r)||r.length<=e.Value))})),e(this,"Number",(function(e,r){return!!r&&isNaN(Number(r))})),e(this,"Email",(function(e,r){if(!r)return!1;return!/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(r)})),e(this,"PhoneNumber",(function(e,r){if(!r)return!1;return!/^(\+?\d{1,4}[\s-]?)?((\(\d{1,4}\))|\d{1,4})[\s-]?\d{1,4}[\s-]?\d{1,9}$/.test((null!=r?r:"").trim())})),e(this,"Url",(function(e,r){if(!r)return!1;try{return new URL(r),!1}catch(e){return!0}})),e(this,"File",(function(e,r){if(!r)return!1;var i=a(0,e.options),u=Array.isArray(r)?r:[r];return!!i&&(!0===i.all?u.reduce((function(e,r){return e+=r.size}),0)>i.maxSize:u.some((function(e){return e.size>i.maxSize})))})),e(this,"FileRequired",(function(e,r){return!!(Array.isArray(r)?r:[r]).filter((function(e){return!!e})).some((function(e){return e.size<=0}))})),e(this,"RenderMessage",(function(e,r,i){if(!e.message)switch(e.message=s[e.rule].replace("{0}",null!=i?i:r),e.rule){case t.Regex:e.message=e.message.replace("{1}",e.Value.source);break;case t.RequiredValue:var n,l;e.message=e.message.replace("{1}",null!==(n=null===(l=e.Value)||void 0===l?void 0:l.toString())&&void 0!==n?n:"");break;case t.File:var o,c,f=a(0,e.options);if(!0===(null==f?void 0:f.all))e.message="Total file size must be less than ".concat(u((null!==(o=null==f?void 0:f.maxSize)&&void 0!==o?o:0)/1024));else e.message=e.message.replace("{1}",u((null!==(c=null==f?void 0:f.maxSize)&&void 0!==c?c:0)/1024))}return e.message=e.message.replace("{0}",r),e})),e(this,"run",(function(e){var r=Object.keys(l.configs),i={};return r.forEach((function(r){var u=l.configs[r];if(u){var n=l.Executed(u,e[r],e);n.length<1||(i[r]=n.map((function(e){return l.RenderMessage(e,r,u.label)})))}})),i})),e(this,"Executed",(function(e,r,i){return e.Rules.filter((function(e){var u=l[e.rule.toString()];return u&&u(e,r,i)}))})),this.configs=n}));n=l,e(l,"initial",(function(e){return new n(e)}));var o=function(){return new l({})};export{t as SingleRuleValidate,o as createFormValidator,l as default,a as mapRuleOptions};
 //# sourceMappingURL=validator.js.map

package/dist/form/validator.js.map

@@ -1 +1 @@
-{"version":3,"file":"validator.js","sources":["../../src/form/validator.ts"],"sourcesContent":["import { formatFileSize } from '../utils'\r\n\r\nexport type IModelBase = { [key: string]: any }\r\n\r\nexport enum SingleRuleValidate {\r\n  Required = 'Required',\r\n  Regex = 'Regex',\r\n  RequiredValue = 'RequiredValue',\r\n  Array = 'Array',\r\n  Number = 'Number',\r\n  Email = 'Email',\r\n  PhoneNumber = 'PhoneNumber',\r\n  Url = 'Url',\r\n  File = 'File',\r\n  FileRequired = 'FileRequired',\r\n  Custom = 'Custom'\r\n}\r\n\r\nconst MessageDefault = {\r\n  Required: 'The {0} is required',\r\n  Regex: 'The {0} is not match {1}',\r\n  RequiredValue: 'the {0} is not equal {1}',\r\n  Array: 'The {0} is not valid',\r\n  Number: '{0} must be a number',\r\n  Email: 'The {0} is not valid',\r\n  PhoneNumber: 'The {0} is not valid',\r\n  Url: 'The {0} is not valid',\r\n  File: 'File size must be less than {1}',\r\n  FileRequired: 'The {0} is required',\r\n  Custom: 'Error Custom'\r\n}\r\n\r\nexport interface IRuleOptions {\r\n  File: {\r\n    maxSize: number\r\n    // toal size of files\r\n    all?: boolean\r\n  }\r\n}\r\n\r\nexport const mapRuleOptions = <TK extends keyof IRuleOptions>(key: TK, options?: IRuleOptions[TK]) => options\r\n\r\nexport interface IRuleOption<TModel = any> {\r\n  rule: SingleRuleValidate\r\n  message?: string\r\n  Value?: RegExp | ((value: any, model: TModel) => boolean) | number | Array<any> | boolean\r\n  options?: any\r\n}\r\n\r\nexport interface IConfigValue<TModel = any> {\r\n  Rules: IRuleOption<TModel>[]\r\n  label?: string\r\n}\r\n\r\nexport interface IModelError {\r\n  message: string\r\n  error: boolean\r\n}\r\n\r\nexport type IFormValidatorConfig<TModel> = {\r\n  [key in keyof Extract<TModel, IModelBase>]?: IConfigValue<TModel>\r\n}\r\n\r\nexport type IPartialError<TModel> = {\r\n  [key in keyof TModel]?: IRuleOption<TModel>[]\r\n}\r\n\r\nexport default class FormValidator<TModel> {\r\n  configs: IFormValidatorConfig<TModel>\r\n  constructor(configs: IFormValidatorConfig<TModel>) {\r\n    this.configs = configs\r\n  }\r\n\r\n  static initial = <T>(configs: IFormValidatorConfig<T>) => new FormValidator(configs)\r\n\r\n  AddRules = (key: keyof TModel, ...rule: IRuleOption<TModel>[]) => {\r\n    let fieldConfig = this.configs[key]\r\n    if (!fieldConfig) {\r\n      fieldConfig = { Rules: [] }\r\n      this.configs[key] = fieldConfig\r\n    }\r\n    fieldConfig.Rules.push(...rule)\r\n    return this\r\n  }\r\n\r\n  Required = (RuleOption: IRuleOption, value: any) => {\r\n    return value === null || value === undefined || value === ''\r\n  }\r\n  Regex = (RuleOption: IRuleOption, value: string, Regex: RegExp) => {\r\n    if (!value) return false\r\n    return !(RuleOption.Value as RegExp).test(value)\r\n  }\r\n  RequiredValue = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    return value !== RuleOption.Value\r\n  }\r\n  Custom = (RuleOption: IRuleOption, value: any, model: any) => {\r\n    if (typeof RuleOption.Value === 'function') {\r\n      return RuleOption.Value(value, model)\r\n    }\r\n    return true\r\n  }\r\n  Array = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    if (typeof RuleOption.Value === 'number') {\r\n      return Array.isArray(value) ? value.length <= RuleOption.Value : true\r\n    }\r\n    return true\r\n  }\r\n  Number = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    return isNaN(Number(value))\r\n  }\r\n  Email = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/\r\n    return !regex.test(value)\r\n  }\r\n  PhoneNumber = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    const phoneRegex = /^(\\+?\\d{1,4}[\\s-]?)?((\\(\\d{1,4}\\))|\\d{1,4})[\\s-]?\\d{1,4}[\\s-]?\\d{1,9}$/\r\n    return !phoneRegex.test((value ?? '').trim())\r\n  }\r\n  Url = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    try {\r\n      new URL(value)\r\n      return false\r\n    } catch (err) {\r\n      return true\r\n    }\r\n  }\r\n  File = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    const options = mapRuleOptions('File', RuleOption.options)\r\n    const files: File[] = Array.isArray(value) ? value : [value]\r\n    if (!options) return false\r\n    if (options.all === true) {\r\n      const size = files.reduce((a, b) => {\r\n        a += b.size\r\n        return a\r\n      }, 0)\r\n      return size > options.maxSize\r\n    } else {\r\n      return files.some((x) => x.size > options.maxSize)\r\n    }\r\n  }\r\n  FileRequired = (RuleOption: IRuleOption, value: any) => {\r\n    const files: File[] = Array.isArray(value) ? value : [value]\r\n    return !!files.filter((x) => !!x).some((x) => x.size <= 0)\r\n  }\r\n  RenderMessage = (RuleOption: IRuleOption, key: string, label?: string) => {\r\n    if (!RuleOption.message) {\r\n      RuleOption.message = MessageDefault[RuleOption.rule].replace('{0}', label ?? key)\r\n      switch (RuleOption.rule) {\r\n        case SingleRuleValidate.Regex: {\r\n          RuleOption.message = RuleOption.message.replace('{1}', (RuleOption.Value as RegExp).source)\r\n          break\r\n        }\r\n        case SingleRuleValidate.RequiredValue: {\r\n          RuleOption.message = RuleOption.message.replace('{1}', RuleOption.Value?.toString() ?? '')\r\n          break\r\n        }\r\n        case SingleRuleValidate.File: {\r\n          const options = mapRuleOptions('File', RuleOption.options)\r\n          if (options?.all === true) {\r\n            RuleOption.message = `Total file size must be less than ${formatFileSize((options?.maxSize ?? 0) / 1024)}`\r\n          } else {\r\n            RuleOption.message = RuleOption.message.replace('{1}', formatFileSize((options?.maxSize ?? 0) / 1024))\r\n          }\r\n          break\r\n        }\r\n        default:\r\n          break\r\n      }\r\n    }\r\n    RuleOption.message = RuleOption.message.replace('{0}', key)\r\n    return RuleOption\r\n  }\r\n  run = (model: TModel) => {\r\n    const keys = Object.keys(this.configs)\r\n    const data: IPartialError<TModel> = {}\r\n    keys.forEach((key) => {\r\n      const config = this.configs[key]\r\n      if (!config) return\r\n      const tmp = this.Executed(config, (model as any)[key], model)\r\n      if (tmp.length < 1) return\r\n      ;(data as any)[key] = tmp.map((x) => this.RenderMessage(x, key, config.label))\r\n    })\r\n    return data\r\n  }\r\n  Executed = (Config: IConfigValue, valueField: any, model: any) => {\r\n    return Config.Rules.filter((Value) => {\r\n      const action = (this as any)[Value.rule.toString()]\r\n      return action && action(Value, valueField, model)\r\n    })\r\n  }\r\n}\r\n\r\nexport const createFormValidator = <TModel>() => {\r\n  return new FormValidator<Partial<TModel>>({})\r\n}\r\n"],"names":["SingleRuleValidate","MessageDefault","Required","Regex","RequiredValue","Array","Number","Email","PhoneNumber","Url","File","FileRequired","Custom","mapRuleOptions","key","options","FormValidator","_createClass","configs","_this","this","_classCallCheck","_defineProperty","_fieldConfig$Rules","fieldConfig","Rules","_len","arguments","length","rule","_key","push","apply","RuleOption","value","Value","test","model","isArray","isNaN","trim","URL","err","files","all","reduce","a","b","size","maxSize","some","x","filter","label","message","replace","source","_RuleOption$Value$toS","_RuleOption$Value","toString","_options$maxSize","_options$maxSize2","concat","formatFileSize","keys","Object","data","forEach","config","tmp","Executed","map","RenderMessage","Config","valueField","action","_FormValidator","createFormValidator"],"mappings":"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"}
+{"version":3,"file":"validator.js","sources":["../../src/form/validator.ts"],"sourcesContent":["import { formatFileSize } from '../utils'\r\n\r\nexport type IModelBase = { [key: string]: any }\r\n\r\nexport enum SingleRuleValidate {\r\n  Required = 'Required',\r\n  Regex = 'Regex',\r\n  RequiredValue = 'RequiredValue',\r\n  Array = 'Array',\r\n  Number = 'Number',\r\n  Email = 'Email',\r\n  PhoneNumber = 'PhoneNumber',\r\n  Url = 'Url',\r\n  File = 'File',\r\n  FileRequired = 'FileRequired',\r\n  Custom = 'Custom'\r\n}\r\n\r\nconst MessageDefault = {\r\n  Required: 'The {0} is required',\r\n  Regex: 'The {0} is not match {1}',\r\n  RequiredValue: 'the {0} is not equal {1}',\r\n  Array: 'The {0} is not valid',\r\n  Number: '{0} must be a number',\r\n  Email: 'The {0} is not valid',\r\n  PhoneNumber: 'The {0} is not valid',\r\n  Url: 'The {0} is not valid',\r\n  File: 'File size must be less than {1}',\r\n  FileRequired: 'The {0} is required',\r\n  Custom: 'Error Custom'\r\n}\r\n\r\nexport interface IRuleOptions {\r\n  File: {\r\n    maxSize: number\r\n    // toal size of files\r\n    all?: boolean\r\n  }\r\n}\r\n\r\nexport const mapRuleOptions = <TK extends keyof IRuleOptions>(key: TK, options?: IRuleOptions[TK]) => options\r\n\r\nexport interface IRuleOption<TModel = any> {\r\n  rule: SingleRuleValidate\r\n  message?: string\r\n  Value?: RegExp | ((value: any, model: TModel) => boolean) | number | Array<any> | boolean\r\n  options?: any\r\n}\r\n\r\nexport interface IConfigValue<TModel = any> {\r\n  Rules: IRuleOption<TModel>[]\r\n  label?: string\r\n}\r\n\r\nexport interface IModelError {\r\n  message: string\r\n  error: boolean\r\n}\r\n\r\nexport type IFormValidatorConfig<TModel> = {\r\n  [key in keyof Extract<TModel, IModelBase>]?: IConfigValue<TModel>\r\n}\r\n\r\nexport type IPartialError<TModel> = {\r\n  [key in keyof TModel]?: IRuleOption<TModel>[]\r\n}\r\n\r\nexport default class FormValidator<TModel> {\r\n  configs: IFormValidatorConfig<TModel>\r\n  constructor(configs: IFormValidatorConfig<TModel>) {\r\n    this.configs = configs\r\n  }\r\n\r\n  static initial = <T>(configs: IFormValidatorConfig<T>) => new FormValidator(configs)\r\n\r\n  AddRules = (key: keyof TModel, ...rule: IRuleOption<TModel>[]) => {\r\n    let fieldConfig = this.configs[key]\r\n    if (!fieldConfig) {\r\n      fieldConfig = { Rules: [] }\r\n      this.configs[key] = fieldConfig\r\n    }\r\n    fieldConfig.Rules.push(...rule)\r\n    return this\r\n  }\r\n\r\n  Required = (RuleOption: IRuleOption, value: any) => {\r\n    return value === null || value === undefined || value === ''\r\n  }\r\n  Regex = (RuleOption: IRuleOption, value: string, Regex: RegExp) => {\r\n    if (!value) return false\r\n    return !(RuleOption.Value as RegExp).test(value)\r\n  }\r\n  RequiredValue = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    return value !== RuleOption.Value\r\n  }\r\n  Custom = (RuleOption: IRuleOption, value: any, model: any) => {\r\n    if (typeof RuleOption.Value === 'function') {\r\n      return RuleOption.Value(value, model)\r\n    }\r\n    return true\r\n  }\r\n  Array = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    if (typeof RuleOption.Value === 'number') {\r\n      return Array.isArray(value) ? value.length <= RuleOption.Value : true\r\n    }\r\n    return true\r\n  }\r\n  Number = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    return isNaN(Number(value))\r\n  }\r\n  Email = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/\r\n    return !regex.test(value)\r\n  }\r\n  PhoneNumber = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    const phoneRegex = /^(\\+?\\d{1,4}[\\s-]?)?((\\(\\d{1,4}\\))|\\d{1,4})[\\s-]?\\d{1,4}[\\s-]?\\d{1,9}$/\r\n    return !phoneRegex.test((value ?? '').trim())\r\n  }\r\n  Url = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    try {\r\n      new URL(value)\r\n      return false\r\n    } catch (err) {\r\n      return true\r\n    }\r\n  }\r\n  File = (RuleOption: IRuleOption, value: any) => {\r\n    if (!value) return false\r\n    const options = mapRuleOptions('File', RuleOption.options)\r\n    const files: File[] = Array.isArray(value) ? value : [value]\r\n    if (!options) return false\r\n    if (options.all === true) {\r\n      const size = files.reduce((a, b) => {\r\n        a += b.size\r\n        return a\r\n      }, 0)\r\n      return size > options.maxSize\r\n    } else {\r\n      return files.some((x) => x.size > options.maxSize)\r\n    }\r\n  }\r\n  FileRequired = (RuleOption: IRuleOption, value: any) => {\r\n    const files: File[] = Array.isArray(value) ? value : [value]\r\n    return !!files.filter((x) => !!x).some((x) => x.size <= 0)\r\n  }\r\n  RenderMessage = (RuleOption: IRuleOption, key: string, label?: string) => {\r\n    if (!RuleOption.message) {\r\n      RuleOption.message = MessageDefault[RuleOption.rule].replace('{0}', label ?? key)\r\n      switch (RuleOption.rule) {\r\n        case SingleRuleValidate.Regex: {\r\n          RuleOption.message = RuleOption.message.replace('{1}', (RuleOption.Value as RegExp).source)\r\n          break\r\n        }\r\n        case SingleRuleValidate.RequiredValue: {\r\n          RuleOption.message = RuleOption.message.replace('{1}', RuleOption.Value?.toString() ?? '')\r\n          break\r\n        }\r\n        case SingleRuleValidate.File: {\r\n          const options = mapRuleOptions('File', RuleOption.options)\r\n          if (options?.all === true) {\r\n            RuleOption.message = `Total file size must be less than ${formatFileSize((options?.maxSize ?? 0) / 1024)}`\r\n          } else {\r\n            RuleOption.message = RuleOption.message.replace('{1}', formatFileSize((options?.maxSize ?? 0) / 1024))\r\n          }\r\n          break\r\n        }\r\n        default:\r\n          break\r\n      }\r\n    }\r\n    RuleOption.message = RuleOption.message.replace('{0}', key)\r\n    return RuleOption\r\n  }\r\n  run = (model: TModel) => {\r\n    const keys = Object.keys(this.configs)\r\n    const data: IPartialError<TModel> = {}\r\n    keys.forEach((key) => {\r\n      const config = this.configs[key]\r\n      if (!config) return\r\n      const tmp = this.Executed(config, (model as any)[key], model)\r\n      if (tmp.length < 1) return\r\n      ;(data as any)[key] = tmp.map((x) => this.RenderMessage(x, key, config.label))\r\n    })\r\n    return data\r\n  }\r\n  Executed = (Config: IConfigValue, valueField: any, model: any) => {\r\n    return Config.Rules.filter((Value) => {\r\n      const action = (this as any)[Value.rule.toString()]\r\n      return action && action(Value, valueField, model)\r\n    })\r\n  }\r\n}\r\n\r\nexport const createFormValidator = <TModel>() => {\r\n  return new FormValidator<Partial<TModel>>({})\r\n}\r\n"],"names":["SingleRuleValidate","MessageDefault","Required","Regex","RequiredValue","Array","Number","Email","PhoneNumber","Url","File","FileRequired","Custom","mapRuleOptions","key","options","FormValidator","_createClass","configs","_this","this","_classCallCheck","_defineProperty","_fieldConfig$Rules","fieldConfig","Rules","_len","arguments","length","rule","_key","push","apply","RuleOption","value","Value","test","model","isArray","isNaN","trim","URL","err","files","all","reduce","a","b","size","maxSize","some","x","filter","label","message","replace","source","_RuleOption$Value$toS","_RuleOption$Value","toString","_options$maxSize","_options$maxSize2","concat","formatFileSize","keys","Object","data","forEach","config","tmp","Executed","map","RenderMessage","Config","valueField","action","_FormValidator","createFormValidator"],"mappings":"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"}

package/dist/mfe-shared/cart.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r,toConsumableArray as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as i,useState as e,useRef as n,useEffect as o,useCallback as a}from"react";import{mfeBridge as u}from"./mfe-bridge.js";import{isBrowser as s}from"./environment.js";import{CART_CHANNELS as l}from"./cart.types.js";var c="mfe_cart_items";function f(a){var f=i((function(){return(null==a?void 0:a.storageKey)||c}),[null==a?void 0:a.storageKey]),g=i((function(){return a.idGetter}),[null==a?void 0:a.idGetter]),S=e([]),m=r(S,2),N=m[0],b=m[1],E=n(!1);return o((function(){if(s()){var r=localStorage.getItem(f);if(r)try{var i=JSON.parse(r);Array.isArray(i)&&(b(i),E.current=!0)}catch(r){console.error("Failed to parse cart from localStorage:",r)}var e=u.subscribe(l.ADD,(function(r){b((function(i){var e,n=g(r),o=i.findIndex((function(r){return g(r)===n}));if(o>=0?(e=t(i))[o]=r:e=[].concat(t(i),[r]),JSON.stringify(e)!==JSON.stringify(i)){if(s()){var a=localStorage.getItem(f);JSON.stringify(e)!==a&&localStorage.setItem(f,JSON.stringify(e))}return u.publish(l.STATE_CHANGE,e),e}return i}))})),n=u.subscribe(l.REMOVE,(function(r){b((function(t){var i=t.filter((function(t){return g(t)!==r.id}));if(JSON.stringify(i)!==JSON.stringify(t)){if(s()){var e=localStorage.getItem(f);JSON.stringify(i)!==e&&localStorage.setItem(f,JSON.stringify(i))}return u.publish(l.STATE_CHANGE,i),i}return t}))})),o=u.subscribe(l.CLEAR,(function(){b([]),s()&&localStorage.removeItem(f),u.publish(l.STATE_CHANGE,[])})),a=u.subscribe(l.UPDATE,(function(r){b((function(t){if(JSON.stringify(r)!==JSON.stringify(t)){if(s()){var i=localStorage.getItem(f);JSON.stringify(r)!==i&&localStorage.setItem(f,JSON.stringify(r))}return u.publish(l.STATE_CHANGE,r),r}return t}))})),c=u.subscribe(l.INIT_REQUEST,(function(){b((function(r){return r.length>0&&u.publish(l.INIT_RESPONSE,r),r}))})),S=u.subscribe(l.INIT_RESPONSE,(function(r){!E.current&&r&&r.length>0&&b((function(t){if(JSON.stringify(r)!==JSON.stringify(t)){if(s()){var i=localStorage.getItem(f);JSON.stringify(r)!==i&&localStorage.setItem(f,JSON.stringify(r))}return E.current=!0,u.publish(l.STATE_CHANGE,r),r}return t}))}));return E.current||u.publish(l.INIT_REQUEST,null),function(){e(),n(),o(),a(),c(),S()}}}),[f,g]),{items:N,totalItems:N.length}}function g(t){var i=e([]),n=r(i,2),a=n[0],f=n[1],g=t||c;return o((function(){if(s()){var r=localStorage.getItem(g);if(r)try{var t=JSON.parse(r);Array.isArray(t)&&f(t)}catch(r){console.error("Failed to parse cart from localStorage:",r)}var i=u.subscribe(l.STATE_CHANGE,(function(r){f(r||[])}));return function(){i()}}}),[g]),{items:a,totalItems:a.length}}function S(){return{addToCart:a((function(r){u.publish(l.ADD,r)}),[]),removeFromCart:a((function(r){u.publish(l.REMOVE,{id:r})}),[]),clearCart:a((function(){u.publish(l.CLEAR,null)}),[]),updateCart:a((function(r){u.publish(l.UPDATE,r)}),[])}}export{S as useMfeCartActions,g as useMfeCartData,f as useMfeCartStore};
+import{slicedToArray as t,toConsumableArray as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as n,useState as i,useRef as e,useCallback as u,useEffect as f}from"react";import{mfeBridge as s}from"./mfe-bridge.js";import{isBrowser as o}from"./environment.js";import{CART_CHANNELS as a}from"./cart.types.js";import{CART_STORAGE_KEY as c,MfeCartStorage as l}from"./cart.local-storage.js";function g(g){var E=(null==g?void 0:g.storageKey)||c,b=n((function(){return new l(E)}),[E]),N=n((function(){return g.idGetter}),[null==g?void 0:g.idGetter]),S=i([]),p=t(S,2),v=p[0],m=p[1],y=e(!1),O=e(!1),D=u((function(t){O.current&&s.publish(a.STATE_CHANGE,t)}),[]);return f((function(){if(o()){var t=b.getData();t&&t.length>0&&(m(t),y.current=!0,O.current=!0);var n=s.subscribe(a.ADD,(function(t){m((function(n){var i,e=N(t),u=n.findIndex((function(t){return N(t)===e}));if(u>=0?(i=r(n))[u]=t:i=[].concat(r(n),[t]),JSON.stringify(i)!==JSON.stringify(n)){if(o()){var f=b.getData();JSON.stringify(i)!==JSON.stringify(f)&&b.setData(i,{skipEvent:!0})}return D(i),i}return n}))})),i=s.subscribe(a.REMOVE,(function(t){m((function(r){var n=r.filter((function(r){return N(r)!==t.id}));if(JSON.stringify(n)!==JSON.stringify(r)){if(o()){var i=b.getData();JSON.stringify(n)!==JSON.stringify(i)&&b.setData(n,{skipEvent:!0})}return D(n),n}return r}))})),e=s.subscribe(a.CLEAR,(function(){m([]),o()&&b.removeAll({skipEvent:!0}),D([])})),u=s.subscribe(a.UPDATE,(function(t){m((function(r){if(JSON.stringify(t)!==JSON.stringify(r)){if(o()){var n=b.getData();JSON.stringify(t)!==JSON.stringify(n)&&b.setData(t,{skipEvent:!0})}return D(t),t}return r}))})),f=s.subscribe(a.INIT_REQUEST,(function(){m((function(t){return t.length>0&&s.publish(a.INIT_RESPONSE,t),t}))})),c=s.subscribe(a.INIT_RESPONSE,(function(t){!y.current&&t&&t.length>0&&m((function(r){if(JSON.stringify(t)!==JSON.stringify(r)){if(o()){var n=b.getData();JSON.stringify(t)!==JSON.stringify(n)&&b.setData(t,{skipEvent:!0})}return y.current=!0,O.current=!0,D(t),t}return r}))}));return y.current?O.current=!0:s.publish(a.INIT_REQUEST,null),function(){n(),i(),e(),u(),f(),c()}}}),[E,N,D,b]),{items:v,totalItems:v.length}}function E(r){var e=i([]),u=t(e,2),g=u[0],E=u[1],b=r||c,N=n((function(){return new l(b)}),[b]);return f((function(){if(o()){var t=N.getData();t&&t.length>0&&E(t);var r=s.subscribe(a.STATE_CHANGE,(function(t){E(t||[])}));return function(){r()}}}),[b,N]),{items:g,totalItems:g.length}}function b(){return{addToCart:u((function(t){s.publish(a.ADD,t)}),[]),removeFromCart:u((function(t){s.publish(a.REMOVE,{id:t})}),[]),clearCart:u((function(){s.publish(a.CLEAR,null)}),[]),updateCart:u((function(t){s.publish(a.UPDATE,t)}),[])}}export{b as useMfeCartActions,E as useMfeCartData,g as useMfeCartStore};
 //# sourceMappingURL=cart.js.map

package/dist/mfe-shared/cart.js.map

@@ -1 +1 @@
-{"version":3,"file":"cart.js","sources":["../../src/mfe-shared/cart.tsx"],"sourcesContent":["/**\r\n * cart.tsx - Shared shopping cart system for micro-frontends\r\n *\r\n * This module provides hooks for managing a shared shopping cart across\r\n * multiple micro-frontends. The cart state is synchronized using the\r\n * mfeBridge communication system and persisted in localStorage.\r\n */\r\n\r\nimport { useEffect, useState, useRef, useCallback, useMemo } from 'react'\r\nimport { mfeBridge } from './mfe-bridge'\r\nimport { isBrowser } from './environment'\r\nimport { CART_CHANNELS } from './cart.types'\r\n\r\n/** LocalStorage key for persisting cart items */\r\nconst CART_STORAGE_KEY = 'mfe_cart_items'\r\n\r\nexport interface IMfeCartStoreConfigs<T = any> {\r\n  storageKey?: string\r\n  idGetter: (item: T) => string\r\n}\r\n\r\n/**\r\n * Hook to manage cart state across microFE\r\n * This hook will:\r\n * - Initialize cart from localStorage\r\n * - Listen for cart events (add, remove, clear, update)\r\n * - Provide current cart state\r\n */\r\nexport function useMfeCartStore<T = any>(configs: IMfeCartStoreConfigs<T>) {\r\n  // Use provided storage key or default to CART_STORAGE_KEY\r\n  const cartStorageKey = useMemo(() => configs?.storageKey || CART_STORAGE_KEY, [configs?.storageKey])\r\n\r\n  // Default idGetter uses ProductId, but can be customized\r\n  const getItemId = useMemo(() => configs.idGetter, [configs?.idGetter])\r\n\r\n  // State to hold cart items\r\n  const [items, setItems] = useState<T[]>([])\r\n\r\n  // Mark as initialized\r\n  const initialized = useRef(false)\r\n\r\n  useEffect(() => {\r\n    // Skip localStorage operations in non-browser environments\r\n    if (!isBrowser()) {\r\n      return\r\n    }\r\n\r\n    // Restore from localStorage if available\r\n    const storedItems = localStorage.getItem(cartStorageKey)\r\n    if (storedItems) {\r\n      try {\r\n        const parsedItems = JSON.parse(storedItems)\r\n        if (Array.isArray(parsedItems)) {\r\n          setItems(parsedItems)\r\n          initialized.current = true\r\n        }\r\n      } catch (e) {\r\n        console.error('Failed to parse cart from localStorage:', e)\r\n      }\r\n    }\r\n\r\n    // Subscribe to cart events\r\n    const unsubAdd = mfeBridge.subscribe(CART_CHANNELS.ADD, (payload: T) => {\r\n      setItems((prev) => {\r\n        const itemId = getItemId(payload)\r\n        const existingIndex = prev.findIndex((item) => getItemId(item) === itemId)\r\n\r\n        let newItems: T[]\r\n        if (existingIndex >= 0) {\r\n          // Update existing item\r\n          newItems = [...prev]\r\n          newItems[existingIndex] = payload\r\n        } else {\r\n          // Add new item\r\n          newItems = [...prev, payload]\r\n        }\r\n\r\n        if (JSON.stringify(newItems) !== JSON.stringify(prev)) {\r\n          // Save to localStorage only if value changed\r\n          if (isBrowser()) {\r\n            const current = localStorage.getItem(cartStorageKey)\r\n            if (JSON.stringify(newItems) !== current) {\r\n              localStorage.setItem(cartStorageKey, JSON.stringify(newItems))\r\n            }\r\n          }\r\n          // Notify state change\r\n          mfeBridge.publish(CART_CHANNELS.STATE_CHANGE, newItems)\r\n          return newItems\r\n        }\r\n        return prev\r\n      })\r\n    })\r\n\r\n    const unsubRemove = mfeBridge.subscribe(CART_CHANNELS.REMOVE, (payload: { id: string }) => {\r\n      setItems((prev) => {\r\n        const newItems = prev.filter((item) => getItemId(item) !== payload.id)\r\n        if (JSON.stringify(newItems) !== JSON.stringify(prev)) {\r\n          // Save to localStorage only if value changed\r\n          if (isBrowser()) {\r\n            const current = localStorage.getItem(cartStorageKey)\r\n            if (JSON.stringify(newItems) !== current) {\r\n              localStorage.setItem(cartStorageKey, JSON.stringify(newItems))\r\n            }\r\n          }\r\n          // Notify state change\r\n          mfeBridge.publish(CART_CHANNELS.STATE_CHANGE, newItems)\r\n          return newItems\r\n        }\r\n        return prev\r\n      })\r\n    })\r\n\r\n    const unsubClear = mfeBridge.subscribe(CART_CHANNELS.CLEAR, () => {\r\n      setItems([])\r\n      if (isBrowser()) {\r\n        localStorage.removeItem(cartStorageKey)\r\n      }\r\n      // Notify state change\r\n      mfeBridge.publish(CART_CHANNELS.STATE_CHANGE, [])\r\n    })\r\n\r\n    const unsubUpdate = mfeBridge.subscribe(CART_CHANNELS.UPDATE, (payload: T[]) => {\r\n      setItems((prev) => {\r\n        if (JSON.stringify(payload) !== JSON.stringify(prev)) {\r\n          // Save to localStorage only if value changed\r\n          if (isBrowser()) {\r\n            const current = localStorage.getItem(cartStorageKey)\r\n            if (JSON.stringify(payload) !== current) {\r\n              localStorage.setItem(cartStorageKey, JSON.stringify(payload))\r\n            }\r\n          }\r\n          // Notify state change\r\n          mfeBridge.publish(CART_CHANNELS.STATE_CHANGE, payload)\r\n          return payload\r\n        }\r\n        return prev\r\n      })\r\n    })\r\n\r\n    // Subscribe to init requests from other microFEs\r\n    const unsubInitReq = mfeBridge.subscribe(CART_CHANNELS.INIT_REQUEST, () => {\r\n      // Use callback to get current state to avoid stale closure\r\n      setItems((currentItems) => {\r\n        if (currentItems.length > 0) {\r\n          mfeBridge.publish(CART_CHANNELS.INIT_RESPONSE, currentItems)\r\n        }\r\n        return currentItems // No change to state\r\n      })\r\n    })\r\n\r\n    // Subscribe to init responses if state is not available\r\n    const unsubInitRes = mfeBridge.subscribe(CART_CHANNELS.INIT_RESPONSE, (payload: T[]) => {\r\n      if (!initialized.current && payload && payload.length > 0) {\r\n        setItems((prev) => {\r\n          if (JSON.stringify(payload) !== JSON.stringify(prev)) {\r\n            // Save to localStorage only if value changed\r\n            if (isBrowser()) {\r\n              const current = localStorage.getItem(cartStorageKey)\r\n              if (JSON.stringify(payload) !== current) {\r\n                localStorage.setItem(cartStorageKey, JSON.stringify(payload))\r\n              }\r\n            }\r\n            initialized.current = true\r\n            // Notify state change\r\n            mfeBridge.publish(CART_CHANNELS.STATE_CHANGE, payload)\r\n            return payload\r\n          }\r\n          return prev\r\n        })\r\n      }\r\n    })\r\n\r\n    // When mounted, send init request (only if no state from localStorage)\r\n    if (!initialized.current) {\r\n      mfeBridge.publish(CART_CHANNELS.INIT_REQUEST, null)\r\n    }\r\n\r\n    return () => {\r\n      unsubAdd()\r\n      unsubRemove()\r\n      unsubClear()\r\n      unsubUpdate()\r\n      unsubInitReq()\r\n      unsubInitRes()\r\n    }\r\n  }, [cartStorageKey, getItemId])\r\n\r\n  return { items, totalItems: items.length }\r\n}\r\n\r\n/**\r\n * Simple hook to read cart data without configuration\r\n * Use this when you only need to display cart data and don't need to manage state\r\n * This hook synchronizes with the main cart store through STATE_CHANGE events\r\n */\r\nexport function useMfeCartData<T = any>(storageKey?: string) {\r\n  const [items, setItems] = useState<T[]>([])\r\n  const cartStorageKey = storageKey || CART_STORAGE_KEY\r\n\r\n  useEffect(() => {\r\n    // Skip localStorage operations in non-browser environments\r\n    if (!isBrowser()) {\r\n      return\r\n    }\r\n\r\n    // Load initial data from localStorage\r\n    const storedItems = localStorage.getItem(cartStorageKey)\r\n    if (storedItems) {\r\n      try {\r\n        const parsedItems = JSON.parse(storedItems)\r\n        if (Array.isArray(parsedItems)) {\r\n          setItems(parsedItems)\r\n        }\r\n      } catch (e) {\r\n        console.error('Failed to parse cart from localStorage:', e)\r\n      }\r\n    }\r\n\r\n    // Simply listen to STATE_CHANGE events from the main store\r\n    const unsubStateChange = mfeBridge.subscribe(CART_CHANNELS.STATE_CHANGE, (payload: T[]) => {\r\n      setItems(payload || [])\r\n    })\r\n\r\n    return () => {\r\n      unsubStateChange()\r\n    }\r\n  }, [cartStorageKey])\r\n\r\n  return { items, totalItems: items.length }\r\n}\r\n\r\n/**\r\n * Hook to provide cart actions\r\n * This hook will:\r\n * - Only perform actions, not manage state\r\n * - Use mfeEventBridge to communicate with other microFEs\r\n * - Provide add, remove, clear, and update actions\r\n */\r\nexport function useMfeCartActions<T = any>() {\r\n  // Add item to cart\r\n  const addToCart = useCallback((item: T) => {\r\n    mfeBridge.publish(CART_CHANNELS.ADD, item)\r\n  }, [])\r\n\r\n  // Remove item from cart\r\n  const removeFromCart = useCallback((id: string) => {\r\n    mfeBridge.publish(CART_CHANNELS.REMOVE, { id })\r\n  }, [])\r\n\r\n  // Clear cart\r\n  const clearCart = useCallback(() => {\r\n    mfeBridge.publish(CART_CHANNELS.CLEAR, null)\r\n  }, [])\r\n\r\n  // Update entire cart\r\n  const updateCart = useCallback((items: T[]) => {\r\n    mfeBridge.publish(CART_CHANNELS.UPDATE, items)\r\n  }, [])\r\n\r\n  return {\r\n    addToCart,\r\n    removeFromCart,\r\n    clearCart,\r\n    updateCart\r\n  }\r\n}\r\n"],"names":["CART_STORAGE_KEY","useMfeCartStore","configs","cartStorageKey","useMemo","storageKey","getItemId","idGetter","_useState","useState","_useState2","_slicedToArray","items","setItems","initialized","useRef","useEffect","isBrowser","storedItems","localStorage","getItem","parsedItems","JSON","parse","Array","isArray","current","e","console","error","unsubAdd","mfeBridge","subscribe","CART_CHANNELS","ADD","payload","prev","newItems","itemId","existingIndex","findIndex","item","_toConsumableArray","concat","stringify","setItem","publish","STATE_CHANGE","unsubRemove","REMOVE","filter","id","unsubClear","CLEAR","removeItem","unsubUpdate","UPDATE","unsubInitReq","INIT_REQUEST","currentItems","length","INIT_RESPONSE","unsubInitRes","totalItems","useMfeCartData","_useState3","_useState4","unsubStateChange","useMfeCartActions","addToCart","useCallback","removeFromCart","clearCart","updateCart"],"mappings":"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"}
+{"version":3,"file":"cart.js","sources":["../../src/mfe-shared/cart.tsx"],"sourcesContent":["/**\r\n * cart.tsx - Shared shopping cart system for micro-frontends\r\n *\r\n * This module provides hooks for managing a shared shopping cart across\r\n * multiple micro-frontends. The cart state is synchronized using the\r\n * mfeBridge communication system and persisted in localStorage.\r\n */\r\n\r\nimport { useEffect, useState, useRef, useCallback, useMemo } from 'react'\r\nimport { mfeBridge } from './mfe-bridge'\r\nimport { isBrowser } from './environment'\r\nimport { CART_CHANNELS } from './cart.types'\r\nimport { MfeCartStorage, CART_STORAGE_KEY } from './cart.local-storage'\r\n\r\nexport interface IMfeCartStoreConfigs<T = any> {\r\n  storageKey?: string\r\n  idGetter: (item: T) => string\r\n}\r\n\r\n/**\r\n * Hook to manage cart state across microFE\r\n * This hook will:\r\n * - Initialize cart from localStorage\r\n * - Listen for cart events (add, remove, clear, update)\r\n * - Provide current cart state\r\n */\r\nexport function useMfeCartStore<T = any>(configs: IMfeCartStoreConfigs<T>) {\r\n  // Use provided storage key or default to CART_STORAGE_KEY\r\n  const cartStorageKey = configs?.storageKey || CART_STORAGE_KEY\r\n\r\n  // Create CartLocalStorage instance for this storage key\r\n  const cartStorage = useMemo(() => new MfeCartStorage<T>(cartStorageKey), [cartStorageKey])\r\n\r\n  // Default idGetter uses ProductId, but can be customized\r\n  const getItemId = useMemo(() => configs.idGetter, [configs?.idGetter])\r\n\r\n  // State to hold cart items\r\n  const [items, setItems] = useState<T[]>([])\r\n\r\n  // Mark as initialized\r\n  const initialized = useRef(false)\r\n\r\n  // Ref to track if we're the primary store (to avoid multiple STATE_CHANGE emissions)\r\n  const isPrimaryStore = useRef(false)\r\n\r\n  // Helper to emit state change only from primary store\r\n  const emitStateChange = useCallback((newItems: T[]) => {\r\n    if (isPrimaryStore.current) {\r\n      mfeBridge.publish(CART_CHANNELS.STATE_CHANGE, newItems)\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    // Skip localStorage operations in non-browser environments\r\n    if (!isBrowser()) {\r\n      return\r\n    }\r\n\r\n    // Restore from localStorage if available\r\n    const storedItems = cartStorage.getData()\r\n    if (storedItems && storedItems.length > 0) {\r\n      setItems(storedItems)\r\n      initialized.current = true\r\n      isPrimaryStore.current = true // Mark as primary if we have data\r\n    }\r\n\r\n    // Subscribe to cart events\r\n    const unsubAdd = mfeBridge.subscribe(CART_CHANNELS.ADD, (payload: T) => {\r\n      setItems((prev) => {\r\n        const itemId = getItemId(payload)\r\n        const existingIndex = prev.findIndex((item) => getItemId(item) === itemId)\r\n\r\n        let newItems: T[]\r\n        if (existingIndex >= 0) {\r\n          // Update existing item\r\n          newItems = [...prev]\r\n          newItems[existingIndex] = payload\r\n        } else {\r\n          // Add new item\r\n          newItems = [...prev, payload]\r\n        }\r\n\r\n        if (JSON.stringify(newItems) !== JSON.stringify(prev)) {\r\n          // Save to localStorage only if value changed\r\n          if (isBrowser()) {\r\n            const current = cartStorage.getData()\r\n            if (JSON.stringify(newItems) !== JSON.stringify(current)) {\r\n              // Skip event because we will emit it ourselves\r\n              cartStorage.setData(newItems, { skipEvent: true })\r\n            }\r\n          }\r\n          // Emit state change only from primary store\r\n          emitStateChange(newItems)\r\n          return newItems\r\n        }\r\n        return prev\r\n      })\r\n    })\r\n\r\n    const unsubRemove = mfeBridge.subscribe(CART_CHANNELS.REMOVE, (payload: { id: string }) => {\r\n      setItems((prev) => {\r\n        const newItems = prev.filter((item) => getItemId(item) !== payload.id)\r\n        if (JSON.stringify(newItems) !== JSON.stringify(prev)) {\r\n          // Save to localStorage only if value changed\r\n          if (isBrowser()) {\r\n            const current = cartStorage.getData()\r\n            if (JSON.stringify(newItems) !== JSON.stringify(current)) {\r\n              // Skip event because we will emit it ourselves\r\n              cartStorage.setData(newItems, { skipEvent: true })\r\n            }\r\n          }\r\n          // Emit state change only from primary store\r\n          emitStateChange(newItems)\r\n          return newItems\r\n        }\r\n        return prev\r\n      })\r\n    })\r\n\r\n    const unsubClear = mfeBridge.subscribe(CART_CHANNELS.CLEAR, () => {\r\n      setItems([])\r\n      if (isBrowser()) {\r\n        cartStorage.removeAll({ skipEvent: true })\r\n      }\r\n      // Emit state change only from primary store\r\n      emitStateChange([])\r\n    })\r\n\r\n    const unsubUpdate = mfeBridge.subscribe(CART_CHANNELS.UPDATE, (payload: T[]) => {\r\n      setItems((prev) => {\r\n        if (JSON.stringify(payload) !== JSON.stringify(prev)) {\r\n          // Save to localStorage only if value changed\r\n          if (isBrowser()) {\r\n            const current = cartStorage.getData()\r\n            if (JSON.stringify(payload) !== JSON.stringify(current)) {\r\n              cartStorage.setData(payload, { skipEvent: true })\r\n            }\r\n          }\r\n          // Emit state change only from primary store\r\n          emitStateChange(payload)\r\n          return payload\r\n        }\r\n        return prev\r\n      })\r\n    })\r\n\r\n    // Subscribe to init requests from other microFEs\r\n    const unsubInitReq = mfeBridge.subscribe(CART_CHANNELS.INIT_REQUEST, () => {\r\n      // Use callback to get current state to avoid stale closure\r\n      setItems((currentItems) => {\r\n        if (currentItems.length > 0) {\r\n          mfeBridge.publish(CART_CHANNELS.INIT_RESPONSE, currentItems)\r\n        }\r\n        return currentItems // No change to state\r\n      })\r\n    })\r\n\r\n    // Subscribe to init responses if state is not available\r\n    const unsubInitRes = mfeBridge.subscribe(CART_CHANNELS.INIT_RESPONSE, (payload: T[]) => {\r\n      if (!initialized.current && payload && payload.length > 0) {\r\n        setItems((prev) => {\r\n          if (JSON.stringify(payload) !== JSON.stringify(prev)) {\r\n            // Save to localStorage only if value changed\r\n            if (isBrowser()) {\r\n              const current = cartStorage.getData()\r\n              if (JSON.stringify(payload) !== JSON.stringify(current)) {\r\n                cartStorage.setData(payload, { skipEvent: true })\r\n              }\r\n            }\r\n            initialized.current = true\r\n            isPrimaryStore.current = true // Become primary when receiving init data\r\n            // Emit state change only from primary store\r\n            emitStateChange(payload)\r\n            return payload\r\n          }\r\n          return prev\r\n        })\r\n      }\r\n    })\r\n\r\n    // When mounted, send init request (only if no state from localStorage)\r\n    if (!initialized.current) {\r\n      mfeBridge.publish(CART_CHANNELS.INIT_REQUEST, null)\r\n    } else {\r\n      // If we have data, we become the primary store\r\n      isPrimaryStore.current = true\r\n    }\r\n\r\n    return () => {\r\n      unsubAdd()\r\n      unsubRemove()\r\n      unsubClear()\r\n      unsubUpdate()\r\n      unsubInitReq()\r\n      unsubInitRes()\r\n    }\r\n  }, [cartStorageKey, getItemId, emitStateChange, cartStorage])\r\n\r\n  return { items, totalItems: items.length }\r\n}\r\n\r\n/**\r\n * Simple hook to read cart data without configuration\r\n * Use this when you only need to display cart data and don't need to manage state\r\n * This hook synchronizes with the main cart store through STATE_CHANGE events\r\n */\r\nexport function useMfeCartData<T = any>(storageKey?: string) {\r\n  const [items, setItems] = useState<T[]>([])\r\n  const cartStorageKey = storageKey || CART_STORAGE_KEY\r\n\r\n  // Create CartLocalStorage instance for this storage key\r\n  const cartStorage = useMemo(() => new MfeCartStorage<T>(cartStorageKey), [cartStorageKey])\r\n\r\n  useEffect(() => {\r\n    // Skip localStorage operations in non-browser environments\r\n    if (!isBrowser()) {\r\n      return\r\n    }\r\n\r\n    // Load initial data from localStorage\r\n    const storedItems = cartStorage.getData()\r\n    if (storedItems && storedItems.length > 0) {\r\n      setItems(storedItems)\r\n    }\r\n\r\n    // Simply listen to STATE_CHANGE events from the main store\r\n    const unsubStateChange = mfeBridge.subscribe(CART_CHANNELS.STATE_CHANGE, (payload: T[]) => {\r\n      setItems(payload || [])\r\n    })\r\n\r\n    return () => {\r\n      unsubStateChange()\r\n    }\r\n  }, [cartStorageKey, cartStorage])\r\n\r\n  return { items, totalItems: items.length }\r\n}\r\n\r\n/**\r\n * Hook to provide cart actions\r\n * This hook will:\r\n * - Only perform actions, not manage state\r\n * - Use mfeEventBridge to communicate with other microFEs\r\n * - Provide add, remove, clear, and update actions\r\n */\r\nexport function useMfeCartActions<T = any>() {\r\n  // Add item to cart\r\n  const addToCart = useCallback((item: T) => {\r\n    mfeBridge.publish(CART_CHANNELS.ADD, item)\r\n  }, [])\r\n\r\n  // Remove item from cart\r\n  const removeFromCart = useCallback((id: string) => {\r\n    mfeBridge.publish(CART_CHANNELS.REMOVE, { id })\r\n  }, [])\r\n\r\n  // Clear cart\r\n  const clearCart = useCallback(() => {\r\n    mfeBridge.publish(CART_CHANNELS.CLEAR, null)\r\n  }, [])\r\n\r\n  // Update entire cart\r\n  const updateCart = useCallback((items: T[]) => {\r\n    mfeBridge.publish(CART_CHANNELS.UPDATE, items)\r\n  }, [])\r\n\r\n  return {\r\n    addToCart,\r\n    removeFromCart,\r\n    clearCart,\r\n    updateCart\r\n  }\r\n}\r\n"],"names":["useMfeCartStore","configs","cartStorageKey","storageKey","CART_STORAGE_KEY","cartStorage","useMemo","MfeCartStorage","getItemId","idGetter","_useState","useState","_useState2","_slicedToArray","items","setItems","initialized","useRef","isPrimaryStore","emitStateChange","useCallback","newItems","current","mfeBridge","publish","CART_CHANNELS","STATE_CHANGE","useEffect","isBrowser","storedItems","getData","length","unsubAdd","subscribe","ADD","payload","prev","itemId","existingIndex","findIndex","item","_toConsumableArray","concat","JSON","stringify","setData","skipEvent","unsubRemove","REMOVE","filter","id","unsubClear","CLEAR","removeAll","unsubUpdate","UPDATE","unsubInitReq","INIT_REQUEST","currentItems","INIT_RESPONSE","unsubInitRes","totalItems","useMfeCartData","_useState3","_useState4","unsubStateChange","useMfeCartActions","addToCart","removeFromCart","clearCart","updateCart"],"mappings":"kZA0BM,SAAUA,EAAyBC,GAEvC,IAAMC,GAAiBD,aAAO,EAAPA,EAASE,aAAcC,EAGxCC,EAAcC,GAAQ,WAAA,OAAM,IAAIC,EAAkBL,KAAiB,CAACA,IAGpEM,EAAYF,GAAQ,WAAA,OAAML,EAAQQ,WAAU,CAACR,eAAAA,EAASQ,WAG5DC,EAA0BC,EAAc,IAAGC,EAAAC,EAAAH,EAAA,GAApCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAGhBI,EAAcC,GAAO,GAGrBC,EAAiBD,GAAO,GAGxBE,EAAkBC,GAAY,SAACC,GAC/BH,EAAeI,SACjBC,EAAUC,QAAQC,EAAcC,aAAcL,EAEjD,GAAE,IAoJH,OAlJAM,GAAU,WAER,GAAKC,IAAL,CAKA,IAAMC,EAAcxB,EAAYyB,UAC5BD,GAAeA,EAAYE,OAAS,IACtChB,EAASc,GACTb,EAAYM,SAAU,EACtBJ,EAAeI,SAAU,GAI3B,IAAMU,EAAWT,EAAUU,UAAUR,EAAcS,KAAK,SAACC,GACvDpB,GAAS,SAACqB,GACR,IAGIf,EAHEgB,EAAS7B,EAAU2B,GACnBG,EAAgBF,EAAKG,WAAU,SAACC,GAAI,OAAKhC,EAAUgC,KAAUH,KAYnE,GATIC,GAAiB,GAEnBjB,EAAQoB,EAAOL,IACNE,GAAiBH,EAG1Bd,EAAQ,GAAAqB,OAAAD,EAAOL,GAAI,CAAED,IAGnBQ,KAAKC,UAAUvB,KAAcsB,KAAKC,UAAUR,GAAO,CAErD,GAAIR,IAAa,CACf,IAAMN,EAAUjB,EAAYyB,UACxBa,KAAKC,UAAUvB,KAAcsB,KAAKC,UAAUtB,IAE9CjB,EAAYwC,QAAQxB,EAAU,CAAEyB,WAAW,GAE9C,CAGD,OADA3B,EAAgBE,GACTA,CACR,CACD,OAAOe,CACT,GACF,IAEMW,EAAcxB,EAAUU,UAAUR,EAAcuB,QAAQ,SAACb,GAC7DpB,GAAS,SAACqB,GACR,IAAMf,EAAWe,EAAKa,QAAO,SAACT,GAAI,OAAKhC,EAAUgC,KAAUL,EAAQe,MACnE,GAAIP,KAAKC,UAAUvB,KAAcsB,KAAKC,UAAUR,GAAO,CAErD,GAAIR,IAAa,CACf,IAAMN,EAAUjB,EAAYyB,UACxBa,KAAKC,UAAUvB,KAAcsB,KAAKC,UAAUtB,IAE9CjB,EAAYwC,QAAQxB,EAAU,CAAEyB,WAAW,GAE9C,CAGD,OADA3B,EAAgBE,GACTA,CACR,CACD,OAAOe,CACT,GACF,IAEMe,EAAa5B,EAAUU,UAAUR,EAAc2B,OAAO,WAC1DrC,EAAS,IACLa,KACFvB,EAAYgD,UAAU,CAAEP,WAAW,IAGrC3B,EAAgB,GAClB,IAEMmC,EAAc/B,EAAUU,UAAUR,EAAc8B,QAAQ,SAACpB,GAC7DpB,GAAS,SAACqB,GACR,GAAIO,KAAKC,UAAUT,KAAaQ,KAAKC,UAAUR,GAAO,CAEpD,GAAIR,IAAa,CACf,IAAMN,EAAUjB,EAAYyB,UACxBa,KAAKC,UAAUT,KAAaQ,KAAKC,UAAUtB,IAC7CjB,EAAYwC,QAAQV,EAAS,CAAEW,WAAW,GAE7C,CAGD,OADA3B,EAAgBgB,GACTA,CACR,CACD,OAAOC,CACT,GACF,IAGMoB,EAAejC,EAAUU,UAAUR,EAAcgC,cAAc,WAEnE1C,GAAS,SAAC2C,GAIR,OAHIA,EAAa3B,OAAS,GACxBR,EAAUC,QAAQC,EAAckC,cAAeD,GAE1CA,CACT,GACF,IAGME,EAAerC,EAAUU,UAAUR,EAAckC,eAAe,SAACxB,IAChEnB,EAAYM,SAAWa,GAAWA,EAAQJ,OAAS,GACtDhB,GAAS,SAACqB,GACR,GAAIO,KAAKC,UAAUT,KAAaQ,KAAKC,UAAUR,GAAO,CAEpD,GAAIR,IAAa,CACf,IAAMN,EAAUjB,EAAYyB,UACxBa,KAAKC,UAAUT,KAAaQ,KAAKC,UAAUtB,IAC7CjB,EAAYwC,QAAQV,EAAS,CAAEW,WAAW,GAE7C,CAKD,OAJA9B,EAAYM,SAAU,EACtBJ,EAAeI,SAAU,EAEzBH,EAAgBgB,GACTA,CACR,CACD,OAAOC,CACT,GAEJ,IAUA,OAPKpB,EAAYM,QAIfJ,EAAeI,SAAU,EAHzBC,EAAUC,QAAQC,EAAcgC,aAAc,MAMzC,WACLzB,IACAe,IACAI,IACAG,IACAE,IACAI,GACD,CA3IA,CA4IF,GAAE,CAAC1D,EAAgBM,EAAWW,EAAiBd,IAEzC,CAAES,MAAAA,EAAO+C,WAAY/C,EAAMiB,OACpC,CAOM,SAAU+B,EAAwB3D,GACtC,IAAA4D,EAA0BpD,EAAc,IAAGqD,EAAAnD,EAAAkD,EAAA,GAApCjD,EAAKkD,EAAA,GAAEjD,EAAQiD,EAAA,GAChB9D,EAAiBC,GAAcC,EAG/BC,EAAcC,GAAQ,WAAA,OAAM,IAAIC,EAAkBL,KAAiB,CAACA,IAwB1E,OAtBAyB,GAAU,WAER,GAAKC,IAAL,CAKA,IAAMC,EAAcxB,EAAYyB,UAC5BD,GAAeA,EAAYE,OAAS,GACtChB,EAASc,GAIX,IAAMoC,EAAmB1C,EAAUU,UAAUR,EAAcC,cAAc,SAACS,GACxEpB,EAASoB,GAAW,GACtB,IAEA,OAAO,WACL8B,GACD,CAfA,CAgBH,GAAG,CAAC/D,EAAgBG,IAEb,CAAES,MAAAA,EAAO+C,WAAY/C,EAAMiB,OACpC,UASgBmC,IAqBd,MAAO,CACLC,UApBgB/C,GAAY,SAACoB,GAC7BjB,EAAUC,QAAQC,EAAcS,IAAKM,EACtC,GAAE,IAmBD4B,eAhBqBhD,GAAY,SAAC8B,GAClC3B,EAAUC,QAAQC,EAAcuB,OAAQ,CAAEE,GAAAA,GAC3C,GAAE,IAeDmB,UAZgBjD,GAAY,WAC5BG,EAAUC,QAAQC,EAAc2B,MAAO,KACxC,GAAE,IAWDkB,WARiBlD,GAAY,SAACN,GAC9BS,EAAUC,QAAQC,EAAc8B,OAAQzC,EACzC,GAAE,IAQL"}

package/dist/mfe-shared/cart.local-storage.js

@@ -0,0 +1,2 @@
+import{createClass as t,classCallCheck as e,defineProperty as r,asyncToGenerator as a,regenerator as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{mfeBridge as i}from"./mfe-bridge.js";import{CART_CHANNELS as o}from"./cart.types.js";import{fetchDelay as s}from"../utils/helpers.js";var l="mfe_cart_items",u=t((function t(){var u=this,c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l;e(this,t),r(this,"getDataAsync",(function(){return s(a(n().m((function t(){return n().w((function(t){for(;;)if(0===t.n)return t.a(2,u.getData())}),t)}))),500)})),r(this,"getData",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u.key;try{var e;return JSON.parse(null!==(e=localStorage.getItem(t))&&void 0!==e?e:"[]")}catch(t){return[]}})),r(this,"setData",(function(t,e){var r=(null==e?void 0:e.key)||u.key,a=(null==e?void 0:e.skipEvent)||!1;localStorage.setItem(r,JSON.stringify(t)),a||i.publish(o.STATE_CHANGE,t)})),r(this,"removeAll",(function(t){var e=(null==t?void 0:t.key)||u.key,r=(null==t?void 0:t.skipEvent)||!1;localStorage.removeItem(e),r||i.publish(o.STATE_CHANGE,[])})),this.key=c}));function c(t){return new u(t||l)}export{l as CART_STORAGE_KEY,u as MfeCartStorage,c as createMfeCartStorage,u as default};
+//# sourceMappingURL=cart.local-storage.js.map

package/dist/mfe-shared/cart.local-storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart.local-storage.js","sources":["../../src/mfe-shared/cart.local-storage.ts"],"sourcesContent":["import { fetchDelay } from '../utils'\r\nimport { mfeBridge } from './mfe-bridge'\r\nimport { CART_CHANNELS } from './cart.types'\r\n\r\n/** LocalStorage key for persisting cart items */\r\nexport const CART_STORAGE_KEY = 'mfe_cart_items'\r\n\r\nexport interface ICartStorageOptions {\r\n  key?: string\r\n  skipEvent?: boolean\r\n}\r\n\r\nexport class MfeCartStorage<T = any> {\r\n  private key: string\r\n\r\n  constructor(key: string = CART_STORAGE_KEY) {\r\n    this.key = key\r\n  }\r\n\r\n  getDataAsync = (): Promise<T[]> => {\r\n    return fetchDelay(async () => this.getData(), 500)\r\n  }\r\n\r\n  getData = (key: string = this.key): T[] => {\r\n    try {\r\n      return JSON.parse(localStorage.getItem(key) ?? '[]')\r\n    } catch (error) {\r\n      return []\r\n    }\r\n  }\r\n\r\n  setData = (value: T[], options?: ICartStorageOptions) => {\r\n    const key = options?.key || this.key\r\n    const skipEvent = options?.skipEvent || false\r\n\r\n    // Set new data\r\n    localStorage.setItem(key, JSON.stringify(value))\r\n\r\n    // Publish STATE_CHANGE event to synchronize with hooks (unless skipped)\r\n    if (!skipEvent) {\r\n      mfeBridge.publish(CART_CHANNELS.STATE_CHANGE, value)\r\n    }\r\n  }\r\n\r\n  removeAll = (options?: ICartStorageOptions) => {\r\n    const key = options?.key || this.key\r\n    const skipEvent = options?.skipEvent || false\r\n\r\n    // Remove data\r\n    localStorage.removeItem(key)\r\n\r\n    // Publish STATE_CHANGE event to synchronize with hooks (unless skipped)\r\n    if (!skipEvent) {\r\n      mfeBridge.publish(CART_CHANNELS.STATE_CHANGE, [])\r\n    }\r\n  }\r\n}\r\n\r\nexport default MfeCartStorage\r\n\r\nexport function createMfeCartStorage<T>(key?: string) {\r\n  return new MfeCartStorage<T>(key || CART_STORAGE_KEY)\r\n}\r\n"],"names":["CART_STORAGE_KEY","MfeCartStorage","_createClass","_this","this","key","_classCallCheck","_defineProperty","fetchDelay","_asyncToGenerator","_regenerator","m","_callee","w","_context","n","a","getData","arguments","length","undefined","_localStorage$getItem","JSON","parse","localStorage","getItem","error","value","options","skipEvent","setItem","stringify","mfeBridge","publish","CART_CHANNELS","STATE_CHANGE","removeItem","createMfeCartStorage"],"mappings":"mSAKO,IAAMA,EAAmB,iBAOnBC,EAAcC,GAGzB,SAAAD,IAA0C,IAAAE,EAAAC,KAA9BC,yDAAcL,EAAgBM,OAAAL,GAAAM,uBAI3B,WACb,OAAOC,EAAUC,EAAAC,IAAAC,GAAC,SAAAC,IAAA,OAAAF,IAAAG,GAAA,SAAAC,GAAA,UAAA,IAAAA,EAAAC,EAAA,OAAAD,EAAAE,EAAA,EAAYb,EAAKc,UAAS,GAAAL,EAAA,KAAE,QAC/CL,kBAES,WAAgC,IAA/BF,EAAAa,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAcf,GAAAA,EAAKE,IAC5B,IAAI,IAAAgB,EACF,OAAOC,KAAKC,MAA+BF,QAA1BA,EAACG,aAAaC,QAAQpB,cAAIgB,EAAAA,EAAI,KAChD,CAAC,MAAOK,GACP,MAAO,EACR,KACFnB,EAESH,KAAA,WAAA,SAACuB,EAAYC,GACrB,IAAMvB,GAAMuB,aAAAA,EAAAA,EAASvB,MAAOF,EAAKE,IAC3BwB,GAAYD,aAAO,EAAPA,EAASC,aAAa,EAGxCL,aAAaM,QAAQzB,EAAKiB,KAAKS,UAAUJ,IAGpCE,GACHG,EAAUC,QAAQC,EAAcC,aAAcR,MAEjDpB,EAAAH,KAAA,aAEW,SAACwB,GACX,IAAMvB,GAAMuB,aAAAA,EAAAA,EAASvB,MAAOF,EAAKE,IAC3BwB,GAAYD,aAAO,EAAPA,EAASC,aAAa,EAGxCL,aAAaY,WAAW/B,GAGnBwB,GACHG,EAAUC,QAAQC,EAAcC,aAAc,OArChD/B,KAAKC,IAAMA,CACb,IA2CI,SAAUgC,EAAwBhC,GACtC,OAAO,IAAIJ,EAAkBI,GAAOL,EACtC"}

package/dist/mfe-shared/index.js

@@ -1,2 +1,2 @@
-export{mfeBridge}from"./mfe-bridge.js";export{MfeAuthProvider,useMfeAuth}from"./auth.js";export{AUTH_CHANNELS}from"./auth.types.js";export{SsrAuthProvider}from"./auth.ssr.js";export{useMfeCartActions,useMfeCartData,useMfeCartStore}from"./cart.js";export{CART_CHANNELS}from"./cart.types.js";export{SsrCartProvider}from"./cart.ssr.js";export{MfeLink,MfeNavigateProvider,NAVIGATION_CHANNELS,useMfeNavigate}from"./navigation.js";export{isBrowser}from"./environment.js";export{HydrationGuard,useHydration}from"./hydration-helper.js";export{MfeAuthDebugPanel}from"./auth.debug.js";export{MfeCartDebugPanel}from"./cart.debug.js";export{MfeNavigateDebugPanel}from"./navigation.debug.js";
+export{mfeBridge}from"./mfe-bridge.js";export{MfeAuthProvider,useMfeAuth}from"./auth.js";export{AUTH_CHANNELS}from"./auth.types.js";export{SsrAuthProvider}from"./auth.ssr.js";export{useMfeCartActions,useMfeCartData,useMfeCartStore}from"./cart.js";export{CART_CHANNELS}from"./cart.types.js";export{CART_STORAGE_KEY,MfeCartStorage as MfeCartLocalStorage,createMfeCartStorage}from"./cart.local-storage.js";export{SsrCartProvider}from"./cart.ssr.js";export{MfeLink,MfeNavigateProvider,NAVIGATION_CHANNELS,useMfeNavigate}from"./navigation.js";export{isBrowser}from"./environment.js";export{HydrationGuard,useHydration}from"./hydration-helper.js";export{MfeAuthDebugPanel}from"./auth.debug.js";export{MfeCartDebugPanel}from"./cart.debug.js";export{MfeNavigateDebugPanel}from"./navigation.debug.js";
 //# sourceMappingURL=index.js.map

package/dist/table/create.action-row.js

@@ -1,2 +1,2 @@
-import{inherits as r,createClass as e,objectSpread2 as t,classCallCheck as n,callSuper as o,defineProperty as i,regenerator as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a}from"react/jsx-runtime";import s,{Component as u}from"react";import{Box as c,Tooltip as p,IconButton as d}from"@mui/material";import f from"@mui/icons-material/Edit";import m from"@mui/icons-material/Delete";import{mergeObjects as v}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{MapTableBaseContext as g}from"./context.js";function h(h){var b=function(){function b(){var r;n(this,b);for(var e=arguments.length,u=new Array(e),c=0;c<e;c++)u[c]=arguments[c];return r=o(this,b,[].concat(u)),i(r,"getButtons",l().m((function r(e,n,o){var i,u,c,v,g,b,y,j,k,C,x,w,D,E;return l().w((function(r){for(;;)switch(r.n){case 0:if(!(k=null!==(i=null===(u=e.props)||void 0===u?void 0:u.before)&&void 0!==i?i:null==n?void 0:n.before)){r.n=1;break}return r.n=1,a(s.Fragment,{children:k(e.props.value,o)},"Before");case 1:if(C=null!==(c=null===(v=e.props)||void 0===v?void 0:v.formEdit)&&void 0!==c?c:null==n?void 0:n.formEdit,x=C?C(e.props.value,o):void 0,!C||!x){r.n=2;break}return r.n=2,a(p,{title:"Edit",arrow:!0,children:a(d,{color:"primary",onClick:function(){null==o||o.showModal(t({renderContent:function(){return x||a(s.Fragment,{})},sx:{display:"flex",justifyContent:"center",alignItems:"center"},backdropActivated:!0},null==h?void 0:h.buttonEditConfig))},children:a(f,{fontSize:"small"})})},"Edit");case 2:if(w=null!==(g=null===(b=e.props)||void 0===b?void 0:b.formDelete)&&void 0!==g?g:null==n?void 0:n.formDelete,D=w?w(e.props.value,o):void 0,!w||!D){r.n=3;break}return r.n=3,a(p,{title:"Delete",arrow:!0,children:a(d,{color:"error",onClick:function(){null==o||o.showModal(t({renderContent:function(){return D||a(s.Fragment,{})},sx:{display:"flex",justifyContent:"center",alignItems:"center"},backdropActivated:!0},null==h?void 0:h.buttonDeleteConfig))},children:a(m,{fontSize:"small"})})},"Delete");case 3:if(!(E=null!==(y=null===(j=e.props)||void 0===j?void 0:j.after)&&void 0!==y?y:null==n?void 0:n.after)){r.n=4;break}return r.n=4,a(s.Fragment,{children:E(e.props.value,o)},"After");case 4:return r.a(2)}}),r)}))),r}return r(b,u),e(b,[{key:"propsMerge",get:function(){return v(h,this.props)}},{key:"render",value:function(){var r=this;return g((function(e){return a(c,t(t({sx:{display:"flex",alignItems:"center",height:"100%"}},r.propsMerge.wrapProps),{},{children:Array.from(r.getButtons(r,r.propsMerge,e))}))}))}}])}();return b}export{h as default};
+import{inherits as e,createClass as r,objectSpread2 as t,classCallCheck as n,callSuper as o,defineProperty as i,regenerator as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a}from"react/jsx-runtime";import s,{Component as u}from"react";import{Box as c,Tooltip as d,IconButton as f}from"@mui/material";import p from"@mui/icons-material/Edit";import m from"@mui/icons-material/Delete";import{MapTableBaseContext as v}from"./context.js";import{mergeObjects as g}from"../utils/helpers.js";function h(h){var b=function(){function b(){var e;n(this,b);for(var r=arguments.length,u=new Array(r),c=0;c<r;c++)u[c]=arguments[c];return e=o(this,b,[].concat(u)),i(e,"getButtons",l().m((function e(r,n,o){var i,u,c,v,g,b,k,y,C,x,j,w,D,E;return l().w((function(e){for(;;)switch(e.n){case 0:if(!(C=null!==(i=null===(u=r.props)||void 0===u?void 0:u.before)&&void 0!==i?i:null==n?void 0:n.before)){e.n=1;break}return e.n=1,a(s.Fragment,{children:C(r.props.value,o)},"Before");case 1:if(x=null!==(c=null===(v=r.props)||void 0===v?void 0:v.formEdit)&&void 0!==c?c:null==n?void 0:n.formEdit,j=x?x(r.props.value,o):void 0,!x||!j){e.n=2;break}return e.n=2,a(d,{title:"Edit",arrow:!0,children:a(f,{color:"primary",onClick:function(){null==o||o.showModal(t({renderContent:function(){return j||a(s.Fragment,{})},sx:{display:"flex",justifyContent:"center",alignItems:"center"},backdropActivated:!0},null==h?void 0:h.buttonEditConfig))},children:a(p,{fontSize:"small"})})},"Edit");case 2:if(w=null!==(g=null===(b=r.props)||void 0===b?void 0:b.formDelete)&&void 0!==g?g:null==n?void 0:n.formDelete,D=w?w(r.props.value,o):void 0,!w||!D){e.n=3;break}return e.n=3,a(d,{title:"Delete",arrow:!0,children:a(f,{color:"error",onClick:function(){null==o||o.showModal(t({renderContent:function(){return D||a(s.Fragment,{})},sx:{display:"flex",justifyContent:"center",alignItems:"center"},backdropActivated:!0},null==h?void 0:h.buttonDeleteConfig))},children:a(m,{fontSize:"small"})})},"Delete");case 3:if(!(E=null!==(k=null===(y=r.props)||void 0===y?void 0:y.after)&&void 0!==k?k:null==n?void 0:n.after)){e.n=4;break}return e.n=4,a(s.Fragment,{children:E(r.props.value,o)},"After");case 4:return e.a(2)}}),e)}))),e}return e(b,u),r(b,[{key:"propsMerge",get:function(){return g(h,this.props)}},{key:"render",value:function(){var e=this;return v((function(r){return a(c,t(t({sx:{display:"flex",alignItems:"center",height:"100%"}},e.propsMerge.wrapProps),{},{children:Array.from(e.getButtons(e,e.propsMerge,r))}))}))}}])}();return b}export{h as default};
 //# sourceMappingURL=create.action-row.js.map

package/dist/table/create.action-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.action-row.js","sources":["../../src/table/create.action-row.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, BoxProps, IconButton, Tooltip } from '@mui/material'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport DeleteIcon from '@mui/icons-material/Delete'\r\nimport { mergeObjects } from '../utils'\r\nimport { GlobalModalState } from '../api-context'\r\nimport { ITableBaseContext, MapTableBaseContext } from './context'\r\n\r\nexport interface IActionRowProps<T> {\r\n  value: T\r\n  formEdit?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  formDelete?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  after?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  before?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  wrapProps?: BoxProps\r\n  buttonEditConfig?: GlobalModalState\r\n  buttonDeleteConfig?: GlobalModalState\r\n}\r\n\r\nfunction CreateActionRow<T>(params?: Omit<IActionRowProps<T>, 'value'>): ComponentType<IActionRowProps<T>> {\r\n  class ActionRow extends Component<IActionRowProps<T>> {\r\n    get propsMerge() {\r\n      return mergeObjects<IActionRowProps<T>>(params, this.props)\r\n    }\r\n\r\n    getButtons = function* (that: ActionRow, thatProps: Omit<IActionRowProps<T>, 'value'>, tableContext: ITableBaseContext) {\r\n      const beforeFunc = that.props?.before ?? thatProps?.before\r\n      if (beforeFunc) {\r\n        yield <React.Fragment key='Before'>{beforeFunc(that.props.value, tableContext)}</React.Fragment>\r\n      }\r\n      const editFunc = that.props?.formEdit ?? thatProps?.formEdit\r\n      const editContent = editFunc ? editFunc(that.props.value, tableContext) : undefined\r\n      if (editFunc && !!editContent) {\r\n        yield (\r\n          <Tooltip title='Edit' arrow key='Edit'>\r\n            <IconButton\r\n              color='primary'\r\n              onClick={() => {\r\n                tableContext?.showModal({\r\n                  renderContent: () => editContent || <React.Fragment />,\r\n                  sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' },\r\n                  backdropActivated: true,\r\n                  ...params?.buttonEditConfig\r\n                })\r\n              }}\r\n            >\r\n              <EditIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        )\r\n      }\r\n      const deleteFunc = that.props?.formDelete ?? thatProps?.formDelete\r\n      const deleteContent = deleteFunc ? deleteFunc(that.props.value, tableContext) : undefined\r\n      if (deleteFunc && !!deleteContent) {\r\n        yield (\r\n          <Tooltip title='Delete' arrow key='Delete'>\r\n            <IconButton\r\n              color='error'\r\n              onClick={() => {\r\n                tableContext?.showModal({\r\n                  renderContent: () => deleteContent || <React.Fragment />,\r\n                  sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' },\r\n                  backdropActivated: true,\r\n                  ...params?.buttonDeleteConfig\r\n                })\r\n              }}\r\n            >\r\n              <DeleteIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        )\r\n      }\r\n      const afterFunc = that.props?.after ?? thatProps?.after\r\n      if (afterFunc) {\r\n        yield <React.Fragment key='After'>{afterFunc(that.props.value, tableContext)}</React.Fragment>\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return MapTableBaseContext((context) => (\r\n        <Box sx={{ display: 'flex', alignItems: 'center', height: '100%' }} {...this.propsMerge.wrapProps}>\r\n          {Array.from(this.getButtons(this, this.propsMerge, context))}\r\n        </Box>\r\n      ))\r\n    }\r\n  }\r\n\r\n  return ActionRow\r\n}\r\nexport default CreateActionRow\r\n"],"names":["CreateActionRow","params","ActionRow","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","_regenerator","m","_callee","that","thatProps","tableContext","_that$props$before","_that$props","_that$props$formEdit","_that$props2","_that$props$formDelet","_that$props3","_that$props$after","_that$props4","beforeFunc","editFunc","editContent","deleteFunc","deleteContent","afterFunc","w","_context","n","props","before","_jsx","React","Fragment","children","value","formEdit","undefined","Tooltip","title","arrow","IconButton","color","onClick","showModal","_objectSpread","renderContent","sx","display","justifyContent","alignItems","backdropActivated","buttonEditConfig","EditIcon","fontSize","formDelete","buttonDeleteConfig","DeleteIcon","after","a","_inherits","Component","_createClass","key","get","mergeObjects","_this2","MapTableBaseContext","context","Box","height","propsMerge","wrapProps","from","getButtons"],"mappings":"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"}
+{"version":3,"file":"create.action-row.js","sources":["../../src/table/create.action-row.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, BoxProps, IconButton, Tooltip } from '@mui/material'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport DeleteIcon from '@mui/icons-material/Delete'\r\nimport { mergeObjects } from '../utils'\r\nimport { GlobalModalState } from '../api-context'\r\nimport { ITableBaseContext, MapTableBaseContext } from './context'\r\n\r\nexport interface IActionRowProps<T> {\r\n  value: T\r\n  formEdit?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  formDelete?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  after?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  before?: (value: T, tableContext: ITableBaseContext) => React.ReactNode\r\n  wrapProps?: BoxProps\r\n  buttonEditConfig?: GlobalModalState\r\n  buttonDeleteConfig?: GlobalModalState\r\n}\r\n\r\nfunction CreateActionRow<T>(params?: Omit<IActionRowProps<T>, 'value'>): ComponentType<IActionRowProps<T>> {\r\n  class ActionRow extends Component<IActionRowProps<T>> {\r\n    get propsMerge() {\r\n      return mergeObjects<IActionRowProps<T>>(params, this.props)\r\n    }\r\n\r\n    getButtons = function* (that: ActionRow, thatProps: Omit<IActionRowProps<T>, 'value'>, tableContext: ITableBaseContext) {\r\n      const beforeFunc = that.props?.before ?? thatProps?.before\r\n      if (beforeFunc) {\r\n        yield <React.Fragment key='Before'>{beforeFunc(that.props.value, tableContext)}</React.Fragment>\r\n      }\r\n      const editFunc = that.props?.formEdit ?? thatProps?.formEdit\r\n      const editContent = editFunc ? editFunc(that.props.value, tableContext) : undefined\r\n      if (editFunc && !!editContent) {\r\n        yield (\r\n          <Tooltip title='Edit' arrow key='Edit'>\r\n            <IconButton\r\n              color='primary'\r\n              onClick={() => {\r\n                tableContext?.showModal({\r\n                  renderContent: () => editContent || <React.Fragment />,\r\n                  sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' },\r\n                  backdropActivated: true,\r\n                  ...params?.buttonEditConfig\r\n                })\r\n              }}\r\n            >\r\n              <EditIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        )\r\n      }\r\n      const deleteFunc = that.props?.formDelete ?? thatProps?.formDelete\r\n      const deleteContent = deleteFunc ? deleteFunc(that.props.value, tableContext) : undefined\r\n      if (deleteFunc && !!deleteContent) {\r\n        yield (\r\n          <Tooltip title='Delete' arrow key='Delete'>\r\n            <IconButton\r\n              color='error'\r\n              onClick={() => {\r\n                tableContext?.showModal({\r\n                  renderContent: () => deleteContent || <React.Fragment />,\r\n                  sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' },\r\n                  backdropActivated: true,\r\n                  ...params?.buttonDeleteConfig\r\n                })\r\n              }}\r\n            >\r\n              <DeleteIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        )\r\n      }\r\n      const afterFunc = that.props?.after ?? thatProps?.after\r\n      if (afterFunc) {\r\n        yield <React.Fragment key='After'>{afterFunc(that.props.value, tableContext)}</React.Fragment>\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return MapTableBaseContext((context) => (\r\n        <Box sx={{ display: 'flex', alignItems: 'center', height: '100%' }} {...this.propsMerge.wrapProps}>\r\n          {Array.from(this.getButtons(this, this.propsMerge, context))}\r\n        </Box>\r\n      ))\r\n    }\r\n  }\r\n\r\n  return ActionRow\r\n}\r\nexport default CreateActionRow\r\n"],"names":["CreateActionRow","params","ActionRow","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","_regenerator","m","_callee","that","thatProps","tableContext","_that$props$before","_that$props","_that$props$formEdit","_that$props2","_that$props$formDelet","_that$props3","_that$props$after","_that$props4","beforeFunc","editFunc","editContent","deleteFunc","deleteContent","afterFunc","w","_context","n","props","before","_jsx","React","Fragment","children","value","formEdit","undefined","Tooltip","title","arrow","IconButton","color","onClick","showModal","_objectSpread","renderContent","sx","display","justifyContent","alignItems","backdropActivated","buttonEditConfig","EditIcon","fontSize","formDelete","buttonDeleteConfig","DeleteIcon","after","a","_inherits","Component","_createClass","key","get","mergeObjects","_this2","MapTableBaseContext","context","Box","height","propsMerge","wrapProps","from","getButtons"],"mappings":"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"}

package/dist/table/create.table.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as o,defineProperty as r,inherits as t,createClass as a,classCallCheck as i,callSuper as l,toConsumableArray as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s}from"react/jsx-runtime";import{Component as d}from"react";import{styled as u,Box as p}from"@mui/material";import{DataGrid as c}from"@mui/x-data-grid";import{mergeObjects as m}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{TableBaseContext as g}from"./context.js";import{customFilterOperators as h}from"./custom.filter-operators.js";import f,{dinoTableClasses as v}from"./helpers.js";import b from"./toolbar-pannel.js";import y,{mapGlobalModalContext as C}from"../api-context/global-modal.js";var P=["children"];function M(e){return function(){function u(t){var a;return i(this,u),a=l(this,u,[t]),r(a,"setTableQueryParams",(function(e){a.tableQueryParams=m({},a.tableQueryParams,e)})),r(a,"renderWrapContext",(function(e){return s(y,{children:C((function(o){return s(g.Provider,{value:{showModal:o.show,closeModal:o.close},children:e})}))})})),r(a,"getDataGridProps",(function(){var o,r,t,i,l=a.mergeConfig,n={getRowId:e.getRowId,columns:a.columns,rows:null!==(o=null===(r=a.props.data)||void 0===r?void 0:r.items)&&void 0!==o?o:[],checkboxSelection:!0,pagination:!0,density:null!==(t=null===(i=a.props.slots)||void 0===i?void 0:i.density)&&void 0!==t?t:"standard",initialState:f.mapInitialState(a.props.query,{columns:{columnVisibilityModel:e.columnVisibilityModel}}),filterDebounceMs:800,sx:{border:0},slots:{toolbar:l.toolbar},rowSelectionModel:a.rowSelecteds,onRowSelectionModelChange:a.handleRowSelectionChange};if("server"===e.featureMode){var s,d,u={filterMode:"server",sortingMode:"server",paginationMode:"server",onPaginationModelChange:a.onPaginationModelChange,onFilterModelChange:a.onFilterModelChange,onSortModelChange:a.onSortModelChange,rowCount:null!==(s=null===(d=a.props.data)||void 0===d?void 0:d.rowTotal)&&void 0!==s?s:0,paginationModel:a.tableQueryParams.pagination,filterModel:a.tableQueryParams.filter,sortModel:f.mapSortModel(a.tableQueryParams.sort),loading:a.tableQueryParams.loading};Object.assign(n,u)}return m(n,a.mergeConfig.dataGridProps)})),r(a,"initialColumns",(function(){var r,t,i=a.mergeConfig.ActionRow,l=[];return i&&l.push(o({field:"Actions",minWidth:100,headerAlign:"right",align:"right",filterable:!1,sortable:!1,renderCell:function(e){return s(i,{value:e.row})}},e.actionRow)),r=l,t=Object.keys(e.columns).map((function(r){var t=o({field:r},e.columns[r]);return t.filterOperators=e.filterOperators?e.filterOperators(t):h(t),t})),r&&r.length>0&&t.push.apply(t,n(r)),t})),r(a,"onPaginationModelChange",(function(e,o){a.setTableQueryParams({pagination:e,detail:"pagination"}),a.handleChange()})),r(a,"onFilterModelChange",(function(e,o){var r,t=a.tableQueryParams.pagination;a.setTableQueryParams({filter:e,pagination:{page:0,pageSize:null!==(r=null==t?void 0:t.pageSize)&&void 0!==r?r:25},detail:f.detectSearchType(e)}),a.handleChange()})),r(a,"onSortModelChange",(function(e,o){var r,t,i,l,n,s=e,d=a.tableQueryParams.sort;null!=d&&d.length&&!s.length&&(s=(null==d||null===(r=d[0])||void 0===r?void 0:r.field)===(null===(t=a.defaultTableQueryParams.sort)||void 0===t||null===(t=t[0])||void 0===t?void 0:t.field)?[{field:null===(i=d[0])||void 0===i?void 0:i.field,sort:"desc"===(null===(l=d[0])||void 0===l?void 0:l.sort)?"asc":"desc"}]:null!==(n=a.defaultTableQueryParams.sort)&&void 0!==n?n:[]);a.setTableQueryParams({sort:s,detail:"sort"}),a.handleChange()})),r(a,"handleChange",(function(){a.props.onChange&&a.props.onChange(a.tableQueryParams)})),r(a,"handleRowSelectionChange",(function(e,o){a.mergeConfig.maxSelcion&&e.length>a.mergeConfig.maxSelcion?a.rowSelecteds=e.slice(0,a.mergeConfig.maxSelcion):a.rowSelecteds=e,a.props.onRowSelectionChange&&a.props.onRowSelectionChange(a.rowSelecteds,o),a.forceUpdate()})),a.columns=a.initialColumns(),a.tableQueryParams=o({},t.query),a.defaultTableQueryParams=a.tableQueryParams,a.rowSelecteds=[],a}return t(u,d),a(u,[{key:"mergeConfig",get:function(){var r,t,a,i,l,n,d,u=m({},null==e?void 0:e.toolbarProps,null===(r=this.props.slots)||void 0===r?void 0:r.toolbarProps);return{toolbar:null!==(t=null===(a=this.props.slots)||void 0===a?void 0:a.toolbar)&&void 0!==t?t:function(){return s(b,o({},u))},ActionRow:null===(i=this.props.slots)||void 0===i?void 0:i.actionRow,columnVisibilityModel:e.columnVisibilityModel,maxSelcion:null!==(l=null===(n=this.props.slots)||void 0===n?void 0:n.maxSelection)&&void 0!==l?l:e.maxSelection,dataGridProps:m({},e.dataGridProps,null===(d=this.props.slots)||void 0===d?void 0:d.dataGridProps)}}},{key:"shouldComponentUpdate",value:function(o){return"server"!==e.featureMode||f.equalTableQueryParams(o.query,this.props.query)?"server"!==e.featureMode:(this.setTableQueryParams(null!==(r=o.query)&&void 0!==r?r:{}),!0);var r}},{key:"render",value:function(){return this.renderWrapContext(s(S,{children:s(c,o({},this.getDataGridProps()))}))}}])}()}var S=u((function(r){var t=r.children,a=e(r,P);return s(p,o(o({},a),{},{children:s("div",{children:t})}))}))(r({flex:1,position:"relative","& > div":{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflowY:"auto"},"& .MuiDataGrid-root":{"--unstable_DataGrid-radius":0}},"& .MuiDataGrid-cell.".concat(v.whiteSpacePre," .MuiDataGrid-cellContent"),{whiteSpace:"pre"}));export{M as default};
+import{objectWithoutProperties as e,objectSpread2 as o,defineProperty as r,inherits as t,createClass as a,classCallCheck as i,callSuper as l,toConsumableArray as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s}from"react/jsx-runtime";import{Component as d}from"react";import{styled as u,Box as c}from"@mui/material";import{DataGrid as p}from"@mui/x-data-grid";import{TableBaseContext as m}from"./context.js";import{customFilterOperators as g}from"./custom.filter-operators.js";import h,{dinoTableClasses as f}from"./helpers.js";import v from"./toolbar-pannel.js";import b,{mapGlobalModalContext as y}from"../api-context/global-modal.js";import{mergeObjects as C}from"../utils/helpers.js";var P=["children"];function M(e){return function(){function u(t){var a;return i(this,u),a=l(this,u,[t]),r(a,"setTableQueryParams",(function(e){a.tableQueryParams=C({},a.tableQueryParams,e)})),r(a,"renderWrapContext",(function(e){return s(b,{children:y((function(o){return s(m.Provider,{value:{showModal:o.show,closeModal:o.close},children:e})}))})})),r(a,"getDataGridProps",(function(){var o,r,t,i,l=a.mergeConfig,n={getRowId:e.getRowId,columns:a.columns,rows:null!==(o=null===(r=a.props.data)||void 0===r?void 0:r.items)&&void 0!==o?o:[],checkboxSelection:!0,pagination:!0,density:null!==(t=null===(i=a.props.slots)||void 0===i?void 0:i.density)&&void 0!==t?t:"standard",initialState:h.mapInitialState(a.props.query,{columns:{columnVisibilityModel:e.columnVisibilityModel}}),filterDebounceMs:800,sx:{border:0},slots:{toolbar:l.toolbar},rowSelectionModel:a.rowSelecteds,onRowSelectionModelChange:a.handleRowSelectionChange};if("server"===e.featureMode){var s,d,u={filterMode:"server",sortingMode:"server",paginationMode:"server",onPaginationModelChange:a.onPaginationModelChange,onFilterModelChange:a.onFilterModelChange,onSortModelChange:a.onSortModelChange,rowCount:null!==(s=null===(d=a.props.data)||void 0===d?void 0:d.rowTotal)&&void 0!==s?s:0,paginationModel:a.tableQueryParams.pagination,filterModel:a.tableQueryParams.filter,sortModel:h.mapSortModel(a.tableQueryParams.sort),loading:a.tableQueryParams.loading};Object.assign(n,u)}return C(n,a.mergeConfig.dataGridProps)})),r(a,"initialColumns",(function(){var r,t,i=a.mergeConfig.ActionRow,l=[];return i&&l.push(o({field:"Actions",minWidth:100,headerAlign:"right",align:"right",filterable:!1,sortable:!1,renderCell:function(e){return s(i,{value:e.row})}},e.actionRow)),r=l,t=Object.keys(e.columns).map((function(r){var t=o({field:r},e.columns[r]);return t.filterOperators=e.filterOperators?e.filterOperators(t):g(t),t})),r&&r.length>0&&t.push.apply(t,n(r)),t})),r(a,"onPaginationModelChange",(function(e,o){a.setTableQueryParams({pagination:e,detail:"pagination"}),a.handleChange()})),r(a,"onFilterModelChange",(function(e,o){var r,t=a.tableQueryParams.pagination;a.setTableQueryParams({filter:e,pagination:{page:0,pageSize:null!==(r=null==t?void 0:t.pageSize)&&void 0!==r?r:25},detail:h.detectSearchType(e)}),a.handleChange()})),r(a,"onSortModelChange",(function(e,o){var r,t,i,l,n,s=e,d=a.tableQueryParams.sort;null!=d&&d.length&&!s.length&&(s=(null==d||null===(r=d[0])||void 0===r?void 0:r.field)===(null===(t=a.defaultTableQueryParams.sort)||void 0===t||null===(t=t[0])||void 0===t?void 0:t.field)?[{field:null===(i=d[0])||void 0===i?void 0:i.field,sort:"desc"===(null===(l=d[0])||void 0===l?void 0:l.sort)?"asc":"desc"}]:null!==(n=a.defaultTableQueryParams.sort)&&void 0!==n?n:[]);a.setTableQueryParams({sort:s,detail:"sort"}),a.handleChange()})),r(a,"handleChange",(function(){a.props.onChange&&a.props.onChange(a.tableQueryParams)})),r(a,"handleRowSelectionChange",(function(e,o){a.mergeConfig.maxSelcion&&e.length>a.mergeConfig.maxSelcion?a.rowSelecteds=e.slice(0,a.mergeConfig.maxSelcion):a.rowSelecteds=e,a.props.onRowSelectionChange&&a.props.onRowSelectionChange(a.rowSelecteds,o),a.forceUpdate()})),a.columns=a.initialColumns(),a.tableQueryParams=o({},t.query),a.defaultTableQueryParams=a.tableQueryParams,a.rowSelecteds=[],a}return t(u,d),a(u,[{key:"mergeConfig",get:function(){var r,t,a,i,l,n,d,u=C({},null==e?void 0:e.toolbarProps,null===(r=this.props.slots)||void 0===r?void 0:r.toolbarProps);return{toolbar:null!==(t=null===(a=this.props.slots)||void 0===a?void 0:a.toolbar)&&void 0!==t?t:function(){return s(v,o({},u))},ActionRow:null===(i=this.props.slots)||void 0===i?void 0:i.actionRow,columnVisibilityModel:e.columnVisibilityModel,maxSelcion:null!==(l=null===(n=this.props.slots)||void 0===n?void 0:n.maxSelection)&&void 0!==l?l:e.maxSelection,dataGridProps:C({},e.dataGridProps,null===(d=this.props.slots)||void 0===d?void 0:d.dataGridProps)}}},{key:"shouldComponentUpdate",value:function(o){return"server"!==e.featureMode||h.equalTableQueryParams(o.query,this.props.query)?"server"!==e.featureMode:(this.setTableQueryParams(null!==(r=o.query)&&void 0!==r?r:{}),!0);var r}},{key:"render",value:function(){return this.renderWrapContext(s(S,{children:s(p,o({},this.getDataGridProps()))}))}}])}()}var S=u((function(r){var t=r.children,a=e(r,P);return s(c,o(o({},a),{},{children:s("div",{children:t})}))}))(r({flex:1,position:"relative","& > div":{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflowY:"auto"},"& .MuiDataGrid-root":{"--unstable_DataGrid-radius":0}},"& .MuiDataGrid-cell.".concat(f.whiteSpacePre," .MuiDataGrid-cellContent"),{whiteSpace:"pre"}));export{M as default};
 //# sourceMappingURL=create.table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"create.table.js","sources":["../../src/table/create.table.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, BoxProps, styled } from '@mui/material'\r\nimport { DataGrid, DataGridProps, GridColDef, GridFeatureMode, GridFilterOperator } from '@mui/x-data-grid'\r\nimport { GridSortModel, GridValidRowModel, GridRowIdGetter, GridRowSelectionModel } from '@mui/x-data-grid'\r\nimport { GridCallbackDetails, GridColumnVisibilityModel, GridDensity, GridFilterModel, GridPaginationModel } from '@mui/x-data-grid'\r\nimport { mergeObjects } from '../utils'\r\nimport { TableBaseContext } from './context'\r\nimport { IActionRowProps } from './create.action-row'\r\nimport { customFilterOperators } from './custom.filter-operators'\r\nimport { GlobalModal, mapGlobalModalContext } from '../api-context'\r\nimport { ICustomGridColDef, ICustomGridFilterModel, ICustomGridSortModel, ITableData, ITableQueryParams } from './types'\r\nimport TableHelper, { dinoTableClasses } from './helpers'\r\nimport ToolbarPannel, { IToolbarPannelProps } from './toolbar-pannel'\r\n\r\nexport interface ITableSlots<T> {\r\n  maxSelection?: number\r\n  density?: GridDensity\r\n  toolbar?: React.ComponentType<IToolbarPannelProps>\r\n  actionRow?: React.ComponentType<IActionRowProps<T>>\r\n  toolbarProps?: IToolbarPannelProps\r\n  dataGridProps?: DataGridProps\r\n}\r\n\r\nexport type ITableParamsSlots<T> = Pick<ITableSlots<T>, 'maxSelection' | 'toolbarProps' | 'dataGridProps'>\r\n\r\nexport interface ITableProps<T> {\r\n  data?: ITableData<T>\r\n  query?: ITableQueryParams<T>\r\n  onChange?: (query: ITableQueryParams<T>) => void\r\n  onRowSelectionChange?: DataGridProps['onRowSelectionModelChange']\r\n  slots?: ITableSlots<T>\r\n}\r\n\r\nexport interface ITableParams<T extends GridValidRowModel> extends ITableParamsSlots<T> {\r\n  featureMode?: GridFeatureMode\r\n  getRowId: GridRowIdGetter<T>\r\n  columns: ICustomGridColDef<T>\r\n  filterOperators?: (config: GridColDef) => GridFilterOperator[]\r\n  columnVisibilityModel?: Partial<Record<keyof T, boolean>>\r\n  actionRow?: Omit<GridColDef, 'field'>\r\n}\r\n\r\nfunction CreateTable<T extends GridValidRowModel>(params: ITableParams<T>): ComponentType<ITableProps<T>> {\r\n  const generateColumns = (extendColDefs?: GridColDef[]) => {\r\n    const columns = Object.keys(params.columns).map<GridColDef>((key) => {\r\n      const obj = { field: key, ...params.columns[key] }\r\n      obj.filterOperators = params.filterOperators ? params.filterOperators(obj) : customFilterOperators(obj)\r\n      return obj\r\n    })\r\n\r\n    if (!!extendColDefs && extendColDefs.length > 0) columns.push(...extendColDefs)\r\n    return columns\r\n  }\r\n\r\n  class Table extends Component<ITableProps<T>> {\r\n    private tableQueryParams: ITableQueryParams<T>\r\n    // private tableQueryParamsCache: ITableQueryParams<T> = {}\r\n    private defaultTableQueryParams: ITableQueryParams<T>\r\n    private columns: GridColDef<T>[]\r\n    private rowSelecteds: GridRowSelectionModel\r\n    constructor(props: ITableProps<T>) {\r\n      super(props)\r\n      this.columns = this.initialColumns()\r\n      this.tableQueryParams = { ...props.query }\r\n      this.defaultTableQueryParams = this.tableQueryParams\r\n      this.rowSelecteds = []\r\n    }\r\n\r\n    get mergeConfig() {\r\n      const toolbarPannelProps = mergeObjects({}, params?.toolbarProps, this.props.slots?.toolbarProps)\r\n      return {\r\n        toolbar: this.props.slots?.toolbar ?? (() => <ToolbarPannel {...toolbarPannelProps} />),\r\n        ActionRow: this.props.slots?.actionRow,\r\n        columnVisibilityModel: params.columnVisibilityModel,\r\n        maxSelcion: this.props.slots?.maxSelection ?? params.maxSelection,\r\n        dataGridProps: mergeObjects({}, params.dataGridProps, this.props.slots?.dataGridProps)\r\n      }\r\n    }\r\n\r\n    setTableQueryParams = (value: Partial<ITableQueryParams<T>>) => {\r\n      this.tableQueryParams = mergeObjects({}, this.tableQueryParams, value)\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<ITableProps<T>>): boolean {\r\n      if (params.featureMode === 'server' && !TableHelper.equalTableQueryParams(nextProps.query, this.props.query)) {\r\n        this.setTableQueryParams(nextProps.query ?? {})\r\n        return true\r\n      } else if (params.featureMode !== 'server') {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return this.renderWrapContext(\r\n        <Wrap>\r\n          <DataGrid {...this.getDataGridProps()} />\r\n        </Wrap>\r\n      )\r\n    }\r\n\r\n    renderWrapContext = (children: React.ReactNode) => (\r\n      <GlobalModal>\r\n        {mapGlobalModalContext((context) => (\r\n          <TableBaseContext.Provider value={{ showModal: context.show, closeModal: context.close }}>{children}</TableBaseContext.Provider>\r\n        ))}\r\n      </GlobalModal>\r\n    )\r\n\r\n    getDataGridProps = (): DataGridProps<T> => {\r\n      const mergeConfig = this.mergeConfig\r\n      const obj: DataGridProps<T> = {\r\n        getRowId: params.getRowId,\r\n        columns: this.columns,\r\n        rows: this.props.data?.items ?? [],\r\n        checkboxSelection: true,\r\n        pagination: true,\r\n        density: this.props.slots?.density ?? 'standard',\r\n        initialState: TableHelper.mapInitialState(this.props.query, {\r\n          columns: { columnVisibilityModel: params.columnVisibilityModel as GridColumnVisibilityModel }\r\n        }),\r\n        filterDebounceMs: 800,\r\n        sx: { border: 0 },\r\n        slots: { toolbar: mergeConfig.toolbar },\r\n        rowSelectionModel: this.rowSelecteds,\r\n        onRowSelectionModelChange: this.handleRowSelectionChange\r\n      }\r\n      if (params.featureMode === 'server') {\r\n        const objServer: Partial<DataGridProps<T>> = {\r\n          filterMode: 'server',\r\n          sortingMode: 'server',\r\n          paginationMode: 'server',\r\n          onPaginationModelChange: this.onPaginationModelChange,\r\n          onFilterModelChange: this.onFilterModelChange,\r\n          onSortModelChange: this.onSortModelChange,\r\n          rowCount: this.props.data?.rowTotal ?? 0,\r\n          paginationModel: this.tableQueryParams.pagination,\r\n          filterModel: this.tableQueryParams.filter as GridFilterModel,\r\n          sortModel: TableHelper.mapSortModel(this.tableQueryParams.sort),\r\n          loading: this.tableQueryParams.loading\r\n        }\r\n        Object.assign(obj, objServer)\r\n      }\r\n      return mergeObjects(obj, this.mergeConfig.dataGridProps)\r\n    }\r\n\r\n    initialColumns = (): GridColDef<T>[] => {\r\n      const { ActionRow } = this.mergeConfig\r\n      const list: GridColDef<T>[] = []\r\n      if (!!ActionRow) {\r\n        list.push({\r\n          field: 'Actions',\r\n          minWidth: 100,\r\n          headerAlign: 'right',\r\n          align: 'right',\r\n          filterable: false,\r\n          sortable: false,\r\n          renderCell: (value) => <ActionRow value={value.row} />,\r\n          ...params.actionRow\r\n        })\r\n      }\r\n      return generateColumns(list)\r\n    }\r\n\r\n    onPaginationModelChange = (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => {\r\n      this.setTableQueryParams({ pagination: model, detail: 'pagination' })\r\n      this.handleChange()\r\n    }\r\n\r\n    onFilterModelChange = (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => {\r\n      const { pagination } = this.tableQueryParams\r\n      this.setTableQueryParams({\r\n        filter: model as ICustomGridFilterModel<T>,\r\n        pagination: { page: 0, pageSize: pagination?.pageSize ?? 25 },\r\n        detail: TableHelper.detectSearchType(model)\r\n      })\r\n      this.handleChange()\r\n    }\r\n\r\n    onSortModelChange = (model: GridSortModel, details: GridCallbackDetails<any>) => {\r\n      let sortValue = model as ICustomGridSortModel<T>\r\n      const { sort } = this.tableQueryParams\r\n      if (!!sort?.length && !sortValue.length) {\r\n        if (sort?.[0]?.field === this.defaultTableQueryParams.sort?.[0]?.field) {\r\n          sortValue = [{ field: sort[0]?.field, sort: sort[0]?.sort === 'desc' ? 'asc' : 'desc' }]\r\n        } else {\r\n          sortValue = this.defaultTableQueryParams.sort ?? []\r\n        }\r\n      }\r\n      this.setTableQueryParams({ sort: sortValue, detail: 'sort' })\r\n      this.handleChange()\r\n    }\r\n\r\n    handleChange = () => {\r\n      this.props.onChange && this.props.onChange(this.tableQueryParams)\r\n    }\r\n\r\n    handleRowSelectionChange = (value: GridRowSelectionModel, details: GridCallbackDetails) => {\r\n      if (this.mergeConfig.maxSelcion && value.length > this.mergeConfig.maxSelcion) {\r\n        this.rowSelecteds = value.slice(0, this.mergeConfig.maxSelcion)\r\n      } else {\r\n        this.rowSelecteds = value\r\n      }\r\n      this.props.onRowSelectionChange && this.props.onRowSelectionChange(this.rowSelecteds, details)\r\n      this.forceUpdate()\r\n    }\r\n  }\r\n\r\n  return Table\r\n}\r\n\r\nexport default CreateTable\r\n\r\nconst Wrap = styled(({ children, ...p }: BoxProps) => (\r\n  <Box {...p}>\r\n    <div>{children}</div>\r\n  </Box>\r\n))({\r\n  flex: 1,\r\n  position: 'relative',\r\n  '& > div': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n    overflowY: 'auto'\r\n  },\r\n  '& .MuiDataGrid-root': {\r\n    '--unstable_DataGrid-radius': 0\r\n  },\r\n  [`& .MuiDataGrid-cell.${dinoTableClasses.whiteSpacePre} .MuiDataGrid-cellContent`]: {\r\n    whiteSpace: 'pre'\r\n  }\r\n})\r\n"],"names":["CreateTable","params","Table","props","_this","_classCallCheck","_callSuper","_defineProperty","value","tableQueryParams","mergeObjects","children","_jsx","GlobalModal","mapGlobalModalContext","context","TableBaseContext","Provider","showModal","show","closeModal","close","_this$props$data$item","_this$props$data","_this$props$slots$den","_this$props$slots","mergeConfig","obj","getRowId","columns","rows","data","items","checkboxSelection","pagination","density","slots","initialState","TableHelper","mapInitialState","query","columnVisibilityModel","filterDebounceMs","sx","border","toolbar","rowSelectionModel","rowSelecteds","onRowSelectionModelChange","handleRowSelectionChange","featureMode","_this$props$data$rowT","_this$props$data2","objServer","filterMode","sortingMode","paginationMode","onPaginationModelChange","onFilterModelChange","onSortModelChange","rowCount","rowTotal","paginationModel","filterModel","filter","sortModel","mapSortModel","sort","loading","Object","assign","dataGridProps","extendColDefs","ActionRow","list","push","_objectSpread","field","minWidth","headerAlign","align","filterable","sortable","renderCell","row","actionRow","keys","map","key","filterOperators","customFilterOperators","length","apply","_toConsumableArray","model","details","setTableQueryParams","detail","handleChange","_pagination$pageSize","page","pageSize","detectSearchType","_sort$","_this$defaultTableQue","_sort$2","_sort$3","_this$defaultTableQue2","sortValue","defaultTableQueryParams","onChange","maxSelcion","slice","onRowSelectionChange","forceUpdate","initialColumns","_inherits","Component","_createClass","get","_this$props$slots2","_this$props$slots$too","_this$props$slots3","_this$props$slots4","_this$props$slots$max","_this$props$slots5","_this$props$slots6","toolbarPannelProps","toolbarProps","this","ToolbarPannel","maxSelection","nextProps","equalTableQueryParams","_nextProps$query","renderWrapContext","Wrap","DataGrid","getDataGridProps","styled","_ref","p","_objectWithoutProperties","_excluded","Box","flex","position","top","left","width","height","overflowY","concat","dinoTableClasses","whiteSpacePre","whiteSpace"],"mappings":"qxBA0CA,SAASA,EAAyCC,GAuKhD,kBArJE,SAAAC,EAAYC,GAAqB,IAAAC,EAKT,OALSC,OAAAH,GAC/BE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAkBQ,uBAAA,SAACI,GACrBJ,EAAKK,iBAAmBC,EAAa,CAAE,EAAEN,EAAKK,iBAAkBD,MACjED,EAAAH,EAqBmB,qBAAA,SAACO,GAAyB,OAC5CC,EAACC,EAAW,CAAAF,SACTG,GAAsB,SAACC,GAAO,OAC7BH,EAACI,EAAiBC,UAAST,MAAO,CAAEU,UAAWH,EAAQI,KAAMC,WAAYL,EAAQM,OAAUV,SAAAA,GAC5F,SAEJJ,EAAAH,EAAA,oBAEkB,WAAuB,IAAAkB,EAAAC,EAAAC,EAAAC,EAClCC,EAActB,EAAKsB,YACnBC,EAAwB,CAC5BC,SAAU3B,EAAO2B,SACjBC,QAASzB,EAAKyB,QACdC,aAAIR,UAAAC,EAAEnB,EAAKD,MAAM4B,YAAI,IAAAR,OAAA,EAAfA,EAAiBS,aAAK,IAAAV,EAAAA,EAAI,GAChCW,mBAAmB,EACnBC,YAAY,EACZC,gBAAOX,UAAAC,EAAErB,EAAKD,MAAMiC,aAAK,IAAAX,OAAA,EAAhBA,EAAkBU,eAAO,IAAAX,EAAAA,EAAI,WACtCa,aAAcC,EAAYC,gBAAgBnC,EAAKD,MAAMqC,MAAO,CAC1DX,QAAS,CAAEY,sBAAuBxC,EAAOwC,yBAE3CC,iBAAkB,IAClBC,GAAI,CAAEC,OAAQ,GACdR,MAAO,CAAES,QAASnB,EAAYmB,SAC9BC,kBAAmB1C,EAAK2C,aACxBC,0BAA2B5C,EAAK6C,0BAElC,GAA2B,WAAvBhD,EAAOiD,YAA0B,CAAA,IAAAC,EAAAC,EAC7BC,EAAuC,CAC3CC,WAAY,SACZC,YAAa,SACbC,eAAgB,SAChBC,wBAAyBrD,EAAKqD,wBAC9BC,oBAAqBtD,EAAKsD,oBAC1BC,kBAAmBvD,EAAKuD,kBACxBC,iBAAQT,UAAAC,EAAEhD,EAAKD,MAAM4B,YAAI,IAAAqB,OAAA,EAAfA,EAAiBS,gBAAQ,IAAAV,EAAAA,EAAI,EACvCW,gBAAiB1D,EAAKK,iBAAiByB,WACvC6B,YAAa3D,EAAKK,iBAAiBuD,OACnCC,UAAW3B,EAAY4B,aAAa9D,EAAKK,iBAAiB0D,MAC1DC,QAAShE,EAAKK,iBAAiB2D,SAEjCC,OAAOC,OAAO3C,EAAK0B,EACpB,CACD,OAAO3C,EAAaiB,EAAKvB,EAAKsB,YAAY6C,kBAC3ChE,EAAAH,EAAA,kBAEgB,WACf,IAzGqBoE,EACjB3C,EAwGI4C,EAAcrE,EAAKsB,YAAnB+C,UACFC,EAAwB,GAa9B,OAZMD,GACJC,EAAKC,KAAIC,EAAA,CACPC,MAAO,UACPC,SAAU,IACVC,YAAa,QACbC,MAAO,QACPC,YAAY,EACZC,UAAU,EACVC,WAAY,SAAC3E,GAAK,OAAKI,EAAC6D,EAAS,CAACjE,MAAOA,EAAM4E,KAAO,GACnDnF,EAAOoF,YApHOb,EAuHEE,EAtHnB7C,EAAUwC,OAAOiB,KAAKrF,EAAO4B,SAAS0D,KAAgB,SAACC,GAC3D,IAAM7D,EAAGiD,EAAA,CAAKC,MAAOW,GAAQvF,EAAO4B,QAAQ2D,IAE5C,OADA7D,EAAI8D,gBAAkBxF,EAAOwF,gBAAkBxF,EAAOwF,gBAAgB9D,GAAO+D,EAAsB/D,GAC5FA,CACT,IAEM6C,GAAiBA,EAAcmB,OAAS,GAAG9D,EAAQ8C,KAAIiB,MAAZ/D,EAAOgE,EAASrB,IAC1D3C,KAgHNtB,EAAAH,EAAA,2BAEyB,SAAC0F,EAA4BC,GACrD3F,EAAK4F,oBAAoB,CAAE9D,WAAY4D,EAAOG,OAAQ,eACtD7F,EAAK8F,kBACN3F,EAAAH,EAAA,uBAEqB,SAAC0F,EAAwBC,GAA0C,IAAAI,EAC/EjE,EAAe9B,EAAKK,iBAApByB,WACR9B,EAAK4F,oBAAoB,CACvBhC,OAAQ8B,EACR5D,WAAY,CAAEkE,KAAM,EAAGC,SAA8B,QAAtBF,EAAEjE,aAAU,EAAVA,EAAYmE,gBAAQ,IAAAF,EAAAA,EAAI,IACzDF,OAAQ3D,EAAYgE,iBAAiBR,KAEvC1F,EAAK8F,kBACN3F,EAAAH,EAAA,qBAEmB,SAAC0F,EAAsBC,GACzC,IAEyCQ,EAAAC,EACiCC,EAAAC,EAEjEC,EALLC,EAAYd,EACR3B,EAAS/D,EAAKK,iBAAd0D,KACFA,SAAAA,EAAMwB,SAAWiB,EAAUjB,SAE7BiB,GADEzC,iBAAIoC,EAAJpC,EAAO,UAAE,IAAAoC,OAAA,EAATA,EAAW1B,kBAAK2B,EAAKpG,EAAKyG,wBAAwB1C,YAAI,IAAAqC,GAAKA,QAALA,EAAjCA,EAAoC,cAAEA,SAAtCA,EAAwC3B,OACnD,CAAC,CAAEA,MAAc,QAAT4B,EAAEtC,EAAK,UAAE,IAAAsC,OAAA,EAAPA,EAAS5B,MAAOV,KAAwB,UAAX,QAAPuC,EAAAvC,EAAK,UAAE,IAAAuC,OAAA,EAAPA,EAASvC,MAAkB,MAAQ,SAElCwC,QAApCA,EAAGvG,EAAKyG,wBAAwB1C,YAAIwC,IAAAA,EAAAA,EAAI,IAGrDvG,EAAK4F,oBAAoB,CAAE7B,KAAMyC,EAAWX,OAAQ,SACpD7F,EAAK8F,kBACN3F,EAAAH,EAAA,gBAEc,WACbA,EAAKD,MAAM2G,UAAY1G,EAAKD,MAAM2G,SAAS1G,EAAKK,qBACjDF,EAAAH,EAAA,4BAE0B,SAACI,EAA8BuF,GACpD3F,EAAKsB,YAAYqF,YAAcvG,EAAMmF,OAASvF,EAAKsB,YAAYqF,WACjE3G,EAAK2C,aAAevC,EAAMwG,MAAM,EAAG5G,EAAKsB,YAAYqF,YAEpD3G,EAAK2C,aAAevC,EAEtBJ,EAAKD,MAAM8G,sBAAwB7G,EAAKD,MAAM8G,qBAAqB7G,EAAK2C,aAAcgD,GACtF3F,EAAK8G,iBA/IL9G,EAAKyB,QAAUzB,EAAK+G,iBACpB/G,EAAKK,iBAAgBmE,KAAQzE,EAAMqC,OACnCpC,EAAKyG,wBAA0BzG,EAAKK,iBACpCL,EAAK2C,aAAe,GAAE3C,CACxB,CAAC,OAAAgH,EAAAlH,EAZiBmH,GAYjBC,EAAApH,EAAA,CAAA,CAAAsF,IAAA,cAAA+B,IAED,WAAe,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACPC,EAAqBrH,EAAa,CAAA,EAAIT,aAAAA,EAAAA,EAAQ+H,aAA8BR,QAAlBA,EAAES,KAAK9H,MAAMiC,aAAXoF,IAAgBA,OAAhBA,EAAAA,EAAkBQ,cACpF,MAAO,CACLnF,gBAAO4E,UAAAC,EAAEO,KAAK9H,MAAMiC,aAAK,IAAAsF,OAAA,EAAhBA,EAAkB7E,eAAO,IAAA4E,EAAAA,EAAK,WAAA,OAAM7G,EAACsH,EAAatD,EAAKmD,CAAAA,EAAAA,GAAuB,EACvFtD,UAA2BkD,QAAlBA,EAAEM,KAAK9H,MAAMiC,aAAXuF,IAAgBA,OAAhBA,EAAAA,EAAkBtC,UAC7B5C,sBAAuBxC,EAAOwC,sBAC9BsE,WAA0Ca,QAAhCA,EAAkB,QAAlBC,EAAEI,KAAK9H,MAAMiC,aAAXyF,IAAgBA,OAAhBA,EAAAA,EAAkBM,wBAAYP,EAAAA,EAAI3H,EAAOkI,aACrD5D,cAAe7D,EAAa,CAAE,EAAET,EAAOsE,sBAAauD,EAAEG,KAAK9H,MAAMiC,aAAK,IAAA0F,OAAA,EAAhBA,EAAkBvD,eAE5E,GAAC,CAAAiB,IAAA,wBAAAhF,MAMD,SAAsB4H,GACpB,MAA2B,WAAvBnI,EAAOiD,aAA6BZ,EAAY+F,sBAAsBD,EAAU5F,MAAOyF,KAAK9H,MAAMqC,OAGpE,WAAvBvC,EAAOiD,aAFhB+E,KAAKjC,oBAAmC,QAAhBsC,EAACF,EAAU5F,aAAK8F,IAAAA,EAAAA,EAAI,KACrC,GAFqG,IAAAA,CAQhH,GAAC,CAAA9C,IAAA,SAAAhF,MAED,WACE,OAAOyH,KAAKM,kBACV3H,EAAC4H,EACC,CAAA7H,SAAAC,EAAC6H,EAAQ7D,EAAK,CAAA,EAAAqD,KAAKS,uBAGzB,IAAC,GA8GL,CAIA,IAAMF,EAAOG,GAAO,SAAAC,GAAA,IAAGjI,EAAQiI,EAARjI,SAAakI,EAACC,EAAAF,EAAAG,GAAA,OACnCnI,EAACoI,EAAGpE,EAAAA,KAAKiE,GAAC,GAAA,CAAAlI,SACRC,EAAM,MAAA,CAAAD,SAAAA,MACF,GAHKgI,CAIXpI,EAAA,CACA0I,KAAM,EACNC,SAAU,WACV,UAAW,CACTA,SAAU,WACVC,IAAK,EACLC,KAAM,EACNC,MAAO,OACPC,OAAQ,OACRC,UAAW,QAEb,sBAAuB,CACrB,6BAA8B,IAC/B,uBAAAC,OACuBC,EAAiBC,cAA2C,6BAAA,CAClFC,WAAY"}
+{"version":3,"file":"create.table.js","sources":["../../src/table/create.table.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, BoxProps, styled } from '@mui/material'\r\nimport { DataGrid, DataGridProps, GridColDef, GridFeatureMode, GridFilterOperator } from '@mui/x-data-grid'\r\nimport { GridSortModel, GridValidRowModel, GridRowIdGetter, GridRowSelectionModel } from '@mui/x-data-grid'\r\nimport { GridCallbackDetails, GridColumnVisibilityModel, GridDensity, GridFilterModel, GridPaginationModel } from '@mui/x-data-grid'\r\nimport { mergeObjects } from '../utils'\r\nimport { TableBaseContext } from './context'\r\nimport { IActionRowProps } from './create.action-row'\r\nimport { customFilterOperators } from './custom.filter-operators'\r\nimport { GlobalModal, mapGlobalModalContext } from '../api-context'\r\nimport { ICustomGridColDef, ICustomGridFilterModel, ICustomGridSortModel, ITableData, ITableQueryParams } from './types'\r\nimport TableHelper, { dinoTableClasses } from './helpers'\r\nimport ToolbarPannel, { IToolbarPannelProps } from './toolbar-pannel'\r\n\r\nexport interface ITableSlots<T> {\r\n  maxSelection?: number\r\n  density?: GridDensity\r\n  toolbar?: React.ComponentType<IToolbarPannelProps>\r\n  actionRow?: React.ComponentType<IActionRowProps<T>>\r\n  toolbarProps?: IToolbarPannelProps\r\n  dataGridProps?: DataGridProps\r\n}\r\n\r\nexport type ITableParamsSlots<T> = Pick<ITableSlots<T>, 'maxSelection' | 'toolbarProps' | 'dataGridProps'>\r\n\r\nexport interface ITableProps<T> {\r\n  data?: ITableData<T>\r\n  query?: ITableQueryParams<T>\r\n  onChange?: (query: ITableQueryParams<T>) => void\r\n  onRowSelectionChange?: DataGridProps['onRowSelectionModelChange']\r\n  slots?: ITableSlots<T>\r\n}\r\n\r\nexport interface ITableParams<T extends GridValidRowModel> extends ITableParamsSlots<T> {\r\n  featureMode?: GridFeatureMode\r\n  getRowId: GridRowIdGetter<T>\r\n  columns: ICustomGridColDef<T>\r\n  filterOperators?: (config: GridColDef) => GridFilterOperator[]\r\n  columnVisibilityModel?: Partial<Record<keyof T, boolean>>\r\n  actionRow?: Omit<GridColDef, 'field'>\r\n}\r\n\r\nfunction CreateTable<T extends GridValidRowModel>(params: ITableParams<T>): ComponentType<ITableProps<T>> {\r\n  const generateColumns = (extendColDefs?: GridColDef[]) => {\r\n    const columns = Object.keys(params.columns).map<GridColDef>((key) => {\r\n      const obj = { field: key, ...params.columns[key] }\r\n      obj.filterOperators = params.filterOperators ? params.filterOperators(obj) : customFilterOperators(obj)\r\n      return obj\r\n    })\r\n\r\n    if (!!extendColDefs && extendColDefs.length > 0) columns.push(...extendColDefs)\r\n    return columns\r\n  }\r\n\r\n  class Table extends Component<ITableProps<T>> {\r\n    private tableQueryParams: ITableQueryParams<T>\r\n    // private tableQueryParamsCache: ITableQueryParams<T> = {}\r\n    private defaultTableQueryParams: ITableQueryParams<T>\r\n    private columns: GridColDef<T>[]\r\n    private rowSelecteds: GridRowSelectionModel\r\n    constructor(props: ITableProps<T>) {\r\n      super(props)\r\n      this.columns = this.initialColumns()\r\n      this.tableQueryParams = { ...props.query }\r\n      this.defaultTableQueryParams = this.tableQueryParams\r\n      this.rowSelecteds = []\r\n    }\r\n\r\n    get mergeConfig() {\r\n      const toolbarPannelProps = mergeObjects({}, params?.toolbarProps, this.props.slots?.toolbarProps)\r\n      return {\r\n        toolbar: this.props.slots?.toolbar ?? (() => <ToolbarPannel {...toolbarPannelProps} />),\r\n        ActionRow: this.props.slots?.actionRow,\r\n        columnVisibilityModel: params.columnVisibilityModel,\r\n        maxSelcion: this.props.slots?.maxSelection ?? params.maxSelection,\r\n        dataGridProps: mergeObjects({}, params.dataGridProps, this.props.slots?.dataGridProps)\r\n      }\r\n    }\r\n\r\n    setTableQueryParams = (value: Partial<ITableQueryParams<T>>) => {\r\n      this.tableQueryParams = mergeObjects({}, this.tableQueryParams, value)\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<ITableProps<T>>): boolean {\r\n      if (params.featureMode === 'server' && !TableHelper.equalTableQueryParams(nextProps.query, this.props.query)) {\r\n        this.setTableQueryParams(nextProps.query ?? {})\r\n        return true\r\n      } else if (params.featureMode !== 'server') {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return this.renderWrapContext(\r\n        <Wrap>\r\n          <DataGrid {...this.getDataGridProps()} />\r\n        </Wrap>\r\n      )\r\n    }\r\n\r\n    renderWrapContext = (children: React.ReactNode) => (\r\n      <GlobalModal>\r\n        {mapGlobalModalContext((context) => (\r\n          <TableBaseContext.Provider value={{ showModal: context.show, closeModal: context.close }}>{children}</TableBaseContext.Provider>\r\n        ))}\r\n      </GlobalModal>\r\n    )\r\n\r\n    getDataGridProps = (): DataGridProps<T> => {\r\n      const mergeConfig = this.mergeConfig\r\n      const obj: DataGridProps<T> = {\r\n        getRowId: params.getRowId,\r\n        columns: this.columns,\r\n        rows: this.props.data?.items ?? [],\r\n        checkboxSelection: true,\r\n        pagination: true,\r\n        density: this.props.slots?.density ?? 'standard',\r\n        initialState: TableHelper.mapInitialState(this.props.query, {\r\n          columns: { columnVisibilityModel: params.columnVisibilityModel as GridColumnVisibilityModel }\r\n        }),\r\n        filterDebounceMs: 800,\r\n        sx: { border: 0 },\r\n        slots: { toolbar: mergeConfig.toolbar },\r\n        rowSelectionModel: this.rowSelecteds,\r\n        onRowSelectionModelChange: this.handleRowSelectionChange\r\n      }\r\n      if (params.featureMode === 'server') {\r\n        const objServer: Partial<DataGridProps<T>> = {\r\n          filterMode: 'server',\r\n          sortingMode: 'server',\r\n          paginationMode: 'server',\r\n          onPaginationModelChange: this.onPaginationModelChange,\r\n          onFilterModelChange: this.onFilterModelChange,\r\n          onSortModelChange: this.onSortModelChange,\r\n          rowCount: this.props.data?.rowTotal ?? 0,\r\n          paginationModel: this.tableQueryParams.pagination,\r\n          filterModel: this.tableQueryParams.filter as GridFilterModel,\r\n          sortModel: TableHelper.mapSortModel(this.tableQueryParams.sort),\r\n          loading: this.tableQueryParams.loading\r\n        }\r\n        Object.assign(obj, objServer)\r\n      }\r\n      return mergeObjects(obj, this.mergeConfig.dataGridProps)\r\n    }\r\n\r\n    initialColumns = (): GridColDef<T>[] => {\r\n      const { ActionRow } = this.mergeConfig\r\n      const list: GridColDef<T>[] = []\r\n      if (!!ActionRow) {\r\n        list.push({\r\n          field: 'Actions',\r\n          minWidth: 100,\r\n          headerAlign: 'right',\r\n          align: 'right',\r\n          filterable: false,\r\n          sortable: false,\r\n          renderCell: (value) => <ActionRow value={value.row} />,\r\n          ...params.actionRow\r\n        })\r\n      }\r\n      return generateColumns(list)\r\n    }\r\n\r\n    onPaginationModelChange = (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => {\r\n      this.setTableQueryParams({ pagination: model, detail: 'pagination' })\r\n      this.handleChange()\r\n    }\r\n\r\n    onFilterModelChange = (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => {\r\n      const { pagination } = this.tableQueryParams\r\n      this.setTableQueryParams({\r\n        filter: model as ICustomGridFilterModel<T>,\r\n        pagination: { page: 0, pageSize: pagination?.pageSize ?? 25 },\r\n        detail: TableHelper.detectSearchType(model)\r\n      })\r\n      this.handleChange()\r\n    }\r\n\r\n    onSortModelChange = (model: GridSortModel, details: GridCallbackDetails<any>) => {\r\n      let sortValue = model as ICustomGridSortModel<T>\r\n      const { sort } = this.tableQueryParams\r\n      if (!!sort?.length && !sortValue.length) {\r\n        if (sort?.[0]?.field === this.defaultTableQueryParams.sort?.[0]?.field) {\r\n          sortValue = [{ field: sort[0]?.field, sort: sort[0]?.sort === 'desc' ? 'asc' : 'desc' }]\r\n        } else {\r\n          sortValue = this.defaultTableQueryParams.sort ?? []\r\n        }\r\n      }\r\n      this.setTableQueryParams({ sort: sortValue, detail: 'sort' })\r\n      this.handleChange()\r\n    }\r\n\r\n    handleChange = () => {\r\n      this.props.onChange && this.props.onChange(this.tableQueryParams)\r\n    }\r\n\r\n    handleRowSelectionChange = (value: GridRowSelectionModel, details: GridCallbackDetails) => {\r\n      if (this.mergeConfig.maxSelcion && value.length > this.mergeConfig.maxSelcion) {\r\n        this.rowSelecteds = value.slice(0, this.mergeConfig.maxSelcion)\r\n      } else {\r\n        this.rowSelecteds = value\r\n      }\r\n      this.props.onRowSelectionChange && this.props.onRowSelectionChange(this.rowSelecteds, details)\r\n      this.forceUpdate()\r\n    }\r\n  }\r\n\r\n  return Table\r\n}\r\n\r\nexport default CreateTable\r\n\r\nconst Wrap = styled(({ children, ...p }: BoxProps) => (\r\n  <Box {...p}>\r\n    <div>{children}</div>\r\n  </Box>\r\n))({\r\n  flex: 1,\r\n  position: 'relative',\r\n  '& > div': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n    overflowY: 'auto'\r\n  },\r\n  '& .MuiDataGrid-root': {\r\n    '--unstable_DataGrid-radius': 0\r\n  },\r\n  [`& .MuiDataGrid-cell.${dinoTableClasses.whiteSpacePre} .MuiDataGrid-cellContent`]: {\r\n    whiteSpace: 'pre'\r\n  }\r\n})\r\n"],"names":["CreateTable","params","Table","props","_this","_classCallCheck","_callSuper","_defineProperty","value","tableQueryParams","mergeObjects","children","_jsx","GlobalModal","mapGlobalModalContext","context","TableBaseContext","Provider","showModal","show","closeModal","close","_this$props$data$item","_this$props$data","_this$props$slots$den","_this$props$slots","mergeConfig","obj","getRowId","columns","rows","data","items","checkboxSelection","pagination","density","slots","initialState","TableHelper","mapInitialState","query","columnVisibilityModel","filterDebounceMs","sx","border","toolbar","rowSelectionModel","rowSelecteds","onRowSelectionModelChange","handleRowSelectionChange","featureMode","_this$props$data$rowT","_this$props$data2","objServer","filterMode","sortingMode","paginationMode","onPaginationModelChange","onFilterModelChange","onSortModelChange","rowCount","rowTotal","paginationModel","filterModel","filter","sortModel","mapSortModel","sort","loading","Object","assign","dataGridProps","extendColDefs","ActionRow","list","push","_objectSpread","field","minWidth","headerAlign","align","filterable","sortable","renderCell","row","actionRow","keys","map","key","filterOperators","customFilterOperators","length","apply","_toConsumableArray","model","details","setTableQueryParams","detail","handleChange","_pagination$pageSize","page","pageSize","detectSearchType","_sort$","_this$defaultTableQue","_sort$2","_sort$3","_this$defaultTableQue2","sortValue","defaultTableQueryParams","onChange","maxSelcion","slice","onRowSelectionChange","forceUpdate","initialColumns","_inherits","Component","_createClass","get","_this$props$slots2","_this$props$slots$too","_this$props$slots3","_this$props$slots4","_this$props$slots$max","_this$props$slots5","_this$props$slots6","toolbarPannelProps","toolbarProps","this","ToolbarPannel","maxSelection","nextProps","equalTableQueryParams","_nextProps$query","renderWrapContext","Wrap","DataGrid","getDataGridProps","styled","_ref","p","_objectWithoutProperties","_excluded","Box","flex","position","top","left","width","height","overflowY","concat","dinoTableClasses","whiteSpacePre","whiteSpace"],"mappings":"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"}

package/dist/table/dino.js

@@ -1,2 +1,2 @@
-import{createClass as r,classCallCheck as t,defineProperty as e,objectSpread2 as n,objectWithoutProperties as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import i from"dayjs";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{MapTableBaseContext as u}from"./context.js";import{BtnFormDetail as l,BtnDetail as s}from"./ui.buttons.js";import{CreateStatusCell as c,CellChips as m,CellBase as f,CellImageSmall as v,CellDate as h}from"./ui.units.js";import d from"./toolbar-pannel.js";import p from"./helpers.js";import j from"./create.table.js";import b from"./create.action-row.js";import g from"../components/breadcrumbs.js";var C=["imageUrl","valueFormatter"],S=["formatString"],y="MM/DD/YYYY HH:mm",D=new(r((function r(){var D=this;t(this,r),e(this,"createTable",j),e(this,"createActionRow",b),e(this,"setUrlQuery",p.setUrlQuery),e(this,"getUrlQuery",p.getUrlQuery),e(this,"mapContext",u),e(this,"ToolbarPannel",d),e(this,"createToolbar",(function(r){return function(t){return o(d,n({},n(n({},t),r)))}})),e(this,"BtnFormDetail",l),e(this,"BtnDetail",s),e(this,"createBreadcrumbConfigs",(function(r){return r})),e(this,"createBreadcrumbs",(function(r){return function(){return o(g,{value:r})}})),e(this,"createStatusCell",c),e(this,"formatterDate",(function(r,t){var e,n,a=null!==(e=null==t?void 0:t.formatString)&&void 0!==e?e:y,o=null!==(n=null==t?void 0:t.showRelative)&&void 0!==n&&n;try{if(!r)return"";var u=i(r),l=u.format(a);return o?"".concat(l," (").concat(i().to(u),")"):l}catch(r){return""}})),e(this,"valueFormatterDate",(function(r){return function(t){return D.formatterDate(t.value,r)}})),e(this,"renderCellChips",(function(r){return function(t){var e;return o(m,n(n({},r),{},{value:null!==(e=t.value)&&void 0!==e?e:null==r?void 0:r.value}))}})),e(this,"renderCellStatus",(function(r,t){var e=c(r,n({sx:{minWidth:"90px"}},t));return function(r){return o(e,{value:r.value})}})),e(this,"renderCellBase",(function(r){return function(t){var e=null!=r?r:{},i=e.imageUrl,u=e.valueFormatter,l=a(e,C),s=u?u(t.value,t.row):void 0,c=i?i(t.value,t.row):void 0;return o(f,n(n({value:t.value,valueFormatted:s},l),{},{imageUrl:c}))}})),e(this,"renderCellImage",(function(r,t){return function(e){var n;return o(v,{value:e.value,imageUri:null===(n=r(e.row))||void 0===n?void 0:n.toString(),fallbackSrc:null==t?void 0:t.fallbackSrc})}})),e(this,"renderCellDate",(function(r){return function(t){var e=null!=r?r:{},i=e.formatString,u=a(e,S);return o(h,n(n({},u),{},{value:t.value,formatString:null!=i?i:y}))}}))})));export{D as default};
+import{createClass as r,classCallCheck as t,defineProperty as e,objectSpread2 as n,objectWithoutProperties as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{MapTableBaseContext as i}from"./context.js";import{BtnFormDetail as u,BtnDetail as l}from"./ui.buttons.js";import{CreateStatusCell as s,CellChips as c,CellBase as m,CellImageSmall as f,CellDate as v}from"./ui.units.js";import h from"./toolbar-pannel.js";import d from"./helpers.js";import p from"./create.table.js";import b from"./create.action-row.js";import g from"../components/breadcrumbs.js";import"../utils/dayjs-config.js";import j from"dayjs";var C=["imageUrl","valueFormatter"],S=["formatString"],y="MM/DD/YYYY HH:mm",D=new(r((function r(){var D=this;t(this,r),e(this,"createTable",p),e(this,"createActionRow",b),e(this,"setUrlQuery",d.setUrlQuery),e(this,"getUrlQuery",d.getUrlQuery),e(this,"mapContext",i),e(this,"ToolbarPannel",h),e(this,"createToolbar",(function(r){return function(t){return o(h,n({},n(n({},t),r)))}})),e(this,"BtnFormDetail",u),e(this,"BtnDetail",l),e(this,"createBreadcrumbConfigs",(function(r){return r})),e(this,"createBreadcrumbs",(function(r){return function(){return o(g,{value:r})}})),e(this,"createStatusCell",s),e(this,"formatterDate",(function(r,t){var e,n,a=null!==(e=null==t?void 0:t.formatString)&&void 0!==e?e:y,o=null!==(n=null==t?void 0:t.showRelative)&&void 0!==n&&n;try{if(!r)return"";var i=j(r),u=i.format(a);return o?"".concat(u," (").concat(j().to(i),")"):u}catch(r){return""}})),e(this,"valueFormatterDate",(function(r){return function(t){return D.formatterDate(t.value,r)}})),e(this,"renderCellChips",(function(r){return function(t){var e;return o(c,n(n({},r),{},{value:null!==(e=t.value)&&void 0!==e?e:null==r?void 0:r.value}))}})),e(this,"renderCellStatus",(function(r,t){var e=s(r,n({sx:{minWidth:"90px"}},t));return function(r){return o(e,{value:r.value})}})),e(this,"renderCellBase",(function(r){return function(t){var e=null!=r?r:{},i=e.imageUrl,u=e.valueFormatter,l=a(e,C),s=u?u(t.value,t.row):void 0,c=i?i(t.value,t.row):void 0;return o(m,n(n({value:t.value,valueFormatted:s},l),{},{imageUrl:c}))}})),e(this,"renderCellImage",(function(r,t){return function(e){var n;return o(f,{value:e.value,imageUri:null===(n=r(e.row))||void 0===n?void 0:n.toString(),fallbackSrc:null==t?void 0:t.fallbackSrc})}})),e(this,"renderCellDate",(function(r){return function(t){var e=null!=r?r:{},i=e.formatString,u=a(e,S);return o(v,n(n({},u),{},{value:t.value,formatString:null!=i?i:y}))}}))})));export{D as default};
 //# sourceMappingURL=dino.js.map

package/dist/table/dino.js.map

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

package/dist/table/helpers.js

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

package/dist/table/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/table/helpers.ts"],"sourcesContent":["import { GridFilterModel, GridSortItem, GridSortModel } from '@mui/x-data-grid'\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity'\r\nimport { ICustomGridSortModel, ITableQueryParams, ITableQueryDetail } from './types'\r\nimport { decodeBase64, encodeBase64, QueryParam, tryParseObject } from '../utils'\r\n\r\nexport const dinoTableClasses = {\r\n  whiteSpacePre: 'white-space-pre-wrap'\r\n}\r\n\r\nexport interface ITableQueryParamModel {\r\n  table?: string\r\n}\r\n\r\nclass TableHelperBase {\r\n  private extractTableQueryParams = <T>(data?: ITableQueryParams<T>): ITableQueryParams<T> => {\r\n    if (!data) return {}\r\n    const { pagination, filter, sort, loading } = data\r\n    return { pagination, filter, sort, loading }\r\n  }\r\n\r\n  isEmpty = <T>(value: ITableQueryParams<T>, defaultValue?: ITableQueryParams<T>): boolean => {\r\n    const obj = this.extractTableQueryParams<T>(value)\r\n    const check1 = !obj.filter || obj.filter.items.filter((x) => !!x.value).length < 1\r\n    const check2 = !value.filter?.quickFilterValues || value.filter.quickFilterValues.length < 1\r\n    // const check3 =\r\n    return check1 || check2\r\n  }\r\n\r\n  equalTableQueryParams = <T>(ti1?: ITableQueryParams<T>, ti2?: ITableQueryParams<T>): boolean => {\r\n    return JSON.stringify(this.extractTableQueryParams<T>(ti1)) === JSON.stringify(this.extractTableQueryParams<T>(ti2))\r\n  }\r\n\r\n  mapInitialState = <T>(value?: ITableQueryParams<T>, initialState?: GridInitialStateCommunity): GridInitialStateCommunity => {\r\n    if (!value) return initialState ?? {}\r\n    return {\r\n      pagination: { paginationModel: value.pagination },\r\n      filter: { filterModel: value.filter as GridFilterModel },\r\n      sorting: { sortModel: this.mapSortModel(value.sort) },\r\n      ...initialState\r\n    }\r\n  }\r\n\r\n  mapSortModel = <T>(value?: ICustomGridSortModel<T>): GridSortModel | undefined => {\r\n    return value?.map<GridSortItem>((x) => ({ field: x.field.toString(), sort: x.sort }))\r\n  }\r\n\r\n  detectSearchType = (data: GridFilterModel): ITableQueryDetail => {\r\n    const hasQuickSearch = data.quickFilterValues && data.quickFilterValues.length > 0\r\n    const hasFilter = data.items && data.items.length > 0\r\n    if (hasQuickSearch && !hasFilter) return 'quickSearch'\r\n    if (hasFilter) return 'filter'\r\n  }\r\n\r\n  //#region Query Params\r\n  private extractToUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>): Partial<ITableQueryParams<TModel>> => {\r\n    const { filter, sort, pagination } = tableInfo\r\n    const obj = { filter, sort, pagination }\r\n    const isQuickSearchEmpty = !filter?.quickFilterValues?.filter((x) => !!x).length\r\n    if (!filter?.items.length && isQuickSearchEmpty) {\r\n      obj.filter = undefined\r\n    }\r\n    return obj\r\n  }\r\n\r\n  private equals = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, tableInfoOld: Partial<ITableQueryParams<TModel>>) => {\r\n    return JSON.stringify(this.extractToUrlQuery(tableInfo)) === JSON.stringify(this.extractToUrlQuery(tableInfoOld))\r\n  }\r\n\r\n  setUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, defaultValue: ITableQueryParams<TModel>) => {\r\n    try {\r\n      if (!this.equals(tableInfo, defaultValue)) {\r\n        const data = this.extractToUrlQuery(tableInfo)\r\n        const tqp: ITableQueryParamModel = { table: encodeBase64(JSON.stringify(data)) }\r\n        QueryParam.patch(tqp)\r\n      } else {\r\n        QueryParam.deletes<ITableQueryParamModel>('table')\r\n      }\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n\r\n  getUrlQuery = <TModel>(defaultValue: ITableQueryParams<TModel>): ITableQueryParams<TModel> => {\r\n    const temp = QueryParam.getAll() as ITableQueryParamModel\r\n    if (!temp?.table) return defaultValue\r\n    const data = tryParseObject<ITableQueryParams<TModel>>(decodeBase64(temp.table ?? ''), {})\r\n    if (Object.keys(data).length < 1) return defaultValue\r\n    return data\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst TableHelper = new TableHelperBase()\r\nexport default TableHelper\r\n"],"names":["dinoTableClasses","whiteSpacePre","TableHelper","_createClass","TableHelperBase","_this","this","_classCallCheck","_defineProperty","data","pagination","filter","sort","loading","value","defaultValue","_value$filter","obj","extractTableQueryParams","check1","items","x","length","check2","quickFilterValues","ti1","ti2","JSON","stringify","initialState","_objectSpread","paginationModel","filterModel","sorting","sortModel","mapSortModel","map","field","toString","hasQuickSearch","hasFilter","tableInfo","_filter$quickFilterVa","isQuickSearchEmpty","undefined","tableInfoOld","extractToUrlQuery","equals","QueryParam","deletes","tqp","table","encodeBase64","patch","error","console","log","_temp$table","temp","getAll","tryParseObject","decodeBase64","Object","keys"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../src/table/helpers.ts"],"sourcesContent":["import { GridFilterModel, GridSortItem, GridSortModel } from '@mui/x-data-grid'\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity'\r\nimport { ICustomGridSortModel, ITableQueryParams, ITableQueryDetail } from './types'\r\nimport { decodeBase64, encodeBase64, QueryParam, tryParseObject } from '../utils'\r\n\r\nexport const dinoTableClasses = {\r\n  whiteSpacePre: 'white-space-pre-wrap'\r\n}\r\n\r\nexport interface ITableQueryParamModel {\r\n  table?: string\r\n}\r\n\r\nclass TableHelperBase {\r\n  private extractTableQueryParams = <T>(data?: ITableQueryParams<T>): ITableQueryParams<T> => {\r\n    if (!data) return {}\r\n    const { pagination, filter, sort, loading } = data\r\n    return { pagination, filter, sort, loading }\r\n  }\r\n\r\n  isEmpty = <T>(value: ITableQueryParams<T>, defaultValue?: ITableQueryParams<T>): boolean => {\r\n    const obj = this.extractTableQueryParams<T>(value)\r\n    const check1 = !obj.filter || obj.filter.items.filter((x) => !!x.value).length < 1\r\n    const check2 = !value.filter?.quickFilterValues || value.filter.quickFilterValues.length < 1\r\n    // const check3 =\r\n    return check1 || check2\r\n  }\r\n\r\n  equalTableQueryParams = <T>(ti1?: ITableQueryParams<T>, ti2?: ITableQueryParams<T>): boolean => {\r\n    return JSON.stringify(this.extractTableQueryParams<T>(ti1)) === JSON.stringify(this.extractTableQueryParams<T>(ti2))\r\n  }\r\n\r\n  mapInitialState = <T>(value?: ITableQueryParams<T>, initialState?: GridInitialStateCommunity): GridInitialStateCommunity => {\r\n    if (!value) return initialState ?? {}\r\n    return {\r\n      pagination: { paginationModel: value.pagination },\r\n      filter: { filterModel: value.filter as GridFilterModel },\r\n      sorting: { sortModel: this.mapSortModel(value.sort) },\r\n      ...initialState\r\n    }\r\n  }\r\n\r\n  mapSortModel = <T>(value?: ICustomGridSortModel<T>): GridSortModel | undefined => {\r\n    return value?.map<GridSortItem>((x) => ({ field: x.field.toString(), sort: x.sort }))\r\n  }\r\n\r\n  detectSearchType = (data: GridFilterModel): ITableQueryDetail => {\r\n    const hasQuickSearch = data.quickFilterValues && data.quickFilterValues.length > 0\r\n    const hasFilter = data.items && data.items.length > 0\r\n    if (hasQuickSearch && !hasFilter) return 'quickSearch'\r\n    if (hasFilter) return 'filter'\r\n  }\r\n\r\n  //#region Query Params\r\n  private extractToUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>): Partial<ITableQueryParams<TModel>> => {\r\n    const { filter, sort, pagination } = tableInfo\r\n    const obj = { filter, sort, pagination }\r\n    const isQuickSearchEmpty = !filter?.quickFilterValues?.filter((x) => !!x).length\r\n    if (!filter?.items.length && isQuickSearchEmpty) {\r\n      obj.filter = undefined\r\n    }\r\n    return obj\r\n  }\r\n\r\n  private equals = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, tableInfoOld: Partial<ITableQueryParams<TModel>>) => {\r\n    return JSON.stringify(this.extractToUrlQuery(tableInfo)) === JSON.stringify(this.extractToUrlQuery(tableInfoOld))\r\n  }\r\n\r\n  setUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, defaultValue: ITableQueryParams<TModel>) => {\r\n    try {\r\n      if (!this.equals(tableInfo, defaultValue)) {\r\n        const data = this.extractToUrlQuery(tableInfo)\r\n        const tqp: ITableQueryParamModel = { table: encodeBase64(JSON.stringify(data)) }\r\n        QueryParam.patch(tqp)\r\n      } else {\r\n        QueryParam.deletes<ITableQueryParamModel>('table')\r\n      }\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n\r\n  getUrlQuery = <TModel>(defaultValue: ITableQueryParams<TModel>): ITableQueryParams<TModel> => {\r\n    const temp = QueryParam.getAll() as ITableQueryParamModel\r\n    if (!temp?.table) return defaultValue\r\n    const data = tryParseObject<ITableQueryParams<TModel>>(decodeBase64(temp.table ?? ''), {})\r\n    if (Object.keys(data).length < 1) return defaultValue\r\n    return data\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst TableHelper = new TableHelperBase()\r\nexport default TableHelper\r\n"],"names":["dinoTableClasses","whiteSpacePre","TableHelper","_createClass","TableHelperBase","_this","this","_classCallCheck","_defineProperty","data","pagination","filter","sort","loading","value","defaultValue","_value$filter","obj","extractTableQueryParams","check1","items","x","length","check2","quickFilterValues","ti1","ti2","JSON","stringify","initialState","_objectSpread","paginationModel","filterModel","sorting","sortModel","mapSortModel","map","field","toString","hasQuickSearch","hasFilter","tableInfo","_filter$quickFilterVa","isQuickSearchEmpty","undefined","tableInfoOld","extractToUrlQuery","equals","QueryParam","deletes","tqp","table","encodeBase64","patch","error","console","log","_temp$table","temp","getAll","tryParseObject","decodeBase64","Object","keys"],"mappings":"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"}

package/dist/table/index.js

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

package/dist/table/ui.units.js

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