react-native-terra-ui 0.1.0 → 0.2.0

package/lib/module/components/chip/Chip.js

@@ -0,0 +1,372 @@
+"use strict";
+
+import { Children, createContext, forwardRef, useContext } from 'react';
+import { View } from 'react-native';
+import { StyleSheet, withUnistyles } from 'react-native-unistyles';
+import { Icon } from "../icon/index.js";
+import { Text } from "../text/index.js";
+import { getCustomColorColors } from "./utils.js";
+
+// ─── Context (lets Chip.Icon read the resolved foreground + size) ─────────────
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChipContext = /*#__PURE__*/createContext({
+  color: 'text.default',
+  size: 'md'
+});
+
+// ─── Colors ─────────────────────────────────────────────────────────────────
+//
+// The chip's own paint (background + border) is a style, so named schemes
+// (primary/secondary/success/warning/danger) are resolved declaratively via
+// unistyles `compoundVariants` on `styles.base` — one entry per (color, variant)
+// pair, straight from the spec's token table.
+//
+// The foreground is *not* a style on this View — it is inherited by the label
+// and icon. It therefore lives here as a token table and is passed down
+// unresolved, so `Text`/`Icon` resolve it against the live theme on every
+// change.
+//
+// A custom color literal (hex/rgb/hsl) isn't a bounded set of options, so it
+// can't be a compound variant condition — see `getCustomColorColors` in
+// `utils.ts` for how it's derived instead.
+
+const SCHEME_NAMES = new Set(['primary', 'secondary', 'success', 'warning', 'danger']);
+/** Foreground token per (scheme, variant) — mirrors the spec's token table. */
+const FG_TOKEN = {
+  primary: {
+    solid: 'action.fg.primary',
+    soft: 'action.fg.primary.subtle',
+    outline: 'text.accent'
+  },
+  secondary: {
+    solid: 'action.fg.secondary',
+    soft: 'action.fg.secondary.subtle',
+    outline: 'text.default'
+  },
+  success: {
+    solid: 'status.success.fg',
+    soft: 'status.success.fg.subtle',
+    outline: 'status.success.fg.subtle'
+  },
+  warning: {
+    solid: 'status.warning.fg',
+    soft: 'status.warning.fg.subtle',
+    outline: 'status.warning.fg.subtle'
+  },
+  danger: {
+    solid: 'status.danger.fg',
+    soft: 'status.danger.fg.subtle',
+    outline: 'status.danger.fg.subtle'
+  }
+};
+
+/** The label/icon color as a token, so children resolve it per theme. */
+function resolveForeground(color, variant, customColors) {
+  if (customColors) return customColors.fg;
+  if (variant === 'ghost') return 'text.default';
+  return FG_TOKEN[color][variant];
+}
+
+// ─── Label sub-component ───────────────────────────────────────────────────────
+
+const LABEL_VARIANT = {
+  sm: 'label-sm',
+  md: 'label-md',
+  lg: 'label-lg'
+};
+const ChipLabel = ({
+  children
+}) => {
+  const {
+    color,
+    size
+  } = useContext(ChipContext);
+  return /*#__PURE__*/_jsx(Text, {
+    variant: LABEL_VARIANT[size],
+    weight: "semibold",
+    color: color,
+    children: children
+  });
+};
+
+// ─── Icon sub-component ────────────────────────────────────────────────────────
+
+const ICON_SIZE = {
+  sm: 12,
+  md: 14,
+  lg: 16
+};
+const ChipIcon = ({
+  name,
+  size: sizeProp,
+  color,
+  strokeWidth,
+  style,
+  ...rest
+}) => {
+  const {
+    color: contextColor,
+    size
+  } = useContext(ChipContext);
+  return /*#__PURE__*/_jsx(Icon, {
+    name: name,
+    color: color || contextColor,
+    size: sizeProp ?? ICON_SIZE[size],
+    strokeWidth: strokeWidth,
+    style: style,
+    ...rest
+  });
+};
+function renderChildren(children) {
+  return Children.map(children, child => {
+    if (typeof child === 'string') {
+      return child.trim().length > 0 ? /*#__PURE__*/_jsx(ChipLabel, {
+        children: child
+      }) : null;
+    }
+    if (typeof child === 'number') {
+      return /*#__PURE__*/_jsx(ChipLabel, {
+        children: child
+      });
+    }
+    return child;
+  });
+}
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+const ChipRoot = /*#__PURE__*/forwardRef(function Chip({
+  size = 'md',
+  variant = 'soft',
+  color = 'secondary',
+  children,
+  style,
+  ...rest
+}, ref) {
+  // Compound variants only match the 5 named schemes above — an arbitrary
+  // literal never matches one, so it's cast to satisfy `useVariants`'s
+  // literal-union type while still comparing against the real value below.
+  styles.useVariants({
+    color: color,
+    variant,
+    size
+  });
+  const isCustomColor = variant !== 'ghost' && !SCHEME_NAMES.has(color);
+  const customColors = isCustomColor ? getCustomColorColors(color, variant) : null;
+  const fg = resolveForeground(color, variant, customColors);
+  return /*#__PURE__*/_jsx(ChipContext.Provider, {
+    value: {
+      color: fg,
+      size
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      style: [styles.base, customColors ? {
+        backgroundColor: customColors.bg,
+        borderColor: customColors.border,
+        borderWidth: customColors.borderWidth
+      } : null, style],
+      ...rest,
+      children: renderChildren(children)
+    })
+  });
+});
+// Subscribes the chip to theme changes. The background below comes from
+// `compoundVariants`, which unistyles applies straight to the native node when
+// the theme switches — no re-render, so React goes on believing the node holds
+// the previous theme's value. React Native only mutates a node when newly
+// rendered props differ from the last ones it rendered, so a later variant
+// change that computes a value equal to that stale record emits no update at
+// all, and the node keeps whatever the theme switch painted. That is reachable
+// whenever one colour fills two roles across themes — an accent equal to
+// another theme's `action.bg.secondary.subtle`, say — and it shows up as a
+// deselected chip still wearing the selected background.
+//
+// Re-rendering on a theme switch commits the new value there and then, so no
+// stale record survives to collide. `Text` already subscribes this way for its
+// colour; this gives the chip's own paint the same guarantee. The cast keeps
+// `ChipProps` and the ref, which `withUnistyles` widens to `Partial<{}>`.
+export const Chip = withUnistyles(ChipRoot);
+Chip.Icon = ChipIcon;
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+
+// One compound variant per (color, variant) cell of the spec's token table —
+// `variants` below only registers the axis names/options for the type
+// system; the actual bg/border values all come from `compoundVariants`.
+// `size` has no cross-axis interaction, so it's a plain variant.
+//
+// Foreground is deliberately absent: it belongs to the label and icon, not to
+// this View, and is handed to them as a token via `FG_TOKEN` / context.
+const styles = StyleSheet.create(theme => {
+  const c = theme.color;
+  return {
+    base: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      alignSelf: 'flex-start',
+      borderRadius: theme.radius.full,
+      variants: {
+        size: {
+          sm: {
+            minHeight: 24,
+            paddingVertical: 6,
+            paddingHorizontal: 12,
+            gap: 4
+          },
+          md: {
+            minHeight: 26,
+            paddingVertical: 8,
+            paddingHorizontal: 14,
+            gap: 4
+          },
+          lg: {
+            minHeight: 28,
+            paddingVertical: 8,
+            paddingHorizontal: 16,
+            gap: 4
+          }
+        },
+        color: {
+          primary: {},
+          secondary: {},
+          success: {},
+          warning: {},
+          danger: {}
+        },
+        variant: {
+          solid: {},
+          soft: {},
+          outline: {},
+          ghost: {
+            backgroundColor: 'transparent',
+            borderColor: 'transparent',
+            borderWidth: 0
+          }
+        }
+      },
+      compoundVariants: [{
+        color: 'primary',
+        variant: 'solid',
+        styles: {
+          backgroundColor: c['action.bg.primary'],
+          borderColor: c['action.bg.primary'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'primary',
+        variant: 'soft',
+        styles: {
+          backgroundColor: c['action.bg.primary.subtle'],
+          borderColor: c['action.bg.primary.subtle'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'primary',
+        variant: 'outline',
+        styles: {
+          backgroundColor: 'transparent',
+          borderColor: c['border.accent'],
+          borderWidth: 1
+        }
+      }, {
+        color: 'secondary',
+        variant: 'solid',
+        styles: {
+          backgroundColor: c['action.bg.secondary'],
+          borderColor: c['action.bg.secondary'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'secondary',
+        variant: 'soft',
+        styles: {
+          backgroundColor: c['action.bg.secondary.subtle'],
+          borderColor: c['action.bg.secondary.subtle'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'secondary',
+        variant: 'outline',
+        styles: {
+          backgroundColor: 'transparent',
+          borderColor: c['border.default'],
+          borderWidth: 1
+        }
+      }, {
+        color: 'success',
+        variant: 'solid',
+        styles: {
+          backgroundColor: c['status.success.bg'],
+          borderColor: c['status.success.bg'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'success',
+        variant: 'soft',
+        styles: {
+          backgroundColor: c['status.success.bg.subtle'],
+          borderColor: c['status.success.bg.subtle'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'success',
+        variant: 'outline',
+        styles: {
+          backgroundColor: 'transparent',
+          borderColor: c['status.success.border'],
+          borderWidth: 1
+        }
+      }, {
+        color: 'warning',
+        variant: 'solid',
+        styles: {
+          backgroundColor: c['status.warning.bg'],
+          borderColor: c['status.warning.bg'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'warning',
+        variant: 'soft',
+        styles: {
+          backgroundColor: c['status.warning.bg.subtle'],
+          borderColor: c['status.warning.bg.subtle'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'warning',
+        variant: 'outline',
+        styles: {
+          backgroundColor: 'transparent',
+          borderColor: c['status.warning.border'],
+          borderWidth: 1
+        }
+      }, {
+        color: 'danger',
+        variant: 'solid',
+        styles: {
+          backgroundColor: c['status.danger.bg'],
+          borderColor: c['status.danger.bg'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'danger',
+        variant: 'soft',
+        styles: {
+          backgroundColor: c['status.danger.bg.subtle'],
+          borderColor: c['status.danger.bg.subtle'],
+          borderWidth: 0
+        }
+      }, {
+        color: 'danger',
+        variant: 'outline',
+        styles: {
+          backgroundColor: 'transparent',
+          borderColor: c['status.danger.border'],
+          borderWidth: 1
+        }
+      }]
+    }
+  };
+});
+//# sourceMappingURL=Chip.js.map

package/lib/module/components/chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","forwardRef","useContext","View","StyleSheet","withUnistyles","Icon","Text","getCustomColorColors","jsx","_jsx","ChipContext","color","size","SCHEME_NAMES","Set","FG_TOKEN","primary","solid","soft","outline","secondary","success","warning","danger","resolveForeground","variant","customColors","fg","LABEL_VARIANT","sm","md","lg","ChipLabel","children","weight","ICON_SIZE","ChipIcon","name","sizeProp","strokeWidth","style","rest","contextColor","renderChildren","map","child","trim","length","ChipRoot","Chip","ref","styles","useVariants","isCustomColor","has","Provider","value","base","backgroundColor","bg","borderColor","border","borderWidth","create","theme","c","flexDirection","alignItems","alignSelf","borderRadius","radius","full","variants","minHeight","paddingVertical","paddingHorizontal","gap","ghost","compoundVariants"],"sourceRoot":"../../../../src","sources":["components/chip/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/chip/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Chip } from "./Chip.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Chip"],"sourceRoot":"../../../../src","sources":["components/chip/index.ts"],"mappings":";;AACA,SAASA,IAAI","ignoreList":[]}

package/lib/module/components/chip/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/components/chip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/chip/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/chip/utils.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { readableOn, withAlpha } from "../../utils/color-utils.js";
+
+// A custom color literal (hex/rgb/hsl) can't be a unistyles compound variant
+// condition (it's not a bounded set of options), so it's derived here
+// instead, the same way `utils/accent-utils.ts` expands a single hue into a
+// full color scheme.
+
+const CUSTOM_COLOR_SOFT_ALPHA = 0.16;
+export function getCustomColorColors(literal, variant) {
+  if (variant === 'outline') {
+    return {
+      bg: 'transparent',
+      border: literal,
+      borderWidth: 1,
+      fg: literal
+    };
+  }
+  if (variant === 'soft') {
+    const bg = withAlpha(literal, CUSTOM_COLOR_SOFT_ALPHA);
+    return {
+      bg,
+      border: bg,
+      borderWidth: 0,
+      fg: literal
+    };
+  }
+  return {
+    bg: literal,
+    border: literal,
+    borderWidth: 0,
+    fg: readableOn(literal)
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/components/chip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["readableOn","withAlpha","CUSTOM_COLOR_SOFT_ALPHA","getCustomColorColors","literal","variant","bg","border","borderWidth","fg"],"sourceRoot":"../../../../src","sources":["components/chip/utils.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS;;AAE9B;AACA;AACA;AACA;;AASA,MAAMC,uBAAuB,GAAG,IAAI;AAEpC,OAAO,SAASC,oBAAoBA,CAClCC,OAAe,EACfC,OAAqC,EACnB;EAClB,IAAIA,OAAO,KAAK,SAAS,EAAE;IACzB,OAAO;MAAEC,EAAE,EAAE,aAAa;MAAEC,MAAM,EAAEH,OAAO;MAAEI,WAAW,EAAE,CAAC;MAAEC,EAAE,EAAEL;IAAQ,CAAC;EAC5E;EACA,IAAIC,OAAO,KAAK,MAAM,EAAE;IACtB,MAAMC,EAAE,GAAGL,SAAS,CAACG,OAAO,EAAEF,uBAAuB,CAAC;IACtD,OAAO;MAAEI,EAAE;MAAEC,MAAM,EAAED,EAAE;MAAEE,WAAW,EAAE,CAAC;MAAEC,EAAE,EAAEL;IAAQ,CAAC;EACxD;EACA,OAAO;IACLE,EAAE,EAAEF,OAAO;IACXG,MAAM,EAAEH,OAAO;IACfI,WAAW,EAAE,CAAC;IACdC,EAAE,EAAET,UAAU,CAACI,OAAO;EACxB,CAAC;AACH","ignoreList":[]}

package/lib/module/components/empty-state/EmptyState.js

@@ -0,0 +1,200 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { Icon } from "../icon/index.js";
+import { Text } from "../text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ─── Per-size lookups ─────────────────────────────────────────────────────────
+//
+// These feed *props* (a `Text` variant, an `Icon` size in dp), not styles, so
+// they stay plain tables here; everything that is a style is a unistyles
+// variant below.
+
+const TYPOGRAPHY = {
+  sm: {
+    title: 'title-sm',
+    description: 'body-sm'
+  },
+  md: {
+    title: 'title-md',
+    description: 'body-md'
+  },
+  lg: {
+    title: 'title-lg',
+    description: 'body-lg'
+  }
+};
+const ICON_SIZE = {
+  sm: 28,
+  md: 34,
+  lg: 44
+};
+
+/** Wraps a bare string/number in the slot's themed `Text`; elements pass through. */
+function renderSlot(node, wrap) {
+  if (node === null || node === undefined || node === false) return null;
+  return typeof node === 'string' || typeof node === 'number' ? wrap(node) : node;
+}
+
+/**
+ * Centered placeholder for a screen, list, or panel with nothing to show:
+ * a large icon, a title, optional supporting copy, and an optional action.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon="status.info"
+ *   title="No results"
+ *   description="Try a different search term or clear your filters."
+ *   action={<Button onPress={reset}>Clear filters</Button>}
+ * />
+ * ```
+ */
+export const EmptyState = /*#__PURE__*/forwardRef(function EmptyState({
+  icon,
+  iconColor = 'text.default',
+  media,
+  title,
+  description,
+  action,
+  size = 'md',
+  fill = false,
+  style,
+  ...rest
+}, ref) {
+  styles.useVariants({
+    size,
+    fill
+  });
+  const typography = TYPOGRAPHY[size];
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    style: [styles.root, style],
+    ...rest,
+    children: [media ?? (icon ? /*#__PURE__*/_jsx(View, {
+      style: styles.iconBadge,
+      children: /*#__PURE__*/_jsx(Icon, {
+        name: icon,
+        size: ICON_SIZE[size],
+        color: iconColor
+      })
+    }) : null), /*#__PURE__*/_jsxs(View, {
+      style: styles.text,
+      children: [renderSlot(title, value => /*#__PURE__*/_jsx(Text, {
+        weight: "semibold",
+        variant: typography.title,
+        align: "center",
+        children: value
+      })), renderSlot(description, value => /*#__PURE__*/_jsx(Text, {
+        variant: typography.description,
+        color: "text.subtle",
+        align: "center",
+        children: value
+      }))]
+    }), action ? /*#__PURE__*/_jsx(View, {
+      style: styles.actions,
+      children: action
+    }) : null]
+  });
+});
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+//
+// `size` and `fill` are the only style axes, and neither interacts with the
+// other, so a plain variant per element does the whole job — no compound
+// variants needed.
+// The badge is sized by padding around the icon rather than an explicit
+// width/height, which keeps it a perfect circle on the spacing scale.
+const styles = StyleSheet.create(theme => ({
+  root: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    variants: {
+      // `alignSelf` matters as much as `flex` here: a column parent hands its
+      // children the cross-axis size of their content unless they stretch, so
+      // without it the state would fill the height and still be pinned to the
+      // width of its longest line.
+      fill: {
+        true: {
+          flex: 1,
+          alignSelf: 'stretch'
+        },
+        false: {}
+      },
+      size: {
+        sm: {
+          gap: theme.spacing['2'],
+          paddingVertical: theme.spacing['4'],
+          paddingHorizontal: theme.spacing['4']
+        },
+        md: {
+          gap: theme.spacing['3'],
+          paddingVertical: theme.spacing['6'],
+          paddingHorizontal: theme.spacing['6']
+        },
+        lg: {
+          gap: theme.spacing['4'],
+          paddingVertical: theme.spacing['8'],
+          paddingHorizontal: theme.spacing['6']
+        }
+      }
+    }
+  },
+  iconBadge: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: theme.color['action.bg.primary.subtle'],
+    borderRadius: theme.radius.full,
+    variants: {
+      size: {
+        sm: {
+          padding: theme.spacing['3']
+        },
+        md: {
+          padding: theme.spacing['4']
+        },
+        lg: {
+          padding: theme.spacing['5']
+        }
+      }
+    }
+  },
+  text: {
+    alignItems: 'center',
+    variants: {
+      size: {
+        sm: {
+          gap: theme.spacing['1']
+        },
+        md: {
+          gap: theme.spacing['1']
+        },
+        lg: {
+          gap: theme.spacing['2']
+        }
+      }
+    }
+  },
+  actions: {
+    alignItems: 'center',
+    variants: {
+      size: {
+        sm: {
+          gap: theme.spacing['2'],
+          marginTop: theme.spacing['1']
+        },
+        md: {
+          gap: theme.spacing['3'],
+          marginTop: theme.spacing['2']
+        },
+        lg: {
+          gap: theme.spacing['3'],
+          marginTop: theme.spacing['2']
+        }
+      }
+    }
+  }
+}));
+//# sourceMappingURL=EmptyState.js.map

package/lib/module/components/empty-state/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","StyleSheet","Icon","Text","jsx","_jsx","jsxs","_jsxs","TYPOGRAPHY","sm","title","description","md","lg","ICON_SIZE","renderSlot","node","wrap","undefined","EmptyState","icon","iconColor","media","action","size","fill","style","rest","ref","styles","useVariants","typography","root","children","iconBadge","name","color","text","value","weight","variant","align","actions","create","theme","alignItems","justifyContent","variants","true","flex","alignSelf","false","gap","spacing","paddingVertical","paddingHorizontal","backgroundColor","borderRadius","radius","full","padding","marginTop"],"sourceRoot":"../../../../src","sources":["components/empty-state/EmptyState.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/empty-state/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { EmptyState } from "./EmptyState.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EmptyState"],"sourceRoot":"../../../../src","sources":["components/empty-state/index.ts"],"mappings":";;AACA,SAASA,UAAU","ignoreList":[]}

package/lib/module/components/empty-state/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/components/empty-state/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/empty-state/types.ts"],"mappings":"","ignoreList":[]}