@multiplatform.one/components 7.82.1 → 7.82.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/views/ListGroup.cjs +5 -1
- package/dist/cjs/views/ListGroup.native.js +5 -1
- package/dist/cjs/views/ListGroup.native.js.map +1 -1
- package/dist/esm/views/ListGroup.mjs +6 -2
- package/dist/esm/views/ListGroup.mjs.map +1 -1
- package/dist/esm/views/ListGroup.native.js +6 -2
- package/dist/esm/views/ListGroup.native.js.map +1 -1
- package/dist/jsx/views/ListGroup.mjs +6 -2
- package/dist/jsx/views/ListGroup.mjs.map +1 -1
- package/dist/jsx/views/ListGroup.native.js +5 -1
- package/dist/jsx/views/ListGroup.native.js.map +1 -1
- package/package.json +9 -9
- package/src/views/ListGroup.spec.tsx +34 -1
- package/src/views/ListGroup.tsx +12 -2
- package/types/views/ListGroup.d.ts.map +1 -1
|
@@ -45,7 +45,6 @@ var import_tamagui = require("tamagui");
|
|
|
45
45
|
var import_ListRow = require("./ListRow.cjs");
|
|
46
46
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
47
47
|
const groupFrame = {
|
|
48
|
-
borderColor: "$borderColor",
|
|
49
48
|
shadowOpacity: 0,
|
|
50
49
|
shadowRadius: 0,
|
|
51
50
|
shadowOffset: {
|
|
@@ -62,6 +61,9 @@ function ListGroup({
|
|
|
62
61
|
children,
|
|
63
62
|
...props
|
|
64
63
|
}) {
|
|
64
|
+
const {
|
|
65
|
+
knobProps
|
|
66
|
+
} = (0, import_theme.useResolvedKnobs)();
|
|
65
67
|
const rows = import_react.default.Children.toArray(children).filter(import_react.default.isValidElement);
|
|
66
68
|
const body = rows.map((row, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.GroupPositionContext.Provider, {
|
|
67
69
|
value: (0, import_theme.getGroupPosition)(index, rows.length),
|
|
@@ -77,6 +79,7 @@ function ListGroup({
|
|
|
77
79
|
padding: 0,
|
|
78
80
|
gap: 0,
|
|
79
81
|
overflow: "hidden",
|
|
82
|
+
borderColor: (0, import_theme.edgeColorAt)("$borderColor", knobProps.borderWidthStop),
|
|
80
83
|
...groupFrame,
|
|
81
84
|
...props,
|
|
82
85
|
children: body
|
|
@@ -112,6 +115,7 @@ function ListGroupItem({
|
|
|
112
115
|
"aria-hidden": true,
|
|
113
116
|
testID: "list-hairline",
|
|
114
117
|
...import_theme.hairline.line,
|
|
118
|
+
backgroundColor: (0, import_theme.edgeColorAt)("$borderColor", knobProps.borderWidthStop),
|
|
115
119
|
...{
|
|
116
120
|
"data-list-hairline": "full"
|
|
117
121
|
}
|
|
@@ -47,7 +47,6 @@ var import_react = __toESM(require("react"));
|
|
|
47
47
|
var import_tamagui = require("tamagui");
|
|
48
48
|
var import_ListRow = require("./ListRow.native.js");
|
|
49
49
|
var groupFrame = {
|
|
50
|
-
borderColor: "$borderColor",
|
|
51
50
|
shadowOpacity: 0,
|
|
52
51
|
shadowRadius: 0,
|
|
53
52
|
shadowOffset: {
|
|
@@ -65,6 +64,9 @@ function ListGroup(param) {
|
|
|
65
64
|
children,
|
|
66
65
|
...props
|
|
67
66
|
} = param;
|
|
67
|
+
var {
|
|
68
|
+
knobProps
|
|
69
|
+
} = (0, import_theme.useResolvedKnobs)();
|
|
68
70
|
var rows = import_react.default.Children.toArray(children).filter(import_react.default.isValidElement);
|
|
69
71
|
var body = rows.map(function (row, index) {
|
|
70
72
|
var _row_key;
|
|
@@ -83,6 +85,7 @@ function ListGroup(param) {
|
|
|
83
85
|
padding: 0,
|
|
84
86
|
gap: 0,
|
|
85
87
|
overflow: "hidden",
|
|
88
|
+
borderColor: (0, import_theme.edgeColorAt)("$borderColor", knobProps.borderWidthStop),
|
|
86
89
|
...groupFrame,
|
|
87
90
|
...props,
|
|
88
91
|
children: body
|
|
@@ -120,6 +123,7 @@ function ListGroupItem(param) {
|
|
|
120
123
|
"aria-hidden": true,
|
|
121
124
|
testID: "list-hairline",
|
|
122
125
|
...import_theme.hairline.line,
|
|
126
|
+
backgroundColor: (0, import_theme.edgeColorAt)("$borderColor", knobProps.borderWidthStop),
|
|
123
127
|
...{
|
|
124
128
|
"data-list-hairline": "full"
|
|
125
129
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ListGroup_exports","ListGroup","ListGroupItem","module","exports","import_jsx_runtime","require","import_Card","import_componentColors","import_theme","import_react","import_tamagui","import_ListRow","groupFrame","borderColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevationAndroid","style","boxShadow","param","variant","children","props","rows","default","Children","toArray","filter","isValidElement","body","map","row","index","_row_key","jsx","GroupPositionContext","Provider","getGroupPosition","length","YStack","role","Card","padding","gap","overflow","onPress","selected","groupPosition","_ref","knobProps","useResolvedKnobs","touch","useTouchSurface","grouped","useContext","position","corners","stackRadiusProps","borderRadius","keyboardFocused","setKeyboardFocused","useState","document","ensureKeyboardModalityTracking","pressable","Boolean","selectedInk","componentColors","selection","ink","state","focused","first","jsxs","View","testID","hairline","line","XStack","listRowTouchProps","paddingHorizontal","panelPadding","paddingVertical","alignItems","backgroundColor","background","color","transitionProps","motion","control","tabIndex","cursor","hoverStyle","hover","interactive","pressStyle","press","outlineWidth","focusStyle","keyboardFocusRingProps","onFocus","wasKeyboardFocus","onBlur","onKeyDown","event","preventDefault","ListItemStateContext"],"sources":["ListGroup.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListGroup_exports = {};\n__export(ListGroup_exports, {\n ListGroup: () => ListGroup,\n ListGroupItem: () => ListGroupItem\n});\nmodule.exports = __toCommonJS(ListGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_Card = require(\"../Card\");\nvar import_componentColors = require(\"../componentColors\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = __toESM(require(\"react\"));\nvar import_tamagui = require(\"tamagui\");\nvar import_ListRow = require(\"./ListRow\");\nvar groupFrame = {\n borderColor: \"$borderColor\",\n shadowOpacity: 0,\n shadowRadius: 0,\n shadowOffset: {\n width: 0,\n height: 0\n },\n elevationAndroid: 0,\n style: {\n boxShadow: \"none\"\n }\n};\nfunction ListGroup(param) {\n var { variant = \"inset\", children, ...props } = param;\n var rows = import_react.default.Children.toArray(children).filter(import_react.default.isValidElement);\n var body = rows.map(function(row, index) {\n var _row_key;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.GroupPositionContext.Provider, {\n value: (0, import_theme.getGroupPosition)(index, rows.length),\n children: row\n }, (_row_key = row.key) !== null && _row_key !== void 0 ? _row_key : index);\n });\n if (variant === \"plain\") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n role: \"list\",\n ...props,\n children: body\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card, {\n role: \"list\",\n padding: 0,\n gap: 0,\n overflow: \"hidden\",\n ...groupFrame,\n ...props,\n children: body\n });\n}\nfunction ListGroupItem(param) {\n var { children, onPress, selected = false, groupPosition, ...props } = param;\n var _ref;\n var { knobProps } = (0, import_theme.useResolvedKnobs)();\n var touch = (0, import_theme.useTouchSurface)();\n var grouped = (0, import_react.useContext)(import_theme.GroupPositionContext);\n var position = (_ref = groupPosition !== null && groupPosition !== void 0 ? groupPosition : grouped) !== null && _ref !== void 0 ? _ref : \"only\";\n var corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadius.borderRadius);\n var [keyboardFocused, setKeyboardFocused] = (0, import_react.useState)(false);\n if (typeof document !== \"undefined\") (0, import_theme.ensureKeyboardModalityTracking)();\n var pressable = Boolean(onPress);\n var selectedInk = import_componentColors.componentColors.selection.ink;\n var state = {\n selected,\n focused: keyboardFocused,\n selectedInk\n };\n var first = position === \"first\" || position === \"only\";\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n role: \"listitem\",\n children: [\n first ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n \"aria-hidden\": true,\n testID: \"list-hairline\",\n ...import_theme.hairline.line,\n ...{\n \"data-list-hairline\": \"full\"\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n \"data-group-position\": position,\n ...{\n \"data-list-row\": true,\n ...selected ? {\n \"data-selected\": true\n } : {}\n },\n ...(0, import_ListRow.listRowTouchProps)(touch),\n paddingHorizontal: knobProps.panelPadding.padding,\n paddingVertical: \"$2\",\n alignItems: \"center\",\n ...knobProps.gap,\n overflow: \"hidden\",\n ...corners,\n backgroundColor: selected ? import_componentColors.componentColors.selection.background : \"transparent\",\n ...selected ? {\n color: selectedInk\n } : {},\n ...(0, import_theme.transitionProps)(knobProps.motion.control),\n ...pressable ? {\n role: \"button\",\n tabIndex: 0,\n cursor: \"pointer\",\n hoverStyle: {\n backgroundColor: selected ? import_componentColors.componentColors.selection.hover : import_componentColors.componentColors.interactive.background,\n ...corners\n },\n pressStyle: {\n backgroundColor: selected ? import_componentColors.componentColors.selection.press : import_componentColors.componentColors.interactive.hover,\n ...corners\n },\n outlineWidth: 0,\n focusStyle: {\n outlineWidth: 0\n },\n ...keyboardFocused ? import_theme.keyboardFocusRingProps : null,\n onPress,\n onFocus: function onFocus() {\n return setKeyboardFocused((0, import_theme.wasKeyboardFocus)());\n },\n onBlur: function onBlur() {\n return setKeyboardFocused(false);\n },\n onKeyDown: function onKeyDown(event) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n onPress === null || onPress === void 0 ? void 0 : onPress();\n }\n }\n } : null,\n ...props,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.GroupPositionContext.Provider, {\n value: void 0,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ListRow.ListItemStateContext.Provider, {\n value: state,\n children\n })\n })\n })\n ]\n });\n}\n//# sourceMappingURL=ListGroup.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ListGroup_exports","ListGroup","ListGroupItem","module","exports","import_jsx_runtime","require","import_Card","import_componentColors","import_theme","import_react","import_tamagui","import_ListRow","groupFrame","shadowOpacity","shadowRadius","shadowOffset","width","height","elevationAndroid","style","boxShadow","param","variant","children","props","knobProps","useResolvedKnobs","rows","default","Children","toArray","filter","isValidElement","body","map","row","index","_row_key","jsx","GroupPositionContext","Provider","getGroupPosition","length","YStack","role","Card","padding","gap","overflow","borderColor","edgeColorAt","borderWidthStop","onPress","selected","groupPosition","_ref","touch","useTouchSurface","grouped","useContext","position","corners","stackRadiusProps","borderRadius","keyboardFocused","setKeyboardFocused","useState","document","ensureKeyboardModalityTracking","pressable","Boolean","selectedInk","componentColors","selection","ink","state","focused","first","jsxs","View","testID","hairline","line","backgroundColor","XStack","listRowTouchProps","paddingHorizontal","panelPadding","paddingVertical","alignItems","background","color","transitionProps","motion","control","tabIndex","cursor","hoverStyle","hover","interactive","pressStyle","press","outlineWidth","focusStyle","keyboardFocusRingProps","onFocus","wasKeyboardFocus","onBlur","onKeyDown","event","preventDefault","ListItemStateContext"],"sources":["ListGroup.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListGroup_exports = {};\n__export(ListGroup_exports, {\n ListGroup: () => ListGroup,\n ListGroupItem: () => ListGroupItem\n});\nmodule.exports = __toCommonJS(ListGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_Card = require(\"../Card\");\nvar import_componentColors = require(\"../componentColors\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = __toESM(require(\"react\"));\nvar import_tamagui = require(\"tamagui\");\nvar import_ListRow = require(\"./ListRow\");\nvar groupFrame = {\n shadowOpacity: 0,\n shadowRadius: 0,\n shadowOffset: {\n width: 0,\n height: 0\n },\n elevationAndroid: 0,\n style: {\n boxShadow: \"none\"\n }\n};\nfunction ListGroup(param) {\n var { variant = \"inset\", children, ...props } = param;\n var { knobProps } = (0, import_theme.useResolvedKnobs)();\n var rows = import_react.default.Children.toArray(children).filter(import_react.default.isValidElement);\n var body = rows.map(function(row, index) {\n var _row_key;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.GroupPositionContext.Provider, {\n value: (0, import_theme.getGroupPosition)(index, rows.length),\n children: row\n }, (_row_key = row.key) !== null && _row_key !== void 0 ? _row_key : index);\n });\n if (variant === \"plain\") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n role: \"list\",\n ...props,\n children: body\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.Card, {\n role: \"list\",\n padding: 0,\n gap: 0,\n overflow: \"hidden\",\n borderColor: (0, import_theme.edgeColorAt)(\"$borderColor\", knobProps.borderWidthStop),\n ...groupFrame,\n ...props,\n children: body\n });\n}\nfunction ListGroupItem(param) {\n var { children, onPress, selected = false, groupPosition, ...props } = param;\n var _ref;\n var { knobProps } = (0, import_theme.useResolvedKnobs)();\n var touch = (0, import_theme.useTouchSurface)();\n var grouped = (0, import_react.useContext)(import_theme.GroupPositionContext);\n var position = (_ref = groupPosition !== null && groupPosition !== void 0 ? groupPosition : grouped) !== null && _ref !== void 0 ? _ref : \"only\";\n var corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadius.borderRadius);\n var [keyboardFocused, setKeyboardFocused] = (0, import_react.useState)(false);\n if (typeof document !== \"undefined\") (0, import_theme.ensureKeyboardModalityTracking)();\n var pressable = Boolean(onPress);\n var selectedInk = import_componentColors.componentColors.selection.ink;\n var state = {\n selected,\n focused: keyboardFocused,\n selectedInk\n };\n var first = position === \"first\" || position === \"only\";\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n role: \"listitem\",\n children: [\n first ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n \"aria-hidden\": true,\n testID: \"list-hairline\",\n ...import_theme.hairline.line,\n backgroundColor: (0, import_theme.edgeColorAt)(\"$borderColor\", knobProps.borderWidthStop),\n ...{\n \"data-list-hairline\": \"full\"\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n \"data-group-position\": position,\n ...{\n \"data-list-row\": true,\n ...selected ? {\n \"data-selected\": true\n } : {}\n },\n ...(0, import_ListRow.listRowTouchProps)(touch),\n paddingHorizontal: knobProps.panelPadding.padding,\n paddingVertical: \"$2\",\n alignItems: \"center\",\n ...knobProps.gap,\n overflow: \"hidden\",\n ...corners,\n backgroundColor: selected ? import_componentColors.componentColors.selection.background : \"transparent\",\n ...selected ? {\n color: selectedInk\n } : {},\n ...(0, import_theme.transitionProps)(knobProps.motion.control),\n ...pressable ? {\n role: \"button\",\n tabIndex: 0,\n cursor: \"pointer\",\n hoverStyle: {\n backgroundColor: selected ? import_componentColors.componentColors.selection.hover : import_componentColors.componentColors.interactive.background,\n ...corners\n },\n pressStyle: {\n backgroundColor: selected ? import_componentColors.componentColors.selection.press : import_componentColors.componentColors.interactive.hover,\n ...corners\n },\n outlineWidth: 0,\n focusStyle: {\n outlineWidth: 0\n },\n ...keyboardFocused ? import_theme.keyboardFocusRingProps : null,\n onPress,\n onFocus: function onFocus() {\n return setKeyboardFocused((0, import_theme.wasKeyboardFocus)());\n },\n onBlur: function onBlur() {\n return setKeyboardFocused(false);\n },\n onKeyDown: function onKeyDown(event) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n onPress === null || onPress === void 0 ? void 0 : onPress();\n }\n }\n } : null,\n ...props,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.GroupPositionContext.Provider, {\n value: void 0,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ListRow.ListItemStateContext.Provider, {\n value: state,\n children\n })\n })\n })\n ]\n });\n}\n//# sourceMappingURL=ListGroup.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { Card } from "../Card.mjs";
|
|
2
2
|
import { componentColors } from "../componentColors.mjs";
|
|
3
|
-
import { GroupPositionContext, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, stackRadiusProps, transitionProps, useResolvedKnobs, useTouchSurface, wasKeyboardFocus } from "@multiplatform.one/theme";
|
|
3
|
+
import { GroupPositionContext, edgeColorAt, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, stackRadiusProps, transitionProps, useResolvedKnobs, useTouchSurface, wasKeyboardFocus } from "@multiplatform.one/theme";
|
|
4
4
|
import React, { useContext, useState } from "react";
|
|
5
5
|
import { View, XStack, YStack } from "tamagui";
|
|
6
6
|
import { ListItemStateContext, listRowTouchProps } from "./ListRow.mjs";
|
|
7
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
const groupFrame = {
|
|
9
|
-
borderColor: "$borderColor",
|
|
10
9
|
shadowOpacity: 0,
|
|
11
10
|
shadowRadius: 0,
|
|
12
11
|
shadowOffset: {
|
|
@@ -23,6 +22,9 @@ function ListGroup({
|
|
|
23
22
|
children,
|
|
24
23
|
...props
|
|
25
24
|
}) {
|
|
25
|
+
const {
|
|
26
|
+
knobProps
|
|
27
|
+
} = useResolvedKnobs();
|
|
26
28
|
const rows = React.Children.toArray(children).filter(React.isValidElement);
|
|
27
29
|
const body = rows.map((row, index) => /* @__PURE__ */jsx(GroupPositionContext.Provider, {
|
|
28
30
|
value: getGroupPosition(index, rows.length),
|
|
@@ -38,6 +40,7 @@ function ListGroup({
|
|
|
38
40
|
padding: 0,
|
|
39
41
|
gap: 0,
|
|
40
42
|
overflow: "hidden",
|
|
43
|
+
borderColor: edgeColorAt("$borderColor", knobProps.borderWidthStop),
|
|
41
44
|
...groupFrame,
|
|
42
45
|
...props,
|
|
43
46
|
children: body
|
|
@@ -73,6 +76,7 @@ function ListGroupItem({
|
|
|
73
76
|
"aria-hidden": true,
|
|
74
77
|
testID: "list-hairline",
|
|
75
78
|
...hairline.line,
|
|
79
|
+
backgroundColor: edgeColorAt("$borderColor", knobProps.borderWidthStop),
|
|
76
80
|
...{
|
|
77
81
|
"data-list-hairline": "full"
|
|
78
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Card","componentColors","GroupPositionContext","ensureKeyboardModalityTracking","getGroupPosition","hairline","keyboardFocusRingProps","stackRadiusProps","transitionProps","useResolvedKnobs","useTouchSurface","wasKeyboardFocus","React","useContext","useState","View","XStack","YStack","ListItemStateContext","listRowTouchProps","jsx","jsxs","groupFrame","
|
|
1
|
+
{"version":3,"names":["Card","componentColors","GroupPositionContext","edgeColorAt","ensureKeyboardModalityTracking","getGroupPosition","hairline","keyboardFocusRingProps","stackRadiusProps","transitionProps","useResolvedKnobs","useTouchSurface","wasKeyboardFocus","React","useContext","useState","View","XStack","YStack","ListItemStateContext","listRowTouchProps","jsx","jsxs","groupFrame","shadowOpacity","shadowRadius","shadowOffset","width","height","elevationAndroid","style","boxShadow","ListGroup","variant","children","props","knobProps","rows","Children","toArray","filter","isValidElement","body","map","row","index","Provider","value","length","key","role","padding","gap","overflow","borderColor","borderWidthStop","ListGroupItem","onPress","selected","groupPosition","touch","grouped","position","corners","borderRadius","keyboardFocused","setKeyboardFocused","document","pressable","Boolean","selectedInk","selection","ink","state","focused","first","testID","line","backgroundColor","paddingHorizontal","panelPadding","paddingVertical","alignItems","background","color","motion","control","tabIndex","cursor","hoverStyle","hover","interactive","pressStyle","press","outlineWidth","focusStyle","onFocus","onBlur","onKeyDown","event","preventDefault"],"sources":["../../../src/views/ListGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Card } from "../Card.native.js";
|
|
3
3
|
import { componentColors } from "../componentColors.native.js";
|
|
4
|
-
import { GroupPositionContext, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, stackRadiusProps, transitionProps, useResolvedKnobs, useTouchSurface, wasKeyboardFocus } from "@multiplatform.one/theme";
|
|
4
|
+
import { GroupPositionContext, edgeColorAt, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, stackRadiusProps, transitionProps, useResolvedKnobs, useTouchSurface, wasKeyboardFocus } from "@multiplatform.one/theme";
|
|
5
5
|
import React, { useContext, useState } from "react";
|
|
6
6
|
import { View, XStack, YStack } from "tamagui";
|
|
7
7
|
import { ListItemStateContext, listRowTouchProps } from "./ListRow.native.js";
|
|
8
8
|
var groupFrame = {
|
|
9
|
-
borderColor: "$borderColor",
|
|
10
9
|
shadowOpacity: 0,
|
|
11
10
|
shadowRadius: 0,
|
|
12
11
|
shadowOffset: {
|
|
@@ -24,6 +23,9 @@ function ListGroup(param) {
|
|
|
24
23
|
children,
|
|
25
24
|
...props
|
|
26
25
|
} = param;
|
|
26
|
+
var {
|
|
27
|
+
knobProps
|
|
28
|
+
} = useResolvedKnobs();
|
|
27
29
|
var rows = React.Children.toArray(children).filter(React.isValidElement);
|
|
28
30
|
var body = rows.map(function (row, index) {
|
|
29
31
|
var _row_key;
|
|
@@ -42,6 +44,7 @@ function ListGroup(param) {
|
|
|
42
44
|
padding: 0,
|
|
43
45
|
gap: 0,
|
|
44
46
|
overflow: "hidden",
|
|
47
|
+
borderColor: edgeColorAt("$borderColor", knobProps.borderWidthStop),
|
|
45
48
|
...groupFrame,
|
|
46
49
|
...props,
|
|
47
50
|
children: body
|
|
@@ -79,6 +82,7 @@ function ListGroupItem(param) {
|
|
|
79
82
|
"aria-hidden": true,
|
|
80
83
|
testID: "list-hairline",
|
|
81
84
|
...hairline.line,
|
|
85
|
+
backgroundColor: edgeColorAt("$borderColor", knobProps.borderWidthStop),
|
|
82
86
|
...{
|
|
83
87
|
"data-list-hairline": "full"
|
|
84
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Card","componentColors","GroupPositionContext","ensureKeyboardModalityTracking","getGroupPosition","hairline","keyboardFocusRingProps","stackRadiusProps","transitionProps","useResolvedKnobs","useTouchSurface","wasKeyboardFocus","React","useContext","useState","View","XStack","YStack","ListItemStateContext","listRowTouchProps","groupFrame","borderColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevationAndroid","style","boxShadow","ListGroup","param","variant","children","props","rows","Children","toArray","filter","isValidElement","body","map","row","index","_row_key","Provider","value","length","key","role","padding","gap","overflow","ListGroupItem","onPress","selected","groupPosition","_ref","knobProps","touch","grouped","position","corners","borderRadius","keyboardFocused","setKeyboardFocused","document","pressable","Boolean","selectedInk","selection","ink","state","focused","first","testID","line","paddingHorizontal","panelPadding","paddingVertical","alignItems","backgroundColor","background","color","motion","control","tabIndex","cursor","hoverStyle","hover","interactive","pressStyle","press","outlineWidth","focusStyle","onFocus","onBlur","onKeyDown","event","preventDefault"],"sources":["ListGroup.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Card } from \"../Card\";\nimport { componentColors } from \"../componentColors\";\nimport { GroupPositionContext, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, stackRadiusProps, transitionProps, useResolvedKnobs, useTouchSurface, wasKeyboardFocus } from \"@multiplatform.one/theme\";\nimport React, { useContext, useState } from \"react\";\nimport { View, XStack, YStack } from \"tamagui\";\nimport { ListItemStateContext, listRowTouchProps } from \"./ListRow\";\nvar groupFrame = {\n borderColor: \"$borderColor\",\n shadowOpacity: 0,\n shadowRadius: 0,\n shadowOffset: {\n width: 0,\n height: 0\n },\n elevationAndroid: 0,\n style: {\n boxShadow: \"none\"\n }\n};\nfunction ListGroup(param) {\n var { variant = \"inset\", children, ...props } = param;\n var rows = React.Children.toArray(children).filter(React.isValidElement);\n var body = rows.map(function(row, index) {\n var _row_key;\n return /* @__PURE__ */ _jsx(GroupPositionContext.Provider, {\n value: getGroupPosition(index, rows.length),\n children: row\n }, (_row_key = row.key) !== null && _row_key !== void 0 ? _row_key : index);\n });\n if (variant === \"plain\") return /* @__PURE__ */ _jsx(YStack, {\n role: \"list\",\n ...props,\n children: body\n });\n return /* @__PURE__ */ _jsx(Card, {\n role: \"list\",\n padding: 0,\n gap: 0,\n overflow: \"hidden\",\n ...groupFrame,\n ...props,\n children: body\n });\n}\nfunction ListGroupItem(param) {\n var { children, onPress, selected = false, groupPosition, ...props } = param;\n var _ref;\n var { knobProps } = useResolvedKnobs();\n var touch = useTouchSurface();\n var grouped = useContext(GroupPositionContext);\n var position = (_ref = groupPosition !== null && groupPosition !== void 0 ? groupPosition : grouped) !== null && _ref !== void 0 ? _ref : \"only\";\n var corners = stackRadiusProps(position, knobProps.borderRadius.borderRadius);\n var [keyboardFocused, setKeyboardFocused] = useState(false);\n if (typeof document !== \"undefined\") ensureKeyboardModalityTracking();\n var pressable = Boolean(onPress);\n var selectedInk = componentColors.selection.ink;\n var state = {\n selected,\n focused: keyboardFocused,\n selectedInk\n };\n var first = position === \"first\" || position === \"only\";\n return /* @__PURE__ */ _jsxs(YStack, {\n role: \"listitem\",\n children: [\n first ? null : /* @__PURE__ */ _jsx(View, {\n \"aria-hidden\": true,\n testID: \"list-hairline\",\n ...hairline.line,\n ...{\n \"data-list-hairline\": \"full\"\n }\n }),\n /* @__PURE__ */ _jsx(XStack, {\n \"data-group-position\": position,\n ...{\n \"data-list-row\": true,\n ...selected ? {\n \"data-selected\": true\n } : {}\n },\n ...listRowTouchProps(touch),\n paddingHorizontal: knobProps.panelPadding.padding,\n paddingVertical: \"$2\",\n alignItems: \"center\",\n ...knobProps.gap,\n overflow: \"hidden\",\n ...corners,\n backgroundColor: selected ? componentColors.selection.background : \"transparent\",\n ...selected ? {\n color: selectedInk\n } : {},\n ...transitionProps(knobProps.motion.control),\n ...pressable ? {\n role: \"button\",\n tabIndex: 0,\n cursor: \"pointer\",\n hoverStyle: {\n backgroundColor: selected ? componentColors.selection.hover : componentColors.interactive.background,\n ...corners\n },\n pressStyle: {\n backgroundColor: selected ? componentColors.selection.press : componentColors.interactive.hover,\n ...corners\n },\n outlineWidth: 0,\n focusStyle: {\n outlineWidth: 0\n },\n ...keyboardFocused ? keyboardFocusRingProps : null,\n onPress,\n onFocus: function onFocus() {\n return setKeyboardFocused(wasKeyboardFocus());\n },\n onBlur: function onBlur() {\n return setKeyboardFocused(false);\n },\n onKeyDown: function onKeyDown(event) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n onPress === null || onPress === void 0 ? void 0 : onPress();\n }\n }\n } : null,\n ...props,\n children: /* @__PURE__ */ _jsx(GroupPositionContext.Provider, {\n value: void 0,\n children: /* @__PURE__ */ _jsx(ListItemStateContext.Provider, {\n value: state,\n children\n })\n })\n })\n ]\n });\n}\nexport {\n ListGroup,\n ListGroupItem\n};\n//# sourceMappingURL=ListGroup.js.map\n"],"mappings":"AAAA,SAASA,GAAG,IAAIC,IAAI,EAAEC,IAAI,IAAIC,KAAK,QAAQ,mBAAmB;AAC9D,SAASC,IAAI,QAAQ,mBAAS;AAC9B,SAASC,eAAe,QAAQ,8BAAoB;AACpD,SAASC,oBAAoB,EAAEC,8BAA8B,EAAEC,gBAAgB,EAAEC,QAAQ,EAAEC,sBAAsB,EAAEC,gBAAgB,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,eAAe,EAAEC,gBAAgB,QAAQ,0BAA0B;AAC3O,OAAOC,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,IAAI,EAAEC,MAAM,EAAEC,MAAM,QAAQ,SAAS;AAC9C,SAASC,oBAAoB,EAAEC,iBAAiB,QAAQ,qBAAW;AACnE,IAAIC,UAAU,GAAG;EACfC,WAAW,EAAE,cAAc;EAC3BC,aAAa,EAAE,CAAC;EAChBC,YAAY,EAAE,CAAC;EACfC,YAAY,EAAE;IACZC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE,CAAC;EACnBC,KAAK,EAAE;IACLC,SAAS,EAAE;EACb;AACF,CAAC;AACD,SAASC,SAASA,CAACC,KAAK,EAAE;EACxB,IAAI;IAAEC,OAAO,GAAG,OAAO;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAGH,KAAK;EACrD,IAAII,IAAI,GAAGvB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAACK,MAAM,CAAC1B,KAAK,CAAC2B,cAAc,CAAC;EACxE,IAAIC,IAAI,GAAGL,IAAI,CAACM,GAAG,CAAC,UAASC,GAAG,EAAEC,KAAK,EAAE;IACvC,IAAIC,QAAQ;IACZ,OAAO,eAAgB/C,IAAI,CAACK,oBAAoB,CAAC2C,QAAQ,EAAE;MACzDC,KAAK,EAAE1C,gBAAgB,CAACuC,KAAK,EAAER,IAAI,CAACY,MAAM,CAAC;MAC3Cd,QAAQ,EAAES;IACZ,CAAC,EAAE,CAACE,QAAQ,GAAGF,GAAG,CAACM,GAAG,MAAM,IAAI,IAAIJ,QAAQ,KAAK,KAAK,CAAC,GAAGA,QAAQ,GAAGD,KAAK,CAAC;EAC7E,CAAC,CAAC;EACF,IAAIX,OAAO,KAAK,OAAO,EAAE,OAAO,eAAgBnC,IAAI,CAACoB,MAAM,EAAE;IAC3DgC,IAAI,EAAE,MAAM;IACZ,GAAGf,KAAK;IACRD,QAAQ,EAAEO;EACZ,CAAC,CAAC;EACF,OAAO,eAAgB3C,IAAI,CAACG,IAAI,EAAE;IAChCiD,IAAI,EAAE,MAAM;IACZC,OAAO,EAAE,CAAC;IACVC,GAAG,EAAE,CAAC;IACNC,QAAQ,EAAE,QAAQ;IAClB,GAAGhC,UAAU;IACb,GAAGc,KAAK;IACRD,QAAQ,EAAEO;EACZ,CAAC,CAAC;AACJ;AACA,SAASa,aAAaA,CAACtB,KAAK,EAAE;EAC5B,IAAI;IAAEE,QAAQ;IAAEqB,OAAO;IAAEC,QAAQ,GAAG,KAAK;IAAEC,aAAa;IAAE,GAAGtB;EAAM,CAAC,GAAGH,KAAK;EAC5E,IAAI0B,IAAI;EACR,IAAI;IAAEC;EAAU,CAAC,GAAGjD,gBAAgB,CAAC,CAAC;EACtC,IAAIkD,KAAK,GAAGjD,eAAe,CAAC,CAAC;EAC7B,IAAIkD,OAAO,GAAG/C,UAAU,CAACX,oBAAoB,CAAC;EAC9C,IAAI2D,QAAQ,GAAG,CAACJ,IAAI,GAAGD,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAGA,aAAa,GAAGI,OAAO,MAAM,IAAI,IAAIH,IAAI,KAAK,KAAK,CAAC,GAAGA,IAAI,GAAG,MAAM;EAChJ,IAAIK,OAAO,GAAGvD,gBAAgB,CAACsD,QAAQ,EAAEH,SAAS,CAACK,YAAY,CAACA,YAAY,CAAC;EAC7E,IAAI,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGnD,QAAQ,CAAC,KAAK,CAAC;EAC3D,IAAI,OAAOoD,QAAQ,KAAK,WAAW,EAAE/D,8BAA8B,CAAC,CAAC;EACrE,IAAIgE,SAAS,GAAGC,OAAO,CAACd,OAAO,CAAC;EAChC,IAAIe,WAAW,GAAGpE,eAAe,CAACqE,SAAS,CAACC,GAAG;EAC/C,IAAIC,KAAK,GAAG;IACVjB,QAAQ;IACRkB,OAAO,EAAET,eAAe;IACxBK;EACF,CAAC;EACD,IAAIK,KAAK,GAAGb,QAAQ,KAAK,OAAO,IAAIA,QAAQ,KAAK,MAAM;EACvD,OAAO,eAAgB9D,KAAK,CAACkB,MAAM,EAAE;IACnCgC,IAAI,EAAE,UAAU;IAChBhB,QAAQ,EAAE,CACRyC,KAAK,GAAG,IAAI,GAAG,eAAgB7E,IAAI,CAACkB,IAAI,EAAE;MACxC,aAAa,EAAE,IAAI;MACnB4D,MAAM,EAAE,eAAe;MACvB,GAAGtE,QAAQ,CAACuE,IAAI;MAChB,GAAG;QACD,oBAAoB,EAAE;MACxB;IACF,CAAC,CAAC,EACF,eAAgB/E,IAAI,CAACmB,MAAM,EAAE;MAC3B,qBAAqB,EAAE6C,QAAQ;MAC/B,GAAG;QACD,eAAe,EAAE,IAAI;QACrB,IAAGN,QAAQ,GAAG;UACZ,eAAe,EAAE;QACnB,CAAC,GAAG,CAAC,CAAC;MACR,CAAC;MACD,GAAGpC,iBAAiB,CAACwC,KAAK,CAAC;MAC3BkB,iBAAiB,EAAEnB,SAAS,CAACoB,YAAY,CAAC5B,OAAO;MACjD6B,eAAe,EAAE,IAAI;MACrBC,UAAU,EAAE,QAAQ;MACpB,GAAGtB,SAAS,CAACP,GAAG;MAChBC,QAAQ,EAAE,QAAQ;MAClB,GAAGU,OAAO;MACVmB,eAAe,EAAE1B,QAAQ,GAAGtD,eAAe,CAACqE,SAAS,CAACY,UAAU,GAAG,aAAa;MAChF,IAAG3B,QAAQ,GAAG;QACZ4B,KAAK,EAAEd;MACT,CAAC,GAAG,CAAC,CAAC;MACN,GAAG7D,eAAe,CAACkD,SAAS,CAAC0B,MAAM,CAACC,OAAO,CAAC;MAC5C,IAAGlB,SAAS,GAAG;QACblB,IAAI,EAAE,QAAQ;QACdqC,QAAQ,EAAE,CAAC;QACXC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE;UACVP,eAAe,EAAE1B,QAAQ,GAAGtD,eAAe,CAACqE,SAAS,CAACmB,KAAK,GAAGxF,eAAe,CAACyF,WAAW,CAACR,UAAU;UACpG,GAAGpB;QACL,CAAC;QACD6B,UAAU,EAAE;UACVV,eAAe,EAAE1B,QAAQ,GAAGtD,eAAe,CAACqE,SAAS,CAACsB,KAAK,GAAG3F,eAAe,CAACyF,WAAW,CAACD,KAAK;UAC/F,GAAG3B;QACL,CAAC;QACD+B,YAAY,EAAE,CAAC;QACfC,UAAU,EAAE;UACVD,YAAY,EAAE;QAChB,CAAC;QACD,IAAG7B,eAAe,GAAG1D,sBAAsB,GAAG,IAAI;QAClDgD,OAAO;QACPyC,OAAO,EAAE,SAASA,OAAOA,CAAA,EAAG;UAC1B,OAAO9B,kBAAkB,CAACtD,gBAAgB,CAAC,CAAC,CAAC;QAC/C,CAAC;QACDqF,MAAM,EAAE,SAASA,MAAMA,CAAA,EAAG;UACxB,OAAO/B,kBAAkB,CAAC,KAAK,CAAC;QAClC,CAAC;QACDgC,SAAS,EAAE,SAASA,SAASA,CAACC,KAAK,EAAE;UACnC,IAAIA,KAAK,CAAClD,GAAG,KAAK,OAAO,IAAIkD,KAAK,CAAClD,GAAG,KAAK,GAAG,EAAE;YAC9CkD,KAAK,CAACC,cAAc,CAAC,CAAC;YACtB7C,OAAO,KAAK,IAAI,IAAIA,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,OAAO,CAAC,CAAC;UAC7D;QACF;MACF,CAAC,GAAG,IAAI;MACR,GAAGpB,KAAK;MACRD,QAAQ,EAAE,eAAgBpC,IAAI,CAACK,oBAAoB,CAAC2C,QAAQ,EAAE;QAC5DC,KAAK,EAAE,KAAK,CAAC;QACbb,QAAQ,EAAE,eAAgBpC,IAAI,CAACqB,oBAAoB,CAAC2B,QAAQ,EAAE;UAC5DC,KAAK,EAAE0B,KAAK;UACZvC;QACF,CAAC;MACH,CAAC;IACH,CAAC,CAAC;EAEN,CAAC,CAAC;AACJ;AACA,SACEH,SAAS,EACTuB,aAAa","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Card","componentColors","GroupPositionContext","edgeColorAt","ensureKeyboardModalityTracking","getGroupPosition","hairline","keyboardFocusRingProps","stackRadiusProps","transitionProps","useResolvedKnobs","useTouchSurface","wasKeyboardFocus","React","useContext","useState","View","XStack","YStack","ListItemStateContext","listRowTouchProps","groupFrame","shadowOpacity","shadowRadius","shadowOffset","width","height","elevationAndroid","style","boxShadow","ListGroup","param","variant","children","props","knobProps","rows","Children","toArray","filter","isValidElement","body","map","row","index","_row_key","Provider","value","length","key","role","padding","gap","overflow","borderColor","borderWidthStop","ListGroupItem","onPress","selected","groupPosition","_ref","touch","grouped","position","corners","borderRadius","keyboardFocused","setKeyboardFocused","document","pressable","Boolean","selectedInk","selection","ink","state","focused","first","testID","line","backgroundColor","paddingHorizontal","panelPadding","paddingVertical","alignItems","background","color","motion","control","tabIndex","cursor","hoverStyle","hover","interactive","pressStyle","press","outlineWidth","focusStyle","onFocus","onBlur","onKeyDown","event","preventDefault"],"sources":["ListGroup.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Card } from \"../Card\";\nimport { componentColors } from \"../componentColors\";\nimport { GroupPositionContext, edgeColorAt, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, stackRadiusProps, transitionProps, useResolvedKnobs, useTouchSurface, wasKeyboardFocus } from \"@multiplatform.one/theme\";\nimport React, { useContext, useState } from \"react\";\nimport { View, XStack, YStack } from \"tamagui\";\nimport { ListItemStateContext, listRowTouchProps } from \"./ListRow\";\nvar groupFrame = {\n shadowOpacity: 0,\n shadowRadius: 0,\n shadowOffset: {\n width: 0,\n height: 0\n },\n elevationAndroid: 0,\n style: {\n boxShadow: \"none\"\n }\n};\nfunction ListGroup(param) {\n var { variant = \"inset\", children, ...props } = param;\n var { knobProps } = useResolvedKnobs();\n var rows = React.Children.toArray(children).filter(React.isValidElement);\n var body = rows.map(function(row, index) {\n var _row_key;\n return /* @__PURE__ */ _jsx(GroupPositionContext.Provider, {\n value: getGroupPosition(index, rows.length),\n children: row\n }, (_row_key = row.key) !== null && _row_key !== void 0 ? _row_key : index);\n });\n if (variant === \"plain\") return /* @__PURE__ */ _jsx(YStack, {\n role: \"list\",\n ...props,\n children: body\n });\n return /* @__PURE__ */ _jsx(Card, {\n role: \"list\",\n padding: 0,\n gap: 0,\n overflow: \"hidden\",\n borderColor: edgeColorAt(\"$borderColor\", knobProps.borderWidthStop),\n ...groupFrame,\n ...props,\n children: body\n });\n}\nfunction ListGroupItem(param) {\n var { children, onPress, selected = false, groupPosition, ...props } = param;\n var _ref;\n var { knobProps } = useResolvedKnobs();\n var touch = useTouchSurface();\n var grouped = useContext(GroupPositionContext);\n var position = (_ref = groupPosition !== null && groupPosition !== void 0 ? groupPosition : grouped) !== null && _ref !== void 0 ? _ref : \"only\";\n var corners = stackRadiusProps(position, knobProps.borderRadius.borderRadius);\n var [keyboardFocused, setKeyboardFocused] = useState(false);\n if (typeof document !== \"undefined\") ensureKeyboardModalityTracking();\n var pressable = Boolean(onPress);\n var selectedInk = componentColors.selection.ink;\n var state = {\n selected,\n focused: keyboardFocused,\n selectedInk\n };\n var first = position === \"first\" || position === \"only\";\n return /* @__PURE__ */ _jsxs(YStack, {\n role: \"listitem\",\n children: [\n first ? null : /* @__PURE__ */ _jsx(View, {\n \"aria-hidden\": true,\n testID: \"list-hairline\",\n ...hairline.line,\n backgroundColor: edgeColorAt(\"$borderColor\", knobProps.borderWidthStop),\n ...{\n \"data-list-hairline\": \"full\"\n }\n }),\n /* @__PURE__ */ _jsx(XStack, {\n \"data-group-position\": position,\n ...{\n \"data-list-row\": true,\n ...selected ? {\n \"data-selected\": true\n } : {}\n },\n ...listRowTouchProps(touch),\n paddingHorizontal: knobProps.panelPadding.padding,\n paddingVertical: \"$2\",\n alignItems: \"center\",\n ...knobProps.gap,\n overflow: \"hidden\",\n ...corners,\n backgroundColor: selected ? componentColors.selection.background : \"transparent\",\n ...selected ? {\n color: selectedInk\n } : {},\n ...transitionProps(knobProps.motion.control),\n ...pressable ? {\n role: \"button\",\n tabIndex: 0,\n cursor: \"pointer\",\n hoverStyle: {\n backgroundColor: selected ? componentColors.selection.hover : componentColors.interactive.background,\n ...corners\n },\n pressStyle: {\n backgroundColor: selected ? componentColors.selection.press : componentColors.interactive.hover,\n ...corners\n },\n outlineWidth: 0,\n focusStyle: {\n outlineWidth: 0\n },\n ...keyboardFocused ? keyboardFocusRingProps : null,\n onPress,\n onFocus: function onFocus() {\n return setKeyboardFocused(wasKeyboardFocus());\n },\n onBlur: function onBlur() {\n return setKeyboardFocused(false);\n },\n onKeyDown: function onKeyDown(event) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n onPress === null || onPress === void 0 ? void 0 : onPress();\n }\n }\n } : null,\n ...props,\n children: /* @__PURE__ */ _jsx(GroupPositionContext.Provider, {\n value: void 0,\n children: /* @__PURE__ */ _jsx(ListItemStateContext.Provider, {\n value: state,\n children\n })\n })\n })\n ]\n });\n}\nexport {\n ListGroup,\n ListGroupItem\n};\n//# sourceMappingURL=ListGroup.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { Card } from "../Card.mjs";
|
|
2
2
|
import { componentColors } from "../componentColors.mjs";
|
|
3
|
-
import { GroupPositionContext, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, stackRadiusProps, transitionProps, useResolvedKnobs, useTouchSurface, wasKeyboardFocus } from "@multiplatform.one/theme";
|
|
3
|
+
import { GroupPositionContext, edgeColorAt, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, stackRadiusProps, transitionProps, useResolvedKnobs, useTouchSurface, wasKeyboardFocus } from "@multiplatform.one/theme";
|
|
4
4
|
import React, { useContext, useState } from "react";
|
|
5
5
|
import { View, XStack, YStack } from "tamagui";
|
|
6
6
|
import { ListItemStateContext, listRowTouchProps } from "./ListRow.mjs";
|
|
7
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
const groupFrame = {
|
|
9
|
-
borderColor: "$borderColor",
|
|
10
9
|
shadowOpacity: 0,
|
|
11
10
|
shadowRadius: 0,
|
|
12
11
|
shadowOffset: {
|
|
@@ -23,6 +22,9 @@ function ListGroup({
|
|
|
23
22
|
children,
|
|
24
23
|
...props
|
|
25
24
|
}) {
|
|
25
|
+
const {
|
|
26
|
+
knobProps
|
|
27
|
+
} = useResolvedKnobs();
|
|
26
28
|
const rows = React.Children.toArray(children).filter(React.isValidElement);
|
|
27
29
|
const body = rows.map((row, index) => /* @__PURE__ */jsx(GroupPositionContext.Provider, {
|
|
28
30
|
value: getGroupPosition(index, rows.length),
|
|
@@ -38,6 +40,7 @@ function ListGroup({
|
|
|
38
40
|
padding: 0,
|
|
39
41
|
gap: 0,
|
|
40
42
|
overflow: "hidden",
|
|
43
|
+
borderColor: edgeColorAt("$borderColor", knobProps.borderWidthStop),
|
|
41
44
|
...groupFrame,
|
|
42
45
|
...props,
|
|
43
46
|
children: body
|
|
@@ -73,6 +76,7 @@ function ListGroupItem({
|
|
|
73
76
|
"aria-hidden": true,
|
|
74
77
|
testID: "list-hairline",
|
|
75
78
|
...hairline.line,
|
|
79
|
+
backgroundColor: edgeColorAt("$borderColor", knobProps.borderWidthStop),
|
|
76
80
|
...{
|
|
77
81
|
"data-list-hairline": "full"
|
|
78
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Card","componentColors","GroupPositionContext","ensureKeyboardModalityTracking","getGroupPosition","hairline","keyboardFocusRingProps","stackRadiusProps","transitionProps","useResolvedKnobs","useTouchSurface","wasKeyboardFocus","React","useContext","useState","View","XStack","YStack","ListItemStateContext","listRowTouchProps","jsx","jsxs","groupFrame","
|
|
1
|
+
{"version":3,"names":["Card","componentColors","GroupPositionContext","edgeColorAt","ensureKeyboardModalityTracking","getGroupPosition","hairline","keyboardFocusRingProps","stackRadiusProps","transitionProps","useResolvedKnobs","useTouchSurface","wasKeyboardFocus","React","useContext","useState","View","XStack","YStack","ListItemStateContext","listRowTouchProps","jsx","jsxs","groupFrame","shadowOpacity","shadowRadius","shadowOffset","width","height","elevationAndroid","style","boxShadow","ListGroup","variant","children","props","knobProps","rows","Children","toArray","filter","isValidElement","body","map","row","index","Provider","value","length","key","role","padding","gap","overflow","borderColor","borderWidthStop","ListGroupItem","onPress","selected","groupPosition","touch","grouped","position","corners","borderRadius","keyboardFocused","setKeyboardFocused","document","pressable","Boolean","selectedInk","selection","ink","state","focused","first","testID","line","backgroundColor","paddingHorizontal","panelPadding","paddingVertical","alignItems","background","color","motion","control","tabIndex","cursor","hoverStyle","hover","interactive","pressStyle","press","outlineWidth","focusStyle","onFocus","onBlur","onKeyDown","event","preventDefault"],"sources":["../../../src/views/ListGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -47,7 +47,6 @@ var import_react = __toESM(require("react"));
|
|
|
47
47
|
var import_tamagui = require("tamagui");
|
|
48
48
|
var import_ListRow = require("./ListRow.native.js");
|
|
49
49
|
var groupFrame = {
|
|
50
|
-
borderColor: "$borderColor",
|
|
51
50
|
shadowOpacity: 0,
|
|
52
51
|
shadowRadius: 0,
|
|
53
52
|
shadowOffset: {
|
|
@@ -65,6 +64,9 @@ function ListGroup(param) {
|
|
|
65
64
|
children,
|
|
66
65
|
...props
|
|
67
66
|
} = param;
|
|
67
|
+
var {
|
|
68
|
+
knobProps
|
|
69
|
+
} = (0, import_theme.useResolvedKnobs)();
|
|
68
70
|
var rows = import_react.default.Children.toArray(children).filter(import_react.default.isValidElement);
|
|
69
71
|
var body = rows.map(function (row, index) {
|
|
70
72
|
var _row_key;
|
|
@@ -83,6 +85,7 @@ function ListGroup(param) {
|
|
|
83
85
|
padding: 0,
|
|
84
86
|
gap: 0,
|
|
85
87
|
overflow: "hidden",
|
|
88
|
+
borderColor: (0, import_theme.edgeColorAt)("$borderColor", knobProps.borderWidthStop),
|
|
86
89
|
...groupFrame,
|
|
87
90
|
...props,
|
|
88
91
|
children: body
|
|
@@ -120,6 +123,7 @@ function ListGroupItem(param) {
|
|
|
120
123
|
"aria-hidden": true,
|
|
121
124
|
testID: "list-hairline",
|
|
122
125
|
...import_theme.hairline.line,
|
|
126
|
+
backgroundColor: (0, import_theme.edgeColorAt)("$borderColor", knobProps.borderWidthStop),
|
|
123
127
|
...{
|
|
124
128
|
"data-list-hairline": "full"
|
|
125
129
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ListGroup_exports","ListGroup","ListGroupItem","module","exports","import_jsx_runtime","require","import_Card","import_componentColors","import_theme","import_react","import_tamagui","import_ListRow","groupFrame","
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ListGroup_exports","ListGroup","ListGroupItem","module","exports","import_jsx_runtime","require","import_Card","import_componentColors","import_theme","import_react","import_tamagui","import_ListRow","groupFrame","shadowOpacity","shadowRadius","shadowOffset","width","height","elevationAndroid","style","boxShadow","param","variant","children","props","knobProps","useResolvedKnobs","rows","default","Children","toArray","filter","isValidElement","body","map","row","index","_row_key","jsx","GroupPositionContext","Provider","getGroupPosition","length","YStack","role","Card","padding","gap","overflow","borderColor","edgeColorAt","borderWidthStop","onPress","selected","groupPosition","_ref","touch","useTouchSurface","grouped","useContext","position","corners","stackRadiusProps","borderRadius","keyboardFocused","setKeyboardFocused","useState","document","ensureKeyboardModalityTracking","pressable","Boolean","selectedInk","componentColors","selection","ink","state","focused","first","jsxs","View","testID","hairline","line","backgroundColor","XStack","listRowTouchProps","paddingHorizontal","panelPadding","paddingVertical","alignItems","background","color","transitionProps","motion","control"],"sources":["../../../src/views/ListGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@multiplatform.one/components",
|
|
3
|
-
"version": "7.82.
|
|
3
|
+
"version": "7.82.2",
|
|
4
4
|
"description": "multiplatform.one ui components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"components",
|
|
@@ -58,11 +58,11 @@
|
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
60
|
"@floating-ui/react": "^0.27.20",
|
|
61
|
-
"@multiplatform.one/forms": "^7.82.
|
|
62
|
-
"@multiplatform.one/i18n": "^7.82.
|
|
63
|
-
"@multiplatform.one/platform": "^7.82.
|
|
64
|
-
"@multiplatform.one/router": "^7.82.
|
|
65
|
-
"@multiplatform.one/theme": "^7.82.
|
|
61
|
+
"@multiplatform.one/forms": "^7.82.2",
|
|
62
|
+
"@multiplatform.one/i18n": "^7.82.2",
|
|
63
|
+
"@multiplatform.one/platform": "^7.82.2",
|
|
64
|
+
"@multiplatform.one/router": "^7.82.2",
|
|
65
|
+
"@multiplatform.one/theme": "^7.82.2",
|
|
66
66
|
"@phosphor-icons/react": "^2.1.10",
|
|
67
67
|
"@shopify/flash-list": "^2.3.1",
|
|
68
68
|
"@tamagui/colors": "2.7.6",
|
|
@@ -89,9 +89,9 @@
|
|
|
89
89
|
"tamagui": "2.7.6"
|
|
90
90
|
},
|
|
91
91
|
"devDependencies": {
|
|
92
|
-
"@multiplatform.one/config": "7.82.
|
|
93
|
-
"@multiplatform.one/storybook": "7.82.
|
|
94
|
-
"@multiplatform.one/test-utils": "7.82.
|
|
92
|
+
"@multiplatform.one/config": "7.82.2",
|
|
93
|
+
"@multiplatform.one/storybook": "7.82.2",
|
|
94
|
+
"@multiplatform.one/test-utils": "7.82.2",
|
|
95
95
|
"@tamagui/build": "2.7.6",
|
|
96
96
|
"@testing-library/jest-dom": "^7.0.1",
|
|
97
97
|
"@testing-library/react": "^16.3.3",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cleanup, fireEvent, screen } from "@testing-library/react";
|
|
2
2
|
import { renderWithProviders } from "@multiplatform.one/test-utils";
|
|
3
|
-
import { GroupPositionContext } from "@multiplatform.one/theme";
|
|
3
|
+
import { GroupPositionContext, Preset, type Knobs } from "@multiplatform.one/theme";
|
|
4
4
|
import { useContext } from "react";
|
|
5
5
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
6
6
|
import { ListGroup, ListGroupItem, ListRow, ListRowFact, useListItemState } from "./List";
|
|
@@ -115,6 +115,39 @@ describe("ListGroup (LC-175 MPO-ONLY-REUSE: the inset-grouped list apps used to
|
|
|
115
115
|
expect(plain.container.querySelector('[data-tier="content"]')).toBeNull();
|
|
116
116
|
});
|
|
117
117
|
|
|
118
|
+
it("frame and separators share the small stop's ink, the full ink at every other stop", () => {
|
|
119
|
+
const ink = (borderWidth: Knobs["borderWidth"]) => {
|
|
120
|
+
const { container, unmount } = renderWithProviders(
|
|
121
|
+
<Preset overrides={{ borderWidth }}>
|
|
122
|
+
<ListGroup>
|
|
123
|
+
<ListGroupItem>
|
|
124
|
+
<ListRow title="One" />
|
|
125
|
+
</ListGroupItem>
|
|
126
|
+
<ListGroupItem>
|
|
127
|
+
<ListRow title="Two" />
|
|
128
|
+
</ListGroupItem>
|
|
129
|
+
</ListGroup>
|
|
130
|
+
</Preset>,
|
|
131
|
+
);
|
|
132
|
+
const atom = (el: Element | null, prefix: string) =>
|
|
133
|
+
String(el?.className)
|
|
134
|
+
.split(/\s+/)
|
|
135
|
+
.find((c) => c.startsWith(prefix))
|
|
136
|
+
?.slice(prefix.length);
|
|
137
|
+
const painted = {
|
|
138
|
+
frame: atom(container.querySelector('[data-tier="content"]'), "_btc-"),
|
|
139
|
+
line: atom(hairlines(container)[0]!, "_bg-"),
|
|
140
|
+
};
|
|
141
|
+
unmount();
|
|
142
|
+
return painted;
|
|
143
|
+
};
|
|
144
|
+
const small = ink("small");
|
|
145
|
+
expect(small.frame).not.toBe("borderColor");
|
|
146
|
+
expect(small.line).not.toBe("borderColor");
|
|
147
|
+
expect(ink("medium")).toEqual({ frame: "borderColor", line: "borderColor" });
|
|
148
|
+
expect(ink("large")).toEqual({ frame: "borderColor", line: "borderColor" });
|
|
149
|
+
});
|
|
150
|
+
|
|
118
151
|
it("a pressable row is a button that answers press, Enter and Space", () => {
|
|
119
152
|
const onPress = vi.fn();
|
|
120
153
|
renderWithProviders(
|
package/src/views/ListGroup.tsx
CHANGED
|
@@ -2,6 +2,7 @@ import { Card } from "../Card";
|
|
|
2
2
|
import { componentColors } from "../componentColors";
|
|
3
3
|
import {
|
|
4
4
|
GroupPositionContext,
|
|
5
|
+
edgeColorAt,
|
|
5
6
|
ensureKeyboardModalityTracking,
|
|
6
7
|
getGroupPosition,
|
|
7
8
|
hairline,
|
|
@@ -32,7 +33,6 @@ export interface ListGroupProps extends Omit<YStackProps, "children"> {
|
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
const groupFrame = {
|
|
35
|
-
borderColor: "$borderColor",
|
|
36
36
|
shadowOpacity: 0,
|
|
37
37
|
shadowRadius: 0,
|
|
38
38
|
shadowOffset: { width: 0, height: 0 },
|
|
@@ -52,6 +52,7 @@ const groupFrame = {
|
|
|
52
52
|
* the frame (rv_c512b641aaa877af).
|
|
53
53
|
*/
|
|
54
54
|
export function ListGroup({ variant = "inset", children, ...props }: ListGroupProps) {
|
|
55
|
+
const { knobProps } = useResolvedKnobs();
|
|
55
56
|
const rows = React.Children.toArray(children).filter(React.isValidElement);
|
|
56
57
|
const body = rows.map((row, index) => (
|
|
57
58
|
<GroupPositionContext.Provider
|
|
@@ -68,7 +69,15 @@ export function ListGroup({ variant = "inset", children, ...props }: ListGroupPr
|
|
|
68
69
|
</YStack>
|
|
69
70
|
);
|
|
70
71
|
return (
|
|
71
|
-
<Card
|
|
72
|
+
<Card
|
|
73
|
+
role="list"
|
|
74
|
+
padding={0}
|
|
75
|
+
gap={0}
|
|
76
|
+
overflow="hidden"
|
|
77
|
+
borderColor={edgeColorAt("$borderColor", knobProps.borderWidthStop)}
|
|
78
|
+
{...groupFrame}
|
|
79
|
+
{...(props as object)}
|
|
80
|
+
>
|
|
72
81
|
{body}
|
|
73
82
|
</Card>
|
|
74
83
|
);
|
|
@@ -118,6 +127,7 @@ export function ListGroupItem({
|
|
|
118
127
|
aria-hidden
|
|
119
128
|
testID="list-hairline"
|
|
120
129
|
{...hairline.line}
|
|
130
|
+
backgroundColor={edgeColorAt("$borderColor", knobProps.borderWidthStop)}
|
|
121
131
|
{...({ "data-list-hairline": "full" } as Record<string, unknown>)}
|
|
122
132
|
/>
|
|
123
133
|
)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListGroup.d.ts","sourceRoot":"","sources":["../../src/views/ListGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ListGroup.d.ts","sourceRoot":"","sources":["../../src/views/ListGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAC;AAClC,OAAc,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAGjE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACnE;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,sEAAsE;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAUD;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EAAE,OAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CA8BlF;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,CAAC;IACnF,QAAQ,EAAE,SAAS,CAAC;IACpB,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+EpB"}
|