@veritone-ce/design-system 1.12.14 → 1.12.16

package/dist/components/Panel/__tests__/Panel.test.js

@@ -1,44 +1,74 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { screen, render, fireEvent } from '@testing-library/react';
-import Panel from '..';
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _ = _interopRequireDefault(require(".."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 describe('<Panel />', () => {
-    it('should render the Panel component with primary variant', () => {
-        render(_jsx(Panel, Object.assign({ title: "Panel title", isOpen: false }, { children: "With some children" })));
-        expect(screen.getByText('Panel title')).toBeInTheDocument();
-        expect(screen.getByTestId('wrapper-panel')).toBeInTheDocument();
-        expect(screen.getByTestId('panel-close-icon')).toBeInTheDocument();
-        const header = screen.getByTestId('header-panel');
-        const style = getComputedStyle(header);
-        expect(style.background).toBe('rgb(156, 39, 176)');
-    });
-    it('should render the Panel component with big size', () => {
-        render(_jsx(Panel, Object.assign({ title: "Panel title", isOpen: true }, { children: "With some children" })));
-        const wrapper = screen.getByTestId('wrapper-panel');
-        const style = getComputedStyle(wrapper);
-        expect(style.maxWidth).toBe('720px');
-    });
-    it('should render the Panel component with medium size', () => {
-        render(_jsx(Panel, Object.assign({ size: "medium", title: "Panel title", isOpen: true }, { children: "With some children" })));
-        const wrapper = screen.getByTestId('wrapper-panel');
-        const style = getComputedStyle(wrapper);
-        expect(style.maxWidth).toBe('560px');
-    });
-    it('should render the Panel component with small size', () => {
-        render(_jsx(Panel, Object.assign({ size: "small", title: "Panel title", isOpen: true }, { children: "With some children" })));
-        const wrapper = screen.getByTestId('wrapper-panel');
-        const style = getComputedStyle(wrapper);
-        expect(style.maxWidth).toBe('380px');
-    });
-    it('should close the Panel component', () => {
-        const handleClose = jest.fn();
-        render(_jsx(Panel, { title: "Panel title", isOpen: true, handleClose: handleClose }));
-        const buttonClose = screen.getByTestId('close-button-wrapper-panel');
-        fireEvent.click(buttonClose);
-        expect(handleClose).toBeCalled();
-    });
-    it('should creates data test id in props', () => {
-        render(_jsx(Panel, { title: "Panel title", isOpen: true, "data-testid": "panel-test" }));
-        expect(screen.getByTestId('overlay-panel-test')).toBeInTheDocument();
-        expect(screen.getByTestId('close-button-panel-test')).toBeInTheDocument();
-    });
-});
+  it('should render the Panel component with primary variant', () => {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      title: "Panel title",
+      isOpen: false,
+      children: "With some children"
+    }));
+    expect(_react2.screen.getByText('Panel title')).toBeInTheDocument();
+    expect(_react2.screen.getByTestId('wrapper-panel')).toBeInTheDocument();
+    expect(_react2.screen.getByTestId('panel-close-icon')).toBeInTheDocument();
+    const header = _react2.screen.getByTestId('header-panel');
+    const style = getComputedStyle(header);
+    expect(style.background).toBe('rgb(156, 39, 176)');
+  });
+  it('should render the Panel component with big size', () => {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      title: "Panel title",
+      isOpen: true,
+      children: "With some children"
+    }));
+    const wrapper = _react2.screen.getByTestId('wrapper-panel');
+    const style = getComputedStyle(wrapper);
+    expect(style.maxWidth).toBe('720px');
+  });
+  it('should render the Panel component with medium size', () => {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      size: "medium",
+      title: "Panel title",
+      isOpen: true,
+      children: "With some children"
+    }));
+    const wrapper = _react2.screen.getByTestId('wrapper-panel');
+    const style = getComputedStyle(wrapper);
+    expect(style.maxWidth).toBe('560px');
+  });
+  it('should render the Panel component with small size', () => {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      size: "small",
+      title: "Panel title",
+      isOpen: true,
+      children: "With some children"
+    }));
+    const wrapper = _react2.screen.getByTestId('wrapper-panel');
+    const style = getComputedStyle(wrapper);
+    expect(style.maxWidth).toBe('380px');
+  });
+  it('should close the Panel component', () => {
+    const handleClose = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      title: "Panel title",
+      isOpen: true,
+      handleClose: handleClose
+    }));
+    const buttonClose = _react2.screen.getByTestId('close-button-wrapper-panel');
+    _react2.fireEvent.click(buttonClose);
+    expect(handleClose).toBeCalled();
+  });
+  it('should creates data test id in props', () => {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      title: "Panel title",
+      isOpen: true,
+      "data-testid": "panel-test"
+    }));
+    expect(_react2.screen.getByTestId('overlay-panel-test')).toBeInTheDocument();
+    expect(_react2.screen.getByTestId('close-button-panel-test')).toBeInTheDocument();
+  });
+});

package/dist/components/Panel/index.js

@@ -1,79 +1,117 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Panel = ({
+  title,
+  isOpen,
+  children,
+  size = 'big',
+  handleClose,
+  ...props
+}) => {
+  const {
+    palette
+  } = (0, _material.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    component: "div",
+    "data-testid": props['data-testid'] ? `overlay-${props['data-testid']}` : 'overlay-panel',
+    sx: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 1,
+      display: !isOpen ? 'none' : 'block'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      component: "div",
+      "data-testid": props['data-testid'] || 'wrapper-panel',
+      sx: {
+        position: 'absolute',
+        background: palette.common.white,
+        maxWidth: size === 'medium' ? '560px' : size === 'small' ? '380px' : '720px',
+        width: '100%',
+        height: '99vh',
+        display: 'flex',
+        flexDirection: 'column',
+        boxShadow: `0 4px 10px ${palette.text.primary}80`,
+        overflow: 'auto',
+        borderBottom: `5px solid ${palette.secondary.main}`,
+        zIndex: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        component: "header",
+        "data-testid": "header-panel",
+        sx: {
+          background: palette.secondary.main,
+          height: '64px',
+          padding: '0px 25px 0px 30px',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          position: 'sticky',
+          top: 0
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          sx: {
+            fontFamily: 'Dosis',
+            textTransform: 'uppercase',
+            fontWeight: 600,
+            fontSize: '18px',
+            color: palette.common.white,
+            lineHeight: '23px',
+            letterSpacing: '0.25px'
+          },
+          children: title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          component: "button",
+          "aria-label": "close-button-panel",
+          "data-testid": props['data-testid'] ? `close-button-${props['data-testid']}` : 'close-button-wrapper-panel',
+          onClick: handleClose,
+          sx: {
+            cursor: 'pointer',
+            background: 'transparent',
+            border: 'none',
+            width: '26px',
+            height: '26px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
+            "data-testid": "panel-close-icon",
+            sx: {
+              fill: palette.common.white,
+              margin: 'auto'
+            }
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        component: "div",
+        sx: {
+          overflow: 'auto',
+          flex: 1
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          component: "div",
+          "data-testid": "panel-content",
+          sx: {
+            flex: 1,
+            padding: '30px'
+          },
+          children: children
+        })
+      })]
+    })
+  });
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography, useTheme } from '@mui/material';
-import CloseIcon from '@mui/icons-material/Close';
-const Panel = (_a) => {
-    var { title, isOpen, children, size = 'big', handleClose } = _a, props = __rest(_a, ["title", "isOpen", "children", "size", "handleClose"]);
-    const { palette } = useTheme();
-    return (_jsx(Box, Object.assign({ component: "div", "data-testid": props['data-testid']
-            ? `overlay-${props['data-testid']}`
-            : 'overlay-panel', sx: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            zIndex: 1,
-            display: !isOpen ? 'none' : 'block'
-        } }, { children: _jsxs(Box, Object.assign({ component: "div", "data-testid": props['data-testid'] || 'wrapper-panel', sx: {
-                position: 'absolute',
-                background: palette.common.white,
-                maxWidth: size === 'medium' ? '560px' : size === 'small' ? '380px' : '720px',
-                width: '100%',
-                height: '99vh',
-                display: 'flex',
-                flexDirection: 'column',
-                boxShadow: `0 4px 10px ${palette.text.primary}80`,
-                overflow: 'auto',
-                borderBottom: `5px solid ${palette.secondary.main}`,
-                zIndex: 2
-            } }, { children: [_jsxs(Box, Object.assign({ component: "header", "data-testid": "header-panel", sx: {
-                        background: palette.secondary.main,
-                        height: '64px',
-                        padding: '0px 25px 0px 30px',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'space-between',
-                        position: 'sticky',
-                        top: 0
-                    } }, { children: [_jsx(Typography, Object.assign({ sx: {
-                                fontFamily: 'Dosis',
-                                textTransform: 'uppercase',
-                                fontWeight: 600,
-                                fontSize: '18px',
-                                color: palette.common.white,
-                                lineHeight: '23px',
-                                letterSpacing: '0.25px'
-                            } }, { children: title })), _jsx(Box, Object.assign({ component: "button", "aria-label": "close-button-panel", "data-testid": props['data-testid']
-                                ? `close-button-${props['data-testid']}`
-                                : 'close-button-wrapper-panel', onClick: handleClose, sx: {
-                                cursor: 'pointer',
-                                background: 'transparent',
-                                border: 'none',
-                                width: '26px',
-                                height: '26px',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center'
-                            } }, { children: _jsx(CloseIcon, { "data-testid": "panel-close-icon", sx: {
-                                    fill: palette.common.white,
-                                    margin: 'auto'
-                                } }) }))] })), _jsx(Box, Object.assign({ component: "div", sx: {
-                        overflow: 'auto',
-                        flex: 1
-                    } }, { children: _jsx(Box, Object.assign({ component: "div", "data-testid": "panel-content", sx: {
-                            flex: 1,
-                            padding: '30px'
-                        } }, { children: children })) }))] })) })));
-};
-export default Panel;
+var _default = Panel;
+exports.default = _default;

package/dist/components/ProgressIndicator/DefaultProgress.js

@@ -1,21 +1,29 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+const DefaultProgress = ({
+  itemLoading,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      display: 'flex'
+    },
+    children: [itemLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      sx: {
+        fontSize: '14px',
+        mr: '10px'
+      },
+      children: ` Loading ${itemLoading}`
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+      ...props
+    })]
+  });
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CircularProgress, Typography, Box } from '@mui/material';
-const DefaultProgress = (_a) => {
-    var { itemLoading } = _a, props = __rest(_a, ["itemLoading"]);
-    return (_jsxs(Box, Object.assign({ sx: { display: 'flex' } }, { children: [itemLoading && (_jsx(Typography, Object.assign({ sx: {
-                    fontSize: '14px',
-                    mr: '10px'
-                } }, { children: ` Loading ${itemLoading}` }))), _jsx(CircularProgress, Object.assign({}, props))] })));
-};
-export default DefaultProgress;
+var _default = DefaultProgress;
+exports.default = _default;

package/dist/components/ProgressIndicator/MLProgress.js

@@ -1,25 +1,31 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+const MLProgress = ({
+  itemLoading,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+      ...props
+    }), itemLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      sx: {
+        fontSize: '14px'
+      },
+      children: ` Loading ${itemLoading}`
+    })]
+  });
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CircularProgress, Typography, Box } from '@mui/material';
-const MLProgress = (_a) => {
-    var { itemLoading } = _a, props = __rest(_a, ["itemLoading"]);
-    return (_jsxs(Box, Object.assign({ sx: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center'
-        } }, { children: [_jsx(CircularProgress, Object.assign({}, props)), itemLoading && (_jsx(Typography, Object.assign({ sx: {
-                    fontSize: '14px'
-                } }, { children: ` Loading ${itemLoading}` })))] })));
-};
-export default MLProgress;
+var _default = MLProgress;
+exports.default = _default;

package/dist/components/ProgressIndicator/ProgressIndicator.stories.js

@@ -1,42 +1,45 @@
-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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Medium = exports.Large = exports.Default = void 0;
+var _material = require("@mui/material");
+var _ = _interopRequireDefault(require("."));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components/ProgressIndicator',
+  component: _.default
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { Box } from '@mui/material';
-import ProgressIndicator from '.';
-export default {
-    title: 'Components/ProgressIndicator',
-    component: ProgressIndicator
-};
-const previewProps = [
-    {
-        itemLoading: 'default',
-        type: 'default',
-        size: 18
-    }
-];
-export const Default = (_a) => {
-    var args = __rest(_a, []);
-    return (_jsx(Box, { children: previewProps.map((props, index) => (_createElement(ProgressIndicator, Object.assign({}, props, args, { key: index })))) }));
-};
-export const Medium = Default.bind({});
+exports.default = _default;
+const previewProps = [{
+  itemLoading: 'default',
+  type: 'default',
+  size: 18
+}];
+const Default = ({
+  ...args
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  children: previewProps.map((props, index) => /*#__PURE__*/(0, _react.createElement)(_.default, {
+    ...props,
+    ...args,
+    key: index
+  }))
+});
+exports.Default = Default;
+const Medium = Default.bind({});
+exports.Medium = Medium;
 Medium.args = {
-    itemLoading: 'medium',
-    size: 30,
-    type: 'medium'
+  itemLoading: 'medium',
+  size: 30,
+  type: 'medium'
 };
-export const Large = Default.bind({});
+const Large = Default.bind({});
+exports.Large = Large;
 Large.args = {
-    itemLoading: 'large',
-    size: 50,
-    type: 'large'
-};
+  itemLoading: 'large',
+  size: 50,
+  type: 'large'
+};

package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.js

@@ -1,18 +1,32 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { screen } from '@testing-library/react';
-import ProgressIndicator from '../';
+"use strict";
+
+var _helpers = require("../../../utils/tests/helpers");
+var _react = require("@testing-library/react");
+var _ = _interopRequireDefault(require("../"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 describe('<ProgressIndicator />', () => {
-    it('should render the ProgressIndicator component', () => {
-        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", itemLoading: "true" }));
-        expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
-    });
-    it('should render component ProgressIndicator type medium', () => {
-        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", type: "medium", itemLoading: "true" }));
-        expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
-    });
-    it('should render component ProgressIndicator type large', () => {
-        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", type: "large", itemLoading: "true" }));
-        expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
-    });
-});
+  it('should render the ProgressIndicator component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "progress-indicator",
+      itemLoading: "true"
+    }));
+    expect(_react.screen.getByTestId('progress-indicator')).toBeInTheDocument();
+  });
+  it('should render component ProgressIndicator type medium', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "progress-indicator",
+      type: "medium",
+      itemLoading: "true"
+    }));
+    expect(_react.screen.getByTestId('progress-indicator')).toBeInTheDocument();
+  });
+  it('should render component ProgressIndicator type large', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "progress-indicator",
+      type: "large",
+      itemLoading: "true"
+    }));
+    expect(_react.screen.getByTestId('progress-indicator')).toBeInTheDocument();
+  });
+});

package/dist/components/ProgressIndicator/index.js

@@ -1,22 +1,30 @@
-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;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import DefaultProgress from './DefaultProgress';
-import MLProgress from './MLProgress';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DefaultProgress = _interopRequireDefault(require("./DefaultProgress"));
+var _MLProgress = _interopRequireDefault(require("./MLProgress"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
 - Use a progress indicator to show the user that an operation is in progress.
 **/
-const ProgressIndicator = (_a) => {
-    var { type = 'default' } = _a, props = __rest(_a, ["type"]);
-    return (_jsxs(_Fragment, { children: [type === 'default' && _jsx(DefaultProgress, Object.assign({}, props)), type === 'medium' && _jsx(MLProgress, Object.assign({}, props)), type === 'large' && _jsx(MLProgress, Object.assign({}, props))] }));
+
+const ProgressIndicator = ({
+  type = 'default',
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [type === 'default' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultProgress.default, {
+      ...props
+    }), type === 'medium' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MLProgress.default, {
+      ...props
+    }), type === 'large' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MLProgress.default, {
+      ...props
+    })]
+  });
 };
-export default ProgressIndicator;
+var _default = ProgressIndicator;
+exports.default = _default;