@estiva-app/ui 0.43.0 → 0.44.0

package/dist/eslint/index.js

@@ -817,6 +817,12 @@ function standsInForAList(element) {
   return false;
 }
 var FILLS = /^(?:min-h-full|h-full)$/;
+var CENTRES = /^(?:justify-center|items-center|content-center|place-(?:items|content)-center)$/;
+var PADS = /^p[xytrblse]?-/;
+function onlyElement(box) {
+  const kids = children2(box, "children").filter((kid) => !(kid.type === "JSXText" && !String(kid.value).trim()));
+  return kids.length === 1 && kids[0].type === "JSXElement" ? kids[0] : void 0;
+}
 function isPageScope(opening) {
   const scope = attributeOf(opening, "scope");
   if (!scope) return true;
@@ -882,6 +888,7 @@ var noHandmadeEmptyState = {
     messages: {
       handmade: 'A line saying there is nothing is an EmptyState. Use `EmptyState` from @estiva-app/ui: `scope="section"` inside a section, `scope="page"` for a whole page.',
       wrongScope: 'A page-scope EmptyState inside a ScrollArea sits at the top of its pane, not the middle: the ScrollArea\'s content is only as tall as what is in it. Use `scope="section"` when the pane has anything else on it; when the whole pane is empty, draw the page EmptyState in place of the ScrollArea, not inside it.',
+      boxedPage: 'This box {{what}} a page-scope EmptyState, which centres itself in the room a flex column gives it and takes no padding. A box that places it can push it out of the middle, as the starter\'s home page did (UIG-10). Draw the EmptyState straight into the column, with `className="h-full"` outside a flex column.',
       wrongScopeVia: '`{{component}}` draws a page-scope EmptyState ({{where}}) inside this ScrollArea, where it sits at the top of its pane, not the middle: the ScrollArea\'s content is only as tall as what is in it. Use `scope="section"` there when the pane has anything else on it; when the whole pane is empty, draw the page EmptyState in place of the ScrollArea, not inside it.',
       ...ESCAPE_MESSAGES
     }
@@ -901,6 +908,20 @@ var noHandmadeEmptyState = {
         const opening = child2(element, "openingElement");
         const tag = tagName(element);
         if (tag && /^[a-z]/.test(tag)) {
+          const only = facts && onlyElement(element);
+          const inner = only && child2(only, "openingElement");
+          const spread = inner && children2(inner, "attributes").some((a) => a.type === "JSXSpreadAttribute");
+          if (inner && !spread && isPart(bindingOfTag(child2(inner, "name"), facts.locals), "EmptyState") && isPageScope(inner)) {
+            const className = attributeOf(opening, "className");
+            const own = className ? classesOf(child2(className, "value"), scopeOf).map((c) => c.replace(/^(?:[^:\s[\]]+:)+/, "")) : [];
+            const centres = own.some((c) => CENTRES.test(c));
+            const pads = own.some((c) => PADS.test(c));
+            if ((centres || pads) && !isEscaped(context, opening)) {
+              const what = centres && pads ? "centres and pads" : centres ? "centres" : "pads";
+              context.report({ loc: opening.loc, messageId: "boxedPage", data: { what } });
+            }
+            return;
+          }
           const words2 = onlyWords(element);
           if (!words2 || words2.length > SHORT) return;
           if (!standsInForAList(element)) return;