@webiny/ui 0.0.0-mt-3 → 0.0.0-unstable.3386f66516

package/Input/__tests__/Input.test.js

@@ -1,89 +1,86 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// TODO remove
-// @ts-nocheck
-import React from "react"; // eslint-disable-next-line
-
-import { Input } from "../index";
-import "jest-dom/extend-expect";
-import { render, cleanup } from "react-testing-library";
-afterEach(cleanup);
-describe("Input tests", function () {
-  test("passes expected props to render prop", function () {
-    var _setup = setup(),
-        renderArg = _setup.renderArg;
+"use strict";
 
-    expect(renderArg).toContainKeys(["value", "validation", "onChange", "onBlur"]);
-  });
-  test("updates value via onChange", function () {
-    var _setup2 = setup(),
-        renderArg = _setup2.renderArg;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-    expect(renderArg.value).toBe("init-value");
-    renderArg.onChange("new-value");
-    expect(renderArg.value).toBe("new-value");
-    renderArg.onChange("third-value");
-    expect(renderArg.value).toBe("third-value");
-  });
-});
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("../index");
+
+require("jest-dom/extend-expect");
+
+var _react2 = require("@testing-library/react");
+
+afterEach(_react2.cleanup);
 
 function setup() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var renderArg = {};
+  var renderArg = {
+    // eslint-disable-next-line
+    onChange: function onChange(_) {},
+    value: null
+  };
   var renderProp = jest.fn(function (controllerArg) {
     Object.assign(renderArg, controllerArg);
     return null;
   });
+  var onChange = props.onChange ? props.onChange : function () {
+    return void 0;
+  };
 
   var Test = /*#__PURE__*/function (_React$Component) {
-    _inherits(Test, _React$Component);
+    (0, _inherits2.default)(Test, _React$Component);
 
-    var _super = _createSuper(Test);
+    var _super = (0, _createSuper2.default)(Test);
 
     function Test() {
       var _this;
 
-      _classCallCheck(this, Test);
+      (0, _classCallCheck2.default)(this, Test);
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
 
       _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "state", {
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
         value: "init-value"
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (value) {
         _this.setState({
           value: value
         });
       });
-
       return _this;
     }
 
-    _createClass(Test, [{
+    (0, _createClass2.default)(Test, [{
       key: "render",
       value: function render() {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
+        return /*#__PURE__*/_react.default.createElement(_index.Input, Object.assign({}, props, {
           value: this.state.value,
-          onChange: callAll(props.onChange, this.onChange)
+          onChange: callAll(onChange, this.onChange)
         }), renderProp);
       }
     }]);
-
     return Test;
-  }(React.Component);
+  }(_react.default.Component);
 
-  var utils = render( /*#__PURE__*/React.createElement(Test, null));
-  return _objectSpread({
+  var utils = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Test, null));
+  return (0, _objectSpread2.default)({
     renderArg: renderArg
   }, utils);
 }
@@ -110,4 +107,24 @@ function callAll() {
       fn && fn.apply(void 0, args);
     });
   };
-}
+}
+
+describe("Input tests", function () {
+  test("passes expected props to render prop", function () {
+    var _setup = setup(),
+        renderArg = _setup.renderArg; // @ts-ignore
+
+
+    expect(renderArg).toContainKeys(["value", "validation", "onChange", "onBlur"]);
+  });
+  test("updates value via onChange", function () {
+    var _setup2 = setup(),
+        renderArg = _setup2.renderArg;
+
+    expect(renderArg.value).toBe("init-value");
+    renderArg.onChange("new-value");
+    expect(renderArg.value).toBe("new-value");
+    renderArg.onChange("third-value");
+    expect(renderArg.value).toBe("third-value");
+  });
+});

package/Input/__tests__/Input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["afterEach","cleanup","setup","props","renderArg","onChange","_","value","renderProp","jest","fn","controllerArg","Object","assign","Test","setState","state","callAll","React","Component","utils","render","fns","args","forEach","describe","test","expect","toContainKeys","toBe"],"sources":["Input.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport \"jest-dom/extend-expect\";\nimport { render, cleanup } from \"@testing-library/react\";\n\nafterEach(cleanup);\n\ninterface SetupProps {\n    onChange?: () => void;\n}\nfunction setup(props: SetupProps = {}) {\n    const renderArg = {\n        // eslint-disable-next-line\n        onChange: (_: string) => {},\n        value: null\n    };\n    const renderProp = jest.fn(controllerArg => {\n        Object.assign(renderArg, controllerArg);\n        return null;\n    });\n\n    const onChange = props.onChange\n        ? props.onChange\n        : () => {\n              return void 0;\n          };\n\n    class Test extends React.Component {\n        public override state = { value: \"init-value\" };\n\n        onChange = (value: string) => {\n            this.setState({ value });\n        };\n\n        public override render() {\n            return (\n                <Input\n                    {...props}\n                    value={this.state.value}\n                    onChange={callAll(onChange, this.onChange)}\n                >\n                    {renderProp}\n                </Input>\n            );\n        }\n    }\n\n    const utils = render(<Test />);\n\n    return { renderArg, ...utils };\n}\n\n/**\n * This return a function that will call all the given functions with\n * the arguments with which it's called. It does a null-check before\n * attempting to call the functions and can take any number of functions.\n * @param {...Function} fns the functions to call\n * @return {Function} the function that calls all the functions\n */\nfunction callAll(...fns: Function[]) {\n    return (...args: any) => {\n        fns.forEach(fn => {\n            fn && fn(...args);\n        });\n    };\n}\n\ndescribe(\"Input tests\", () => {\n    test(\"passes expected props to render prop\", () => {\n        const { renderArg } = setup();\n\n        // @ts-ignore\n        expect(renderArg).toContainKeys([\"value\", \"validation\", \"onChange\", \"onBlur\"]);\n    });\n\n    test(\"updates value via onChange\", () => {\n        const { renderArg } = setup();\n        expect(renderArg.value).toBe(\"init-value\");\n        renderArg.onChange(\"new-value\");\n        expect(renderArg.value).toBe(\"new-value\");\n        renderArg.onChange(\"third-value\");\n        expect(renderArg.value).toBe(\"third-value\");\n    });\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEAA,SAAS,CAACC,eAAD,CAAT;;AAKA,SAASC,KAAT,GAAuC;EAAA,IAAxBC,KAAwB,uEAAJ,EAAI;EACnC,IAAMC,SAAS,GAAG;IACd;IACAC,QAAQ,EAAE,kBAACC,CAAD,EAAe,CAAE,CAFb;IAGdC,KAAK,EAAE;EAHO,CAAlB;EAKA,IAAMC,UAAU,GAAGC,IAAI,CAACC,EAAL,CAAQ,UAAAC,aAAa,EAAI;IACxCC,MAAM,CAACC,MAAP,CAAcT,SAAd,EAAyBO,aAAzB;IACA,OAAO,IAAP;EACH,CAHkB,CAAnB;EAKA,IAAMN,QAAQ,GAAGF,KAAK,CAACE,QAAN,GACXF,KAAK,CAACE,QADK,GAEX,YAAM;IACF,OAAO,KAAK,CAAZ;EACH,CAJP;;EAXmC,IAiB7BS,IAjB6B;IAAA;;IAAA;;IAAA;MAAA;;MAAA;;MAAA;QAAA;MAAA;;MAAA;MAAA,oFAkBP;QAAEP,KAAK,EAAE;MAAT,CAlBO;MAAA,uFAoBpB,UAACA,KAAD,EAAmB;QAC1B,MAAKQ,QAAL,CAAc;UAAER,KAAK,EAALA;QAAF,CAAd;MACH,CAtB8B;MAAA;IAAA;;IAAA;MAAA;MAAA,OAwB/B,kBAAyB;QACrB,oBACI,6BAAC,YAAD,oBACQJ,KADR;UAEI,KAAK,EAAE,KAAKa,KAAL,CAAWT,KAFtB;UAGI,QAAQ,EAAEU,OAAO,CAACZ,QAAD,EAAW,KAAKA,QAAhB;QAHrB,IAKKG,UALL,CADJ;MASH;IAlC8B;IAAA;EAAA,EAiBhBU,cAAA,CAAMC,SAjBU;;EAqCnC,IAAMC,KAAK,GAAG,IAAAC,cAAA,gBAAO,6BAAC,IAAD,OAAP,CAAd;EAEA;IAASjB,SAAS,EAATA;EAAT,GAAuBgB,KAAvB;AACH;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASH,OAAT,GAAqC;EAAA,mCAAjBK,GAAiB;IAAjBA,GAAiB;EAAA;;EACjC,OAAO,YAAkB;IAAA,mCAAdC,IAAc;MAAdA,IAAc;IAAA;;IACrBD,GAAG,CAACE,OAAJ,CAAY,UAAAd,EAAE,EAAI;MACdA,EAAE,IAAIA,EAAE,MAAF,SAAMa,IAAN,CAAN;IACH,CAFD;EAGH,CAJD;AAKH;;AAEDE,QAAQ,CAAC,aAAD,EAAgB,YAAM;EAC1BC,IAAI,CAAC,sCAAD,EAAyC,YAAM;IAC/C,aAAsBxB,KAAK,EAA3B;IAAA,IAAQE,SAAR,UAAQA,SAAR,CAD+C,CAG/C;;;IACAuB,MAAM,CAACvB,SAAD,CAAN,CAAkBwB,aAAlB,CAAgC,CAAC,OAAD,EAAU,YAAV,EAAwB,UAAxB,EAAoC,QAApC,CAAhC;EACH,CALG,CAAJ;EAOAF,IAAI,CAAC,4BAAD,EAA+B,YAAM;IACrC,cAAsBxB,KAAK,EAA3B;IAAA,IAAQE,SAAR,WAAQA,SAAR;;IACAuB,MAAM,CAACvB,SAAS,CAACG,KAAX,CAAN,CAAwBsB,IAAxB,CAA6B,YAA7B;IACAzB,SAAS,CAACC,QAAV,CAAmB,WAAnB;IACAsB,MAAM,CAACvB,SAAS,CAACG,KAAX,CAAN,CAAwBsB,IAAxB,CAA6B,WAA7B;IACAzB,SAAS,CAACC,QAAV,CAAmB,aAAnB;IACAsB,MAAM,CAACvB,SAAS,CAACG,KAAX,CAAN,CAAwBsB,IAAxB,CAA6B,aAA7B;EACH,CAPG,CAAJ;AAQH,CAhBO,CAAR"}

package/Input/index.js

@@ -1 +1,18 @@
-export * from "./Input";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Input = require("./Input");
+
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Input[key];
+    }
+  });
+});

package/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Input\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/List/CollapsibleList/CollapsibleList.stories.js

@@ -1,26 +1,37 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { withKnobs } from "@storybook/addon-knobs";
-import { CollapsibleList } from "./index";
-import { SimpleListItem } from "./../List";
-var story = storiesOf("Components/List", module);
-story.addDecorator(withKnobs);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _Story = require("@webiny/storybook-utils/Story");
+
+var _README = _interopRequireDefault(require("./README.md"));
+
+var _addonKnobs = require("@storybook/addon-knobs");
+
+var _index = require("./index");
+
+var _List = require("./../List");
+
+var story = (0, _react2.storiesOf)("Components/List", module);
+story.addDecorator(_addonKnobs.withKnobs);
 story.add("collapsible list", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(CollapsibleList, {
-    handle: /*#__PURE__*/React.createElement(SimpleListItem, {
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_index.CollapsibleList, {
+    handle: /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
       text: "Fruits"
     })
-  }, /*#__PURE__*/React.createElement(SimpleListItem, {
+  }, /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
     text: "Bananas"
-  }), /*#__PURE__*/React.createElement(SimpleListItem, {
+  }), /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
     text: "Grapes"
-  }), /*#__PURE__*/React.createElement(SimpleListItem, {
+  }), /*#__PURE__*/_react.default.createElement(_List.SimpleListItem, {
     text: "Oranges"
-  }))), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      ")));
+  }))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      ")));
 }, {
   info: {
-    propTables: [CollapsibleList, SimpleListItem]
+    propTables: [_index.CollapsibleList, _List.SimpleListItem]
   }
 });

package/List/CollapsibleList/CollapsibleList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","readme","info","propTables","CollapsibleList","SimpleListItem"],"sources":["CollapsibleList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\n\nimport { CollapsibleList } from \"./index\";\nimport { SimpleListItem } from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"collapsible list\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [CollapsibleList, SimpleListItem]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,iBAAV,EAA6BC,MAA7B,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEAJ,KAAK,CAACK,GAAN,CACI,kBADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAGI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD,qBACI,6BAAC,sBAAD;IAAiB,MAAM,eAAE,6BAAC,oBAAD;MAAgB,IAAI,EAAC;IAArB;EAAzB,gBACI,6BAAC,oBAAD;IAAgB,IAAI,EAAC;EAArB,EADJ,eAEI,6BAAC,oBAAD;IAAgB,IAAI,EAAC;EAArB,EAFJ,eAGI,6BAAC,oBAAD;IAAgB,IAAI,EAAC;EAArB,EAHJ,CADJ,CADJ,eAQI,6BAAC,uBAAD,yWARJ,CAHJ,CADJ;AAwBH,CA3BL,EA4BI;EACIC,IAAI,EAAE;IACFC,UAAU,EAAE,CAACC,sBAAD,EAAkBC,oBAAlB;EADV;AADV,CA5BJ"}

package/List/CollapsibleList/index.d.ts

@@ -1,8 +1,8 @@
 import "./index.css";
-import * as React from "react";
+import React from "react";
 import { CollapsibleListProps as RmwcCollapsibleListProps } from "@rmwc/list";
 export declare type CollapsibleListProps = RmwcCollapsibleListProps & {
     children: React.ReactNode;
 };
-export declare const CollapsibleList: (props: CollapsibleListProps) => JSX.Element;
+export declare const CollapsibleList: React.FC<CollapsibleListProps>;
 export default CollapsibleList;

package/List/CollapsibleList/index.js

@@ -1,7 +1,22 @@
-import "./index.css";
-import * as React from "react";
-import { CollapsibleList as RmwcCollapsibleList } from "@rmwc/list";
-export var CollapsibleList = function CollapsibleList(props) {
-  return /*#__PURE__*/React.createElement(RmwcCollapsibleList, props);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CollapsibleList = void 0;
+
+require("./index.css");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _list = require("@rmwc/list");
+
+var CollapsibleList = function CollapsibleList(props) {
+  return /*#__PURE__*/_react.default.createElement(_list.CollapsibleList, props);
 };
-export default CollapsibleList;
+
+exports.CollapsibleList = CollapsibleList;
+var _default = CollapsibleList;
+exports.default = _default;

package/List/CollapsibleList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CollapsibleList","props"],"sources":["index.tsx"],"sourcesContent":["import \"./index.css\";\nimport React from \"react\";\nimport {\n    CollapsibleList as RmwcCollapsibleList,\n    CollapsibleListProps as RmwcCollapsibleListProps\n} from \"@rmwc/list\";\n\nexport type CollapsibleListProps = RmwcCollapsibleListProps & {\n    children: React.ReactNode;\n};\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = props => {\n    return <RmwcCollapsibleList {...props} />;\n};\n\nexport default CollapsibleList;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AASO,IAAMA,eAA+C,GAAG,SAAlDA,eAAkD,CAAAC,KAAK,EAAI;EACpE,oBAAO,6BAAC,qBAAD,EAAyBA,KAAzB,CAAP;AACH,CAFM;;;eAIQD,e"}

package/List/DataList/DataList.d.ts

@@ -1,61 +1,42 @@
-import * as React from "react";
+import React from "react";
 import { ListItem, ListProps } from "..";
 import { PaginationProp, SortersProp } from "./types";
-declare type Props = {
-    children?: Function;
+interface DataListProps {
+    children?: ((props: any) => React.ReactNode) | null;
     title?: React.ReactNode;
-    data?: Object[];
-    refresh?: Function;
+    data?: Record<string, any>[] | null;
+    refresh?: (() => void) | null;
     loading?: boolean;
     loader?: React.ReactNode;
     noData?: React.ReactNode;
     pagination?: PaginationProp;
-    setSorters?: Function;
-    sorters?: SortersProp;
+    setSorters?: Function | null;
+    sorters?: SortersProp | null;
     actions?: React.ReactNode;
     filters?: React.ReactNode;
     multiSelectActions?: React.ReactNode;
-    multiSelectAll?: (value: boolean, data: Object[]) => void;
-    isAllMultiSelected?: (data: Object[]) => boolean;
-    isNoneMultiSelected?: (data: Object[]) => boolean;
+    multiSelectAll?: (value: boolean, data: Record<string, any>[] | null) => void;
+    isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;
+    isNoneMultiSelected?: (data: Record<string, any>[] | null) => boolean;
     showOptions?: {
+        refresh?: boolean;
+        pagination?: boolean;
+        filters?: boolean;
+        sorters?: boolean;
         [key: string]: any;
     };
     search?: React.ReactElement;
     modalOverlay?: React.ReactElement;
     modalOverlayAction?: React.ReactElement;
-};
-export declare const DataList: {
-    (props: Props): JSX.Element;
-    defaultProps: {
-        children: any;
-        title: any;
-        data: any;
-        meta: any;
-        loading: boolean;
-        refresh: any;
-        setPage: any;
-        setPerPage: any;
-        perPageOptions: number[];
-        filters: any;
-        sorters: any;
-        setSorters: any;
-        actions: any;
-        multiSelectAll: any;
-        isAllMultiSelected: () => boolean;
-        isNoneMultiSelected: () => boolean;
-        loader: JSX.Element;
-        noData: JSX.Element;
-        showOptions: {
-            refresh: boolean;
-            pagination: boolean;
-            sorters: boolean;
-            filters: boolean;
-        };
-    };
-};
-export declare type ScrollListProps = ListProps & {
+    subHeader?: React.ReactElement;
+    meta?: Record<string, any> | null;
+    setPage?: ((page: string) => void) | null;
+    setPerPage?: ((page: string) => void) | null;
+    perPageOptions?: number[];
+}
+export declare const DataList: React.FC<DataListProps>;
+export interface ScrollListProps extends ListProps {
     children: React.ReactElement<typeof ListItem>[];
-};
-export declare const ScrollList: (props: ScrollListProps) => JSX.Element;
+}
+export declare const ScrollList: React.FC<ScrollListProps>;
 export {};