@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.085ff6572f

package/Input/__tests__/Input.test.js

@@ -1,92 +1,69 @@
-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;
-
-    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");
-  });
-});
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+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);
-
-    var _super = _createSuper(Test);
-
+    (0, _inherits2.default)(Test, _React$Component);
+    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);
-
-  var utils = render( /*#__PURE__*/React.createElement(Test, null));
-  return _objectSpread({
+  }(_react.default.Component);
+  var utils = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Test, null));
+  return (0, _objectSpread2.default)({
     renderArg: renderArg
   }, utils);
 }
+
 /**
  * This return a function that will call all the given functions with
  * the arguments with which it's called. It does a null-check before
@@ -94,20 +71,34 @@ function setup() {
  * @param {...Function} fns the functions to call
  * @return {Function} the function that calls all the functions
  */
-
-
 function callAll() {
   for (var _len2 = arguments.length, fns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
     fns[_key2] = arguments[_key2];
   }
-
   return function () {
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-
     fns.forEach(function (fn) {
       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,eAAO,CAAC;AAKlB,SAASC,KAAK,GAAyB;EAAA,IAAxBC,KAAiB,uEAAG,CAAC,CAAC;EACjC,IAAMC,SAAS,GAAG;IACd;IACAC,QAAQ,EAAE,kBAACC,CAAS,EAAK,CAAC,CAAC;IAC3BC,KAAK,EAAE;EACX,CAAC;EACD,IAAMC,UAAU,GAAGC,IAAI,CAACC,EAAE,CAAC,UAAAC,aAAa,EAAI;IACxCC,MAAM,CAACC,MAAM,CAACT,SAAS,EAAEO,aAAa,CAAC;IACvC,OAAO,IAAI;EACf,CAAC,CAAC;EAEF,IAAMN,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GACzBF,KAAK,CAACE,QAAQ,GACd,YAAM;IACF,OAAO,KAAK,CAAC;EACjB,CAAC;EAAC,IAEFS,IAAI;IAAA;IAAA;IAAA;MAAA;MAAA;MAAA;QAAA;MAAA;MAAA;MAAA,oFACkB;QAAEP,KAAK,EAAE;MAAa,CAAC;MAAA,uFAEpC,UAACA,KAAa,EAAK;QAC1B,MAAKQ,QAAQ,CAAC;UAAER,KAAK,EAALA;QAAM,CAAC,CAAC;MAC5B,CAAC;MAAA;IAAA;IAAA;MAAA;MAAA,OAED,kBAAyB;QACrB,oBACI,6BAAC,YAAK,oBACEJ,KAAK;UACT,KAAK,EAAE,IAAI,CAACa,KAAK,CAACT,KAAM;UACxB,QAAQ,EAAEU,OAAO,CAACZ,QAAQ,EAAE,IAAI,CAACA,QAAQ;QAAE,IAE1CG,UAAU,CACP;MAEhB;IAAC;IAAA;EAAA,EAjBcU,cAAK,CAACC,SAAS;EAoBlC,IAAMC,KAAK,GAAG,IAAAC,cAAM,gBAAC,6BAAC,IAAI,OAAG,CAAC;EAE9B;IAASjB,SAAS,EAATA;EAAS,GAAKgB,KAAK;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASH,OAAO,GAAqB;EAAA,mCAAjBK,GAAG;IAAHA,GAAG;EAAA;EACnB,OAAO,YAAkB;IAAA,mCAAdC,IAAI;MAAJA,IAAI;IAAA;IACXD,GAAG,CAACE,OAAO,CAAC,UAAAd,EAAE,EAAI;MACdA,EAAE,IAAIA,EAAE,eAAIa,IAAI,CAAC;IACrB,CAAC,CAAC;EACN,CAAC;AACL;AAEAE,QAAQ,CAAC,aAAa,EAAE,YAAM;EAC1BC,IAAI,CAAC,sCAAsC,EAAE,YAAM;IAC/C,aAAsBxB,KAAK,EAAE;MAArBE,SAAS,UAATA,SAAS;;IAEjB;IACAuB,MAAM,CAACvB,SAAS,CAAC,CAACwB,aAAa,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;EAClF,CAAC,CAAC;EAEFF,IAAI,CAAC,4BAA4B,EAAE,YAAM;IACrC,cAAsBxB,KAAK,EAAE;MAArBE,SAAS,WAATA,SAAS;IACjBuB,MAAM,CAACvB,SAAS,CAACG,KAAK,CAAC,CAACsB,IAAI,CAAC,YAAY,CAAC;IAC1CzB,SAAS,CAACC,QAAQ,CAAC,WAAW,CAAC;IAC/BsB,MAAM,CAACvB,SAAS,CAACG,KAAK,CAAC,CAACsB,IAAI,CAAC,WAAW,CAAC;IACzCzB,SAAS,CAACC,QAAQ,CAAC,aAAa,CAAC;IACjCsB,MAAM,CAACvB,SAAS,CAACG,KAAK,CAAC,CAACsB,IAAI,CAAC,aAAa,CAAC;EAC/C,CAAC,CAAC;AACN,CAAC,CAAC"}

package/Input/index.js

@@ -1 +1,16 @@
-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/Input/styled.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @type {string}
+ */
+export declare const webinyInputStyles: string;

package/Input/styled.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webinyInputStyles = void 0;
+var _emotion = require("emotion");
+/**
+ * @type {string}
+ */
+var webinyInputStyles = /*#__PURE__*/(0, _emotion.css)(".mdc-text-field__input:-webkit-autofill + .mdc-floating-label{transform:translateY(-106%) scale(0.75);}&.webiny-ui-input--size-medium{&.mdc-text-field{height:40px;font-size:0.85em;}}&.webiny-ui-input--size-small{&.mdc-text-field{height:30px;font-size:0.75em;}}label:webinyInputStyles;");
+exports.webinyInputStyles = webinyInputStyles;

package/Input/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["webinyInputStyles","css"],"sources":["styled.tsx"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * @type {string}\n */\nexport const webinyInputStyles = css`\n    //  fix label position when autofilled\n    .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {\n        transform: translateY(-106%) scale(0.75);\n    }\n\n    // medium input styles\n    &.webiny-ui-input--size-medium {\n        &.mdc-text-field {\n            height: 40px;\n            font-size: 0.85em;\n        }\n    }\n\n    // small input styles\n    &.webiny-ui-input--size-small {\n        &.mdc-text-field {\n            height: 30px;\n            font-size: 0.75em;\n        }\n    }\n`;\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACO,IAAMA,iBAAiB,oBAAGC,YAAG,iSAqBnC;AAAC"}

package/List/CollapsibleList/CollapsibleList.stories.js

@@ -1,26 +1,29 @@
-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,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAClDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,kBAAkB,EAClB,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eAEnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,sBAAe;IAAC,MAAM,eAAE,6BAAC,oBAAc;MAAC,IAAI,EAAC;IAAQ;EAAI,gBACtD,6BAAC,oBAAc;IAAC,IAAI,EAAC;EAAS,EAAG,eACjC,6BAAC,oBAAc;IAAC,IAAI,EAAC;EAAQ,EAAG,eAChC,6BAAC,oBAAc;IAAC,IAAI,EAAC;EAAS,EAAG,CACnB,CACA,eACtB,6BAAC,uBAAgB,yWAQE,CACR,CACX;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,UAAU,EAAE,CAACC,sBAAe,EAAEC,oBAAc;EAChD;AACJ,CAAC,CACJ"}

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,16 @@
-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,eAA+C,CAAGC,KAAK,EAAI;EACpE,oBAAO,6BAAC,qBAAmB,EAAKA,KAAK,CAAI;AAC7C,CAAC;AAAC;AAAA,eAEaD,eAAe;AAAA"}

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 {};