@rttui/skin-anocca 1.0.16 → 1.0.18

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 (47) hide show
  1. package/dist/cjs/HeaderPinButtons.cjs +109 -0
  2. package/dist/cjs/HeaderPinButtons.cjs.map +10 -0
  3. package/dist/cjs/RowPinButtons.cjs +75 -0
  4. package/dist/cjs/RowPinButtons.cjs.map +10 -0
  5. package/dist/cjs/index.cjs +383 -0
  6. package/dist/cjs/index.cjs.map +10 -0
  7. package/dist/cjs/package.json +5 -0
  8. package/dist/cjs/stories/ReactTanstackTableUiStory.stories.cjs +276 -0
  9. package/dist/cjs/stories/ReactTanstackTableUiStory.stories.cjs.map +10 -0
  10. package/dist/cjs/stories/ReactTanstackTableUiStoryComponent.cjs +186 -0
  11. package/dist/cjs/stories/ReactTanstackTableUiStoryComponent.cjs.map +10 -0
  12. package/dist/cjs/stories/createSourceCode.cjs +92 -0
  13. package/dist/cjs/stories/createSourceCode.cjs.map +10 -0
  14. package/dist/mjs/HeaderPinButtons.mjs +79 -0
  15. package/dist/mjs/HeaderPinButtons.mjs.map +10 -0
  16. package/dist/mjs/RowPinButtons.mjs +45 -0
  17. package/dist/mjs/RowPinButtons.mjs.map +10 -0
  18. package/dist/mjs/index.mjs +352 -0
  19. package/dist/mjs/index.mjs.map +10 -0
  20. package/dist/mjs/package.json +5 -0
  21. package/dist/mjs/stories/ReactTanstackTableUiStory.stories.mjs +246 -0
  22. package/dist/mjs/stories/ReactTanstackTableUiStory.stories.mjs.map +10 -0
  23. package/dist/mjs/stories/ReactTanstackTableUiStoryComponent.mjs +155 -0
  24. package/dist/mjs/stories/ReactTanstackTableUiStoryComponent.mjs.map +10 -0
  25. package/{src/stories/createSourceCode.ts → dist/mjs/stories/createSourceCode.mjs} +13 -4
  26. package/dist/mjs/stories/createSourceCode.mjs.map +10 -0
  27. package/dist/types/HeaderPinButtons.d.ts +1 -0
  28. package/dist/types/RowPinButtons.d.ts +4 -0
  29. package/dist/types/index.d.ts +3 -0
  30. package/dist/types/stories/ReactTanstackTableUiStory.stories.d.ts +78 -0
  31. package/dist/types/stories/ReactTanstackTableUiStoryComponent.d.ts +17 -0
  32. package/dist/types/stories/createSourceCode.d.ts +5 -0
  33. package/package.json +5 -2
  34. package/.storybook/main.ts +0 -18
  35. package/.storybook/preview.ts +0 -14
  36. package/CHANGELOG.md +0 -126
  37. package/index.html +0 -13
  38. package/src/HeaderPinButtons.tsx +0 -81
  39. package/src/RowPinButtons.tsx +0 -40
  40. package/src/index.tsx +0 -460
  41. package/src/stories/ReactTanstackTableUiStory.mdx +0 -147
  42. package/src/stories/ReactTanstackTableUiStory.stories.tsx +0 -207
  43. package/src/stories/ReactTanstackTableUiStoryComponent.tsx +0 -113
  44. package/src/stories/ScrollbarWidthSpecified.mdx +0 -42
  45. package/tsconfig.json +0 -34
  46. package/tsconfig.types.json +0 -9
  47. package/vite.config.ts +0 -23
package/.storybook/preview.ts DELETED
@@ -1,14 +0,0 @@
1
- import type { Preview } from '@storybook/react'
2
-
3
- const preview: Preview = {
4
- parameters: {
5
- controls: {
6
- matchers: {
7
- color: /(background|color)$/i,
8
- date: /Date$/i,
9
- },
10
- },
11
- },
12
- };
13
-
14
- export default preview;
package/CHANGELOG.md DELETED
@@ -1,126 +0,0 @@
1
- # @rttui/skin-anocca
2
-
3
- ## 1.0.16
4
-
5
- ### Patch Changes
6
-
7
- - fix invalid build
8
-
9
- ## 1.0.15
10
-
11
- ### Patch Changes
12
-
13
- - Improve column sizing API
14
- - Updated dependencies
15
- - @rttui/core@1.0.15
16
-
17
- ## 1.0.14
18
-
19
- ### Patch Changes
20
-
21
- - Add a storybook
22
- - Updated dependencies
23
- - @rttui/core@1.0.14
24
-
25
- ## 1.0.13
26
-
27
- ### Patch Changes
28
-
29
- - Updated dependencies
30
- - @rttui/core@1.0.13
31
-
32
- ## 1.0.12
33
-
34
- ### Patch Changes
35
-
36
- - Updated dependencies
37
- - @rttui/core@1.0.12
38
-
39
- ## 1.0.11
40
-
41
- ### Patch Changes
42
-
43
- - Better styling and auto measure columns
44
- - Updated dependencies
45
- - @rttui/core@1.0.11
46
-
47
- ## 1.0.10
48
-
49
- ### Patch Changes
50
-
51
- - Updated dependencies
52
- - @rttui/core@1.0.10
53
-
54
- ## 1.0.9
55
-
56
- ### Patch Changes
57
-
58
- - Updated dependencies
59
- - @rttui/core@1.0.9
60
-
61
- ## 1.0.8
62
-
63
- ### Patch Changes
64
-
65
- - Updated dependencies
66
- - @rttui/core@1.0.8
67
-
68
- ## 1.0.7
69
-
70
- ### Patch Changes
71
-
72
- - Updated dependencies
73
- - @rttui/core@1.0.7
74
-
75
- ## 1.0.6
76
-
77
- ### Patch Changes
78
-
79
- - Updated dependencies
80
- - @rttui/core@1.0.6
81
-
82
- ## 1.0.5
83
-
84
- ### Patch Changes
85
-
86
- - Fix build
87
- - Updated dependencies
88
- - @rttui/core@1.0.5
89
-
90
- ## 1.0.4
91
-
92
- ### Patch Changes
93
-
94
- - new build method
95
- - Updated dependencies
96
- - @rttui/core@1.0.4
97
-
98
- ## 1.0.3
99
-
100
- ### Patch Changes
101
-
102
- - 51c73d3: build with bun build instead
103
- - Updated dependencies [51c73d3]
104
- - @rttui/core@1.0.3
105
-
106
- ## 1.0.2
107
-
108
- ### Patch Changes
109
-
110
- - fix lib build
111
- - Updated dependencies
112
- - @rttui/core@1.0.2
113
-
114
- ## 1.0.1
115
-
116
- ### Patch Changes
117
-
118
- - Fix dependencies
119
- - Updated dependencies
120
- - @rttui/core@1.0.1
121
-
122
- ## 1.0.0
123
-
124
- ### Major Changes
125
-
126
- - First release
package/index.html DELETED
@@ -1,13 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Vite + React + TS</title>
8
- </head>
9
- <body>
10
- <div id="root"></div>
11
- <script type="module" src="/src/main.tsx"></script>
12
- </body>
13
- </html>
package/src/HeaderPinButtons.tsx DELETED
@@ -1,81 +0,0 @@
1
- import { useVirtualHeader } from "@rttui/core";
2
- import { MdChevronLeft, MdChevronRight, MdClose } from "react-icons/md";
3
-
4
- export const HeaderPinButtons = () => {
5
- const vHeader = useVirtualHeader();
6
- const header = vHeader.header;
7
- if (!header) {
8
- return null;
9
- }
10
- const isPinned = vHeader.isPinned;
11
- return (
12
- <div style={{ display: "flex", gap: "-4px", justifyContent: "flex-start" }}>
13
- {isPinned !== "start" ? (
14
- <button
15
- style={{
16
- border: "none",
17
- background: "transparent",
18
- cursor: "pointer",
19
- padding: "2px",
20
- borderRadius: "4px",
21
- display: "flex",
22
- alignItems: "center",
23
- opacity: 0.5,
24
- }}
25
- onClick={() => {
26
- if (!header) {
27
- return;
28
- }
29
- header.column.pin("left");
30
- }}
31
- >
32
- <MdChevronLeft />
33
- </button>
34
- ) : null}
35
- {isPinned ? (
36
- <button
37
- style={{
38
- border: "none",
39
- background: "transparent",
40
- cursor: "pointer",
41
- padding: "2px",
42
- borderRadius: "4px",
43
- display: "flex",
44
- alignItems: "center",
45
- opacity: 0.7,
46
- }}
47
- onClick={() => {
48
- if (!header) {
49
- return;
50
- }
51
- header.column.pin(false);
52
- }}
53
- >
54
- <MdClose />
55
- </button>
56
- ) : null}
57
- {isPinned !== "end" ? (
58
- <button
59
- style={{
60
- border: "none",
61
- background: "transparent",
62
- cursor: "pointer",
63
- padding: "2px",
64
- borderRadius: "4px",
65
- display: "flex",
66
- alignItems: "center",
67
- opacity: 0.5,
68
- }}
69
- onClick={() => {
70
- if (!header) {
71
- return;
72
- }
73
- header.column.pin("right");
74
- }}
75
- >
76
- <MdChevronRight />
77
- </button>
78
- ) : null}
79
- </div>
80
- );
81
- };
package/src/RowPinButtons.tsx DELETED
@@ -1,40 +0,0 @@
1
- import { Row } from "@tanstack/react-table";
2
- import { IconButton, Stack } from "@mui/material";
3
- import { FiX, FiChevronUp, FiChevronDown } from "react-icons/fi";
4
-
5
- export function RowPinButtons({ row }: { row: Row<any> }) {
6
- if (!row.getCanPin()) {
7
- return null;
8
- }
9
-
10
- if (row.getIsPinned()) {
11
- return (
12
- <IconButton
13
- onClick={() => row.pin(false, true, true)}
14
- size="small"
15
- sx={{ color: "text.secondary" }}
16
- >
17
- <FiX size={16} />
18
- </IconButton>
19
- );
20
- }
21
-
22
- return (
23
- <Stack direction="row">
24
- <IconButton
25
- onClick={() => row.pin("top", true, true)}
26
- size="small"
27
- sx={{ color: "text.secondary" }}
28
- >
29
- <FiChevronUp size={16} />
30
- </IconButton>
31
- <IconButton
32
- onClick={() => row.pin("bottom", true, true)}
33
- size="small"
34
- sx={{ color: "text.secondary" }}
35
- >
36
- <FiChevronDown size={16} />
37
- </IconButton>
38
- </Stack>
39
- );
40
- }