@woodylab/payload 0.0.103 → 0.0.105

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 (12) hide show
  1. package/dist/config/fieldCss.js +4 -4
  2. package/dist/config/fields/fieldMargins.d.ts +1 -6
  3. package/dist/config/fields/fieldMargins.js +59 -143
  4. package/dist/config/fields/fieldPaddings.d.ts +1 -6
  5. package/dist/config/fields/fieldPaddings.js +59 -116
  6. package/dist/config/index.cjs.js +1 -1
  7. package/dist/config/index.cjs.js.map +1 -1
  8. package/dist/config/index.esm.js +1 -1
  9. package/dist/config/index.esm.js.map +1 -1
  10. package/dist/config/utils/getValueFromClassNameField.d.ts +2 -0
  11. package/dist/config/utils/getValueFromClassNameField.js +25 -0
  12. package/package.json +1 -1
package/dist/config/fieldCss.js CHANGED
@@ -1,12 +1,12 @@
1
- import fieldMargins from './fields/fieldMargins';
2
- import fieldPaddings from './fields/fieldPaddings';
1
+ import { fieldMargins } from './fields/fieldMargins';
2
+ import { fieldPaddings } from './fields/fieldPaddings';
3
3
  const concatCssFields = (args) => {
4
4
  const { value, siblingData, operation } = args;
5
5
  if (operation === 'create' || operation === 'update') {
6
6
  const classes = [];
7
7
  Object.entries(siblingData || {}).forEach(([key, val]) => {
8
8
  if (key !== 'className' && val !== null && val !== undefined) {
9
- classes.push(`${key}${val}`);
9
+ classes.push(`${key}-${val}`);
10
10
  }
11
11
  });
12
12
  return classes.join(' ');
@@ -32,7 +32,7 @@ export const fieldCss = () => {
32
32
  tabs: [
33
33
  {
34
34
  label: 'Spacing',
35
- fields: [fieldMargins(), fieldPaddings()],
35
+ fields: [fieldMargins, fieldPaddings],
36
36
  },
37
37
  ],
38
38
  },
package/dist/config/fields/fieldMargins.d.ts CHANGED
@@ -1,7 +1,2 @@
1
1
  import { Field } from 'payload';
2
- /**
3
- * Genera un campo per la selezione dinamica dei margini
4
- * @returns Field - Campo di tipo `group` per PayloadCMS
5
- */
6
- declare const fieldMargins: () => Field;
7
- export default fieldMargins;
2
+ export declare const fieldMargins: Field;
package/dist/config/fields/fieldMargins.js CHANGED
@@ -1,144 +1,60 @@
1
- import { getNumberValueFromClassNameString } from '../utils/getNumberValueFromClassNameString';
2
- const concatMarginFields = (args) => {
3
- const { value, siblingData, operation } = args;
4
- if (operation === 'create' || operation === 'update') {
5
- const margins = siblingData || {};
6
- const { all, x, y, t, r, b, l } = margins;
7
- const classes = [];
8
- if (all)
9
- classes.push(`m-${all}`);
10
- if (x)
11
- classes.push(`mx-${x}`);
12
- if (y)
13
- classes.push(`my-${y}`);
14
- if (t)
15
- classes.push(`mt-${t}`);
16
- if (r)
17
- classes.push(`mr-${r}`);
18
- if (b)
19
- classes.push(`mb-${b}`);
20
- if (l)
21
- classes.push(`ml-${l}`);
22
- return classes.join(' ');
23
- }
24
- return value;
1
+ import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
2
+ const marginValues = [
3
+ { label: '—', value: '' },
4
+ { label: '0', value: '0' },
5
+ { label: '1', value: '1' },
6
+ { label: '2', value: '2' },
7
+ { label: '3', value: '3' },
8
+ { label: '4', value: '4' },
9
+ { label: '5', value: '5' },
10
+ { label: '6', value: '6' },
11
+ { label: '8', value: '8' },
12
+ { label: '10', value: '10' },
13
+ { label: '12', value: '12' },
14
+ { label: '16', value: '16' },
15
+ { label: '20', value: '20' },
16
+ { label: '24', value: '24' },
17
+ { label: '32', value: '32' },
18
+ { label: '40', value: '40' },
19
+ { label: '48', value: '48' },
20
+ { label: 'auto', value: 'auto' },
21
+ { label: '-0', value: '-0' },
22
+ { label: '-1', value: '-1' },
23
+ { label: '-2', value: '-2' },
24
+ { label: '-3', value: '-3' },
25
+ { label: '-4', value: '-4' },
26
+ { label: '-5', value: '-5' },
27
+ { label: '-6', value: '-6' },
28
+ { label: '-8', value: '-8' },
29
+ { label: '-10', value: '-10' },
30
+ { label: '-12', value: '-12' },
31
+ { label: '-16', value: '-16' },
32
+ { label: '-20', value: '-20' },
33
+ { label: '-24', value: '-24' },
34
+ { label: '-32', value: '-32' },
35
+ { label: '-40', value: '-40' },
36
+ { label: '-48', value: '-48' },
37
+ ];
38
+ const atomicMarginField = (name, label) => ({
39
+ name,
40
+ label,
41
+ type: 'select',
42
+ virtual: true,
43
+ options: marginValues,
44
+ hooks: {
45
+ afterRead: [getValueFromClassNameString],
46
+ },
47
+ });
48
+ export const fieldMargins = {
49
+ type: 'collapsible',
50
+ label: 'Margins',
51
+ fields: [
52
+ atomicMarginField('m', 'Margin'),
53
+ atomicMarginField('mx', 'Margin X'),
54
+ atomicMarginField('my', 'Margin Y'),
55
+ atomicMarginField('mt', 'Margin Top'),
56
+ atomicMarginField('mr', 'Margin Right'),
57
+ atomicMarginField('mb', 'Margin Bottom'),
58
+ atomicMarginField('ml', 'Margin Left'),
59
+ ],
25
60
  };
26
- /**
27
- * Genera un campo per la selezione dinamica dei margini
28
- * @returns Field - Campo di tipo `group` per PayloadCMS
29
- */
30
- const fieldMargins = () => {
31
- return {
32
- label: 'Margini',
33
- type: 'collapsible',
34
- admin: {
35
- initCollapsed: true,
36
- },
37
- fields: [
38
- {
39
- type: 'row',
40
- fields: [
41
- {
42
- type: 'number',
43
- name: 'm-',
44
- label: 'Tutti i lati',
45
- virtual: true,
46
- min: 0,
47
- max: 96,
48
- admin: {
49
- width: '25%',
50
- },
51
- hooks: {
52
- afterRead: [getNumberValueFromClassNameString],
53
- },
54
- },
55
- {
56
- type: 'number',
57
- name: 'mx-',
58
- label: 'Orizzontale',
59
- virtual: true,
60
- min: 0,
61
- max: 96,
62
- admin: {
63
- width: '25%',
64
- },
65
- hooks: {
66
- afterRead: [getNumberValueFromClassNameString],
67
- },
68
- },
69
- {
70
- type: 'number',
71
- name: 'my-',
72
- label: 'Verticale',
73
- virtual: true,
74
- min: 0,
75
- max: 96,
76
- admin: {
77
- width: '25%',
78
- },
79
- hooks: {
80
- afterRead: [getNumberValueFromClassNameString],
81
- },
82
- },
83
- {
84
- type: 'number',
85
- name: 'mt-',
86
- label: 'Top',
87
- virtual: true,
88
- min: 0,
89
- max: 96,
90
- admin: {
91
- width: '25%',
92
- },
93
- hooks: {
94
- afterRead: [getNumberValueFromClassNameString],
95
- },
96
- },
97
- {
98
- type: 'number',
99
- name: 'mr-',
100
- label: 'Right',
101
- virtual: true,
102
- min: 0,
103
- max: 96,
104
- admin: {
105
- width: '25%',
106
- },
107
- hooks: {
108
- afterRead: [getNumberValueFromClassNameString],
109
- },
110
- },
111
- {
112
- type: 'number',
113
- name: 'mb-',
114
- label: 'Bottom',
115
- virtual: true,
116
- min: 0,
117
- max: 96,
118
- admin: {
119
- width: '25%',
120
- },
121
- hooks: {
122
- afterRead: [getNumberValueFromClassNameString],
123
- },
124
- },
125
- {
126
- type: 'number',
127
- name: 'ml-',
128
- label: 'Left',
129
- virtual: true,
130
- min: 0,
131
- max: 96,
132
- admin: {
133
- width: '25%',
134
- },
135
- hooks: {
136
- afterRead: [getNumberValueFromClassNameString],
137
- },
138
- },
139
- ],
140
- },
141
- ],
142
- };
143
- };
144
- export default fieldMargins;
package/dist/config/fields/fieldPaddings.d.ts CHANGED
@@ -1,7 +1,2 @@
1
1
  import { Field } from 'payload';
2
- /**
3
- * Genera un campo per la selezione dinamica dei margini
4
- * @returns Field - Campo di tipo `group` per PayloadCMS
5
- */
6
- declare const fieldPaddings: () => Field;
7
- export default fieldPaddings;
2
+ export declare const fieldPaddings: Field;
package/dist/config/fields/fieldPaddings.js CHANGED
@@ -1,117 +1,60 @@
1
- import { getNumberValueFromClassNameString } from '../utils/getNumberValueFromClassNameString';
2
- /**
3
- * Genera un campo per la selezione dinamica dei margini
4
- * @returns Field - Campo di tipo `group` per PayloadCMS
5
- */
6
- const fieldPaddings = () => {
7
- return {
8
- label: 'Paddings',
9
- type: 'collapsible',
10
- admin: {
11
- initCollapsed: true,
12
- },
13
- fields: [
14
- {
15
- type: 'row',
16
- fields: [
17
- {
18
- type: 'number',
19
- name: 'p-',
20
- label: 'Tutti i lati',
21
- virtual: true,
22
- min: 0,
23
- max: 96,
24
- admin: {
25
- width: '25%',
26
- },
27
- hooks: {
28
- afterRead: [getNumberValueFromClassNameString],
29
- },
30
- },
31
- {
32
- type: 'number',
33
- name: 'px-',
34
- label: 'Orizzontale',
35
- virtual: true,
36
- min: 0,
37
- max: 96,
38
- admin: {
39
- width: '25%',
40
- },
41
- },
42
- {
43
- type: 'number',
44
- name: 'py-',
45
- label: 'Verticale',
46
- virtual: true,
47
- min: 0,
48
- max: 96,
49
- admin: {
50
- width: '25%',
51
- },
52
- hooks: {
53
- afterRead: [getNumberValueFromClassNameString],
54
- },
55
- },
56
- {
57
- type: 'number',
58
- name: 'pt-',
59
- label: 'Top',
60
- virtual: true,
61
- min: 0,
62
- max: 96,
63
- admin: {
64
- width: '25%',
65
- },
66
- hooks: {
67
- afterRead: [getNumberValueFromClassNameString],
68
- },
69
- },
70
- {
71
- type: 'number',
72
- name: 'pr-',
73
- label: 'Right',
74
- virtual: true,
75
- min: 0,
76
- max: 96,
77
- admin: {
78
- width: '25%',
79
- },
80
- hooks: {
81
- afterRead: [getNumberValueFromClassNameString],
82
- },
83
- },
84
- {
85
- type: 'number',
86
- name: 'pb-',
87
- label: 'Bottom',
88
- virtual: true,
89
- min: 0,
90
- max: 96,
91
- admin: {
92
- width: '25%',
93
- },
94
- hooks: {
95
- afterRead: [getNumberValueFromClassNameString],
96
- },
97
- },
98
- {
99
- type: 'number',
100
- name: 'pl-',
101
- label: 'Left',
102
- virtual: true,
103
- min: 0,
104
- max: 96,
105
- admin: {
106
- width: '25%',
107
- },
108
- hooks: {
109
- afterRead: [getNumberValueFromClassNameString],
110
- },
111
- },
112
- ],
113
- },
114
- ],
115
- };
1
+ import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
2
+ const paddingValues = [
3
+ { label: '—', value: '' },
4
+ { label: '0', value: '0' },
5
+ { label: '1', value: '1' },
6
+ { label: '2', value: '2' },
7
+ { label: '3', value: '3' },
8
+ { label: '4', value: '4' },
9
+ { label: '5', value: '5' },
10
+ { label: '6', value: '6' },
11
+ { label: '8', value: '8' },
12
+ { label: '10', value: '10' },
13
+ { label: '12', value: '12' },
14
+ { label: '16', value: '16' },
15
+ { label: '20', value: '20' },
16
+ { label: '24', value: '24' },
17
+ { label: '32', value: '32' },
18
+ { label: '40', value: '40' },
19
+ { label: '48', value: '48' },
20
+ { label: 'auto', value: 'auto' },
21
+ { label: '-0', value: '-0' },
22
+ { label: '-1', value: '-1' },
23
+ { label: '-2', value: '-2' },
24
+ { label: '-3', value: '-3' },
25
+ { label: '-4', value: '-4' },
26
+ { label: '-5', value: '-5' },
27
+ { label: '-6', value: '-6' },
28
+ { label: '-8', value: '-8' },
29
+ { label: '-10', value: '-10' },
30
+ { label: '-12', value: '-12' },
31
+ { label: '-16', value: '-16' },
32
+ { label: '-20', value: '-20' },
33
+ { label: '-24', value: '-24' },
34
+ { label: '-32', value: '-32' },
35
+ { label: '-40', value: '-40' },
36
+ { label: '-48', value: '-48' },
37
+ ];
38
+ const atomicMarginField = (name, label) => ({
39
+ name,
40
+ label,
41
+ type: 'select',
42
+ virtual: true,
43
+ options: paddingValues,
44
+ hooks: {
45
+ afterRead: [getValueFromClassNameString],
46
+ },
47
+ });
48
+ export const fieldPaddings = {
49
+ type: 'collapsible',
50
+ label: 'Paddings',
51
+ fields: [
52
+ atomicMarginField('p', 'Paddings'),
53
+ atomicMarginField('px', 'Paddings X'),
54
+ atomicMarginField('py', 'Paddings Y'),
55
+ atomicMarginField('pt', 'Paddings Top'),
56
+ atomicMarginField('pr', 'Paddings Right'),
57
+ atomicMarginField('pb', 'Paddings Bottom'),
58
+ atomicMarginField('pl', 'Paddings Left'),
59
+ ],
116
60
  };
117
- export default fieldPaddings;