@rttui/skin-anocca 1.0.33 → 1.0.34
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/anocca_skin.cjs +6 -4
- package/dist/cjs/anocca_skin.cjs.map +3 -3
- package/dist/cjs/package.json +1 -1
- package/dist/cjs/table_header_row.cjs +6 -2
- package/dist/cjs/table_header_row.cjs.map +3 -3
- package/dist/mjs/anocca_skin.mjs +6 -4
- package/dist/mjs/anocca_skin.mjs.map +3 -3
- package/dist/mjs/package.json +1 -1
- package/dist/mjs/table_header_row.mjs +6 -2
- package/dist/mjs/table_header_row.mjs.map +3 -3
- package/package.json +2 -2
package/dist/cjs/anocca_skin.cjs
CHANGED
|
@@ -89,8 +89,8 @@ var AnoccaSkin = {
|
|
|
89
89
|
width: "var(--table-container-width)",
|
|
90
90
|
height: "var(--table-container-height)",
|
|
91
91
|
position: "relative",
|
|
92
|
-
contain: "
|
|
93
|
-
willChange: "
|
|
92
|
+
contain: "strict",
|
|
93
|
+
willChange: "scroll-position",
|
|
94
94
|
borderRadius: 1
|
|
95
95
|
},
|
|
96
96
|
children
|
|
@@ -158,7 +158,8 @@ var AnoccaSkin = {
|
|
|
158
158
|
display: "flex",
|
|
159
159
|
flexDirection: "column",
|
|
160
160
|
justifyContent: "flex-start",
|
|
161
|
-
alignItems: "stretch"
|
|
161
|
+
alignItems: "stretch",
|
|
162
|
+
willChange: "contents"
|
|
162
163
|
},
|
|
163
164
|
children
|
|
164
165
|
});
|
|
@@ -245,6 +246,7 @@ var AnoccaSkin = {
|
|
|
245
246
|
zIndex: 1,
|
|
246
247
|
boxSizing: "border-box",
|
|
247
248
|
backgroundColor: "var(--row-background-color)",
|
|
249
|
+
willChange: "contents",
|
|
248
250
|
"&:hover": {
|
|
249
251
|
backgroundColor: (theme) => {
|
|
250
252
|
return theme.palette.mode === "dark" ? "#1e1e52" : "#E3F2FD";
|
|
@@ -430,4 +432,4 @@ var TableHeaderCell = import_react.default.memo(import_react.default.forwardRef(
|
|
|
430
432
|
});
|
|
431
433
|
}));
|
|
432
434
|
|
|
433
|
-
//# debugId=
|
|
435
|
+
//# debugId=FF1F7BB901CCC30064756E2164756E21
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/anocca_skin.tsx"],
|
|
4
4
|
"sourcesContent": [
|
|
5
|
-
"import {\n Box,\n Paper,\n SxProps,\n TableBody,\n TableCell,\n TableFooter,\n TableHead,\n TableRow,\n Theme,\n useTheme,\n} from \"@mui/material\";\nimport {\n shallowEqual,\n Skin,\n strictEqual,\n useCellProps,\n useColProps,\n useRowProps,\n useTableContext,\n useTableCssVars,\n useTableProps,\n} from \"@rttui/core\";\nimport React, { CSSProperties } from \"react\";\nimport { TableHeaderRow } from \"./table_header_row.cjs\";\n\nconst AnoccaSkin: Skin = {\n rowHeight: 32,\n headerRowHeight: 32,\n footerRowHeight: 32,\n OverlayContainer: React.memo(function OverlayContainer({ children }) {\n const { width, height } = useTableProps({\n selector: (props) => props.uiProps,\n callback: ({ width, height }) => {\n return {\n width,\n height,\n };\n },\n dependencies: [{ type: \"ui_props\" }],\n areCallbackOutputEqual: shallowEqual,\n });\n const cssVars = useTableCssVars();\n return (\n <div\n className=\"rttui-overlay-container\"\n style={{\n position: \"relative\",\n width: width + \"px\",\n height: height + \"px\",\n ...cssVars,\n }}\n >\n {children}\n </div>\n );\n }),\n OuterContainer: ({ children }) => {\n const { tableContainerRef } = useTableContext();\n\n return (\n <Paper\n ref={tableContainerRef}\n className=\"outer-container\"\n elevation={2}\n sx={{\n overflow: \"auto\",\n width: \"var(--table-container-width)\",\n height: \"var(--table-container-height)\",\n position: \"relative\",\n contain: \"paint\",\n willChange: \"transform\",\n borderRadius: 1,\n }}\n >\n {children}\n </Paper>\n );\n },\n TableScroller: () => {\n return (\n <div\n className=\"table-scroller\"\n style={{\n width: \"var(--table-width)\",\n height:\n \"calc(var(--table-height) + var(--header-height) + var(--footer-height))\",\n position: \"absolute\",\n }}\n ></div>\n );\n },\n TableHeader: ({ children }) => {\n return (\n <TableHead\n component=\"div\"\n className=\"thead\"\n sx={{\n position: \"sticky\",\n top: 0,\n width: \"var(--table-width)\",\n zIndex: 2,\n backgroundColor: (theme) => theme.palette.background.paper,\n boxShadow: (theme) => `0 1px 0 ${theme.palette.divider}`,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n >\n {children}\n </TableHead>\n );\n },\n TableFooter: ({ children }) => {\n return (\n <TableFooter\n component=\"div\"\n className=\"table-footer\"\n sx={{\n position: \"sticky\",\n bottom: -1,\n width: \"var(--table-width)\",\n zIndex: 2,\n backgroundColor: (theme) => theme.palette.background.paper,\n boxShadow: (theme) => `0 -1px 0 ${theme.palette.divider}`,\n }}\n >\n {children}\n </TableFooter>\n );\n },\n HeaderRow: TableHeaderRow,\n HeaderCell: React.memo(\n React.forwardRef((props, ref) => {\n return <TableHeaderCell {...props} ref={ref} />;\n }),\n ),\n TableBody: ({ children }) => {\n return (\n <TableBody\n component=\"div\"\n className=\"table-body\"\n sx={{\n position: \"relative\",\n width: \"var(--table-width)\",\n height: \"var(--table-height)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n >\n {children}\n </TableBody>\n );\n },\n PinnedRows: ({ children, position }) => {\n const style: SxProps<Theme> = {\n position: \"sticky\",\n zIndex: 3,\n };\n if (position === \"top\") {\n style.top = \"var(--header-height)\";\n style.borderBottom = (theme) => `1px solid ${theme.palette.divider}`;\n style.boxShadow =\n \"0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 6px 12px -6px rgba(0, 0, 0, 0.1)\";\n } else if (position === \"bottom\") {\n style.bottom = \"var(--footer-height)\";\n style.borderTop = (theme) => `1px solid ${theme.palette.divider}`;\n style.boxShadow =\n \"0 -4px 8px -4px rgba(0, 0, 0, 0.15), 0 -6px 12px -6px rgba(0, 0, 0, 0.1)\";\n }\n\n const Component = position === \"top\" ? TableHead : TableFooter;\n\n return (\n <Component\n component=\"div\"\n className={`sticky-${position}-rows`}\n sx={style}\n >\n {children}\n </Component>\n );\n },\n PinnedCols: React.memo(({ children, position }) => {\n const style: SxProps<Theme> = {\n position: \"sticky\",\n zIndex: 3,\n display: \"flex\",\n };\n\n if (position === \"left\") {\n style.left = 0;\n } else if (position === \"right\") {\n style.right = 0;\n }\n\n return (\n <Box component=\"div\" className={`sticky-${position}-cols`} sx={style}>\n {children}\n </Box>\n );\n }),\n\n TableRowWrapper: React.memo(\n React.forwardRef(({ children }, ref) => {\n const theme = useTheme();\n const { relativeIndex, rowIndex } = useRowProps({\n callback: (row) => {\n return { relativeIndex: row.relativeIndex, rowIndex: row.rowIndex };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n const backgroundColor = (theme: Theme) => {\n const baseColor =\n relativeIndex % 2 === 0\n ? theme.palette.background.paper\n : theme.palette.mode === \"dark\"\n ? theme.palette.grey[900]\n : theme.palette.grey[100];\n return baseColor;\n };\n\n const vars: Record<string, string> = {\n \"--row-background-color\": backgroundColor(theme),\n };\n\n return (\n <Box\n sx={{\n ...vars,\n width: \"var(--table-width)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n data-index={rowIndex}\n ref={ref}\n >\n {children}\n </Box>\n );\n }),\n ),\n TableRow: React.memo(({ children }) => {\n return (\n <TableRow\n component=\"div\"\n className=\"table-row\"\n sx={{\n position: \"relative\",\n width: \"var(--table-width)\",\n display: \"flex\",\n height: \"var(--row-height)\",\n zIndex: 1,\n boxSizing: \"border-box\",\n backgroundColor: \"var(--row-background-color)\",\n \"&:hover\": {\n backgroundColor: (theme) => {\n // Always use solid background colors for all cells on hover\n return theme.palette.mode === \"dark\"\n ? \"#1e1e52\" // Dark blue solid color\n : \"#E3F2FD\"; // Light blue solid color\n },\n },\n }}\n >\n {children}\n </TableRow>\n );\n }),\n TableRowExpandedContent: React.memo(({ children }) => {\n const { leafColLength } = useTableProps({\n callback: (table) => {\n return {\n leafColLength: table.tanstackTable.getAllLeafColumns().length,\n };\n },\n dependencies: [{ type: \"tanstack_table\" }],\n areCallbackOutputEqual: strictEqual,\n });\n return (\n <TableRow\n component=\"div\"\n className=\"expanded-row\"\n sx={{\n backgroundColor: (theme) => theme.palette.background.default,\n }}\n >\n <TableCell\n component=\"div\"\n className=\"expanded-cell\"\n colSpan={leafColLength}\n sx={{\n padding: 2,\n }}\n >\n {children}\n </TableCell>\n </TableRow>\n );\n }),\n Cell: React.memo(\n React.forwardRef(function Cell({ isMeasureInstance, children }, ref) {\n const {\n isPinned,\n isLastPinned,\n isLast,\n isLastCenter,\n width,\n isSomeColumnsPinnedRight,\n } = useCellProps({\n callback: (cell, table) => {\n const state = cell.header.state;\n return {\n isPinned: state.isPinned,\n isLastPinned: state.isLastPinned,\n isLast: state.isLast,\n isLastCenter: state.isLastCenter,\n width: state.width,\n isSomeColumnsPinnedRight:\n table.tanstackTable.getIsSomeColumnsPinned(\"right\"),\n };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n\n return (\n <TableCell\n className=\"td\"\n component=\"div\"\n ref={ref}\n style={{ width: isMeasureInstance ? \"auto\" : width }}\n sx={{\n height: \"var(--row-height)\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n zIndex: isPinned ? 5 : 0,\n boxSizing: \"border-box\",\n fontSize: \"0.875rem\",\n color: \"text.primary\",\n alignItems: \"center\",\n gap: \"8px\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignContent: \"center\",\n padding: \"6px 12px\",\n backgroundColor: \"var(--row-background-color)\",\n borderBottom: \"none\",\n flexShrink: 0,\n position: \"relative\",\n borderRight:\n ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n !isLast &&\n !(isLastCenter && isSomeColumnsPinnedRight)\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n borderLeft:\n isPinned === \"end\" && !isLastPinned\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n \".table-row:hover &\": {\n backgroundColor: (theme) => {\n // Always use solid background colors for all cells on hover\n return theme.palette.mode === \"dark\"\n ? \"#1e1e52\" // Dark blue solid color\n : \"#E3F2FD\"; // Light blue solid color\n },\n zIndex: isPinned ? 2 : 0,\n },\n }}\n >\n {children}\n </TableCell>\n );\n }),\n ),\n PinnedColsOverlay: ({ position }) => {\n const width = useTableProps({\n callback: (table) => {\n if (!table.tanstackTable.getIsSomeColumnsPinned(position)) {\n return undefined;\n }\n return position === \"left\"\n ? table.tanstackTable.getLeftTotalSize()\n : table.tanstackTable.getRightTotalSize();\n },\n });\n\n if (width === undefined) {\n return null;\n }\n\n const style: CSSProperties = {\n width,\n [position]: 0,\n position: \"sticky\",\n top: 0,\n bottom: 0,\n zIndex: 20,\n pointerEvents: \"none\",\n };\n\n if (position === \"left\") {\n style.boxShadow =\n \"4px 0 8px -4px rgba(0, 0, 0, 0.15), 6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n } else if (position === \"right\") {\n style.boxShadow =\n \"-4px 0 8px -4px rgba(0, 0, 0, 0.15), -6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n }\n return <div className={`pinned-${position}-overlay`} style={style} />;\n },\n};\n\nconst TableHeaderCell = React.memo(\n React.forwardRef<\n HTMLDivElement,\n {\n isMeasureInstance: boolean;\n children: React.ReactNode;\n }\n >(({ isMeasureInstance, children }, ref) => {\n const {\n isSomeColumnsPinnedRight,\n headerId,\n isPinned,\n width,\n isLast,\n isLastPinned,\n isLastCenter,\n } = useColProps({\n callback: ({ vheader, selectorValue }) => {\n const state = vheader.state;\n return {\n isSomeColumnsPinnedRight:\n selectorValue.tanstackTable.getIsSomeColumnsPinned(\"right\"),\n headerId: vheader.header.id,\n isPinned: state.isPinned,\n width: state.width,\n isLast: state.isLast,\n isLastPinned: state.isLastPinned,\n isLastCenter: state.isLastCenter,\n };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n\n return (\n <TableCell\n ref={ref}\n component=\"div\"\n className=\"th\"\n data-header-id={headerId}\n data-is-pinned={isPinned}\n style={{ width: isMeasureInstance ? \"auto\" : width }}\n sx={{\n transition: \"background-color 0.2s ease\",\n whiteSpace: \"nowrap\",\n zIndex: isPinned ? 1 : 0,\n display: \"flex\",\n overflow: \"hidden\",\n height: \"var(--header-row-height)\",\n position: \"relative\",\n flexShrink: 0,\n alignItems: \"center\",\n gap: \"8px\",\n justifyContent: \"space-between\",\n padding: \"6px 12px\",\n boxSizing: \"border-box\",\n fontWeight: 600,\n backgroundColor: isPinned\n ? (theme) => theme.palette.background.paper\n : \"transparent\",\n borderRight:\n ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n !isLast &&\n !(isLastCenter && isSomeColumnsPinnedRight)\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n borderLeft:\n isPinned === \"end\" && !isLastPinned\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n }}\n >\n <div style={{ flex: 1, display: \"flex\", justifyContent: \"flex-start\" }}>\n {children}\n </div>\n </TableCell>\n );\n }),\n);\n\nexport { AnoccaSkin };\n"
|
|
5
|
+
"import {\n Box,\n Paper,\n SxProps,\n TableBody,\n TableCell,\n TableFooter,\n TableHead,\n TableRow,\n Theme,\n useTheme,\n} from \"@mui/material\";\nimport {\n shallowEqual,\n Skin,\n strictEqual,\n useCellProps,\n useColProps,\n useRowProps,\n useTableContext,\n useTableCssVars,\n useTableProps,\n} from \"@rttui/core\";\nimport React, { CSSProperties } from \"react\";\nimport { TableHeaderRow } from \"./table_header_row.cjs\";\n\nconst AnoccaSkin: Skin = {\n rowHeight: 32,\n headerRowHeight: 32,\n footerRowHeight: 32,\n OverlayContainer: React.memo(function OverlayContainer({ children }) {\n const { width, height } = useTableProps({\n selector: (props) => props.uiProps,\n callback: ({ width, height }) => {\n return {\n width,\n height,\n };\n },\n dependencies: [{ type: \"ui_props\" }],\n areCallbackOutputEqual: shallowEqual,\n });\n const cssVars = useTableCssVars();\n return (\n <div\n className=\"rttui-overlay-container\"\n style={{\n position: \"relative\",\n width: width + \"px\",\n height: height + \"px\",\n ...cssVars,\n }}\n >\n {children}\n </div>\n );\n }),\n OuterContainer: ({ children }) => {\n const { tableContainerRef } = useTableContext();\n\n return (\n <Paper\n ref={tableContainerRef}\n className=\"outer-container\"\n elevation={2}\n sx={{\n overflow: \"auto\",\n width: \"var(--table-container-width)\",\n height: \"var(--table-container-height)\",\n position: \"relative\",\n contain: \"strict\",\n willChange: \"scroll-position\",\n borderRadius: 1,\n }}\n >\n {children}\n </Paper>\n );\n },\n TableScroller: () => {\n return (\n <div\n className=\"table-scroller\"\n style={{\n width: \"var(--table-width)\",\n height:\n \"calc(var(--table-height) + var(--header-height) + var(--footer-height))\",\n position: \"absolute\",\n }}\n ></div>\n );\n },\n TableHeader: ({ children }) => {\n return (\n <TableHead\n component=\"div\"\n className=\"thead\"\n sx={{\n position: \"sticky\",\n top: 0,\n width: \"var(--table-width)\",\n zIndex: 2,\n backgroundColor: (theme) => theme.palette.background.paper,\n boxShadow: (theme) => `0 1px 0 ${theme.palette.divider}`,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n >\n {children}\n </TableHead>\n );\n },\n TableFooter: ({ children }) => {\n return (\n <TableFooter\n component=\"div\"\n className=\"table-footer\"\n sx={{\n position: \"sticky\",\n bottom: -1,\n width: \"var(--table-width)\",\n zIndex: 2,\n backgroundColor: (theme) => theme.palette.background.paper,\n boxShadow: (theme) => `0 -1px 0 ${theme.palette.divider}`,\n }}\n >\n {children}\n </TableFooter>\n );\n },\n HeaderRow: TableHeaderRow,\n HeaderCell: React.memo(\n React.forwardRef((props, ref) => {\n return <TableHeaderCell {...props} ref={ref} />;\n }),\n ),\n TableBody: ({ children }) => {\n return (\n <TableBody\n component=\"div\"\n className=\"table-body\"\n sx={{\n position: \"relative\",\n width: \"var(--table-width)\",\n height: \"var(--table-height)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n willChange: \"contents\",\n }}\n >\n {children}\n </TableBody>\n );\n },\n PinnedRows: ({ children, position }) => {\n const style: SxProps<Theme> = {\n position: \"sticky\",\n zIndex: 3,\n };\n if (position === \"top\") {\n style.top = \"var(--header-height)\";\n style.borderBottom = (theme) => `1px solid ${theme.palette.divider}`;\n style.boxShadow =\n \"0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 6px 12px -6px rgba(0, 0, 0, 0.1)\";\n } else if (position === \"bottom\") {\n style.bottom = \"var(--footer-height)\";\n style.borderTop = (theme) => `1px solid ${theme.palette.divider}`;\n style.boxShadow =\n \"0 -4px 8px -4px rgba(0, 0, 0, 0.15), 0 -6px 12px -6px rgba(0, 0, 0, 0.1)\";\n }\n\n const Component = position === \"top\" ? TableHead : TableFooter;\n\n return (\n <Component\n component=\"div\"\n className={`sticky-${position}-rows`}\n sx={style}\n >\n {children}\n </Component>\n );\n },\n PinnedCols: React.memo(({ children, position }) => {\n const style: SxProps<Theme> = {\n position: \"sticky\",\n zIndex: 3,\n display: \"flex\",\n };\n\n if (position === \"left\") {\n style.left = 0;\n } else if (position === \"right\") {\n style.right = 0;\n }\n\n return (\n <Box component=\"div\" className={`sticky-${position}-cols`} sx={style}>\n {children}\n </Box>\n );\n }),\n\n TableRowWrapper: React.memo(\n React.forwardRef(({ children }, ref) => {\n const theme = useTheme();\n const { relativeIndex, rowIndex } = useRowProps({\n callback: (row) => {\n return { relativeIndex: row.relativeIndex, rowIndex: row.rowIndex };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n const backgroundColor = (theme: Theme) => {\n const baseColor =\n relativeIndex % 2 === 0\n ? theme.palette.background.paper\n : theme.palette.mode === \"dark\"\n ? theme.palette.grey[900]\n : theme.palette.grey[100];\n return baseColor;\n };\n\n const vars: Record<string, string> = {\n \"--row-background-color\": backgroundColor(theme),\n };\n\n return (\n <Box\n sx={{\n ...vars,\n width: \"var(--table-width)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n data-index={rowIndex}\n ref={ref}\n >\n {children}\n </Box>\n );\n }),\n ),\n TableRow: React.memo(({ children }) => {\n return (\n <TableRow\n component=\"div\"\n className=\"table-row\"\n sx={{\n position: \"relative\",\n width: \"var(--table-width)\",\n display: \"flex\",\n height: \"var(--row-height)\",\n zIndex: 1,\n boxSizing: \"border-box\",\n backgroundColor: \"var(--row-background-color)\",\n willChange: \"contents\",\n \"&:hover\": {\n backgroundColor: (theme) => {\n // Always use solid background colors for all cells on hover\n return theme.palette.mode === \"dark\"\n ? \"#1e1e52\" // Dark blue solid color\n : \"#E3F2FD\"; // Light blue solid color\n },\n },\n }}\n >\n {children}\n </TableRow>\n );\n }),\n TableRowExpandedContent: React.memo(({ children }) => {\n const { leafColLength } = useTableProps({\n callback: (table) => {\n return {\n leafColLength: table.tanstackTable.getAllLeafColumns().length,\n };\n },\n dependencies: [{ type: \"tanstack_table\" }],\n areCallbackOutputEqual: strictEqual,\n });\n return (\n <TableRow\n component=\"div\"\n className=\"expanded-row\"\n sx={{\n backgroundColor: (theme) => theme.palette.background.default,\n }}\n >\n <TableCell\n component=\"div\"\n className=\"expanded-cell\"\n colSpan={leafColLength}\n sx={{\n padding: 2,\n }}\n >\n {children}\n </TableCell>\n </TableRow>\n );\n }),\n Cell: React.memo(\n React.forwardRef(function Cell({ isMeasureInstance, children }, ref) {\n const {\n isPinned,\n isLastPinned,\n isLast,\n isLastCenter,\n width,\n isSomeColumnsPinnedRight,\n } = useCellProps({\n callback: (cell, table) => {\n const state = cell.header.state;\n return {\n isPinned: state.isPinned,\n isLastPinned: state.isLastPinned,\n isLast: state.isLast,\n isLastCenter: state.isLastCenter,\n width: state.width,\n isSomeColumnsPinnedRight:\n table.tanstackTable.getIsSomeColumnsPinned(\"right\"),\n };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n\n return (\n <TableCell\n className=\"td\"\n component=\"div\"\n ref={ref}\n style={{ width: isMeasureInstance ? \"auto\" : width }}\n sx={{\n height: \"var(--row-height)\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n zIndex: isPinned ? 5 : 0,\n boxSizing: \"border-box\",\n fontSize: \"0.875rem\",\n color: \"text.primary\",\n alignItems: \"center\",\n gap: \"8px\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignContent: \"center\",\n padding: \"6px 12px\",\n backgroundColor: \"var(--row-background-color)\",\n borderBottom: \"none\",\n flexShrink: 0,\n position: \"relative\",\n borderRight:\n ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n !isLast &&\n !(isLastCenter && isSomeColumnsPinnedRight)\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n borderLeft:\n isPinned === \"end\" && !isLastPinned\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n \".table-row:hover &\": {\n backgroundColor: (theme) => {\n // Always use solid background colors for all cells on hover\n return theme.palette.mode === \"dark\"\n ? \"#1e1e52\" // Dark blue solid color\n : \"#E3F2FD\"; // Light blue solid color\n },\n zIndex: isPinned ? 2 : 0,\n },\n }}\n >\n {children}\n </TableCell>\n );\n }),\n ),\n PinnedColsOverlay: ({ position }) => {\n const width = useTableProps({\n callback: (table) => {\n if (!table.tanstackTable.getIsSomeColumnsPinned(position)) {\n return undefined;\n }\n return position === \"left\"\n ? table.tanstackTable.getLeftTotalSize()\n : table.tanstackTable.getRightTotalSize();\n },\n });\n\n if (width === undefined) {\n return null;\n }\n\n const style: CSSProperties = {\n width,\n [position]: 0,\n position: \"sticky\",\n top: 0,\n bottom: 0,\n zIndex: 20,\n pointerEvents: \"none\",\n };\n\n if (position === \"left\") {\n style.boxShadow =\n \"4px 0 8px -4px rgba(0, 0, 0, 0.15), 6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n } else if (position === \"right\") {\n style.boxShadow =\n \"-4px 0 8px -4px rgba(0, 0, 0, 0.15), -6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n }\n return <div className={`pinned-${position}-overlay`} style={style} />;\n },\n};\n\nconst TableHeaderCell = React.memo(\n React.forwardRef<\n HTMLDivElement,\n {\n isMeasureInstance: boolean;\n children: React.ReactNode;\n }\n >(({ isMeasureInstance, children }, ref) => {\n const {\n isSomeColumnsPinnedRight,\n headerId,\n isPinned,\n width,\n isLast,\n isLastPinned,\n isLastCenter,\n } = useColProps({\n callback: ({ vheader, selectorValue }) => {\n const state = vheader.state;\n return {\n isSomeColumnsPinnedRight:\n selectorValue.tanstackTable.getIsSomeColumnsPinned(\"right\"),\n headerId: vheader.header.id,\n isPinned: state.isPinned,\n width: state.width,\n isLast: state.isLast,\n isLastPinned: state.isLastPinned,\n isLastCenter: state.isLastCenter,\n };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n\n return (\n <TableCell\n ref={ref}\n component=\"div\"\n className=\"th\"\n data-header-id={headerId}\n data-is-pinned={isPinned}\n style={{ width: isMeasureInstance ? \"auto\" : width }}\n sx={{\n transition: \"background-color 0.2s ease\",\n whiteSpace: \"nowrap\",\n zIndex: isPinned ? 1 : 0,\n display: \"flex\",\n overflow: \"hidden\",\n height: \"var(--header-row-height)\",\n position: \"relative\",\n flexShrink: 0,\n alignItems: \"center\",\n gap: \"8px\",\n justifyContent: \"space-between\",\n padding: \"6px 12px\",\n boxSizing: \"border-box\",\n fontWeight: 600,\n backgroundColor: isPinned\n ? (theme) => theme.palette.background.paper\n : \"transparent\",\n borderRight:\n ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n !isLast &&\n !(isLastCenter && isSomeColumnsPinnedRight)\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n borderLeft:\n isPinned === \"end\" && !isLastPinned\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n }}\n >\n <div style={{ flex: 1, display: \"flex\", justifyContent: \"flex-start\" }}>\n {children}\n </div>\n </TableCell>\n );\n }),\n);\n\nexport { AnoccaSkin };\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,IAXP;AAsBO,IAVP;AAWqC,IAArC;AAC+B,IAA/B;AAAA;AAEA,IAAM,aAAmB;AAAA,EACvB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,kBAAkB,qBAAM,KAAK,SAAS,gBAAgB,GAAG,YAAY;AAAA,IACnE,QAAQ,OAAO,WAAW,0BAAc;AAAA,MACtC,UAAU,CAAC,UAAU,MAAM;AAAA,MAC3B,UAAU,GAAG,eAAO,sBAAa;AAAA,QAC/B,OAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA;AAAA,MAEF,cAAc,CAAC,EAAE,MAAM,WAAW,CAAC;AAAA,MACnC,wBAAwB;AAAA,IAC1B,CAAC;AAAA,IACD,MAAM,UAAU,4BAAgB;AAAA,IAChC,uBACE,gBAUE,OAVF;AAAA,MACE,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO,QAAQ;AAAA,QACf,QAAQ,SAAS;AAAA,WACd;AAAA,MACL;AAAA,MAPF;AAAA,KAUE;AAAA,GAEL;AAAA,EACD,gBAAgB,GAAG,eAAe;AAAA,IAChC,QAAQ,sBAAsB,4BAAgB;AAAA,IAE9C,uBACE,gBAeE,uBAfF;AAAA,MACE,KAAK;AAAA,MACL,WAAU;AAAA,MACV,WAAW;AAAA,MACX,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,MAZF;AAAA,KAeE;AAAA;AAAA,EAGN,eAAe,MAAM;AAAA,IACnB,uBACE,gBAQG,OARH;AAAA,MACE,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QACE;AAAA,QACF,UAAU;AAAA,MACZ;AAAA,KACC;AAAA;AAAA,EAGP,aAAa,GAAG,eAAe;AAAA,IAC7B,uBACE,gBAiBE,2BAjBF;AAAA,MACE,WAAU;AAAA,MACV,WAAU;AAAA,MACV,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB,CAAC,UAAU,MAAM,QAAQ,WAAW;AAAA,QACrD,WAAW,CAAC,UAAU,WAAW,MAAM,QAAQ;AAAA,QAC/C,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,MACd;AAAA,MAdF;AAAA,KAiBE;AAAA;AAAA,EAGN,aAAa,GAAG,eAAe;AAAA,IAC7B,uBACE,gBAaE,6BAbF;AAAA,MACE,WAAU;AAAA,MACV,WAAU;AAAA,MACV,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB,CAAC,UAAU,MAAM,QAAQ,WAAW;AAAA,QACrD,WAAW,CAAC,UAAU,YAAY,MAAM,QAAQ;AAAA,MAClD;AAAA,MAVF;AAAA,KAaE;AAAA;AAAA,EAGN,WAAW;AAAA,EACX,YAAY,qBAAM,KAChB,qBAAM,WAAW,CAAC,OAAO,QAAQ;AAAA,IAC/B,uBAAO,gBAAC,iBAAD;AAAA,SAAqB;AAAA,MAAO;AAAA,KAAU;AAAA,GAC9C,CACH;AAAA,EACA,WAAW,GAAG,eAAe;AAAA,IAC3B,uBACE,
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": "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",
|
|
8
|
+
"debugId": "FF1F7BB901CCC30064756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
package/dist/cjs/package.json
CHANGED
|
@@ -37,9 +37,13 @@ var jsx_runtime = require("react/jsx-runtime");
|
|
|
37
37
|
function TableHeaderRow({ children }) {
|
|
38
38
|
return /* @__PURE__ */ jsx_runtime.jsx(import_material.TableRow, {
|
|
39
39
|
component: "div",
|
|
40
|
-
sx: {
|
|
40
|
+
sx: {
|
|
41
|
+
height: "var(--row-height)",
|
|
42
|
+
display: "flex",
|
|
43
|
+
willChange: "contents"
|
|
44
|
+
},
|
|
41
45
|
children
|
|
42
46
|
});
|
|
43
47
|
}
|
|
44
48
|
|
|
45
|
-
//# debugId=
|
|
49
|
+
//# debugId=4181B0FD1CF00AEA64756E2164756E21
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/table_header_row.tsx"],
|
|
4
4
|
"sourcesContent": [
|
|
5
|
-
"import { TableRow } from \"@mui/material\";\n\nexport function TableHeaderRow({ children }: { children: React.ReactNode }) {\n return (\n <TableRow\n component=\"div\"\n sx={{
|
|
5
|
+
"import { TableRow } from \"@mui/material\";\n\nexport function TableHeaderRow({ children }: { children: React.ReactNode }) {\n return (\n <TableRow\n component=\"div\"\n sx={{\n height: \"var(--row-height)\",\n display: \"flex\",\n willChange: \"contents\",\n }}\n >\n {children}\n </TableRow>\n );\n}\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAyB,IAAzB;AAAA;AAEO,SAAS,cAAc,GAAG,YAA2C;AAAA,EAC1E,uBACE,
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAyB,IAAzB;AAAA;AAEO,SAAS,cAAc,GAAG,YAA2C;AAAA,EAC1E,uBACE,gBASE,0BATF;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IANF;AAAA,GASE;AAAA;",
|
|
8
|
+
"debugId": "4181B0FD1CF00AEA64756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
package/dist/mjs/anocca_skin.mjs
CHANGED
|
@@ -61,8 +61,8 @@ var AnoccaSkin = {
|
|
|
61
61
|
width: "var(--table-container-width)",
|
|
62
62
|
height: "var(--table-container-height)",
|
|
63
63
|
position: "relative",
|
|
64
|
-
contain: "
|
|
65
|
-
willChange: "
|
|
64
|
+
contain: "strict",
|
|
65
|
+
willChange: "scroll-position",
|
|
66
66
|
borderRadius: 1
|
|
67
67
|
},
|
|
68
68
|
children
|
|
@@ -130,7 +130,8 @@ var AnoccaSkin = {
|
|
|
130
130
|
display: "flex",
|
|
131
131
|
flexDirection: "column",
|
|
132
132
|
justifyContent: "flex-start",
|
|
133
|
-
alignItems: "stretch"
|
|
133
|
+
alignItems: "stretch",
|
|
134
|
+
willChange: "contents"
|
|
134
135
|
},
|
|
135
136
|
children
|
|
136
137
|
});
|
|
@@ -217,6 +218,7 @@ var AnoccaSkin = {
|
|
|
217
218
|
zIndex: 1,
|
|
218
219
|
boxSizing: "border-box",
|
|
219
220
|
backgroundColor: "var(--row-background-color)",
|
|
221
|
+
willChange: "contents",
|
|
220
222
|
"&:hover": {
|
|
221
223
|
backgroundColor: (theme) => {
|
|
222
224
|
return theme.palette.mode === "dark" ? "#1e1e52" : "#E3F2FD";
|
|
@@ -405,4 +407,4 @@ export {
|
|
|
405
407
|
AnoccaSkin
|
|
406
408
|
};
|
|
407
409
|
|
|
408
|
-
//# debugId=
|
|
410
|
+
//# debugId=448A5DA108E3DA5264756E2164756E21
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/anocca_skin.tsx"],
|
|
4
4
|
"sourcesContent": [
|
|
5
|
-
"import {\n Box,\n Paper,\n SxProps,\n TableBody,\n TableCell,\n TableFooter,\n TableHead,\n TableRow,\n Theme,\n useTheme,\n} from \"@mui/material\";\nimport {\n shallowEqual,\n Skin,\n strictEqual,\n useCellProps,\n useColProps,\n useRowProps,\n useTableContext,\n useTableCssVars,\n useTableProps,\n} from \"@rttui/core\";\nimport React, { CSSProperties } from \"react\";\nimport { TableHeaderRow } from \"./table_header_row.mjs\";\n\nconst AnoccaSkin: Skin = {\n rowHeight: 32,\n headerRowHeight: 32,\n footerRowHeight: 32,\n OverlayContainer: React.memo(function OverlayContainer({ children }) {\n const { width, height } = useTableProps({\n selector: (props) => props.uiProps,\n callback: ({ width, height }) => {\n return {\n width,\n height,\n };\n },\n dependencies: [{ type: \"ui_props\" }],\n areCallbackOutputEqual: shallowEqual,\n });\n const cssVars = useTableCssVars();\n return (\n <div\n className=\"rttui-overlay-container\"\n style={{\n position: \"relative\",\n width: width + \"px\",\n height: height + \"px\",\n ...cssVars,\n }}\n >\n {children}\n </div>\n );\n }),\n OuterContainer: ({ children }) => {\n const { tableContainerRef } = useTableContext();\n\n return (\n <Paper\n ref={tableContainerRef}\n className=\"outer-container\"\n elevation={2}\n sx={{\n overflow: \"auto\",\n width: \"var(--table-container-width)\",\n height: \"var(--table-container-height)\",\n position: \"relative\",\n contain: \"paint\",\n willChange: \"transform\",\n borderRadius: 1,\n }}\n >\n {children}\n </Paper>\n );\n },\n TableScroller: () => {\n return (\n <div\n className=\"table-scroller\"\n style={{\n width: \"var(--table-width)\",\n height:\n \"calc(var(--table-height) + var(--header-height) + var(--footer-height))\",\n position: \"absolute\",\n }}\n ></div>\n );\n },\n TableHeader: ({ children }) => {\n return (\n <TableHead\n component=\"div\"\n className=\"thead\"\n sx={{\n position: \"sticky\",\n top: 0,\n width: \"var(--table-width)\",\n zIndex: 2,\n backgroundColor: (theme) => theme.palette.background.paper,\n boxShadow: (theme) => `0 1px 0 ${theme.palette.divider}`,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n >\n {children}\n </TableHead>\n );\n },\n TableFooter: ({ children }) => {\n return (\n <TableFooter\n component=\"div\"\n className=\"table-footer\"\n sx={{\n position: \"sticky\",\n bottom: -1,\n width: \"var(--table-width)\",\n zIndex: 2,\n backgroundColor: (theme) => theme.palette.background.paper,\n boxShadow: (theme) => `0 -1px 0 ${theme.palette.divider}`,\n }}\n >\n {children}\n </TableFooter>\n );\n },\n HeaderRow: TableHeaderRow,\n HeaderCell: React.memo(\n React.forwardRef((props, ref) => {\n return <TableHeaderCell {...props} ref={ref} />;\n }),\n ),\n TableBody: ({ children }) => {\n return (\n <TableBody\n component=\"div\"\n className=\"table-body\"\n sx={{\n position: \"relative\",\n width: \"var(--table-width)\",\n height: \"var(--table-height)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n >\n {children}\n </TableBody>\n );\n },\n PinnedRows: ({ children, position }) => {\n const style: SxProps<Theme> = {\n position: \"sticky\",\n zIndex: 3,\n };\n if (position === \"top\") {\n style.top = \"var(--header-height)\";\n style.borderBottom = (theme) => `1px solid ${theme.palette.divider}`;\n style.boxShadow =\n \"0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 6px 12px -6px rgba(0, 0, 0, 0.1)\";\n } else if (position === \"bottom\") {\n style.bottom = \"var(--footer-height)\";\n style.borderTop = (theme) => `1px solid ${theme.palette.divider}`;\n style.boxShadow =\n \"0 -4px 8px -4px rgba(0, 0, 0, 0.15), 0 -6px 12px -6px rgba(0, 0, 0, 0.1)\";\n }\n\n const Component = position === \"top\" ? TableHead : TableFooter;\n\n return (\n <Component\n component=\"div\"\n className={`sticky-${position}-rows`}\n sx={style}\n >\n {children}\n </Component>\n );\n },\n PinnedCols: React.memo(({ children, position }) => {\n const style: SxProps<Theme> = {\n position: \"sticky\",\n zIndex: 3,\n display: \"flex\",\n };\n\n if (position === \"left\") {\n style.left = 0;\n } else if (position === \"right\") {\n style.right = 0;\n }\n\n return (\n <Box component=\"div\" className={`sticky-${position}-cols`} sx={style}>\n {children}\n </Box>\n );\n }),\n\n TableRowWrapper: React.memo(\n React.forwardRef(({ children }, ref) => {\n const theme = useTheme();\n const { relativeIndex, rowIndex } = useRowProps({\n callback: (row) => {\n return { relativeIndex: row.relativeIndex, rowIndex: row.rowIndex };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n const backgroundColor = (theme: Theme) => {\n const baseColor =\n relativeIndex % 2 === 0\n ? theme.palette.background.paper\n : theme.palette.mode === \"dark\"\n ? theme.palette.grey[900]\n : theme.palette.grey[100];\n return baseColor;\n };\n\n const vars: Record<string, string> = {\n \"--row-background-color\": backgroundColor(theme),\n };\n\n return (\n <Box\n sx={{\n ...vars,\n width: \"var(--table-width)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n data-index={rowIndex}\n ref={ref}\n >\n {children}\n </Box>\n );\n }),\n ),\n TableRow: React.memo(({ children }) => {\n return (\n <TableRow\n component=\"div\"\n className=\"table-row\"\n sx={{\n position: \"relative\",\n width: \"var(--table-width)\",\n display: \"flex\",\n height: \"var(--row-height)\",\n zIndex: 1,\n boxSizing: \"border-box\",\n backgroundColor: \"var(--row-background-color)\",\n \"&:hover\": {\n backgroundColor: (theme) => {\n // Always use solid background colors for all cells on hover\n return theme.palette.mode === \"dark\"\n ? \"#1e1e52\" // Dark blue solid color\n : \"#E3F2FD\"; // Light blue solid color\n },\n },\n }}\n >\n {children}\n </TableRow>\n );\n }),\n TableRowExpandedContent: React.memo(({ children }) => {\n const { leafColLength } = useTableProps({\n callback: (table) => {\n return {\n leafColLength: table.tanstackTable.getAllLeafColumns().length,\n };\n },\n dependencies: [{ type: \"tanstack_table\" }],\n areCallbackOutputEqual: strictEqual,\n });\n return (\n <TableRow\n component=\"div\"\n className=\"expanded-row\"\n sx={{\n backgroundColor: (theme) => theme.palette.background.default,\n }}\n >\n <TableCell\n component=\"div\"\n className=\"expanded-cell\"\n colSpan={leafColLength}\n sx={{\n padding: 2,\n }}\n >\n {children}\n </TableCell>\n </TableRow>\n );\n }),\n Cell: React.memo(\n React.forwardRef(function Cell({ isMeasureInstance, children }, ref) {\n const {\n isPinned,\n isLastPinned,\n isLast,\n isLastCenter,\n width,\n isSomeColumnsPinnedRight,\n } = useCellProps({\n callback: (cell, table) => {\n const state = cell.header.state;\n return {\n isPinned: state.isPinned,\n isLastPinned: state.isLastPinned,\n isLast: state.isLast,\n isLastCenter: state.isLastCenter,\n width: state.width,\n isSomeColumnsPinnedRight:\n table.tanstackTable.getIsSomeColumnsPinned(\"right\"),\n };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n\n return (\n <TableCell\n className=\"td\"\n component=\"div\"\n ref={ref}\n style={{ width: isMeasureInstance ? \"auto\" : width }}\n sx={{\n height: \"var(--row-height)\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n zIndex: isPinned ? 5 : 0,\n boxSizing: \"border-box\",\n fontSize: \"0.875rem\",\n color: \"text.primary\",\n alignItems: \"center\",\n gap: \"8px\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignContent: \"center\",\n padding: \"6px 12px\",\n backgroundColor: \"var(--row-background-color)\",\n borderBottom: \"none\",\n flexShrink: 0,\n position: \"relative\",\n borderRight:\n ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n !isLast &&\n !(isLastCenter && isSomeColumnsPinnedRight)\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n borderLeft:\n isPinned === \"end\" && !isLastPinned\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n \".table-row:hover &\": {\n backgroundColor: (theme) => {\n // Always use solid background colors for all cells on hover\n return theme.palette.mode === \"dark\"\n ? \"#1e1e52\" // Dark blue solid color\n : \"#E3F2FD\"; // Light blue solid color\n },\n zIndex: isPinned ? 2 : 0,\n },\n }}\n >\n {children}\n </TableCell>\n );\n }),\n ),\n PinnedColsOverlay: ({ position }) => {\n const width = useTableProps({\n callback: (table) => {\n if (!table.tanstackTable.getIsSomeColumnsPinned(position)) {\n return undefined;\n }\n return position === \"left\"\n ? table.tanstackTable.getLeftTotalSize()\n : table.tanstackTable.getRightTotalSize();\n },\n });\n\n if (width === undefined) {\n return null;\n }\n\n const style: CSSProperties = {\n width,\n [position]: 0,\n position: \"sticky\",\n top: 0,\n bottom: 0,\n zIndex: 20,\n pointerEvents: \"none\",\n };\n\n if (position === \"left\") {\n style.boxShadow =\n \"4px 0 8px -4px rgba(0, 0, 0, 0.15), 6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n } else if (position === \"right\") {\n style.boxShadow =\n \"-4px 0 8px -4px rgba(0, 0, 0, 0.15), -6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n }\n return <div className={`pinned-${position}-overlay`} style={style} />;\n },\n};\n\nconst TableHeaderCell = React.memo(\n React.forwardRef<\n HTMLDivElement,\n {\n isMeasureInstance: boolean;\n children: React.ReactNode;\n }\n >(({ isMeasureInstance, children }, ref) => {\n const {\n isSomeColumnsPinnedRight,\n headerId,\n isPinned,\n width,\n isLast,\n isLastPinned,\n isLastCenter,\n } = useColProps({\n callback: ({ vheader, selectorValue }) => {\n const state = vheader.state;\n return {\n isSomeColumnsPinnedRight:\n selectorValue.tanstackTable.getIsSomeColumnsPinned(\"right\"),\n headerId: vheader.header.id,\n isPinned: state.isPinned,\n width: state.width,\n isLast: state.isLast,\n isLastPinned: state.isLastPinned,\n isLastCenter: state.isLastCenter,\n };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n\n return (\n <TableCell\n ref={ref}\n component=\"div\"\n className=\"th\"\n data-header-id={headerId}\n data-is-pinned={isPinned}\n style={{ width: isMeasureInstance ? \"auto\" : width }}\n sx={{\n transition: \"background-color 0.2s ease\",\n whiteSpace: \"nowrap\",\n zIndex: isPinned ? 1 : 0,\n display: \"flex\",\n overflow: \"hidden\",\n height: \"var(--header-row-height)\",\n position: \"relative\",\n flexShrink: 0,\n alignItems: \"center\",\n gap: \"8px\",\n justifyContent: \"space-between\",\n padding: \"6px 12px\",\n boxSizing: \"border-box\",\n fontWeight: 600,\n backgroundColor: isPinned\n ? (theme) => theme.palette.background.paper\n : \"transparent\",\n borderRight:\n ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n !isLast &&\n !(isLastCenter && isSomeColumnsPinnedRight)\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n borderLeft:\n isPinned === \"end\" && !isLastPinned\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n }}\n >\n <div style={{ flex: 1, display: \"flex\", justifyContent: \"flex-start\" }}>\n {children}\n </div>\n </TableCell>\n );\n }),\n);\n\nexport { AnoccaSkin };\n"
|
|
5
|
+
"import {\n Box,\n Paper,\n SxProps,\n TableBody,\n TableCell,\n TableFooter,\n TableHead,\n TableRow,\n Theme,\n useTheme,\n} from \"@mui/material\";\nimport {\n shallowEqual,\n Skin,\n strictEqual,\n useCellProps,\n useColProps,\n useRowProps,\n useTableContext,\n useTableCssVars,\n useTableProps,\n} from \"@rttui/core\";\nimport React, { CSSProperties } from \"react\";\nimport { TableHeaderRow } from \"./table_header_row.mjs\";\n\nconst AnoccaSkin: Skin = {\n rowHeight: 32,\n headerRowHeight: 32,\n footerRowHeight: 32,\n OverlayContainer: React.memo(function OverlayContainer({ children }) {\n const { width, height } = useTableProps({\n selector: (props) => props.uiProps,\n callback: ({ width, height }) => {\n return {\n width,\n height,\n };\n },\n dependencies: [{ type: \"ui_props\" }],\n areCallbackOutputEqual: shallowEqual,\n });\n const cssVars = useTableCssVars();\n return (\n <div\n className=\"rttui-overlay-container\"\n style={{\n position: \"relative\",\n width: width + \"px\",\n height: height + \"px\",\n ...cssVars,\n }}\n >\n {children}\n </div>\n );\n }),\n OuterContainer: ({ children }) => {\n const { tableContainerRef } = useTableContext();\n\n return (\n <Paper\n ref={tableContainerRef}\n className=\"outer-container\"\n elevation={2}\n sx={{\n overflow: \"auto\",\n width: \"var(--table-container-width)\",\n height: \"var(--table-container-height)\",\n position: \"relative\",\n contain: \"strict\",\n willChange: \"scroll-position\",\n borderRadius: 1,\n }}\n >\n {children}\n </Paper>\n );\n },\n TableScroller: () => {\n return (\n <div\n className=\"table-scroller\"\n style={{\n width: \"var(--table-width)\",\n height:\n \"calc(var(--table-height) + var(--header-height) + var(--footer-height))\",\n position: \"absolute\",\n }}\n ></div>\n );\n },\n TableHeader: ({ children }) => {\n return (\n <TableHead\n component=\"div\"\n className=\"thead\"\n sx={{\n position: \"sticky\",\n top: 0,\n width: \"var(--table-width)\",\n zIndex: 2,\n backgroundColor: (theme) => theme.palette.background.paper,\n boxShadow: (theme) => `0 1px 0 ${theme.palette.divider}`,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n >\n {children}\n </TableHead>\n );\n },\n TableFooter: ({ children }) => {\n return (\n <TableFooter\n component=\"div\"\n className=\"table-footer\"\n sx={{\n position: \"sticky\",\n bottom: -1,\n width: \"var(--table-width)\",\n zIndex: 2,\n backgroundColor: (theme) => theme.palette.background.paper,\n boxShadow: (theme) => `0 -1px 0 ${theme.palette.divider}`,\n }}\n >\n {children}\n </TableFooter>\n );\n },\n HeaderRow: TableHeaderRow,\n HeaderCell: React.memo(\n React.forwardRef((props, ref) => {\n return <TableHeaderCell {...props} ref={ref} />;\n }),\n ),\n TableBody: ({ children }) => {\n return (\n <TableBody\n component=\"div\"\n className=\"table-body\"\n sx={{\n position: \"relative\",\n width: \"var(--table-width)\",\n height: \"var(--table-height)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n willChange: \"contents\",\n }}\n >\n {children}\n </TableBody>\n );\n },\n PinnedRows: ({ children, position }) => {\n const style: SxProps<Theme> = {\n position: \"sticky\",\n zIndex: 3,\n };\n if (position === \"top\") {\n style.top = \"var(--header-height)\";\n style.borderBottom = (theme) => `1px solid ${theme.palette.divider}`;\n style.boxShadow =\n \"0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 6px 12px -6px rgba(0, 0, 0, 0.1)\";\n } else if (position === \"bottom\") {\n style.bottom = \"var(--footer-height)\";\n style.borderTop = (theme) => `1px solid ${theme.palette.divider}`;\n style.boxShadow =\n \"0 -4px 8px -4px rgba(0, 0, 0, 0.15), 0 -6px 12px -6px rgba(0, 0, 0, 0.1)\";\n }\n\n const Component = position === \"top\" ? TableHead : TableFooter;\n\n return (\n <Component\n component=\"div\"\n className={`sticky-${position}-rows`}\n sx={style}\n >\n {children}\n </Component>\n );\n },\n PinnedCols: React.memo(({ children, position }) => {\n const style: SxProps<Theme> = {\n position: \"sticky\",\n zIndex: 3,\n display: \"flex\",\n };\n\n if (position === \"left\") {\n style.left = 0;\n } else if (position === \"right\") {\n style.right = 0;\n }\n\n return (\n <Box component=\"div\" className={`sticky-${position}-cols`} sx={style}>\n {children}\n </Box>\n );\n }),\n\n TableRowWrapper: React.memo(\n React.forwardRef(({ children }, ref) => {\n const theme = useTheme();\n const { relativeIndex, rowIndex } = useRowProps({\n callback: (row) => {\n return { relativeIndex: row.relativeIndex, rowIndex: row.rowIndex };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n const backgroundColor = (theme: Theme) => {\n const baseColor =\n relativeIndex % 2 === 0\n ? theme.palette.background.paper\n : theme.palette.mode === \"dark\"\n ? theme.palette.grey[900]\n : theme.palette.grey[100];\n return baseColor;\n };\n\n const vars: Record<string, string> = {\n \"--row-background-color\": backgroundColor(theme),\n };\n\n return (\n <Box\n sx={{\n ...vars,\n width: \"var(--table-width)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"stretch\",\n }}\n data-index={rowIndex}\n ref={ref}\n >\n {children}\n </Box>\n );\n }),\n ),\n TableRow: React.memo(({ children }) => {\n return (\n <TableRow\n component=\"div\"\n className=\"table-row\"\n sx={{\n position: \"relative\",\n width: \"var(--table-width)\",\n display: \"flex\",\n height: \"var(--row-height)\",\n zIndex: 1,\n boxSizing: \"border-box\",\n backgroundColor: \"var(--row-background-color)\",\n willChange: \"contents\",\n \"&:hover\": {\n backgroundColor: (theme) => {\n // Always use solid background colors for all cells on hover\n return theme.palette.mode === \"dark\"\n ? \"#1e1e52\" // Dark blue solid color\n : \"#E3F2FD\"; // Light blue solid color\n },\n },\n }}\n >\n {children}\n </TableRow>\n );\n }),\n TableRowExpandedContent: React.memo(({ children }) => {\n const { leafColLength } = useTableProps({\n callback: (table) => {\n return {\n leafColLength: table.tanstackTable.getAllLeafColumns().length,\n };\n },\n dependencies: [{ type: \"tanstack_table\" }],\n areCallbackOutputEqual: strictEqual,\n });\n return (\n <TableRow\n component=\"div\"\n className=\"expanded-row\"\n sx={{\n backgroundColor: (theme) => theme.palette.background.default,\n }}\n >\n <TableCell\n component=\"div\"\n className=\"expanded-cell\"\n colSpan={leafColLength}\n sx={{\n padding: 2,\n }}\n >\n {children}\n </TableCell>\n </TableRow>\n );\n }),\n Cell: React.memo(\n React.forwardRef(function Cell({ isMeasureInstance, children }, ref) {\n const {\n isPinned,\n isLastPinned,\n isLast,\n isLastCenter,\n width,\n isSomeColumnsPinnedRight,\n } = useCellProps({\n callback: (cell, table) => {\n const state = cell.header.state;\n return {\n isPinned: state.isPinned,\n isLastPinned: state.isLastPinned,\n isLast: state.isLast,\n isLastCenter: state.isLastCenter,\n width: state.width,\n isSomeColumnsPinnedRight:\n table.tanstackTable.getIsSomeColumnsPinned(\"right\"),\n };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n\n return (\n <TableCell\n className=\"td\"\n component=\"div\"\n ref={ref}\n style={{ width: isMeasureInstance ? \"auto\" : width }}\n sx={{\n height: \"var(--row-height)\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n zIndex: isPinned ? 5 : 0,\n boxSizing: \"border-box\",\n fontSize: \"0.875rem\",\n color: \"text.primary\",\n alignItems: \"center\",\n gap: \"8px\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignContent: \"center\",\n padding: \"6px 12px\",\n backgroundColor: \"var(--row-background-color)\",\n borderBottom: \"none\",\n flexShrink: 0,\n position: \"relative\",\n borderRight:\n ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n !isLast &&\n !(isLastCenter && isSomeColumnsPinnedRight)\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n borderLeft:\n isPinned === \"end\" && !isLastPinned\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n \".table-row:hover &\": {\n backgroundColor: (theme) => {\n // Always use solid background colors for all cells on hover\n return theme.palette.mode === \"dark\"\n ? \"#1e1e52\" // Dark blue solid color\n : \"#E3F2FD\"; // Light blue solid color\n },\n zIndex: isPinned ? 2 : 0,\n },\n }}\n >\n {children}\n </TableCell>\n );\n }),\n ),\n PinnedColsOverlay: ({ position }) => {\n const width = useTableProps({\n callback: (table) => {\n if (!table.tanstackTable.getIsSomeColumnsPinned(position)) {\n return undefined;\n }\n return position === \"left\"\n ? table.tanstackTable.getLeftTotalSize()\n : table.tanstackTable.getRightTotalSize();\n },\n });\n\n if (width === undefined) {\n return null;\n }\n\n const style: CSSProperties = {\n width,\n [position]: 0,\n position: \"sticky\",\n top: 0,\n bottom: 0,\n zIndex: 20,\n pointerEvents: \"none\",\n };\n\n if (position === \"left\") {\n style.boxShadow =\n \"4px 0 8px -4px rgba(0, 0, 0, 0.15), 6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n } else if (position === \"right\") {\n style.boxShadow =\n \"-4px 0 8px -4px rgba(0, 0, 0, 0.15), -6px 0 12px -6px rgba(0, 0, 0, 0.1)\";\n }\n return <div className={`pinned-${position}-overlay`} style={style} />;\n },\n};\n\nconst TableHeaderCell = React.memo(\n React.forwardRef<\n HTMLDivElement,\n {\n isMeasureInstance: boolean;\n children: React.ReactNode;\n }\n >(({ isMeasureInstance, children }, ref) => {\n const {\n isSomeColumnsPinnedRight,\n headerId,\n isPinned,\n width,\n isLast,\n isLastPinned,\n isLastCenter,\n } = useColProps({\n callback: ({ vheader, selectorValue }) => {\n const state = vheader.state;\n return {\n isSomeColumnsPinnedRight:\n selectorValue.tanstackTable.getIsSomeColumnsPinned(\"right\"),\n headerId: vheader.header.id,\n isPinned: state.isPinned,\n width: state.width,\n isLast: state.isLast,\n isLastPinned: state.isLastPinned,\n isLastCenter: state.isLastCenter,\n };\n },\n areCallbackOutputEqual: shallowEqual,\n dependencies: [{ type: \"tanstack_table\" }],\n });\n\n return (\n <TableCell\n ref={ref}\n component=\"div\"\n className=\"th\"\n data-header-id={headerId}\n data-is-pinned={isPinned}\n style={{ width: isMeasureInstance ? \"auto\" : width }}\n sx={{\n transition: \"background-color 0.2s ease\",\n whiteSpace: \"nowrap\",\n zIndex: isPinned ? 1 : 0,\n display: \"flex\",\n overflow: \"hidden\",\n height: \"var(--header-row-height)\",\n position: \"relative\",\n flexShrink: 0,\n alignItems: \"center\",\n gap: \"8px\",\n justifyContent: \"space-between\",\n padding: \"6px 12px\",\n boxSizing: \"border-box\",\n fontWeight: 600,\n backgroundColor: isPinned\n ? (theme) => theme.palette.background.paper\n : \"transparent\",\n borderRight:\n ((isPinned === \"start\" && !isLastPinned) || !isPinned) &&\n !isLast &&\n !(isLastCenter && isSomeColumnsPinnedRight)\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n borderLeft:\n isPinned === \"end\" && !isLastPinned\n ? (theme) => `1px solid ${theme.palette.divider}`\n : undefined,\n }}\n >\n <div style={{ flex: 1, display: \"flex\", justifyContent: \"flex-start\" }}>\n {children}\n </div>\n </TableCell>\n );\n }),\n);\n\nexport { AnoccaSkin };\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": ";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AACA;AAAA;AAEA,IAAM,aAAmB;AAAA,EACvB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,kBAAkB,MAAM,KAAK,SAAS,gBAAgB,GAAG,YAAY;AAAA,IACnE,QAAQ,OAAO,WAAW,cAAc;AAAA,MACtC,UAAU,CAAC,UAAU,MAAM;AAAA,MAC3B,UAAU,GAAG,eAAO,sBAAa;AAAA,QAC/B,OAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA;AAAA,MAEF,cAAc,CAAC,EAAE,MAAM,WAAW,CAAC;AAAA,MACnC,wBAAwB;AAAA,IAC1B,CAAC;AAAA,IACD,MAAM,UAAU,gBAAgB;AAAA,IAChC,uBACE,IAUE,OAVF;AAAA,MACE,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO,QAAQ;AAAA,QACf,QAAQ,SAAS;AAAA,WACd;AAAA,MACL;AAAA,MAPF;AAAA,KAUE;AAAA,GAEL;AAAA,EACD,gBAAgB,GAAG,eAAe;AAAA,IAChC,QAAQ,sBAAsB,gBAAgB;AAAA,IAE9C,uBACE,IAeE,OAfF;AAAA,MACE,KAAK;AAAA,MACL,WAAU;AAAA,MACV,WAAW;AAAA,MACX,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,MAZF;AAAA,KAeE;AAAA;AAAA,EAGN,eAAe,MAAM;AAAA,IACnB,uBACE,IAQG,OARH;AAAA,MACE,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QACE;AAAA,QACF,UAAU;AAAA,MACZ;AAAA,KACC;AAAA;AAAA,EAGP,aAAa,GAAG,eAAe;AAAA,IAC7B,uBACE,IAiBE,WAjBF;AAAA,MACE,WAAU;AAAA,MACV,WAAU;AAAA,MACV,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB,CAAC,UAAU,MAAM,QAAQ,WAAW;AAAA,QACrD,WAAW,CAAC,UAAU,WAAW,MAAM,QAAQ;AAAA,QAC/C,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,MACd;AAAA,MAdF;AAAA,KAiBE;AAAA;AAAA,EAGN,aAAa,GAAG,eAAe;AAAA,IAC7B,uBACE,IAaE,aAbF;AAAA,MACE,WAAU;AAAA,MACV,WAAU;AAAA,MACV,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB,CAAC,UAAU,MAAM,QAAQ,WAAW;AAAA,QACrD,WAAW,CAAC,UAAU,YAAY,MAAM,QAAQ;AAAA,MAClD;AAAA,MAVF;AAAA,KAaE;AAAA;AAAA,EAGN,WAAW;AAAA,EACX,YAAY,MAAM,KAChB,MAAM,WAAW,CAAC,OAAO,QAAQ;AAAA,IAC/B,uBAAO,IAAC,iBAAD;AAAA,SAAqB;AAAA,MAAO;AAAA,KAAU;AAAA,GAC9C,CACH;AAAA,EACA,WAAW,GAAG,eAAe;AAAA,IAC3B,uBACE,
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": "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",
|
|
8
|
+
"debugId": "448A5DA108E3DA5264756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
package/dist/mjs/package.json
CHANGED
|
@@ -4,7 +4,11 @@ import { jsx } from "react/jsx-runtime";
|
|
|
4
4
|
function TableHeaderRow({ children }) {
|
|
5
5
|
return /* @__PURE__ */ jsx(TableRow, {
|
|
6
6
|
component: "div",
|
|
7
|
-
sx: {
|
|
7
|
+
sx: {
|
|
8
|
+
height: "var(--row-height)",
|
|
9
|
+
display: "flex",
|
|
10
|
+
willChange: "contents"
|
|
11
|
+
},
|
|
8
12
|
children
|
|
9
13
|
});
|
|
10
14
|
}
|
|
@@ -12,4 +16,4 @@ export {
|
|
|
12
16
|
TableHeaderRow
|
|
13
17
|
};
|
|
14
18
|
|
|
15
|
-
//# debugId=
|
|
19
|
+
//# debugId=8273B906AEF38AFA64756E2164756E21
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/table_header_row.tsx"],
|
|
4
4
|
"sourcesContent": [
|
|
5
|
-
"import { TableRow } from \"@mui/material\";\n\nexport function TableHeaderRow({ children }: { children: React.ReactNode }) {\n return (\n <TableRow\n component=\"div\"\n sx={{
|
|
5
|
+
"import { TableRow } from \"@mui/material\";\n\nexport function TableHeaderRow({ children }: { children: React.ReactNode }) {\n return (\n <TableRow\n component=\"div\"\n sx={{\n height: \"var(--row-height)\",\n display: \"flex\",\n willChange: \"contents\",\n }}\n >\n {children}\n </TableRow>\n );\n}\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": ";AAAA;AAAA;AAEO,SAAS,cAAc,GAAG,YAA2C;AAAA,EAC1E,uBACE,
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";AAAA;AAAA;AAEO,SAAS,cAAc,GAAG,YAA2C;AAAA,EAC1E,uBACE,IASE,UATF;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IANF;AAAA,GASE;AAAA;",
|
|
8
|
+
"debugId": "8273B906AEF38AFA64756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rttui/skin-anocca",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.34",
|
|
4
4
|
"main": "./dist/cjs/index.cjs",
|
|
5
5
|
"dependencies": {
|
|
6
|
-
"@rttui/core": "^1.0.
|
|
6
|
+
"@rttui/core": "^1.0.32"
|
|
7
7
|
},
|
|
8
8
|
"module": "./dist/mjs/index.mjs",
|
|
9
9
|
"types": "./dist/types/index.d.ts",
|