@fluentui/react-table 9.0.0-alpha.2 → 9.0.0-alpha.20

package/lib-commonjs/DataGridBody.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/DataGridBody/index"), exports);
+//# sourceMappingURL=DataGridBody.js.map

package/lib-commonjs/DataGridBody.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/DataGridBody.ts"],"sourcesContent":["export * from './components/DataGridBody/index';\n"]}

package/lib-commonjs/DataGridCell.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/DataGridCell/index"), exports);
+//# sourceMappingURL=DataGridCell.js.map

package/lib-commonjs/DataGridCell.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/DataGridCell.ts"],"sourcesContent":["export * from './components/DataGridCell/index';\n"]}

package/lib-commonjs/DataGridHeader.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/DataGridHeader/index"), exports);
+//# sourceMappingURL=DataGridHeader.js.map

package/lib-commonjs/DataGridHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/DataGridHeader.ts"],"sourcesContent":["export * from './components/DataGridHeader/index';\n"]}

package/lib-commonjs/DataGridHeaderCell.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/DataGridHeaderCell/index"), exports);
+//# sourceMappingURL=DataGridHeaderCell.js.map

package/lib-commonjs/DataGridHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/DataGridHeaderCell.ts"],"sourcesContent":["export * from './components/DataGridHeaderCell/index';\n"]}

package/lib-commonjs/DataGridRow.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/DataGridRow/index"), exports);
+//# sourceMappingURL=DataGridRow.js.map

package/lib-commonjs/DataGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/DataGridRow.ts"],"sourcesContent":["export * from './components/DataGridRow/index';\n"]}

package/lib-commonjs/DataGridSelectionCell.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/DataGridSelectionCell/index"), exports);
+//# sourceMappingURL=DataGridSelectionCell.js.map

package/lib-commonjs/DataGridSelectionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/DataGridSelectionCell.ts"],"sourcesContent":["export * from './components/DataGridSelectionCell/index';\n"]}

package/lib-commonjs/Table.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/Table/index"), exports);
 //# sourceMappingURL=Table.js.map

package/lib-commonjs/Table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Table.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Table/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/Table.ts"],"sourcesContent":["export * from './components/Table/index';\n"]}

package/lib-commonjs/TableBody.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableBody/index"), exports);
 //# sourceMappingURL=TableBody.js.map

package/lib-commonjs/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableBody.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableBody/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableBody.ts"],"sourcesContent":["export * from './components/TableBody/index';\n"]}

package/lib-commonjs/TableCell.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableCell/index"), exports);
 //# sourceMappingURL=TableCell.js.map

package/lib-commonjs/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableCell.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableCell/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableCell.ts"],"sourcesContent":["export * from './components/TableCell/index';\n"]}

package/lib-commonjs/TableCellActions.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableCellActions/index"), exports);
 //# sourceMappingURL=TableCellActions.js.map

package/lib-commonjs/TableCellActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableCellActions.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableCellActions/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableCellActions.ts"],"sourcesContent":["export * from './components/TableCellActions/index';\n"]}

package/lib-commonjs/TableCellLayout.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableCellLayout/index"), exports);
 //# sourceMappingURL=TableCellLayout.js.map

package/lib-commonjs/TableCellLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableCellLayout.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableCellLayout/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableCellLayout.ts"],"sourcesContent":["export * from './components/TableCellLayout/index';\n"]}

package/lib-commonjs/TableCellPrimaryLayout.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableCellLayout/index"), exports);
 //# sourceMappingURL=TableCellPrimaryLayout.js.map

package/lib-commonjs/TableCellPrimaryLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableCellPrimaryLayout.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableCellLayout/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableCellPrimaryLayout.ts"],"sourcesContent":["export * from './components/TableCellLayout/index';\n"]}

package/lib-commonjs/TableHeader.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableHeader/index"), exports);
 //# sourceMappingURL=TableHeader.js.map

package/lib-commonjs/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableHeader.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableHeader/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableHeader.ts"],"sourcesContent":["export * from './components/TableHeader/index';\n"]}

package/lib-commonjs/TableHeaderCell.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableHeaderCell/index"), exports);
 //# sourceMappingURL=TableHeaderCell.js.map

package/lib-commonjs/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableHeaderCell.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableHeaderCell/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableHeaderCell.ts"],"sourcesContent":["export * from './components/TableHeaderCell/index';\n"]}

package/lib-commonjs/TableRow.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableRow/index"), exports);
 //# sourceMappingURL=TableRow.js.map

package/lib-commonjs/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableRow.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableRow/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableRow.ts"],"sourcesContent":["export * from './components/TableRow/index';\n"]}

package/lib-commonjs/TableSelectionCell.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./components/TableSelectionCell/index"), exports);
 //# sourceMappingURL=TableSelectionCell.js.map

package/lib-commonjs/TableSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TableSelectionCell.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/TableSelectionCell/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/TableSelectionCell.ts"],"sourcesContent":["export * from './components/TableSelectionCell/index';\n"]}

package/lib-commonjs/components/DataGrid/DataGrid.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataGrid = void 0;
+const React = /*#__PURE__*/require("react");
+const useDataGrid_1 = /*#__PURE__*/require("./useDataGrid");
+const renderDataGrid_1 = /*#__PURE__*/require("./renderDataGrid");
+const useDataGridStyles_1 = /*#__PURE__*/require("./useDataGridStyles");
+const useDataGridContextValues_1 = /*#__PURE__*/require("./useDataGridContextValues");
+/**
+ * DataGrid component
+ */
+exports.DataGrid = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useDataGrid_1.useDataGrid_unstable(props, ref);
+  useDataGridStyles_1.useDataGridStyles_unstable(state);
+  return renderDataGrid_1.renderDataGrid_unstable(state, useDataGridContextValues_1.useDataGridContextValues_unstable(state));
+});
+exports.DataGrid.displayName = 'DataGrid';
+//# sourceMappingURL=DataGrid.js.map

package/lib-commonjs/components/DataGrid/DataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAGA;AAEA;;;AAGaA,gBAAQ,gBAAuCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1F,MAAMC,KAAK,GAAGC,kCAAoB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE9CG,8CAA0B,CAACF,KAAK,CAAC;EACjC,OAAOG,wCAAuB,CAACH,KAAK,EAAEI,4DAAiC,CAACJ,KAAK,CAAC,CAAC;AACjF,CAAC,CAAC;AAEFL,gBAAQ,CAACU,WAAW,GAAG,UAAU","names":["exports","React","forwardRef","props","ref","state","useDataGrid_1","useDataGridStyles_1","renderDataGrid_1","useDataGridContextValues_1","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGrid_unstable } from './useDataGrid';\nimport { renderDataGrid_unstable } from './renderDataGrid';\nimport { useDataGridStyles_unstable } from './useDataGridStyles';\nimport type { DataGridProps } from './DataGrid.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDataGridContextValues_unstable } from './useDataGridContextValues';\n\n/**\n * DataGrid component\n */\nexport const DataGrid: ForwardRefComponent<DataGridProps> = React.forwardRef((props, ref) => {\n  const state = useDataGrid_unstable(props, ref);\n\n  useDataGridStyles_unstable(state);\n  return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));\n});\n\nDataGrid.displayName = 'DataGrid';\n"]}

package/lib-commonjs/components/DataGrid/DataGrid.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=DataGrid.types.js.map

package/lib-commonjs/components/DataGrid/DataGrid.types.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"","names":[],"sourceRoot":"../src/","sources":[],"sourcesContent":[]}

package/lib-commonjs/components/DataGrid/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./DataGrid"), exports);
+tslib_1.__exportStar(require("./DataGrid.types"), exports);
+tslib_1.__exportStar(require("./renderDataGrid"), exports);
+tslib_1.__exportStar(require("./useDataGrid"), exports);
+tslib_1.__exportStar(require("./useDataGridStyles"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/DataGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/index.ts"],"sourcesContent":["export * from './DataGrid';\nexport * from './DataGrid.types';\nexport * from './renderDataGrid';\nexport * from './useDataGrid';\nexport * from './useDataGridStyles';\n"]}

package/lib-commonjs/components/DataGrid/renderDataGrid.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderDataGrid_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const renderTable_1 = /*#__PURE__*/require("../Table/renderTable");
+const dataGridContext_1 = /*#__PURE__*/require("../../contexts/dataGridContext");
+/**
+ * Render the final JSX of DataGrid
+ */
+const renderDataGrid_unstable = (state, contextValues) => {
+  return React.createElement(dataGridContext_1.DataGridContextProvider, {
+    value: contextValues.dataGrid
+  }, renderTable_1.renderTable_unstable(state, contextValues));
+};
+exports.renderDataGrid_unstable = renderDataGrid_unstable;
+//# sourceMappingURL=renderDataGrid.js.map

package/lib-commonjs/components/DataGrid/renderDataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAA;AAEA;AACA;AAEA;;;AAGO,MAAMA,uBAAuB,GAAG,CAACC,KAAoB,EAAEC,aAAoC,KAAI;EACpG,OACEC,oBAACC,yCAAuB;IAACC,KAAK,EAAEH,aAAa,CAACI;EAAQ,GACnDC,kCAAoB,CAACN,KAAK,EAAEC,aAAa,CAAC,CACnB;AAE9B,CAAC;AANYM,+BAAuB","names":["renderDataGrid_unstable","state","contextValues","React","dataGridContext_1","value","dataGrid","renderTable_1","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/renderDataGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { DataGridContextValues, DataGridState } from './DataGrid.types';\nimport { renderTable_unstable } from '../Table/renderTable';\nimport { DataGridContextProvider } from '../../contexts/dataGridContext';\n\n/**\n * Render the final JSX of DataGrid\n */\nexport const renderDataGrid_unstable = (state: DataGridState, contextValues: DataGridContextValues) => {\n  return (\n    <DataGridContextProvider value={contextValues.dataGrid}>\n      {renderTable_unstable(state, contextValues)}\n    </DataGridContextProvider>\n  );\n};\n"]}

package/lib-commonjs/components/DataGrid/useDataGrid.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGrid_unstable = void 0;
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const useTable_1 = /*#__PURE__*/require("../Table/useTable");
+const hooks_1 = /*#__PURE__*/require("../../hooks");
+/**
+ * Create the state required to render DataGrid.
+ *
+ * The returned state can be modified with hooks such as useDataGridStyles_unstable,
+ * before being passed to renderDataGrid_unstable.
+ *
+ * @param props - props from this instance of DataGrid
+ * @param ref - reference to root HTMLElement of DataGrid
+ */
+const useDataGrid_unstable = (props, ref) => {
+  const {
+    items,
+    columns,
+    focusMode = 'cell',
+    selectionMode,
+    onSortChange,
+    onSelectionChange,
+    defaultSortState,
+    sortState,
+    selectedItems,
+    defaultSelectedItems,
+    subtleSelection = false,
+    selectionAppearance = 'brand',
+    getRowId
+  } = props;
+  const navigable = focusMode !== 'none';
+  const keyboardNavAttr = react_tabster_1.useArrowNavigationGroup({
+    axis: 'grid'
+  });
+  const tableState = hooks_1.useTableFeatures({
+    items,
+    columns,
+    getRowId
+  }, [hooks_1.useTableSort({
+    defaultSortState,
+    sortState,
+    onSortChange
+  }), hooks_1.useTableSelection({
+    defaultSelectedItems,
+    selectedItems,
+    onSelectionChange,
+    selectionMode: selectionMode !== null && selectionMode !== void 0 ? selectionMode : 'multiselect'
+  })]);
+  const baseTableState = useTable_1.useTable_unstable({
+    role: 'grid',
+    as: 'div',
+    noNativeElements: true,
+    ...(navigable && keyboardNavAttr),
+    ...props
+  }, ref);
+  return {
+    ...baseTableState,
+    focusMode,
+    tableState,
+    selectableRows: !!selectionMode,
+    subtleSelection,
+    selectionAppearance
+  };
+};
+exports.useDataGrid_unstable = useDataGrid_unstable;
+//# sourceMappingURL=useDataGrid.js.map

package/lib-commonjs/components/DataGrid/useDataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AACA;AAEA;AACA;AAEA;;;;;;;;;AASO,MAAMA,oBAAoB,GAAG,CAACC,KAAoB,EAAEC,GAA2B,KAAmB;EACvG,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,SAAS,GAAG,MAAM;IAClBC,aAAa;IACbC,YAAY;IACZC,iBAAiB;IACjBC,gBAAgB;IAChBC,SAAS;IACTC,aAAa;IACbC,oBAAoB;IACpBC,eAAe,GAAG,KAAK;IACvBC,mBAAmB,GAAG,OAAO;IAC7BC;EAAQ,CACT,GAAGd,KAAK;EAET,MAAMe,SAAS,GAAGX,SAAS,KAAK,MAAM;EACtC,MAAMY,eAAe,GAAGC,uCAAuB,CAAC;IAAEC,IAAI,EAAE;EAAM,CAAE,CAAC;EAEjE,MAAMC,UAAU,GAAGC,wBAAgB,CAAC;IAAElB,KAAK;IAAEC,OAAO;IAAEW;EAAQ,CAAE,EAAE,CAChEM,oBAAY,CAAC;IACXZ,gBAAgB;IAChBC,SAAS;IACTH;GACD,CAAC,EACFc,yBAAiB,CAAC;IAChBT,oBAAoB;IACpBD,aAAa;IACbH,iBAAiB;IACjBF,aAAa,EAAEA,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAI;GACjC,CAAC,CACH,CAAC;EAEF,MAAMgB,cAAc,GAAGC,4BAAiB,CACtC;IAAEC,IAAI,EAAE,MAAM;IAAEC,EAAE,EAAE,KAAK;IAAEC,gBAAgB,EAAE,IAAI;IAAE,IAAIV,SAAS,IAAIC,eAAe,CAAC;IAAE,GAAGhB;EAAK,CAAE,EAChGC,GAAG,CACJ;EAED,OAAO;IACL,GAAGoB,cAAc;IACjBjB,SAAS;IACTe,UAAU;IACVO,cAAc,EAAE,CAAC,CAACrB,aAAa;IAC/BO,eAAe;IACfC;GACD;AACH,CAAC;AA/CYc,4BAAoB","names":["useDataGrid_unstable","props","ref","items","columns","focusMode","selectionMode","onSortChange","onSelectionChange","defaultSortState","sortState","selectedItems","defaultSelectedItems","subtleSelection","selectionAppearance","getRowId","navigable","keyboardNavAttr","react_tabster_1","axis","tableState","hooks_1","baseTableState","useTable_1","role","as","noNativeElements","selectableRows","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/useDataGrid.ts"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport type { DataGridProps, DataGridState } from './DataGrid.types';\nimport { useTable_unstable } from '../Table/useTable';\nimport { useTableFeatures, useTableSort, useTableSelection } from '../../hooks';\n\n/**\n * Create the state required to render DataGrid.\n *\n * The returned state can be modified with hooks such as useDataGridStyles_unstable,\n * before being passed to renderDataGrid_unstable.\n *\n * @param props - props from this instance of DataGrid\n * @param ref - reference to root HTMLElement of DataGrid\n */\nexport const useDataGrid_unstable = (props: DataGridProps, ref: React.Ref<HTMLElement>): DataGridState => {\n  const {\n    items,\n    columns,\n    focusMode = 'cell',\n    selectionMode,\n    onSortChange,\n    onSelectionChange,\n    defaultSortState,\n    sortState,\n    selectedItems,\n    defaultSelectedItems,\n    subtleSelection = false,\n    selectionAppearance = 'brand',\n    getRowId,\n  } = props;\n\n  const navigable = focusMode !== 'none';\n  const keyboardNavAttr = useArrowNavigationGroup({ axis: 'grid' });\n\n  const tableState = useTableFeatures({ items, columns, getRowId }, [\n    useTableSort({\n      defaultSortState,\n      sortState,\n      onSortChange,\n    }),\n    useTableSelection({\n      defaultSelectedItems,\n      selectedItems,\n      onSelectionChange,\n      selectionMode: selectionMode ?? 'multiselect',\n    }),\n  ]);\n\n  const baseTableState = useTable_unstable(\n    { role: 'grid', as: 'div', noNativeElements: true, ...(navigable && keyboardNavAttr), ...props },\n    ref,\n  );\n\n  return {\n    ...baseTableState,\n    focusMode,\n    tableState,\n    selectableRows: !!selectionMode,\n    subtleSelection,\n    selectionAppearance,\n  };\n};\n"]}

package/lib-commonjs/components/DataGrid/useDataGridContextValues.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridContextValues_unstable = void 0;
+const useTableContextValues_1 = /*#__PURE__*/require("../Table/useTableContextValues");
+function useDataGridContextValues_unstable(state) {
+  const tableContextValues = useTableContextValues_1.useTableContextValues_unstable(state);
+  return {
+    ...tableContextValues,
+    dataGrid: {
+      ...state.tableState,
+      focusMode: state.focusMode,
+      selectableRows: state.selectableRows,
+      subtleSelection: state.subtleSelection,
+      selectionAppearance: state.selectionAppearance
+    }
+  };
+}
+exports.useDataGridContextValues_unstable = useDataGridContextValues_unstable;
+//# sourceMappingURL=useDataGridContextValues.js.map

package/lib-commonjs/components/DataGrid/useDataGridContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAA;AAGA,SAAgBA,iCAAiC,CAACC,KAAoB;EACpE,MAAMC,kBAAkB,GAAGC,sDAA8B,CAACF,KAAK,CAAC;EAChE,OAAO;IACL,GAAGC,kBAAkB;IACrBE,QAAQ,EAAE;MACR,GAAGH,KAAK,CAACI,UAAU;MACnBC,SAAS,EAAEL,KAAK,CAACK,SAAS;MAC1BC,cAAc,EAAEN,KAAK,CAACM,cAAc;MACpCC,eAAe,EAAEP,KAAK,CAACO,eAAe;MACtCC,mBAAmB,EAAER,KAAK,CAACQ;;GAE9B;AACH;AAZAC","names":["useDataGridContextValues_unstable","state","tableContextValues","useTableContextValues_1","dataGrid","tableState","focusMode","selectableRows","subtleSelection","selectionAppearance","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/useDataGridContextValues.ts"],"sourcesContent":["import { useTableContextValues_unstable } from '../Table/useTableContextValues';\nimport { DataGridContextValues, DataGridState } from './DataGrid.types';\n\nexport function useDataGridContextValues_unstable(state: DataGridState): DataGridContextValues {\n  const tableContextValues = useTableContextValues_unstable(state);\n  return {\n    ...tableContextValues,\n    dataGrid: {\n      ...state.tableState,\n      focusMode: state.focusMode,\n      selectableRows: state.selectableRows,\n      subtleSelection: state.subtleSelection,\n      selectionAppearance: state.selectionAppearance,\n    },\n  };\n}\n"]}

package/lib-commonjs/components/DataGrid/useDataGridStyles.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridStyles_unstable = exports.dataGridClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const useTableStyles_1 = /*#__PURE__*/require("../Table/useTableStyles");
+exports.dataGridClassNames = {
+  root: 'fui-DataGrid'
+};
+/**
+ * Apply styling to the DataGrid slots based on the state
+ */
+const useDataGridStyles_unstable = state => {
+  useTableStyles_1.useTableStyles_unstable(state);
+  state.root.className = react_1.mergeClasses(exports.dataGridClassNames.root, state.root.className);
+  return state;
+};
+exports.useDataGridStyles_unstable = useDataGridStyles_unstable;
+//# sourceMappingURL=useDataGridStyles.js.map

package/lib-commonjs/components/DataGrid/useDataGridStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEaA,0BAAkB,GAAkC;EAC/DC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,0BAA0B,GAAIC,KAAoB,IAAmB;EAChFC,wCAAuB,CAACD,KAAK,CAAC;EAC9BA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGC,oBAAY,CAACN,0BAAkB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAElF,OAAOF,KAAK;AACd,CAAC;AALYH,kCAA0B","names":["exports","root","useDataGridStyles_unstable","state","useTableStyles_1","className","react_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridSlots, DataGridState } from './DataGrid.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableStyles_unstable } from '../Table/useTableStyles';\n\nexport const dataGridClassNames: SlotClassNames<DataGridSlots> = {\n  root: 'fui-DataGrid',\n};\n\n/**\n * Apply styling to the DataGrid slots based on the state\n */\nexport const useDataGridStyles_unstable = (state: DataGridState): DataGridState => {\n  useTableStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridClassNames.root, state.root.className);\n\n  return state;\n};\n"]}

package/lib-commonjs/components/DataGridBody/DataGridBody.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataGridBody = void 0;
+const React = /*#__PURE__*/require("react");
+const useDataGridBody_1 = /*#__PURE__*/require("./useDataGridBody");
+const renderDataGridBody_1 = /*#__PURE__*/require("./renderDataGridBody");
+const useDataGridBodyStyles_1 = /*#__PURE__*/require("./useDataGridBodyStyles");
+/**
+ * DataGridBody component
+ */
+exports.DataGridBody = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useDataGridBody_1.useDataGridBody_unstable(props, ref);
+  useDataGridBodyStyles_1.useDataGridBodyStyles_unstable(state);
+  return renderDataGridBody_1.renderDataGridBody_unstable(state);
+});
+exports.DataGridBody.displayName = 'DataGridBody';
+//# sourceMappingURL=DataGridBody.js.map

package/lib-commonjs/components/DataGridBody/DataGridBody.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,oBAAY,gBACqCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC5F,MAAMC,KAAK,GAAGC,0CAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDG,sDAA8B,CAACF,KAAK,CAAC;EACrC,OAAOG,gDAA2B,CAACH,KAAK,CAAC;AAC3C,CAAC,CAAuG;AAExGL,oBAAY,CAACS,WAAW,GAAG,cAAc","names":["exports","React","forwardRef","props","ref","state","useDataGridBody_1","useDataGridBodyStyles_1","renderDataGridBody_1","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridBody_unstable } from './useDataGridBody';\nimport { renderDataGridBody_unstable } from './renderDataGridBody';\nimport { useDataGridBodyStyles_unstable } from './useDataGridBodyStyles';\nimport type { DataGridBodyProps } from './DataGridBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DataGridBody component\n */\nexport const DataGridBody: ForwardRefComponent<DataGridBodyProps> &\n  (<TItem>(props: DataGridBodyProps<TItem>) => JSX.Element) = React.forwardRef((props, ref) => {\n  const state = useDataGridBody_unstable(props, ref);\n\n  useDataGridBodyStyles_unstable(state);\n  return renderDataGridBody_unstable(state);\n}) as ForwardRefComponent<DataGridBodyProps> & (<TItem>(props: DataGridBodyProps<TItem>) => JSX.Element);\n\nDataGridBody.displayName = 'DataGridBody';\n"]}

package/lib-commonjs/components/DataGridBody/DataGridBody.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=DataGridBody.types.js.map

package/lib-commonjs/components/DataGridBody/DataGridBody.types.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"","names":[],"sourceRoot":"../src/","sources":[],"sourcesContent":[]}

package/lib-commonjs/components/DataGridBody/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./DataGridBody"), exports);
+tslib_1.__exportStar(require("./DataGridBody.types"), exports);
+tslib_1.__exportStar(require("./renderDataGridBody"), exports);
+tslib_1.__exportStar(require("./useDataGridBody"), exports);
+tslib_1.__exportStar(require("./useDataGridBodyStyles"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/DataGridBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/index.ts"],"sourcesContent":["export * from './DataGridBody';\nexport * from './DataGridBody.types';\nexport * from './renderDataGridBody';\nexport * from './useDataGridBody';\nexport * from './useDataGridBodyStyles';\n"]}

package/lib-commonjs/components/DataGridBody/renderDataGridBody.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderDataGridBody_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const rowIdContext_1 = /*#__PURE__*/require("../../contexts/rowIdContext");
+/**
+ * Render the final JSX of DataGridBody
+ */
+const renderDataGridBody_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, state.rows.map(row => React.createElement(rowIdContext_1.TableRowIdContextProvider, {
+    key: row.rowId,
+    value: row.rowId
+  }, state.renderRow(row))));
+};
+exports.renderDataGridBody_unstable = renderDataGridBody_unstable;
+//# sourceMappingURL=renderDataGridBody.js.map

package/lib-commonjs/components/DataGridBody/renderDataGridBody.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAAA;AACA;AAEA;AAEA;;;AAGO,MAAMA,2BAA2B,GAAIC,KAAwB,IAAI;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAoBH,KAAK,CAAC;EAE/D,OACEI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BL,KAAK,CAACM,IAAI,CAACC,GAAG,CAACC,GAAG,IACjBJ,oBAACK,wCAAyB;IAACC,GAAG,EAAEF,GAAG,CAACG,KAAK;IAAEC,KAAK,EAAEJ,GAAG,CAACG;EAAK,GACxDX,KAAK,CAACa,SAAS,CAACL,GAAG,CAAC,CAExB,CAAC,CACS;AAEjB,CAAC;AAZYM,mCAA2B","names":["renderDataGridBody_unstable","state","slots","slotProps","react_utilities_1","React","root","rows","map","row","rowIdContext_1","key","rowId","value","renderRow","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/renderDataGridBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DataGridBodyState, DataGridBodySlots } from './DataGridBody.types';\nimport { TableRowIdContextProvider } from '../../contexts/rowIdContext';\n\n/**\n * Render the final JSX of DataGridBody\n */\nexport const renderDataGridBody_unstable = (state: DataGridBodyState) => {\n  const { slots, slotProps } = getSlots<DataGridBodySlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.rows.map(row => (\n        <TableRowIdContextProvider key={row.rowId} value={row.rowId}>\n          {state.renderRow(row)}\n        </TableRowIdContextProvider>\n      ))}\n    </slots.root>\n  );\n};\n"]}

package/lib-commonjs/components/DataGridBody/useDataGridBody.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridBody_unstable = void 0;
+const useTableBody_1 = /*#__PURE__*/require("../TableBody/useTableBody");
+const dataGridContext_1 = /*#__PURE__*/require("../../contexts/dataGridContext");
+const tableContext_1 = /*#__PURE__*/require("../../contexts/tableContext");
+/**
+ * Create the state required to render DataGridBody.
+ *
+ * The returned state can be modified with hooks such as useDataGridBodyStyles_unstable,
+ * before being passed to renderDataGridBody_unstable.
+ *
+ * @param props - props from this instance of DataGridBody
+ * @param ref - reference to root HTMLElement of DataGridBody
+ */
+const useDataGridBody_unstable = (props, ref) => {
+  const {
+    sortable
+  } = tableContext_1.useTableContext();
+  const getRows = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.getRows);
+  const sort = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.sort.sort);
+  const rows = sortable ? sort(getRows()) : getRows();
+  const baseState = useTableBody_1.useTableBody_unstable({
+    ...props,
+    children: null,
+    as: 'div'
+  }, ref);
+  return {
+    ...baseState,
+    rows,
+    renderRow: props.children
+  };
+};
+exports.useDataGridBody_unstable = useDataGridBody_unstable;
+//# sourceMappingURL=useDataGridBody.js.map

package/lib-commonjs/components/DataGridBody/useDataGridBody.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;AAEA;AACA;AACA;AAEA;;;;;;;;;AASO,MAAMA,wBAAwB,GAAG,CAACC,KAAwB,EAAEC,GAA2B,KAAuB;EACnH,MAAM;IAAEC;EAAQ,CAAE,GAAGC,8BAAe,EAAE;EACtC,MAAMC,OAAO,GAAGC,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACF,OAAO,CAAC;EAC/D,MAAMG,IAAI,GAAGF,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAACA,IAAI,CAAC;EAC9D,MAAMC,IAAI,GAAGN,QAAQ,GAAGK,IAAI,CAACH,OAAO,EAAE,CAAC,GAAGA,OAAO,EAAE;EAEnD,MAAMK,SAAS,GAAGC,oCAAqB,CAAC;IAAE,GAAGV,KAAK;IAAEW,QAAQ,EAAE,IAAI;IAAEC,EAAE,EAAE;EAAK,CAAE,EAAEX,GAAG,CAAC;EACrF,OAAO;IACL,GAAGQ,SAAS;IACZD,IAAI;IACJK,SAAS,EAAEb,KAAK,CAACW;GAClB;AACH,CAAC;AAZYG,gCAAwB","names":["useDataGridBody_unstable","props","ref","sortable","tableContext_1","getRows","dataGridContext_1","ctx","sort","rows","baseState","useTableBody_1","children","as","renderRow","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/useDataGridBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { DataGridBodyProps, DataGridBodyState } from './DataGridBody.types';\nimport { useTableBody_unstable } from '../TableBody/useTableBody';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render DataGridBody.\n *\n * The returned state can be modified with hooks such as useDataGridBodyStyles_unstable,\n * before being passed to renderDataGridBody_unstable.\n *\n * @param props - props from this instance of DataGridBody\n * @param ref - reference to root HTMLElement of DataGridBody\n */\nexport const useDataGridBody_unstable = (props: DataGridBodyProps, ref: React.Ref<HTMLElement>): DataGridBodyState => {\n  const { sortable } = useTableContext();\n  const getRows = useDataGridContext_unstable(ctx => ctx.getRows);\n  const sort = useDataGridContext_unstable(ctx => ctx.sort.sort);\n  const rows = sortable ? sort(getRows()) : getRows();\n\n  const baseState = useTableBody_unstable({ ...props, children: null, as: 'div' }, ref);\n  return {\n    ...baseState,\n    rows,\n    renderRow: props.children,\n  };\n};\n"]}