@redhat-cloud-services/frontend-components 3.4.13 → 3.6.0

package/EmptyTable/EmptyTable.js

@@ -1,41 +1,46 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
 require("./EmptyTable.css");
-
-var EmptyTable = function EmptyTable(_ref) {
-  var centered = _ref.centered,
-      className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["centered", "className", "children"]);
-  var emptyTableClasses = (0, _classnames["default"])('ins-c-table__empty', (0, _defineProperty2["default"])({}, "is-centered", centered), className);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: emptyTableClasses
-  }, props), " ", children);
+var EmptyTable = function (_a) {
+    var _b;
+    var centered = _a.centered, className = _a.className, children = _a.children, props = __rest(_a, ["centered", "className", "children"]);
+    var emptyTableClasses = (0, classnames_1.default)('ins-c-table__empty', (_b = {}, _b["is-centered"] = centered, _b), className);
+    return (react_1.default.createElement("div", __assign({ className: emptyTableClasses }, props),
+        " ",
+        children));
 };
-
-var _default = EmptyTable;
-exports["default"] = _default;
+exports.default = EmptyTable;
 EmptyTable.propTypes = {
-  centered: _propTypes["default"].bool,
-  children: _propTypes["default"].any,
-  className: _propTypes["default"].string
-};
+    centered: prop_types_1.default.bool,
+    children: prop_types_1.default.any,
+    className: prop_types_1.default.string
+};
+//# sourceMappingURL=EmptyTable.js.map

package/EmptyTable/EmptyTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyTable.js","sourceRoot":"","sources":["../src/EmptyTable/EmptyTable.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAmC;AAEnC,0DAAoC;AAEpC,6BAA2B;AAE3B,IAAM,UAAU,GAAG,UAAC,EAA2C;;IAAzC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAzC,qCAA2C,CAAF;IAEzD,IAAM,iBAAiB,GAAG,IAAA,oBAAU,EAChC,oBAAoB,YAClB,GAAC,aAAa,IAAG,QAAQ,OAC3B,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,gDAAK,SAAS,EAAG,iBAAiB,IAAQ,KAAK;;QAAM,QAAQ,CAAQ,CACxE,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC;AAE1B,UAAU,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,oBAAS,CAAC,GAAG;IACvB,SAAS,EAAE,oBAAS,CAAC,MAAM;CAC9B,CAAC"}

package/EmptyTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EmptyTable";
+export { default as EmptyTable } from "./EmptyTable.js";

package/EmptyTable/index.js

@@ -1,23 +1,11 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _EmptyTable["default"];
-  }
-});
-Object.defineProperty(exports, "EmptyTable", {
-  enumerable: true,
-  get: function get() {
-    return _EmptyTable2["default"];
-  }
-});
-
-var _EmptyTable = _interopRequireDefault(require("./EmptyTable"));
-
-var _EmptyTable2 = _interopRequireDefault(require("./EmptyTable.js"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyTable = exports.default = void 0;
+var EmptyTable_1 = require("./EmptyTable");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(EmptyTable_1).default; } });
+var EmptyTable_js_1 = require("./EmptyTable.js");
+Object.defineProperty(exports, "EmptyTable", { enumerable: true, get: function () { return __importDefault(EmptyTable_js_1).default; } });
+//# sourceMappingURL=index.js.map

package/EmptyTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/EmptyTable/index.js"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,iDAAwD;AAA/C,4HAAA,OAAO,OAAc"}

package/EmptyTable/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/EmptyTable/index.js"}
+{"main":"index.js","module":"../esm/EmptyTable/index.js","typings":"index.d.ts"}

package/ErrorState/DefaultErrorMessage.d.ts

@@ -0,0 +1,2 @@
+export default DefaultErrorMessage;
+declare function DefaultErrorMessage(): JSX.Element;

package/ErrorState/DefaultErrorMessage.js

@@ -1,23 +1,18 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var DefaultErrorMessage = function DefaultErrorMessage() {
-  var redirectLink = 'https://access.redhat.com/support';
-  var statusLink = 'https://status.redhat.com';
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "If the problem persists, contact ", /*#__PURE__*/_react["default"].createElement("a", {
-    href: redirectLink
-  }, "Red Hat Support"), " or check our ", /*#__PURE__*/_react["default"].createElement("a", {
-    href: statusLink
-  }, " status page"), " for known outages.");
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-var _default = DefaultErrorMessage;
-exports["default"] = _default;
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var DefaultErrorMessage = function () {
+    var redirectLink = 'https://access.redhat.com/support';
+    var statusLink = 'https://status.redhat.com';
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        "If the problem persists, contact ",
+        react_1.default.createElement("a", { href: redirectLink }, "Red Hat Support"),
+        " or check our ",
+        react_1.default.createElement("a", { href: statusLink }, " status page"),
+        " for known outages."));
+};
+exports.default = DefaultErrorMessage;
+//# sourceMappingURL=DefaultErrorMessage.js.map

package/ErrorState/DefaultErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultErrorMessage.js","sourceRoot":"","sources":["../src/ErrorState/DefaultErrorMessage.js"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,IAAM,mBAAmB,GAAG;IACxB,IAAM,YAAY,GAAG,mCAAmC,CAAC;IACzD,IAAM,UAAU,GAAG,2BAA2B,CAAC;IAE/C,OAAO,CACH;;QACqC,qCAAG,IAAI,EAAE,YAAY,sBACnC;;QAAc,qCAAG,IAAI,EAAE,UAAU,mBAAkB;8BACvE,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/ErrorState/ErrorState.d.ts

@@ -0,0 +1,17 @@
+export default ErrorState;
+declare function ErrorState({ errorTitle, errorDescription, ...props }: {
+    [x: string]: any;
+    errorTitle: any;
+    errorDescription: any;
+}): JSX.Element;
+declare namespace ErrorState {
+    namespace propTypes {
+        const errorTitle: propTypes.Requireable<string>;
+        const errorDescription: propTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const errorTitle_1: string;
+        export { errorTitle_1 as errorTitle };
+    }
+}
+import propTypes_1 from "prop-types";

package/ErrorState/ErrorState.js

@@ -1,73 +1,56 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Stack = require("@patternfly/react-core/dist/js/layouts/Stack/Stack.js");
-
-var _StackItem = require("@patternfly/react-core/dist/js/layouts/Stack/StackItem.js");
-
-var _reactIcons = require("@patternfly/react-icons/");
-
-var _DefaultErrorMessage = _interopRequireDefault(require("./DefaultErrorMessage"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Title = require("@patternfly/react-core/dist/js/components/Title/Title.js");
-
-var _EmptyState = require("@patternfly/react-core/dist/js/components/EmptyState/EmptyState.js");
-
-var _EmptyStateIcon = require("@patternfly/react-core/dist/js/components/EmptyState/EmptyStateIcon.js");
-
-var _EmptyStateBody = require("@patternfly/react-core/dist/js/components/EmptyState/EmptyStateBody.js");
-
-var _Button = require("@patternfly/react-core/dist/js/components/Button/Button.js");
-
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_core_1 = require("@patternfly/react-core");
+var react_icons_1 = require("@patternfly/react-icons/");
+var DefaultErrorMessage_1 = __importDefault(require("./DefaultErrorMessage"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_core_2 = require("@patternfly/react-core");
 require("./error-state.css");
-
-var ErrorState = function ErrorState(_ref) {
-  var errorTitle = _ref.errorTitle,
-      errorDescription = _ref.errorDescription,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["errorTitle", "errorDescription"]);
-  return /*#__PURE__*/_react["default"].createElement(_EmptyState.EmptyState, (0, _extends2["default"])({
-    variant: _EmptyState.EmptyStateVariant.large
-  }, props, {
-    className: "ins-c-error-state"
-  }), /*#__PURE__*/_react["default"].createElement(_EmptyStateIcon.EmptyStateIcon, {
-    icon: _reactIcons.ExclamationCircleIcon
-  }), /*#__PURE__*/_react["default"].createElement(_Title.Title, {
-    headingLevel: "h4",
-    size: "lg"
-  }, errorTitle), /*#__PURE__*/_react["default"].createElement(_EmptyStateBody.EmptyStateBody, null, /*#__PURE__*/_react["default"].createElement(_Stack.Stack, null, !errorDescription && /*#__PURE__*/_react["default"].createElement(_StackItem.StackItem, null, "There was a problem processing the request. Please try again."), /*#__PURE__*/_react["default"].createElement(_StackItem.StackItem, null, errorDescription || /*#__PURE__*/_react["default"].createElement(_DefaultErrorMessage["default"], null)))), document.referrer ? /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "primary",
-    onClick: function onClick() {
-      return history.back();
-    }
-  }, "Return to last page") : /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "primary",
-    component: "a",
-    href: ".",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, "Go to home page"));
+var ErrorState = function (_a) {
+    var errorTitle = _a.errorTitle, errorDescription = _a.errorDescription, props = __rest(_a, ["errorTitle", "errorDescription"]);
+    return (react_1.default.createElement(react_core_2.EmptyState, __assign({ variant: react_core_2.EmptyStateVariant.large }, props, { className: 'ins-c-error-state' }),
+        react_1.default.createElement(react_core_2.EmptyStateIcon, { icon: react_icons_1.ExclamationCircleIcon }),
+        react_1.default.createElement(react_core_2.Title, { headingLevel: 'h4', size: 'lg' }, errorTitle),
+        react_1.default.createElement(react_core_2.EmptyStateBody, null,
+            react_1.default.createElement(react_core_1.Stack, null,
+                !errorDescription && (react_1.default.createElement(react_core_1.StackItem, null, "There was a problem processing the request. Please try again.")),
+                react_1.default.createElement(react_core_1.StackItem, null, errorDescription || react_1.default.createElement(DefaultErrorMessage_1.default, null)))),
+        document.referrer ?
+            react_1.default.createElement(react_core_2.Button, { variant: "primary", onClick: function () { return history.back(); } }, "Return to last page") :
+            react_1.default.createElement(react_core_2.Button, { variant: "primary", component: "a", href: ".", target: "_blank", rel: 'noopener noreferrer' }, "Go to home page")));
 };
-
 ErrorState.propTypes = {
-  errorTitle: _propTypes["default"].string,
-  errorDescription: _propTypes["default"].string
+    errorTitle: prop_types_1.default.string,
+    errorDescription: prop_types_1.default.string
 };
 ErrorState.defaultProps = {
-  errorTitle: 'Something went wrong'
+    errorTitle: 'Something went wrong'
 };
-var _default = ErrorState;
-exports["default"] = _default;
+exports.default = ErrorState;
+//# sourceMappingURL=ErrorState.js.map

package/ErrorState/ErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.js","sourceRoot":"","sources":["../src/ErrorState/ErrorState.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qDAA0D;AAC1D,wDAAiE;AACjE,8EAAwD;AACxD,0DAAmC;AACnC,qDAOgC;AAChC,8BAA4B;AAE5B,IAAM,UAAU,GAAG,UAAC,EAA0C;IAAxC,IAAA,UAAU,gBAAA,EAAE,gBAAgB,sBAAA,EAAK,KAAK,cAAxC,kCAA0C,CAAF;IAExD,OAAO,CACH,8BAAC,uBAAU,aAAC,OAAO,EAAE,8BAAiB,CAAC,KAAK,IAAM,KAAK,IAAE,SAAS,EAAC,mBAAmB;QAClF,8BAAC,2BAAc,IAAC,IAAI,EAAE,mCAAqB,GAAI;QAC/C,8BAAC,kBAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,IAC7B,UAAU,CACP;QACR,8BAAC,2BAAc;YACX,8BAAC,kBAAK;gBACA,CAAC,gBAAgB,IAAI,CACnB,8BAAC,sBAAS,wEAEE,CACf;gBACD,8BAAC,sBAAS,QACJ,gBAAgB,IAAI,8BAAC,6BAAmB,OAAG,CACrC,CACR,CACK;QAEb,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACf,8BAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAG,cAAM,OAAA,OAAO,CAAC,IAAI,EAAE,EAAd,CAAc,0BAA+B,CAAC,CAAC;YACzF,8BAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,sBAAyB,CAElH,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,UAAU,CAAC,SAAS,GAAG;IACnB,UAAU,EAAE,oBAAS,CAAC,MAAM;IAC5B,gBAAgB,EAAE,oBAAS,CAAC,MAAM;CACrC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACtB,UAAU,EAAE,sBAAsB;CACrC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/ErrorState/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DefaultErrorMessage } from "./DefaultErrorMessage";
+export { default, default as ErrorState } from "./ErrorState";

package/ErrorState/index.js

@@ -1,29 +1,13 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _ErrorState["default"];
-  }
-});
-Object.defineProperty(exports, "ErrorState", {
-  enumerable: true,
-  get: function get() {
-    return _ErrorState["default"];
-  }
-});
-Object.defineProperty(exports, "DefaultErrorMessage", {
-  enumerable: true,
-  get: function get() {
-    return _DefaultErrorMessage["default"];
-  }
-});
-
-var _ErrorState = _interopRequireDefault(require("./ErrorState"));
-
-var _DefaultErrorMessage = _interopRequireDefault(require("./DefaultErrorMessage"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultErrorMessage = exports.ErrorState = exports.default = void 0;
+var ErrorState_1 = require("./ErrorState");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ErrorState_1).default; } });
+var ErrorState_2 = require("./ErrorState");
+Object.defineProperty(exports, "ErrorState", { enumerable: true, get: function () { return __importDefault(ErrorState_2).default; } });
+var DefaultErrorMessage_1 = require("./DefaultErrorMessage");
+Object.defineProperty(exports, "DefaultErrorMessage", { enumerable: true, get: function () { return __importDefault(DefaultErrorMessage_1).default; } });
+//# sourceMappingURL=index.js.map

package/ErrorState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/ErrorState/index.js"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,6DAAuE;AAA9D,2IAAA,OAAO,OAAuB"}

package/ErrorState/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/ErrorState/index.js"}
+{"main":"index.js","module":"../esm/ErrorState/index.js","typings":"index.d.ts"}

package/FilterChips/FilterChips.d.ts

@@ -0,0 +1,39 @@
+export default FilterChips;
+declare function FilterChips({ className, filters, onDelete, deleteTitle, showDeleteButton, onDeleteGroup }: {
+    className: any;
+    filters: any;
+    onDelete: any;
+    deleteTitle: any;
+    showDeleteButton: any;
+    onDeleteGroup: any;
+}): JSX.Element;
+declare namespace FilterChips {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const filters: PropTypes.Requireable<(PropTypes.InferProps<{
+            category: PropTypes.Validator<string>;
+            chips: PropTypes.Validator<(PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                isRead: PropTypes.Requireable<boolean>;
+                count: PropTypes.Requireable<number>;
+            }> | null | undefined)[]>;
+        }> | PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            isRead: PropTypes.Requireable<boolean>;
+            count: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+        const onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+        const onDeleteGroup: PropTypes.Requireable<(...args: any[]) => any>;
+        const deleteTitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const showDeleteButton: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const filters_1: never[];
+        export { filters_1 as filters };
+        export function onDelete_1(): undefined;
+        export { onDelete_1 as onDelete };
+        const deleteTitle_1: string;
+        export { deleteTitle_1 as deleteTitle };
+    }
+}
+import PropTypes from "prop-types";