@elliemae/ds-data-table 3.50.1-next.9 → 3.51.0-next.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.
package/dist/cjs/parts/Rows.js
CHANGED
|
@@ -34,6 +34,7 @@ module.exports = __toCommonJS(Rows_exports);
|
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
35
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
36
|
var import_react = require("react");
|
|
37
|
+
var import_react2 = require("react");
|
|
37
38
|
var import_Row = require("./Row.js");
|
|
38
39
|
var import_withConditionalDnDRowContext = require("./HoC/withConditionalDnDRowContext.js");
|
|
39
40
|
var import_DnDTreeContext = require("./HoC/DnDTreeContext.js");
|
|
@@ -43,7 +44,7 @@ const Rows = () => {
|
|
|
43
44
|
const { virtualItems } = (0, import_useStore.usePropsStore)((state) => state.virtualListHelpers);
|
|
44
45
|
const flattenedData = (0, import_useStore.usePropsStore)((state) => state.flattenedData);
|
|
45
46
|
const visibleColumns = (0, import_useStore.usePropsStore)((state) => state.visibleColumns);
|
|
46
|
-
const ctx = (0,
|
|
47
|
+
const ctx = (0, import_react2.useContext)(import_DnDTreeContext.DnDTreeContext);
|
|
47
48
|
const items = ctx?.visibleItems || flattenedData;
|
|
48
49
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: virtualItems.map((virtualItem) => {
|
|
49
50
|
const { index, measureRef, start } = virtualItem;
|
|
@@ -57,7 +58,6 @@ const Rows = () => {
|
|
|
57
58
|
width: "100%"
|
|
58
59
|
};
|
|
59
60
|
const rowProps = {
|
|
60
|
-
key: `ds-table-row-${row.uid}`,
|
|
61
61
|
row,
|
|
62
62
|
measureRef,
|
|
63
63
|
index,
|
|
@@ -66,7 +66,7 @@ const Rows = () => {
|
|
|
66
66
|
itemWrapperStyle: style,
|
|
67
67
|
isDragOverlay: false
|
|
68
68
|
};
|
|
69
|
-
return /* @__PURE__ */ (0,
|
|
69
|
+
return /* @__PURE__ */ (0, import_react.createElement)(import_Row.RowWithContext, { ...rowProps, key: `ds-table-row-${row.uid}` });
|
|
70
70
|
}) });
|
|
71
71
|
};
|
|
72
72
|
Rows.propTypes = {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/parts/Rows.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext } from 'react';\nimport { RowWithContext as Row } from './Row.js';\nimport { withConditionalDnDRowContext } from './HoC/withConditionalDnDRowContext.js';\nimport { DnDTreeContext } from './HoC/DnDTreeContext.js';\nimport { addCellData } from '../helpers/index.js';\nimport { usePropsStore } from '../configs/useStore/useStore.js';\n\nconst Rows = (): JSX.Element => {\n const { virtualItems } = usePropsStore((state) => state.virtualListHelpers);\n const flattenedData = usePropsStore((state) => state.flattenedData);\n const visibleColumns = usePropsStore((state) => state.visibleColumns);\n\n const ctx = useContext(DnDTreeContext);\n\n const items = ctx?.visibleItems || flattenedData;\n\n return (\n <>\n {virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const row = items[index];\n if (!row) return null;\n addCellData(row, visibleColumns);\n const style: React.CSSProperties = {\n position: 'absolute',\n top: `${start}px`,\n left: 0,\n width: '100%',\n };\n const rowProps = {\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;
|
|
6
|
-
"names": ["Row"]
|
|
4
|
+
"sourcesContent": ["import React, { useContext } from 'react';\nimport { RowWithContext as Row } from './Row.js';\nimport { withConditionalDnDRowContext } from './HoC/withConditionalDnDRowContext.js';\nimport { DnDTreeContext } from './HoC/DnDTreeContext.js';\nimport { addCellData } from '../helpers/index.js';\nimport { usePropsStore } from '../configs/useStore/useStore.js';\n\nconst Rows = (): JSX.Element => {\n const { virtualItems } = usePropsStore((state) => state.virtualListHelpers);\n const flattenedData = usePropsStore((state) => state.flattenedData);\n const visibleColumns = usePropsStore((state) => state.visibleColumns);\n\n const ctx = useContext(DnDTreeContext);\n\n const items = ctx?.visibleItems || flattenedData;\n\n return (\n <>\n {virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const row = items[index];\n if (!row) return null;\n addCellData(row, visibleColumns);\n const style: React.CSSProperties = {\n position: 'absolute',\n top: `${start}px`,\n left: 0,\n width: '100%',\n };\n const rowProps = {\n row,\n measureRef,\n index, // this is consumed by the DnD HOC\n itemIndex: index,\n itemWrapperStyle: style,\n isDragOverlay: false,\n };\n return <Row {...rowProps} key={`ds-table-row-${row.uid}`} />;\n })}\n </>\n );\n};\n\nRows.propTypes = {};\n\nexport const RowsWithContext = withConditionalDnDRowContext(Rows);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;AAoBW;AArCf,IAAAA,gBAAkC;AAClC,iBAAsC;AACtC,0CAA6C;AAC7C,4BAA+B;AAC/B,qBAA4B;AAC5B,sBAA8B;AAE9B,MAAM,OAAO,MAAmB;AAC9B,QAAM,EAAE,aAAa,QAAI,+BAAc,CAAC,UAAU,MAAM,kBAAkB;AAC1E,QAAM,oBAAgB,+BAAc,CAAC,UAAU,MAAM,aAAa;AAClE,QAAM,qBAAiB,+BAAc,CAAC,UAAU,MAAM,cAAc;AAEpE,QAAM,UAAM,0BAAW,oCAAc;AAErC,QAAM,QAAQ,KAAK,gBAAgB;AAEnC,SACE,2EACG,uBAAa,IAAI,CAAC,gBAAgB;AACjC,UAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,UAAM,MAAM,MAAM,KAAK;AACvB,QAAI,CAAC,IAAK,QAAO;AACjB,oCAAY,KAAK,cAAc;AAC/B,UAAM,QAA6B;AAAA,MACjC,UAAU;AAAA,MACV,KAAK,GAAG,KAAK;AAAA,MACb,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AACA,UAAM,WAAW;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB;AAAA,MAClB,eAAe;AAAA,IACjB;AACA,WAAO,gDAAC,WAAAC,gBAAA,EAAK,GAAG,UAAU,KAAK,gBAAgB,IAAI,GAAG,IAAI;AAAA,EAC5D,CAAC,GACH;AAEJ;AAEA,KAAK,YAAY,CAAC;AAEX,MAAM,sBAAkB,kEAA6B,IAAI;",
|
|
6
|
+
"names": ["import_react", "Row"]
|
|
7
7
|
}
|
package/dist/esm/parts/Rows.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createElement } from "react";
|
|
3
4
|
import { useContext } from "react";
|
|
4
5
|
import { RowWithContext as Row } from "./Row.js";
|
|
5
6
|
import { withConditionalDnDRowContext } from "./HoC/withConditionalDnDRowContext.js";
|
|
@@ -24,7 +25,6 @@ const Rows = () => {
|
|
|
24
25
|
width: "100%"
|
|
25
26
|
};
|
|
26
27
|
const rowProps = {
|
|
27
|
-
key: `ds-table-row-${row.uid}`,
|
|
28
28
|
row,
|
|
29
29
|
measureRef,
|
|
30
30
|
index,
|
|
@@ -33,7 +33,7 @@ const Rows = () => {
|
|
|
33
33
|
itemWrapperStyle: style,
|
|
34
34
|
isDragOverlay: false
|
|
35
35
|
};
|
|
36
|
-
return /* @__PURE__ */
|
|
36
|
+
return /* @__PURE__ */ createElement(Row, { ...rowProps, key: `ds-table-row-${row.uid}` });
|
|
37
37
|
}) });
|
|
38
38
|
};
|
|
39
39
|
Rows.propTypes = {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Rows.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { RowWithContext as Row } from './Row.js';\nimport { withConditionalDnDRowContext } from './HoC/withConditionalDnDRowContext.js';\nimport { DnDTreeContext } from './HoC/DnDTreeContext.js';\nimport { addCellData } from '../helpers/index.js';\nimport { usePropsStore } from '../configs/useStore/useStore.js';\n\nconst Rows = (): JSX.Element => {\n const { virtualItems } = usePropsStore((state) => state.virtualListHelpers);\n const flattenedData = usePropsStore((state) => state.flattenedData);\n const visibleColumns = usePropsStore((state) => state.visibleColumns);\n\n const ctx = useContext(DnDTreeContext);\n\n const items = ctx?.visibleItems || flattenedData;\n\n return (\n <>\n {virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const row = items[index];\n if (!row) return null;\n addCellData(row, visibleColumns);\n const style: React.CSSProperties = {\n position: 'absolute',\n top: `${start}px`,\n left: 0,\n width: '100%',\n };\n const rowProps = {\n
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACiBnB
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { RowWithContext as Row } from './Row.js';\nimport { withConditionalDnDRowContext } from './HoC/withConditionalDnDRowContext.js';\nimport { DnDTreeContext } from './HoC/DnDTreeContext.js';\nimport { addCellData } from '../helpers/index.js';\nimport { usePropsStore } from '../configs/useStore/useStore.js';\n\nconst Rows = (): JSX.Element => {\n const { virtualItems } = usePropsStore((state) => state.virtualListHelpers);\n const flattenedData = usePropsStore((state) => state.flattenedData);\n const visibleColumns = usePropsStore((state) => state.visibleColumns);\n\n const ctx = useContext(DnDTreeContext);\n\n const items = ctx?.visibleItems || flattenedData;\n\n return (\n <>\n {virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const row = items[index];\n if (!row) return null;\n addCellData(row, visibleColumns);\n const style: React.CSSProperties = {\n position: 'absolute',\n top: `${start}px`,\n left: 0,\n width: '100%',\n };\n const rowProps = {\n row,\n measureRef,\n index, // this is consumed by the DnD HOC\n itemIndex: index,\n itemWrapperStyle: style,\n isDragOverlay: false,\n };\n return <Row {...rowProps} key={`ds-table-row-${row.uid}`} />;\n })}\n </>\n );\n};\n\nRows.propTypes = {};\n\nexport const RowsWithContext = withConditionalDnDRowContext(Rows);\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACiBnB;AAoBW;AArCf,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB,WAAW;AACtC,SAAS,oCAAoC;AAC7C,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,MAAM,OAAO,MAAmB;AAC9B,QAAM,EAAE,aAAa,IAAI,cAAc,CAAC,UAAU,MAAM,kBAAkB;AAC1E,QAAM,gBAAgB,cAAc,CAAC,UAAU,MAAM,aAAa;AAClE,QAAM,iBAAiB,cAAc,CAAC,UAAU,MAAM,cAAc;AAEpE,QAAM,MAAM,WAAW,cAAc;AAErC,QAAM,QAAQ,KAAK,gBAAgB;AAEnC,SACE,gCACG,uBAAa,IAAI,CAAC,gBAAgB;AACjC,UAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,UAAM,MAAM,MAAM,KAAK;AACvB,QAAI,CAAC,IAAK,QAAO;AACjB,gBAAY,KAAK,cAAc;AAC/B,UAAM,QAA6B;AAAA,MACjC,UAAU;AAAA,MACV,KAAK,GAAG,KAAK;AAAA,MACb,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AACA,UAAM,WAAW;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB;AAAA,MAClB,eAAe;AAAA,IACjB;AACA,WAAO,8BAAC,OAAK,GAAG,UAAU,KAAK,gBAAgB,IAAI,GAAG,IAAI;AAAA,EAC5D,CAAC,GACH;AAEJ;AAEA,KAAK,YAAY,CAAC;AAEX,MAAM,kBAAkB,6BAA6B,IAAI;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.51.0-next.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table",
|
|
6
6
|
"files": [
|
|
@@ -39,44 +39,44 @@
|
|
|
39
39
|
"react-virtual": "~2.10.4",
|
|
40
40
|
"uid": "~2.0.1",
|
|
41
41
|
"use-onclickoutside": "0.4.1",
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-button-v2": "3.
|
|
45
|
-
"@elliemae/ds-drag-and-drop": "3.
|
|
46
|
-
"@elliemae/ds-dropdownmenu": "3.
|
|
47
|
-
"@elliemae/ds-
|
|
48
|
-
"@elliemae/ds-form-
|
|
49
|
-
"@elliemae/ds-form-
|
|
50
|
-
"@elliemae/ds-form-
|
|
51
|
-
"@elliemae/ds-
|
|
52
|
-
"@elliemae/ds-form-
|
|
53
|
-
"@elliemae/ds-form-
|
|
54
|
-
"@elliemae/ds-form-
|
|
55
|
-
"@elliemae/ds-
|
|
56
|
-
"@elliemae/ds-
|
|
57
|
-
"@elliemae/ds-
|
|
58
|
-
"@elliemae/ds-
|
|
59
|
-
"@elliemae/ds-
|
|
60
|
-
"@elliemae/ds-
|
|
61
|
-
"@elliemae/ds-
|
|
62
|
-
"@elliemae/ds-skeleton": "3.
|
|
63
|
-
"@elliemae/ds-truncated-tooltip-text": "3.
|
|
64
|
-
"@elliemae/ds-
|
|
65
|
-
"@elliemae/ds-
|
|
66
|
-
"@elliemae/ds-
|
|
42
|
+
"@elliemae/ds-button": "3.51.0-next.0",
|
|
43
|
+
"@elliemae/ds-circular-progress-indicator": "3.51.0-next.0",
|
|
44
|
+
"@elliemae/ds-button-v2": "3.51.0-next.0",
|
|
45
|
+
"@elliemae/ds-drag-and-drop": "3.51.0-next.0",
|
|
46
|
+
"@elliemae/ds-dropdownmenu": "3.51.0-next.0",
|
|
47
|
+
"@elliemae/ds-form-checkbox": "3.51.0-next.0",
|
|
48
|
+
"@elliemae/ds-form-date-range-picker": "3.51.0-next.0",
|
|
49
|
+
"@elliemae/ds-form-date-time-picker": "3.51.0-next.0",
|
|
50
|
+
"@elliemae/ds-form-combobox": "3.51.0-next.0",
|
|
51
|
+
"@elliemae/ds-dropdownmenu-v2": "3.51.0-next.0",
|
|
52
|
+
"@elliemae/ds-form-helpers-mask-hooks": "3.51.0-next.0",
|
|
53
|
+
"@elliemae/ds-form-input-text": "3.51.0-next.0",
|
|
54
|
+
"@elliemae/ds-form-radio": "3.51.0-next.0",
|
|
55
|
+
"@elliemae/ds-grid": "3.51.0-next.0",
|
|
56
|
+
"@elliemae/ds-form-layout-blocks": "3.51.0-next.0",
|
|
57
|
+
"@elliemae/ds-pagination": "3.51.0-next.0",
|
|
58
|
+
"@elliemae/ds-icons": "3.51.0-next.0",
|
|
59
|
+
"@elliemae/ds-props-helpers": "3.51.0-next.0",
|
|
60
|
+
"@elliemae/ds-pills-v2": "3.51.0-next.0",
|
|
61
|
+
"@elliemae/ds-popperjs": "3.51.0-next.0",
|
|
62
|
+
"@elliemae/ds-skeleton": "3.51.0-next.0",
|
|
63
|
+
"@elliemae/ds-truncated-tooltip-text": "3.51.0-next.0",
|
|
64
|
+
"@elliemae/ds-system": "3.51.0-next.0",
|
|
65
|
+
"@elliemae/ds-typescript-helpers": "3.51.0-next.0",
|
|
66
|
+
"@elliemae/ds-zustand-helpers": "3.51.0-next.0"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
|
-
"@elliemae/pui-cli": "9.0.0-next.
|
|
69
|
+
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
70
70
|
"jest": "~29.7.0",
|
|
71
71
|
"styled-components": "~5.3.9",
|
|
72
72
|
"styled-system": "^5.1.5",
|
|
73
|
-
"@elliemae/ds-
|
|
74
|
-
"@elliemae/ds-
|
|
73
|
+
"@elliemae/ds-toolbar-v2": "3.51.0-next.0",
|
|
74
|
+
"@elliemae/ds-monorepo-devops": "3.51.0-next.0"
|
|
75
75
|
},
|
|
76
76
|
"peerDependencies": {
|
|
77
77
|
"lodash": "^4.17.21",
|
|
78
|
-
"react": "^
|
|
79
|
-
"react-dom": "^
|
|
78
|
+
"react": "^18.3.1",
|
|
79
|
+
"react-dom": "^18.3.1",
|
|
80
80
|
"styled-components": "~5.3.9",
|
|
81
81
|
"styled-system": "^5.1.5"
|
|
82
82
|
},
|