@tamagui/list-item 2.7.7 → 3.0.0-beta.1091.1

package/dist/esm/ListItem.native.js

@@ -1,233 +1,119 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getFontSize } from "@tamagui/font-size";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getFontSized } from "@tamagui/get-font-sized";
-import { getSize, getSpace } from "@tamagui/get-token";
-import { withStaticProperties } from "@tamagui/helpers";
-import { getIcon, useCurrentColor } from "@tamagui/helpers-tamagui";
+import { getThemedIconSize, useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { oneSizeSmaller, resolveSize } from "@tamagui/size";
 import { YStack } from "@tamagui/stacks";
-import { SizableText, wrapChildrenInText } from "@tamagui/text";
-import { createStyledContext, styled, View } from "@tamagui/web";
-var NAME = "ListItem";
-var context = createStyledContext({
-  size: void 0,
-  variant: void 0,
-  color: void 0
+import { SizableText, textParentProps, wrapChildrenInText } from "@tamagui/text";
+import { View, createStyledContext, splitStyleProps, styled } from "@tamagui/web";
+
+var ListItemContext = createStyledContext({
+	size: void 0,
+	variant: void 0,
+	color: void 0
+});
+var listItemSizeVariant = styled.dynamic(function(val, env) {
+	var { frame } = resolveSize(val, env);
+	return {
+		minHeight: frame.minHeight,
+		paddingHorizontal: frame.paddingHorizontal,
+		paddingVertical: frame.paddingVertical,
+		gap: frame.gap
+	};
+});
+var listItemSubtitleSizeVariant = styled.dynamic(function(val, env) {
+	return getFontSized(oneSizeSmaller(val, env.sizes), env);
 });
 var ListItemFrame = styled(View, {
-  context,
-  name: NAME,
-  render: "li",
-  role: "listitem",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        justifyContent: "space-between",
-        flexWrap: "nowrap",
-        borderColor: "$borderColor",
-        width: "100%",
-        maxWidth: "100%",
-        overflow: "hidden",
-        flexDirection: "row",
-        backgroundColor: "$background",
-        cursor: "default",
-        hoverStyle: {
-          backgroundColor: "$backgroundHover",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    variant: {
-      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
-        backgroundColor: "transparent",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    size: {
-      "...size": function (val, param) {
-        var {
-          tokens
-        } = param;
-        return {
-          minHeight: tokens.size[val],
-          paddingHorizontal: tokens.space[val],
-          paddingVertical: getSpace(tokens.space[val], {
-            shift: -4
-          })
-        };
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        opacity: 0.5,
-        pointerEvents: "none"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	context: ListItemContext,
+	displayName: "ListItemFrame",
+	role: "listitem",
+	render: "li",
+	size: true,
+	alignItems: "center",
+	justifyContent: "space-between",
+	flexWrap: "nowrap",
+	width: "100%",
+	maxWidth: "100%",
+	overflow: "hidden",
+	flexDirection: "row",
+	variants: {
+		size: listItemSizeVariant,
+		disabled: { true: { pointerEvents: "none" } }
+	}
 });
 var ListItemText = styled(SizableText, {
-  context,
-  name: "ListItemText",
-  variants: {
-    unstyled: {
-      false: {
-        color: "$color",
-        size: "$true",
-        flexGrow: 1,
-        flexShrink: 1,
-        ellipsis: true,
-        cursor: "inherit"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	context: ListItemContext,
+	displayName: "ListItemText",
+	size: true,
+	flexGrow: 1,
+	flexShrink: 1,
+	ellipsis: true,
+	cursor: "inherit"
 });
 var ListItemSubtitle = styled(ListItemText, {
-  name: "ListItemSubtitle",
-  context,
-  variants: {
-    unstyled: {
-      false: {
-        opacity: 0.6,
-        maxWidth: "100%",
-        color: "$color"
-      }
-    },
-    size: {
-      "...size": function (val, extras) {
-        var oneSmaller = getSize(val, {
-          shift: -1,
-          excludeHalfSteps: true
-        });
-        var fontStyle = getFontSized(oneSmaller.key, extras);
-        return fontStyle;
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	context: ListItemContext,
+	displayName: "ListItemSubtitle",
+	opacity: .6,
+	maxWidth: "100%",
+	variants: { size: listItemSubtitleSizeVariant }
 });
 var ListItemTitle = styled(ListItemText, {
-  name: "ListItemTitle",
-  context,
-  variants: {
-    unstyled: {
-      false: {}
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	context: ListItemContext,
+	displayName: "ListItemTitle"
 });
-var ListItemIcon = function (props) {
-  var {
-    children,
-    size,
-    scaleIcon = 1
-  } = props;
-  var styledContext = context.useStyledContext();
-  if (!styledContext) {
-    throw new Error("ListItem.Icon must be used within a ListItem");
-  }
-  var _ref;
-  var sizeToken = (_ref = size !== null && size !== void 0 ? size : styledContext.size) !== null && _ref !== void 0 ? _ref : "$true";
-  var iconColor = useCurrentColor(styledContext.color);
-  var iconSize = getFontSize(sizeToken) * scaleIcon;
-  return getIcon(children, {
-    size: iconSize,
-    color: iconColor
-  });
+var ListItemIcon = function(param) {
+	var { children, size, scaleIcon = 1 } = param;
+	var context = ListItemContext.useStyledContext();
+	var _ref;
+	var getThemedIcon = useGetThemedIcon({
+		size: getThemedIconSize((_ref = size !== null && size !== void 0 ? size : context.size) !== null && _ref !== void 0 ? _ref : true, scaleIcon),
+		color: context.color
+	});
+	return getThemedIcon(children);
 };
-var ListItemComponent = ListItemFrame.styleable(function ListItem(propsIn, ref) {
-  var {
-    children,
-    icon,
-    iconAfter,
-    scaleIcon = 1,
-    unstyled = false,
-    subTitle,
-    title,
-    iconSize,
-    ...rest
-  } = propsIn;
-  var size = propsIn.size || "$true";
-  var styledContext = context.useStyledContext();
-  var iconColor = useCurrentColor(styledContext === null || styledContext === void 0 ? void 0 : styledContext.color);
-  var iconSizeNumber = getFontSize(iconSize || size) * scaleIcon;
-  var iconSpacing = iconSizeNumber * 0.4;
-  var themedIcon = icon ? /* @__PURE__ */_jsx(View, {
-    marginRight: iconSpacing,
-    children: getIcon(icon, {
-      size: iconSizeNumber,
-      color: iconColor
-    })
-  }) : null;
-  var themedIconAfter = iconAfter ? /* @__PURE__ */_jsx(View, {
-    marginLeft: iconSpacing,
-    children: getIcon(iconAfter, {
-      size: iconSizeNumber,
-      color: iconColor
-    })
-  }) : null;
-  var wrappedChildren = wrapChildrenInText(ListItemText, {
-    children
-  }, propsIn.unstyled !== true ? {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1",
-    fontSize: propsIn.size
-  } : void 0);
-  return /* @__PURE__ */_jsxs(ListItemFrame, {
-    ref,
-    ...rest,
-    children: [themedIcon, title || subTitle ? /* @__PURE__ */_jsxs(YStack, {
-      flex: 1,
-      children: [title ? typeof title === "string" ? /* @__PURE__ */_jsx(ListItemTitle, {
-        unstyled,
-        size,
-        children: title
-      }) : title : null, subTitle ? /* @__PURE__ */_jsx(_Fragment, {
-        children: typeof subTitle === "string" ? /* @__PURE__ */_jsx(ListItemSubtitle, {
-          unstyled,
-          size,
-          children: subTitle
-        }) : subTitle
-      }) : null, wrappedChildren]
-    }) : wrappedChildren, themedIconAfter]
-  });
-});
-var ListItem2 = withStaticProperties(ListItemComponent, {
-  Apply: context.Provider,
-  Frame: ListItemFrame,
-  Text: ListItemText,
-  Subtitle: ListItemSubtitle,
-  Icon: ListItemIcon,
-  Title: ListItemTitle
-});
-export { ListItem2 as ListItem };
+function useListItem(propsIn) {
+	var [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {
+		expandShorthands: true,
+		filter: textParentProps
+	});
+	var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;
+	var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;
+	var context = ListItemContext.useStyledContext();
+	var _ref, _ref1, _propsIn_color;
+	var getThemedIcon = useGetThemedIcon({
+		size: getThemedIconSize((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),
+		color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color
+	});
+	var wrappedChildren = wrapChildrenInText(ListItemText, {
+		children,
+		noTextWrap,
+		textProps
+	}, textStyleProps);
+	return { props: {
+		...frameProps,
+		color: propsIn.color,
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			icon ? getThemedIcon(icon) : null,
+			title || subTitle ? /* @__PURE__ */ jsxs(YStack, {
+				flex: 1,
+				children: [
+					typeof title === "string" ? /* @__PURE__ */ jsx(ListItemTitle, {
+						...textStyleProps,
+						...textProps,
+						children: title
+					}) : title,
+					typeof subTitle === "string" ? /* @__PURE__ */ jsx(ListItemSubtitle, {
+						...textStyleProps,
+						...textProps,
+						children: subTitle
+					}) : subTitle,
+					wrappedChildren
+				]
+			}) : wrappedChildren,
+			iconAfter ? getThemedIcon(iconAfter) : null
+		] })
+	} };
+}
+
+export { ListItemContext, ListItemFrame, ListItemIcon, ListItemSubtitle, ListItemText, ListItemTitle, listItemSizeVariant, useListItem };
 //# sourceMappingURL=ListItem.native.js.map

package/dist/esm/ListItem.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","getFontSize","getFontSized","getSize","getSpace","withStaticProperties","getIcon","useCurrentColor","YStack","SizableText","wrapChildrenInText","createStyledContext","styled","View","NAME","context","size","variant","color","ListItemFrame","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","fontStyle","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconColor","iconSize","ListItemComponent","styleable","ListItem","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","iconSpacing","themedIcon","marginRight","themedIconAfter","marginLeft","wrappedChildren","fontSize","flex"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ListItem.native.js","names":["_Fragment"],"sources":["esm/ListItem.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { getFontSized } from \"@tamagui/get-font-sized\";\nimport { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { oneSizeSmaller, resolveSize } from \"@tamagui/size\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, splitStyleProps, styled, View } from \"@tamagui/web\";\nvar ListItemContext = createStyledContext({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nvar listItemSizeVariant = styled.dynamic(function(val, env) {\n  var { frame } = resolveSize(val, env);\n  return {\n    minHeight: frame.minHeight,\n    paddingHorizontal: frame.paddingHorizontal,\n    paddingVertical: frame.paddingVertical,\n    gap: frame.gap\n  };\n});\nvar listItemSubtitleSizeVariant = styled.dynamic(function(val, env) {\n  return getFontSized(oneSizeSmaller(val, env.sizes), env);\n});\nvar ListItemFrame = styled(View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  size: true,\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    size: listItemSizeVariant,\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ListItemText = styled(SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nvar ListItemSubtitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\",\n  variants: {\n    size: listItemSubtitleSizeVariant\n  }\n});\nvar ListItemTitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nvar ListItemIcon = function(param) {\n  var { children, size, scaleIcon = 1 } = param;\n  var context = ListItemContext.useStyledContext();\n  var _ref;\n  var getThemedIcon = useGetThemedIcon({\n    size: getThemedIconSize((_ref = size !== null && size !== void 0 ? size : context.size) !== null && _ref !== void 0 ? _ref : true, scaleIcon),\n    color: context.color\n  });\n  return getThemedIcon(children);\n};\nfunction useListItem(propsIn) {\n  var [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n  var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  var context = ListItemContext.useStyledContext();\n  var _ref, _ref1, _propsIn_color;\n  var getThemedIcon = useGetThemedIcon({\n    size: getThemedIconSize((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),\n    color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n  });\n  var wrappedChildren = wrapChildrenInText(ListItemText, {\n    children,\n    noTextWrap,\n    textProps\n  }, textStyleProps);\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ _jsxs(_Fragment, {\n        children: [\n          icon ? getThemedIcon(icon) : null,\n          title || subTitle ? /* @__PURE__ */ _jsxs(YStack, {\n            flex: 1,\n            children: [\n              typeof title === \"string\" ? /* @__PURE__ */ _jsx(ListItemTitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: title\n              }) : title,\n              typeof subTitle === \"string\" ? /* @__PURE__ */ _jsx(ListItemSubtitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: subTitle\n              }) : subTitle,\n              wrappedChildren\n            ]\n          }) : wrappedChildren,\n          iconAfter ? getThemedIcon(iconAfter) : null\n        ]\n      })\n    }\n  };\n}\nexport {\n  ListItemContext,\n  ListItemFrame,\n  ListItemIcon,\n  ListItemSubtitle,\n  ListItemText,\n  ListItemTitle,\n  listItemSizeVariant,\n  useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,2 +1 @@
-export * from "./ListItem.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./ListItem.mjs"

package/dist/esm/index.mjs

@@ -1,2 +1 @@
-export * from "./ListItem.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./ListItem.mjs"

package/dist/esm/index.native.js

@@ -1,2 +1 @@
-export * from "./ListItem.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./ListItem.native.js"