baseui 0.0.0-next-4e68b3e → 0.0.0-next-2141a82

package/data-table/data-table.js

@@ -555,7 +555,8 @@ function DataTable(_ref2) {
       sortIndex = _ref2.sortIndex,
       sortDirection = _ref2.sortDirection,
       _ref2$textQuery = _ref2.textQuery,
-      textQuery = _ref2$textQuery === void 0 ? '' : _ref2$textQuery;
+      textQuery = _ref2$textQuery === void 0 ? '' : _ref2$textQuery,
+      controlRef = _ref2.controlRef;
 
   var _useStyletron13 = (0, _index2.useStyletron)(),
       _useStyletron14 = _slicedToArray(_useStyletron13, 2),
@@ -754,6 +755,13 @@ function DataTable(_ref2) {
 
     return result;
   }, [sortedIndices, filteredIndices, onIncludedRowsChange, allRows]);
+  React.useImperativeHandle(controlRef, function () {
+    return {
+      getRows: function getRows() {
+        return rows;
+      }
+    };
+  }, [rows]);
 
   var _React$useState19 = React.useState(0),
       _React$useState20 = _slicedToArray(_React$useState19, 2),

package/data-table/data-table.js.flow

@@ -658,6 +658,7 @@ export function DataTable({
   sortIndex,
   sortDirection,
   textQuery = '',
+  controlRef,
 }: DataTablePropsT) {
   const [, theme] = useStyletron();
   const locale = React.useContext(LocaleContext);
@@ -809,6 +810,8 @@ export function DataTable({
     return result;
   }, [sortedIndices, filteredIndices, onIncludedRowsChange, allRows]);
 
+  React.useImperativeHandle(controlRef, () => ({ getRows: () => rows }), [rows]);
+
   const [browserScrollbarWidth, setBrowserScrollbarWidth] = React.useState(0);
   const normalizedWidths = React.useMemo(() => {
     const resizedWidths = measuredWidths.map((w, i) => Math.floor(w) + Math.floor(resizeDeltas[i]));

package/data-table/index.d.ts

@@ -34,10 +34,7 @@ export interface SORT_DIRECTIONS {
 }
 export const SORT_DIRECTIONS: SORT_DIRECTIONS;
 
-export type SortDirectionsT =
-  | SORT_DIRECTIONS['ASC']
-  | SORT_DIRECTIONS['DESC']
-  | null;
+export type SortDirectionsT = SORT_DIRECTIONS['ASC'] | SORT_DIRECTIONS['DESC'] | null;
 export type ColumnT = any;
 export type RowT = {
   id: number | string;
@@ -54,12 +51,13 @@ export type BatchActionT = {
   renderIcon?: any;
 };
 
+export interface ImperativeMethods {
+  getRows: () => RowT[];
+}
+
 export type RowActionT = {
   label: string;
-  onClick: (params: {
-    event: React.MouseEvent<HTMLButtonElement>;
-    row: RowT;
-  }) => any;
+  onClick: (params: { event: React.MouseEvent<HTMLButtonElement>; row: RowT }) => any;
   renderIcon: any;
 };
 
@@ -69,4 +67,5 @@ export type Props = {
   columns: ColumnT[];
   onSelectionChange?: (rows: RowT[]) => any;
   rows: RowT[];
+  controlRef?: React.Ref<ImperativeMethods>;
 };

package/data-table/stateful-data-table.js

@@ -347,7 +347,8 @@ function StatefulDataTable(props) {
       selectedRowIds: selectedRowIds,
       sortDirection: sortDirection,
       sortIndex: sortIndex,
-      textQuery: textQuery
+      textQuery: textQuery,
+      controlRef: props.controlRef
     })));
   });
 }

package/data-table/stateful-data-table.js.flow

@@ -306,6 +306,7 @@ export function StatefulDataTable(props: StatefulDataTablePropsT) {
               sortDirection={sortDirection}
               sortIndex={sortIndex}
               textQuery={textQuery}
+              controlRef={props.controlRef}
             />
           </div>
         </React.Fragment>

package/data-table/types.js.flow

@@ -87,6 +87,13 @@ export type RowActionT = {|
   renderButton?: React.AbstractComponent<{||}>,
 |};
 
+type ImperativeMethodsT = {|
+  getRows: () => RowT[],
+|};
+export type ControlRefT = {
+  current: ImperativeMethodsT | null,
+};
+
 export type StatefulDataTablePropsT = {|
   batchActions?: BatchActionT[],
   columns: ColumnT<>[],
@@ -109,6 +116,7 @@ export type StatefulDataTablePropsT = {|
   rowHeight?: number,
   rowHighlightIndex?: number,
   searchable?: boolean,
+  controlRef?: ControlRefT,
 |};
 
 export type DataTablePropsT = {|

package/es/data-table/data-table.js

@@ -459,7 +459,8 @@ export function DataTable({
   selectedRowIds,
   sortIndex,
   sortDirection,
-  textQuery = ''
+  textQuery = '',
+  controlRef
 }) {
   const [, theme] = useStyletron();
   const locale = React.useContext(LocaleContext);
@@ -596,6 +597,9 @@ export function DataTable({
 
     return result;
   }, [sortedIndices, filteredIndices, onIncludedRowsChange, allRows]);
+  React.useImperativeHandle(controlRef, () => ({
+    getRows: () => rows
+  }), [rows]);
   const [browserScrollbarWidth, setBrowserScrollbarWidth] = React.useState(0);
   const normalizedWidths = React.useMemo(() => {
     const resizedWidths = measuredWidths.map((w, i) => Math.floor(w) + Math.floor(resizeDeltas[i]));

package/es/data-table/stateful-data-table.js

@@ -258,6 +258,7 @@ export function StatefulDataTable(props) {
     selectedRowIds: selectedRowIds,
     sortDirection: sortDirection,
     sortIndex: sortIndex,
-    textQuery: textQuery
+    textQuery: textQuery,
+    controlRef: props.controlRef
   }))));
 }

package/esm/data-table/data-table.js

@@ -536,7 +536,8 @@ export function DataTable(_ref2) {
       sortIndex = _ref2.sortIndex,
       sortDirection = _ref2.sortDirection,
       _ref2$textQuery = _ref2.textQuery,
-      textQuery = _ref2$textQuery === void 0 ? '' : _ref2$textQuery;
+      textQuery = _ref2$textQuery === void 0 ? '' : _ref2$textQuery,
+      controlRef = _ref2.controlRef;
 
   var _useStyletron13 = useStyletron(),
       _useStyletron14 = _slicedToArray(_useStyletron13, 2),
@@ -735,6 +736,13 @@ export function DataTable(_ref2) {
 
     return result;
   }, [sortedIndices, filteredIndices, onIncludedRowsChange, allRows]);
+  React.useImperativeHandle(controlRef, function () {
+    return {
+      getRows: function getRows() {
+        return rows;
+      }
+    };
+  }, [rows]);
 
   var _React$useState19 = React.useState(0),
       _React$useState20 = _slicedToArray(_React$useState19, 2),

package/esm/data-table/stateful-data-table.js

@@ -327,7 +327,8 @@ export function StatefulDataTable(props) {
       selectedRowIds: selectedRowIds,
       sortDirection: sortDirection,
       sortIndex: sortIndex,
-      textQuery: textQuery
+      textQuery: textQuery,
+      controlRef: props.controlRef
     })));
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-4e68b3e",
+  "version": "0.0.0-next-2141a82",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",
@@ -29,6 +29,7 @@
     "build:esm": "cross-env NODE_ENV=production BABEL_ENV=esm babel ./src --out-dir ./dist/esm --ignore **.test.js,**/__tests__/**,**/e2e.js,**/template-component/**,**/test/**",
     "build:es": "cross-env NODE_ENV=production BABEL_ENV=es babel ./src --out-dir ./dist/es --ignore **.test.js,**/__tests__/**,**/e2e.js,**/template-component/**,**/test/**",
     "build": "yarn build:cjs && yarn build:esm && yarn build:es && yarn build:copy-files && yarn build:copy-flow-files && yarn build:copy-ts-files && yarn build:package-json",
+    "build:docs-and-ladle": "yarn documentation:build && yarn ladle build --base-url /ladle/ && mv build public/ladle",
     "build:documentation-site-files": "node ./scripts/build-documentation-site-files.js",
     "unit-test": "yarn jest --coverage",
     "e2e:build": "yarn ladle build --out build-ladle",