@agilekit/ui 0.0.481-alpha.0 → 0.0.483-alpha.0

package/lib/src/components/Pagination/components/PageNumber/PageNumber.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var styles = tslib_1.__importStar(require("../../Pagination.module.scss"));
+var PageNumber = function (_a) {
+    var page = _a.page, isSelected = _a.isSelected, onClick = _a.onClick;
+    var _b;
+    var classNames = classnames_1.default(styles['PageNumber'], (_b = {},
+        _b[styles['selected']] = isSelected,
+        _b));
+    var handleClick = function (event) {
+        onClick(event, page);
+    };
+    return (react_1.default.createElement("button", { className: classNames, type: "button", "aria-label": "Page " + page, onClick: function (e) {
+            handleClick(e);
+        } },
+        react_1.default.createElement("span", null,
+            react_1.default.createElement("span", null, page))));
+};
+exports.default = PageNumber;
+//# sourceMappingURL=PageNumber.js.map

package/lib/src/components/Pagination/components/PageNumber/PageNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNumber.js","sourceRoot":"","sources":["../../../../../../src/components/Pagination/components/PageNumber/PageNumber.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,wDAAyC;AAEzC,2EAAuD;AASvD,IAAM,UAAU,GAAgC,UAAC,EAA6B;QAA3B,cAAI,EAAE,0BAAU,EAAE,oBAAO;;IAC1E,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,YAAY,CAAC;QAChD,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,UAAU;YAChC,CAAC;IAEH,IAAM,WAAW,GAAG,UAAC,KAAU;QAC7B,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,0CACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,QAAQ,gBACD,UAAQ,IAAM,EAC1B,OAAO,EAAE,UAAA,CAAC;YACR,WAAW,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;QAED;YACE,4CAAO,IAAI,CAAQ,CACd,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/lib/src/components/Pagination/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Pagination_1 = require("./Pagination");
+exports.Pagination = Pagination_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Pagination/index.ts"],"names":[],"mappings":";;AAAA,2CAAqD;AAA5C,kCAAA,OAAO,CAAc"}

package/lib/src/components/Pagination/stories/Pagination.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Pagination").IPaginationProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const WithPageChangeEvent: () => JSX.Element;

package/lib/src/components/Pagination/tests/stories/Pagination.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Pagination/utils/collapseRange.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+function collapseRange(pages, max, ellipsis, current) {
+    var total = pages.length;
+    var needEllipsis = total > max;
+    var hasStartEllipsis = needEllipsis && max - 3 < current;
+    var hasEndEllipsis = needEllipsis && current < total - max + 4;
+    var pageCount;
+    if (!needEllipsis) {
+        return pages;
+    }
+    else if (hasStartEllipsis && !hasEndEllipsis) {
+        pageCount = max - 2;
+        return tslib_1.__spread([pages[0], ellipsis('elipses-1')], pages.slice(total - pageCount));
+    }
+    else if (!hasStartEllipsis && hasEndEllipsis) {
+        pageCount = max - 2;
+        return tslib_1.__spread(pages.slice(0, pageCount), [ellipsis('elipses-2'), pages[total - 1]]);
+    }
+    pageCount = max - 4;
+    return tslib_1.__spread([
+        pages[0],
+        ellipsis('elipses-1')
+    ], pages.slice(current - Math.floor(pageCount / 2), current + pageCount - 1), [
+        ellipsis('elipses-2'),
+        pages[total - 1],
+    ]);
+}
+exports.default = collapseRange;
+function parseToPagesArray(totalPages) {
+    var pagesArray = [];
+    for (var i = 1; i <= totalPages; i++) {
+        pagesArray.push(i);
+    }
+    return pagesArray;
+}
+exports.parseToPagesArray = parseToPagesArray;
+//# sourceMappingURL=collapseRange.js.map

package/lib/src/components/Pagination/utils/collapseRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapseRange.js","sourceRoot":"","sources":["../../../../../src/components/Pagination/utils/collapseRange.ts"],"names":[],"mappings":";;;AAGA,SAAwB,aAAa,CACnC,KAAwB,EACxB,GAAW,EACX,QAAkC,EAClC,OAAe;IAEf,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;IAE3B,IAAM,YAAY,GAAG,KAAK,GAAG,GAAG,CAAC;IAEjC,IAAM,gBAAgB,GAAG,YAAY,IAAI,GAAG,GAAG,CAAC,GAAG,OAAO,CAAC;IAE3D,IAAM,cAAc,GAAG,YAAY,IAAI,OAAO,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;IAEjE,IAAI,SAAiB,CAAC;IACtB,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,KAAK,CAAC;KACd;SAAM,IAAI,gBAAgB,IAAI,CAAC,cAAc,EAAE;QAC9C,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC;QACpB,yBAAQ,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAK,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,EAAE;KAC7E;SAAM,IAAI,CAAC,gBAAgB,IAAI,cAAc,EAAE;QAC9C,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC;QACpB,wBAAW,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,GAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAE;KAChF;IAED,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC;IACpB;QACE,KAAK,CAAC,CAAC,CAAC;QACR,QAAQ,CAAC,WAAW,CAAC;OAClB,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,CAAC,CAAC;QAC5E,QAAQ,CAAC,WAAW,CAAC;QACrB,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;OAChB;AACJ,CAAC;AAjCD,gCAiCC;AAED,SAAgB,iBAAiB,CAAC,UAAkB;IAClD,IAAM,UAAU,GAAa,EAAE,CAAC;IAEhC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE;QACpC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACpB;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AARD,8CAQC"}

package/lib/src/components/Popover/Popover.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var popper_js_1 = tslib_1.__importDefault(require("popper.js"));
+var React = tslib_1.__importStar(require("react"));
+var utils_1 = require("../utils");
+var Popover_module_scss_1 = tslib_1.__importDefault(require("./Popover.module.scss"));
+var Popover = function (_a) {
+    var activator = _a.activator, children = _a.children, offset = _a.offset, placement = _a.placement, zIndex = _a.zIndex, _b = _a.trigger, trigger = _b === void 0 ? 'click' : _b, _c = _a.active, active = _c === void 0 ? false : _c;
+    var _d;
+    var _e = tslib_1.__read(React.useState(active), 2), visible = _e[0], setVisible = _e[1];
+    var popoverRef = React.useRef(null);
+    var activatorRef = React.useRef(null);
+    var eventFromTrigger = false;
+    var popperOptions = {
+        modifiers: {
+            offset: {
+                offset: offset || '0,5',
+            },
+        },
+        placement: placement || 'bottom-start',
+    };
+    var checkForClickOutside = function (e) {
+        if (!eventFromTrigger) {
+            if (activatorRef.current && popoverRef.current) {
+                if (!popoverRef.current.contains(e.target) && !activatorRef.current.contains(e.target)) {
+                    setVisible(false);
+                }
+                else if (utils_1.findParentBySelector(e.target, '.close-container')) {
+                    setVisible(false);
+                }
+            }
+        }
+        else {
+            eventFromTrigger = false;
+        }
+    };
+    var handleTrigger = function () {
+        setVisible(!visible);
+        eventFromTrigger = true;
+        window.removeEventListener('click', checkForClickOutside, true);
+    };
+    React.useEffect(function () {
+        if (activatorRef.current && popoverRef.current) {
+            var popper = new popper_js_1.default(activatorRef.current, popoverRef.current, popperOptions);
+        }
+        window.addEventListener('click', checkForClickOutside, true);
+        return function () {
+            window.removeEventListener('click', checkForClickOutside, true);
+        };
+    }, [visible]);
+    var classPopover = classnames_1.default(Popover_module_scss_1.default['Popover'], (_d = {}, _d[Popover_module_scss_1.default['NotVisible']] = !visible, _d));
+    var stylePopover = {
+        zIndex: zIndex || undefined,
+    };
+    var classActivator = classnames_1.default(Popover_module_scss_1.default['Activator']);
+    var activatorEvent = {
+        onClick: trigger === 'click' ? handleTrigger : undefined,
+        onMouseMove: trigger === 'mousemove' ? handleTrigger : undefined,
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", tslib_1.__assign({ className: classActivator, ref: activatorRef }, activatorEvent), activator),
+        React.createElement("div", { className: classPopover, ref: popoverRef, style: stylePopover }, children)));
+};
+var CloseAction = function (props) {
+    return React.createElement("div", { className: "close-container" }, props.children);
+};
+Popover.CloseAction = CloseAction;
+exports.default = Popover;
+//# sourceMappingURL=Popover.js.map

package/lib/src/components/Popover/Popover.js.map

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

package/lib/src/components/Popover/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Popover_1 = require("./Popover");
+exports.Popover = Popover_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Popover/index.ts"],"names":[],"mappings":";;AAAA,qCAA+C;AAAtC,4BAAA,OAAO,CAAW"}

package/lib/src/components/Popover/stories/Popover.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Popover").IPopoverProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const SelfClose: () => JSX.Element;
+export declare const WithTextfield: () => JSX.Element;

package/lib/src/components/Popover/tests/stories/Popover.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Portal/Portal.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_dom_1 = require("react-dom");
+var utils_1 = require("../utils/");
+var getUniqueID = utils_1.idGenerator('portal-');
+var Portal = function (_a) {
+    var idPrefix = _a.idPrefix, children = _a.children;
+    var _b = tslib_1.__read(React.useState(false), 2), isMounted = _b[0], setIsMounted = _b[1];
+    var portalNode;
+    var portalId = idPrefix !== '' ? idPrefix + "-" + getUniqueID() : getUniqueID();
+    portalNode = document.createElement('div');
+    portalNode.setAttribute('data-portal-id', portalId);
+    document.body.appendChild(portalNode);
+    React.useEffect(function () {
+        setIsMounted(true);
+        return function () {
+            document.body.removeChild(portalNode);
+        };
+    }, []);
+    return isMounted ? react_dom_1.createPortal(children, portalNode) : null;
+};
+Portal.defaultProps = {
+    idPrefix: '',
+};
+exports.default = Portal;
+//# sourceMappingURL=Portal.js.map

package/lib/src/components/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,uCAAyC;AAEzC,mCAAwC;AAYxC,IAAM,WAAW,GAAG,mBAAW,CAAC,SAAS,CAAC,CAAC;AAE3C,IAAM,MAAM,GAA4B,UAAC,EAAsB;QAApB,sBAAQ,EAAE,sBAAQ;IACrD,IAAA,6CAAiD,EAAhD,iBAAS,EAAE,oBAAqC,CAAC;IACxD,IAAI,UAAU,CAAC;IACf,IAAM,QAAQ,GAAG,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAI,QAAQ,SAAI,WAAW,EAAI,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAClF,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,UAAU,CAAC,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;IACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEtC,KAAK,CAAC,SAAS,CAAC;QACd,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC,CAAC,CAAC,wBAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/lib/src/components/Portal/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Portal_1 = require("./Portal");
+exports.Portal = Portal_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Portal/index.ts"],"names":[],"mappings":";;AAAA,mCAA6C;AAApC,0BAAA,OAAO,CAAU"}

package/lib/src/components/ProgressIndicator/ProgressIndicator.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("./ProgressIndicator.module.scss"));
+var ProgressIndicator = function (_a) {
+    var steps = _a.steps, size = _a.size, _b = _a.numbered, numbered = _b === void 0 ? false : _b;
+    var _c;
+    var classNames = classnames_1.default(styles['progress-container'], (_c = {},
+        _c[styles["size-" + size]] = size,
+        _c[styles['numbered']] = numbered,
+        _c));
+    return (React.createElement("div", { className: classNames },
+        React.createElement("ul", { className: styles['progress-stages'] }, steps.map(function (step) {
+            var _a, _b, _c;
+            var classStep = classnames_1.default((_a = {}, _a[styles['is-done']] = step.status === 'done', _a), (_b = {}, _b[styles['is-selected']] = step.status === 'selected', _b), (_c = {}, _c[styles['is-error']] = step.status === 'error', _c));
+            return (React.createElement("li", { key: step.name.toLowerCase(), className: classStep },
+                React.createElement("label", null, step.name)));
+        }))));
+};
+exports.default = ProgressIndicator;
+//# sourceMappingURL=ProgressIndicator.js.map

package/lib/src/components/ProgressIndicator/ProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["../../../../src/components/ProgressIndicator/ProgressIndicator.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAC/B,8EAA0D;AAa1D,IAAM,iBAAiB,GAAgD,UAAC,EAAiC;QAA/B,gBAAK,EAAE,cAAI,EAAE,gBAAgB,EAAhB,qCAAgB;;IACrG,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,oBAAoB,CAAC;QACxD,GAAC,MAAM,CAAC,UAAQ,IAAM,CAAC,IAAG,IAAI;QAC9B,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,QAAQ;YAC9B,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,4BAAI,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,IACrC,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI;;YACb,IAAM,SAAS,GAAG,oBAAU,WACxB,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,IAAI,CAAC,MAAM,KAAK,MAAM,iBAC3C,GAAC,MAAM,CAAC,aAAa,CAAC,IAAG,IAAI,CAAC,MAAM,KAAK,UAAU,iBACnD,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,IAAI,CAAC,MAAM,KAAK,OAAO,MAChD,CAAC;YACF,OAAO,CACL,4BAAI,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,SAAS;gBACpD,mCAAQ,IAAI,CAAC,IAAI,CAAS,CACvB,CACN,CAAC;QACJ,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/lib/src/components/ProgressIndicator/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ProgressIndicator_1 = require("./ProgressIndicator");
+exports.ProgressIndicator = ProgressIndicator_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/ProgressIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ProgressIndicator/index.ts"],"names":[],"mappings":";;AAAA,yDAAmE;AAA1D,gDAAA,OAAO,CAAqB"}

package/lib/src/components/ProgressIndicator/stories/ProgressIndicator.dev.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<import("../ProgressIndicator").IProgressIndicator>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const PaymentSetup: () => JSX.Element;
+export declare const PaymentSetupField: () => JSX.Element;

package/lib/src/components/ProgressIndicator/stories/ProgressIndicator.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<import("../ProgressIndicator").IProgressIndicator>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const LargeSize: () => JSX.Element;

package/lib/src/components/ProgressIndicator/tests/stories/ProgressIndicator.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/RadioButton/RadioButton.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var Choice_1 = tslib_1.__importDefault(require("../Choice/Choice"));
+var utils_1 = require("../utils");
+var styles = tslib_1.__importStar(require("./RadioButton.module.scss"));
+var getUniqueID = utils_1.idGenerator('RadioButton');
+var RadioButton = function (_a) {
+    var label = _a.label, labelHidden = _a.labelHidden, labelIcon = _a.labelIcon, helpText = _a.helpText, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, _b = _a.id, id = _b === void 0 ? getUniqueID() : _b, _c = _a.name, name = _c === void 0 ? id : _c, value = _a.value;
+    var _d;
+    var classNames = classnames_1.default(styles['RadioButton'], (_d = {}, _d[styles['Disabled']] = disabled, _d));
+    var handleChange = function (e) {
+        var currentTarget = e.currentTarget;
+        if (onChange) {
+            onChange(e);
+        }
+        if (checked && !currentTarget.checked) {
+            currentTarget.focus();
+        }
+    };
+    return (React.createElement(Choice_1.default, { id: id, label: label, labelIcon: labelIcon, labelHidden: labelHidden, helpText: helpText, disabled: disabled },
+        React.createElement("span", { className: classNames },
+            React.createElement("input", { id: id, name: name, value: value, type: "radio", checked: checked, disabled: disabled, className: styles['Input'], onChange: handleChange, onFocus: onFocus, onBlur: onBlur, role: "radio" }),
+            React.createElement("span", { className: styles['Backdrop'] }),
+            React.createElement("span", { className: styles['Icon'] },
+                React.createElement("i", null)))));
+};
+exports.default = RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/lib/src/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,oEAAsC;AAEtC,kCAAuC;AACvC,wEAAoD;AA6BpD,IAAM,WAAW,GAAG,mBAAW,CAAC,aAAa,CAAC,CAAC;AAE/C,IAAM,WAAW,GAA+C,UAAC,EAahE;QAZC,gBAAK,EACL,4BAAW,EACX,wBAAS,EACT,sBAAQ,EACR,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,oBAAO,EACP,kBAAM,EACN,UAAkB,EAAlB,uCAAkB,EAClB,YAAS,EAAT,8BAAS,EACT,gBAAK;;IAEL,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,aAAa,CAAC,YAAI,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,QAAQ,MAAG,CAAC;IAEzF,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,+BAAa,CAAO;QAC5B,IAAI,QAAQ,EAAE;YAEZ,QAAQ,CAAC,CAAC,CAAC,CAAC;SACb;QACD,IAAI,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YACrC,aAAa,CAAC,KAAK,EAAE,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAM,IACL,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ;QAElB,8BAAM,SAAS,EAAE,UAAU;YACzB,+BACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAC1B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,GACZ;YACF,8BAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,GAAI;YACvC,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;gBAC7B,8BAAK,CACA,CACF,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/lib/src/components/RadioButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var RadioButton_1 = require("./RadioButton");
+exports.RadioButton = RadioButton_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/index.ts"],"names":[],"mappings":";;AAAA,6CAAuD;AAA9C,oCAAA,OAAO,CAAe"}

package/lib/src/components/RadioButton/stories/RadioButton.stories.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<import("../RadioButton").IRadioButtonProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/lib/src/components/RadioButton/tests/stories/RadioButton.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Select/Select.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var TextField_1 = require("../TextField");
+var utils_1 = require("../utils/");
+var styles = tslib_1.__importStar(require("./Select.module.scss"));
+var getUniqueID = utils_1.idGenerator('Select');
+var initOption = {
+    label: '',
+    value: '',
+};
+var getSelectedOption = function (options, value) {
+    return (options && options.filter(function (option) { return option.value === value; })[0]) || initOption;
+};
+var Select = function (_a) {
+    var options = _a.options, label = _a.label, labelHidden = _a.labelHidden, disabled = _a.disabled, helpText = _a.helpText, _b = _a.id, id = _b === void 0 ? getUniqueID() : _b, placeholder = _a.placeholder, name = _a.name, _c = _a.value, value = _c === void 0 ? '' : _c, error = _a.error, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
+    var _d, _e;
+    var _f = tslib_1.__read(React.useState(false), 2), open = _f[0], setOpen = _f[1];
+    var _g = tslib_1.__read(React.useState(false), 2), focus = _g[0], setFocus = _g[1];
+    var _h = tslib_1.__read(React.useState(getSelectedOption(options, value)), 2), selectedOption = _h[0], setSelectedOption = _h[1];
+    var refShadowInput = React.useRef(null);
+    var className = classnames_1.default(styles['Select'], (_d = {}, _d[styles['Open']] = open, _d), (_e = {}, _e[styles['Disabled']] = disabled, _e));
+    var classSelectInput = classnames_1.default(styles['SelectInput']);
+    var classSelectOptions = classnames_1.default(styles['SelectOptions']);
+    var handleChange = function (valueChanged, changedId) {
+        if (onChange) {
+            setSelectedOption(getSelectedOption(options, valueChanged));
+            var event_1 = new Event('change', { bubbles: true });
+            if (refShadowInput.current) {
+                utils_1.setNativeValue(refShadowInput.current, valueChanged);
+                refShadowInput.current.dispatchEvent(event_1);
+            }
+        }
+    };
+    var shadowChange = function (e) {
+        if (onChange) {
+            onChange(e);
+        }
+    };
+    var handleFocus = function () {
+        setFocus(true);
+    };
+    var handleBlur = function () { };
+    var handleClick = function () {
+        if (!disabled) {
+            setFocus(!focus);
+            setOpen(!open);
+        }
+    };
+    var handleClickOption = function (e) {
+        var selectedValue = e.currentTarget.dataset.optionValue;
+        if (selectedValue) {
+            handleChange(selectedValue, id);
+        }
+    };
+    return (React.createElement("div", { className: className, onFocus: handleFocus, onBlur: handleBlur, onClick: handleClick },
+        React.createElement("div", { className: classSelectInput },
+            React.createElement(TextField_1.TextField, { label: label, placeholder: placeholder, iconRight: "arrows", focused: focus, value: selectedOption.label, onChange: handleChange, disabled: disabled, helpText: helpText, error: error }),
+            React.createElement("input", { className: styles['shadow-input'], type: "text", value: selectedOption.label, onChange: shadowChange, onInput: shadowChange, ref: refShadowInput, name: id, id: id })),
+        React.createElement("div", { className: classSelectOptions }, options &&
+            options.map(function (option) {
+                return (React.createElement("div", { key: option.value, onClick: handleClickOption, "data-option-value": option.value }, option.label));
+            }))));
+};
+exports.default = Select;
+//# sourceMappingURL=Select.js.map

package/lib/src/components/Select/Select.js.map

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

package/lib/src/components/Select/Select.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull">;
+declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "containerNotFull" | "asteriskRequired">;
 export default useSelectStyles;

package/lib/src/components/Select/index.d.ts

@@ -0,0 +1 @@
+export { default as Select } from './Select';

package/lib/src/components/Select/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Select_1 = require("./Select");
+exports.Select = Select_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":";;AAAA,mCAA6C;AAApC,0BAAA,OAAO,CAAU"}

package/lib/src/components/Select/stories/Select.stories.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Select").ISelectProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithPlaceHolder: () => JSX.Element;
+export declare const WithoutLabel: () => JSX.Element;
+export declare const WithoutLabelNotFullwidth: () => JSX.Element;
+export declare const WithDisableState: () => JSX.Element;
+export declare const WithHelpText: () => JSX.Element;
+export declare const WithValidationError: () => JSX.Element;

package/lib/src/components/Select/test/stories/Select.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Skeleton/stories/Skeleton.stories.d.ts

@@ -0,0 +1,13 @@
+import Skeleton from '../Skeleton';
+declare const _default: {
+    title: string;
+    component: typeof Skeleton;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/lib/src/components/Slider/stories/Slider.stories.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<Pick<{
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-valuetext'?: string | undefined;
+        color?: "primary" | "secondary" | undefined;
+        defaultValue?: number | number[] | undefined;
+        disabled?: boolean | undefined;
+        getAriaLabel?: ((index: number) => string) | undefined;
+        getAriaValueText?: ((value: number, index: number) => string) | undefined;
+        marks?: boolean | import("@material-ui/core").Mark[] | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        name?: string | undefined;
+        onChange?: ((event: React.ChangeEvent<{}>, value: number | number[]) => void) | undefined;
+        onChangeCommitted?: ((event: React.ChangeEvent<{}>, value: number | number[]) => void) | undefined;
+        orientation?: "horizontal" | "vertical" | undefined;
+        step?: number | null | undefined;
+        scale?: ((value: number) => number) | undefined;
+        ThumbComponent?: React.ElementType<React.HTMLAttributes<HTMLSpanElement>> | undefined;
+        track?: false | "normal" | "inverted" | undefined;
+        value?: number | number[] | undefined;
+        ValueLabelComponent?: React.ElementType<import("@material-ui/core").ValueLabelProps> | undefined;
+        valueLabelDisplay?: "auto" | "on" | "off" | undefined;
+        valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode) | undefined;
+    } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").SliderTypeMap<{}, "span">> & Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+    }, "translate" | "hidden" | "ref" | "slot" | "title" | "children" | "id" | "role" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key">, "color" | "scale" | "translate" | "hidden" | "style" | "disabled" | "ref" | "slot" | "title" | "track" | "children" | "className" | "id" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "innerRef" | "max" | "min" | "name" | "orientation" | "key" | "value" | "step" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "ThumbComponent" | "ValueLabelComponent" | "valueLabelDisplay" | "valueLabelFormat"> & import("@material-ui/core").StyledComponentProps<"active" | "track" | "root" | "thumb" | "valueLabel" | "rail">>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;