@redhat-cloud-services/frontend-components 3.4.14 → 3.6.1

package/Skeleton/index.js

@@ -1,31 +1,12 @@
 "use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton["default"];
-  }
-});
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton["default"];
-  }
-});
-Object.defineProperty(exports, "SkeletonSize", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton.SkeletonSize;
-  }
-});
-
-var _Skeleton = _interopRequireWildcard(require("./Skeleton"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonSize = exports.Skeleton = exports.default = void 0;
+var Skeleton_1 = require("./Skeleton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Skeleton_1).default; } });
+var Skeleton_2 = require("./Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return __importDefault(Skeleton_2).default; } });
+Object.defineProperty(exports, "SkeletonSize", { enumerable: true, get: function () { return Skeleton_2.SkeletonSize; } });
+//# sourceMappingURL=index.js.map

package/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Skeleton/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA;AAChB,uCAA+D;AAAtD,qHAAA,OAAO,OAAY;AAAE,wGAAA,YAAY,OAAA"}

package/Skeleton/skeleton.css

@@ -1,45 +1,24 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-.ins-c-skeleton {
-  animation-duration: 1s;
-  animation-iteration-count: infinite;
-  animation-name: skeletonGradient;
-  animation-timing-function: linear;
-  background: var(--pf-global--disabled-color--200);
-  background: linear-gradient(to right, #f5f5f5 10%, #e8e8e8 18%, #f5f5f5 33%);
-  background-size: 1000px 50px;
-  background-size: 62.5rem 3.125rem;
-  border-radius: 5px;
-  border-radius: 0.3125rem;
-}
 .ins-c-skeleton__xs {
-  width: 16%;
+  width: 16% !important;
 }
 .ins-c-skeleton__sm {
-  width: 33%;
+  width: 33% !important;
 }
 .ins-c-skeleton__md {
-  width: 66%;
+  width: 66% !important;
 }
 .ins-c-skeleton__lg {
-  width: 100%;
+  width: 100% !important;
 }
 .ins-c-skeleton.ins-m-dark {
-  background: #3c3c3c;
-  background: linear-gradient(to right, #3c3c3c 10%, #484848 18%, #3c3c3c 33%);
-  background-size: 1000px 50px;
-  background-size: 62.5rem 3.125rem;
-}
-
-@keyframes skeletonGradient {
-  0% {
-    background-position: -500px 0px;
-    background-position: -31.25rem 0rem;
-  }
-  100% {
-    background-position: 500px 0px;
-    background-position: 31.25rem 0rem;
-  }
+  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
+  --pf-c-skeleton--after--LinearGradientColorStop1: var(
+    --pf-global--palette--black-600
+  );
+  --pf-c-skeleton--after--LinearGradientColorStop2: var(
+    --pf-global--palette--black-500
+  );
+  --pf-c-skeleton--after--LinearGradientColorStop3: var(
+    --pf-global--palette--black-600
+  );
 }

package/Skeleton/skeleton.scss

@@ -1,34 +1,18 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-$skeleton-base-color: #f5f5f5;
-$skeleton-dark-color: #e8e8e8;
-
-$ins-color--dark: #3c3c3c;
-$invert-skeleton-base-color: #3c3c3c;
-$invert-skeleton-dark-color: #484848;
-
-
 .ins-c-skeleton {
-    &__xs { width: 16%; }
-    &__sm { width: 33%; }
-    &__md { width: 66%; }
-    &__lg { width: 100%; }
-    animation-duration: 1s;
-    animation-iteration-count: infinite;
-    animation-name: skeletonGradient;
-    animation-timing-function: linear;
-    background: $ins-color--gray;
-    background: linear-gradient(to right, $skeleton-base-color 10%, $skeleton-dark-color 18%, $skeleton-base-color 33%);
-    @include rem('background-size', 1000px 50px);
-    @include rem('border-radius', 5px);
+    &__xs { width: 16% !important; }
+    &__sm { width: 33% !important; }
+    &__md { width: 66% !important; }
+    &__lg { width: 100% !important; }
     &.ins-m-dark {
-        background: $ins-color--dark;
-        background: linear-gradient(to right, $invert-skeleton-base-color 10%, $invert-skeleton-dark-color 18%, $invert-skeleton-base-color 33%);
-        @include rem('background-size', 1000px 50px);
+        --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
+        --pf-c-skeleton--after--LinearGradientColorStop1: var(
+          --pf-global--palette--black-600
+        );
+        --pf-c-skeleton--after--LinearGradientColorStop2: var(
+          --pf-global--palette--black-500
+        );
+        --pf-c-skeleton--after--LinearGradientColorStop3: var(
+          --pf-global--palette--black-600
+        );
     }
 }
-
-@keyframes skeletonGradient{
-    0% { @include rem('background-position', -500px 0); }
-    100%{ @include rem('background-position', 500px 0); }
-}

package/SkeletonTable/SkeletonTable.css

@@ -0,0 +1,3 @@
+.ins-c-skeleton-table__dark {
+  background-color: #1b1d21 !important;
+}

package/SkeletonTable/SkeletonTable.d.ts

@@ -0,0 +1,51 @@
+export default SkeletonTable;
+declare class SkeletonTable extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    createColumns: () => {
+        title: JSX.Element;
+    }[];
+    getColumns: () => string[];
+    createRows: () => {
+        disableSelection: boolean;
+        cells: string[];
+    }[];
+    selectVariant: () => RowSelectVariant;
+    newArray: (size: any) => any[];
+}
+declare namespace SkeletonTable {
+    namespace propTypes {
+        const colSize: PropTypes.Requireable<number>;
+        const rowSize: PropTypes.Requireable<number>;
+        const columns: PropTypes.Requireable<any[]>;
+        const paddingColumnSize: PropTypes.Requireable<number>;
+        const sortBy: PropTypes.Requireable<PropTypes.InferProps<{
+            index: PropTypes.Requireable<number>;
+            direction: PropTypes.Requireable<string>;
+        }>>;
+        const isSelectable: PropTypes.Requireable<boolean>;
+        const canSelectAll: PropTypes.Requireable<boolean>;
+        const hasRadio: PropTypes.Requireable<boolean>;
+        const variant: PropTypes.Requireable<string>;
+        const isDark: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const rowSize_1: number;
+        export { rowSize_1 as rowSize };
+        const paddingColumnSize_1: number;
+        export { paddingColumnSize_1 as paddingColumnSize };
+        const canSelectAll_1: boolean;
+        export { canSelectAll_1 as canSelectAll };
+        const isSelectable_1: boolean;
+        export { isSelectable_1 as isSelectable };
+        const hasRadio_1: boolean;
+        export { hasRadio_1 as hasRadio };
+        const variant_1: null;
+        export { variant_1 as variant };
+        const isDark_1: boolean;
+        export { isDark_1 as isDark };
+    }
+}
+import React from "react";
+import { RowSelectVariant } from "@patternfly/react-table/dist/js/components/Table/SelectColumn";
+import PropTypes from "prop-types";

package/SkeletonTable/SkeletonTable.js

@@ -1,149 +1,102 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactTable = require("@patternfly/react-table");
-
-var _Skeleton = require("../Skeleton");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var SkeletonTable = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(SkeletonTable, _React$Component);
-
-  var _super = _createSuper(SkeletonTable);
-
-  function SkeletonTable() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, SkeletonTable);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "createColumns", function () {
-      var colSize = _this.props.colSize;
-      return (0, _toConsumableArray2["default"])(Array(colSize)).map(function () {
-        return {
-          title: /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
-            size: _Skeleton.SkeletonSize.sm
-          })
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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_table_1 = require("@patternfly/react-table");
+var Skeleton_1 = require("../Skeleton");
+var classnames_1 = __importDefault(require("classnames"));
+var prop_types_1 = __importDefault(require("prop-types"));
+require("./SkeletonTable.css");
+var SkeletonTable = (function (_super) {
+    __extends(SkeletonTable, _super);
+    function SkeletonTable() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.createColumns = function () {
+            var _a = _this.props, colSize = _a.colSize, isDark = _a.isDark;
+            return __spreadArray([], Array(colSize), true).map(function () { return ({ title: react_1.default.createElement(Skeleton_1.Skeleton, { isDark: isDark, size: Skeleton_1.SkeletonSize.sm }) }); });
+        };
+        _this.getColumns = function () {
+            var _a = _this.props, paddingColumnSize = _a.paddingColumnSize, columns = _a.columns;
+            return _this.newArray(paddingColumnSize)
+                .map(function () { return ''; })
+                .concat(columns || _this.createColumns());
+        };
+        _this.createRows = function () {
+            var _a = _this.props, colSize = _a.colSize, rowSize = _a.rowSize, columns = _a.columns, paddingColumnSize = _a.paddingColumnSize, isDark = _a.isDark;
+            var numberOfCols = columns ? columns.length : colSize;
+            return _this.newArray(rowSize).map(function () { return ({
+                disableSelection: true,
+                cells: _this.newArray(paddingColumnSize)
+                    .map(function () { return ''; })
+                    .concat(_this.newArray(numberOfCols).map(function () { return ({ title: react_1.default.createElement(Skeleton_1.Skeleton, { isDark: isDark, size: Skeleton_1.SkeletonSize.md }) }); })),
+            }); });
         };
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getColumns", function () {
-      var _this$props = _this.props,
-          paddingColumnSize = _this$props.paddingColumnSize,
-          columns = _this$props.columns;
-      return _this.newArray(paddingColumnSize).map(function () {
-        return '';
-      }).concat(columns || _this.createColumns());
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "createRows", function () {
-      var _this$props2 = _this.props,
-          colSize = _this$props2.colSize,
-          rowSize = _this$props2.rowSize,
-          columns = _this$props2.columns,
-          paddingColumnSize = _this$props2.paddingColumnSize;
-      var numberOfCols = columns ? columns.length : colSize;
-      return _this.newArray(rowSize).map(function () {
-        return {
-          disableSelection: true,
-          cells: _this.newArray(paddingColumnSize).map(function () {
-            return '';
-          }).concat(_this.newArray(numberOfCols).map(function () {
-            return {
-              title: /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
-                size: _Skeleton.SkeletonSize.md
-              })
-            };
-          }))
+        _this.selectVariant = function () {
+            var hasRadio = _this.props.hasRadio;
+            return hasRadio ? (react_table_1.RowSelectVariant === null || react_table_1.RowSelectVariant === void 0 ? void 0 : react_table_1.RowSelectVariant.radio) || 'radio' : (react_table_1.RowSelectVariant === null || react_table_1.RowSelectVariant === void 0 ? void 0 : react_table_1.RowSelectVariant.checkbox) || 'checkbox';
         };
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "selectVariant", function () {
-      var hasRadio = _this.props.hasRadio;
-      return hasRadio ? (_reactTable.RowSelectVariant === null || _reactTable.RowSelectVariant === void 0 ? void 0 : _reactTable.RowSelectVariant.radio) || 'radio' : (_reactTable.RowSelectVariant === null || _reactTable.RowSelectVariant === void 0 ? void 0 : _reactTable.RowSelectVariant.checkbox) || 'checkbox';
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "newArray", function (size) {
-      return (0, _toConsumableArray2["default"])(Array(size));
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(SkeletonTable, [{
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          canSelectAll = _this$props3.canSelectAll,
-          isSelectable = _this$props3.isSelectable,
-          sortBy = _this$props3.sortBy,
-          variant = _this$props3.variant;
-      return /*#__PURE__*/_react["default"].createElement(_reactTable.Table, {
-        cells: this.getColumns(),
-        rows: this.createRows(),
-        sortBy: sortBy,
-        "aria-label": "Loading",
-        onSelect: isSelectable,
-        selectVariant: isSelectable ? this.selectVariant() : null,
-        canSelectAll: canSelectAll,
-        variant: variant
-      }, /*#__PURE__*/_react["default"].createElement(_reactTable.TableHeader, null), /*#__PURE__*/_react["default"].createElement(_reactTable.TableBody, null));
+        _this.newArray = function (size) { return __spreadArray([], Array(size), true); };
+        return _this;
     }
-  }]);
-  return SkeletonTable;
-}(_react["default"].Component);
-
+    SkeletonTable.prototype.render = function () {
+        var _a = this.props, canSelectAll = _a.canSelectAll, isSelectable = _a.isSelectable, sortBy = _a.sortBy, variant = _a.variant, isDark = _a.isDark;
+        return (react_1.default.createElement(react_table_1.Table, { className: (0, classnames_1.default)({
+                'ins-c-skeleton-table__dark': isDark,
+            }), cells: this.getColumns(), rows: this.createRows(), sortBy: sortBy, "aria-label": "Loading", onSelect: isSelectable, selectVariant: isSelectable ? this.selectVariant() : null, canSelectAll: canSelectAll, variant: variant },
+            react_1.default.createElement(react_table_1.TableHeader, null),
+            react_1.default.createElement(react_table_1.TableBody, null)));
+    };
+    return SkeletonTable;
+}(react_1.default.Component));
 SkeletonTable.propTypes = {
-  colSize: _propTypes["default"].number,
-  rowSize: _propTypes["default"].number,
-  columns: _propTypes["default"].array,
-  paddingColumnSize: _propTypes["default"].number,
-  sortBy: _propTypes["default"].shape({
-    index: _propTypes["default"].number,
-    direction: _propTypes["default"].oneOf(['asc', 'desc'])
-  }),
-  isSelectable: _propTypes["default"].bool,
-  canSelectAll: _propTypes["default"].bool,
-  hasRadio: _propTypes["default"].bool,
-  variant: _propTypes["default"].string
+    colSize: prop_types_1.default.number,
+    rowSize: prop_types_1.default.number,
+    columns: prop_types_1.default.array,
+    paddingColumnSize: prop_types_1.default.number,
+    sortBy: prop_types_1.default.shape({
+        index: prop_types_1.default.number,
+        direction: prop_types_1.default.oneOf(['asc', 'desc']),
+    }),
+    isSelectable: prop_types_1.default.bool,
+    canSelectAll: prop_types_1.default.bool,
+    hasRadio: prop_types_1.default.bool,
+    variant: prop_types_1.default.string,
+    isDark: prop_types_1.default.bool,
 };
 SkeletonTable.defaultProps = {
-  rowSize: 0,
-  paddingColumnSize: 0,
-  canSelectAll: false,
-  isSelectable: false,
-  hasRadio: false,
-  variant: null
+    rowSize: 0,
+    paddingColumnSize: 0,
+    canSelectAll: false,
+    isSelectable: false,
+    hasRadio: false,
+    variant: null,
+    isDark: false,
 };
-var _default = SkeletonTable;
-exports["default"] = _default;
+exports.default = SkeletonTable;
+//# sourceMappingURL=SkeletonTable.js.map

package/SkeletonTable/SkeletonTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonTable.js","sourceRoot":"","sources":["../src/SkeletonTable/SkeletonTable.js"],"names":[],"mappings":"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"}

package/SkeletonTable/SkeletonTable.scss

@@ -0,0 +1,3 @@
+.ins-c-skeleton-table__dark {
+    background-color: #1b1d21 !important;
+}

package/SkeletonTable/index.d.ts

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

package/SkeletonTable/index.js

@@ -1,21 +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 _SkeletonTable["default"];
-  }
-});
-Object.defineProperty(exports, "SkeletonTable", {
-  enumerable: true,
-  get: function get() {
-    return _SkeletonTable["default"];
-  }
-});
-
-var _SkeletonTable = _interopRequireDefault(require("./SkeletonTable"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonTable = exports.default = void 0;
+var SkeletonTable_1 = require("./SkeletonTable");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SkeletonTable_1).default; } });
+var SkeletonTable_2 = require("./SkeletonTable");
+Object.defineProperty(exports, "SkeletonTable", { enumerable: true, get: function () { return __importDefault(SkeletonTable_2).default; } });
+//# sourceMappingURL=index.js.map

package/SkeletonTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/SkeletonTable/index.js"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA;AAChB,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB"}

package/SkeletonTable/package.json

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

package/Spinner/Spinner.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './spinner.scss';
+export interface SpinnerProps {
+    centered?: boolean;
+    className?: string;
+}
+declare const Spinner: React.FunctionComponent<SpinnerProps>;
+export default Spinner;

package/Spinner/Spinner.js

@@ -1,42 +1,39 @@
 "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"));
-
-require("./spinner.css");
-
-var Spinner = function Spinner(_ref) {
-  var centered = _ref.centered,
-      className = _ref.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["centered", "className"]);
-  var spinnerClasses = (0, _classnames["default"])('ins-c-spinner', (0, _defineProperty2["default"])({}, "ins-m-center", centered), className);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    role: "status",
-    className: spinnerClasses
-  }, props), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "pf-u-screen-reader"
-  }, "Loading..."));
+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;
 };
-
-Spinner.propTypes = {
-  centered: _propTypes["default"].bool,
-  className: _propTypes["default"].string
+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 classnames_1 = __importDefault(require("classnames"));
+require("./spinner.css");
+var Spinner = function (_a) {
+    var _b;
+    var centered = _a.centered, className = _a.className, props = __rest(_a, ["centered", "className"]);
+    var spinnerClasses = (0, classnames_1.default)('ins-c-spinner', (_b = {}, _b["ins-m-center"] = centered, _b), className);
+    return (react_1.default.createElement("div", __assign({ role: "status", className: spinnerClasses }, props),
+        react_1.default.createElement("span", { className: "pf-u-screen-reader" }, "Loading...")));
 };
-var _default = Spinner;
-exports["default"] = _default;
+exports.default = Spinner;
+//# sourceMappingURL=Spinner.js.map

package/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,0BAAwB;AAOxB,IAAM,OAAO,GAA0C,UAAC,EAAiC;;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACrF,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,eAAe,YAAI,GAAC,cAAc,IAAG,QAAQ,OAAI,SAAS,CAAC,CAAC;IAE9F,OAAO,CACL,gDAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,cAAc,IAAM,KAAK;QACrD,wCAAM,SAAS,EAAC,oBAAoB,iBAAkB,CAClD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/Spinner/index.js

@@ -1,21 +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 _Spinner["default"];
-  }
-});
-Object.defineProperty(exports, "Spinner", {
-  enumerable: true,
-  get: function get() {
-    return _Spinner["default"];
-  }
-});
-
-var _Spinner = _interopRequireDefault(require("./Spinner"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = exports.default = void 0;
+var Spinner_1 = require("./Spinner");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Spinner_1).default; } });
+var Spinner_2 = require("./Spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return __importDefault(Spinner_2).default; } });
+//# sourceMappingURL=index.js.map