@tamagui/list-item 1.143.1 → 2.0.0-1

package/dist/cjs/ListItem.native.js

@@ -22,12 +22,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var ListItem_exports = {};
 __export(ListItem_exports, {
-  ListItem: () => ListItem2,
-  ListItemFrame: () => ListItemFrame,
-  ListItemSubtitle: () => ListItemSubtitle,
-  ListItemText: () => ListItemText,
-  ListItemTitle: () => ListItemTitle,
-  useListItem: () => useListItem
+  ListItem: () => ListItem2
 });
 module.exports = __toCommonJS(ListItem_exports);
 var import_jsx_runtime = require("react/jsx-runtime"),
@@ -40,9 +35,18 @@ var import_jsx_runtime = require("react/jsx-runtime"),
   import_text = require("@tamagui/text"),
   import_web = require("@tamagui/web"),
   NAME = "ListItem",
-  ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  context = (0, import_web.createStyledContext)({
+    size: void 0,
+    variant: void 0,
+    color: void 0
+  }),
+  ListItemFrame = (0, import_web.styled)(import_web.View, {
+    context,
     name: NAME,
     tag: "li",
+    role: "listitem",
+    ...import_stacks.themeableVariants.pressTheme.true,
+    ...import_stacks.themeableVariants.hoverTheme.true,
     variants: {
       unstyled: {
         false: {
@@ -50,13 +54,34 @@ var import_jsx_runtime = require("react/jsx-runtime"),
           alignItems: "center",
           justifyContent: "space-between",
           flexWrap: "nowrap",
-          width: "100%",
           borderColor: "$borderColor",
+          width: "100%",
           maxWidth: "100%",
           overflow: "hidden",
           flexDirection: "row",
           backgroundColor: "$background",
-          cursor: "default"
+          cursor: "default",
+          hoverStyle: {
+            backgroundColor: "$backgroundHover"
+          },
+          pressStyle: {
+            backgroundColor: "$backgroundPress"
+          }
+        }
+      },
+      variant: {
+        outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
+          backgroundColor: "transparent",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          hoverStyle: {
+            backgroundColor: "transparent",
+            borderColor: "$borderColorHover"
+          },
+          pressStyle: {
+            backgroundColor: "transparent",
+            borderColor: "$borderColorPress"
+          }
         }
       },
       size: {
@@ -83,7 +108,6 @@ var import_jsx_runtime = require("react/jsx-runtime"),
       disabled: {
         true: {
           opacity: 0.5,
-          // TODO breaking types
           pointerEvents: "none"
         }
       }
@@ -93,6 +117,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
     }
   }),
   ListItemText = (0, import_web.styled)(import_text.SizableText, {
+    context,
     name: "ListItemText",
     variants: {
       unstyled: {
@@ -101,7 +126,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
           size: "$true",
           flexGrow: 1,
           flexShrink: 1,
-          ellipse: !0,
+          ellipsis: !0,
           cursor: "inherit"
         }
       }
@@ -112,6 +137,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
   }),
   ListItemSubtitle = (0, import_web.styled)(ListItemText, {
     name: "ListItemSubtitle",
+    context,
     variants: {
       unstyled: {
         false: {
@@ -136,112 +162,92 @@ var import_jsx_runtime = require("react/jsx-runtime"),
     }
   }),
   ListItemTitle = (0, import_web.styled)(ListItemText, {
-    name: "ListItemTitle"
+    name: "ListItemTitle",
+    context,
+    variants: {
+      unstyled: {
+        false: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
   }),
-  useListItem = function (propsIn) {
+  ListItemIcon = function (props) {
+    var {
+        children,
+        size,
+        scaleIcon = 1
+      } = props,
+      styledContext = context.useStyledContext();
+    if (!styledContext) throw new Error("ListItem.Icon must be used within a ListItem");
+    var _ref,
+      sizeToken = (_ref = size ?? styledContext.size) !== null && _ref !== void 0 ? _ref : "$true",
+      iconSize = (0, import_font_size.getFontSize)(sizeToken) * scaleIcon,
+      getIcon = (0, import_helpers_tamagui.useGetIcon)();
+    return getIcon(children, {
+      size: iconSize,
+      color: styledContext.color
+    });
+  },
+  ListItemComponent = ListItemFrame.styleable(function (propsIn, ref) {
     var {
-        Text = ListItemText,
-        Subtitle = ListItemSubtitle,
-        Title = ListItemTitle
-      } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
-        Text: ListItemText,
-        Subtitle: ListItemSubtitle,
-        Title: ListItemTitle
-      },
-      props = (0, import_web.useProps)(propsIn, {
-        resolveValues: "none"
-      }),
-      {
         children,
         icon,
         iconAfter,
-        noTextWrap,
-        theme: themeName,
-        space,
-        spaceFlex,
         scaleIcon = 1,
-        scaleSpace = 1,
         unstyled = !1,
         subTitle,
         title,
-        // text props
-        color,
+        iconSize,
         fontWeight,
-        fontSize,
-        fontFamily,
-        letterSpacing,
-        textAlign,
-        ellipse,
         ...rest
-      } = props,
-      textProps = {
-        color,
-        fontWeight,
-        fontSize,
-        fontFamily,
-        letterSpacing,
-        textAlign,
-        ellipse,
-        children
-      },
-      size = props.size || "$true",
-      iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon,
-      getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
-        size: iconSize,
-        color
+      } = propsIn,
+      size = propsIn.size || "$true",
+      styledContext = context.useStyledContext(),
+      getIcon = (0, import_helpers_tamagui.useGetIcon)(),
+      iconSizeNumber = (0, import_font_size.getFontSize)(iconSize || size) * scaleIcon,
+      [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2, i) {
+        if (!icon2) return null;
+        var isBefore = i === 0;
+        return getIcon(icon2, {
+          size: iconSizeNumber,
+          color: styledContext?.color,
+          [isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
+        });
       }),
-      [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon),
-      _getTokens_space_props_space,
-      sizeToken = (_getTokens_space_props_space = (0, import_web.getTokens)().space[props.space]) !== null && _getTokens_space_props_space !== void 0 ? _getTokens_space_props_space : iconSize,
-      spaceSize = (0, import_web.getVariableValue)(sizeToken) * scaleSpace,
-      contents = (0, import_text.wrapChildrenInText)(Text, textProps);
-    return {
-      props: {
-        ...rest,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [themedIcon ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-            children: [themedIcon, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web.Spacer, {
-              size: spaceSize
-            })]
-          }) : null, /* helper for common title/subtitle pttern */
-          /* biome-ignore lint/complexity/noExtraBooleanCast: <explanation> */
-          title || subTitle ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_stacks.YStack, {
-            flex: 1,
-            children: [noTextWrap === "all" ? title : /* @__PURE__ */(0, import_jsx_runtime.jsx)(Title, {
-              size,
-              children: title
-            }), subTitle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-              children: typeof subTitle == "string" && noTextWrap !== "all" ?
-              // TODO can use theme but we need to standardize to alt themes
-              // or standardize on subtle colors in themes
-              /* @__PURE__ */
-              (0, import_jsx_runtime.jsx)(Subtitle, {
-                unstyled,
-                size,
-                children: subTitle
-              }) : subTitle
-            }) : null, contents]
-          }) : contents, themedIconAfter ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web.Spacer, {
-              size: spaceSize
-            }), themedIconAfter]
-          }) : null]
-        })
-      }
-    };
-  },
-  ListItemComponent = ListItemFrame.styleable(function (props, ref) {
-    var {
-      props: listItemProps
-    } = useListItem(props);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemFrame, {
+      wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {
+        children
+      }, propsIn.unstyled !== !0 ? {
+        unstyled: process.env.TAMAGUI_HEADLESS === "1",
+        fontSize: propsIn.size,
+        fontWeight
+      } : void 0);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ListItemFrame, {
       ref,
-      ...listItemProps
+      ...rest,
+      children: [themedIcon, title || subTitle ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_stacks.YStack, {
+        flex: 1,
+        children: [title ? typeof title == "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemTitle, {
+          unstyled,
+          size,
+          children: title
+        }) : title : null, subTitle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+          children: typeof subTitle == "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemSubtitle, {
+            unstyled,
+            size,
+            children: subTitle
+          }) : subTitle
+        }) : null, wrappedChildren]
+      }) : wrappedChildren, themedIconAfter]
     });
   }),
   ListItem2 = (0, import_helpers.withStaticProperties)(ListItemComponent, {
+    Apply: context.Provider,
+    Frame: ListItemFrame,
     Text: ListItemText,
     Subtitle: ListItemSubtitle,
+    Icon: ListItemIcon,
     Title: ListItemTitle
   });
 //# sourceMappingURL=ListItem.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItem_exports","__export","ListItem","ListItem2","ListItemFrame","ListItemSubtitle","ListItemText","ListItemTitle","useListItem","module","exports","import_jsx_runtime","require","import_font_size","import_get_font_sized","import_get_token","import_helpers","import_helpers_tamagui","import_stacks","import_text","import_web","NAME","styled","ThemeableStack","name","tag","variants","unstyled","false","size","alignItems","justifyContent","flexWrap","width","borderColor","maxWidth","overflow","flexDirection","backgroundColor","cursor","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","getSpace","shift","active","true","hoverStyle","disabled","opacity","pointerEvents","defaultVariants","process","env","TAMAGUI_HEADLESS","SizableText","color","flexGrow","flexShrink","ellipse","extras","oneSmaller","getSize","excludeHalfSteps","fontStyle","getFontSized","key","propsIn","Text","Subtitle","Title","arguments","length","props","useProps","resolveValues","children","icon","iconAfter","noTextWrap","theme","themeName","spaceFlex","scaleIcon","scaleSpace","subTitle","title","fontWeight","fontSize","fontFamily","letterSpacing","textAlign","rest","textProps","iconSize","getFontSize","getThemedIcon","useGetThemedIcon","themedIcon","themedIconAfter","map","_getTokens_space_props_space","sizeToken","getTokens","spaceSize","getVariableValue","contents","wrapChildrenInText","jsxs","Fragment","jsx","Spacer","YStack","flex"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItem_exports","__export","ListItem","ListItem2","module","exports","import_jsx_runtime","require","import_font_size","import_get_font_sized","import_get_token","import_helpers","import_helpers_tamagui","import_stacks","import_text","import_web","NAME","context","createStyledContext","size","variant","color","ListItemFrame","styled","View","name","tag","role","themeableVariants","pressTheme","true","hoverTheme","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","getSpace","shift","active","disabled","opacity","pointerEvents","defaultVariants","ListItemText","SizableText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","getSize","excludeHalfSteps","fontStyle","getFontSized","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconSize","getFontSize","getIcon","useGetIcon","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","fontWeight","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","isBefore","wrappedChildren","wrapChildrenInText","fontSize","jsxs","YStack","flex","jsx","Fragment"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ListItem.js

@@ -2,14 +2,22 @@ import { getFontSize } from "@tamagui/font-size";
 import { getFontSized } from "@tamagui/get-font-sized";
 import { getSize, getSpace } from "@tamagui/get-token";
 import { withStaticProperties } from "@tamagui/helpers";
-import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
-import { ThemeableStack, YStack } from "@tamagui/stacks";
+import { useGetIcon } from "@tamagui/helpers-tamagui";
+import { themeableVariants, YStack } from "@tamagui/stacks";
 import { SizableText, wrapChildrenInText } from "@tamagui/text";
-import { Spacer, getTokens, getVariableValue, styled, useProps } from "@tamagui/web";
+import { createStyledContext, styled, View } from "@tamagui/web";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
+const NAME = "ListItem", context = createStyledContext({
+  size: void 0,
+  variant: void 0,
+  color: void 0
+}), ListItemFrame = styled(View, {
+  context,
   name: NAME,
   tag: "li",
+  role: "listitem",
+  ...themeableVariants.pressTheme.true,
+  ...themeableVariants.hoverTheme.true,
   variants: {
     unstyled: {
       false: {
@@ -17,13 +25,34 @@ const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
         alignItems: "center",
         justifyContent: "space-between",
         flexWrap: "nowrap",
-        width: "100%",
         borderColor: "$borderColor",
+        width: "100%",
         maxWidth: "100%",
         overflow: "hidden",
         flexDirection: "row",
         backgroundColor: "$background",
-        cursor: "default"
+        cursor: "default",
+        hoverStyle: {
+          backgroundColor: "$backgroundHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress"
+        }
+      }
+    },
+    variant: {
+      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
+        backgroundColor: "transparent",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorPress"
+        }
       }
     },
     size: {
@@ -45,7 +74,6 @@ const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
     disabled: {
       true: {
         opacity: 0.5,
-        // TODO breaking types
         pointerEvents: "none"
       }
     }
@@ -54,6 +82,7 @@ const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 }), ListItemText = styled(SizableText, {
+  context,
   name: "ListItemText",
   variants: {
     unstyled: {
@@ -62,7 +91,7 @@ const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
         size: "$true",
         flexGrow: 1,
         flexShrink: 1,
-        ellipse: !0,
+        ellipsis: !0,
         cursor: "inherit"
       }
     }
@@ -72,6 +101,7 @@ const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
   }
 }), ListItemSubtitle = styled(ListItemText, {
   name: "ListItemSubtitle",
+  context,
   variants: {
     unstyled: {
       false: {
@@ -94,86 +124,74 @@ const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 }), ListItemTitle = styled(ListItemText, {
-  name: "ListItemTitle"
-}), useListItem = (propsIn, {
-  Text = ListItemText,
-  Subtitle = ListItemSubtitle,
-  Title = ListItemTitle
-} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
-  const props = useProps(propsIn, {
-    resolveValues: "none"
-  }), {
-    children,
-    icon,
-    iconAfter,
-    noTextWrap,
-    theme: themeName,
-    space,
-    spaceFlex,
-    scaleIcon = 1,
-    scaleSpace = 1,
-    unstyled = !1,
-    subTitle,
-    title,
-    // text props
-    color,
-    fontWeight,
-    fontSize,
-    fontFamily,
-    letterSpacing,
-    textAlign,
-    ellipse,
-    ...rest
-  } = props, textProps = {
-    color,
-    fontWeight,
-    fontSize,
-    fontFamily,
-    letterSpacing,
-    textAlign,
-    ellipse,
-    children
-  }, size = props.size || "$true", iconSize = getFontSize(size) * scaleIcon, getThemedIcon = useGetThemedIcon({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), sizeToken = getTokens().space[props.space] ?? iconSize, spaceSize = getVariableValue(sizeToken) * scaleSpace, contents = wrapChildrenInText(Text, textProps);
-  return {
-    props: {
-      ...rest,
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        themedIcon ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          themedIcon,
-          /* @__PURE__ */ jsx(Spacer, { size: spaceSize })
-        ] }) : null,
-        title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
-          noTextWrap === "all" ? title : /* @__PURE__ */ jsx(Title, { size, children: title }),
-          subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle == "string" && noTextWrap !== "all" ? (
-            // TODO can use theme but we need to standardize to alt themes
-            // or standardize on subtle colors in themes
-            /* @__PURE__ */ jsx(Subtitle, { unstyled, size, children: subTitle })
-          ) : subTitle }) : null,
-          contents
-        ] }) : contents,
-        themedIconAfter ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spacer, { size: spaceSize }),
-          themedIconAfter
-        ] }) : null
-      ] })
+  name: "ListItemTitle",
+  context,
+  variants: {
+    unstyled: {
+      false: {}
     }
-  };
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), ListItemIcon = (props) => {
+  const { children, size, scaleIcon = 1 } = props, styledContext = context.useStyledContext();
+  if (!styledContext)
+    throw new Error("ListItem.Icon must be used within a ListItem");
+  const sizeToken = size ?? styledContext.size ?? "$true", iconSize = getFontSize(sizeToken) * scaleIcon;
+  return useGetIcon()(children, {
+    size: iconSize,
+    color: styledContext.color
+  });
 }, ListItemComponent = ListItemFrame.styleable(
-  function(props, ref) {
-    const { props: listItemProps } = useListItem(props);
-    return /* @__PURE__ */ jsx(ListItemFrame, { ref, ...listItemProps });
+  function(propsIn, ref) {
+    const {
+      children,
+      icon,
+      iconAfter,
+      scaleIcon = 1,
+      unstyled = !1,
+      subTitle,
+      title,
+      iconSize,
+      fontWeight,
+      ...rest
+    } = propsIn, size = propsIn.size || "$true", styledContext = context.useStyledContext(), getIcon = useGetIcon(), iconSizeNumber = getFontSize(iconSize || size) * scaleIcon, [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
+      if (!icon2) return null;
+      const isBefore = i === 0;
+      return getIcon(icon2, {
+        size: iconSizeNumber,
+        color: styledContext?.color,
+        [isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
+      });
+    }), wrappedChildren = wrapChildrenInText(
+      ListItemText,
+      { children },
+      propsIn.unstyled !== !0 ? {
+        unstyled: process.env.TAMAGUI_HEADLESS === "1",
+        fontSize: propsIn.size,
+        fontWeight
+      } : 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
+    ] });
   }
 ), ListItem2 = withStaticProperties(ListItemComponent, {
+  Apply: context.Provider,
+  Frame: ListItemFrame,
   Text: ListItemText,
   Subtitle: ListItemSubtitle,
+  Icon: ListItemIcon,
   Title: ListItemTitle
 });
 export {
-  ListItem2 as ListItem,
-  ListItemFrame,
-  ListItemSubtitle,
-  ListItemText,
-  ListItemTitle,
-  useListItem
+  ListItem2 as ListItem
 };
 //# sourceMappingURL=ListItem.js.map

package/dist/esm/ListItem.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ListItem.tsx"],
-  "mappings": "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",
-  "names": ["ListItem"]
+  "mappings": "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",
+  "names": ["icon", "ListItem"]
 }