@dile/crud 1.5.2 → 1.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/components/ajax/src/DileAjax.js +9 -13
  2. package/components/list/src/DileCrudList.js +1 -0
  3. package/components/list/src/DileCrudSelectAll.js +52 -27
  4. package/components/ui/src/DileCrudFiltersList.js +2 -3
  5. package/lib/defaultConfig.js +1 -0
  6. package/package.json +3 -3
package/components/ajax/src/DileAjax.js CHANGED
@@ -95,35 +95,31 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
95
95
  this.dispatchError(res.data.message || this.translations.http_400, res.data, this.getValidationErrors(res.data));
96
96
  break;
97
97
  case 404:
98
- if(res.data.message) {
99
- this.dispatchError(res.data.message, res.data);
100
- } else {
101
- this.dispatchError(this.translations.http_404, res.data);
102
- }
98
+ this.dispatchError(res.data.message || this.translations.http_404, res.data);
103
99
  break;
104
100
  case 401:
105
- this.dispatchError(this.translations.http_401, res.data);
101
+ this.dispatchError(res.data.message || this.translations.http_401, res.data);
106
102
  break;
107
103
  case 403:
108
- this.dispatchError(this.translations.http_403, res.data);
104
+ this.dispatchError(res.data.message || this.translations.http_403, res.data);
109
105
  break;
110
106
  case 405:
111
- this.dispatchError(this.translations.http_405, res.data);
107
+ this.dispatchError(res.data.message || this.translations.http_405, res.data);
112
108
  break;
113
109
  case 413:
114
- this.dispatchError(this.translations.http_413, res.data);
110
+ this.dispatchError(res.data.message || this.translations.http_413, res.data);
115
111
  break;
116
112
  case 419:
117
- this.dispatchError(this.translations.http_419, res.data);
113
+ this.dispatchError(res.data.message || this.translations.http_419, res.data);
118
114
  break;
119
115
  case 502:
120
- this.dispatchError(this.translations.http_502, res.data);
116
+ this.dispatchError(res.data.message || this.translations.http_502, res.data);
121
117
  break;
122
118
  case 504:
123
- this.dispatchError(this.translations.http_504, res.data);
119
+ this.dispatchError(res.data.message || this.translations.http_504, res.data);
124
120
  break;
125
121
  default:
126
- this.dispatchError(this.translations.http_other_error, res.data);
122
+ this.dispatchError(res.data.message || this.translations.http_other_error, res.data);
127
123
  }
128
124
  } else {
129
125
  this.dispatchError(this.translations.http_no_response, {});
package/components/list/src/DileCrudList.js CHANGED
@@ -137,6 +137,7 @@ export class DileCrudList extends DileI18nMixin(DileLoading(LitElement)) {
137
137
  numItems=${this.numItems}
138
138
  ?disablePagination=${this.config.customization?.disablePagination}
139
139
  language="${this.language}"
140
+ maxBatchActionItems=${this.config.maxBatchActionItems}
140
141
  ></dile-crud-select-all>
141
142
  `
142
143
  }
package/components/list/src/DileCrudSelectAll.js CHANGED
@@ -71,6 +71,7 @@ export class DileCrudSelectAll extends DileI18nMixin(LitElement) {
71
71
  pageSize: { type: Number },
72
72
  numItems: { type: Number },
73
73
  disablePagination: { type: Boolean },
74
+ maxBatchActionItems: { type: Number },
74
75
  };
75
76
  }
76
77
 
@@ -82,36 +83,60 @@ export class DileCrudSelectAll extends DileI18nMixin(LitElement) {
82
83
 
83
84
  render() {
84
85
  return html`
85
- <dile-menu-overlay>
86
- <dile-button-icon no-wrap small .icon="${this.selectIcon(this.mainChecked)}" slot="trigger">
87
- <div>${this.translations.select} <span class="desk">${this.translations.all}</span></div>
88
- <dile-icon .icon=${arrowDropDownIcon} class="drop"></dile-icon>
89
- </dile-button-icon>
90
- <div slot="content" class="content">
91
- ${this.disablePagination
92
- ? ''
93
- : html`
94
- <p class="option" @click=${this.checkPageItems}>
95
- <dile-icon .icon=${this.selectIcon(this.pageChecked)} class="drop"></dile-icon>
96
- <span>
97
- ${this.translations.all_in_page}
98
- (${this.pageSize > this.numItems ? this.numItems : this.pageSize})
99
- </span>
100
- </p>
101
- `
102
- }
103
- <p class="option" @click=${this.checkAllItems}>
104
- <dile-icon .icon=${this.selectIcon(this.allChecked)} class="drop"></dile-icon>
105
- <span>
106
- ${this.translations.select_matching}
107
- (${this.numItems})
108
- </span>
109
- </p>
110
- </div>
111
- </dile-menu-overlay>
86
+ ${this.shouldShowElementSelection(
87
+ this.maxBatchActionItems,
88
+ this.disablePagination,
89
+ this.pageSize,
90
+ this.numItems
91
+ )
92
+ ? this.elementTemplate
93
+ : ''
94
+ }
112
95
  `;
113
96
  }
114
97
 
98
+ get elementTemplate() {
99
+ return html`
100
+ <dile-menu-overlay>
101
+ <dile-button-icon no-wrap small .icon="${this.selectIcon(this.mainChecked)}" slot="trigger">
102
+ <div>${this.translations.select} <span class="desk">${this.translations.all}</span></div>
103
+ <dile-icon .icon=${arrowDropDownIcon} class="drop"></dile-icon>
104
+ </dile-button-icon>
105
+ <div slot="content" class="content">
106
+ ${this.disablePagination
107
+ ? ''
108
+ : html`
109
+ <p class="option" @click=${this.checkPageItems}>
110
+ <dile-icon .icon=${this.selectIcon(this.pageChecked)} class="drop"></dile-icon>
111
+ <span>
112
+ ${this.translations.all_in_page}
113
+ (${this.pageSize > this.numItems ? this.numItems : this.pageSize})
114
+ </span>
115
+ </p>
116
+ `
117
+ }
118
+ ${this.numItems <= this.maxBatchActionItems
119
+ ? html`
120
+ <p class="option" @click=${this.checkAllItems}>
121
+ <dile-icon .icon=${this.selectIcon(this.allChecked)} class="drop"></dile-icon>
122
+ <span>
123
+ ${this.translations.select_matching}
124
+ (${this.numItems})
125
+ </span>
126
+ </p>
127
+ `
128
+ : ''
129
+ }
130
+ </div>
131
+ </dile-menu-overlay>
132
+ `;
133
+ }
134
+
135
+ shouldShowElementSelection(maxBatchActionItems, disablePagination, pageSize, numItems) {
136
+ console.log(maxBatchActionItems, disablePagination, pageSize, numItems, disablePagination ? maxBatchActionItems >= numItems : maxBatchActionItems >= pageSize);
137
+ return disablePagination ? maxBatchActionItems >= numItems : maxBatchActionItems >= pageSize;
138
+ }
139
+
115
140
  selectIcon(checked) {
116
141
  return checked ? checkboxCheckedIcon : checkboxBlankIcon;
117
142
  }
package/components/ui/src/DileCrudFiltersList.js CHANGED
@@ -8,11 +8,10 @@ export class DileCrudFiltersList extends LitElement {
8
8
  display: block;
9
9
  }
10
10
  div {
11
+ margin: var(--filter-list-margin, 0 0.5rem);
11
12
  display: flex;
12
13
  flex-wrap: wrap;
13
- }
14
- dile-crud-filters-list-item {
15
- margin-right: 0.5rem;
14
+ gap: var(--filter-list-gap, 0.5rem);
16
15
  }
17
16
  `
18
17
  ];
package/lib/defaultConfig.js CHANGED
@@ -15,6 +15,7 @@ export const defaultConfig = {
15
15
  available: [10, 25, 50],
16
16
  initial: 25,
17
17
  },
18
+ maxBatchActionItems: 100,
18
19
  customization: {
19
20
  disableKeywordSearch: true,
20
21
  hideCountSummary: false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dile/crud",
3
- "version": "1.5.2",
3
+ "version": "1.5.4",
4
4
  "description": "Components to create a generic crud system based on Web Components and Lit",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -24,12 +24,12 @@
24
24
  },
25
25
  "homepage": "https://dile-components.com/",
26
26
  "dependencies": {
27
- "@dile/ui": "^2.18.0",
27
+ "@dile/ui": "^2.18.1",
28
28
  "axios": "^1.13.0",
29
29
  "lit": "^2.7.0 || ^3.0.0"
30
30
  },
31
31
  "publishConfig": {
32
32
  "access": "public"
33
33
  },
34
- "gitHead": "cb5c0c969e983dce3a5b6a864bed1eaf0795e97c"
34
+ "gitHead": "261c6a1e8a357ab3c937d9d1155446d58edcd199"
35
35
  }