@eightshift/frontend-libs-tailwind 1.5.0 → 2.0.0

package/blocks/init/src/Blocks/custom/columns/manifest.json

@@ -1,581 +0,0 @@
-{
-	"$schema": "https://raw.githubusercontent.com/infinum/eightshift-frontend-libs-tailwind/main/schemas/block.json",
-	"blockName": "columns",
-	"title": "Columns",
-	"description": "Expand your content into two dimensions.",
-	"category": "eightshift",
-	"icon": {
-		"src": "es-columns"
-	},
-	"keywords": [
-		"columns"
-	],
-	"example": {
-		"attributes": {
-			"columnsNumOfColumns": {
-				"_default": "2",
-				"_desktopFirst": true,
-				"max-sm": "1"
-			},
-			"wrapperBackground": "solid-gray-50",
-			"wrapperBorderRadius": "lg",
-			"wrapperPaddingTop": {
-				"_default": "md",
-				"_desktopFirst": true
-			},
-			"wrapperPaddingBottom": {
-				"_default": "md",
-				"_desktopFirst": true
-			}
-		},
-		"innerBlocks": [
-			{
-				"name": "eightshift-boilerplate/column",
-				"attributes": {
-					"columnOffset": {
-						"_default": "1",
-						"_desktopFirst": true,
-						"max-sm": "1"
-					},
-					"columnWidth": {
-						"_default": "1",
-						"_desktopFirst": true,
-						"max-sm": "1"
-					},
-					"columnVerticalAlign": {
-						"_default": "center",
-						"_desktopFirst": true
-					}
-				},
-				"innerBlocks": [
-					{
-						"name": "eightshift-boilerplate/heading",
-						"attributes": {
-							"wrapperNoWidthControls": true,
-							"wrapperWidth": "none",
-							"headingHeadingContent": "Lorem ipsum",
-							"headingHeadingSize": "xl"
-						}
-					},
-					{
-						"name": "eightshift-boilerplate/paragraph",
-						"attributes": {
-							"wrapperNoWidthControls": true,
-							"wrapperWidth": "none",
-							"paragraphParagraphContent": "Dolor sit amet"
-						}
-					}
-				]
-			},
-			{
-				"name": "eightshift-boilerplate/column",
-				"attributes": {
-					"columnOffset": {
-						"_default": "2",
-						"_desktopFirst": true,
-						"max-sm": "1"
-					},
-					"columnWidth": {
-						"_default": "1",
-						"_desktopFirst": true,
-						"max-sm": "1"
-					},
-					"columnHorizontalAlign": {
-						"_default": "end",
-						"_desktopFirst": true
-					}
-				},
-				"innerBlocks": [
-					{
-						"name": "eightshift-boilerplate/image",
-						"attributes": {
-							"wrapperNoWidthControls": true,
-							"wrapperWidth": "none",
-							"imageImageData": {
-								"_desktopFirst": false,
-								"_default": {
-									"id": 245,
-									"url": "https://picsum.photos/id/17/400/400"
-								}
-							}
-						}
-					}
-				]
-			}
-		]
-	},
-	"hasInnerBlocks": true,
-	"attributes": {
-		"columnsNumOfColumns": {
-			"type": "object",
-			"default": {
-				"_default": "12",
-				"_desktopFirst": true
-			}
-		},
-		"columnsColumnGap": {
-			"type": "object",
-			"default": {
-				"_default": "m",
-				"_desktopFirst": true
-			}
-		},
-		"columnsRowGap": {
-			"type": "object",
-			"default": {
-				"_default": "m",
-				"_desktopFirst": true
-			}
-		},
-		"columnsRowHeight": {
-			"type": "object",
-			"default": {
-				"_default": "auto",
-				"_desktopFirst": true
-			}
-		}
-	},
-	"options": {
-		"columnsGap": [
-			{
-				"label": "0",
-				"value": "none"
-			},
-			{
-				"label": "8",
-				"value": "s"
-			},
-			{
-				"label": "16",
-				"value": "m"
-			},
-			{
-				"label": "32",
-				"value": "l"
-			},
-			{
-				"label": "64",
-				"value": "xl"
-			}
-		],
-		"columnsRowHeight": [
-			{
-				"label": "Auto",
-				"value": "auto"
-			},
-			{
-				"label": "Equal",
-				"value": "equal"
-			}
-		]
-	},
-	"innerBlocksDependency": [
-		"column"
-	],
-	"layoutPresets": [
-		{
-			"name": "2 columns",
-			"icon": "twoColumns",
-			"attributes": {
-				"columnsNumOfColumns": {
-					"_default": "2",
-					"_desktopFirst": true,
-					"max-sm": "1"
-				}
-			},
-			"blocks": [
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "2",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						}
-					}
-				}
-			]
-		},
-		{
-			"name": "3 columns",
-			"icon": "columns",
-			"attributes": {
-				"columnsNumOfColumns": {
-					"_default": "3",
-					"_desktopFirst": true,
-					"max-sm": "1",
-					"max-md": "4"
-				}
-			},
-			"blocks": [
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "2",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "3"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "3",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						}
-					}
-				}
-			]
-		},
-		{
-			"name": "4 columns",
-			"icon": "fourColumns",
-			"attributes": {
-				"columnsNumOfColumns": {
-					"_default": "4",
-					"_desktopFirst": true,
-					"max-sm": "1",
-					"max-md": "2"
-				}
-			},
-			"blocks": [
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "2",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "3",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "4",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						}
-					}
-				}
-			]
-		},
-		{
-			"name": "1/3 - 2/3",
-			"icon": "columns3366",
-			"attributes": {
-				"columnsNumOfColumns": {
-					"_default": "3",
-					"_desktopFirst": true,
-					"max-sm": "1",
-					"max-md": "2"
-				}
-			},
-			"blocks": [
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "2",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						},
-						"columnWidth": {
-							"_default": "2",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						}
-					}
-				}
-			]
-		},
-		{
-			"name": "2/3 - 1/3",
-			"icon": "columns6633",
-			"attributes": {
-				"columnsNumOfColumns": {
-					"_default": "3",
-					"_desktopFirst": true,
-					"max-sm": "1",
-					"max-md": "2"
-				}
-			},
-			"blocks": [
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						},
-						"columnWidth": {
-							"_default": "2",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "3",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "1"
-						}
-					}
-				}
-			]
-		},
-		{
-			"name": "Bento box",
-			"icon": "layoutAlt2",
-			"attributes": {
-				"columnsNumOfColumns": {
-					"_default": "2",
-					"_desktopFirst": true,
-					"max-sm": "1"
-				},
-				"columnsRowHeight": {
-					"_default": "equal",
-					"_desktopFirst": true,
-					"max-sm": "auto"
-				}
-			},
-			"blocks": [
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						},
-						"columnRowSpan": {
-							"_default": "2",
-							"_desktopFirst": true
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "2",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1",
-							"max-md": "2"
-						}
-					}
-				},
-				{
-					"name": "eightshift-boilerplate/column",
-					"attributes": {
-						"columnOffset": {
-							"_default": "2",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						},
-						"columnWidth": {
-							"_default": "1",
-							"_desktopFirst": true,
-							"max-sm": "1"
-						}
-					}
-				}
-			]
-		}
-	],
-	"tailwind": {
-		"base": {
-			"twClasses": "grid"
-		},
-		"options": {
-			"columnsNumOfColumns": {
-				"responsive": true,
-				"twClasses": {
-					"1": "grid-cols-1",
-					"2": "grid-cols-2",
-					"3": "grid-cols-3",
-					"4": "grid-cols-4",
-					"5": "grid-cols-5",
-					"6": "grid-cols-6",
-					"7": "grid-cols-7",
-					"8": "grid-cols-8",
-					"9": "grid-cols-9",
-					"10": "grid-cols-10",
-					"11": "grid-cols-11",
-					"12": "grid-cols-12"
-				}
-			},
-			"columnsRowGap": {
-				"responsive": true,
-				"twClasses": {
-					"none": "",
-					"s": "gap-y-2",
-					"m": "gap-y-4",
-					"l": "gap-y-8",
-					"xl": "gap-y-16"
-				}
-			},
-			"columnsColumnGap": {
-				"responsive": true,
-				"twClasses": {
-					"none": "",
-					"s": "gap-x-2",
-					"m": "gap-x-4",
-					"l": "gap-x-8",
-					"xl": "gap-x-16"
-				}
-			},
-			"columnsRowHeight": {
-				"responsive": true,
-				"twClasses": {
-					"equal": "auto-rows-fr"
-				}
-			}
-		}
-	}
-}

package/blocks/init/src/Blocks/custom/featured-content/components/featured-content-editor.js

@@ -1,28 +0,0 @@
-import { ServerSideRender, tailwindClasses, props } from '@eightshift/frontend-libs-tailwind/scripts';
-import { LoadMoreEditor } from '../../../components/load-more/components/load-more-editor';
-import manifest from '../manifest.json';
-
-export const FeaturedContentEditor = ({ attributes, setAttributes }) => {
-	const { blockFullName } = attributes;
-
-	return (
-		<>
-			<ServerSideRender
-				block={blockFullName}
-				attributes={{
-					...attributes,
-					featuredContentServerSideRender: true,
-					wrapperUse: false,
-				}}
-			/>
-
-			<div className={tailwindClasses('loadMoreContainer', attributes, manifest)}>
-				<LoadMoreEditor
-					{...props('loadMore', attributes, {
-						setAttributes,
-					})}
-				/>
-			</div>
-		</>
-	);
-};