@webiny/ui 5.34.8 → 5.35.0-beta.1

package/Button/Button.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonSecondary = exports.ButtonPrimary = exports.ButtonIcon = exports.ButtonFloating = exports.ButtonDefault = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var RmwcButton = _interopRequireWildcard(require("@rmwc/button"));
-
 var _fab = require("@rmwc/fab");
-
 var _Icon = require("../Icon/Icon");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Button = require("./Button.styles");
-
 var _excluded = ["disabled", "label", "icon", "onClick", "small", "ripple", "className"];
-
 /**
  * Shows a default button, used typically when action is not of high priority.
  */
 var ButtonDefault = function ButtonDefault(props) {
   var disabled = props.disabled,
-      onClick = props.onClick,
-      children = props.children,
-      small = props.small,
-      ripple = props.ripple,
-      _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
-      style = props.style;
+    onClick = props.onClick,
+    children = props.children,
+    small = props.small,
+    ripple = props.ripple,
+    _props$className = props.className,
+    className = _props$className === void 0 ? "" : _props$className,
+    style = props.style;
   return /*#__PURE__*/_react.default.createElement(RmwcButton.Button, {
     style: style,
     disabled: disabled,
@@ -47,26 +36,24 @@ var ButtonDefault = function ButtonDefault(props) {
     "data-testid": props["data-testid"]
   }, children);
 };
+
 /**
  * Shows primary button, eg. for submitting forms.
  */
-
-
 exports.ButtonDefault = ButtonDefault;
-
 var ButtonPrimary = function ButtonPrimary(props) {
   var disabled = props.disabled,
-      onClick = props.onClick,
-      children = props.children,
-      _props$small = props.small,
-      small = _props$small === void 0 ? false : _props$small,
-      _props$flat = props.flat,
-      flat = _props$flat === void 0 ? false : _props$flat,
-      ripple = props.ripple,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$className2 = props.className,
-      className = _props$className2 === void 0 ? null : _props$className2;
+    onClick = props.onClick,
+    children = props.children,
+    _props$small = props.small,
+    small = _props$small === void 0 ? false : _props$small,
+    _props$flat = props.flat,
+    flat = _props$flat === void 0 ? false : _props$flat,
+    ripple = props.ripple,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$className2 = props.className,
+    className = _props$className2 === void 0 ? null : _props$className2;
   return /*#__PURE__*/_react.default.createElement(RmwcButton.Button, {
     raised: !flat,
     dense: small,
@@ -79,24 +66,22 @@ var ButtonPrimary = function ButtonPrimary(props) {
     "data-testid": props["data-testid"]
   }, children);
 };
+
 /**
  * Shows a secondary button - eg. for doing a reset on a form.
  */
-
-
 exports.ButtonPrimary = ButtonPrimary;
-
 var ButtonSecondary = function ButtonSecondary(props) {
   var disabled = props.disabled,
-      onClick = props.onClick,
-      children = props.children,
-      _props$small2 = props.small,
-      small = _props$small2 === void 0 ? false : _props$small2,
-      ripple = props.ripple,
-      _props$className3 = props.className,
-      className = _props$className3 === void 0 ? null : _props$className3,
-      _props$style2 = props.style,
-      style = _props$style2 === void 0 ? {} : _props$style2;
+    onClick = props.onClick,
+    children = props.children,
+    _props$small2 = props.small,
+    small = _props$small2 === void 0 ? false : _props$small2,
+    ripple = props.ripple,
+    _props$className3 = props.className,
+    className = _props$className3 === void 0 ? null : _props$className3,
+    _props$style2 = props.style,
+    style = _props$style2 === void 0 ? {} : _props$style2;
   return /*#__PURE__*/_react.default.createElement(RmwcButton.Button, {
     disabled: disabled,
     outlined: true,
@@ -108,23 +93,21 @@ var ButtonSecondary = function ButtonSecondary(props) {
     "data-testid": props["data-testid"]
   }, children);
 };
-
 exports.ButtonSecondary = ButtonSecondary;
-
 /**
  * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.
  */
 var ButtonFloating = function ButtonFloating(props) {
   var disabled = props.disabled,
-      label = props.label,
-      icon = props.icon,
-      onClick = props.onClick,
-      _props$small3 = props.small,
-      small = _props$small3 === void 0 ? false : _props$small3,
-      ripple = props.ripple,
-      _props$className4 = props.className,
-      className = _props$className4 === void 0 ? null : _props$className4,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    label = props.label,
+    icon = props.icon,
+    onClick = props.onClick,
+    _props$small3 = props.small,
+    small = _props$small3 === void 0 ? false : _props$small3,
+    ripple = props.ripple,
+    _props$className4 = props.className,
+    className = _props$className4 === void 0 ? null : _props$className4,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_fab.Fab, Object.assign({
     "data-testid": props["data-testid"],
     disabled: disabled,
@@ -136,15 +119,12 @@ var ButtonFloating = function ButtonFloating(props) {
     className: (0, _classnames.default)("webiny-ui-button--floating", className)
   }, rest));
 };
+
 /**
  * Shows an icon, suitable to be shown inside of a button.
  */
-
-
 exports.ButtonFloating = ButtonFloating;
-
 var ButtonIcon = function ButtonIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Icon.Icon, props);
 };
-
 exports.ButtonIcon = ButtonIcon;

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonDefault","props","disabled","onClick","children","small","ripple","className","style","classNames","ButtonPrimary","flat","ButtonSecondary","webinyButtonStyles","ButtonFloating","label","icon","rest","ButtonIcon"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RmwcButton from \"@rmwc/button\";\nimport { Fab, FabProps } from \"@rmwc/fab\";\nimport { Icon, IconProps } from \"../Icon/Icon\";\nimport classNames from \"classnames\";\nimport { SyntheticEvent } from \"react\";\nimport { webinyButtonStyles } from \"./Button.styles\";\n\nexport interface ButtonProps {\n    /**\n     * Make button flat (only applicable to Primary button).\n     */\n    flat?: boolean;\n\n    /**\n     * Make button smaller.\n     */\n    small?: boolean;\n\n    /**\n     * Returning `any` allows us to pass callbacks to the button without worrying about their\n     * specific return types. Buttons don't use return values from callbacks, so we don't have to worry\n     * about their return types at all.\n     */\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => any;\n\n    /**\n     * Label and optionally an icon (using Button.Icon component).\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Show ripple effect on button click.\n     */\n    ripple?: boolean;\n\n    /**\n     * Additional button class name.\n     */\n    className?: string;\n\n    /**\n     * Is button disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional inline styles.\n     */\n    style?: { [key: string]: any };\n\n    /**\n     * ID of the element for testing purposes.\n     */\n    \"data-testid\"?: string;\n}\n\n/**\n * Shows a default button, used typically when action is not of high priority.\n */\nexport const ButtonDefault: React.FC<ButtonProps> = props => {\n    const { disabled, onClick, children, small, ripple, className = \"\", style } = props;\n\n    return (\n        <RmwcButton.Button\n            style={style}\n            disabled={disabled}\n            dense={small}\n            onClick={onClick}\n            ripple={ripple}\n            className={classNames(\"webiny-ui-button\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\n/**\n * Shows primary button, eg. for submitting forms.\n */\nexport const ButtonPrimary: React.FC<ButtonProps> = props => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        flat = false,\n        ripple,\n        style = {},\n        className = null\n    } = props;\n    return (\n        <RmwcButton.Button\n            raised={!flat}\n            dense={small}\n            disabled={disabled}\n            unelevated={flat}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\"webiny-ui-button webiny-ui-button--primary\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\n/**\n * Shows a secondary button - eg. for doing a reset on a form.\n */\nexport const ButtonSecondary: React.FC<ButtonProps> = props => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        ripple,\n        className = null,\n        style = {}\n    } = props;\n\n    return (\n        <RmwcButton.Button\n            disabled={disabled}\n            outlined\n            dense={small}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\n                \"webiny-ui-button webiny-ui-button--secondary\",\n                webinyButtonStyles,\n                className\n            )}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\nexport type ButtonFloatingProps = ButtonProps &\n    FabProps & {\n        label?: React.ReactNode;\n        icon?: React.ReactNode;\n        onMouseDown?: (e: SyntheticEvent) => void;\n        onMouseUp?: (e: SyntheticEvent) => void;\n    };\n\n/**\n * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.\n */\nexport const ButtonFloating: React.FC<ButtonFloatingProps> = props => {\n    const {\n        disabled,\n        label,\n        icon,\n        onClick,\n        small = false,\n        ripple,\n        className = null,\n        ...rest\n    } = props;\n    return (\n        <Fab\n            data-testid={props[\"data-testid\"]}\n            disabled={disabled}\n            mini={small}\n            onClick={onClick}\n            label={label}\n            ripple={ripple}\n            icon={icon}\n            className={classNames(\"webiny-ui-button--floating\", className)}\n            {...rest}\n        />\n    );\n};\n\n/**\n * Shows an icon, suitable to be shown inside of a button.\n */\nexport const ButtonIcon: React.FC<IconProps> = props => <Icon {...props} />;\n"],"mappings":"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"}
+{"version":3,"names":["ButtonDefault","props","disabled","onClick","children","small","ripple","className","style","classNames","ButtonPrimary","flat","ButtonSecondary","webinyButtonStyles","ButtonFloating","label","icon","rest","ButtonIcon"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RmwcButton from \"@rmwc/button\";\nimport { Fab, FabProps } from \"@rmwc/fab\";\nimport { Icon, IconProps } from \"../Icon/Icon\";\nimport classNames from \"classnames\";\nimport { SyntheticEvent } from \"react\";\nimport { webinyButtonStyles } from \"./Button.styles\";\n\nexport interface ButtonProps {\n    /**\n     * Make button flat (only applicable to Primary button).\n     */\n    flat?: boolean;\n\n    /**\n     * Make button smaller.\n     */\n    small?: boolean;\n\n    /**\n     * Returning `any` allows us to pass callbacks to the button without worrying about their\n     * specific return types. Buttons don't use return values from callbacks, so we don't have to worry\n     * about their return types at all.\n     */\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => any;\n\n    /**\n     * Label and optionally an icon (using Button.Icon component).\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Show ripple effect on button click.\n     */\n    ripple?: boolean;\n\n    /**\n     * Additional button class name.\n     */\n    className?: string;\n\n    /**\n     * Is button disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional inline styles.\n     */\n    style?: { [key: string]: any };\n\n    /**\n     * ID of the element for testing purposes.\n     */\n    \"data-testid\"?: string;\n}\n\n/**\n * Shows a default button, used typically when action is not of high priority.\n */\nexport const ButtonDefault: React.FC<ButtonProps> = props => {\n    const { disabled, onClick, children, small, ripple, className = \"\", style } = props;\n\n    return (\n        <RmwcButton.Button\n            style={style}\n            disabled={disabled}\n            dense={small}\n            onClick={onClick}\n            ripple={ripple}\n            className={classNames(\"webiny-ui-button\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\n/**\n * Shows primary button, eg. for submitting forms.\n */\nexport const ButtonPrimary: React.FC<ButtonProps> = props => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        flat = false,\n        ripple,\n        style = {},\n        className = null\n    } = props;\n    return (\n        <RmwcButton.Button\n            raised={!flat}\n            dense={small}\n            disabled={disabled}\n            unelevated={flat}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\"webiny-ui-button webiny-ui-button--primary\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\n/**\n * Shows a secondary button - eg. for doing a reset on a form.\n */\nexport const ButtonSecondary: React.FC<ButtonProps> = props => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        ripple,\n        className = null,\n        style = {}\n    } = props;\n\n    return (\n        <RmwcButton.Button\n            disabled={disabled}\n            outlined\n            dense={small}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\n                \"webiny-ui-button webiny-ui-button--secondary\",\n                webinyButtonStyles,\n                className\n            )}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\nexport type ButtonFloatingProps = ButtonProps &\n    FabProps & {\n        label?: React.ReactNode;\n        icon?: React.ReactNode;\n        onMouseDown?: (e: SyntheticEvent) => void;\n        onMouseUp?: (e: SyntheticEvent) => void;\n    };\n\n/**\n * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.\n */\nexport const ButtonFloating: React.FC<ButtonFloatingProps> = props => {\n    const {\n        disabled,\n        label,\n        icon,\n        onClick,\n        small = false,\n        ripple,\n        className = null,\n        ...rest\n    } = props;\n    return (\n        <Fab\n            data-testid={props[\"data-testid\"]}\n            disabled={disabled}\n            mini={small}\n            onClick={onClick}\n            label={label}\n            ripple={ripple}\n            icon={icon}\n            className={classNames(\"webiny-ui-button--floating\", className)}\n            {...rest}\n        />\n    );\n};\n\n/**\n * Shows an icon, suitable to be shown inside of a button.\n */\nexport const ButtonIcon: React.FC<IconProps> = props => <Icon {...props} />;\n"],"mappings":"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"}

package/Button/Button.stories.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _addonKnobs = require("@storybook/addon-knobs");
-
 var _Story = require("@webiny/storybook-utils/Story");
-
 var _README = _interopRequireDefault(require("./../Button/README.md"));
-
 var _baselineCloud_done24px = require("./assets/baseline-cloud_done-24px.svg");
-
 var _Button = require("./Button");
-
 var story = (0, _react2.storiesOf)("Components/Button", module);
 story.addDecorator(_addonKnobs.withKnobs);
 story.add("standard buttons", function () {
   var label = (0, _addonKnobs.text)("Label", "Click to proceed");
   var small = (0, _addonKnobs.boolean)("Small", false);
   var flat = (0, _addonKnobs.boolean)("Flat", false);
-
   var icon = /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
     icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
   });
-
   return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
     title: "Primary button"
   }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {

package/Button/Button.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","label","text","small","boolean","flat","icon","readme","info","propTables","ButtonPrimary","ButtonSecondary","ButtonDefault","ButtonFloating","ButtonIcon"],"sources":["Button.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { withKnobs, text, boolean } from \"@storybook/addon-knobs\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Button/README.md\";\nimport { ReactComponent as CloudIcon } from \"./assets/baseline-cloud_done-24px.svg\";\n\nimport {\n    ButtonPrimary,\n    ButtonSecondary,\n    ButtonDefault,\n    ButtonFloating,\n    ButtonIcon\n} from \"./Button\";\n\nconst story = storiesOf(\"Components/Button\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"standard buttons\",\n    () => {\n        const label = text(\"Label\", \"Click to proceed\");\n        const small = boolean(\"Small\", false);\n        const flat = boolean(\"Flat\", false);\n        const icon = <ButtonIcon icon={<CloudIcon />} />;\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Primary button\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Primary button with icon\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {icon}\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button\"}>\n                    <ButtonSecondary small={small}>{label}</ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button with icon\"}>\n                    <ButtonSecondary small={small}>\n                        {icon}\n                        {label}\n                    </ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Default button\"}>\n                    <ButtonDefault small={small}>{label}</ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Default button with icon\"}>\n                    <ButtonDefault small={small}>\n                        {icon}\n                        {label}\n                    </ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Floating button\"}>\n                    <ButtonFloating small={small} icon={icon} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAQA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,mBAAV,EAA+BC,MAA/B,CAAd;AACAF,KAAK,CAACG,YAAN,CAAmBC,qBAAnB;AAEAJ,KAAK,CAACK,GAAN,CACI,kBADJ,EAEI,YAAM;EACF,IAAMC,KAAK,GAAG,IAAAC,gBAAA,EAAK,OAAL,EAAc,kBAAd,CAAd;EACA,IAAMC,KAAK,GAAG,IAAAC,mBAAA,EAAQ,OAAR,EAAiB,KAAjB,CAAd;EACA,IAAMC,IAAI,GAAG,IAAAD,mBAAA,EAAQ,MAAR,EAAgB,KAAhB,CAAb;;EACA,IAAME,IAAI,gBAAG,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,sCAAD;EAAlB,EAAb;;EAEA,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,qBAAD;IAAe,KAAK,EAAEJ,KAAtB;IAA6B,IAAI,EAAEE;EAAnC,GACKJ,KADL,CADJ,CAFJ,eAOI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,qBAAD;IAAe,KAAK,EAAEE,KAAtB;IAA6B,IAAI,EAAEE;EAAnC,GACKC,IADL,EAEKL,KAFL,CADJ,CAPJ,eAaI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,uBAAD;IAAiB,KAAK,EAAEE;EAAxB,GAAgCF,KAAhC,CADJ,CAbJ,eAgBI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,uBAAD;IAAiB,KAAK,EAAEE;EAAxB,GACKG,IADL,EAEKL,KAFL,CADJ,CAhBJ,eAsBI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,qBAAD;IAAe,KAAK,EAAEE;EAAtB,GAA8BF,KAA9B,CADJ,CAtBJ,eAyBI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,qBAAD;IAAe,KAAK,EAAEE;EAAtB,GACKG,IADL,EAEKL,KAFL,CADJ,CAzBJ,eA+BI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,sBAAD;IAAgB,KAAK,EAAEE,KAAvB;IAA8B,IAAI,EAAEG;EAApC,EADJ,CA/BJ,CADJ;AAqCH,CA7CL,EA8CI;EACIE,IAAI,EAAE;IACFC,UAAU,EAAE,CAACC,qBAAD,EAAgBC,uBAAhB,EAAiCC,qBAAjC,EAAgDC,sBAAhD,EAAgEC,kBAAhE;EADV;AADV,CA9CJ"}
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","label","text","small","boolean","flat","icon","readme","info","propTables","ButtonPrimary","ButtonSecondary","ButtonDefault","ButtonFloating","ButtonIcon"],"sources":["Button.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { withKnobs, text, boolean } from \"@storybook/addon-knobs\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Button/README.md\";\nimport { ReactComponent as CloudIcon } from \"./assets/baseline-cloud_done-24px.svg\";\n\nimport {\n    ButtonPrimary,\n    ButtonSecondary,\n    ButtonDefault,\n    ButtonFloating,\n    ButtonIcon\n} from \"./Button\";\n\nconst story = storiesOf(\"Components/Button\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"standard buttons\",\n    () => {\n        const label = text(\"Label\", \"Click to proceed\");\n        const small = boolean(\"Small\", false);\n        const flat = boolean(\"Flat\", false);\n        const icon = <ButtonIcon icon={<CloudIcon />} />;\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Primary button\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Primary button with icon\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {icon}\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button\"}>\n                    <ButtonSecondary small={small}>{label}</ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button with icon\"}>\n                    <ButtonSecondary small={small}>\n                        {icon}\n                        {label}\n                    </ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Default button\"}>\n                    <ButtonDefault small={small}>{label}</ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Default button with icon\"}>\n                    <ButtonDefault small={small}>\n                        {icon}\n                        {label}\n                    </ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Floating button\"}>\n                    <ButtonFloating small={small} icon={icon} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAQA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,kBAAkB,EAClB,YAAM;EACF,IAAMC,KAAK,GAAG,IAAAC,gBAAI,EAAC,OAAO,EAAE,kBAAkB,CAAC;EAC/C,IAAMC,KAAK,GAAG,IAAAC,mBAAO,EAAC,OAAO,EAAE,KAAK,CAAC;EACrC,IAAMC,IAAI,GAAG,IAAAD,mBAAO,EAAC,MAAM,EAAE,KAAK,CAAC;EACnC,IAAME,IAAI,gBAAG,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,sCAAS;EAAI,EAAG;EAEhD,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAiB,gBAClC,6BAAC,qBAAa;IAAC,KAAK,EAAEJ,KAAM;IAAC,IAAI,EAAEE;EAAK,GACnCJ,KAAK,CACM,CACL,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA2B,gBAC5C,6BAAC,qBAAa;IAAC,KAAK,EAAEE,KAAM;IAAC,IAAI,EAAEE;EAAK,GACnCC,IAAI,EACJL,KAAK,CACM,CACL,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAmB,gBACpC,6BAAC,uBAAe;IAAC,KAAK,EAAEE;EAAM,GAAEF,KAAK,CAAmB,CAC7C,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA6B,gBAC9C,6BAAC,uBAAe;IAAC,KAAK,EAAEE;EAAM,GACzBG,IAAI,EACJL,KAAK,CACQ,CACP,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAiB,gBAClC,6BAAC,qBAAa;IAAC,KAAK,EAAEE;EAAM,GAAEF,KAAK,CAAiB,CACzC,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA2B,gBAC5C,6BAAC,qBAAa;IAAC,KAAK,EAAEE;EAAM,GACvBG,IAAI,EACJL,KAAK,CACM,CACL,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAkB,gBACnC,6BAAC,sBAAc;IAAC,KAAK,EAAEE,KAAM;IAAC,IAAI,EAAEG;EAAK,EAAG,CACjC,CACX;AAEhB,CAAC,EACD;EACIE,IAAI,EAAE;IACFC,UAAU,EAAE,CAACC,qBAAa,EAAEC,uBAAe,EAAEC,qBAAa,EAAEC,sBAAc,EAAEC,kBAAU;EAC1F;AACJ,CAAC,CACJ"}

package/Button/Button.styles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.webinyButtonStyles = void 0;
-
 var _emotion = require("emotion");
-
 /**
  * Controls the button styles
  * @type {string}

package/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["webinyButtonStyles","css"],"sources":["Button.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the button styles\n * @type {string}\n */\nconst webinyButtonStyles = css`\n    &.webiny-ui-button--secondary:not(:disabled) {\n            border-color: var(--mdc-theme-primary);\n        }\n    }\n`;\n\nexport { webinyButtonStyles };\n"],"mappings":";;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAAkB,oBAAGC,YAAH,mHAAxB"}
+{"version":3,"names":["webinyButtonStyles","css"],"sources":["Button.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the button styles\n * @type {string}\n */\nconst webinyButtonStyles = css`\n    &.webiny-ui-button--secondary:not(:disabled) {\n            border-color: var(--mdc-theme-primary);\n        }\n    }\n`;\n\nexport { webinyButtonStyles };\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAAkB,oBAAGC,YAAG,mHAK7B;AAAC"}

package/Button/CopyButton/CopyButton.js

@@ -1,34 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CopyButton = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _file_copy24px = require("../assets/file_copy-24px.svg");
-
 var _index = require("../index");
-
 var _excluded = ["value", "onCopy"];
-
 /**
  * Shows the icon button.
  */
 var CopyButton = function CopyButton(props) {
   var value = props.value,
-      onCopy = props.onCopy,
-      otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    onCopy = props.onCopy,
+    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var copyToClipboard = (0, _react.useCallback)(function () {
     navigator.clipboard.writeText(value);
-
     if (typeof onCopy === "function") {
       onCopy();
     }
@@ -38,5 +29,4 @@ var CopyButton = function CopyButton(props) {
     icon: /*#__PURE__*/_react.default.createElement(_file_copy24px.ReactComponent, null)
   }));
 };
-
 exports.CopyButton = CopyButton;

package/Button/CopyButton/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["CopyButton","props","value","onCopy","otherProps","copyToClipboard","useCallback","navigator","clipboard","writeText"],"sources":["CopyButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CopyToClipboardIcon } from \"../assets/file_copy-24px.svg\";\nimport { IconButton } from \"../index\";\nimport { FormComponentProps } from \"../../types\";\nimport { useCallback } from \"react\";\n\nexport interface CopyButtonProps extends FormComponentProps {\n    value: string;\n    onCopy?: () => void;\n}\n\n/**\n * Shows the icon button.\n */\nconst CopyButton: React.FC<CopyButtonProps> = props => {\n    const { value, onCopy, ...otherProps } = props;\n\n    const copyToClipboard = useCallback(() => {\n        navigator.clipboard.writeText(value);\n        if (typeof onCopy === \"function\") {\n            onCopy();\n        }\n    }, [value]);\n\n    return <IconButton {...otherProps} onClick={copyToClipboard} icon={<CopyToClipboardIcon />} />;\n};\n\nexport { CopyButton };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AASA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;EACnD,IAAQC,KAAR,GAAyCD,KAAzC,CAAQC,KAAR;EAAA,IAAeC,MAAf,GAAyCF,KAAzC,CAAeE,MAAf;EAAA,IAA0BC,UAA1B,0CAAyCH,KAAzC;EAEA,IAAMI,eAAe,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACtCC,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8BP,KAA9B;;IACA,IAAI,OAAOC,MAAP,KAAkB,UAAtB,EAAkC;MAC9BA,MAAM;IACT;EACJ,CALuB,EAKrB,CAACD,KAAD,CALqB,CAAxB;EAOA,oBAAO,6BAAC,iBAAD,oBAAgBE,UAAhB;IAA4B,OAAO,EAAEC,eAArC;IAAsD,IAAI,eAAE,6BAAC,6BAAD;EAA5D,GAAP;AACH,CAXD"}
+{"version":3,"names":["CopyButton","props","value","onCopy","otherProps","copyToClipboard","useCallback","navigator","clipboard","writeText"],"sources":["CopyButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CopyToClipboardIcon } from \"../assets/file_copy-24px.svg\";\nimport { IconButton } from \"../index\";\nimport { FormComponentProps } from \"../../types\";\nimport { useCallback } from \"react\";\n\nexport interface CopyButtonProps extends FormComponentProps {\n    value: string;\n    onCopy?: () => void;\n}\n\n/**\n * Shows the icon button.\n */\nconst CopyButton: React.FC<CopyButtonProps> = props => {\n    const { value, onCopy, ...otherProps } = props;\n\n    const copyToClipboard = useCallback(() => {\n        navigator.clipboard.writeText(value);\n        if (typeof onCopy === \"function\") {\n            onCopy();\n        }\n    }, [value]);\n\n    return <IconButton {...otherProps} onClick={copyToClipboard} icon={<CopyToClipboardIcon />} />;\n};\n\nexport { CopyButton };\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAAsC;AAStC;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EACnD,IAAQC,KAAK,GAA4BD,KAAK,CAAtCC,KAAK;IAAEC,MAAM,GAAoBF,KAAK,CAA/BE,MAAM;IAAKC,UAAU,0CAAKH,KAAK;EAE9C,IAAMI,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtCC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACP,KAAK,CAAC;IACpC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,EAAE;IACZ;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBAAO,6BAAC,iBAAU,oBAAKE,UAAU;IAAE,OAAO,EAAEC,eAAgB;IAAC,IAAI,eAAE,6BAAC,6BAAmB;EAAI,GAAG;AAClG,CAAC;AAAC"}

package/Button/CopyButton/CopyButton.stories.js

@@ -1,19 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _Story = require("@webiny/storybook-utils/Story");
-
 var _README = _interopRequireDefault(require("./README.md"));
-
 var _index = require("./../../Menu/index");
-
 var _CopyButton = require("./CopyButton");
-
 var story = (0, _react2.storiesOf)("Components/Button", module);
 story.add("copy button", function () {
   return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {

package/Button/CopyButton/CopyButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTablesExclude","Menu","MenuItem","Story","StoryReadme","StorySandbox"],"sources":["CopyButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { CopyButton } from \"./CopyButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"copy button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Copy button\"}>\n                    <div>\n                        <span>Click the button to copy the &quot;Hello&quot; value:</span>\n                        <CopyButton value=\"Hello\" />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,mBAAV,EAA+BC,MAA/B,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,aADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,uDACI,2CAAM,+CAAN,CADJ,eAEI,6BAAC,sBAAD;IAAY,KAAK,EAAC;EAAlB,EAFJ,CADJ,CAFJ,CADJ;AAWH,CAdL,EAeI;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACC,WAAD,EAAOC,eAAP,EAAiBC,YAAjB,EAAwBC,kBAAxB,EAAqCC,mBAArC;EADjB;AADV,CAfJ"}
+{"version":3,"names":["story","storiesOf","module","add","readme","info","propTablesExclude","Menu","MenuItem","Story","StoryReadme","StorySandbox"],"sources":["CopyButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { CopyButton } from \"./CopyButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"copy button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Copy button\"}>\n                    <div>\n                        <span>Click the button to copy the &quot;Hello&quot; value:</span>\n                        <CopyButton value=\"Hello\" />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,aAAa,EACb,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAc,gBAC/B,uDACI,2CAAM,+CAAqD,CAAO,eAClE,6BAAC,sBAAU;IAAC,KAAK,EAAC;EAAO,EAAG,CAC1B,CACK,CACX;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACC,WAAI,EAAEC,eAAQ,EAAEC,YAAK,EAAEC,kBAAW,EAAEC,mBAAY;EACxE;AACJ,CAAC,CACJ"}

package/Button/IconButton/IconButton.js

@@ -1,27 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconButton = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _iconButton = require("@rmwc/icon-button");
-
 /**
  * Shows the icon button.
  */
 var IconButton = function IconButton(props) {
   var id = props.id,
-      icon = props.icon,
-      label = props.label,
-      onClick = props.onClick,
-      className = props.className,
-      disabled = props.disabled,
-      ripple = props.ripple;
+    icon = props.icon,
+    label = props.label,
+    onClick = props.onClick,
+    className = props.className,
+    disabled = props.disabled,
+    ripple = props.ripple;
   return /*#__PURE__*/_react.default.createElement(_iconButton.IconButton, {
     id: id,
     "data-testid": props["data-testid"],
@@ -33,5 +29,4 @@ var IconButton = function IconButton(props) {
     ripple: ripple
   });
 };
-
 exports.IconButton = IconButton;

package/Button/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconButton","props","id","icon","label","onClick","className","disabled","ripple"],"sources":["IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    IconButton as RIconButton,\n    IconButtonProps as RmwcIconButtonProps\n} from \"@rmwc/icon-button\";\n\nimport { FormComponentProps } from \"../../types\";\n\nexport interface IconButtonProps extends Omit<FormComponentProps, \"onChange\">, RmwcIconButtonProps {\n    id?: string;\n    /**\n     * Icon should be provided as an SvgComponent.\n     */\n    icon: React.ReactNode;\n\n    /**\n     * Button label\n     */\n    label?: string;\n\n    /**\n     * onClick handler\n     * @param event\n     */\n    onClick?: (event: React.MouseEvent) => void;\n\n    /**\n     * Custom CSS class\n     */\n    className?: string;\n    /**\n     * For testing purposes.\n     */\n\n    \"data-testid\"?: string;\n\n    /**\n     * Should icon be disabled?\n     */\n    disabled?: boolean;\n}\n\n/**\n * Shows the icon button.\n */\nconst IconButton: React.FC<IconButtonProps> = props => {\n    const { id, icon, label, onClick, className, disabled, ripple } = props;\n\n    return (\n        <RIconButton\n            id={id}\n            data-testid={props[\"data-testid\"]}\n            onClick={onClick}\n            disabled={disabled}\n            className={className}\n            label={label}\n            icon={icon}\n            ripple={ripple}\n        />\n    );\n};\n\nexport { IconButton };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAyCA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;EACnD,IAAQC,EAAR,GAAkED,KAAlE,CAAQC,EAAR;EAAA,IAAYC,IAAZ,GAAkEF,KAAlE,CAAYE,IAAZ;EAAA,IAAkBC,KAAlB,GAAkEH,KAAlE,CAAkBG,KAAlB;EAAA,IAAyBC,OAAzB,GAAkEJ,KAAlE,CAAyBI,OAAzB;EAAA,IAAkCC,SAAlC,GAAkEL,KAAlE,CAAkCK,SAAlC;EAAA,IAA6CC,QAA7C,GAAkEN,KAAlE,CAA6CM,QAA7C;EAAA,IAAuDC,MAAvD,GAAkEP,KAAlE,CAAuDO,MAAvD;EAEA,oBACI,6BAAC,sBAAD;IACI,EAAE,EAAEN,EADR;IAEI,eAAaD,KAAK,CAAC,aAAD,CAFtB;IAGI,OAAO,EAAEI,OAHb;IAII,QAAQ,EAAEE,QAJd;IAKI,SAAS,EAAED,SALf;IAMI,KAAK,EAAEF,KANX;IAOI,IAAI,EAAED,IAPV;IAQI,MAAM,EAAEK;EARZ,EADJ;AAYH,CAfD"}
+{"version":3,"names":["IconButton","props","id","icon","label","onClick","className","disabled","ripple"],"sources":["IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    IconButton as RIconButton,\n    IconButtonProps as RmwcIconButtonProps\n} from \"@rmwc/icon-button\";\n\nimport { FormComponentProps } from \"../../types\";\n\nexport interface IconButtonProps extends Omit<FormComponentProps, \"onChange\">, RmwcIconButtonProps {\n    id?: string;\n    /**\n     * Icon should be provided as an SvgComponent.\n     */\n    icon: React.ReactNode;\n\n    /**\n     * Button label\n     */\n    label?: string;\n\n    /**\n     * onClick handler\n     * @param event\n     */\n    onClick?: (event: React.MouseEvent) => void;\n\n    /**\n     * Custom CSS class\n     */\n    className?: string;\n    /**\n     * For testing purposes.\n     */\n\n    \"data-testid\"?: string;\n\n    /**\n     * Should icon be disabled?\n     */\n    disabled?: boolean;\n}\n\n/**\n * Shows the icon button.\n */\nconst IconButton: React.FC<IconButtonProps> = props => {\n    const { id, icon, label, onClick, className, disabled, ripple } = props;\n\n    return (\n        <RIconButton\n            id={id}\n            data-testid={props[\"data-testid\"]}\n            onClick={onClick}\n            disabled={disabled}\n            className={className}\n            label={label}\n            icon={icon}\n            ripple={ripple}\n        />\n    );\n};\n\nexport { IconButton };\n"],"mappings":";;;;;;;AAAA;AACA;AAyCA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EACnD,IAAQC,EAAE,GAAwDD,KAAK,CAA/DC,EAAE;IAAEC,IAAI,GAAkDF,KAAK,CAA3DE,IAAI;IAAEC,KAAK,GAA2CH,KAAK,CAArDG,KAAK;IAAEC,OAAO,GAAkCJ,KAAK,CAA9CI,OAAO;IAAEC,SAAS,GAAuBL,KAAK,CAArCK,SAAS;IAAEC,QAAQ,GAAaN,KAAK,CAA1BM,QAAQ;IAAEC,MAAM,GAAKP,KAAK,CAAhBO,MAAM;EAE7D,oBACI,6BAAC,sBAAW;IACR,EAAE,EAAEN,EAAG;IACP,eAAaD,KAAK,CAAC,aAAa,CAAE;IAClC,OAAO,EAAEI,OAAQ;IACjB,QAAQ,EAAEE,QAAS;IACnB,SAAS,EAAED,SAAU;IACrB,KAAK,EAAEF,KAAM;IACb,IAAI,EAAED,IAAK;IACX,MAAM,EAAEK;EAAO,EACjB;AAEV,CAAC;AAAC"}

package/Button/IconButton/IconButton.stories.js

@@ -1,23 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _Story = require("@webiny/storybook-utils/Story");
-
 var _README = _interopRequireDefault(require("./README.md"));
-
 var _baselineCloud_done24px = require("./../assets/baseline-cloud_done-24px.svg");
-
 var _roundMore_vert24px = require("./../assets/round-more_vert-24px.svg");
-
 var _index = require("./../../Menu/index");
-
 var _IconButton = require("./IconButton");
-
 var story = (0, _react2.storiesOf)("Components/Button", module);
 story.add("icon button", function () {
   return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {

package/Button/IconButton/IconButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","console","log","info","propTablesExclude","Menu","MenuItem","Story","StoryReadme","StorySandbox"],"sources":["IconButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { ReactComponent as CloudIcon } from \"./../assets/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as MoreIcon } from \"./../assets/round-more_vert-24px.svg\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { IconButton } from \"./IconButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"icon button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon button\"}>\n                    <IconButton\n                        icon={<CloudIcon />}\n                        label=\"Icon label\"\n                        onClick={() => console.log(\"Button clicked\")}\n                    />\n                </StorySandbox>\n                <StorySandbox title={\"Menu example\"}>\n                    <Menu\n                        handle={\n                            <IconButton\n                                icon={<MoreIcon />}\n                                label=\"Toggle menu\"\n                                onClick={() => console.log(\"Button clicked\")}\n                            />\n                        }\n                    >\n                        <MenuItem\n                            onClick={() => {\n                                console.log(\"Apple selected!\");\n                            }}\n                        >\n                            Apple\n                        </MenuItem>\n                        <MenuItem>Banana</MenuItem>\n                        <MenuItem>Watermelon</MenuItem>\n                    </Menu>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,mBAAV,EAA+BC,MAA/B,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,aADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,sBAAD;IACI,IAAI,eAAE,6BAAC,sCAAD,OADV;IAEI,KAAK,EAAC,YAFV;IAGI,OAAO,EAAE;MAAA,OAAMC,OAAO,CAACC,GAAR,CAAY,gBAAZ,CAAN;IAAA;EAHb,EADJ,CAFJ,eASI,6BAAC,mBAAD;IAAc,KAAK,EAAE;EAArB,gBACI,6BAAC,WAAD;IACI,MAAM,eACF,6BAAC,sBAAD;MACI,IAAI,eAAE,6BAAC,kCAAD,OADV;MAEI,KAAK,EAAC,aAFV;MAGI,OAAO,EAAE;QAAA,OAAMD,OAAO,CAACC,GAAR,CAAY,gBAAZ,CAAN;MAAA;IAHb;EAFR,gBASI,6BAAC,eAAD;IACI,OAAO,EAAE,mBAAM;MACXD,OAAO,CAACC,GAAR,CAAY,iBAAZ;IACH;EAHL,GAIC,OAJD,CATJ,eAgBI,6BAAC,eAAD,QAAU,QAAV,CAhBJ,eAiBI,6BAAC,eAAD,QAAU,YAAV,CAjBJ,CADJ,CATJ,CADJ;AAiCH,CApCL,EAqCI;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACC,WAAD,EAAOC,eAAP,EAAiBC,YAAjB,EAAwBC,kBAAxB,EAAqCC,mBAArC;EADjB;AADV,CArCJ"}
+{"version":3,"names":["story","storiesOf","module","add","readme","console","log","info","propTablesExclude","Menu","MenuItem","Story","StoryReadme","StorySandbox"],"sources":["IconButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { ReactComponent as CloudIcon } from \"./../assets/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as MoreIcon } from \"./../assets/round-more_vert-24px.svg\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { IconButton } from \"./IconButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"icon button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon button\"}>\n                    <IconButton\n                        icon={<CloudIcon />}\n                        label=\"Icon label\"\n                        onClick={() => console.log(\"Button clicked\")}\n                    />\n                </StorySandbox>\n                <StorySandbox title={\"Menu example\"}>\n                    <Menu\n                        handle={\n                            <IconButton\n                                icon={<MoreIcon />}\n                                label=\"Toggle menu\"\n                                onClick={() => console.log(\"Button clicked\")}\n                            />\n                        }\n                    >\n                        <MenuItem\n                            onClick={() => {\n                                console.log(\"Apple selected!\");\n                            }}\n                        >\n                            Apple\n                        </MenuItem>\n                        <MenuItem>Banana</MenuItem>\n                        <MenuItem>Watermelon</MenuItem>\n                    </Menu>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,aAAa,EACb,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAc,gBAC/B,6BAAC,sBAAU;IACP,IAAI,eAAE,6BAAC,sCAAS,OAAI;IACpB,KAAK,EAAC,YAAY;IAClB,OAAO,EAAE;MAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;IAAA;EAAC,EAC/C,CACS,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAe,gBAChC,6BAAC,WAAI;IACD,MAAM,eACF,6BAAC,sBAAU;MACP,IAAI,eAAE,6BAAC,kCAAQ,OAAI;MACnB,KAAK,EAAC,aAAa;MACnB,OAAO,EAAE;QAAA,OAAMD,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;MAAA;IAAC;EAEpD,gBAED,6BAAC,eAAQ;IACL,OAAO,EAAE,mBAAM;MACXD,OAAO,CAACC,GAAG,CAAC,iBAAiB,CAAC;IAClC;EAAE,GACL,OAED,CAAW,eACX,6BAAC,eAAQ,QAAC,QAAM,CAAW,eAC3B,6BAAC,eAAQ,QAAC,YAAU,CAAW,CAC5B,CACI,CACX;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACC,WAAI,EAAEC,eAAQ,EAAEC,YAAK,EAAEC,kBAAW,EAAEC,mBAAY;EACxE;AACJ,CAAC,CACJ"}

package/Button/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Button = require("./Button");
-
 Object.keys(_Button).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Button[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_Button).forEach(function (key) {
     }
   });
 });
-
 var _IconButton = require("./IconButton/IconButton");
-
 Object.keys(_IconButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _IconButton[key]) return;
@@ -29,9 +25,7 @@ Object.keys(_IconButton).forEach(function (key) {
     }
   });
 });
-
 var _CopyButton = require("./CopyButton/CopyButton");
-
 Object.keys(_CopyButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _CopyButton[key]) return;

package/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./IconButton/IconButton\";\nexport * from \"./CopyButton/CopyButton\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./IconButton/IconButton\";\nexport * from \"./CopyButton/CopyButton\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/Carousel/Carousel.js

@@ -1,38 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nukaCarousel = _interopRequireDefault(require("nuka-carousel"));
-
 var _pick = _interopRequireDefault(require("lodash/pick"));
-
 var Carousel = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Carousel, _React$Component);
-
   var _super = (0, _createSuper2.default)(Carousel);
-
   function Carousel() {
     (0, _classCallCheck2.default)(this, Carousel);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(Carousel, [{
     key: "render",
     value: function render() {
@@ -47,7 +34,6 @@ var Carousel = /*#__PURE__*/function (_React$Component) {
   }]);
   return Carousel;
 }(_react.default.Component);
-
 (0, _defineProperty2.default)(Carousel, "defaultProps", {
   swiping: true,
   dragging: false,

package/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"names":["Carousel","pick","props","nukaProps","renderPreviousSlide","renderCenterLeftControls","renderNextSlide","renderCenterRightControls","renderBottomNav","renderBottomCenterControls","children","React","Component","swiping","dragging","heightMode","easing"],"sources":["Carousel.tsx"],"sourcesContent":["import React from \"react\";\nimport NukaCarousel, { CarouselProps, CarouselRenderControl } from \"nuka-carousel\";\nimport pick from \"lodash/pick\";\n\ninterface Props extends CarouselProps {\n    // slides as set of HTMLElements\n    children: React.ReactNode;\n\n    // render method for the next slide button\n    renderNextSlide?: CarouselRenderControl | null;\n\n    // render method for the previous slide button\n    renderPreviousSlide?: CarouselRenderControl | null;\n\n    // render method for the central navigation\n    renderBottomNav?: CarouselRenderControl | null;\n}\n\nclass Carousel extends React.Component<Props> {\n    static defaultProps = {\n        swiping: true,\n        dragging: false,\n        heightMode: \"first\",\n        easing: \"easeExpInOut\"\n    };\n\n    static nukaProps = [\n        \"children\",\n        \"afterSlide\",\n        \"autoplay\",\n        \"autoplayInterval\",\n        \"beforeSlide\",\n        \"dragging\",\n        \"easing\",\n        \"heightMode\",\n        \"pauseOnHover\",\n        \"slideIndex\",\n        \"speed\",\n        \"swiping\",\n        \"transitionMode\"\n    ];\n\n    public override render() {\n        return (\n            <NukaCarousel\n                {...pick(this.props, Carousel.nukaProps)}\n                {...(this.props.renderPreviousSlide\n                    ? { renderCenterLeftControls: this.props.renderPreviousSlide }\n                    : {})}\n                {...(this.props.renderNextSlide\n                    ? { renderCenterRightControls: this.props.renderNextSlide }\n                    : {})}\n                {...(this.props.renderBottomNav\n                    ? { renderBottomCenterControls: this.props.renderBottomNav }\n                    : {})}\n            >\n                {this.props.children}\n            </NukaCarousel>\n        );\n    }\n}\n\nexport default Carousel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;IAgBMA,Q;;;;;;;;;;;;WAwBF,kBAAyB;MACrB,oBACI,6BAAC,qBAAD,oBACQ,IAAAC,aAAA,EAAK,KAAKC,KAAV,EAAiBF,QAAQ,CAACG,SAA1B,CADR,EAES,KAAKD,KAAL,CAAWE,mBAAX,GACC;QAAEC,wBAAwB,EAAE,KAAKH,KAAL,CAAWE;MAAvC,CADD,GAEC,EAJV,EAKS,KAAKF,KAAL,CAAWI,eAAX,GACC;QAAEC,yBAAyB,EAAE,KAAKL,KAAL,CAAWI;MAAxC,CADD,GAEC,EAPV,EAQS,KAAKJ,KAAL,CAAWM,eAAX,GACC;QAAEC,0BAA0B,EAAE,KAAKP,KAAL,CAAWM;MAAzC,CADD,GAEC,EAVV,GAYK,KAAKN,KAAL,CAAWQ,QAZhB,CADJ;IAgBH;;;EAzCkBC,cAAA,CAAMC,S;;8BAAvBZ,Q,kBACoB;EAClBa,OAAO,EAAE,IADS;EAElBC,QAAQ,EAAE,KAFQ;EAGlBC,UAAU,EAAE,OAHM;EAIlBC,MAAM,EAAE;AAJU,C;8BADpBhB,Q,eAQiB,CACf,UADe,EAEf,YAFe,EAGf,UAHe,EAIf,kBAJe,EAKf,aALe,EAMf,UANe,EAOf,QAPe,EAQf,YARe,EASf,cATe,EAUf,YAVe,EAWf,OAXe,EAYf,SAZe,EAaf,gBAbe,C;eAoCRA,Q"}
+{"version":3,"names":["Carousel","pick","props","nukaProps","renderPreviousSlide","renderCenterLeftControls","renderNextSlide","renderCenterRightControls","renderBottomNav","renderBottomCenterControls","children","React","Component","swiping","dragging","heightMode","easing"],"sources":["Carousel.tsx"],"sourcesContent":["import React from \"react\";\nimport NukaCarousel, { CarouselProps, CarouselRenderControl } from \"nuka-carousel\";\nimport pick from \"lodash/pick\";\n\ninterface Props extends CarouselProps {\n    // slides as set of HTMLElements\n    children: React.ReactNode;\n\n    // render method for the next slide button\n    renderNextSlide?: CarouselRenderControl | null;\n\n    // render method for the previous slide button\n    renderPreviousSlide?: CarouselRenderControl | null;\n\n    // render method for the central navigation\n    renderBottomNav?: CarouselRenderControl | null;\n}\n\nclass Carousel extends React.Component<Props> {\n    static defaultProps = {\n        swiping: true,\n        dragging: false,\n        heightMode: \"first\",\n        easing: \"easeExpInOut\"\n    };\n\n    static nukaProps = [\n        \"children\",\n        \"afterSlide\",\n        \"autoplay\",\n        \"autoplayInterval\",\n        \"beforeSlide\",\n        \"dragging\",\n        \"easing\",\n        \"heightMode\",\n        \"pauseOnHover\",\n        \"slideIndex\",\n        \"speed\",\n        \"swiping\",\n        \"transitionMode\"\n    ];\n\n    public override render() {\n        return (\n            <NukaCarousel\n                {...pick(this.props, Carousel.nukaProps)}\n                {...(this.props.renderPreviousSlide\n                    ? { renderCenterLeftControls: this.props.renderPreviousSlide }\n                    : {})}\n                {...(this.props.renderNextSlide\n                    ? { renderCenterRightControls: this.props.renderNextSlide }\n                    : {})}\n                {...(this.props.renderBottomNav\n                    ? { renderBottomCenterControls: this.props.renderBottomNav }\n                    : {})}\n            >\n                {this.props.children}\n            </NukaCarousel>\n        );\n    }\n}\n\nexport default Carousel;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAA+B,IAgBzBA,QAAQ;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAwBV,kBAAyB;MACrB,oBACI,6BAAC,qBAAY,oBACL,IAAAC,aAAI,EAAC,IAAI,CAACC,KAAK,EAAEF,QAAQ,CAACG,SAAS,CAAC,EACnC,IAAI,CAACD,KAAK,CAACE,mBAAmB,GAC7B;QAAEC,wBAAwB,EAAE,IAAI,CAACH,KAAK,CAACE;MAAoB,CAAC,GAC5D,CAAC,CAAC,EACH,IAAI,CAACF,KAAK,CAACI,eAAe,GACzB;QAAEC,yBAAyB,EAAE,IAAI,CAACL,KAAK,CAACI;MAAgB,CAAC,GACzD,CAAC,CAAC,EACH,IAAI,CAACJ,KAAK,CAACM,eAAe,GACzB;QAAEC,0BAA0B,EAAE,IAAI,CAACP,KAAK,CAACM;MAAgB,CAAC,GAC1D,CAAC,CAAC,GAEP,IAAI,CAACN,KAAK,CAACQ,QAAQ,CACT;IAEvB;EAAC;EAAA;AAAA,EAzCkBC,cAAK,CAACC,SAAS;AAAA,8BAAhCZ,QAAQ,kBACY;EAClBa,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,KAAK;EACfC,UAAU,EAAE,OAAO;EACnBC,MAAM,EAAE;AACZ,CAAC;AAAA,8BANChB,QAAQ,eAQS,CACf,UAAU,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,OAAO,EACP,SAAS,EACT,gBAAgB,CACnB;AAAA,eAsBUA,QAAQ;AAAA"}