@tamagui/list-item 1.143.0 → 2.0.0-1

package/dist/cjs/ListItem.cjs

@@ -20,12 +20,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_font_size = require("@tamagui/font-size"),
@@ -38,9 +33,18 @@ var import_font_size = require("@tamagui/font-size"),
   import_web = require("@tamagui/web"),
   import_jsx_runtime = require("react/jsx-runtime");
 const 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: {
@@ -48,13 +52,34 @@ const NAME = "ListItem",
           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: {
@@ -78,7 +103,6 @@ const NAME = "ListItem",
       disabled: {
         true: {
           opacity: 0.5,
-          // TODO breaking types
           pointerEvents: "none"
         }
       }
@@ -88,6 +112,7 @@ const NAME = "ListItem",
     }
   }),
   ListItemText = (0, import_web.styled)(import_text.SizableText, {
+    context,
     name: "ListItemText",
     variants: {
       unstyled: {
@@ -96,7 +121,7 @@ const NAME = "ListItem",
           size: "$true",
           flexGrow: 1,
           flexShrink: 1,
-          ellipse: !0,
+          ellipsis: !0,
           cursor: "inherit"
         }
       }
@@ -107,6 +132,7 @@ const NAME = "ListItem",
   }),
   ListItemSubtitle = (0, import_web.styled)(ListItemText, {
     name: "ListItemSubtitle",
+    context,
     variants: {
       unstyled: {
         false: {
@@ -130,107 +156,89 @@ const NAME = "ListItem",
     }
   }),
   ListItemTitle = (0, import_web.styled)(ListItemText, {
-    name: "ListItemTitle"
+    name: "ListItemTitle",
+    context,
+    variants: {
+      unstyled: {
+        false: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
   }),
-  useListItem = (propsIn, {
-    Text = ListItemText,
-    Subtitle = ListItemSubtitle,
-    Title = ListItemTitle
-  } = {
-    Text: ListItemText,
-    Subtitle: ListItemSubtitle,
-    Title: ListItemTitle
-  }) => {
-    const props = (0, import_web.useProps)(propsIn, {
-        resolveValues: "none"
-      }),
-      {
+  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 = (0, import_font_size.getFontSize)(sizeToken) * scaleIcon;
+    return (0, import_helpers_tamagui.useGetIcon)()(children, {
+      size: iconSize,
+      color: styledContext.color
+    });
+  },
+  ListItemComponent = ListItemFrame.styleable(function (propsIn, ref) {
+    const {
         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((icon2, i) => {
+        if (!icon2) return null;
+        const isBefore = i === 0;
+        return getIcon(icon2, {
+          size: iconSizeNumber,
+          color: styledContext?.color,
+          [isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
+        });
       }),
-      [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon),
-      sizeToken = (0, import_web.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, 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) {
-    const {
-      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
   });

package/dist/cjs/ListItem.js

@@ -14,18 +14,21 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
-const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+const NAME = "ListItem", 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: {
@@ -33,13 +36,34 @@ const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Th
         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: {
@@ -61,7 +85,6 @@ const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Th
     disabled: {
       true: {
         opacity: 0.5,
-        // TODO breaking types
         pointerEvents: "none"
       }
     }
@@ -70,6 +93,7 @@ const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Th
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 }), ListItemText = (0, import_web.styled)(import_text.SizableText, {
+  context,
   name: "ListItemText",
   variants: {
     unstyled: {
@@ -78,7 +102,7 @@ const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Th
         size: "$true",
         flexGrow: 1,
         flexShrink: 1,
-        ellipse: !0,
+        ellipsis: !0,
         cursor: "inherit"
       }
     }
@@ -88,6 +112,7 @@ const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Th
   }
 }), ListItemSubtitle = (0, import_web.styled)(ListItemText, {
   name: "ListItemSubtitle",
+  context,
   variants: {
     unstyled: {
       false: {
@@ -110,78 +135,71 @@ const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Th
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 }), ListItemTitle = (0, import_web.styled)(ListItemText, {
-  name: "ListItemTitle"
-}), useListItem = (propsIn, {
-  Text = ListItemText,
-  Subtitle = ListItemSubtitle,
-  Title = ListItemTitle
-} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
-  const 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,
-    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 }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), sizeToken = (0, import_web.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,
-        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
-      ] })
+  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 = (0, import_font_size.getFontSize)(sizeToken) * scaleIcon;
+  return (0, import_helpers_tamagui.useGetIcon)()(children, {
+    size: iconSize,
+    color: styledContext.color
+  });
 }, ListItemComponent = ListItemFrame.styleable(
-  function(props, ref) {
-    const { props: listItemProps } = useListItem(props);
-    return /* @__PURE__ */ (0, import_jsx_runtime.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 = (0, import_helpers_tamagui.useGetIcon)(), iconSizeNumber = (0, import_font_size.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 = (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, ...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.js.map

package/dist/cjs/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": ["ListItem", "icon"]
 }