@pautena/react-design-system 0.14.8 → 0.15.0

package/form-dialog/package.json

@@ -5,9 +5,9 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/icons-material": "^5.11.16",
-    "@mui/lab": "^5.0.0-alpha.134",
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/icons-material": "^6.4.5",
+    "@mui/lab": "^6.0.0-beta.28",
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/generators/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={string:"",number:0,boolean:!1,enum:"",multienum:[],date:new Date(1970,0,1,0,0),time:new Date(1970,0,1,0,0),datetime:new Date(1970,0,1,0,0),group:{},"group[]":[],"string[]":[],"number[]":[]},t=(t,n)=>n&&n[t.id]||"default"in t&&t.default||e[t.type];exports.newInstanceFromValuesOrZeroValue=(e,n=undefined)=>{const r={};return e.fields.forEach((e=>{if("group"===e.type){const u={};e.value.forEach((r=>{u[r.id]=t(r,n&&n[e.id])})),r[e.id]=u}else r[e.id]=t(e,n)})),r};
+"use strict";const e={string:"",number:0,boolean:!1,enum:"",multienum:[],date:new Date(1970,0,1,0,0),time:new Date(1970,0,1,0,0),datetime:new Date(1970,0,1,0,0),group:{},"group[]":[],"string[]":[],"number[]":[]},t=(t,n)=>n&&n[t.id]||"default"in t&&t.default||e[t.type];exports.newInstanceFromValuesOrZeroValue=(e,n=undefined)=>{const r={};return e.fields.forEach((e=>{if("group"===e.type){const u={};e.value.forEach((r=>{u[r.id]=t(r,n&&n[e.id])})),r[e.id]=u}else r[e.id]=t(e,n)})),r};
 //# sourceMappingURL=index.js.map

package/generators/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/generators/generators.model.ts"],"sourcesContent":["/**\n * MODEL TYPES\n * Types used to specify the model\n */\nexport type ModelFieldTypes =\n  | \"string\"\n  | \"number\"\n  | \"string[]\"\n  | \"number[]\"\n  | \"boolean\"\n  | \"enum\"\n  | \"multienum\"\n  | \"date\"\n  | \"time\"\n  | \"datetime\";\n\ntype Base = {\n  id: string;\n  description: string;\n  name: string;\n  listable?: boolean;\n  updatable?: boolean;\n  required?: boolean;\n};\n\ntype Breakpoints = {\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n};\n\ntype StringField = {\n  type: \"string\";\n};\n\ntype StringArrayField = {\n  type: \"string[]\";\n};\n\ntype NumberField = {\n  type: \"number\";\n};\n\ntype NumberArrayField = {\n  type: \"number[]\";\n};\n\ntype BooleanField = {\n  type: \"boolean\";\n};\n\ntype EnumField = {\n  type: \"enum\";\n  value: string[];\n};\n\ntype MultiEnumField = {\n  type: \"multienum\";\n  value: string[];\n};\n\ntype DateField = {\n  type: \"date\";\n  format: string;\n  default: Date;\n};\n\ntype TimeField = {\n  type: \"time\";\n  format: string;\n  default: Date;\n};\n\ntype DatetimeField = {\n  type: \"datetime\";\n  format: string;\n  default: Date;\n};\n\ntype SingleFields =\n  | StringField\n  | NumberField\n  | StringArrayField\n  | NumberArrayField\n  | BooleanField\n  | EnumField\n  | MultiEnumField\n  | DateField\n  | TimeField\n  | DatetimeField;\n\nexport type GroupField = {\n  type: \"group\";\n  value: (Base & Breakpoints & SingleFields)[];\n} & Base;\n\nexport type ArrayGroupField = {\n  type: \"group[]\";\n  value: (Base & Breakpoints & SingleFields)[];\n} & Base;\n\ntype Fields = SingleFields | GroupField | ArrayGroupField;\nexport type ModelField = Base & Breakpoints & Fields;\n\nexport type Model = {\n  fields: ModelField[];\n};\n\n/**\n * INSTANCE TYPES\n * Types used to represent an instance of a model specification\n */\nexport type BaseFieldType = string | number | boolean | Date;\nexport type ArrayFieldType = string[] | number[];\nexport type SingleFieldType = BaseFieldType | ArrayFieldType;\nexport type GroupInstanceType = { [key: string]: SingleFieldType };\nexport type ArrayInstanceType = { [key: string]: SingleFieldType }[];\nexport type FieldType = SingleFieldType | GroupInstanceType;\n\nexport interface BasicModelInstance {\n  id: string;\n  [key: string]: FieldType;\n}\n\n/**\n * UTILITIES\n * Some functions used in several places to help to manage models\n */\nconst InitialStateZeroValue: Record<ModelFieldTypes | \"group\" | \"group[]\", FieldType | undefined> =\n  {\n    string: \"\",\n    number: 0,\n    boolean: false,\n    enum: \"\",\n    multienum: [],\n    date: new Date(1970, 0, 1, 0, 0),\n    time: new Date(1970, 0, 1, 0, 0),\n    datetime: new Date(1970, 0, 1, 0, 0),\n    group: {},\n    \"group[]\": [],\n    \"string[]\": [],\n    \"number[]\": [],\n  };\n\nconst getFieldValueOrZero = (\n  field: ModelField,\n  values: BasicModelInstance | GroupInstanceType | undefined,\n) => {\n  return (\n    (values && values[field.id]) ||\n    (\"default\" in field && field.default) ||\n    InitialStateZeroValue[field.type]\n  );\n};\n\nexport const newInstanceFromValuesOrZeroValue = <T extends BasicModelInstance>(\n  model: Model,\n  values: T | undefined = undefined,\n): T => {\n  const obj: Record<string, FieldType | undefined> = {};\n\n  model.fields.forEach((field) => {\n    if (field.type === \"group\") {\n      const value: GroupInstanceType = {};\n      field.value.forEach((groupField) => {\n        value[groupField.id] = getFieldValueOrZero(\n          groupField,\n          values && (values[field.id] as GroupInstanceType),\n        ) as SingleFieldType;\n      });\n      obj[field.id] = value;\n    } else {\n      obj[field.id] = getFieldValueOrZero(field, values);\n    }\n  });\n\n  return obj as T;\n};\n"],"names":["InitialStateZeroValue","string","number","boolean","enum","multienum","date","Date","time","datetime","group","getFieldValueOrZero","field","values","id","default","type","model","undefined","obj","fields","forEach","value","groupField"],"mappings":"oEAkIA,MAAMA,EACJ,CACEC,OAAQ,GACRC,OAAQ,EACRC,SAAS,EACTC,KAAM,GACNC,UAAW,GACXC,KAAM,IAAIC,KAAK,KAAM,EAAG,EAAG,EAAG,GAC9BC,KAAM,IAAID,KAAK,KAAM,EAAG,EAAG,EAAG,GAC9BE,SAAU,IAAIF,KAAK,KAAM,EAAG,EAAG,EAAG,GAClCG,MAAO,CAAE,EACT,UAAW,GACX,WAAY,GACZ,WAAY,IAGVC,EAAsB,CAC1BC,EACAC,IAGGA,GAAUA,EAAOD,EAAME,KACvB,YAAaF,GAASA,EAAMG,SAC7Bf,EAAsBY,EAAMI,+CAIgB,CAC9CC,EACAJ,EAAwBK,aAExB,MAAMC,EAA6C,CAAA,EAiBnD,OAfAF,EAAMG,OAAOC,SAAST,IACpB,GAAmB,UAAfA,EAAMI,KAAkB,CAC1B,MAAMM,EAA2B,CAAA,EACjCV,EAAMU,MAAMD,SAASE,IACnBD,EAAMC,EAAWT,IAAMH,EACrBY,EACAV,GAAWA,EAAOD,EAAME,IACN,IAEtBK,EAAIP,EAAME,IAAMQ,CACjB,MACCH,EAAIP,EAAME,IAAMH,EAAoBC,EAAOC,EAC5C,IAGIM,CAAQ"}
+{"version":3,"file":"index.js","sources":["../../../src/generators/generators.model.ts"],"sourcesContent":["/**\n * MODEL TYPES\n * Types used to specify the model\n */\nexport type ModelFieldTypes =\n  | \"string\"\n  | \"number\"\n  | \"string[]\"\n  | \"number[]\"\n  | \"boolean\"\n  | \"enum\"\n  | \"multienum\"\n  | \"date\"\n  | \"time\"\n  | \"datetime\";\n\ntype Base = {\n  id: string;\n  description: string;\n  name: string;\n  listable?: boolean;\n  updatable?: boolean;\n  required?: boolean;\n};\n\ntype Breakpoints = {\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n};\n\ntype StringField = {\n  type: \"string\";\n};\n\ntype StringArrayField = {\n  type: \"string[]\";\n};\n\ntype NumberField = {\n  type: \"number\";\n};\n\ntype NumberArrayField = {\n  type: \"number[]\";\n};\n\ntype BooleanField = {\n  type: \"boolean\";\n};\n\ntype EnumField = {\n  type: \"enum\";\n  value: string[];\n};\n\ntype MultiEnumField = {\n  type: \"multienum\";\n  value: string[];\n};\n\ntype DateField = {\n  type: \"date\";\n  format: string;\n  default: Date;\n};\n\ntype TimeField = {\n  type: \"time\";\n  format: string;\n  default: Date;\n};\n\ntype DatetimeField = {\n  type: \"datetime\";\n  format: string;\n  default: Date;\n};\n\ntype SingleFields =\n  | StringField\n  | NumberField\n  | StringArrayField\n  | NumberArrayField\n  | BooleanField\n  | EnumField\n  | MultiEnumField\n  | DateField\n  | TimeField\n  | DatetimeField;\n\nexport type GroupField = {\n  type: \"group\";\n  value: (Base & Breakpoints & SingleFields)[];\n} & Base;\n\nexport type ArrayGroupField = {\n  type: \"group[]\";\n  value: (Base & Breakpoints & SingleFields)[];\n} & Base;\n\ntype Fields = SingleFields | GroupField | ArrayGroupField;\nexport type ModelField = Base & Breakpoints & Fields;\n\nexport type Model = {\n  fields: ModelField[];\n};\n\n/**\n * INSTANCE TYPES\n * Types used to represent an instance of a model specification\n */\nexport type BaseFieldType = string | number | boolean | Date;\nexport type ArrayFieldType = string[] | number[];\nexport type SingleFieldType = BaseFieldType | ArrayFieldType;\nexport type GroupInstanceType = { [key: string]: SingleFieldType };\nexport type ArrayInstanceType = { [key: string]: SingleFieldType }[];\nexport type FieldType = SingleFieldType | GroupInstanceType;\n\nexport interface BasicModelInstance {\n  id: string;\n  [key: string]: FieldType;\n}\n\n/**\n * UTILITIES\n * Some functions used in several places to help to manage models\n */\nconst InitialStateZeroValue: Record<ModelFieldTypes | \"group\" | \"group[]\", FieldType | undefined> =\n  {\n    string: \"\",\n    number: 0,\n    boolean: false,\n    enum: \"\",\n    multienum: [],\n    date: new Date(1970, 0, 1, 0, 0),\n    time: new Date(1970, 0, 1, 0, 0),\n    datetime: new Date(1970, 0, 1, 0, 0),\n    group: {},\n    \"group[]\": [],\n    \"string[]\": [],\n    \"number[]\": [],\n  };\n\nconst getFieldValueOrZero = (\n  field: ModelField,\n  values: BasicModelInstance | GroupInstanceType | undefined,\n) => {\n  return (\n    (values && values[field.id]) ||\n    (\"default\" in field && field.default) ||\n    InitialStateZeroValue[field.type]\n  );\n};\n\nexport const newInstanceFromValuesOrZeroValue = <T extends BasicModelInstance>(\n  model: Model,\n  values: T | undefined = undefined,\n): T => {\n  const obj: Record<string, FieldType | undefined> = {};\n\n  model.fields.forEach((field) => {\n    if (field.type === \"group\") {\n      const value: GroupInstanceType = {};\n      field.value.forEach((groupField) => {\n        value[groupField.id] = getFieldValueOrZero(\n          groupField,\n          values && (values[field.id] as GroupInstanceType),\n        ) as SingleFieldType;\n      });\n      obj[field.id] = value;\n    } else {\n      obj[field.id] = getFieldValueOrZero(field, values);\n    }\n  });\n\n  return obj as T;\n};\n"],"names":["InitialStateZeroValue","string","number","boolean","enum","multienum","date","Date","time","datetime","group","getFieldValueOrZero","field","values","id","default","type","model","undefined","obj","fields","forEach","value","groupField"],"mappings":"aAkIA,MAAMA,EACJ,CACEC,OAAQ,GACRC,OAAQ,EACRC,SAAS,EACTC,KAAM,GACNC,UAAW,GACXC,KAAM,IAAIC,KAAK,KAAM,EAAG,EAAG,EAAG,GAC9BC,KAAM,IAAID,KAAK,KAAM,EAAG,EAAG,EAAG,GAC9BE,SAAU,IAAIF,KAAK,KAAM,EAAG,EAAG,EAAG,GAClCG,MAAO,CAAE,EACT,UAAW,GACX,WAAY,GACZ,WAAY,IAGVC,EAAsB,CAC1BC,EACAC,IAGGA,GAAUA,EAAOD,EAAME,KACvB,YAAaF,GAASA,EAAMG,SAC7Bf,EAAsBY,EAAMI,+CAIgB,CAC9CC,EACAJ,EAAwBK,aAExB,MAAMC,EAA6C,CAAE,EAiBrD,OAfAF,EAAMG,OAAOC,SAAST,IACpB,GAAmB,UAAfA,EAAMI,KAAkB,CAC1B,MAAMM,EAA2B,CAAE,EACnCV,EAAMU,MAAMD,SAASE,IACnBD,EAAMC,EAAWT,IAAMH,EACrBY,EACAV,GAAWA,EAAOD,EAAME,IACN,IAEtBK,EAAIP,EAAME,IAAMQ,OAEhBH,EAAIP,EAAME,IAAMH,EAAoBC,EAAOC,MAIxCM,CAAQ"}

package/generators/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/generators/generators.model.ts"],"sourcesContent":["/**\n * MODEL TYPES\n * Types used to specify the model\n */\nexport type ModelFieldTypes =\n  | \"string\"\n  | \"number\"\n  | \"string[]\"\n  | \"number[]\"\n  | \"boolean\"\n  | \"enum\"\n  | \"multienum\"\n  | \"date\"\n  | \"time\"\n  | \"datetime\";\n\ntype Base = {\n  id: string;\n  description: string;\n  name: string;\n  listable?: boolean;\n  updatable?: boolean;\n  required?: boolean;\n};\n\ntype Breakpoints = {\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n};\n\ntype StringField = {\n  type: \"string\";\n};\n\ntype StringArrayField = {\n  type: \"string[]\";\n};\n\ntype NumberField = {\n  type: \"number\";\n};\n\ntype NumberArrayField = {\n  type: \"number[]\";\n};\n\ntype BooleanField = {\n  type: \"boolean\";\n};\n\ntype EnumField = {\n  type: \"enum\";\n  value: string[];\n};\n\ntype MultiEnumField = {\n  type: \"multienum\";\n  value: string[];\n};\n\ntype DateField = {\n  type: \"date\";\n  format: string;\n  default: Date;\n};\n\ntype TimeField = {\n  type: \"time\";\n  format: string;\n  default: Date;\n};\n\ntype DatetimeField = {\n  type: \"datetime\";\n  format: string;\n  default: Date;\n};\n\ntype SingleFields =\n  | StringField\n  | NumberField\n  | StringArrayField\n  | NumberArrayField\n  | BooleanField\n  | EnumField\n  | MultiEnumField\n  | DateField\n  | TimeField\n  | DatetimeField;\n\nexport type GroupField = {\n  type: \"group\";\n  value: (Base & Breakpoints & SingleFields)[];\n} & Base;\n\nexport type ArrayGroupField = {\n  type: \"group[]\";\n  value: (Base & Breakpoints & SingleFields)[];\n} & Base;\n\ntype Fields = SingleFields | GroupField | ArrayGroupField;\nexport type ModelField = Base & Breakpoints & Fields;\n\nexport type Model = {\n  fields: ModelField[];\n};\n\n/**\n * INSTANCE TYPES\n * Types used to represent an instance of a model specification\n */\nexport type BaseFieldType = string | number | boolean | Date;\nexport type ArrayFieldType = string[] | number[];\nexport type SingleFieldType = BaseFieldType | ArrayFieldType;\nexport type GroupInstanceType = { [key: string]: SingleFieldType };\nexport type ArrayInstanceType = { [key: string]: SingleFieldType }[];\nexport type FieldType = SingleFieldType | GroupInstanceType;\n\nexport interface BasicModelInstance {\n  id: string;\n  [key: string]: FieldType;\n}\n\n/**\n * UTILITIES\n * Some functions used in several places to help to manage models\n */\nconst InitialStateZeroValue: Record<ModelFieldTypes | \"group\" | \"group[]\", FieldType | undefined> =\n  {\n    string: \"\",\n    number: 0,\n    boolean: false,\n    enum: \"\",\n    multienum: [],\n    date: new Date(1970, 0, 1, 0, 0),\n    time: new Date(1970, 0, 1, 0, 0),\n    datetime: new Date(1970, 0, 1, 0, 0),\n    group: {},\n    \"group[]\": [],\n    \"string[]\": [],\n    \"number[]\": [],\n  };\n\nconst getFieldValueOrZero = (\n  field: ModelField,\n  values: BasicModelInstance | GroupInstanceType | undefined,\n) => {\n  return (\n    (values && values[field.id]) ||\n    (\"default\" in field && field.default) ||\n    InitialStateZeroValue[field.type]\n  );\n};\n\nexport const newInstanceFromValuesOrZeroValue = <T extends BasicModelInstance>(\n  model: Model,\n  values: T | undefined = undefined,\n): T => {\n  const obj: Record<string, FieldType | undefined> = {};\n\n  model.fields.forEach((field) => {\n    if (field.type === \"group\") {\n      const value: GroupInstanceType = {};\n      field.value.forEach((groupField) => {\n        value[groupField.id] = getFieldValueOrZero(\n          groupField,\n          values && (values[field.id] as GroupInstanceType),\n        ) as SingleFieldType;\n      });\n      obj[field.id] = value;\n    } else {\n      obj[field.id] = getFieldValueOrZero(field, values);\n    }\n  });\n\n  return obj as T;\n};\n"],"names":["InitialStateZeroValue","string","number","boolean","enum","multienum","date","Date","time","datetime","group","getFieldValueOrZero","field","values","id","default","type","newInstanceFromValuesOrZeroValue","model","undefined","obj","fields","forEach","value","groupField"],"mappings":"AAkIA,MAAMA,EACJ,CACEC,OAAQ,GACRC,OAAQ,EACRC,SAAS,EACTC,KAAM,GACNC,UAAW,GACXC,KAAM,IAAIC,KAAK,KAAM,EAAG,EAAG,EAAG,GAC9BC,KAAM,IAAID,KAAK,KAAM,EAAG,EAAG,EAAG,GAC9BE,SAAU,IAAIF,KAAK,KAAM,EAAG,EAAG,EAAG,GAClCG,MAAO,CAAE,EACT,UAAW,GACX,WAAY,GACZ,WAAY,IAGVC,EAAsB,CAC1BC,EACAC,IAGGA,GAAUA,EAAOD,EAAME,KACvB,YAAaF,GAASA,EAAMG,SAC7Bf,EAAsBY,EAAMI,MAInBC,EAAmC,CAC9CC,EACAL,EAAwBM,aAExB,MAAMC,EAA6C,CAAA,EAiBnD,OAfAF,EAAMG,OAAOC,SAASV,IACpB,GAAmB,UAAfA,EAAMI,KAAkB,CAC1B,MAAMO,EAA2B,CAAA,EACjCX,EAAMW,MAAMD,SAASE,IACnBD,EAAMC,EAAWV,IAAMH,EACrBa,EACAX,GAAWA,EAAOD,EAAME,IACN,IAEtBM,EAAIR,EAAME,IAAMS,CACjB,MACCH,EAAIR,EAAME,IAAMH,EAAoBC,EAAOC,EAC5C,IAGIO,CAAQ"}
+{"version":3,"file":"index.js","sources":["../../src/generators/generators.model.ts"],"sourcesContent":["/**\n * MODEL TYPES\n * Types used to specify the model\n */\nexport type ModelFieldTypes =\n  | \"string\"\n  | \"number\"\n  | \"string[]\"\n  | \"number[]\"\n  | \"boolean\"\n  | \"enum\"\n  | \"multienum\"\n  | \"date\"\n  | \"time\"\n  | \"datetime\";\n\ntype Base = {\n  id: string;\n  description: string;\n  name: string;\n  listable?: boolean;\n  updatable?: boolean;\n  required?: boolean;\n};\n\ntype Breakpoints = {\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n};\n\ntype StringField = {\n  type: \"string\";\n};\n\ntype StringArrayField = {\n  type: \"string[]\";\n};\n\ntype NumberField = {\n  type: \"number\";\n};\n\ntype NumberArrayField = {\n  type: \"number[]\";\n};\n\ntype BooleanField = {\n  type: \"boolean\";\n};\n\ntype EnumField = {\n  type: \"enum\";\n  value: string[];\n};\n\ntype MultiEnumField = {\n  type: \"multienum\";\n  value: string[];\n};\n\ntype DateField = {\n  type: \"date\";\n  format: string;\n  default: Date;\n};\n\ntype TimeField = {\n  type: \"time\";\n  format: string;\n  default: Date;\n};\n\ntype DatetimeField = {\n  type: \"datetime\";\n  format: string;\n  default: Date;\n};\n\ntype SingleFields =\n  | StringField\n  | NumberField\n  | StringArrayField\n  | NumberArrayField\n  | BooleanField\n  | EnumField\n  | MultiEnumField\n  | DateField\n  | TimeField\n  | DatetimeField;\n\nexport type GroupField = {\n  type: \"group\";\n  value: (Base & Breakpoints & SingleFields)[];\n} & Base;\n\nexport type ArrayGroupField = {\n  type: \"group[]\";\n  value: (Base & Breakpoints & SingleFields)[];\n} & Base;\n\ntype Fields = SingleFields | GroupField | ArrayGroupField;\nexport type ModelField = Base & Breakpoints & Fields;\n\nexport type Model = {\n  fields: ModelField[];\n};\n\n/**\n * INSTANCE TYPES\n * Types used to represent an instance of a model specification\n */\nexport type BaseFieldType = string | number | boolean | Date;\nexport type ArrayFieldType = string[] | number[];\nexport type SingleFieldType = BaseFieldType | ArrayFieldType;\nexport type GroupInstanceType = { [key: string]: SingleFieldType };\nexport type ArrayInstanceType = { [key: string]: SingleFieldType }[];\nexport type FieldType = SingleFieldType | GroupInstanceType;\n\nexport interface BasicModelInstance {\n  id: string;\n  [key: string]: FieldType;\n}\n\n/**\n * UTILITIES\n * Some functions used in several places to help to manage models\n */\nconst InitialStateZeroValue: Record<ModelFieldTypes | \"group\" | \"group[]\", FieldType | undefined> =\n  {\n    string: \"\",\n    number: 0,\n    boolean: false,\n    enum: \"\",\n    multienum: [],\n    date: new Date(1970, 0, 1, 0, 0),\n    time: new Date(1970, 0, 1, 0, 0),\n    datetime: new Date(1970, 0, 1, 0, 0),\n    group: {},\n    \"group[]\": [],\n    \"string[]\": [],\n    \"number[]\": [],\n  };\n\nconst getFieldValueOrZero = (\n  field: ModelField,\n  values: BasicModelInstance | GroupInstanceType | undefined,\n) => {\n  return (\n    (values && values[field.id]) ||\n    (\"default\" in field && field.default) ||\n    InitialStateZeroValue[field.type]\n  );\n};\n\nexport const newInstanceFromValuesOrZeroValue = <T extends BasicModelInstance>(\n  model: Model,\n  values: T | undefined = undefined,\n): T => {\n  const obj: Record<string, FieldType | undefined> = {};\n\n  model.fields.forEach((field) => {\n    if (field.type === \"group\") {\n      const value: GroupInstanceType = {};\n      field.value.forEach((groupField) => {\n        value[groupField.id] = getFieldValueOrZero(\n          groupField,\n          values && (values[field.id] as GroupInstanceType),\n        ) as SingleFieldType;\n      });\n      obj[field.id] = value;\n    } else {\n      obj[field.id] = getFieldValueOrZero(field, values);\n    }\n  });\n\n  return obj as T;\n};\n"],"names":["InitialStateZeroValue","string","number","boolean","enum","multienum","date","Date","time","datetime","group","getFieldValueOrZero","field","values","id","default","type","newInstanceFromValuesOrZeroValue","model","undefined","obj","fields","forEach","value","groupField"],"mappings":"AAkIA,MAAMA,EACJ,CACEC,OAAQ,GACRC,OAAQ,EACRC,SAAS,EACTC,KAAM,GACNC,UAAW,GACXC,KAAM,IAAIC,KAAK,KAAM,EAAG,EAAG,EAAG,GAC9BC,KAAM,IAAID,KAAK,KAAM,EAAG,EAAG,EAAG,GAC9BE,SAAU,IAAIF,KAAK,KAAM,EAAG,EAAG,EAAG,GAClCG,MAAO,CAAE,EACT,UAAW,GACX,WAAY,GACZ,WAAY,IAGVC,EAAsB,CAC1BC,EACAC,IAGGA,GAAUA,EAAOD,EAAME,KACvB,YAAaF,GAASA,EAAMG,SAC7Bf,EAAsBY,EAAMI,MAInBC,EAAmC,CAC9CC,EACAL,EAAwBM,aAExB,MAAMC,EAA6C,CAAE,EAiBrD,OAfAF,EAAMG,OAAOC,SAASV,IACpB,GAAmB,UAAfA,EAAMI,KAAkB,CAC1B,MAAMO,EAA2B,CAAE,EACnCX,EAAMW,MAAMD,SAASE,IACnBD,EAAMC,EAAWV,IAAMH,EACrBa,EACAX,GAAWA,EAAOD,EAAME,IACN,IAEtBM,EAAIR,EAAME,IAAMS,OAEhBH,EAAIR,EAAME,IAAMH,EAAoBC,EAAOC,MAIxCO,CAAQ"}

package/group-value-card/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Grid"),t=require("@mui/material/Paper"),i=require("@mui/material/Box"),a=require("@mui/material/Typography"),l=require("@mui/material/styles"),u=require("@mui/material");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(r),o=n(t),s=n(i),h=n(a);exports.GroupValueCard=({title:r,subtitle:t,centered:i,children:a,dense:n})=>{const{typography:c}=l.useTheme(),g=(({lightWeight:e=100,darkWeight:r=900}={})=>{const{palette:t}=u.useTheme();return"light"===t.mode?t.grey[e]:t.grey[r]})({lightWeight:200,darkWeight:800});return e.jsxs(o.default,{sx:{paddingBottom:n?0:1},children:[e.jsxs(s.default,{bgcolor:g,px:n?1:2,py:n?.5:1,lineHeight:n?0:void 0,children:[e.jsx(h.default,{variant:n?"body1":"h6",role:"heading","aria-level":1,children:r}),t&&e.jsx(h.default,{variant:n?"caption":"body2",role:"heading","aria-level":2,lineHeight:n?c.pxToRem(15):void 0,children:t})]}),e.jsx(d.default,{container:!0,padding:1,rowSpacing:n?1:2,justifyContent:i?"center":"flex-start",children:a})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Grid"),i=require("@mui/material/Paper"),t=require("@mui/material/Box"),a=require("@mui/material/Typography"),l=require("@mui/material/styles"),n=require("@mui/material");exports.GroupValueCard=({title:d,subtitle:o,centered:u,children:h,dense:s})=>{const{typography:g}=l.useTheme(),m=(({lightWeight:e=100,darkWeight:r=900}={})=>{const{palette:i}=n.useTheme();return"light"===i.mode?i.grey[e]:i.grey[r]})({lightWeight:200,darkWeight:800});return e.jsxs(i,{sx:{paddingBottom:s?0:1},children:[e.jsxs(t,{bgcolor:m,px:s?1:2,py:s?.5:1,lineHeight:s?0:void 0,children:[e.jsx(a,{variant:s?"body1":"h6",role:"heading","aria-level":1,children:d}),o&&e.jsx(a,{variant:s?"caption":"body2",role:"heading","aria-level":2,lineHeight:s?g.pxToRem(15):void 0,children:o})]}),e.jsx(r,{container:!0,padding:1,rowSpacing:s?1:2,justifyContent:u?"center":"flex-start",children:h})]})};
 //# sourceMappingURL=index.js.map

package/group-value-card/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/group-value-card/group-value-card.tsx","../../../src/utils/theme.ts"],"sourcesContent":["import Grid from \"@mui/material/Grid\";\nimport Paper from \"@mui/material/Paper\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { ValueItemElement } from \"../value-item\";\n\nexport interface GroupValueCardProps {\n  title: string;\n  subtitle?: string;\n  centered?: boolean;\n  children: ValueItemElement | ValueItemElement[];\n  dense?: boolean;\n}\n\nexport const GroupValueCard = ({\n  title,\n  subtitle,\n  centered,\n  children,\n  dense,\n}: GroupValueCardProps) => {\n  const { typography } = useTheme();\n  const defaultColor = useGetDefaultThemeColor({ lightWeight: 200, darkWeight: 800 });\n\n  return (\n    <Paper\n      sx={{\n        paddingBottom: dense ? 0 : 1,\n      }}\n    >\n      <Box\n        bgcolor={defaultColor}\n        px={dense ? 1 : 2}\n        py={dense ? 0.5 : 1}\n        lineHeight={dense ? 0 : undefined}\n      >\n        <Typography variant={dense ? \"body1\" : \"h6\"} role=\"heading\" aria-level={1}>\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant={dense ? \"caption\" : \"body2\"}\n            role=\"heading\"\n            aria-level={2}\n            lineHeight={dense ? typography.pxToRem(15) : undefined}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      <Grid\n        container\n        padding={1}\n        rowSpacing={dense ? 1 : 2}\n        justifyContent={centered ? \"center\" : \"flex-start\"}\n      >\n        {children}\n      </Grid>\n    </Paper>\n  );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n"],"names":["title","subtitle","centered","children","dense","typography","useTheme","defaultColor","lightWeight","darkWeight","palette","mode","grey","useGetDefaultThemeColor","_jsxs","jsxs","Paper","sx","paddingBottom","Box","bgcolor","px","py","lineHeight","undefined","_jsx","jsx","Typography","variant","role","pxToRem","Grid","container","padding","rowSpacing","justifyContent"],"mappings":"yaAgB8B,EAC5BA,QACAC,WACAC,WACAC,WACAC,YAEA,MAAMC,WAAEA,GAAeC,EAAAA,WACjBC,ECpB+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYJ,EAAAA,WACpB,MAAwB,UAAjBI,EAAQC,KAAmBD,EAAQE,KAAKJ,GAAeE,EAAQE,KAAKH,EAAW,EDejEI,CAAwB,CAAEL,YAAa,IAAKC,WAAY,MAE7E,OACEK,EAAAC,KAACC,UAAK,CACJC,GAAI,CACFC,cAAed,EAAQ,EAAI,GAC5BD,SAAA,CAEDW,OAACK,EAAAA,QACC,CAAAC,QAASb,EACTc,GAAIjB,EAAQ,EAAI,EAChBkB,GAAIlB,EAAQ,GAAM,EAClBmB,WAAYnB,EAAQ,OAAIoB,YAExBC,EAACC,IAAAC,UAAW,CAAAC,QAASxB,EAAQ,QAAU,KAAMyB,KAAK,UAAS,aAAa,EACrE1B,SAAAH,IAEFC,GACCwB,EAAAA,IAACE,EAAAA,SACCC,QAASxB,EAAQ,UAAY,QAC7ByB,KAAK,UAAS,aACF,EACZN,WAAYnB,EAAQC,EAAWyB,QAAQ,SAAMN,EAASrB,SAErDF,OAIPwB,EAACC,IAAAK,EAAI,QACH,CAAAC,WACA,EAAAC,QAAS,EACTC,WAAY9B,EAAQ,EAAI,EACxB+B,eAAgBjC,EAAW,SAAW,aAErCC,SAAAA,MAGL"}
+{"version":3,"file":"index.js","sources":["../../../src/group-value-card/group-value-card.tsx","../../../src/utils/theme.ts"],"sourcesContent":["import Grid from \"@mui/material/Grid\";\nimport Paper from \"@mui/material/Paper\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { ValueItemElement } from \"../value-item\";\n\nexport interface GroupValueCardProps {\n  title: string;\n  subtitle?: string;\n  centered?: boolean;\n  children: ValueItemElement | ValueItemElement[];\n  dense?: boolean;\n}\n\nexport const GroupValueCard = ({\n  title,\n  subtitle,\n  centered,\n  children,\n  dense,\n}: GroupValueCardProps) => {\n  const { typography } = useTheme();\n  const defaultColor = useGetDefaultThemeColor({ lightWeight: 200, darkWeight: 800 });\n\n  return (\n    <Paper\n      sx={{\n        paddingBottom: dense ? 0 : 1,\n      }}\n    >\n      <Box\n        bgcolor={defaultColor}\n        px={dense ? 1 : 2}\n        py={dense ? 0.5 : 1}\n        lineHeight={dense ? 0 : undefined}\n      >\n        <Typography variant={dense ? \"body1\" : \"h6\"} role=\"heading\" aria-level={1}>\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant={dense ? \"caption\" : \"body2\"}\n            role=\"heading\"\n            aria-level={2}\n            lineHeight={dense ? typography.pxToRem(15) : undefined}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      <Grid\n        container\n        padding={1}\n        rowSpacing={dense ? 1 : 2}\n        justifyContent={centered ? \"center\" : \"flex-start\"}\n      >\n        {children}\n      </Grid>\n    </Paper>\n  );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n"],"names":["title","subtitle","centered","children","dense","typography","useTheme","defaultColor","lightWeight","darkWeight","palette","mode","grey","useGetDefaultThemeColor","_jsxs","jsxs","Paper","sx","paddingBottom","Box","bgcolor","px","py","lineHeight","undefined","_jsx","jsx","Typography","variant","role","pxToRem","Grid","container","padding","rowSpacing","justifyContent"],"mappings":"0QAgB8B,EAC5BA,QACAC,WACAC,WACAC,WACAC,YAEA,MAAMC,WAAEA,GAAeC,aACjBC,ECpB+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYJ,aACpB,MAAwB,UAAjBI,EAAQC,KAAmBD,EAAQE,KAAKJ,GAAeE,EAAQE,KAAKH,EAAW,EDejEI,CAAwB,CAAEL,YAAa,IAAKC,WAAY,MAE7E,OACEK,EAAAC,KAACC,EAAK,CACJC,GAAI,CACFC,cAAed,EAAQ,EAAI,GAC5BD,SAAA,CAEDW,OAACK,EACC,CAAAC,QAASb,EACTc,GAAIjB,EAAQ,EAAI,EAChBkB,GAAIlB,EAAQ,GAAM,EAClBmB,WAAYnB,EAAQ,OAAIoB,YAExBC,EAACC,IAAAC,EAAW,CAAAC,QAASxB,EAAQ,QAAU,KAAMyB,KAAK,UAAS,aAAa,EACrE1B,SAAAH,IAEFC,GACCwB,EAACC,IAAAC,GACCC,QAASxB,EAAQ,UAAY,QAC7ByB,KAAK,UAAS,aACF,EACZN,WAAYnB,EAAQC,EAAWyB,QAAQ,SAAMN,EAASrB,SAErDF,OAIPwB,EAAAA,IAACM,EACC,CAAAC,WACA,EAAAC,QAAS,EACTC,WAAY9B,EAAQ,EAAI,EACxB+B,eAAgBjC,EAAW,SAAW,aAErCC,SAAAA,MAEG"}

package/group-value-card/cjs/package.json

@@ -5,7 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/group-value-card/group-value-card.d.ts

@@ -6,4 +6,4 @@ export interface GroupValueCardProps {
     children: ValueItemElement | ValueItemElement[];
     dense?: boolean;
 }
-export declare const GroupValueCard: ({ title, subtitle, centered, children, dense, }: GroupValueCardProps) => JSX.Element;
+export declare const GroupValueCard: ({ title, subtitle, centered, children, dense, }: GroupValueCardProps) => import("react/jsx-runtime").JSX.Element;

package/group-value-card/group-value-card.mock.d.ts

@@ -1,4 +1,4 @@
 import { GroupValueCardProps } from "./group-value-card";
 export declare const GroupValueCardDummy: ({ dense, editable, ...rest }: GroupValueCardProps & {
-    editable?: boolean | undefined;
-}) => JSX.Element;
+    editable?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/group-value-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/theme.ts","../../src/group-value-card/group-value-card.tsx"],"sourcesContent":["import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import Grid from \"@mui/material/Grid\";\nimport Paper from \"@mui/material/Paper\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { ValueItemElement } from \"../value-item\";\n\nexport interface GroupValueCardProps {\n  title: string;\n  subtitle?: string;\n  centered?: boolean;\n  children: ValueItemElement | ValueItemElement[];\n  dense?: boolean;\n}\n\nexport const GroupValueCard = ({\n  title,\n  subtitle,\n  centered,\n  children,\n  dense,\n}: GroupValueCardProps) => {\n  const { typography } = useTheme();\n  const defaultColor = useGetDefaultThemeColor({ lightWeight: 200, darkWeight: 800 });\n\n  return (\n    <Paper\n      sx={{\n        paddingBottom: dense ? 0 : 1,\n      }}\n    >\n      <Box\n        bgcolor={defaultColor}\n        px={dense ? 1 : 2}\n        py={dense ? 0.5 : 1}\n        lineHeight={dense ? 0 : undefined}\n      >\n        <Typography variant={dense ? \"body1\" : \"h6\"} role=\"heading\" aria-level={1}>\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant={dense ? \"caption\" : \"body2\"}\n            role=\"heading\"\n            aria-level={2}\n            lineHeight={dense ? typography.pxToRem(15) : undefined}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      <Grid\n        container\n        padding={1}\n        rowSpacing={dense ? 1 : 2}\n        justifyContent={centered ? \"center\" : \"flex-start\"}\n      >\n        {children}\n      </Grid>\n    </Paper>\n  );\n};\n"],"names":["GroupValueCard","title","subtitle","centered","children","dense","typography","useTheme","defaultColor","lightWeight","darkWeight","palette","mode","grey","useGetDefaultThemeColor","_jsxs","Paper","sx","paddingBottom","Box","bgcolor","px","py","lineHeight","undefined","_jsx","Typography","variant","role","pxToRem","Grid","container","padding","rowSpacing","justifyContent"],"mappings":"yRAIO,MCYMA,EAAiB,EAC5BC,QACAC,WACAC,WACAC,WACAC,YAEA,MAAMC,WAAEA,GAAeC,IACjBC,EDpB+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYJ,IACpB,MAAwB,UAAjBI,EAAQC,KAAmBD,EAAQE,KAAKJ,GAAeE,EAAQE,KAAKH,EAAW,ECejEI,CAAwB,CAAEL,YAAa,IAAKC,WAAY,MAE7E,OACEK,EAACC,EAAK,CACJC,GAAI,CACFC,cAAeb,EAAQ,EAAI,GAC5BD,SAAA,CAEDW,EAACI,EACC,CAAAC,QAASZ,EACTa,GAAIhB,EAAQ,EAAI,EAChBiB,GAAIjB,EAAQ,GAAM,EAClBkB,WAAYlB,EAAQ,OAAImB,YAExBC,EAACC,EAAW,CAAAC,QAAStB,EAAQ,QAAU,KAAMuB,KAAK,UAAS,aAAa,EACrExB,SAAAH,IAEFC,GACCuB,EAACC,GACCC,QAAStB,EAAQ,UAAY,QAC7BuB,KAAK,UAAS,aACF,EACZL,WAAYlB,EAAQC,EAAWuB,QAAQ,SAAML,EAASpB,SAErDF,OAIPuB,EAACK,EACC,CAAAC,WACA,EAAAC,QAAS,EACTC,WAAY5B,EAAQ,EAAI,EACxB6B,eAAgB/B,EAAW,SAAW,aAErCC,SAAAA,MAGL"}
+{"version":3,"file":"index.js","sources":["../../src/utils/theme.ts","../../src/group-value-card/group-value-card.tsx"],"sourcesContent":["import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import Grid from \"@mui/material/Grid\";\nimport Paper from \"@mui/material/Paper\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { ValueItemElement } from \"../value-item\";\n\nexport interface GroupValueCardProps {\n  title: string;\n  subtitle?: string;\n  centered?: boolean;\n  children: ValueItemElement | ValueItemElement[];\n  dense?: boolean;\n}\n\nexport const GroupValueCard = ({\n  title,\n  subtitle,\n  centered,\n  children,\n  dense,\n}: GroupValueCardProps) => {\n  const { typography } = useTheme();\n  const defaultColor = useGetDefaultThemeColor({ lightWeight: 200, darkWeight: 800 });\n\n  return (\n    <Paper\n      sx={{\n        paddingBottom: dense ? 0 : 1,\n      }}\n    >\n      <Box\n        bgcolor={defaultColor}\n        px={dense ? 1 : 2}\n        py={dense ? 0.5 : 1}\n        lineHeight={dense ? 0 : undefined}\n      >\n        <Typography variant={dense ? \"body1\" : \"h6\"} role=\"heading\" aria-level={1}>\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant={dense ? \"caption\" : \"body2\"}\n            role=\"heading\"\n            aria-level={2}\n            lineHeight={dense ? typography.pxToRem(15) : undefined}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      <Grid\n        container\n        padding={1}\n        rowSpacing={dense ? 1 : 2}\n        justifyContent={centered ? \"center\" : \"flex-start\"}\n      >\n        {children}\n      </Grid>\n    </Paper>\n  );\n};\n"],"names":["GroupValueCard","title","subtitle","centered","children","dense","typography","useTheme","defaultColor","lightWeight","darkWeight","palette","mode","grey","useGetDefaultThemeColor","_jsxs","Paper","sx","paddingBottom","Box","bgcolor","px","py","lineHeight","undefined","_jsx","Typography","variant","role","pxToRem","Grid","container","padding","rowSpacing","justifyContent"],"mappings":"yRAIO,MCYMA,EAAiB,EAC5BC,QACAC,WACAC,WACAC,WACAC,YAEA,MAAMC,WAAEA,GAAeC,IACjBC,EDpB+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYJ,IACpB,MAAwB,UAAjBI,EAAQC,KAAmBD,EAAQE,KAAKJ,GAAeE,EAAQE,KAAKH,EAAW,ECejEI,CAAwB,CAAEL,YAAa,IAAKC,WAAY,MAE7E,OACEK,EAACC,EAAK,CACJC,GAAI,CACFC,cAAeb,EAAQ,EAAI,GAC5BD,SAAA,CAEDW,EAACI,EACC,CAAAC,QAASZ,EACTa,GAAIhB,EAAQ,EAAI,EAChBiB,GAAIjB,EAAQ,GAAM,EAClBkB,WAAYlB,EAAQ,OAAImB,YAExBC,EAACC,EAAW,CAAAC,QAAStB,EAAQ,QAAU,KAAMuB,KAAK,UAAS,aAAa,EACrExB,SAAAH,IAEFC,GACCuB,EAACC,GACCC,QAAStB,EAAQ,UAAY,QAC7BuB,KAAK,UAAS,aACF,EACZL,WAAYlB,EAAQC,EAAWuB,QAAQ,SAAML,EAASpB,SAErDF,OAIPuB,EAACK,EACC,CAAAC,WACA,EAAAC,QAAS,EACTC,WAAY5B,EAAQ,EAAI,EACxB6B,eAAgB/B,EAAW,SAAW,aAErCC,SAAAA,MAEG"}

package/group-value-card/package.json

@@ -5,7 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/header/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/styles"),t=require("@mui/material/Breadcrumbs"),a=require("@mui/material/Container"),i=require("@mui/material/Box"),n=require("@mui/material/Tabs"),l=require("@mui/material/Tab"),o=require("@mui/material/Button"),s=require("react-router-dom"),u=require("react"),d=require("@mui/material/Link"),c=require("@mui/material"),h=require("@mui/material/CircularProgress"),m=require("@mui/material/Typography");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=f(t),x=f(a),b=f(i),g=f(n),y=f(l),j=f(o),v=f(d),q=f(h),T=f(m);const C=u.forwardRef(((r,t)=>{const{href:a,...i}=r;return e.jsx(s.Link,{ref:t,to:a,...i})})),k=u.forwardRef(((r,t)=>e.jsx(v.default,{...r,component:C}))),z=u.createContext([0,()=>null]);z.Provider;const B=({loading:t,children:a})=>{const{typography:i}=r.useTheme();return t?e.jsx(q.default,{color:"inherit",size:i.h4.fontSize,"aria-label":"title loading"}):"string"==typeof a?e.jsx(T.default,{variant:"h4",role:"heading","aria-level":1,children:a}):e.jsx(e.Fragment,{children:a})},w=({loading:t,children:a})=>{const{typography:i}=r.useTheme();return t?e.jsx(q.default,{color:"inherit",size:i.body1.fontSize,"aria-label":"subtitle loading"}):"string"==typeof a?e.jsx(T.default,{variant:"body1",role:"heading","aria-level":2,children:a}):e.jsx(e.Fragment,{children:a})};exports.Header=({title:t="",loadingTitle:a,subtitle:i,loadingSubtitle:n,preset:l="default",actionsVariant:o="outlined",breadcrumbs:d,actions:h,tabs:m,tabsMode:f="panel",navigationButton:v})=>{const q=(m||[]).map((e=>e.path)).filter(Boolean),{palette:T}=r.useTheme(),C=(({lightWeight:e=100,darkWeight:r=900}={})=>{const{palette:t}=c.useTheme();return"light"===t.mode?t.grey[e]:t.grey[r]})(),[L,P]=u.useContext(z),S=(e=>{const{pathname:r}=s.useLocation();for(let t=0;t<e.length;t+=1){const a=e[t],i=s.matchPath(a,r);if(null!==i)return i}return null})(q),H={default:C,primary:T.primary.main,secondary:T.secondary.main,inherit:"inherit",transparent:"transparent"},F=H[l],M={default:T.getContrastText(H.default),primary:T.primary.contrastText,secondary:T.secondary.contrastText,inherit:"inherit",transparent:T.text.primary}[l],R="panel"===f?L:S?.pattern?.path;return e.jsx(b.default,{bgcolor:F,color:M,children:e.jsxs(x.default,{children:[e.jsxs(b.default,{sx:{py:3,display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[e.jsxs(b.default,{children:[v&&e.jsx(j.default,{href:v.href,size:"small",color:"inherit",LinkComponent:k,startIcon:v.icon,sx:{mb:1},children:v.text}),d?.length&&e.jsx(p.default,{color:"inherit",separator:"›","aria-label":"breadcrumb",sx:{marginTop:1},children:d.map((({id:r,link:t,text:a})=>e.jsx(k,{underline:"hover",color:"inherit",href:t,variant:"body2",role:"link",children:a},r)))}),e.jsx(B,{loading:a,children:t}),(i||n)&&e.jsx(w,{loading:n,children:i})]}),h&&e.jsx(b.default,{children:h.map((({disabled:r,id:t,href:a,onClick:i,text:n},l)=>e.jsx(j.default,{component:a?k:"button",role:"button",color:"inherit",disabled:r,variant:o,size:"small",href:a,onClick:i,sx:{mr:l!=h.length-1?1:0},children:n},t)))})]}),m&&e.jsx(g.default,{value:R,textColor:"inherit",onChange:"panel"===f?(e,r)=>P(r):void 0,children:m.map((({id:r,label:t,disabled:a,path:i,href:n})=>{const l={label:t,disabled:a};return"panel"===f?e.jsx(y.default,{...l},r):e.jsx(y.default,{...l,component:k,href:n,value:i},r)}))})]})})},exports.HeaderSubtitle=w,exports.HeaderTitle=B;
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/styles"),i=require("@mui/material/Breadcrumbs"),t=require("@mui/material/Container"),a=require("@mui/material/Box"),n=require("@mui/material/Tabs"),l=require("@mui/material/Tab"),o=require("@mui/material/Button"),s=require("@mui/material"),d=require("react"),u=require("@mui/material/CircularProgress"),c=require("@mui/material/Typography"),h=require("@mui/material/Link");const m=d.createContext([0,()=>null]);m.Provider;const x=({loading:i,children:t})=>{const{typography:a}=r.useTheme();return i?e.jsx(u,{color:"inherit",size:a.h4.fontSize,"aria-label":"title loading"}):"string"==typeof t?e.jsx(c,{variant:"h4",role:"heading","aria-level":1,children:t}):e.jsx(e.Fragment,{children:t})},p=({loading:i,children:t})=>{const{typography:a}=r.useTheme();return i?e.jsx(u,{color:"inherit",size:a.body1.fontSize,"aria-label":"subtitle loading"}):"string"==typeof t?e.jsx(c,{variant:"body1",role:"heading","aria-level":2,children:t}):e.jsx(e.Fragment,{children:t})};exports.Header=({title:u="",loadingTitle:c,subtitle:g,loadingSubtitle:b,preset:y="default",actionsVariant:j="outlined",breadcrumbs:f,actions:q,tabs:v,tabsMode:T="panel",navigationButton:C})=>{const{palette:k}=r.useTheme(),z=(({lightWeight:e=100,darkWeight:r=900}={})=>{const{palette:i}=s.useTheme();return"light"===i.mode?i.grey[e]:i.grey[r]})(),[B,S]=d.useContext(m),H={default:z,primary:k.primary.main,secondary:k.secondary.main,inherit:"inherit",transparent:"transparent"},w=H[y],F={default:k.getContrastText(H.default),primary:k.primary.contrastText,secondary:k.secondary.contrastText,inherit:"inherit",transparent:k.text.primary}[y],L=B;return e.jsx(a,{bgcolor:w,color:F,children:e.jsxs(t,{children:[e.jsxs(a,{sx:{py:3,display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[e.jsxs(a,{children:[C&&e.jsx(o,{href:C.href,size:"small",color:"inherit",LinkComponent:h,startIcon:C.icon,sx:{mb:1},children:C.text}),f?.length&&e.jsx(i,{color:"inherit",separator:"›","aria-label":"breadcrumb",sx:{marginTop:1},children:f.map((({id:r,link:i,text:t})=>e.jsx(h,{underline:"hover",color:"inherit",href:i,variant:"body2",role:"link",children:t},r)))}),e.jsx(x,{loading:c,children:u}),(g||b)&&e.jsx(p,{loading:b,children:g})]}),q&&e.jsx(a,{children:q.map((({disabled:r,id:i,href:t,onClick:a,text:n},l)=>e.jsx(o,{component:t?h:"button",role:"button",color:"inherit",disabled:r,variant:j,size:"small",href:t,onClick:a,sx:{mr:l!=q.length-1?1:0},children:n},i)))})]}),v&&e.jsx(n,{value:L,textColor:"inherit",onChange:"panel"===T?(e,r)=>S(r):void 0,children:v.map((({id:r,label:i,disabled:t,path:a,href:n})=>{const o={label:i,disabled:t};return"panel"===T?e.jsx(l,{...o},r):e.jsx(l,{...o,component:h,href:n,value:a},r)}))})]})})},exports.HeaderSubtitle=p,exports.HeaderTitle=x;
 //# sourceMappingURL=index.js.map

package/header/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/link/link.tsx","../../../src/tab-provider/tab-provider.context.ts","../../../src/header/header-title.tsx","../../../src/header/header.tsx","../../../src/utils/theme.ts","../../../src/hooks/routing/routing.hooks.ts"],"sourcesContent":["import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import CircularProgress from \"@mui/material/CircularProgress\";\nimport Typography from \"@mui/material/Typography\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { PropsWithChildren } from \"react\";\n\nexport type HeaderTitleProps = PropsWithChildren<{ loading?: boolean }>;\n\nexport const HeaderTitle = ({ loading, children }: HeaderTitleProps) => {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress color=\"inherit\" size={typography.h4.fontSize} aria-label=\"title loading\" />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n};\n\nexport type HeaderSubtitleProps = PropsWithChildren<{ loading?: boolean }>;\n\nexport const HeaderSubtitle = ({ loading, children }: HeaderSubtitleProps) => {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.body1.fontSize}\n        aria-label=\"subtitle loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"body1\" role=\"heading\" aria-level={2}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n};\n","import { useTheme } from \"@mui/material/styles\";\nimport Breadcrumbs from \"@mui/material/Breadcrumbs\";\nimport Container from \"@mui/material/Container\";\nimport Box from \"@mui/material/Box\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Button from \"@mui/material/Button\";\nimport { Link } from \"../link\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { HeaderComponent, HeaderPreset, HeaderProps } from \"./header.types\";\nimport { useTab } from \"../tab-provider\";\nimport { useLocation } from \"react-router-dom\";\nimport { HeaderSubtitle, HeaderTitle } from \"./header-title\";\nimport { useRouteMatch } from \"../hooks\";\n\n/**\n * Section used to explain give basic information about the page\n * and put the main actions\n */\nexport const Header: HeaderComponent = ({\n  title = \"\",\n  loadingTitle,\n  subtitle,\n  loadingSubtitle,\n  preset = \"default\",\n  actionsVariant = \"outlined\",\n  breadcrumbs,\n  actions,\n  tabs,\n  tabsMode = \"panel\",\n  navigationButton,\n}: HeaderProps) => {\n  const paths = (tabs || []).map((tab) => tab.path).filter(Boolean) as string[];\n\n  const { palette } = useTheme();\n  const defaultColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useTab();\n  const routeMatch = useRouteMatch(paths);\n\n  const bgColorPresets: Record<HeaderPreset, string> = {\n    default: defaultColor,\n    primary: palette.primary.main,\n    secondary: palette.secondary.main,\n    inherit: \"inherit\",\n    transparent: \"transparent\",\n  };\n  const bgColor = bgColorPresets[preset];\n  const textColorPresets: Record<HeaderPreset, string> = {\n    default: palette.getContrastText(bgColorPresets.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    inherit: \"inherit\",\n    transparent: palette.text.primary,\n  };\n  const textColor = textColorPresets[preset];\n\n  const modedSelectedTab = tabsMode === \"panel\" ? selectedTab : routeMatch?.pattern?.path;\n\n  return (\n    <Box bgcolor={bgColor} color={textColor}>\n      <Container>\n        <Box sx={{ py: 3, display: \"flex\", flexDirection: \"row\", justifyContent: \"space-between\" }}>\n          <Box>\n            {navigationButton && (\n              <Button\n                href={navigationButton.href}\n                size=\"small\"\n                color=\"inherit\"\n                LinkComponent={Link}\n                startIcon={navigationButton.icon}\n                sx={{ mb: 1 }}\n              >\n                {navigationButton.text}\n              </Button>\n            )}\n            {breadcrumbs?.length && (\n              <Breadcrumbs\n                color=\"inherit\"\n                separator=\"›\"\n                aria-label=\"breadcrumb\"\n                sx={{ marginTop: 1 }}\n              >\n                {breadcrumbs.map(({ id, link, text }) => (\n                  <Link\n                    key={id}\n                    underline=\"hover\"\n                    color=\"inherit\"\n                    href={link}\n                    variant=\"body2\"\n                    role=\"link\"\n                  >\n                    {text}\n                  </Link>\n                ))}\n              </Breadcrumbs>\n            )}\n            <HeaderTitle loading={loadingTitle}>{title}</HeaderTitle>\n            {(subtitle || loadingSubtitle) && (\n              <HeaderSubtitle loading={loadingSubtitle}>{subtitle}</HeaderSubtitle>\n            )}\n          </Box>\n          {actions && (\n            <Box>\n              {actions.map(({ disabled, id, href, onClick, text }, i) => (\n                <Button\n                  component={href ? Link : \"button\"}\n                  role=\"button\"\n                  color=\"inherit\"\n                  disabled={disabled}\n                  key={id}\n                  variant={actionsVariant}\n                  size=\"small\"\n                  href={href}\n                  onClick={onClick}\n                  sx={{ mr: i != actions.length - 1 ? 1 : 0 }}\n                >\n                  {text}\n                </Button>\n              ))}\n            </Box>\n          )}\n        </Box>\n        {tabs && (\n          <Tabs\n            value={modedSelectedTab}\n            textColor=\"inherit\"\n            onChange={tabsMode === \"panel\" ? (_, index) => setSelectedTab(index) : undefined}\n          >\n            {tabs.map(({ id, label, disabled, path, href }) => {\n              const tabProps = { label, disabled };\n              if (tabsMode === \"panel\") {\n                return <Tab key={id} {...tabProps} />;\n              } else {\n                return <Tab key={id} {...tabProps} component={Link} href={href} value={path} />;\n              }\n            })}\n          </Tabs>\n        )}\n      </Container>\n    </Box>\n  );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { useEffect, useRef } from \"react\";\nimport { matchPath, useLocation, useNavigate } from \"react-router-dom\";\n\nexport interface NavigateWhenValueChangesOptions<T> {\n  from: T;\n  to: T;\n}\n\nexport const useNavigateWhenValueChanges = <T>(\n  path: string,\n  value: T | undefined,\n  { from, to }: NavigateWhenValueChangesOptions<T>,\n) => {\n  const prevRef = useRef<T>();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    if (prevRef.current === from && value === to) {\n      navigate(path);\n    }\n    prevRef.current = value;\n  }, [value]);\n};\n\nexport const useRouteMatch = (patterns: string[]) => {\n  const { pathname } = useLocation();\n\n  for (let i = 0; i < patterns.length; i += 1) {\n    const pattern = patterns[i];\n    const possibleMatch = matchPath(pattern, pathname);\n    if (possibleMatch !== null) {\n      return possibleMatch;\n    }\n  }\n\n  return null;\n};\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","_jsx","jsx","RouterLink","to","Link","_1","MuiLink","component","TabContext","createContext","Provider","HeaderTitle","loading","children","typography","useTheme","CircularProgress","color","size","h4","fontSize","Typography","variant","role","_Fragment","Fragment","HeaderSubtitle","body1","title","loadingTitle","subtitle","loadingSubtitle","preset","actionsVariant","breadcrumbs","actions","tabs","tabsMode","navigationButton","paths","map","tab","path","filter","Boolean","palette","defaultColor","lightWeight","darkWeight","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useContext","routeMatch","patterns","pathname","useLocation","i","length","pattern","possibleMatch","matchPath","useRouteMatch","bgColorPresets","default","primary","main","secondary","inherit","transparent","bgColor","textColor","getContrastText","contrastText","text","modedSelectedTab","Box","bgcolor","_jsxs","Container","sx","py","display","flexDirection","justifyContent","Button","LinkComponent","startIcon","icon","mb","Breadcrumbs","separator","marginTop","id","link","underline","disabled","onClick","mr","Tabs","value","onChange","_","index","undefined","label","tabProps","Tab"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/utils/theme.ts","../../../src/tab-provider/tab-provider.context.ts","../../../src/header/header-title.tsx","../../../src/header/header.tsx"],"sourcesContent":["import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import CircularProgress from \"@mui/material/CircularProgress\";\nimport Typography from \"@mui/material/Typography\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { PropsWithChildren } from \"react\";\n\nexport type HeaderTitleProps = PropsWithChildren<{ loading?: boolean }>;\n\nexport const HeaderTitle = ({ loading, children }: HeaderTitleProps) => {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress color=\"inherit\" size={typography.h4.fontSize} aria-label=\"title loading\" />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n};\n\nexport type HeaderSubtitleProps = PropsWithChildren<{ loading?: boolean }>;\n\nexport const HeaderSubtitle = ({ loading, children }: HeaderSubtitleProps) => {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.body1.fontSize}\n        aria-label=\"subtitle loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"body1\" role=\"heading\" aria-level={2}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n};\n","import { useTheme } from \"@mui/material/styles\";\nimport Breadcrumbs from \"@mui/material/Breadcrumbs\";\nimport Container from \"@mui/material/Container\";\nimport Box from \"@mui/material/Box\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Button from \"@mui/material/Button\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { HeaderComponent, HeaderPreset, HeaderProps } from \"./header.types\";\nimport { useTab } from \"../tab-provider\";\nimport { HeaderSubtitle, HeaderTitle } from \"./header-title\";\nimport Link from \"@mui/material/Link\";\n\n/**\n * Section used to explain give basic information about the page\n * and put the main actions\n */\nexport const Header: HeaderComponent = ({\n  title = \"\",\n  loadingTitle,\n  subtitle,\n  loadingSubtitle,\n  preset = \"default\",\n  actionsVariant = \"outlined\",\n  breadcrumbs,\n  actions,\n  tabs,\n  tabsMode = \"panel\",\n  navigationButton,\n}: HeaderProps) => {\n  const { palette } = useTheme();\n  const defaultColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useTab();\n\n  const bgColorPresets: Record<HeaderPreset, string> = {\n    default: defaultColor,\n    primary: palette.primary.main,\n    secondary: palette.secondary.main,\n    inherit: \"inherit\",\n    transparent: \"transparent\",\n  };\n  const bgColor = bgColorPresets[preset];\n  const textColorPresets: Record<HeaderPreset, string> = {\n    default: palette.getContrastText(bgColorPresets.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    inherit: \"inherit\",\n    transparent: palette.text.primary,\n  };\n  const textColor = textColorPresets[preset];\n\n  const modedSelectedTab = selectedTab;\n\n  return (\n    <Box bgcolor={bgColor} color={textColor}>\n      <Container>\n        <Box sx={{ py: 3, display: \"flex\", flexDirection: \"row\", justifyContent: \"space-between\" }}>\n          <Box>\n            {navigationButton && (\n              <Button\n                href={navigationButton.href}\n                size=\"small\"\n                color=\"inherit\"\n                LinkComponent={Link}\n                startIcon={navigationButton.icon}\n                sx={{ mb: 1 }}\n              >\n                {navigationButton.text}\n              </Button>\n            )}\n            {breadcrumbs?.length && (\n              <Breadcrumbs\n                color=\"inherit\"\n                separator=\"›\"\n                aria-label=\"breadcrumb\"\n                sx={{ marginTop: 1 }}\n              >\n                {breadcrumbs.map(({ id, link, text }) => (\n                  <Link\n                    key={id}\n                    underline=\"hover\"\n                    color=\"inherit\"\n                    href={link}\n                    variant=\"body2\"\n                    role=\"link\"\n                  >\n                    {text}\n                  </Link>\n                ))}\n              </Breadcrumbs>\n            )}\n            <HeaderTitle loading={loadingTitle}>{title}</HeaderTitle>\n            {(subtitle || loadingSubtitle) && (\n              <HeaderSubtitle loading={loadingSubtitle}>{subtitle}</HeaderSubtitle>\n            )}\n          </Box>\n          {actions && (\n            <Box>\n              {actions.map(({ disabled, id, href, onClick, text }, i) => (\n                <Button\n                  component={href ? Link : \"button\"}\n                  role=\"button\"\n                  color=\"inherit\"\n                  disabled={disabled}\n                  key={id}\n                  variant={actionsVariant}\n                  size=\"small\"\n                  href={href}\n                  onClick={onClick}\n                  sx={{ mr: i != actions.length - 1 ? 1 : 0 }}\n                >\n                  {text}\n                </Button>\n              ))}\n            </Box>\n          )}\n        </Box>\n        {tabs && (\n          <Tabs\n            value={modedSelectedTab}\n            textColor=\"inherit\"\n            onChange={tabsMode === \"panel\" ? (_, index) => setSelectedTab(index) : undefined}\n          >\n            {tabs.map(({ id, label, disabled, path, href }) => {\n              const tabProps = { label, disabled };\n              if (tabsMode === \"panel\") {\n                return <Tab key={id} {...tabProps} />;\n              } else {\n                return <Tab key={id} {...tabProps} component={Link} href={href} value={path} />;\n              }\n            })}\n          </Tabs>\n        )}\n      </Container>\n    </Box>\n  );\n};\n"],"names":["TabContext","createContext","Provider","HeaderTitle","loading","children","typography","useTheme","_jsx","CircularProgress","color","size","h4","fontSize","Typography","variant","role","jsx","_Fragment","Fragment","HeaderSubtitle","body1","title","loadingTitle","subtitle","loadingSubtitle","preset","actionsVariant","breadcrumbs","actions","tabs","tabsMode","navigationButton","palette","defaultColor","lightWeight","darkWeight","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useContext","bgColorPresets","default","primary","main","secondary","inherit","transparent","bgColor","textColor","getContrastText","contrastText","text","modedSelectedTab","Box","bgcolor","_jsxs","Container","sx","py","display","flexDirection","justifyContent","Button","href","LinkComponent","Link","startIcon","icon","mb","length","Breadcrumbs","separator","marginTop","map","id","link","underline","disabled","onClick","i","component","mr","Tabs","value","onChange","_","index","undefined","label","path","tabProps","Tab"],"mappings":"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"}

package/header/cjs/package.json

@@ -5,8 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0",
-    "react-router-dom": "^6.14.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/header/header-title.d.ts

@@ -2,8 +2,8 @@ import { PropsWithChildren } from "react";
 export type HeaderTitleProps = PropsWithChildren<{
     loading?: boolean;
 }>;
-export declare const HeaderTitle: ({ loading, children }: HeaderTitleProps) => JSX.Element;
+export declare const HeaderTitle: ({ loading, children }: HeaderTitleProps) => import("react/jsx-runtime").JSX.Element;
 export type HeaderSubtitleProps = PropsWithChildren<{
     loading?: boolean;
 }>;
-export declare const HeaderSubtitle: ({ loading, children }: HeaderSubtitleProps) => JSX.Element;
+export declare const HeaderSubtitle: ({ loading, children }: HeaderSubtitleProps) => import("react/jsx-runtime").JSX.Element;

package/header/index.js

@@ -1,2 +1,2 @@
-import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import{useTheme as i}from"@mui/material/styles";import a from"@mui/material/Breadcrumbs";import n from"@mui/material/Container";import o from"@mui/material/Box";import l from"@mui/material/Tabs";import m from"@mui/material/Tab";import d from"@mui/material/Button";import{Link as c,useLocation as s,matchPath as h}from"react-router-dom";import{forwardRef as p,createContext as u,useContext as f}from"react";import g from"@mui/material/Link";import{useTheme as b}from"@mui/material";import y from"@mui/material/CircularProgress";import x from"@mui/material/Typography";const v=p(((e,t)=>{const{href:i,...a}=e;return r(c,{ref:t,to:i,...a})})),C=p(((e,t)=>r(g,{...e,component:v}))),T=u([0,()=>null]);T.Provider;const k=({loading:t,children:a})=>{const{typography:n}=i();return t?r(y,{color:"inherit",size:n.h4.fontSize,"aria-label":"title loading"}):"string"==typeof a?r(x,{variant:"h4",role:"heading","aria-level":1,children:a}):r(e,{children:a})},z=({loading:t,children:a})=>{const{typography:n}=i();return t?r(y,{color:"inherit",size:n.body1.fontSize,"aria-label":"subtitle loading"}):"string"==typeof a?r(x,{variant:"body1",role:"heading","aria-level":2,children:a}):r(e,{children:a})},B=({title:e="",loadingTitle:c,subtitle:p,loadingSubtitle:u,preset:g="default",actionsVariant:y="outlined",breadcrumbs:x,actions:v,tabs:B,tabsMode:L="panel",navigationButton:S})=>{const j=(B||[]).map((r=>r.path)).filter(Boolean),{palette:w}=i(),P=(({lightWeight:r=100,darkWeight:e=900}={})=>{const{palette:t}=b();return"light"===t.mode?t.grey[r]:t.grey[e]})(),[W,D]=f(T),I=(r=>{const{pathname:e}=s();for(let t=0;t<r.length;t+=1){const i=r[t],a=h(i,e);if(null!==a)return a}return null})(j),M={default:P,primary:w.primary.main,secondary:w.secondary.main,inherit:"inherit",transparent:"transparent"},V=M[g],q={default:w.getContrastText(M.default),primary:w.primary.contrastText,secondary:w.secondary.contrastText,inherit:"inherit",transparent:w.text.primary}[g],A="panel"===L?W:I?.pattern?.path;return r(o,{bgcolor:V,color:q,children:t(n,{children:[t(o,{sx:{py:3,display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[t(o,{children:[S&&r(d,{href:S.href,size:"small",color:"inherit",LinkComponent:C,startIcon:S.icon,sx:{mb:1},children:S.text}),x?.length&&r(a,{color:"inherit",separator:"›","aria-label":"breadcrumb",sx:{marginTop:1},children:x.map((({id:e,link:t,text:i})=>r(C,{underline:"hover",color:"inherit",href:t,variant:"body2",role:"link",children:i},e)))}),r(k,{loading:c,children:e}),(p||u)&&r(z,{loading:u,children:p})]}),v&&r(o,{children:v.map((({disabled:e,id:t,href:i,onClick:a,text:n},o)=>r(d,{component:i?C:"button",role:"button",color:"inherit",disabled:e,variant:y,size:"small",href:i,onClick:a,sx:{mr:o!=v.length-1?1:0},children:n},t)))})]}),B&&r(l,{value:A,textColor:"inherit",onChange:"panel"===L?(r,e)=>D(e):void 0,children:B.map((({id:e,label:t,disabled:i,path:a,href:n})=>{const o={label:t,disabled:i};return r(m,"panel"===L?{...o}:{...o,component:C,href:n,value:a},e)}))})]})})};export{B as Header,z as HeaderSubtitle,k as HeaderTitle};
+import{jsx as r,Fragment as e,jsxs as i}from"react/jsx-runtime";import{useTheme as t}from"@mui/material/styles";import a from"@mui/material/Breadcrumbs";import n from"@mui/material/Container";import o from"@mui/material/Box";import l from"@mui/material/Tabs";import m from"@mui/material/Tab";import d from"@mui/material/Button";import{useTheme as c}from"@mui/material";import{createContext as s,useContext as h}from"react";import p from"@mui/material/CircularProgress";import u from"@mui/material/Typography";import f from"@mui/material/Link";const b=s([0,()=>null]);b.Provider;const g=({loading:i,children:a})=>{const{typography:n}=t();return i?r(p,{color:"inherit",size:n.h4.fontSize,"aria-label":"title loading"}):"string"==typeof a?r(u,{variant:"h4",role:"heading","aria-level":1,children:a}):r(e,{children:a})},y=({loading:i,children:a})=>{const{typography:n}=t();return i?r(p,{color:"inherit",size:n.body1.fontSize,"aria-label":"subtitle loading"}):"string"==typeof a?r(u,{variant:"body1",role:"heading","aria-level":2,children:a}):r(e,{children:a})},x=({title:e="",loadingTitle:s,subtitle:p,loadingSubtitle:u,preset:x="default",actionsVariant:v="outlined",breadcrumbs:C,actions:T,tabs:k,tabsMode:z="panel",navigationButton:B})=>{const{palette:S}=t(),j=(({lightWeight:r=100,darkWeight:e=900}={})=>{const{palette:i}=c();return"light"===i.mode?i.grey[r]:i.grey[e]})(),[w,L]=h(b),P={default:j,primary:S.primary.main,secondary:S.secondary.main,inherit:"inherit",transparent:"transparent"},W=P[x],D={default:S.getContrastText(P.default),primary:S.primary.contrastText,secondary:S.secondary.contrastText,inherit:"inherit",transparent:S.text.primary},I=w;return r(o,{bgcolor:W,color:D[x],children:i(n,{children:[i(o,{sx:{py:3,display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[i(o,{children:[B&&r(d,{href:B.href,size:"small",color:"inherit",LinkComponent:f,startIcon:B.icon,sx:{mb:1},children:B.text}),C?.length&&r(a,{color:"inherit",separator:"›","aria-label":"breadcrumb",sx:{marginTop:1},children:C.map((({id:e,link:i,text:t})=>r(f,{underline:"hover",color:"inherit",href:i,variant:"body2",role:"link",children:t},e)))}),r(g,{loading:s,children:e}),(p||u)&&r(y,{loading:u,children:p})]}),T&&r(o,{children:T.map((({disabled:e,id:i,href:t,onClick:a,text:n},o)=>r(d,{component:t?f:"button",role:"button",color:"inherit",disabled:e,variant:v,size:"small",href:t,onClick:a,sx:{mr:o!=T.length-1?1:0},children:n},i)))})]}),k&&r(l,{value:I,textColor:"inherit",onChange:"panel"===z?(r,e)=>L(e):void 0,children:k.map((({id:e,label:i,disabled:t,path:a,href:n})=>{const o={label:i,disabled:t};return r(m,"panel"===z?{...o}:{...o,component:f,href:n,value:a},e)}))})]})})};export{x as Header,y as HeaderSubtitle,g as HeaderTitle};
 //# sourceMappingURL=index.js.map

package/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/link/link.tsx","../../src/tab-provider/tab-provider.context.ts","../../src/header/header-title.tsx","../../src/header/header.tsx","../../src/utils/theme.ts","../../src/hooks/routing/routing.hooks.ts"],"sourcesContent":["import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import CircularProgress from \"@mui/material/CircularProgress\";\nimport Typography from \"@mui/material/Typography\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { PropsWithChildren } from \"react\";\n\nexport type HeaderTitleProps = PropsWithChildren<{ loading?: boolean }>;\n\nexport const HeaderTitle = ({ loading, children }: HeaderTitleProps) => {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress color=\"inherit\" size={typography.h4.fontSize} aria-label=\"title loading\" />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n};\n\nexport type HeaderSubtitleProps = PropsWithChildren<{ loading?: boolean }>;\n\nexport const HeaderSubtitle = ({ loading, children }: HeaderSubtitleProps) => {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.body1.fontSize}\n        aria-label=\"subtitle loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"body1\" role=\"heading\" aria-level={2}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n};\n","import { useTheme } from \"@mui/material/styles\";\nimport Breadcrumbs from \"@mui/material/Breadcrumbs\";\nimport Container from \"@mui/material/Container\";\nimport Box from \"@mui/material/Box\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Button from \"@mui/material/Button\";\nimport { Link } from \"../link\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { HeaderComponent, HeaderPreset, HeaderProps } from \"./header.types\";\nimport { useTab } from \"../tab-provider\";\nimport { useLocation } from \"react-router-dom\";\nimport { HeaderSubtitle, HeaderTitle } from \"./header-title\";\nimport { useRouteMatch } from \"../hooks\";\n\n/**\n * Section used to explain give basic information about the page\n * and put the main actions\n */\nexport const Header: HeaderComponent = ({\n  title = \"\",\n  loadingTitle,\n  subtitle,\n  loadingSubtitle,\n  preset = \"default\",\n  actionsVariant = \"outlined\",\n  breadcrumbs,\n  actions,\n  tabs,\n  tabsMode = \"panel\",\n  navigationButton,\n}: HeaderProps) => {\n  const paths = (tabs || []).map((tab) => tab.path).filter(Boolean) as string[];\n\n  const { palette } = useTheme();\n  const defaultColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useTab();\n  const routeMatch = useRouteMatch(paths);\n\n  const bgColorPresets: Record<HeaderPreset, string> = {\n    default: defaultColor,\n    primary: palette.primary.main,\n    secondary: palette.secondary.main,\n    inherit: \"inherit\",\n    transparent: \"transparent\",\n  };\n  const bgColor = bgColorPresets[preset];\n  const textColorPresets: Record<HeaderPreset, string> = {\n    default: palette.getContrastText(bgColorPresets.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    inherit: \"inherit\",\n    transparent: palette.text.primary,\n  };\n  const textColor = textColorPresets[preset];\n\n  const modedSelectedTab = tabsMode === \"panel\" ? selectedTab : routeMatch?.pattern?.path;\n\n  return (\n    <Box bgcolor={bgColor} color={textColor}>\n      <Container>\n        <Box sx={{ py: 3, display: \"flex\", flexDirection: \"row\", justifyContent: \"space-between\" }}>\n          <Box>\n            {navigationButton && (\n              <Button\n                href={navigationButton.href}\n                size=\"small\"\n                color=\"inherit\"\n                LinkComponent={Link}\n                startIcon={navigationButton.icon}\n                sx={{ mb: 1 }}\n              >\n                {navigationButton.text}\n              </Button>\n            )}\n            {breadcrumbs?.length && (\n              <Breadcrumbs\n                color=\"inherit\"\n                separator=\"›\"\n                aria-label=\"breadcrumb\"\n                sx={{ marginTop: 1 }}\n              >\n                {breadcrumbs.map(({ id, link, text }) => (\n                  <Link\n                    key={id}\n                    underline=\"hover\"\n                    color=\"inherit\"\n                    href={link}\n                    variant=\"body2\"\n                    role=\"link\"\n                  >\n                    {text}\n                  </Link>\n                ))}\n              </Breadcrumbs>\n            )}\n            <HeaderTitle loading={loadingTitle}>{title}</HeaderTitle>\n            {(subtitle || loadingSubtitle) && (\n              <HeaderSubtitle loading={loadingSubtitle}>{subtitle}</HeaderSubtitle>\n            )}\n          </Box>\n          {actions && (\n            <Box>\n              {actions.map(({ disabled, id, href, onClick, text }, i) => (\n                <Button\n                  component={href ? Link : \"button\"}\n                  role=\"button\"\n                  color=\"inherit\"\n                  disabled={disabled}\n                  key={id}\n                  variant={actionsVariant}\n                  size=\"small\"\n                  href={href}\n                  onClick={onClick}\n                  sx={{ mr: i != actions.length - 1 ? 1 : 0 }}\n                >\n                  {text}\n                </Button>\n              ))}\n            </Box>\n          )}\n        </Box>\n        {tabs && (\n          <Tabs\n            value={modedSelectedTab}\n            textColor=\"inherit\"\n            onChange={tabsMode === \"panel\" ? (_, index) => setSelectedTab(index) : undefined}\n          >\n            {tabs.map(({ id, label, disabled, path, href }) => {\n              const tabProps = { label, disabled };\n              if (tabsMode === \"panel\") {\n                return <Tab key={id} {...tabProps} />;\n              } else {\n                return <Tab key={id} {...tabProps} component={Link} href={href} value={path} />;\n              }\n            })}\n          </Tabs>\n        )}\n      </Container>\n    </Box>\n  );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { useEffect, useRef } from \"react\";\nimport { matchPath, useLocation, useNavigate } from \"react-router-dom\";\n\nexport interface NavigateWhenValueChangesOptions<T> {\n  from: T;\n  to: T;\n}\n\nexport const useNavigateWhenValueChanges = <T>(\n  path: string,\n  value: T | undefined,\n  { from, to }: NavigateWhenValueChangesOptions<T>,\n) => {\n  const prevRef = useRef<T>();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    if (prevRef.current === from && value === to) {\n      navigate(path);\n    }\n    prevRef.current = value;\n  }, [value]);\n};\n\nexport const useRouteMatch = (patterns: string[]) => {\n  const { pathname } = useLocation();\n\n  for (let i = 0; i < patterns.length; i += 1) {\n    const pattern = patterns[i];\n    const possibleMatch = matchPath(pattern, pathname);\n    if (possibleMatch !== null) {\n      return possibleMatch;\n    }\n  }\n\n  return null;\n};\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","_jsx","RouterLink","to","Link","_1","MuiLink","component","TabContext","createContext","Provider","HeaderTitle","loading","children","typography","useTheme","CircularProgress","color","size","h4","fontSize","Typography","variant","role","_Fragment","HeaderSubtitle","body1","Header","title","loadingTitle","subtitle","loadingSubtitle","preset","actionsVariant","breadcrumbs","actions","tabs","tabsMode","navigationButton","paths","map","tab","path","filter","Boolean","palette","defaultColor","lightWeight","darkWeight","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useContext","routeMatch","patterns","pathname","useLocation","i","length","pattern","possibleMatch","matchPath","useRouteMatch","bgColorPresets","default","primary","main","secondary","inherit","transparent","bgColor","textColor","getContrastText","contrastText","text","modedSelectedTab","Box","bgcolor","_jsxs","Container","sx","py","display","flexDirection","justifyContent","Button","LinkComponent","startIcon","icon","mb","Breadcrumbs","separator","marginTop","id","link","underline","disabled","onClick","mr","Tabs","value","onChange","_","index","undefined","label","tabProps","Tab"],"mappings":"unBAKO,MAAMA,EAAgBC,GAG3B,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,EAACC,EAAW,CAAAJ,IAAKA,EAAKK,GAAIJ,KAAUC,GAAS,IAGzCI,EAAOR,GAA2B,CAACC,EAAOQ,IAC9CJ,EAACK,EAAa,IAAAT,EAAeU,UAAWZ,MCZpCa,EAAaC,EAA0D,CAClF,EACA,IAAM,OAE0BD,EAAWE,SACtC,MCAMC,EAAc,EAAGC,UAASC,eACrC,MAAMC,WAAEA,GAAeC,IAEvB,OAAIH,EAEAX,EAACe,GAAiBC,MAAM,UAAUC,KAAMJ,EAAWK,GAAGC,sBAAqB,kBAIvD,iBAAbP,EAEPZ,EAACoB,EAAW,CAAAC,QAAQ,KAAKC,KAAK,UAAsB,aAAA,WACjDV,IAKAZ,EAAAuB,EAAA,CAAAX,SAAGA,GAAY,EAKXY,EAAiB,EAAGb,UAASC,eACxC,MAAMC,WAAEA,GAAeC,IAEvB,OAAIH,EAEAX,EAACe,GACCC,MAAM,UACNC,KAAMJ,EAAWY,MAAMN,sBACZ,qBAKO,iBAAbP,EAEPZ,EAACoB,EAAW,CAAAC,QAAQ,QAAQC,KAAK,UAAsB,aAAA,WACpDV,IAKAZ,EAAAuB,EAAA,CAAAX,SAAGA,GAAY,EC/BXc,EAA0B,EACrCC,QAAQ,GACRC,eACAC,WACAC,kBACAC,SAAS,UACTC,iBAAiB,WACjBC,cACAC,UACAC,OACAC,WAAW,QACXC,uBAEA,MAAMC,GAASH,GAAQ,IAAII,KAAKC,GAAQA,EAAIC,OAAMC,OAAOC,UAEnDC,QAAEA,GAAY9B,IACd+B,EC/B+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMH,QAAEA,GAAY9B,IACpB,MAAwB,UAAjB8B,EAAQI,KAAmBJ,EAAQK,KAAKH,GAAeF,EAAQK,KAAKF,EAAW,ED0BjEG,IACdC,EAAaC,GF7BMC,EAAW9C,GE8B/B+C,EEbqB,CAACC,IAC5B,MAAMC,SAAEA,GAAaC,IAErB,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAASI,OAAQD,GAAK,EAAG,CAC3C,MAAME,EAAUL,EAASG,GACnBG,EAAgBC,EAAUF,EAASJ,GACzC,GAAsB,OAAlBK,EACF,OAAOA,CAEV,CAED,OAAO,IAAI,EFEQE,CAAczB,GAE3B0B,EAA+C,CACnDC,QAASpB,EACTqB,QAAStB,EAAQsB,QAAQC,KACzBC,UAAWxB,EAAQwB,UAAUD,KAC7BE,QAAS,UACTC,YAAa,eAETC,EAAUP,EAAejC,GAQzByC,EAPiD,CACrDP,QAASrB,EAAQ6B,gBAAgBT,EAAeC,SAChDC,QAAStB,EAAQsB,QAAQQ,aACzBN,UAAWxB,EAAQwB,UAAUM,aAC7BL,QAAS,UACTC,YAAa1B,EAAQ+B,KAAKT,SAEOnC,GAE7B6C,EAAgC,UAAbxC,EAAuBe,EAAcG,GAAYM,SAASnB,KAEnF,OACEzC,EAAC6E,EAAI,CAAAC,QAASP,EAASvD,MAAOwD,EAC5B5D,SAAAmE,EAACC,EACC,CAAApE,SAAA,CAAAmE,EAACF,EAAI,CAAAI,GAAI,CAAEC,GAAI,EAAGC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,iBAAiBzE,SAAA,CACxFmE,EAACF,EAAG,CAAAjE,SAAA,CACDyB,GACCrC,EAACsF,GACCxF,KAAMuC,EAAiBvC,KACvBmB,KAAK,QACLD,MAAM,UACNuE,cAAepF,EACfqF,UAAWnD,EAAiBoD,KAC5BR,GAAI,CAAES,GAAI,GAAG9E,SAEZyB,EAAiBsC,OAGrB1C,GAAa0B,QACZ3D,EAAC2F,EAAW,CACV3E,MAAM,UACN4E,UAAU,IAAG,aACF,aACXX,GAAI,CAAEY,UAAW,GAEhBjF,SAAAqB,EAAYM,KAAI,EAAGuD,KAAIC,OAAMpB,UAC5B3E,EAACG,EAEC,CAAA6F,UAAU,QACVhF,MAAM,UACNlB,KAAMiG,EACN1E,QAAQ,QACRC,KAAK,OAEJV,SAAA+D,GAPImB,OAYb9F,EAACU,EAAW,CAACC,QAASiB,EAAehB,SAAAe,KACnCE,GAAYC,IACZ9B,EAACwB,EAAe,CAAAb,QAASmB,EAAelB,SAAGiB,OAG9CK,GACClC,EAAC6E,EAAG,CAAAjE,SACDsB,EAAQK,KAAI,EAAG0D,WAAUH,KAAIhG,OAAMoG,UAASvB,QAAQjB,IACnD1D,EAACsF,GACChF,UAAWR,EAAOK,EAAO,SACzBmB,KAAK,SACLN,MAAM,UACNiF,SAAUA,EAEV5E,QAASW,EACTf,KAAK,QACLnB,KAAMA,EACNoG,QAASA,EACTjB,GAAI,CAAEkB,GAAIzC,GAAKxB,EAAQyB,OAAS,EAAI,EAAI,GAEvC/C,SAAA+D,GAPImB,UAad3D,GACCnC,EAACoG,EACC,CAAAC,MAAOzB,EACPJ,UAAU,UACV8B,SAAuB,UAAblE,EAAuB,CAACmE,EAAGC,IAAUpD,EAAeoD,QAASC,WAEtEtE,EAAKI,KAAI,EAAGuD,KAAIY,QAAOT,WAAUxD,OAAM3C,WACtC,MAAM6G,EAAW,CAAED,QAAOT,YAC1B,OACSjG,EAAC4G,EADO,UAAbxE,EACS,IAAcuE,GAEd,IAAcA,EAAUrG,UAAWH,EAAML,KAAMA,EAAMuG,MAAO5D,GAFtDqD,EAGlB,UAMX"}
+{"version":3,"file":"index.js","sources":["../../src/utils/theme.ts","../../src/tab-provider/tab-provider.context.ts","../../src/header/header-title.tsx","../../src/header/header.tsx"],"sourcesContent":["import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import CircularProgress from \"@mui/material/CircularProgress\";\nimport Typography from \"@mui/material/Typography\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { PropsWithChildren } from \"react\";\n\nexport type HeaderTitleProps = PropsWithChildren<{ loading?: boolean }>;\n\nexport const HeaderTitle = ({ loading, children }: HeaderTitleProps) => {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress color=\"inherit\" size={typography.h4.fontSize} aria-label=\"title loading\" />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n};\n\nexport type HeaderSubtitleProps = PropsWithChildren<{ loading?: boolean }>;\n\nexport const HeaderSubtitle = ({ loading, children }: HeaderSubtitleProps) => {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.body1.fontSize}\n        aria-label=\"subtitle loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"body1\" role=\"heading\" aria-level={2}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n};\n","import { useTheme } from \"@mui/material/styles\";\nimport Breadcrumbs from \"@mui/material/Breadcrumbs\";\nimport Container from \"@mui/material/Container\";\nimport Box from \"@mui/material/Box\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Button from \"@mui/material/Button\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { HeaderComponent, HeaderPreset, HeaderProps } from \"./header.types\";\nimport { useTab } from \"../tab-provider\";\nimport { HeaderSubtitle, HeaderTitle } from \"./header-title\";\nimport Link from \"@mui/material/Link\";\n\n/**\n * Section used to explain give basic information about the page\n * and put the main actions\n */\nexport const Header: HeaderComponent = ({\n  title = \"\",\n  loadingTitle,\n  subtitle,\n  loadingSubtitle,\n  preset = \"default\",\n  actionsVariant = \"outlined\",\n  breadcrumbs,\n  actions,\n  tabs,\n  tabsMode = \"panel\",\n  navigationButton,\n}: HeaderProps) => {\n  const { palette } = useTheme();\n  const defaultColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useTab();\n\n  const bgColorPresets: Record<HeaderPreset, string> = {\n    default: defaultColor,\n    primary: palette.primary.main,\n    secondary: palette.secondary.main,\n    inherit: \"inherit\",\n    transparent: \"transparent\",\n  };\n  const bgColor = bgColorPresets[preset];\n  const textColorPresets: Record<HeaderPreset, string> = {\n    default: palette.getContrastText(bgColorPresets.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    inherit: \"inherit\",\n    transparent: palette.text.primary,\n  };\n  const textColor = textColorPresets[preset];\n\n  const modedSelectedTab = selectedTab;\n\n  return (\n    <Box bgcolor={bgColor} color={textColor}>\n      <Container>\n        <Box sx={{ py: 3, display: \"flex\", flexDirection: \"row\", justifyContent: \"space-between\" }}>\n          <Box>\n            {navigationButton && (\n              <Button\n                href={navigationButton.href}\n                size=\"small\"\n                color=\"inherit\"\n                LinkComponent={Link}\n                startIcon={navigationButton.icon}\n                sx={{ mb: 1 }}\n              >\n                {navigationButton.text}\n              </Button>\n            )}\n            {breadcrumbs?.length && (\n              <Breadcrumbs\n                color=\"inherit\"\n                separator=\"›\"\n                aria-label=\"breadcrumb\"\n                sx={{ marginTop: 1 }}\n              >\n                {breadcrumbs.map(({ id, link, text }) => (\n                  <Link\n                    key={id}\n                    underline=\"hover\"\n                    color=\"inherit\"\n                    href={link}\n                    variant=\"body2\"\n                    role=\"link\"\n                  >\n                    {text}\n                  </Link>\n                ))}\n              </Breadcrumbs>\n            )}\n            <HeaderTitle loading={loadingTitle}>{title}</HeaderTitle>\n            {(subtitle || loadingSubtitle) && (\n              <HeaderSubtitle loading={loadingSubtitle}>{subtitle}</HeaderSubtitle>\n            )}\n          </Box>\n          {actions && (\n            <Box>\n              {actions.map(({ disabled, id, href, onClick, text }, i) => (\n                <Button\n                  component={href ? Link : \"button\"}\n                  role=\"button\"\n                  color=\"inherit\"\n                  disabled={disabled}\n                  key={id}\n                  variant={actionsVariant}\n                  size=\"small\"\n                  href={href}\n                  onClick={onClick}\n                  sx={{ mr: i != actions.length - 1 ? 1 : 0 }}\n                >\n                  {text}\n                </Button>\n              ))}\n            </Box>\n          )}\n        </Box>\n        {tabs && (\n          <Tabs\n            value={modedSelectedTab}\n            textColor=\"inherit\"\n            onChange={tabsMode === \"panel\" ? (_, index) => setSelectedTab(index) : undefined}\n          >\n            {tabs.map(({ id, label, disabled, path, href }) => {\n              const tabProps = { label, disabled };\n              if (tabsMode === \"panel\") {\n                return <Tab key={id} {...tabProps} />;\n              } else {\n                return <Tab key={id} {...tabProps} component={Link} href={href} value={path} />;\n              }\n            })}\n          </Tabs>\n        )}\n      </Container>\n    </Box>\n  );\n};\n"],"names":["TabContext","createContext","Provider","HeaderTitle","loading","children","typography","useTheme","_jsx","CircularProgress","color","size","h4","fontSize","Typography","variant","role","_Fragment","HeaderSubtitle","body1","Header","title","loadingTitle","subtitle","loadingSubtitle","preset","actionsVariant","breadcrumbs","actions","tabs","tabsMode","navigationButton","palette","defaultColor","lightWeight","darkWeight","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useContext","bgColorPresets","default","primary","main","secondary","inherit","transparent","bgColor","textColorPresets","getContrastText","contrastText","text","modedSelectedTab","Box","bgcolor","_jsxs","Container","sx","py","display","flexDirection","justifyContent","Button","href","LinkComponent","Link","startIcon","icon","mb","length","Breadcrumbs","separator","marginTop","map","id","link","underline","disabled","onClick","i","component","mr","Tabs","value","textColor","onChange","_","index","undefined","label","path","tabProps","Tab"],"mappings":"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"}

package/header/package.json

@@ -5,8 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0",
-    "react-router-dom": "^6.14.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/header-layout/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),t=require("@mui/material/LinearProgress"),i=require("@mui/material/CircularProgress"),l=require("react"),a=require("@mui/icons-material/ReportProblem"),n=require("@mui/material/Typography"),s=require("@mui/material/Button");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(r),c=u(t),d=u(i),h=u(a),x=u(n),f=u(s);const m=()=>e.jsx(o.default,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(d.default,{})}),j=l.createContext([0,()=>null]).Provider,g=({children:r,initialValue:t=0})=>{const i=l.useState(t);return e.jsx(j,{value:i,children:r})},p=({title:r,subtitle:t,icon:i,iconSize:l=200,actions:a})=>e.jsxs(o.default,{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",children:[i&&i({size:l,color:"primary"}),e.jsx(x.default,{variant:"h4",role:"heading","aria-level":1,children:r}),e.jsx(x.default,{variant:"subtitle1",role:"heading","aria-level":2,sx:{mt:2},children:t}),a&&e.jsx(o.default,{sx:{pt:2},children:a.map((({id:r,text:t,href:i,onClick:l},n)=>e.jsx(f.default,{role:"button",variant:"contained",href:i,onClick:l,sx:{mr:n<a.length-1?2:0},children:t},r)))})]}),y=()=>e.jsx(h.default,{color:"error",sx:{width:200,height:200}});exports.HeaderLayout=({loading:r,children:t,fetching:i,error:l})=>{const[a,n]=t;return e.jsx(g,{children:e.jsxs(o.default,{display:"flex",flexDirection:"column",height:1,children:[a,i&&e.jsx(o.default,{width:1,children:e.jsx(c.default,{})}),r&&e.jsx(m,{}),l&&e.jsx(o.default,{mt:4,children:e.jsx(p,{icon:l.icon||y,title:l.title||"There has been an error",subtitle:l.message})}),!r&&!l&&n]})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),i=require("@mui/material/LinearProgress"),t=require("@mui/material/CircularProgress"),n=require("react"),l=require("@mui/icons-material/ReportProblem"),a=require("@mui/material/Typography"),s=require("@mui/material/Button");const c=()=>e.jsx(r,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(t,{})}),o=n.createContext([0,()=>null]).Provider,u=({children:r,initialValue:i=0})=>{const t=n.useState(i);return e.jsx(o,{value:t,children:r})},h=({title:i,subtitle:t,icon:n,iconSize:l=200,actions:c})=>e.jsxs(r,{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",children:[n&&n({size:l,color:"primary"}),e.jsx(a,{variant:"h4",role:"heading","aria-level":1,children:i}),e.jsx(a,{variant:"subtitle1",role:"heading","aria-level":2,sx:{mt:2},children:t}),c&&e.jsx(r,{sx:{pt:2},children:c.map((({id:r,text:i,href:t,onClick:n},l)=>e.jsx(s,{role:"button",variant:"contained",href:t,onClick:n,sx:{mr:l<c.length-1?2:0},children:i},r)))})]}),x=()=>e.jsx(l,{color:"error",sx:{width:200,height:200}});exports.HeaderLayout=({loading:t,children:n,fetching:l,error:a})=>{const[s,o]=n;return e.jsx(u,{children:e.jsxs(r,{display:"flex",flexDirection:"column",height:1,children:[s,l&&e.jsx(r,{width:1,children:e.jsx(i,{})}),t&&e.jsx(c,{}),a&&e.jsx(r,{mt:4,children:e.jsx(h,{icon:a.icon||x,title:a.title||"There has been an error",subtitle:a.message})}),!t&&!a&&o]})})};
 //# sourceMappingURL=index.js.map

package/header-layout/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/loading-area/loading-area.tsx","../../../src/tab-provider/tab-provider.context.ts","../../../src/tab-provider/tab-provider.provider.tsx","../../../src/placeholder/placeholder.tsx","../../../src/header-layout/header-layout.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport Box from \"@mui/material/Box\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n","import { ReactElement } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport Button from \"@mui/material/Button\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\nexport interface PlaceholderAction {\n  id: string;\n  text: string;\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface PlaceholderIconArgs {\n  size: number;\n  color: IconColor;\n}\n\nexport type PlaceholderIcon = ({ size, color }: PlaceholderIconArgs) => ReactElement;\n\nexport interface PlaceholderProps {\n  title: string;\n  subtitle: string;\n  iconSize?: number;\n  icon?: PlaceholderIcon;\n  actions?: PlaceholderAction[];\n}\n\nexport const Placeholder = ({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon && icon({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography variant=\"subtitle1\" role=\"heading\" aria-level={2} sx={{ mt: 2 }}>\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport { LoadingArea } from \"../loading-area\";\nimport { TabProvider } from \"../tab-provider\";\nimport ReportProblemIcon from \"@mui/icons-material/ReportProblem\";\nimport { Placeholder, PlaceholderIcon } from \"../placeholder\";\nimport { HeaderElement } from \"../header\";\nimport { ContentElement } from \"../content\";\n\nexport interface HeaderLayoutError {\n  icon?: PlaceholderIcon;\n  title?: string;\n  message: string;\n}\n\nexport interface HeaderLayoutProps {\n  loading?: boolean;\n  fetching?: boolean;\n  error?: HeaderLayoutError;\n  children: [HeaderElement, ContentElement];\n}\n\nconst DefaultErrorIcon = () => <ReportProblemIcon color=\"error\" sx={{ width: 200, height: 200 }} />;\n\nexport const HeaderLayout = ({ loading, children, fetching, error }: HeaderLayoutProps) => {\n  const [headerElement, contentElement] = children;\n\n  return (\n    <TabProvider>\n      <Box display=\"flex\" flexDirection=\"column\" height={1}>\n        {headerElement}\n        {fetching && (\n          <Box width={1}>\n            <LinearProgress />\n          </Box>\n        )}\n        {loading && <LoadingArea />}\n        {error && (\n          <Box mt={4}>\n            <Placeholder\n              icon={error.icon || DefaultErrorIcon}\n              title={error.title || \"There has been an error\"}\n              subtitle={error.message}\n            />\n          </Box>\n        )}\n        {!loading && !error && contentElement}\n      </Box>\n    </TabProvider>\n  );\n};\n"],"names":["LoadingArea","_jsx","jsx","Box","width","height","display","justifyContent","alignItems","children","CircularProgress","TabContextProvider","createContext","Provider","TabProvider","initialValue","tabState","useState","value","Placeholder","title","subtitle","icon","iconSize","actions","_jsxs","jsxs","flexDirection","textAlign","size","color","Typography","variant","role","sx","mt","pt","map","id","text","href","onClick","index","Button","mr","length","DefaultErrorIcon","ReportProblemIcon","loading","fetching","error","headerElement","contentElement","LinearProgress","message"],"mappings":"4dAMO,MAAMA,EAAc,IAEvBC,EAAAC,IAACC,EAAG,QAAA,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,SAAQC,SAClFR,EAACC,IAAAQ,UAAmB,CAAA,KCHbC,EAJaC,EAAAA,cAA0D,CAClF,EACA,IAAM,OAEqCC,SCChCC,EAAc,EAAGL,WAAUM,eAAe,MACrD,MAAMC,EAAWC,WAASF,GAE1B,OAAOd,EAAAA,IAACU,EAAmB,CAAAO,MAAOF,EAAQP,SAAGA,GAA8B,EC4BhEU,EAAc,EACzBC,QACAC,WACAC,OACAC,WAAW,IACXC,aAGEC,EAACC,KAAAvB,UACC,CAAAG,QAAQ,OACRqB,cAAc,SACdpB,eAAe,SACfC,WAAW,SACXoB,UAAU,SAAQnB,SAAA,CAEjBa,GAAQA,EAAK,CAAEO,KAAMN,EAAUO,MAAO,YACvC7B,EAAAA,IAAC8B,EAAU,QAAA,CAACC,QAAQ,KAAKC,KAAK,UAAS,aAAa,EAACxB,SAClDW,IAEHnB,MAAC8B,UAAU,CAACC,QAAQ,YAAYC,KAAK,UAAS,aAAa,EAAGC,GAAI,CAAEC,GAAI,GAAG1B,SACxEY,IAEFG,GACCvB,EAAAA,IAACE,EAAG,SAAC+B,GAAI,CAAEE,GAAI,GACZ3B,SAAAe,EAAQa,KAAI,EAAGC,KAAIC,OAAMC,OAAMC,WAAWC,IACzCzC,EAACC,IAAAyC,WAECV,KAAK,SACLD,QAAQ,YACRQ,KAAMA,EACNC,QAASA,EACTP,GAAI,CAAEU,GAAIF,EAAQlB,EAAQqB,OAAS,EAAI,EAAI,GAE1CpC,SAAA8B,GAPID,UC1CbQ,EAAmB,IAAM7C,MAAC8C,UAAiB,CAACjB,MAAM,QAAQI,GAAI,CAAE9B,MAAO,IAAKC,OAAQ,4BAE9D,EAAG2C,UAASvC,WAAUwC,WAAUC,YAC1D,MAAOC,EAAeC,GAAkB3C,EAExC,OACER,EAACC,IAAAY,YACCW,EAAAA,KAACtB,EAAAA,SAAIG,QAAQ,OAAOqB,cAAc,SAAStB,OAAQ,YAChD8C,EACAF,GACChD,EAAAA,IAACE,EAAAA,QAAG,CAACC,MAAO,WACVH,EAACC,IAAAmD,EAAc,cAGlBL,GAAW/C,MAACD,EAAW,IACvBkD,GACCjD,EAACC,IAAAC,EAAG,SAACgC,GAAI,EACP1B,SAAAR,EAAAA,IAACkB,EACC,CAAAG,KAAM4B,EAAM5B,MAAQwB,EACpB1B,MAAO8B,EAAM9B,OAAS,0BACtBC,SAAU6B,EAAMI,aAIpBN,IAAYE,GAASE,MAG3B"}
+{"version":3,"file":"index.js","sources":["../../../src/loading-area/loading-area.tsx","../../../src/tab-provider/tab-provider.context.ts","../../../src/tab-provider/tab-provider.provider.tsx","../../../src/placeholder/placeholder.tsx","../../../src/header-layout/header-layout.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport Box from \"@mui/material/Box\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n","import { ReactElement } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport Button from \"@mui/material/Button\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\nexport interface PlaceholderAction {\n  id: string;\n  text: string;\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface PlaceholderIconArgs {\n  size: number;\n  color: IconColor;\n}\n\nexport type PlaceholderIcon = ({ size, color }: PlaceholderIconArgs) => ReactElement;\n\nexport interface PlaceholderProps {\n  title: string;\n  subtitle: string;\n  iconSize?: number;\n  icon?: PlaceholderIcon;\n  actions?: PlaceholderAction[];\n}\n\nexport const Placeholder = ({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon && icon({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography variant=\"subtitle1\" role=\"heading\" aria-level={2} sx={{ mt: 2 }}>\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport { LoadingArea } from \"../loading-area\";\nimport { TabProvider } from \"../tab-provider\";\nimport ReportProblemIcon from \"@mui/icons-material/ReportProblem\";\nimport { Placeholder, PlaceholderIcon } from \"../placeholder\";\nimport { HeaderElement } from \"../header\";\nimport { ContentElement } from \"../content\";\n\nexport interface HeaderLayoutError {\n  icon?: PlaceholderIcon;\n  title?: string;\n  message: string;\n}\n\nexport interface HeaderLayoutProps {\n  loading?: boolean;\n  fetching?: boolean;\n  error?: HeaderLayoutError;\n  children: [HeaderElement, ContentElement];\n}\n\nconst DefaultErrorIcon = () => <ReportProblemIcon color=\"error\" sx={{ width: 200, height: 200 }} />;\n\nexport const HeaderLayout = ({ loading, children, fetching, error }: HeaderLayoutProps) => {\n  const [headerElement, contentElement] = children;\n\n  return (\n    <TabProvider>\n      <Box display=\"flex\" flexDirection=\"column\" height={1}>\n        {headerElement}\n        {fetching && (\n          <Box width={1}>\n            <LinearProgress />\n          </Box>\n        )}\n        {loading && <LoadingArea />}\n        {error && (\n          <Box mt={4}>\n            <Placeholder\n              icon={error.icon || DefaultErrorIcon}\n              title={error.title || \"There has been an error\"}\n              subtitle={error.message}\n            />\n          </Box>\n        )}\n        {!loading && !error && contentElement}\n      </Box>\n    </TabProvider>\n  );\n};\n"],"names":["LoadingArea","_jsx","Box","width","height","display","justifyContent","alignItems","children","CircularProgress","TabContextProvider","createContext","Provider","TabProvider","initialValue","tabState","useState","value","Placeholder","title","subtitle","icon","iconSize","actions","_jsxs","jsxs","flexDirection","textAlign","size","color","Typography","variant","role","sx","mt","pt","map","id","text","href","onClick","index","Button","mr","length","DefaultErrorIcon","ReportProblemIcon","loading","fetching","error","headerElement","contentElement","jsx","LinearProgress","message"],"mappings":"+SAMO,MAAMA,EAAc,IAEvBC,EAAAA,IAACC,EAAG,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,SAAQC,SAClFP,EAAAA,IAACQ,EAAmB,CAAA,KCHbC,EAJaC,EAAAA,cAA0D,CAClF,EACA,IAAM,OAEqCC,SCChCC,EAAc,EAAGL,WAAUM,eAAe,MACrD,MAAMC,EAAWC,EAAQA,SAACF,GAE1B,OAAOb,EAAAA,IAACS,EAAmB,CAAAO,MAAOF,EAAQP,SAAGA,GAA8B,EC4BhEU,EAAc,EACzBC,QACAC,WACAC,OACAC,WAAW,IACXC,aAGEC,EAACC,KAAAvB,EACC,CAAAG,QAAQ,OACRqB,cAAc,SACdpB,eAAe,SACfC,WAAW,SACXoB,UAAU,SAAQnB,SAAA,CAEjBa,GAAQA,EAAK,CAAEO,KAAMN,EAAUO,MAAO,YACvC5B,EAAAA,IAAC6B,EAAU,CAACC,QAAQ,KAAKC,KAAK,UAAS,aAAa,EAACxB,SAClDW,IAEHlB,EAAAA,IAAC6B,EAAU,CAACC,QAAQ,YAAYC,KAAK,UAAS,aAAa,EAAGC,GAAI,CAAEC,GAAI,GAAG1B,SACxEY,IAEFG,GACCtB,MAACC,GAAI+B,GAAI,CAAEE,GAAI,GACZ3B,SAAAe,EAAQa,KAAI,EAAGC,KAAIC,OAAMC,OAAMC,WAAWC,IACzCxC,EAAAA,IAACyC,GAECV,KAAK,SACLD,QAAQ,YACRQ,KAAMA,EACNC,QAASA,EACTP,GAAI,CAAEU,GAAIF,EAAQlB,EAAQqB,OAAS,EAAI,EAAI,GAE1CpC,SAAA8B,GAPID,UC1CbQ,EAAmB,IAAM5C,MAAC6C,EAAiB,CAACjB,MAAM,QAAQI,GAAI,CAAE9B,MAAO,IAAKC,OAAQ,4BAE9D,EAAG2C,UAASvC,WAAUwC,WAAUC,YAC1D,MAAOC,EAAeC,GAAkB3C,EAExC,OACEP,EAACmD,IAAAvC,YACCW,EAAAA,KAACtB,GAAIG,QAAQ,OAAOqB,cAAc,SAAStB,OAAQ,YAChD8C,EACAF,GACC/C,EAAAA,IAACC,EAAG,CAACC,MAAO,WACVF,EAACmD,IAAAC,QAGJN,GAAW9C,MAACD,EAAW,IACvBiD,GACChD,EAACmD,IAAAlD,GAAIgC,GAAI,EACP1B,SAAAP,EAAAmD,IAAClC,EACC,CAAAG,KAAM4B,EAAM5B,MAAQwB,EACpB1B,MAAO8B,EAAM9B,OAAS,0BACtBC,SAAU6B,EAAMK,aAIpBP,IAAYE,GAASE,MAEb"}

package/header-layout/cjs/package.json

@@ -5,8 +5,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/icons-material": "^5.11.16",
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/icons-material": "^6.4.5",
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/header-layout/header-layout.d.ts

@@ -12,4 +12,4 @@ export interface HeaderLayoutProps {
     error?: HeaderLayoutError;
     children: [HeaderElement, ContentElement];
 }
-export declare const HeaderLayout: ({ loading, children, fetching, error }: HeaderLayoutProps) => JSX.Element;
+export declare const HeaderLayout: ({ loading, children, fetching, error }: HeaderLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/header-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/loading-area/loading-area.tsx","../../src/tab-provider/tab-provider.context.ts","../../src/tab-provider/tab-provider.provider.tsx","../../src/placeholder/placeholder.tsx","../../src/header-layout/header-layout.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport Box from \"@mui/material/Box\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n","import { ReactElement } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport Button from \"@mui/material/Button\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\nexport interface PlaceholderAction {\n  id: string;\n  text: string;\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface PlaceholderIconArgs {\n  size: number;\n  color: IconColor;\n}\n\nexport type PlaceholderIcon = ({ size, color }: PlaceholderIconArgs) => ReactElement;\n\nexport interface PlaceholderProps {\n  title: string;\n  subtitle: string;\n  iconSize?: number;\n  icon?: PlaceholderIcon;\n  actions?: PlaceholderAction[];\n}\n\nexport const Placeholder = ({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon && icon({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography variant=\"subtitle1\" role=\"heading\" aria-level={2} sx={{ mt: 2 }}>\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport { LoadingArea } from \"../loading-area\";\nimport { TabProvider } from \"../tab-provider\";\nimport ReportProblemIcon from \"@mui/icons-material/ReportProblem\";\nimport { Placeholder, PlaceholderIcon } from \"../placeholder\";\nimport { HeaderElement } from \"../header\";\nimport { ContentElement } from \"../content\";\n\nexport interface HeaderLayoutError {\n  icon?: PlaceholderIcon;\n  title?: string;\n  message: string;\n}\n\nexport interface HeaderLayoutProps {\n  loading?: boolean;\n  fetching?: boolean;\n  error?: HeaderLayoutError;\n  children: [HeaderElement, ContentElement];\n}\n\nconst DefaultErrorIcon = () => <ReportProblemIcon color=\"error\" sx={{ width: 200, height: 200 }} />;\n\nexport const HeaderLayout = ({ loading, children, fetching, error }: HeaderLayoutProps) => {\n  const [headerElement, contentElement] = children;\n\n  return (\n    <TabProvider>\n      <Box display=\"flex\" flexDirection=\"column\" height={1}>\n        {headerElement}\n        {fetching && (\n          <Box width={1}>\n            <LinearProgress />\n          </Box>\n        )}\n        {loading && <LoadingArea />}\n        {error && (\n          <Box mt={4}>\n            <Placeholder\n              icon={error.icon || DefaultErrorIcon}\n              title={error.title || \"There has been an error\"}\n              subtitle={error.message}\n            />\n          </Box>\n        )}\n        {!loading && !error && contentElement}\n      </Box>\n    </TabProvider>\n  );\n};\n"],"names":["LoadingArea","_jsx","Box","width","height","display","justifyContent","alignItems","children","CircularProgress","TabContextProvider","createContext","Provider","TabProvider","initialValue","tabState","useState","value","Placeholder","title","subtitle","icon","iconSize","actions","_jsxs","flexDirection","textAlign","size","color","Typography","variant","role","sx","mt","pt","map","id","text","href","onClick","index","Button","mr","length","DefaultErrorIcon","ReportProblemIcon","HeaderLayout","loading","fetching","error","headerElement","contentElement","LinearProgress","message"],"mappings":"8VAMO,MAAMA,EAAc,IAEvBC,EAACC,EAAG,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,SAAQC,SAClFP,EAACQ,EAAmB,CAAA,KCHbC,EAJaC,EAA0D,CAClF,EACA,IAAM,OAEqCC,SCChCC,EAAc,EAAGL,WAAUM,eAAe,MACrD,MAAMC,EAAWC,EAASF,GAE1B,OAAOb,EAACS,EAAmB,CAAAO,MAAOF,EAAQP,SAAGA,GAA8B,EC4BhEU,EAAc,EACzBC,QACAC,WACAC,OACAC,WAAW,IACXC,aAGEC,EAACtB,EACC,CAAAG,QAAQ,OACRoB,cAAc,SACdnB,eAAe,SACfC,WAAW,SACXmB,UAAU,SAAQlB,SAAA,CAEjBa,GAAQA,EAAK,CAAEM,KAAML,EAAUM,MAAO,YACvC3B,EAAC4B,EAAU,CAACC,QAAQ,KAAKC,KAAK,UAAS,aAAa,EAACvB,SAClDW,IAEHlB,EAAC4B,EAAU,CAACC,QAAQ,YAAYC,KAAK,UAAS,aAAa,EAAGC,GAAI,CAAEC,GAAI,GAAGzB,SACxEY,IAEFG,GACCtB,EAACC,GAAI8B,GAAI,CAAEE,GAAI,GACZ1B,SAAAe,EAAQY,KAAI,EAAGC,KAAIC,OAAMC,OAAMC,WAAWC,IACzCvC,EAACwC,GAECV,KAAK,SACLD,QAAQ,YACRQ,KAAMA,EACNC,QAASA,EACTP,GAAI,CAAEU,GAAIF,EAAQjB,EAAQoB,OAAS,EAAI,EAAI,GAE1CnC,SAAA6B,GAPID,UC1CbQ,EAAmB,IAAM3C,EAAC4C,EAAiB,CAACjB,MAAM,QAAQI,GAAI,CAAE7B,MAAO,IAAKC,OAAQ,OAE7E0C,EAAe,EAAGC,UAASvC,WAAUwC,WAAUC,YAC1D,MAAOC,EAAeC,GAAkB3C,EAExC,OACEP,EAACY,YACCW,EAACtB,GAAIG,QAAQ,OAAOoB,cAAc,SAASrB,OAAQ,YAChD8C,EACAF,GACC/C,EAACC,EAAG,CAACC,MAAO,WACVF,EAACmD,QAGJL,GAAW9C,EAACD,EAAW,IACvBiD,GACChD,EAACC,GAAI+B,GAAI,EACPzB,SAAAP,EAACiB,EACC,CAAAG,KAAM4B,EAAM5B,MAAQuB,EACpBzB,MAAO8B,EAAM9B,OAAS,0BACtBC,SAAU6B,EAAMI,aAIpBN,IAAYE,GAASE,MAG3B"}
+{"version":3,"file":"index.js","sources":["../../src/loading-area/loading-area.tsx","../../src/tab-provider/tab-provider.context.ts","../../src/tab-provider/tab-provider.provider.tsx","../../src/placeholder/placeholder.tsx","../../src/header-layout/header-layout.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport Box from \"@mui/material/Box\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n","import { ReactElement } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport Button from \"@mui/material/Button\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\nexport interface PlaceholderAction {\n  id: string;\n  text: string;\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface PlaceholderIconArgs {\n  size: number;\n  color: IconColor;\n}\n\nexport type PlaceholderIcon = ({ size, color }: PlaceholderIconArgs) => ReactElement;\n\nexport interface PlaceholderProps {\n  title: string;\n  subtitle: string;\n  iconSize?: number;\n  icon?: PlaceholderIcon;\n  actions?: PlaceholderAction[];\n}\n\nexport const Placeholder = ({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon && icon({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography variant=\"subtitle1\" role=\"heading\" aria-level={2} sx={{ mt: 2 }}>\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport { LoadingArea } from \"../loading-area\";\nimport { TabProvider } from \"../tab-provider\";\nimport ReportProblemIcon from \"@mui/icons-material/ReportProblem\";\nimport { Placeholder, PlaceholderIcon } from \"../placeholder\";\nimport { HeaderElement } from \"../header\";\nimport { ContentElement } from \"../content\";\n\nexport interface HeaderLayoutError {\n  icon?: PlaceholderIcon;\n  title?: string;\n  message: string;\n}\n\nexport interface HeaderLayoutProps {\n  loading?: boolean;\n  fetching?: boolean;\n  error?: HeaderLayoutError;\n  children: [HeaderElement, ContentElement];\n}\n\nconst DefaultErrorIcon = () => <ReportProblemIcon color=\"error\" sx={{ width: 200, height: 200 }} />;\n\nexport const HeaderLayout = ({ loading, children, fetching, error }: HeaderLayoutProps) => {\n  const [headerElement, contentElement] = children;\n\n  return (\n    <TabProvider>\n      <Box display=\"flex\" flexDirection=\"column\" height={1}>\n        {headerElement}\n        {fetching && (\n          <Box width={1}>\n            <LinearProgress />\n          </Box>\n        )}\n        {loading && <LoadingArea />}\n        {error && (\n          <Box mt={4}>\n            <Placeholder\n              icon={error.icon || DefaultErrorIcon}\n              title={error.title || \"There has been an error\"}\n              subtitle={error.message}\n            />\n          </Box>\n        )}\n        {!loading && !error && contentElement}\n      </Box>\n    </TabProvider>\n  );\n};\n"],"names":["LoadingArea","_jsx","Box","width","height","display","justifyContent","alignItems","children","CircularProgress","TabContextProvider","createContext","Provider","TabProvider","initialValue","tabState","useState","value","Placeholder","title","subtitle","icon","iconSize","actions","_jsxs","flexDirection","textAlign","size","color","Typography","variant","role","sx","mt","pt","map","id","text","href","onClick","index","Button","mr","length","DefaultErrorIcon","ReportProblemIcon","HeaderLayout","loading","fetching","error","headerElement","contentElement","LinearProgress","message"],"mappings":"8VAMO,MAAMA,EAAc,IAEvBC,EAACC,EAAG,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,SAAQC,SAClFP,EAACQ,EAAmB,CAAA,KCHbC,EAJaC,EAA0D,CAClF,EACA,IAAM,OAEqCC,SCChCC,EAAc,EAAGL,WAAUM,eAAe,MACrD,MAAMC,EAAWC,EAASF,GAE1B,OAAOb,EAACS,EAAmB,CAAAO,MAAOF,EAAQP,SAAGA,GAA8B,EC4BhEU,EAAc,EACzBC,QACAC,WACAC,OACAC,WAAW,IACXC,aAGEC,EAACtB,EACC,CAAAG,QAAQ,OACRoB,cAAc,SACdnB,eAAe,SACfC,WAAW,SACXmB,UAAU,SAAQlB,SAAA,CAEjBa,GAAQA,EAAK,CAAEM,KAAML,EAAUM,MAAO,YACvC3B,EAAC4B,EAAU,CAACC,QAAQ,KAAKC,KAAK,UAAS,aAAa,EAACvB,SAClDW,IAEHlB,EAAC4B,EAAU,CAACC,QAAQ,YAAYC,KAAK,UAAS,aAAa,EAAGC,GAAI,CAAEC,GAAI,GAAGzB,SACxEY,IAEFG,GACCtB,EAACC,GAAI8B,GAAI,CAAEE,GAAI,GACZ1B,SAAAe,EAAQY,KAAI,EAAGC,KAAIC,OAAMC,OAAMC,WAAWC,IACzCvC,EAACwC,GAECV,KAAK,SACLD,QAAQ,YACRQ,KAAMA,EACNC,QAASA,EACTP,GAAI,CAAEU,GAAIF,EAAQjB,EAAQoB,OAAS,EAAI,EAAI,GAE1CnC,SAAA6B,GAPID,UC1CbQ,EAAmB,IAAM3C,EAAC4C,EAAiB,CAACjB,MAAM,QAAQI,GAAI,CAAE7B,MAAO,IAAKC,OAAQ,OAE7E0C,EAAe,EAAGC,UAASvC,WAAUwC,WAAUC,YAC1D,MAAOC,EAAeC,GAAkB3C,EAExC,OACEP,EAACY,YACCW,EAACtB,GAAIG,QAAQ,OAAOoB,cAAc,SAASrB,OAAQ,YAChD8C,EACAF,GACC/C,EAACC,EAAG,CAACC,MAAO,WACVF,EAACmD,QAGJL,GAAW9C,EAACD,EAAW,IACvBiD,GACChD,EAACC,GAAI+B,GAAI,EACPzB,SAAAP,EAACiB,EACC,CAAAG,KAAM4B,EAAM5B,MAAQuB,EACpBzB,MAAO8B,EAAM9B,OAAS,0BACtBC,SAAU6B,EAAMI,aAIpBN,IAAYE,GAASE,MAEb"}

package/header-layout/package.json

@@ -5,8 +5,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/icons-material": "^5.11.16",
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/icons-material": "^6.4.5",
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/index.d.ts

@@ -51,7 +51,6 @@ export * from "./header-layout";
 export * from "./notification-center";
 export * from "./tab-provider";
 export * from "./object-details";
-export * from "./model-router";
 export * from "./generators";
 export * from "./model-form";
 export * from "./table-list";