@woodylab/payload 0.0.111 → 0.0.113

package/dist/config/fieldCss.js

@@ -12,6 +12,16 @@ import { fieldDisplay } from './fields/fieldDisplay';
 import { fieldPosition } from './fields/fieldPosition';
 import { fieldZIndex } from './fields/fieldZIndex';
 import { fieldIsolation } from './fields/fieldIsolation';
+import { fieldFlexDirection } from './fields/fieldFlexDirection';
+import { fieldFlexWrap } from './fields/fieldFlexWrap';
+import { fieldJustifyContent } from './fields/fieldJustifyContent';
+import { fieldAlignItems } from './fields/fieldAlignItems';
+import { fieldAlignContent } from './fields/fieldAlignContent';
+import { fieldFlexGap } from './fields/fieldFlexGap';
+import { fieldFlexGrow } from './fields/fieldFlexGrow';
+import { fieldFlexShrink } from './fields/fieldFlexShrink';
+import { fieldFlexBasis } from './fields/fieldFlexBasis';
+import { fieldOrder } from './fields/fieldOrder';
 const concatCssFields = (args) => {
     const { value, siblingData, operation } = args;
     if (operation === 'create' || operation === 'update') {
@@ -51,9 +61,9 @@ export const fieldCss = () => {
                                     fieldMargins,
                                     fieldPaddings,
                                     fieldWidth,
-                                    fieldHeight,
                                     fieldMinWidth,
                                     fieldMaxWidth,
+                                    fieldHeight,
                                     fieldMinHeight,
                                     fieldMaxHeight,
                                     fieldAspectRatio,
@@ -63,11 +73,32 @@ export const fieldCss = () => {
                     },
                     {
                         label: 'Layout',
-                        fields: [fieldDisplay, fieldPosition, fieldZIndex, fieldOverflow, fieldIsolation],
+                        fields: [
+                            {
+                                type: 'row',
+                                fields: [fieldDisplay, fieldPosition, fieldZIndex, fieldOverflow, fieldIsolation],
+                            },
+                        ],
                     },
                     {
                         label: 'Flex',
-                        fields: [],
+                        fields: [
+                            {
+                                type: 'row',
+                                fields: [
+                                    fieldFlexDirection,
+                                    fieldFlexWrap,
+                                    fieldJustifyContent,
+                                    fieldAlignItems,
+                                    fieldAlignContent,
+                                    fieldFlexGap,
+                                    fieldFlexGrow,
+                                    fieldFlexShrink,
+                                    fieldFlexBasis,
+                                    fieldOrder,
+                                ],
+                            },
+                        ],
                     },
                     {
                         label: 'Grid',

package/dist/config/fields/fieldAlignContent.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldAlignContent: Field;

package/dist/config/fields/fieldAlignContent.js

@@ -0,0 +1,20 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldAlignContent = {
+    name: 'content',
+    label: 'Align Content',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'Start', value: 'start' },
+        { label: 'Center', value: 'center' },
+        { label: 'End', value: 'end' },
+        { label: 'Between', value: 'between' },
+        { label: 'Around', value: 'around' },
+        { label: 'Evenly', value: 'evenly' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldAlignItems.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldAlignItems: Field;

package/dist/config/fields/fieldAlignItems.js

@@ -0,0 +1,19 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldAlignItems = {
+    name: 'items',
+    label: 'Align Items',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'Start', value: 'start' },
+        { label: 'Center', value: 'center' },
+        { label: 'End', value: 'end' },
+        { label: 'Stretch', value: 'stretch' },
+        { label: 'Baseline', value: 'baseline' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldFlexBasis.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldFlexBasis: Field;

package/dist/config/fields/fieldFlexBasis.js

@@ -0,0 +1,19 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldFlexBasis = {
+    name: 'basis',
+    label: 'Flex Basis',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'Auto', value: 'auto' },
+        { label: 'Full', value: 'full' },
+        { label: '1/2', value: '1/2' },
+        { label: '1/3', value: '1/3' },
+        { label: '1/4', value: '1/4' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldFlexDirection.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldFlexDirection: Field;

package/dist/config/fields/fieldFlexDirection.js

@@ -0,0 +1,18 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldFlexDirection = {
+    name: 'flex',
+    label: 'Flex Direction',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'Row', value: 'row' },
+        { label: 'Row Reverse', value: 'row-reverse' },
+        { label: 'Column', value: 'col' },
+        { label: 'Column Reverse', value: 'col-reverse' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldFlexGap.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldFlexGap: Field;

package/dist/config/fields/fieldFlexGap.js

@@ -0,0 +1,22 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldFlexGap = {
+    name: 'gap',
+    label: 'Gap',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: '0', value: '0' },
+        { label: '1', value: '1' },
+        { label: '2', value: '2' },
+        { label: '3', value: '3' },
+        { label: '4', value: '4' },
+        { label: '6', value: '6' },
+        { label: '8', value: '8' },
+        { label: '10', value: '10' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldFlexGrow.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldFlexGrow: Field;

package/dist/config/fields/fieldFlexGrow.js

@@ -0,0 +1,16 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldFlexGrow = {
+    name: 'grow',
+    label: 'Flex Grow',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'Grow', value: '1' },
+        { label: 'No Grow', value: '0' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldFlexShrink.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldFlexShrink: Field;

package/dist/config/fields/fieldFlexShrink.js

@@ -0,0 +1,16 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldFlexShrink = {
+    name: 'shrink',
+    label: 'Flex Shrink',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'Shrink', value: '1' },
+        { label: 'No Shrink', value: '0' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldFlexWrap.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldFlexWrap: Field;

package/dist/config/fields/fieldFlexWrap.js

@@ -0,0 +1,17 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldFlexWrap = {
+    name: 'flex-wrap',
+    label: 'Flex Wrap',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'No Wrap', value: 'nowrap' },
+        { label: 'Wrap', value: 'wrap' },
+        { label: 'Wrap Reverse', value: 'wrap-reverse' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldHeight.js

@@ -12,7 +12,7 @@ export const fieldHeight = {
     options: heightValues,
     virtual: true,
     admin: {
-        width: '25%',
+        width: '33%',
     },
     hooks: {
         afterRead: [getValueFromClassNameString],

package/dist/config/fields/fieldJustifyContent.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldJustifyContent: Field;

package/dist/config/fields/fieldJustifyContent.js

@@ -0,0 +1,20 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldJustifyContent = {
+    name: 'justify',
+    label: 'Justify Content',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'Start', value: 'start' },
+        { label: 'Center', value: 'center' },
+        { label: 'End', value: 'end' },
+        { label: 'Between', value: 'between' },
+        { label: 'Around', value: 'around' },
+        { label: 'Evenly', value: 'evenly' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldMaxHeight.js

@@ -13,7 +13,7 @@ export const fieldMaxHeight = {
     options: values,
     virtual: true,
     admin: {
-        width: '25%',
+        width: '33%',
     },
     hooks: {
         afterRead: [getValueFromClassNameString],

package/dist/config/fields/fieldMaxWidth.js

@@ -13,7 +13,7 @@ export const fieldMaxWidth = {
     options: values,
     virtual: true,
     admin: {
-        width: '25%',
+        width: '33%',
     },
     hooks: {
         afterRead: [getValueFromClassNameString],

package/dist/config/fields/fieldMinHeight.js

@@ -13,7 +13,7 @@ export const fieldMinHeight = {
     options: values,
     virtual: true,
     admin: {
-        width: '25%',
+        width: '33%',
     },
     hooks: {
         afterRead: [getValueFromClassNameString],

package/dist/config/fields/fieldMinWidth.js

@@ -13,7 +13,7 @@ export const fieldMinWidth = {
     options: values,
     virtual: true,
     admin: {
-        width: '25%',
+        width: '33%',
     },
     hooks: {
         afterRead: [getValueFromClassNameString],

package/dist/config/fields/fieldOrder.d.ts

@@ -0,0 +1,2 @@
+import type { Field } from 'payload';
+export declare const fieldOrder: Field;

package/dist/config/fields/fieldOrder.js

@@ -0,0 +1,21 @@
+import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
+export const fieldOrder = {
+    name: 'order',
+    label: 'Order',
+    type: 'select',
+    virtual: true,
+    admin: { width: '25%' },
+    options: [
+        { label: '—', value: '' },
+        { label: 'First', value: 'first' },
+        { label: 'Last', value: 'last' },
+        { label: 'None', value: 'none' },
+        { label: '0', value: '0' },
+        { label: '1', value: '1' },
+        { label: '2', value: '2' },
+        { label: '3', value: '3' },
+    ],
+    hooks: {
+        afterRead: [getValueFromClassNameString],
+    },
+};

package/dist/config/fields/fieldWidth.js

@@ -15,7 +15,7 @@ export const fieldWidth = {
     options: widthValues,
     virtual: true,
     admin: {
-        width: '25%',
+        width: '33%',
     },
     hooks: {
         afterRead: [getValueFromClassNameString],