@multiplatform.one/table-primitives 7.7.4 → 7.8.0

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.
Files changed (23) hide show
  1. package/dist/cjs/index.cjs +46 -1
  2. package/dist/cjs/index.native.js +48 -1
  3. package/dist/cjs/index.native.js.map +1 -1
  4. package/dist/cjs/tableCellContext.native.js.map +1 -1
  5. package/dist/cjs/textRidesText.native.js.map +1 -1
  6. package/dist/esm/index.mjs +46 -1
  7. package/dist/esm/index.mjs.map +1 -1
  8. package/dist/esm/index.native.js +48 -1
  9. package/dist/esm/index.native.js.map +1 -1
  10. package/dist/jsx/index.js +46 -1
  11. package/dist/jsx/index.js.map +1 -1
  12. package/dist/jsx/index.mjs +46 -1
  13. package/dist/jsx/index.mjs.map +1 -1
  14. package/dist/jsx/index.native.js +48 -1
  15. package/dist/jsx/index.native.js.map +1 -1
  16. package/package.json +5 -4
  17. package/src/TableCaption.stories.tsx +64 -0
  18. package/src/TableCardsList.stories.tsx +42 -0
  19. package/src/TableCellContext.stories.tsx +58 -0
  20. package/src/TableFoot.stories.tsx +64 -0
  21. package/src/index.tsx +35 -2
  22. package/src/table.spec.tsx +89 -1
  23. package/types/index.d.ts.map +1 -1
package/src/table.spec.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Table primitives tests - 5 focused tests for Task Group 1.
2
+ * Table primitives tests — semantic HTML, knobs, data-chrome animation / textAccent.
3
3
  *
4
4
  * Note: tamagui 2.0.0-rc derives the DOM element from the `render` prop —
5
5
  * the primitives emit REAL <table>/<thead>/<tbody>/<tfoot>/<tr>/<th>/<td>/
@@ -7,6 +7,7 @@
7
7
  */
8
8
 
9
9
  import { renderWithProviders } from "@multiplatform.one/test-utils";
10
+ import { Preset } from "@multiplatform.one/theme";
10
11
  import { describe, expect, it } from "vitest";
11
12
  import { Table } from "./index";
12
13
 
@@ -203,4 +204,91 @@ describe("Table Primitives", () => {
203
204
  expect(getByText("F1")).toBeDefined();
204
205
  expect(getByText("F2")).toBeDefined();
205
206
  });
207
+
208
+ it("honours animation on the frame, row and cell (data-chrome)", () => {
209
+ const { container: none } = renderWithProviders(
210
+ <Preset overrides={{ animation: "none" }}>
211
+ <Table>
212
+ <Table.Head>
213
+ <Table.Row>
214
+ <Table.HeaderCell>H</Table.HeaderCell>
215
+ </Table.Row>
216
+ </Table.Head>
217
+ <Table.Body>
218
+ <Table.Row>
219
+ <Table.Cell>C</Table.Cell>
220
+ </Table.Row>
221
+ </Table.Body>
222
+ </Table>
223
+ </Preset>,
224
+ );
225
+ const { container: bouncy } = renderWithProviders(
226
+ <Preset overrides={{ animation: "bouncy" }}>
227
+ <Table>
228
+ <Table.Head>
229
+ <Table.Row>
230
+ <Table.HeaderCell>H</Table.HeaderCell>
231
+ </Table.Row>
232
+ </Table.Head>
233
+ <Table.Body>
234
+ <Table.Row>
235
+ <Table.Cell>C</Table.Cell>
236
+ </Table.Row>
237
+ </Table.Body>
238
+ </Table>
239
+ </Preset>,
240
+ );
241
+
242
+ expect(none.querySelector("table")?.getAttribute("data-animation")).toBe("none");
243
+ expect(bouncy.querySelector("table")?.getAttribute("data-animation")).toBe("on");
244
+ expect(none.querySelector("tr")?.getAttribute("data-animation")).toBe("none");
245
+ expect(bouncy.querySelector("tr")?.getAttribute("data-animation")).toBe("on");
246
+ expect(none.querySelector("td")?.getAttribute("data-animation")).toBe("none");
247
+ expect(bouncy.querySelector("td")?.getAttribute("data-animation")).toBe("on");
248
+ });
249
+
250
+ it("honours textAccent on header labels and leaves body cells as T-VALUE", () => {
251
+ const { container: high } = renderWithProviders(
252
+ <Preset overrides={{ textAccent: "high" }}>
253
+ <Table>
254
+ <Table.Head>
255
+ <Table.Row>
256
+ <Table.HeaderCell>Name</Table.HeaderCell>
257
+ </Table.Row>
258
+ </Table.Head>
259
+ <Table.Body>
260
+ <Table.Row>
261
+ <Table.Cell>Ada</Table.Cell>
262
+ </Table.Row>
263
+ </Table.Body>
264
+ </Table>
265
+ </Preset>,
266
+ );
267
+ const { container: low } = renderWithProviders(
268
+ <Preset overrides={{ textAccent: "low" }}>
269
+ <Table>
270
+ <Table.Head>
271
+ <Table.Row>
272
+ <Table.HeaderCell>Name</Table.HeaderCell>
273
+ </Table.Row>
274
+ </Table.Head>
275
+ <Table.Body>
276
+ <Table.Row>
277
+ <Table.Cell>Ada</Table.Cell>
278
+ </Table.Row>
279
+ </Table.Body>
280
+ </Table>
281
+ </Preset>,
282
+ );
283
+
284
+ const headerHigh = high
285
+ .querySelector("th [data-text-accent]")
286
+ ?.getAttribute("data-text-accent");
287
+ const headerLow = low.querySelector("th [data-text-accent]")?.getAttribute("data-text-accent");
288
+ expect(headerHigh).toBeTruthy();
289
+ expect(headerLow).toBeTruthy();
290
+ expect(headerHigh).not.toBe(headerLow);
291
+ expect(high.querySelector("td [data-text-accent]")).toBeNull();
292
+ expect(low.querySelector("td [data-text-accent]")).toBeNull();
293
+ });
206
294
  });
package/types/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}