@woodylab/payload 0.0.27 → 0.0.33

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 (57) hide show
  1. package/dist/acl/index.cjs.js +1 -1
  2. package/dist/acl/index.esm.js +1 -1
  3. package/dist/config/blocks/blockHtmlElement.d.ts +3 -0
  4. package/dist/config/index.cjs.js +4 -2
  5. package/dist/config/index.cjs.js.map +1 -1
  6. package/dist/config/index.d.ts +1 -0
  7. package/dist/config/index.esm.js +3 -2
  8. package/dist/config/index.esm.js.map +1 -1
  9. package/dist/{fieldSectionTabs-s69lAc-N.js → fieldSectionTabs-C2uoqzm_.js} +144 -167
  10. package/dist/fieldSectionTabs-C2uoqzm_.js.map +1 -0
  11. package/dist/{fieldSectionTabs-CmJ7R1Tc.js → fieldSectionTabs-C4Au6tWK.js} +144 -166
  12. package/dist/fieldSectionTabs-C4Au6tWK.js.map +1 -0
  13. package/dist/fields/index.cjs.js +4 -2
  14. package/dist/fields/index.cjs.js.map +1 -1
  15. package/dist/fields/index.d.ts +1 -1
  16. package/dist/fields/index.esm.js +3 -2
  17. package/dist/fields/index.esm.js.map +1 -1
  18. package/dist/fields/style/fieldCss.d.ts +3 -0
  19. package/dist/fields/style/fieldPaddings.d.ts +1 -1
  20. package/dist/getNumberValueFromClassNameString-D4OqkHPA.js +20 -0
  21. package/dist/getNumberValueFromClassNameString-D4OqkHPA.js.map +1 -0
  22. package/dist/getNumberValueFromClassNameString-DyZ9P1fd.js +18 -0
  23. package/dist/getNumberValueFromClassNameString-DyZ9P1fd.js.map +1 -0
  24. package/dist/hooks/fields/getNumberValueFromClassNameString.d.ts +3 -0
  25. package/dist/hooks/index.cjs.js +8 -0
  26. package/dist/hooks/index.cjs.js.map +1 -0
  27. package/dist/hooks/index.d.ts +1 -0
  28. package/dist/hooks/index.esm.js +2 -0
  29. package/dist/hooks/index.esm.js.map +1 -0
  30. package/dist/{index-BCltoIbd.js → index-7kuyT5zC.js} +3 -2
  31. package/dist/{index-BCltoIbd.js.map → index-7kuyT5zC.js.map} +1 -1
  32. package/dist/index-BD7Mx4u9.js +11 -0
  33. package/dist/index-BD7Mx4u9.js.map +1 -0
  34. package/dist/{index-BYL-buJk.js → index-Bj0auLnA.js} +1 -3
  35. package/dist/index-Bj0auLnA.js.map +1 -0
  36. package/dist/{index-BSd0D28n.js → index-BnQVPbYi.js} +3 -2
  37. package/dist/{index-BSd0D28n.js.map → index-BnQVPbYi.js.map} +1 -1
  38. package/dist/{index-CYXSSBrZ.js → index-Cd-050gG.js} +15 -2
  39. package/dist/index-Cd-050gG.js.map +1 -0
  40. package/dist/{index-CKYq103o.js → index-Ces144rr.js} +1 -3
  41. package/dist/index-Ces144rr.js.map +1 -0
  42. package/dist/index-I4vA8AmC.js +9 -0
  43. package/dist/index-I4vA8AmC.js.map +1 -0
  44. package/dist/{index-CX5bYXzY.js → index-WUglk3M7.js} +15 -3
  45. package/dist/index-WUglk3M7.js.map +1 -0
  46. package/dist/index.cjs.js +7 -4
  47. package/dist/index.cjs.js.map +1 -1
  48. package/dist/index.d.ts +1 -0
  49. package/dist/index.esm.js +6 -4
  50. package/dist/index.esm.js.map +1 -1
  51. package/package.json +7 -1
  52. package/dist/fieldSectionTabs-CmJ7R1Tc.js.map +0 -1
  53. package/dist/fieldSectionTabs-s69lAc-N.js.map +0 -1
  54. package/dist/index-BYL-buJk.js.map +0 -1
  55. package/dist/index-CKYq103o.js.map +0 -1
  56. package/dist/index-CX5bYXzY.js.map +0 -1
  57. package/dist/index-CYXSSBrZ.js.map +0 -1
package/dist/{fieldSectionTabs-CmJ7R1Tc.js → fieldSectionTabs-C4Au6tWK.js} RENAMED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var tailwind_index = require('./index-DgYntBlB.js');
4
+ var getNumberValueFromClassNameString = require('./getNumberValueFromClassNameString-D4OqkHPA.js');
4
5
 
5
6
  const fieldText = (override) => ({
6
7
  name: 'text',
@@ -133,262 +134,274 @@ const fieldHeights = () => {
133
134
  });
134
135
  };
135
136
 
136
- const concatMarginFields = (args) => {
137
- const { value, siblingData, operation } = args;
138
- if (operation === 'create' || operation === 'update') {
139
- const margins = siblingData || {};
140
- const { all, x, y, t, r, b, l } = margins;
141
- const classes = [];
142
- if (all)
143
- classes.push(`m-${all}`);
144
- if (x)
145
- classes.push(`mx-${x}`);
146
- if (y)
147
- classes.push(`my-${y}`);
148
- if (t)
149
- classes.push(`mt-${t}`);
150
- if (r)
151
- classes.push(`mr-${r}`);
152
- if (b)
153
- classes.push(`mb-${b}`);
154
- if (l)
155
- classes.push(`ml-${l}`);
156
- return classes.join(' ');
157
- }
158
- return value;
159
- };
160
137
  /**
161
138
  * Genera un campo per la selezione dinamica dei margini
162
139
  * @returns Field - Campo di tipo `group` per PayloadCMS
163
140
  */
164
141
  const fieldMargins = () => {
165
142
  return {
166
- name: 'm',
167
143
  label: 'Margini',
168
- type: 'group',
144
+ type: 'collapsible',
145
+ admin: {
146
+ initCollapsed: true,
147
+ },
169
148
  fields: [
170
- {
171
- name: 'className',
172
- label: 'Classi CSS Margini',
173
- type: 'text',
174
- hooks: {
175
- beforeChange: [concatMarginFields],
176
- },
177
- admin: {
178
- readOnly: true,
179
- description: 'Questa stringa verrà generata automaticamente in base ai campi sottostanti.',
180
- },
181
- },
182
149
  {
183
150
  type: 'row',
184
151
  fields: [
185
152
  fieldNumber({
186
- name: 'all',
153
+ name: 'm-',
187
154
  label: 'Tutti i lati',
188
- type: 'number',
155
+ virtual: true,
189
156
  min: 0,
190
157
  max: 96,
191
158
  admin: {
192
- width: '33%',
159
+ width: '25%',
160
+ },
161
+ hooks: {
162
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
193
163
  },
194
164
  }),
195
165
  fieldNumber({
196
- name: 'x',
166
+ name: 'mx-',
197
167
  label: 'Orizzontale',
198
- type: 'number',
168
+ virtual: true,
199
169
  min: 0,
200
170
  max: 96,
201
171
  admin: {
202
- width: '33%',
172
+ width: '25%',
173
+ },
174
+ hooks: {
175
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
203
176
  },
204
177
  }),
205
178
  fieldNumber({
206
- name: 'y',
179
+ name: 'my-',
207
180
  label: 'Verticale',
208
- type: 'number',
181
+ virtual: true,
209
182
  min: 0,
210
183
  max: 96,
211
184
  admin: {
212
- width: '33%',
185
+ width: '25%',
186
+ },
187
+ hooks: {
188
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
213
189
  },
214
190
  }),
215
191
  fieldNumber({
216
- name: 't',
192
+ name: 'mt-',
217
193
  label: 'Top',
218
- type: 'number',
194
+ virtual: true,
219
195
  min: 0,
220
196
  max: 96,
221
197
  admin: {
222
198
  width: '25%',
223
199
  },
200
+ hooks: {
201
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
202
+ },
224
203
  }),
225
204
  fieldNumber({
226
- name: 'r',
205
+ name: 'mr-',
227
206
  label: 'Right',
228
- type: 'number',
207
+ virtual: true,
229
208
  min: 0,
230
209
  max: 96,
231
210
  admin: {
232
211
  width: '25%',
233
212
  },
213
+ hooks: {
214
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
215
+ },
234
216
  }),
235
217
  fieldNumber({
236
- name: 'b',
218
+ name: 'mb-',
237
219
  label: 'Bottom',
238
- type: 'number',
220
+ virtual: true,
239
221
  min: 0,
240
222
  max: 96,
241
223
  admin: {
242
224
  width: '25%',
243
225
  },
226
+ hooks: {
227
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
228
+ },
244
229
  }),
245
230
  fieldNumber({
246
- name: 'l',
231
+ name: 'ml-',
247
232
  label: 'Left',
248
- type: 'number',
233
+ virtual: true,
249
234
  min: 0,
250
235
  max: 96,
251
236
  admin: {
252
237
  width: '25%',
253
238
  },
239
+ hooks: {
240
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
241
+ },
254
242
  }),
255
243
  ],
256
244
  },
257
245
  ],
258
- admin: {
259
- description: 'Definisce lo spazio esterno generale, orizzontale, verticale o per ciascun lato.',
260
- },
261
246
  };
262
247
  };
263
248
 
264
249
  /**
265
- * Hook per concatenare le classi CSS di padding
266
- */
267
- const concatPaddingFields = (args) => {
268
- const { value, siblingData, operation } = args;
269
- if (operation === 'create' || operation === 'update') {
270
- const paddings = siblingData || {};
271
- const { all, x, y, t, r, b, l } = paddings;
272
- const classes = [];
273
- if (all)
274
- classes.push(`p-${all}`);
275
- if (x)
276
- classes.push(`px-${x}`);
277
- if (y)
278
- classes.push(`py-${y}`);
279
- if (t)
280
- classes.push(`pt-${t}`);
281
- if (r)
282
- classes.push(`pr-${r}`);
283
- if (b)
284
- classes.push(`pb-${b}`);
285
- if (l)
286
- classes.push(`pl-${l}`);
287
- return classes.join(' ');
288
- }
289
- return value;
290
- };
291
- /**
292
- * Genera un campo per la selezione dinamica dei padding
250
+ * Genera un campo per la selezione dinamica dei margini
293
251
  * @returns Field - Campo di tipo `group` per PayloadCMS
294
252
  */
295
253
  const fieldPaddings = () => {
296
254
  return {
297
- name: 'p',
298
- label: 'Padding',
299
- type: 'group',
255
+ label: 'Paddings',
256
+ type: 'collapsible',
257
+ admin: {
258
+ initCollapsed: true,
259
+ },
300
260
  fields: [
301
- {
302
- name: 'className',
303
- label: 'Classi CSS Padding',
304
- type: 'text',
305
- hooks: {
306
- beforeChange: [concatPaddingFields],
307
- },
308
- admin: {
309
- readOnly: true,
310
- description: 'Questa stringa verrà generata automaticamente in base ai campi sottostanti.',
311
- },
312
- },
313
261
  {
314
262
  type: 'row',
315
263
  fields: [
316
264
  fieldNumber({
317
- name: 'all',
265
+ name: 'p-',
318
266
  label: 'Tutti i lati',
319
- type: 'number',
267
+ virtual: true,
320
268
  min: 0,
321
269
  max: 96,
322
270
  admin: {
323
- width: '33%',
271
+ width: '25%',
272
+ },
273
+ hooks: {
274
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
324
275
  },
325
276
  }),
326
277
  fieldNumber({
327
- name: 'x',
278
+ name: 'px-',
328
279
  label: 'Orizzontale',
329
- type: 'number',
280
+ virtual: true,
330
281
  min: 0,
331
282
  max: 96,
332
283
  admin: {
333
- width: '33%',
284
+ width: '25%',
285
+ },
286
+ hooks: {
287
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
334
288
  },
335
289
  }),
336
290
  fieldNumber({
337
- name: 'y',
291
+ name: 'py-',
338
292
  label: 'Verticale',
339
- type: 'number',
293
+ virtual: true,
340
294
  min: 0,
341
295
  max: 96,
342
296
  admin: {
343
- width: '33%',
297
+ width: '25%',
298
+ },
299
+ hooks: {
300
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
344
301
  },
345
302
  }),
346
303
  fieldNumber({
347
- name: 't',
304
+ name: 'pt-',
348
305
  label: 'Top',
349
- type: 'number',
306
+ virtual: true,
350
307
  min: 0,
351
308
  max: 96,
352
309
  admin: {
353
310
  width: '25%',
354
311
  },
312
+ hooks: {
313
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
314
+ },
355
315
  }),
356
316
  fieldNumber({
357
- name: 'r',
317
+ name: 'pr-',
358
318
  label: 'Right',
359
- type: 'number',
319
+ virtual: true,
360
320
  min: 0,
361
321
  max: 96,
362
322
  admin: {
363
323
  width: '25%',
364
324
  },
325
+ hooks: {
326
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
327
+ },
365
328
  }),
366
329
  fieldNumber({
367
- name: 'b',
330
+ name: 'pb-',
368
331
  label: 'Bottom',
369
- type: 'number',
332
+ virtual: true,
370
333
  min: 0,
371
334
  max: 96,
372
335
  admin: {
373
336
  width: '25%',
374
337
  },
338
+ hooks: {
339
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
340
+ },
375
341
  }),
376
342
  fieldNumber({
377
- name: 'l',
343
+ name: 'pl-',
378
344
  label: 'Left',
379
- type: 'number',
345
+ virtual: true,
380
346
  min: 0,
381
347
  max: 96,
382
348
  admin: {
383
349
  width: '25%',
384
350
  },
351
+ hooks: {
352
+ afterRead: [getNumberValueFromClassNameString.getNumberValueFromClassNameString],
353
+ },
385
354
  }),
386
355
  ],
387
356
  },
388
357
  ],
389
- admin: {
390
- description: 'Definisce lo spazio interno generale, orizzontale, verticale o per ciascun lato.',
358
+ };
359
+ };
360
+
361
+ const concatCssFields = (args) => {
362
+ const { value, siblingData, operation } = args;
363
+ if (operation === 'create' || operation === 'update') {
364
+ const classes = [];
365
+ if (siblingData?.css) {
366
+ Object.entries(siblingData.css).forEach(([key, val]) => {
367
+ console.log(key, val);
368
+ if (key !== 'className' && val !== null && val !== undefined) {
369
+ classes.push(`${key}${val}`);
370
+ }
371
+ });
372
+ }
373
+ const updatedClassName = classes.join(' ');
374
+ return {
375
+ ...siblingData?.css,
376
+ className: updatedClassName,
377
+ };
378
+ }
379
+ return value;
380
+ };
381
+ const fieldCss = () => {
382
+ return {
383
+ name: 'css',
384
+ type: 'group',
385
+ label: 'Regole di stile',
386
+ hooks: {
387
+ afterChange: [concatCssFields],
391
388
  },
389
+ fields: [
390
+ fieldText({
391
+ name: 'className',
392
+ label: 'className',
393
+ admin: { readOnly: true },
394
+ }),
395
+ {
396
+ type: 'tabs',
397
+ tabs: [
398
+ {
399
+ label: 'Spacing',
400
+ fields: [fieldMargins(), fieldPaddings()],
401
+ },
402
+ ],
403
+ },
404
+ ],
392
405
  };
393
406
  };
394
407
 
@@ -450,25 +463,11 @@ const fieldContainerProps = (customFields = []) => {
450
463
  },
451
464
  {
452
465
  label: 'Dimensioni',
453
- fields: [
454
- fieldHeights(),
455
- {
456
- type: 'tabs',
457
- tabs: [
458
- {
459
- label: 'Margini',
460
- fields: [fieldMargins()],
461
- },
462
- {
463
- label: 'Paddings',
464
- fields: [fieldPaddings()],
465
- },
466
- ],
467
- },
468
- ],
466
+ fields: [fieldHeights()],
469
467
  },
470
468
  ],
471
469
  },
470
+ fieldCss(),
472
471
  ],
473
472
  };
474
473
  };
@@ -881,65 +880,43 @@ const fieldSectionProps = (customFields = []) => {
881
880
  tabs: [
882
881
  {
883
882
  label: 'Dimensioni',
884
- fields: [
885
- fieldViewportHeights(),
886
- {
887
- type: 'tabs',
888
- tabs: [
889
- {
890
- label: 'Margini',
891
- fields: [fieldMargins()],
892
- },
893
- {
894
- label: 'Paddings',
895
- fields: [fieldPaddings()],
896
- },
897
- ],
898
- },
899
- ],
883
+ fields: [fieldViewportHeights()],
900
884
  },
901
885
  ],
902
886
  },
887
+ fieldCss(),
903
888
  ],
904
889
  };
905
890
  };
906
891
 
907
892
  const fieldSectionTabs = (options = {}) => {
908
- const { config = true, section = true, container = true, content = true, configFields = [], sectionFields = [], containerFields = [], contentFields = [] } = options;
893
+ const { config = true, section = true, container = true, content = true, configFields = [], sectionFields = [], containerFields = [], contentFields = [], } = options;
909
894
  const tabs = [];
910
895
  if (config) {
911
896
  tabs.push({
912
897
  label: 'Configurazione',
913
- fields: [
914
- fieldConfigProps(configFields)
915
- ],
898
+ fields: [fieldConfigProps(configFields)],
916
899
  });
917
900
  }
918
901
  // Tab per la sezione
919
902
  if (section) {
920
903
  tabs.push({
921
904
  label: 'Sezione',
922
- fields: [
923
- fieldSectionProps(sectionFields)
924
- ],
905
+ fields: [fieldSectionProps(sectionFields)],
925
906
  });
926
907
  }
927
908
  // Tab per il container
928
909
  if (container) {
929
910
  tabs.push({
930
911
  label: 'Container',
931
- fields: [
932
- fieldContainerProps(containerFields)
933
- ],
912
+ fields: [fieldContainerProps(containerFields)],
934
913
  });
935
914
  }
936
915
  // Tab per il contenuto
937
916
  if (content) {
938
917
  tabs.push({
939
918
  label: 'Contenuto',
940
- fields: [
941
- fieldContentProps(contentFields)
942
- ],
919
+ fields: [fieldContentProps(contentFields)],
943
920
  });
944
921
  }
945
922
  return {
@@ -955,6 +932,7 @@ exports.fieldConfigProps = fieldConfigProps;
955
932
  exports.fieldContainerProps = fieldContainerProps;
956
933
  exports.fieldContainerWidths = fieldContainerWidths;
957
934
  exports.fieldContentProps = fieldContentProps;
935
+ exports.fieldCss = fieldCss;
958
936
  exports.fieldHeights = fieldHeights;
959
937
  exports.fieldMargins = fieldMargins;
960
938
  exports.fieldNumber = fieldNumber;
@@ -969,4 +947,4 @@ exports.fieldThemeColor = fieldThemeColor;
969
947
  exports.fieldUpload = fieldUpload;
970
948
  exports.fieldViewportHeights = fieldViewportHeights;
971
949
  exports.iconsList = iconsList;
972
- //# sourceMappingURL=fieldSectionTabs-CmJ7R1Tc.js.map
950
+ //# sourceMappingURL=fieldSectionTabs-C4Au6tWK.js.map