panelui-native 0.44.0 → 0.49.0

package/lib/module/components/grid-item/index.js

@@ -0,0 +1,486 @@
+"use strict";
+
+/**
+ * GridItem — a tile in a bento grid, and the grid that lays it out.
+ *
+ * ```tsx
+ * <GridItem.Group columns={2} gap={12}>
+ *   <GridItem colSpan={2}>
+ *     <GridItem.Media variant="icon"><ZapIcon /></GridItem.Media>
+ *     <GridItem.Title>Deploys</GridItem.Title>
+ *     <GridItem.Value>1,284</GridItem.Value>
+ *     <GridItem.Description>this week</GridItem.Description>
+ *   </GridItem>
+ *   <GridItem rowSpan={2}>…</GridItem>
+ *   <GridItem>…</GridItem>
+ * </GridItem.Group>
+ * ```
+ *
+ * ## Why the group places the tiles
+ *
+ * `Item` next door is a row, and a list of rows is a column of views — the
+ * layout falls out of the flexbox and nothing has to be measured. A bento is
+ * not that. Its whole idea is that tiles are different sizes and the grid still
+ * lines up: a wide tile and the two square ones beside it share a left edge, a
+ * tall one runs past the tile next to it and the next tile fills in underneath.
+ *
+ * A wrapping flex row cannot do the last of those. Wrapping puts everything
+ * that did not fit on a *new line*, so nothing ever tucks under a tall tile,
+ * and `rowSpan` in a wrapping row is a prop that quietly does nothing.
+ *
+ * So the group measures itself, walks its children into the first free cell
+ * that fits each one — row by row, the way a grid places anything it is not
+ * told where to put — and positions them absolutely. Every tile is a whole
+ * number of cells, which is what makes the edges line up, and the group's own
+ * height is the number of rows it ended up needing.
+ *
+ * The consequence worth knowing: **a tile's height is its cells, not its
+ * content**. That is the right way round for a bento — a grid of boxes that
+ * each grew to fit its own text is not a grid — but it does mean long text
+ * needs `numberOfLines`, a smaller `size`, or a taller `rowSpan`.
+ *
+ * ## Nesting
+ *
+ * A group inside a tile is a group like any other, and it measures the cell it
+ * was put in. That is how a bento gets a sub-rhythm — two small tiles stacked
+ * inside one cell of the outer grid — without the outer grid needing a notion
+ * of half a row.
+ */
+import { Children, createContext, forwardRef, isValidElement, useContext, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { AnimatedPressable } from "../../primitives/animated-pressable.js";
+import { Text, textChildren } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const gridItemVariants = tv({
+  slots: {
+    // Full-bleed inside its cell: the group has already decided how big the
+    // tile is, and a tile that sized itself would break the grid it is in.
+    root: 'h-full w-full overflow-hidden rounded-2xl',
+    title: 'font-medium text-foreground',
+    value: 'font-semibold text-foreground',
+    description: 'text-muted-foreground'
+  },
+  variants: {
+    variant: {
+      /** A card in a tray — the tile that reads as a tile. */
+      default: {
+        root: 'border border-border bg-card'
+      },
+      /** Outline only, for a grid over a coloured or patterned page. */
+      outline: {
+        root: 'border border-border'
+      },
+      /** Filled and unbordered, for a quieter tile among louder ones. */
+      muted: {
+        root: 'bg-muted'
+      },
+      /** Nothing at all: the tile is whatever is put inside it. */
+      plain: {
+        root: ''
+      }
+    },
+    size: {
+      default: {
+        root: 'gap-2 p-4',
+        title: 'text-sm',
+        value: 'text-2xl',
+        description: 'text-xs'
+      },
+      sm: {
+        root: 'gap-1.5 p-3',
+        title: 'text-xs',
+        value: 'text-xl',
+        description: 'text-xs'
+      }
+    },
+    disabled: {
+      true: {
+        root: 'opacity-[0.64]'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default'
+  }
+});
+const mediaVariants = tv({
+  base: 'shrink-0 items-center justify-center',
+  variants: {
+    variant: {
+      /** No box — for an Avatar or anything that styles itself. */
+      default: '',
+      /** Rounded square tile sized for an icon. */
+      icon: 'rounded-lg border border-border bg-muted',
+      /** Clipped frame for an image or thumbnail. */
+      image: 'overflow-hidden rounded-lg bg-muted'
+    },
+    size: {
+      default: '',
+      sm: ''
+    }
+  },
+  compoundVariants: [{
+    variant: 'icon',
+    size: 'default',
+    class: 'h-9 w-9'
+  }, {
+    variant: 'icon',
+    size: 'sm',
+    class: 'h-7 w-7'
+  }, {
+    variant: 'image',
+    size: 'default',
+    class: 'h-11 w-11'
+  }, {
+    variant: 'image',
+    size: 'sm',
+    class: 'h-9 w-9'
+  }],
+  defaultVariants: {
+    variant: 'default',
+    size: 'default'
+  }
+});
+
+/** Density, set once on the group and read by every part inside a tile. */
+const GridItemContext = /*#__PURE__*/createContext({
+  size: 'default'
+});
+
+/** One tile's place in the grid, in cells. */
+
+/**
+ * The first cell a tile of this size fits in, scanning row by row.
+ *
+ * The same rule a grid uses for anything it is not told where to put: take the
+ * earliest place it fits, never move anything already placed, and open a new
+ * row when nothing on the existing ones will do. Row-major, so the order the
+ * tiles are written in is the order they are read in — which is the order a
+ * screen reader will walk them in too, since that is the child order.
+ */
+function findSpot(occupied, columns, colSpan, rowSpan) {
+  for (let row = 0;; row += 1) {
+    for (let column = 0; column + colSpan <= columns; column += 1) {
+      let free = true;
+      for (let y = row; y < row + rowSpan && free; y += 1) {
+        for (let x = column; x < column + colSpan; x += 1) {
+          if (occupied[y]?.[x]) {
+            free = false;
+            break;
+          }
+        }
+      }
+      if (free) return {
+        row,
+        column
+      };
+    }
+  }
+}
+
+/**
+ * The grid. Measures its own width, places its tiles, and stands as tall as the
+ * rows they ended up needing.
+ */
+const GridItemGroup = /*#__PURE__*/forwardRef(({
+  className,
+  columns = 2,
+  gap = 12,
+  aspect = 1,
+  rowHeight,
+  size = 'default',
+  children,
+  ...props
+}, ref) => {
+  const [width, setWidth] = useState(0);
+  const tracks = Math.max(1, Math.floor(columns));
+  const track = (width - gap * (tracks - 1)) / tracks;
+  const cell = rowHeight ?? track / (aspect || 1);
+  const {
+    placements,
+    rows
+  } = useMemo(() => {
+    const occupied = [];
+    const result = [];
+    let used = 0;
+    Children.forEach(children, child => {
+      if (! /*#__PURE__*/isValidElement(child)) return;
+      const spans = child.props;
+      const colSpan = Math.max(1, Math.min(Math.floor(spans.colSpan ?? 1), tracks));
+      const rowSpan = Math.max(1, Math.floor(spans.rowSpan ?? 1));
+      const {
+        row,
+        column
+      } = findSpot(occupied, tracks, colSpan, rowSpan);
+      for (let y = row; y < row + rowSpan; y += 1) {
+        const line = occupied[y] ??= [];
+        for (let x = column; x < column + colSpan; x += 1) line[x] = true;
+      }
+      result.push({
+        row,
+        column,
+        colSpan,
+        rowSpan
+      });
+      used = Math.max(used, row + rowSpan);
+    });
+    return {
+      placements: result,
+      rows: used
+    };
+  }, [children, tracks]);
+  const onLayout = event => {
+    const next = event.nativeEvent.layout.width;
+    if (Math.abs(next - width) > 0.5) setWidth(next);
+    props.onLayout?.(event);
+  };
+  const height = rows > 0 ? rows * cell + gap * (rows - 1) : 0;
+  let index = -1;
+  return /*#__PURE__*/_jsx(GridItemContext.Provider, {
+    value: {
+      size
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      onLayout: onLayout,
+      accessibilityRole: "list",
+      style: width > 0 ? {
+        height
+      } : undefined,
+      className: cn('w-full', className),
+      ...props,
+      children: width > 0 ? Children.map(children, child => {
+        if (! /*#__PURE__*/isValidElement(child)) return null;
+        index += 1;
+        const place = placements[index];
+        if (!place) return null;
+        return /*#__PURE__*/_jsx(View, {
+          style: {
+            position: 'absolute',
+            left: place.column * (track + gap),
+            top: place.row * (cell + gap),
+            width: place.colSpan * track + (place.colSpan - 1) * gap,
+            height: place.rowSpan * cell + (place.rowSpan - 1) * gap
+          },
+          children: child
+        });
+      }) : null
+    })
+  });
+});
+GridItemGroup.displayName = 'GridItem.Group';
+/**
+ * One tile.
+ *
+ * Renders as a pressable when given `onPress`, and as a plain view otherwise,
+ * so a tile that is only showing a number does not announce itself as a button.
+ */
+const GridItemRoot = /*#__PURE__*/forwardRef(({
+  className,
+  variant,
+  disabled,
+  children,
+  onPress,
+  // Declared so they are part of the tile's API and typed at the call site,
+  // read by the group, and deliberately not applied here.
+  colSpan: _colSpan,
+  rowSpan: _rowSpan,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useContext(GridItemContext);
+  const {
+    root
+  } = gridItemVariants({
+    variant,
+    size,
+    disabled: !!disabled
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      accessibilityState: {
+        disabled: !!disabled
+      },
+      className: root({
+        className
+      }),
+      ...props,
+      children: textChildren(children)
+    });
+  }
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    ref: ref,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    disabled: disabled,
+    onPress: onPress,
+    className: root({
+      className
+    }),
+    ...props,
+    children: textChildren(children)
+  });
+});
+GridItemRoot.displayName = 'GridItem';
+/**
+ * The layer behind the tile's content — a chart, a gradient, an image, a
+ * pattern.
+ *
+ * Absolutely filling the tile and taking no touches, so it can be written
+ * anywhere among the children without moving anything. It is what makes a bento
+ * grid read as a bento grid rather than as a wall of stat cards, and it is the
+ * one part that is meant to be cropped: the tile clips it.
+ */
+const GridItemBackground = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  pointerEvents: "none",
+  style: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  },
+  className: cn('overflow-hidden', className),
+  ...props,
+  children: textChildren(children)
+}));
+GridItemBackground.displayName = 'GridItem.Background';
+/** Leading slot: an icon tile, a thumbnail, or an avatar passed through. */
+const GridItemMedia = /*#__PURE__*/forwardRef(({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}, ref) => {
+  const grid = useContext(GridItemContext);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: mediaVariants({
+      variant,
+      size: size ?? grid.size,
+      className
+    }),
+    ...props,
+    children: textChildren(children)
+  });
+});
+GridItemMedia.displayName = 'GridItem.Media';
+/** What the tile is of. Quiet, because the number under it is the message. */
+const GridItemTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useContext(GridItemContext);
+  const {
+    title
+  } = gridItemVariants({
+    size
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: title({
+      className
+    }),
+    ...props
+  });
+});
+GridItemTitle.displayName = 'GridItem.Title';
+/** The figure. The largest thing on the tile, and the reason it is there. */
+const GridItemValue = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useContext(GridItemContext);
+  const {
+    value
+  } = gridItemVariants({
+    size
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: value({
+      className
+    }),
+    ...props
+  });
+});
+GridItemValue.displayName = 'GridItem.Value';
+const GridItemDescription = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useContext(GridItemContext);
+  const {
+    description
+  } = gridItemVariants({
+    size
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: description({
+      className
+    }),
+    ...props
+  });
+});
+GridItemDescription.displayName = 'GridItem.Description';
+/**
+ * The strip along the bottom of the tile.
+ *
+ * `mt-auto` rather than `absolute`: a tile's height is fixed by its cells, so
+ * pushing the footer down with the space left over pins it to the bottom
+ * without taking it out of the layout the rest of the tile is sharing.
+ */
+const GridItemFooter = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('mt-auto w-full flex-row items-center gap-2', className),
+  ...props,
+  children: textChildren(children)
+}));
+GridItemFooter.displayName = 'GridItem.Footer';
+/** Trailing slot: buttons, a chip, a chevron. */
+const GridItemActions = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('shrink-0 flex-row items-center gap-1.5', className),
+  ...props,
+  children: textChildren(children)
+}));
+GridItemActions.displayName = 'GridItem.Actions';
+export const GridItem = Object.assign(GridItemRoot, {
+  Group: GridItemGroup,
+  Background: GridItemBackground,
+  Media: GridItemMedia,
+  Title: GridItemTitle,
+  Value: GridItemValue,
+  Description: GridItemDescription,
+  Footer: GridItemFooter,
+  Actions: GridItemActions
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/grid-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","forwardRef","isValidElement","useContext","useMemo","useState","View","tv","AnimatedPressable","Text","textChildren","cn","jsx","_jsx","gridItemVariants","slots","root","title","value","description","variants","variant","default","outline","muted","plain","size","sm","disabled","true","defaultVariants","mediaVariants","base","icon","image","compoundVariants","class","GridItemContext","findSpot","occupied","columns","colSpan","rowSpan","row","column","free","y","x","GridItemGroup","className","gap","aspect","rowHeight","children","props","ref","width","setWidth","tracks","Math","max","floor","track","cell","placements","rows","result","used","forEach","child","spans","min","line","push","onLayout","event","next","nativeEvent","layout","abs","height","index","Provider","accessibilityRole","style","undefined","map","place","position","left","top","displayName","GridItemRoot","onPress","_colSpan","_rowSpan","accessibilityState","GridItemBackground","pointerEvents","right","bottom","GridItemMedia","grid","GridItemTitle","GridItemValue","GridItemDescription","GridItemFooter","GridItemActions","GridItem","Object","assign","Group","Background","Media","Title","Value","Description","Footer","Actions"],"sourceRoot":"../../../../src","sources":["components/grid-item/index.tsx"],"mappings":"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","ignoreList":[]}