@kanso-labs/react-native-kanso-ui 0.8.0 → 0.9.0

package/dist/components/breadcrumbs/index.js

@@ -0,0 +1,285 @@
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
+import { ChevronEndGlyph } from "../../glyphs/index.js";
+import { Link } from "../link/index.js";
+import { c } from "react/compiler-runtime";
+import { Platform, StyleSheet, Text, View } from "react-native";
+import { Children, Fragment, createContext, isValidElement, use } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/breadcrumbs/index.tsx
+const ItemContext = createContext({
+	isCurrent: false,
+	isDisabled: false,
+	onAction: void 0
+});
+const CURRENT_PAGE = { "aria-current": "page" };
+const CHEVRON_SIZE = 18;
+const stylesOf = themedStyles(({ colors, spacing }) => StyleSheet.create({
+	chevron: { flexShrink: 0 },
+	current: { color: colors.onSurface },
+	item: {
+		alignItems: "center",
+		columnGap: spacing.xs,
+		flexDirection: "row",
+		flexShrink: 1
+	},
+	label: {
+		color: colors.onSurfaceVariant,
+		flexShrink: 1
+	},
+	root: {
+		alignItems: "center",
+		flexDirection: "row",
+		flexWrap: "wrap",
+		gap: spacing.xs
+	}
+}));
+function actionOf(id, onAction) {
+	return id === void 0 || onAction === void 0 ? void 0 : () => {
+		onAction(id);
+	};
+}
+/**
+* A trail of links back up a hierarchy, ending at the screen you are on. The
+* last item is the current one and is drawn as text; everything before it is
+* a link.
+*
+* ```tsx
+* <Breadcrumbs aria-label="Label">
+*   <Breadcrumbs.Item href="/first">First item</Breadcrumbs.Item>
+*   <Breadcrumbs.Item href="/second">Second item</Breadcrumbs.Item>
+*   <Breadcrumbs.Item>Third item</Breadcrumbs.Item>
+* </Breadcrumbs>
+* ```
+*
+* Name it with `aria-label`. A screen that navigates without an `href` gives
+* each item an `id` and the trail an `onAction`, which is handed the `id` of
+* the item pressed. The items may come as one fragment. `style`, `ref` and
+* `testID` land on the row, which is the element a layout positions.
+*/
+function Breadcrumbs(t0) {
+	const $ = c(26);
+	let children;
+	let onAction;
+	let props;
+	let style;
+	let t1;
+	if ($[0] !== t0) {
+		({children, isDisabled: t1, onAction, style, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = onAction;
+		$[3] = props;
+		$[4] = style;
+		$[5] = t1;
+	} else {
+		children = $[1];
+		onAction = $[2];
+		props = $[3];
+		style = $[4];
+		t1 = $[5];
+	}
+	const isDisabled = t1 === void 0 ? false : t1;
+	const theme = useTheme();
+	let T0;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[6] !== children || $[7] !== isDisabled || $[8] !== onAction || $[9] !== props || $[10] !== style || $[11] !== theme) {
+		const items = positionsOf(itemsOf(children), isDisabled, onAction);
+		T0 = View;
+		t2 = props;
+		t3 = "group";
+		if ($[17] !== style || $[18] !== theme) {
+			t4 = composeStyles(stylesOf(theme).root, style);
+			$[17] = style;
+			$[18] = theme;
+			$[19] = t4;
+		} else t4 = $[19];
+		t5 = items.map(_temp);
+		$[6] = children;
+		$[7] = isDisabled;
+		$[8] = onAction;
+		$[9] = props;
+		$[10] = style;
+		$[11] = theme;
+		$[12] = T0;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+	} else {
+		T0 = $[12];
+		t2 = $[13];
+		t3 = $[14];
+		t4 = $[15];
+		t5 = $[16];
+	}
+	let t6;
+	if ($[20] !== T0 || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
+		t6 = /* @__PURE__ */ jsx(T0, {
+			...t2,
+			role: t3,
+			style: t4,
+			children: t5
+		});
+		$[20] = T0;
+		$[21] = t2;
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+	} else t6 = $[25];
+	return t6;
+}
+/**
+* One entry in the trail. Give it an `href` to navigate, or an `id` and let
+* the trail's `onAction` handle it. The last entry is the current screen and
+* is drawn as text rather than a link, whatever it is given. `style`, `ref`
+* and `testID` land on the entry's row, which holds its label and the
+* chevron after it.
+*/
+function _temp(t0) {
+	const { element, key, position } = t0;
+	return /* @__PURE__ */ jsx(ItemContext, {
+		value: position,
+		children: element
+	}, key);
+}
+function BreadcrumbsItem(t0) {
+	const $ = c(31);
+	let children;
+	let href;
+	let id;
+	let props;
+	let style;
+	if ($[0] !== t0) {
+		({children, href, id, style, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = href;
+		$[3] = id;
+		$[4] = props;
+		$[5] = style;
+	} else {
+		children = $[1];
+		href = $[2];
+		id = $[3];
+		props = $[4];
+		style = $[5];
+	}
+	const theme = useTheme();
+	const { isCurrent, isDisabled, onAction } = use(ItemContext);
+	const labelRole = useTypeRole("labelLarge");
+	let T0;
+	let label;
+	let own;
+	let t1;
+	let t2;
+	if ($[6] !== isCurrent || $[7] !== labelRole || $[8] !== props || $[9] !== style || $[10] !== theme) {
+		own = stylesOf(theme);
+		label = composeStyles(labelRole, own.label, isCurrent ? own.current : void 0);
+		T0 = View;
+		t1 = props;
+		t2 = composeStyles(own.item, style);
+		$[6] = isCurrent;
+		$[7] = labelRole;
+		$[8] = props;
+		$[9] = style;
+		$[10] = theme;
+		$[11] = T0;
+		$[12] = label;
+		$[13] = own;
+		$[14] = t1;
+		$[15] = t2;
+	} else {
+		T0 = $[11];
+		label = $[12];
+		own = $[13];
+		t1 = $[14];
+		t2 = $[15];
+	}
+	let t3;
+	if ($[16] !== children || $[17] !== href || $[18] !== id || $[19] !== isCurrent || $[20] !== isDisabled || $[21] !== label || $[22] !== onAction || $[23] !== own || $[24] !== theme) {
+		t3 = isCurrent ? /* @__PURE__ */ jsx(Text, {
+			...Platform.OS === "web" ? CURRENT_PAGE : void 0,
+			style: label,
+			children
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Text, {
+			style: label,
+			children: /* @__PURE__ */ jsx(Link, {
+				href,
+				isDisabled,
+				onPress: actionOf(id, isDisabled ? void 0 : onAction),
+				tone: "inherit",
+				underline: "hover",
+				children
+			})
+		}), /* @__PURE__ */ jsx(ChevronEndGlyph, {
+			color: theme.colors.onSurfaceVariant,
+			size: CHEVRON_SIZE,
+			style: own.chevron
+		})] });
+		$[16] = children;
+		$[17] = href;
+		$[18] = id;
+		$[19] = isCurrent;
+		$[20] = isDisabled;
+		$[21] = label;
+		$[22] = onAction;
+		$[23] = own;
+		$[24] = theme;
+		$[25] = t3;
+	} else t3 = $[25];
+	let t4;
+	if ($[26] !== T0 || $[27] !== t1 || $[28] !== t2 || $[29] !== t3) {
+		t4 = /* @__PURE__ */ jsx(T0, {
+			...t1,
+			style: t2,
+			children: t3
+		});
+		$[26] = T0;
+		$[27] = t1;
+		$[28] = t2;
+		$[29] = t3;
+		$[30] = t4;
+	} else t4 = $[30];
+	return t4;
+}
+/**
+* The entries among a trail's children, with any fragment between them
+* opened, so a trail can take its items as one fragment. Each keeps a key
+* made of its own and its fragments', so two fragments' children never share
+* one.
+*/
+function itemsOf(children, prefix = "") {
+	return Children.toArray(children).flatMap((child) => {
+		if (!isValidElement(child)) return [];
+		const key = `${prefix}${String(child.key)}`;
+		return child.type === Fragment ? itemsOf(child.props.children, `${key}/`) : [{
+			element: child,
+			key
+		}];
+	});
+}
+/**
+* Each entry with where it stands: the last is the current one, and the
+* trail's `isDisabled` and `onAction` reach every one.
+*/
+function positionsOf(items, isDisabled, onAction) {
+	return items.map((item, index) => ({
+		...item,
+		position: {
+			isCurrent: index === items.length - 1,
+			isDisabled,
+			onAction
+		}
+	}));
+}
+Breadcrumbs.Item = BreadcrumbsItem;
+//#endregion
+export { Breadcrumbs, BreadcrumbsItem };
+
+//# sourceMappingURL=index.js.map

package/dist/components/breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ComponentRef","ReactElement","ReactNode","Ref","StyleProp","TextStyle","ViewProps","ViewStyle","Key","Children","createContext","Fragment","isValidElement","use","Text","NativeText","Platform","StyleSheet","View","ChevronEndGlyph","useTheme","composeStyles","themedStyles","useTypeRole","Link","BreadcrumbsItemProps","Omit","children","href","id","ref","style","BreadcrumbsProps","isDisabled","onAction","key","ItemPosition","isCurrent","ItemContext","undefined","CURRENT_PAGE","const","CHEVRON_SIZE","stylesOf","colors","spacing","create","chevron","flexShrink","current","color","onSurface","item","alignItems","columnGap","xs","flexDirection","label","onSurfaceVariant","root","flexWrap","gap","actionOf","Breadcrumbs","t0","$","_c","props","t1","theme","T0","t2","t3","t4","t5","items","positionsOf","itemsOf","map","_temp","t6","element","position","BreadcrumbsItem","labelRole","own","OS","prefix","toArray","flatMap","child","String","type","index","length","Item","_c","NativeText"],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactElement, ReactNode, Ref } from 'react'\nimport type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'\nimport type { Key } from 'react-stately'\n\nimport { Children, createContext, Fragment, isValidElement, use } from 'react'\nimport { Text as NativeText, Platform, StyleSheet, View } from 'react-native'\n\nimport { ChevronEndGlyph } from '../../glyphs'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\nimport { Link } from '../link'\n\n// kanso-ui's Breadcrumbs: a trail of links back up a hierarchy, ending at the\n// screen you are on. Material Design has no breadcrumbs page, so web's\n// reading stands, taken from the two nearest pages: the row takes the top app\n// bar's muted content role, on-surface variant, and each link the text\n// button's label large type.\n//\n// Three things are this component's own, as they are web's.\n//\n// **The current item is text, not a link.** It is the last item, drawn in\n// the full-strength on-surface role, so the screen you are on is the most\n// legible thing in the row rather than a faded disabled link. Native has no\n// counterpart to web's `aria-current`, so there it is told apart by being the\n// one item that leads nowhere; on the web it carries `aria-current=\"page\"`,\n// as web's does.\n//\n// **The chevron belongs to the item before it.** Each item that is not the\n// current one draws one after its link, which puts a separator between every\n// pair and none at the end. It says \"further in\" rather than \"to the right\",\n// so it mirrors under a right-to-left layout, and a screen reader skips it.\n//\n// **A link is drawn as a link in a place already understood to be links.**\n// Each is the library's Link with `tone=\"inherit\"`, taking the row's muted\n// colour, and `underline=\"hover\"`, leaving the rule for a pointer. A press\n// goes through the `RouterProvider` around the trail, as any Link's does.\n//\n// The trail is one group named by its `aria-label`, and it wraps onto further\n// lines rather than running off the edge.\n\ntype BreadcrumbsItemProps = Omit<ViewProps, 'children' | 'id' | 'style'> & {\n  /** The item's label. */\n  readonly children?: ReactNode\n  /**\n   * Where the item leads. Leave it out on an item the screen handles through\n   * the trail's `onAction`, and on the current one, which is never a link.\n   */\n  readonly href?: string\n  /** What the trail's `onAction` is handed when the item is pressed. */\n  readonly id?: Key\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n}\n\ntype BreadcrumbsProps = Omit<ViewProps, 'children' | 'style'> & {\n  /** The trail, as `Breadcrumbs.Item` entries. */\n  readonly children?: ReactNode\n  /**\n   * Disables every link in the trail.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /**\n   * Called with an item's `id` when its link is pressed, for a screen that\n   * navigates without an `href`.\n   */\n  readonly onAction?: (key: Key) => void\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n}\n\n/** Where an item stands in its trail, which the trail tells each one. */\ntype ItemPosition = {\n  readonly isCurrent: boolean\n  readonly isDisabled: boolean\n  readonly onAction: ((key: Key) => void) | undefined\n}\n\n// An item outside a trail is a link like any other.\nconst ItemContext = createContext<ItemPosition>({\n  isCurrent: false,\n  isDisabled: false,\n  onAction: undefined,\n})\n\n// What marks the current item on the web, where a screen reader reads it.\nconst CURRENT_PAGE = { 'aria-current': 'page' } as const\n\n// 18dp, a step under the 20dp the menus page gives the same glyph, as web's\n// is: a separator inside a row of label large links sits heavier than the\n// words either side of it at 20.\nconst CHEVRON_SIZE = 18\n\nconst stylesOf = themedStyles(({ colors, spacing }) =>\n  StyleSheet.create({\n    chevron: {\n      flexShrink: 0,\n    },\n    // The item you are on: the links' type in the full-strength content role,\n    // so it reads as the end of the trail.\n    current: {\n      color: colors.onSurface,\n    },\n    // An item's label and chevron. It shrinks to the row's width when its\n    // label alone is wider, so the label wraps inside it.\n    item: {\n      alignItems: 'center',\n      columnGap: spacing.xs,\n      flexDirection: 'row',\n      flexShrink: 1,\n    },\n    label: {\n      color: colors.onSurfaceVariant,\n      flexShrink: 1,\n    },\n    root: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      gap: spacing.xs,\n    },\n  }),\n)\n\n// What a press on an item's link reports, when the item has an `id` and the\n// trail listens. A disabled trail hands its links nothing to call.\nfunction actionOf(id: Key | undefined, onAction: ItemPosition['onAction']) {\n  return id === undefined || onAction === undefined\n    ? undefined\n    : () => {\n        onAction(id)\n      }\n}\n\n/**\n * A trail of links back up a hierarchy, ending at the screen you are on. The\n * last item is the current one and is drawn as text; everything before it is\n * a link.\n *\n * ```tsx\n * <Breadcrumbs aria-label=\"Label\">\n *   <Breadcrumbs.Item href=\"/first\">First item</Breadcrumbs.Item>\n *   <Breadcrumbs.Item href=\"/second\">Second item</Breadcrumbs.Item>\n *   <Breadcrumbs.Item>Third item</Breadcrumbs.Item>\n * </Breadcrumbs>\n * ```\n *\n * Name it with `aria-label`. A screen that navigates without an `href` gives\n * each item an `id` and the trail an `onAction`, which is handed the `id` of\n * the item pressed. The items may come as one fragment. `style`, `ref` and\n * `testID` land on the row, which is the element a layout positions.\n */\nfunction Breadcrumbs({\n  children,\n  isDisabled = false,\n  onAction,\n  style,\n  ...props\n}: BreadcrumbsProps) {\n  const theme = useTheme()\n  const items = positionsOf(itemsOf(children), isDisabled, onAction)\n\n  return (\n    <View\n      {...props}\n      role=\"group\"\n      style={composeStyles<ViewStyle>(stylesOf(theme).root, style)}\n    >\n      {items.map(({ element, key, position }) => (\n        <ItemContext key={key} value={position}>\n          {element}\n        </ItemContext>\n      ))}\n    </View>\n  )\n}\n\n/**\n * One entry in the trail. Give it an `href` to navigate, or an `id` and let\n * the trail's `onAction` handle it. The last entry is the current screen and\n * is drawn as text rather than a link, whatever it is given. `style`, `ref`\n * and `testID` land on the entry's row, which holds its label and the\n * chevron after it.\n */\nfunction BreadcrumbsItem({\n  children,\n  href,\n  id,\n  style,\n  ...props\n}: BreadcrumbsItemProps) {\n  const theme = useTheme()\n  const { isCurrent, isDisabled, onAction } = use(ItemContext)\n  const labelRole = useTypeRole('labelLarge')\n\n  const own = stylesOf(theme)\n  const label = composeStyles<TextStyle>(\n    labelRole,\n    own.label,\n    isCurrent ? own.current : undefined,\n  )\n\n  return (\n    <View {...props} style={composeStyles<ViewStyle>(own.item, style)}>\n      {isCurrent ? (\n        <NativeText\n          {...(Platform.OS === 'web' ? CURRENT_PAGE : undefined)}\n          style={label}\n        >\n          {children}\n        </NativeText>\n      ) : (\n        <>\n          <NativeText style={label}>\n            <Link\n              href={href}\n              isDisabled={isDisabled}\n              onPress={actionOf(id, isDisabled ? undefined : onAction)}\n              tone=\"inherit\"\n              underline=\"hover\"\n            >\n              {children}\n            </Link>\n          </NativeText>\n          <ChevronEndGlyph\n            color={theme.colors.onSurfaceVariant}\n            size={CHEVRON_SIZE}\n            style={own.chevron}\n          />\n        </>\n      )}\n    </View>\n  )\n}\n\n/**\n * The entries among a trail's children, with any fragment between them\n * opened, so a trail can take its items as one fragment. Each keeps a key\n * made of its own and its fragments', so two fragments' children never share\n * one.\n */\nfunction itemsOf(\n  children: ReactNode,\n  prefix = '',\n): { readonly element: ReactElement; readonly key: string }[] {\n  return Children.toArray(children).flatMap((child) => {\n    if (!isValidElement<{ readonly children?: ReactNode }>(child)) {\n      return []\n    }\n    const key = `${prefix}${String(child.key)}`\n    return child.type === Fragment\n      ? itemsOf(child.props.children, `${key}/`)\n      : [{ element: child, key }]\n  })\n}\n\n/**\n * Each entry with where it stands: the last is the current one, and the\n * trail's `isDisabled` and `onAction` reach every one.\n */\nfunction positionsOf(\n  items: readonly { readonly element: ReactElement; readonly key: string }[],\n  isDisabled: boolean,\n  onAction: ItemPosition['onAction'],\n) {\n  return items.map((item, index) => ({\n    ...item,\n    position: {\n      isCurrent: index === items.length - 1,\n      isDisabled,\n      onAction,\n    } satisfies ItemPosition,\n  }))\n}\n\nBreadcrumbs.Item = BreadcrumbsItem\n\nexport { Breadcrumbs, BreadcrumbsItem }\nexport type { BreadcrumbsItemProps, BreadcrumbsProps }\n"],"mappings":"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"}

package/dist/components/checkbox/index.d.ts

@@ -49,6 +49,12 @@ type CheckboxProps = Omit<ViewProps, 'children' | 'style'> & {
   readonly onChange?: (isSelected: boolean) => void;
   readonly ref?: Ref<ComponentRef<typeof View>>;
   readonly style?: StyleProp<ViewStyle>;
+  /**
+   * The entry this checkbox stands for inside a `CheckboxGroup`, which the
+   * group's value holds while it is selected. Required there, and unused
+   * outside one.
+   */
+  readonly value?: string;
 };
 /**
  * A checkbox with its label, and optionally a description or an error under
@@ -70,7 +76,7 @@ type CheckboxProps = Omit<ViewProps, 'children' | 'style'> & {
  * holding the row and the line under it, which is the element a layout
  * positions.
  */
-declare function Checkbox({ 'aria-label': ariaLabel, children, defaultSelected, description, error, isDisabled, isIndeterminate, isReadOnly, isSelected, onChange, style, ...props }: CheckboxProps): import("react").JSX.Element;
+declare function Checkbox({ 'aria-label': ariaLabel, children, defaultSelected, description, error, isDisabled: ownDisabled, isIndeterminate, isReadOnly: ownReadOnly, isSelected, onChange, style, value, ...props }: CheckboxProps): import("react").JSX.Element;
 //#endregion
 export { Checkbox, type CheckboxProps };
 //# sourceMappingURL=index.d.ts.map