@webiny/ui 5.40.0-beta.1 → 5.40.0-beta.3

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","RmwcButton","_interopRequireWildcard","_fab","_Icon","_classnames","_Button","_excluded","ButtonDefault","props","disabled","onClick","children","small","ripple","_props$className","className","style","default","createElement","Button","dense","classNames","exports","ButtonPrimary","_props$small","_props$flat","flat","_props$style","_props$className2","raised","unelevated","ButtonSecondary","_props$small2","_props$className3","_props$style2","outlined","webinyButtonStyles","ButtonFloating","label","icon","_props$small3","_props$className4","rest","_objectWithoutProperties2","Fab","Object","assign","mini","ButtonIcon","Icon"],"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 = (props: ButtonProps) => {\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 = (props: ButtonProps) => {\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 = (props: ButtonProps) => {\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 = (props: ButtonFloatingProps) => {\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 = (props: IconProps) => <Icon {...props} />;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","RmwcButton","_interopRequireWildcard","_fab","_Icon","_classnames","_Button","_excluded","ButtonDefault","exports","props","disabled","onClick","children","small","ripple","_props$className","className","style","default","createElement","Button","dense","classNames","ButtonPrimary","_props$small","_props$flat","flat","_props$style","_props$className2","raised","unelevated","ButtonSecondary","_props$small2","_props$className3","_props$style2","outlined","webinyButtonStyles","ButtonFloating","label","icon","_props$small3","_props$className4","rest","_objectWithoutProperties2","Fab","Object","assign","mini","ButtonIcon","Icon"],"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 = (props: ButtonProps) => {\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 = (props: ButtonProps) => {\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 = (props: ButtonProps) => {\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 = (props: ButtonFloatingProps) => {\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 = (props: IconProps) => <Icon {...props} />;\n"],"mappings":"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","ignoreList":[]}

package/Button/Button.styles.js

@@ -1,15 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.webinyButtonStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _emotion = require("emotion");
+var _templateObject;
 /**
  * Controls the button styles
  * @type {string}
  */
-var webinyButtonStyles = /*#__PURE__*/(0, _emotion.css)("&.webiny-ui-button--secondary:not(:disabled){border-color:var(--mdc-theme-primary);}}label:webinyButtonStyles;");
-exports.webinyButtonStyles = webinyButtonStyles;
+var webinyButtonStyles = exports.webinyButtonStyles = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    &.webiny-ui-button--secondary:not(:disabled) {\n            border-color: var(--mdc-theme-primary);\n        }\n    }\n"])));
 
 //# sourceMappingURL=Button.styles.js.map

package/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_emotion","require","webinyButtonStyles","css","exports"],"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,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,IAAMC,kBAAkB,oBAAGC,YAAG,mHAK7B;AAACC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA"}
+{"version":3,"names":["_emotion","require","_templateObject","webinyButtonStyles","exports","css","_taggedTemplateLiteral2","default"],"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,IAAAA,QAAA,GAAAC,OAAA;AAA8B,IAAAC,eAAA;AAE9B;AACA;AACA;AACA;AACA,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,OAAGE,YAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,sIAK7B","ignoreList":[]}

package/Button/CopyButton/CopyButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { FormComponentProps } from "../../types";
 export interface CopyButtonProps extends FormComponentProps {
     value: string;
@@ -7,5 +7,5 @@ export interface CopyButtonProps extends FormComponentProps {
 /**
  * Shows the icon button.
  */
-declare const CopyButton: (props: CopyButtonProps) => JSX.Element;
+declare const CopyButton: (props: CopyButtonProps) => React.JSX.Element;
 export { CopyButton };

package/Button/CopyButton/CopyButton.js

@@ -14,7 +14,7 @@ var _excluded = ["value", "onCopy"];
 /**
  * Shows the icon button.
  */
-var CopyButton = function CopyButton(props) {
+var CopyButton = exports.CopyButton = function CopyButton(props) {
   var value = props.value,
     onCopy = props.onCopy,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
@@ -29,6 +29,5 @@ var CopyButton = function CopyButton(props) {
     icon: /*#__PURE__*/_react.default.createElement(_file_copy24px.ReactComponent, null)
   }));
 };
-exports.CopyButton = CopyButton;
 
 //# sourceMappingURL=CopyButton.js.map

package/Button/CopyButton/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_file_copy24px","_index","_excluded","CopyButton","props","value","onCopy","otherProps","_objectWithoutProperties2","default","copyToClipboard","useCallback","navigator","clipboard","writeText","createElement","IconButton","Object","assign","onClick","icon","ReactComponent","exports"],"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 = (props: CopyButtonProps) => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAsC,IAAAG,SAAA;AAStC;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAsB,EAAK;EAC3C,IAAQC,KAAK,GAA4BD,KAAK,CAAtCC,KAAK;IAAEC,MAAM,GAAoBF,KAAK,CAA/BE,MAAM;IAAKC,UAAU,OAAAC,yBAAA,CAAAC,OAAA,EAAKL,KAAK,EAAAF,SAAA;EAE9C,IAAMQ,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtCC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACT,KAAK,CAAC;IACpC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBAAOR,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACd,MAAA,CAAAe,UAAU,EAAAC,MAAA,CAAAC,MAAA,KAAKX,UAAU;IAAEY,OAAO,EAAET,eAAgB;IAACU,IAAI,eAAEvB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACf,cAAA,CAAAqB,cAAmB,MAAE;EAAE,EAAE,CAAC;AAClG,CAAC;AAACC,OAAA,CAAAnB,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_file_copy24px","_index","_excluded","CopyButton","exports","props","value","onCopy","otherProps","_objectWithoutProperties2","default","copyToClipboard","useCallback","navigator","clipboard","writeText","createElement","IconButton","Object","assign","onClick","icon","ReactComponent"],"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 = (props: CopyButtonProps) => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAsC,IAAAG,SAAA;AAStC;AACA;AACA;AACA,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,KAAsB,EAAK;EAC3C,IAAQC,KAAK,GAA4BD,KAAK,CAAtCC,KAAK;IAAEC,MAAM,GAAoBF,KAAK,CAA/BE,MAAM;IAAKC,UAAU,OAAAC,yBAAA,CAAAC,OAAA,EAAKL,KAAK,EAAAH,SAAA;EAE9C,IAAMS,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtCC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACT,KAAK,CAAC;IACpC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBAAOT,MAAA,CAAAa,OAAA,CAAAM,aAAA,CAACf,MAAA,CAAAgB,UAAU,EAAAC,MAAA,CAAAC,MAAA,KAAKX,UAAU;IAAEY,OAAO,EAAET,eAAgB;IAACU,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAM,aAAA,CAAChB,cAAA,CAAAsB,cAAmB,MAAE;EAAE,EAAE,CAAC;AAClG,CAAC","ignoreList":[]}

package/Button/IconButton/IconButton.d.ts

@@ -33,5 +33,5 @@ export interface IconButtonProps extends Omit<FormComponentProps, "onChange">, R
 /**
  * Shows the icon button.
  */
-declare const IconButton: (props: IconButtonProps) => JSX.Element;
+declare const IconButton: (props: IconButtonProps) => React.JSX.Element;
 export { IconButton };

package/Button/IconButton/IconButton.js

@@ -5,12 +5,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconButton = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _iconButton = require("@rmwc/icon-button");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledRIconButton = /*#__PURE__*/(0, _base.default)(_iconButton.IconButton, process.env.NODE_ENV === "production" ? {
+  target: "e1r2maaw0"
+} : {
+  target: "e1r2maaw0",
+  label: "StyledRIconButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "14i4yqk",
+  styles: "i{all:unset;pointer-events:none;}"
+} : {
+  name: "14i4yqk",
+  styles: "i{all:unset;pointer-events:none;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM2QyIsImZpbGUiOiJJY29uQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgSWNvbkJ1dHRvbiBhcyBSSWNvbkJ1dHRvbixcbiAgICBJY29uQnV0dG9uUHJvcHMgYXMgUm13Y0ljb25CdXR0b25Qcm9wc1xufSBmcm9tIFwiQHJtd2MvaWNvbi1idXR0b25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBGb3JtQ29tcG9uZW50UHJvcHMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkUkljb25CdXR0b24gPSBzdHlsZWQoUkljb25CdXR0b24pYFxuICAgIGkge1xuICAgICAgICBhbGw6IHVuc2V0O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25CdXR0b25Qcm9wcyBleHRlbmRzIE9taXQ8Rm9ybUNvbXBvbmVudFByb3BzLCBcIm9uQ2hhbmdlXCI+LCBSbXdjSWNvbkJ1dHRvblByb3BzIHtcbiAgICBpZD86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBJY29uIHNob3VsZCBiZSBwcm92aWRlZCBhcyBhbiBTdmdDb21wb25lbnQuXG4gICAgICovXG4gICAgaWNvbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gICAgLyoqXG4gICAgICogQnV0dG9uIGxhYmVsXG4gICAgICovXG4gICAgbGFiZWw/OiBzdHJpbmc7XG5cbiAgICAvKipcbiAgICAgKiBvbkNsaWNrIGhhbmRsZXJcbiAgICAgKiBAcGFyYW0gZXZlbnRcbiAgICAgKi9cbiAgICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuXG4gICAgLyoqXG4gICAgICogQ3VzdG9tIENTUyBjbGFzc1xuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBGb3IgdGVzdGluZyBwdXJwb3Nlcy5cbiAgICAgKi9cblxuICAgIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcblxuICAgIC8qKlxuICAgICAqIFNob3VsZCBpY29uIGJlIGRpc2FibGVkP1xuICAgICAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcblxuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG4vKipcbiAqIFNob3dzIHRoZSBpY29uIGJ1dHRvbi5cbiAqL1xuY29uc3QgSWNvbkJ1dHRvbiA9IChwcm9wczogSWNvbkJ1dHRvblByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBpZCwgaWNvbiwgbGFiZWwsIG9uQ2xpY2ssIGNsYXNzTmFtZSwgZGlzYWJsZWQsIHJpcHBsZSB9ID0gcHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkUkljb25CdXR0b25cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtwcm9wc1tcImRhdGEtdGVzdGlkXCJdfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgICAgIHJpcHBsZT17cmlwcGxlfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuXG5leHBvcnQgeyBJY29uQnV0dG9uIH07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 /**
  * Shows the icon button.
  */
-var IconButton = function IconButton(props) {
+var IconButton = exports.IconButton = function IconButton(props) {
   var id = props.id,
     icon = props.icon,
     label = props.label,
@@ -18,7 +34,7 @@ var IconButton = function IconButton(props) {
     className = props.className,
     disabled = props.disabled,
     ripple = props.ripple;
-  return /*#__PURE__*/_react.default.createElement(_iconButton.IconButton, {
+  return /*#__PURE__*/_react.default.createElement(StyledRIconButton, {
     id: id,
     "data-testid": props["data-testid"],
     onClick: onClick,
@@ -29,6 +45,5 @@ var IconButton = function IconButton(props) {
     ripple: ripple
   });
 };
-exports.IconButton = IconButton;
 
 //# sourceMappingURL=IconButton.js.map

package/Button/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_iconButton","IconButton","props","id","icon","label","onClick","className","disabled","ripple","default","createElement","exports"],"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    children?: React.ReactNode;\n}\n\n/**\n * Shows the icon button.\n */\nconst IconButton = (props: IconButtonProps) => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AA2CA;AACA;AACA;AACA,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAsB,EAAK;EAC3C,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,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAC,UAAW;IACRE,EAAE,EAAEA,EAAG;IACP,eAAaD,KAAK,CAAC,aAAa,CAAE;IAClCI,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBD,SAAS,EAAEA,SAAU;IACrBF,KAAK,EAAEA,KAAM;IACbD,IAAI,EAAEA,IAAK;IACXK,MAAM,EAAEA;EAAO,CAClB,CAAC;AAEV,CAAC;AAACG,OAAA,CAAAX,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_iconButton","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledRIconButton","_base","default","RIconButton","process","env","NODE_ENV","target","label","name","styles","map","toString","IconButton","exports","props","id","icon","onClick","className","disabled","ripple","createElement"],"sources":["IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    IconButton as RIconButton,\n    IconButtonProps as RmwcIconButtonProps\n} from \"@rmwc/icon-button\";\nimport styled from \"@emotion/styled\";\n\nimport { FormComponentProps } from \"../../types\";\n\nconst StyledRIconButton = styled(RIconButton)`\n    i {\n        all: unset;\n        pointer-events: none;\n    }\n`;\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    children?: React.ReactNode;\n}\n\n/**\n * Shows the icon button.\n */\nconst IconButton = (props: IconButtonProps) => {\n    const { id, icon, label, onClick, className, disabled, ripple } = props;\n\n    return (\n        <StyledRIconButton\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAG2B,SAAAE,iCAAA;AAK3B,IAAMC,iBAAiB,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAOC,sBAAW,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAK5C;AAsCD;AACA;AACA;AACA,IAAMc,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,KAAsB,EAAK;EAC3C,IAAQC,EAAE,GAAwDD,KAAK,CAA/DC,EAAE;IAAEC,IAAI,GAAkDF,KAAK,CAA3DE,IAAI;IAAET,KAAK,GAA2CO,KAAK,CAArDP,KAAK;IAAEU,OAAO,GAAkCH,KAAK,CAA9CG,OAAO;IAAEC,SAAS,GAAuBJ,KAAK,CAArCI,SAAS;IAAEC,QAAQ,GAAaL,KAAK,CAA1BK,QAAQ;IAAEC,MAAM,GAAKN,KAAK,CAAhBM,MAAM;EAE7D,oBACI1B,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACtB,iBAAiB;IACdgB,EAAE,EAAEA,EAAG;IACP,eAAaD,KAAK,CAAC,aAAa,CAAE;IAClCG,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBD,SAAS,EAAEA,SAAU;IACrBX,KAAK,EAAEA,KAAM;IACbS,IAAI,EAAEA,IAAK;IACXI,MAAM,EAAEA;EAAO,CAClB,CAAC;AAEV,CAAC","ignoreList":[]}

package/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Button","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_IconButton","_CopyButton"],"sources":["index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./IconButton/IconButton\";\nexport * from \"./CopyButton/CopyButton\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Button","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_IconButton","_CopyButton"],"sources":["index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./IconButton/IconButton\";\nexport * from \"./CopyButton/CopyButton\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/Carousel/Carousel.d.ts

@@ -14,6 +14,6 @@ declare class Carousel extends React.Component<Props> {
         easing: string;
     };
     static nukaProps: string[];
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Carousel;

package/Carousel/Carousel.js

@@ -7,20 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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);
+    return (0, _callSuper2.default)(this, Carousel, arguments);
   }
-  (0, _createClass2.default)(Carousel, [{
+  (0, _inherits2.default)(Carousel, _React$Component);
+  return (0, _createClass2.default)(Carousel, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_nukaCarousel.default, Object.assign({}, (0, _pick.default)(this.props, Carousel.nukaProps), this.props.renderPreviousSlide ? {
@@ -32,7 +31,6 @@ var Carousel = /*#__PURE__*/function (_React$Component) {
       } : {}), this.props.children);
     }
   }]);
-  return Carousel;
 }(_react.default.Component);
 (0, _defineProperty2.default)(Carousel, "defaultProps", {
   swiping: true,
@@ -41,7 +39,6 @@ var Carousel = /*#__PURE__*/function (_React$Component) {
   easing: "easeExpInOut"
 });
 (0, _defineProperty2.default)(Carousel, "nukaProps", ["children", "afterSlide", "autoplay", "autoplayInterval", "beforeSlide", "dragging", "easing", "heightMode", "pauseOnHover", "slideIndex", "speed", "swiping", "transitionMode"]);
-var _default = Carousel;
-exports.default = _default;
+var _default = exports.default = Carousel;
 
 //# sourceMappingURL=Carousel.js.map

package/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_nukaCarousel","_pick","Carousel","_React$Component","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","createElement","Object","assign","pick","props","nukaProps","renderPreviousSlide","renderCenterLeftControls","renderNextSlide","renderCenterRightControls","renderBottomNav","renderBottomCenterControls","children","React","Component","_defineProperty2","swiping","dragging","heightMode","easing","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,IAgBzBG,QAAQ,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,QAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,QAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,QAAA;IAAAU,GAAA;IAAAC,KAAA,EAwBV,SAAAC,OAAA,EAAyB;MACrB,oBACIjB,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,aAAA,CAAAK,OAAY,EAAAW,MAAA,CAAAC,MAAA,KACL,IAAAC,aAAI,EAAC,IAAI,CAACC,KAAK,EAAEjB,QAAQ,CAACkB,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,QACF,CAAC;IAEvB;EAAC;EAAA,OAAAzB,QAAA;AAAA,EAzCkB0B,cAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,CAAAzB,OAAA,EAAhCH,QAAQ,kBACY;EAClB6B,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,KAAK;EACfC,UAAU,EAAE,OAAO;EACnBC,MAAM,EAAE;AACZ,CAAC;AAAA,IAAAJ,gBAAA,CAAAzB,OAAA,EANCH,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,IAAAiC,QAAA,GAsBUjC,QAAQ;AAAAkC,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_nukaCarousel","_pick","Carousel","_React$Component","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","createElement","Object","assign","pick","props","nukaProps","renderPreviousSlide","renderCenterLeftControls","renderNextSlide","renderCenterRightControls","renderBottomNav","renderBottomCenterControls","children","React","Component","_defineProperty2","swiping","dragging","heightMode","easing","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,IAgBzBG,QAAQ,0BAAAC,gBAAA;EAAA,SAAAD,SAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,QAAA;IAAA,WAAAI,WAAA,CAAAD,OAAA,QAAAH,QAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAH,QAAA,EAAAC,gBAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAH,QAAA;IAAAQ,GAAA;IAAAC,KAAA,EAwBV,SAAAC,OAAA,EAAyB;MACrB,oBACIf,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,aAAA,CAAAK,OAAY,EAAAS,MAAA,CAAAC,MAAA,KACL,IAAAC,aAAI,EAAC,IAAI,CAACC,KAAK,EAAEf,QAAQ,CAACgB,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,QACF,CAAC;IAEvB;EAAC;AAAA,EAzCkBC,cAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,CAAAvB,OAAA,EAAhCH,QAAQ,kBACY;EAClB2B,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,KAAK;EACfC,UAAU,EAAE,OAAO;EACnBC,MAAM,EAAE;AACZ,CAAC;AAAA,IAAAJ,gBAAA,CAAAvB,OAAA,EANCH,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,IAAA+B,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAsBUH,QAAQ","ignoreList":[]}

package/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Carousel","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["export { default as Carousel } from \"./Carousel\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA"}
+{"version":3,"names":["_Carousel","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["export { default as Carousel } from \"./Carousel\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/Checkbox/Checkbox.d.ts

@@ -1,12 +1,13 @@
 import React from "react";
 import { FormComponentProps } from "../types";
 interface Props extends FormComponentProps {
-    label?: React.ReactNode;
+    label?: string;
     disabled?: boolean;
     onClick?: (value: boolean) => void;
     indeterminate?: boolean;
     description?: string;
     "data-testid"?: string;
+    children?: React.ReactNode;
 }
 /**
  * Single Checkbox component can be used to store simple boolean values.
@@ -16,6 +17,6 @@ interface Props extends FormComponentProps {
  */
 declare class Checkbox extends React.Component<Props> {
     onChange: (e: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Checkbox;

package/Checkbox/Checkbox.js

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _checkbox = require("@rmwc/checkbox");
@@ -21,26 +20,26 @@ var _FormElementMessage = require("../FormElementMessage");
  * In that case, each Checkbox component must receive value and onChange callback via props.
  */
 var Checkbox = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Checkbox, _React$Component);
-  var _super = (0, _createSuper2.default)(Checkbox);
   function Checkbox() {
     var _this;
     (0, _classCallCheck2.default)(this, Checkbox);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (e) {
+    _this = (0, _callSuper2.default)(this, Checkbox, [].concat(args));
+    (0, _defineProperty2.default)(_this, "onChange", function (e) {
       _this.props.onChange && _this.props.onChange(e.target.checked);
     });
     return _this;
   }
-  (0, _createClass2.default)(Checkbox, [{
+  (0, _inherits2.default)(Checkbox, _React$Component);
+  return (0, _createClass2.default)(Checkbox, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
         value = _this$props.value,
-        label = _this$props.label,
+        _this$props$label = _this$props.label,
+        label = _this$props$label === void 0 ? "" : _this$props$label,
         disabled = _this$props.disabled,
         indeterminate = _this$props.indeterminate,
         description = _this$props.description,
@@ -64,9 +63,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
       }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
     }
   }]);
-  return Checkbox;
 }(_react.default.Component);
-var _default = Checkbox;
-exports.default = _default;
+var _default = exports.default = Checkbox;
 
 //# sourceMappingURL=Checkbox.js.map

package/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_checkbox","_FormElementMessage","Checkbox","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","props","onChange","target","checked","_createClass2","key","value","render","_this$props","label","disabled","indeterminate","description","validation","onClick","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Boolean","FormElementMessage","error","React","Component","_default","exports"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Checkbox as RmwcCheckbox } from \"@rmwc/checkbox\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\n\ninterface Props extends FormComponentProps {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // onClick callback.\n    onClick?: (value: boolean) => void;\n\n    // Use when checkbox is not checked nor unchecked.\n    indeterminate?: boolean;\n\n    // Description beneath the checkbox.\n    description?: string;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n}\n\n/**\n * Single Checkbox component can be used to store simple boolean values.\n *\n * Grouping multiple Checkbox components with CheckboxGroup will allow to store an array of selected values.\n * In that case, each Checkbox component must receive value and onChange callback via props.\n */\nclass Checkbox extends React.Component<Props> {\n    onChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        this.props.onChange && this.props.onChange((e.target as HTMLInputElement).checked);\n    };\n\n    public override render() {\n        const { value, label, disabled, indeterminate, description, validation, onClick } =\n            this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcCheckbox\n                    indeterminate={indeterminate}\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                    onClick={() => typeof onClick === \"function\" && onClick(Boolean(value))}\n                    label={label}\n                    data-testid={this.props[\"data-testid\"]}\n                />\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_checkbox","_FormElementMessage","Checkbox","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","e","props","onChange","target","checked","_inherits2","_createClass2","key","value","render","_this$props","_this$props$label","label","disabled","indeterminate","description","validation","onClick","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Boolean","FormElementMessage","error","React","Component","_default","exports"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Checkbox as RmwcCheckbox } from \"@rmwc/checkbox\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\n\ninterface Props extends FormComponentProps {\n    // Component label.\n    label?: string;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // onClick callback.\n    onClick?: (value: boolean) => void;\n\n    // Use when checkbox is not checked nor unchecked.\n    indeterminate?: boolean;\n\n    // Description beneath the checkbox.\n    description?: string;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n\n    children?: React.ReactNode;\n}\n\n/**\n * Single Checkbox component can be used to store simple boolean values.\n *\n * Grouping multiple Checkbox components with CheckboxGroup will allow to store an array of selected values.\n * In that case, each Checkbox component must receive value and onChange callback via props.\n */\nclass Checkbox extends React.Component<Props> {\n    onChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        this.props.onChange && this.props.onChange((e.target as HTMLInputElement).checked);\n    };\n\n    public override render() {\n        const {\n            value,\n            label = \"\",\n            disabled,\n            indeterminate,\n            description,\n            validation,\n            onClick\n        } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcCheckbox\n                    indeterminate={indeterminate}\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                    onClick={() => typeof onClick === \"function\" && onClick(Boolean(value))}\n                    label={label}\n                    data-testid={this.props[\"data-testid\"]}\n                />\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAyBA;AACA;AACA;AACA;AACA;AACA;AALA,IAMMG,QAAQ,0BAAAC,gBAAA;EAAA,SAAAD,SAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,QAAA;IAAA,SAAAK,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAJ,QAAA,KAAAY,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,cACC,UAACY,CAAyC,EAAK;MACtDZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,IAAId,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAAEF,CAAC,CAACG,MAAM,CAAsBC,OAAO,CAAC;IACtF,CAAC;IAAA,OAAAhB,KAAA;EAAA;EAAA,IAAAiB,UAAA,CAAAf,OAAA,EAAAJ,QAAA,EAAAC,gBAAA;EAAA,WAAAmB,aAAA,CAAAhB,OAAA,EAAAJ,QAAA;IAAAqB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,IAAAC,WAAA,GAQI,IAAI,CAACT,KAAK;QAPVO,KAAK,GAAAE,WAAA,CAALF,KAAK;QAAAG,iBAAA,GAAAD,WAAA,CACLE,KAAK;QAALA,KAAK,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;QACVE,QAAQ,GAAAH,WAAA,CAARG,QAAQ;QACRC,aAAa,GAAAJ,WAAA,CAAbI,aAAa;QACbC,WAAW,GAAAL,WAAA,CAAXK,WAAW;QACXC,UAAU,GAAAN,WAAA,CAAVM,UAAU;QACVC,QAAO,GAAAP,WAAA,CAAPO,OAAO;MAGX,IAAAC,IAAA,GAAmEF,UAAU,IAAI,CAAC,CAAC;QAAlEG,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACIzC,MAAA,CAAAS,OAAA,CAAAiC,aAAA,CAAC1C,MAAA,CAAAS,OAAK,CAACkC,QAAQ,qBACX3C,MAAA,CAAAS,OAAA,CAAAiC,aAAA,CAACvC,SAAA,CAAAE,QAAY;QACT4B,aAAa,EAAEA,aAAc;QAC7BD,QAAQ,EAAEA,QAAS;QACnBT,OAAO,EAAEqB,OAAO,CAACjB,KAAK,CAAE;QACxBN,QAAQ,EAAE,IAAI,CAACA,QAAS;QACxBe,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM,OAAOA,QAAO,KAAK,UAAU,IAAIA,QAAO,CAACQ,OAAO,CAACjB,KAAK,CAAC,CAAC;QAAA,CAAC;QACxEI,KAAK,EAAEA,KAAM;QACb,eAAa,IAAI,CAACX,KAAK,CAAC,aAAa;MAAE,CAC1C,CAAC,EACDkB,iBAAiB,KAAK,KAAK,iBACxBtC,MAAA,CAAAS,OAAA,CAAAiC,aAAA,CAACtC,mBAAA,CAAAyC,kBAAkB;QAACC,KAAK;MAAA,GAAEN,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIJ,WAAW,iBACvClC,MAAA,CAAAS,OAAA,CAAAiC,aAAA,CAACtC,mBAAA,CAAAyC,kBAAkB,QAAEX,WAAgC,CAE7C,CAAC;IAEzB;EAAC;AAAA,EAtCkBa,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAzC,OAAA,GAyCvBJ,QAAQ","ignoreList":[]}

package/Checkbox/Checkbox.styles.js

@@ -9,14 +9,13 @@ var _emotion = require("emotion");
  * Controls the helper text below the checkbox.
  * @type {string}
  */
-var webinyCheckboxTitle = /*#__PURE__*/(0, _emotion.css)({}, {
+var webinyCheckboxTitle = exports.webinyCheckboxTitle = (0, _emotion.css)({}, {
   "&.mdc-text-field-helper-text": {
     //paddingLeft: 10,
     textTransform: "uppercase",
     fontWeight: "bold",
     marginBottom: "5px"
   }
-}, "label:webinyCheckboxTitle;");
-exports.webinyCheckboxTitle = webinyCheckboxTitle;
+});
 
 //# sourceMappingURL=Checkbox.styles.js.map

package/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_emotion","require","webinyCheckboxTitle","css","textTransform","fontWeight","marginBottom","exports"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxTitle = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            //paddingLeft: 10,\n            textTransform: \"uppercase\",\n            fontWeight: \"bold\",\n            marginBottom: \"5px\"\n        }\n    }\n);\n\nexport { webinyCheckboxTitle };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,IAAMC,mBAAmB,gBAAG,IAAAC,YAAG,EAC3B,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5B;IACAC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE;EAClB;AACJ,CAAC,8BACL,CAAC;AAACC,OAAA,CAAAL,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_emotion","require","webinyCheckboxTitle","exports","css","textTransform","fontWeight","marginBottom"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxTitle = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            //paddingLeft: 10,\n            textTransform: \"uppercase\",\n            fontWeight: \"bold\",\n            marginBottom: \"5px\"\n        }\n    }\n);\n\nexport { webinyCheckboxTitle };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,YAAG,EAC3B,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5B;IACAC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE;EAClB;AACJ,CACJ,CAAC","ignoreList":[]}

package/Checkbox/CheckboxGroup.d.ts

@@ -10,6 +10,6 @@ declare type Props = FormComponentProps & {
     children: (props: ChildrenRenderProp) => React.ReactNode;
 };
 declare class CheckboxGroup extends React.Component<Props> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default CheckboxGroup;

package/Checkbox/CheckboxGroup.js

@@ -8,19 +8,18 @@ exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireDefault(require("react"));
 var _Checkbox = require("./Checkbox.styles");
 var _FormElementMessage = require("../FormElementMessage");
 var CheckboxGroup = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(CheckboxGroup, _React$Component);
-  var _super = (0, _createSuper2.default)(CheckboxGroup);
   function CheckboxGroup() {
     (0, _classCallCheck2.default)(this, CheckboxGroup);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, CheckboxGroup, arguments);
   }
-  (0, _createClass2.default)(CheckboxGroup, [{
+  (0, _inherits2.default)(CheckboxGroup, _React$Component);
+  return (0, _createClass2.default)(CheckboxGroup, [{
     key: "render",
     value: function render() {
       var _this = this;
@@ -56,9 +55,7 @@ var CheckboxGroup = /*#__PURE__*/function (_React$Component) {
       }, validation.message), validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
     }
   }]);
-  return CheckboxGroup;
 }(_react.default.Component);
-var _default = CheckboxGroup;
-exports.default = _default;
+var _default = exports.default = CheckboxGroup;
 
 //# sourceMappingURL=CheckboxGroup.js.map

package/Checkbox/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Checkbox","_FormElementMessage","CheckboxGroup","_React$Component","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_this","_this$props","props","description","label","_this$props$validatio","validation","isValid","message","createElement","Fragment","className","webinyCheckboxTitle","children","onChange","values","Array","isArray","_toConsumableArray2","index","indexOf","splice","push","getValue","id","includes","FormElementMessage","error","React","Component","_default","exports"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"./../types\";\nimport { webinyCheckboxTitle } from \"./Checkbox.styles\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\nexport interface ChildrenRenderProp {\n    onChange: (id: string | number) => () => void;\n    getValue: (id: string | number) => boolean;\n}\n\ntype Props = FormComponentProps & {\n    // Form element's label.\n    label?: string;\n\n    // Form element's description.\n    description?: string;\n\n    // An array of Checkbox components.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n};\n\nclass CheckboxGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation = { isValid: null, message: null } } = this.props;\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div\n                        className={\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent \" +\n                            webinyCheckboxTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => {\n                        return () => {\n                            const values = Array.isArray(this.props.value)\n                                ? [...this.props.value]\n                                : [];\n                            const index = values.indexOf(value);\n                            if (index > -1) {\n                                values.splice(index, 1);\n                            } else {\n                                values.push(value);\n                            }\n\n                            this.props.onChange && this.props.onChange(values);\n                        };\n                    },\n                    getValue: id => {\n                        const values = Array.isArray(this.props.value) ? this.props.value : [];\n                        return values.includes(id);\n                    }\n                })}\n\n                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default CheckboxGroup;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Checkbox","_FormElementMessage","CheckboxGroup","_React$Component","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_this","_this$props","props","description","label","_this$props$validatio","validation","isValid","message","createElement","Fragment","className","webinyCheckboxTitle","children","onChange","values","Array","isArray","_toConsumableArray2","index","indexOf","splice","push","getValue","id","includes","FormElementMessage","error","React","Component","_default","exports"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"./../types\";\nimport { webinyCheckboxTitle } from \"./Checkbox.styles\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\nexport interface ChildrenRenderProp {\n    onChange: (id: string | number) => () => void;\n    getValue: (id: string | number) => boolean;\n}\n\ntype Props = FormComponentProps & {\n    // Form element's label.\n    label?: string;\n\n    // Form element's description.\n    description?: string;\n\n    // An array of Checkbox components.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n};\n\nclass CheckboxGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation = { isValid: null, message: null } } = this.props;\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div\n                        className={\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent \" +\n                            webinyCheckboxTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => {\n                        return () => {\n                            const values = Array.isArray(this.props.value)\n                                ? [...this.props.value]\n                                : [];\n                            const index = values.indexOf(value);\n                            if (index > -1) {\n                                values.splice(index, 1);\n                            } else {\n                                values.push(value);\n                            }\n\n                            this.props.onChange && this.props.onChange(values);\n                        };\n                    },\n                    getValue: id => {\n                        const values = Array.isArray(this.props.value) ? this.props.value : [];\n                        return values.includes(id);\n                    }\n                })}\n\n                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA2D,IAkBrDG,aAAa,0BAAAC,gBAAA;EAAA,SAAAD,cAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,aAAA;IAAA,WAAAI,WAAA,CAAAD,OAAA,QAAAH,aAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAH,aAAA,EAAAC,gBAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAH,aAAA;IAAAQ,GAAA;IAAAC,KAAA,EACf,SAAAC,OAAA,EAAyB;MAAA,IAAAC,KAAA;MACrB,IAAAC,WAAA,GAA8E,IAAI,CAACC,KAAK;QAAhFC,WAAW,GAAAF,WAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;QAAAC,qBAAA,GAAAJ,WAAA,CAAEK,UAAU;QAAVA,UAAU,GAAAD,qBAAA,cAAG;UAAEE,OAAO,EAAE,IAAI;UAAEC,OAAO,EAAE;QAAK,CAAC,GAAAH,qBAAA;MAEzE,oBACIrB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACzB,MAAA,CAAAQ,OAAK,CAACkB,QAAQ,QACVN,KAAK,iBACFpB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;QACIE,SAAS,EACL,oEAAoE,GACpEC;MACH,GAEAR,KACA,CACR,EAEA,IAAI,CAACF,KAAK,CAACW,QAAQ,CAAC;QACjBC,QAAQ,EAAE,SAAAA,SAAAhB,KAAK,EAAI;UACf,OAAO,YAAM;YACT,IAAMiB,MAAM,GAAGC,KAAK,CAACC,OAAO,CAACjB,KAAI,CAACE,KAAK,CAACJ,KAAK,CAAC,OAAAoB,mBAAA,CAAA1B,OAAA,EACpCQ,KAAI,CAACE,KAAK,CAACJ,KAAK,IACpB,EAAE;YACR,IAAMqB,KAAK,GAAGJ,MAAM,CAACK,OAAO,CAACtB,KAAK,CAAC;YACnC,IAAIqB,KAAK,GAAG,CAAC,CAAC,EAAE;cACZJ,MAAM,CAACM,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;YAC3B,CAAC,MAAM;cACHJ,MAAM,CAACO,IAAI,CAACxB,KAAK,CAAC;YACtB;YAEAE,KAAI,CAACE,KAAK,CAACY,QAAQ,IAAId,KAAI,CAACE,KAAK,CAACY,QAAQ,CAACC,MAAM,CAAC;UACtD,CAAC;QACL,CAAC;QACDQ,QAAQ,EAAE,SAAAA,SAAAC,EAAE,EAAI;UACZ,IAAMT,MAAM,GAAGC,KAAK,CAACC,OAAO,CAACjB,KAAI,CAACE,KAAK,CAACJ,KAAK,CAAC,GAAGE,KAAI,CAACE,KAAK,CAACJ,KAAK,GAAG,EAAE;UACtE,OAAOiB,MAAM,CAACU,QAAQ,CAACD,EAAE,CAAC;QAC9B;MACJ,CAAC,CAAC,EAEDlB,UAAU,CAACC,OAAO,KAAK,KAAK,iBACzBvB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACrB,mBAAA,CAAAsC,kBAAkB;QAACC,KAAK;MAAA,GAAErB,UAAU,CAACE,OAA4B,CACrE,EAEAF,UAAU,CAACC,OAAO,KAAK,KAAK,IAAIJ,WAAW,iBACxCnB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACrB,mBAAA,CAAAsC,kBAAkB,QAAEvB,WAAgC,CAE7C,CAAC;IAEzB;EAAC;AAAA,EAhDuByB,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAmD5BH,aAAa","ignoreList":[]}

package/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Checkbox","_interopRequireDefault","require","_CheckboxGroup"],"sources":["index.ts"],"sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA"}
+{"version":3,"names":["_Checkbox","_interopRequireDefault","require","_CheckboxGroup"],"sources":["index.ts"],"sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/Chips/Chip.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { ChipProps as RmwcChipProps } from "@rmwc/chip";
-export declare type ChipProps = RmwcChipProps;
-export declare const Chip: (props: ChipProps) => JSX.Element;
+export interface ChipProps extends Omit<RmwcChipProps, "onRemove" | "trailingIcon"> {
+    onRemove: (ev: React.MouseEvent<HTMLSpanElement>) => void;
+    trailingIcon?: React.ReactNode;
+}
+export declare const Chip: (props: ChipProps) => React.JSX.Element;

package/Chips/Chip.js

@@ -1,19 +1,34 @@
 "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.Chip = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _chip = require("@rmwc/chip");
-var _excluded = ["children"];
-var Chip = function Chip(props) {
+var _excluded = ["children", "trailingIcon", "onRemove"];
+var Chip = exports.Chip = function Chip(props) {
   var children = props.children,
+    trailingIcon = props.trailingIcon,
+    onRemove = props.onRemove,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_chip.Chip, rest, children);
+  var onRemoveCb = (0, _react.useCallback)(function (ev) {
+    if (!onRemove) {
+      return;
+    }
+    onRemove(ev);
+  }, [onRemove]);
+  var trailingIconElement = null;
+  if (trailingIcon) {
+    trailingIconElement = /*#__PURE__*/_react.default.createElement("span", {
+      className: "mdc-chip__icon mdc-chip__icon--trailing",
+      onClick: onRemoveCb
+    }, trailingIcon);
+  }
+  return /*#__PURE__*/_react.default.createElement(_chip.Chip, rest, children, " ", trailingIconElement);
 };
-exports.Chip = Chip;
 
 //# sourceMappingURL=Chip.js.map

package/Chips/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_chip","_excluded","Chip","props","children","rest","_objectWithoutProperties2","default","createElement","exports"],"sources":["Chip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chip as RmwcChip, ChipProps as RmwcChipProps } from \"@rmwc/chip\";\n\nexport type ChipProps = RmwcChipProps;\n\nexport const Chip = (props: ChipProps) => {\n    const { children, ...rest } = props;\n    return <RmwcChip {...rest}>{children}</RmwcChip>;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA0E,IAAAE,SAAA;AAInE,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;EACtC,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAF,SAAA;EACnC,oBAAOJ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAE,IAAQ,EAAKG,IAAI,EAAGD,QAAmB,CAAC;AACpD,CAAC;AAACK,OAAA,CAAAP,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_chip","_excluded","Chip","exports","props","children","trailingIcon","onRemove","rest","_objectWithoutProperties2","default","onRemoveCb","useCallback","ev","trailingIconElement","createElement","className","onClick"],"sources":["Chip.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Chip as RmwcChip, ChipProps as RmwcChipProps } from \"@rmwc/chip\";\n\nexport interface ChipProps extends Omit<RmwcChipProps, \"onRemove\" | \"trailingIcon\"> {\n    onRemove: (ev: React.MouseEvent<HTMLSpanElement>) => void;\n    trailingIcon?: React.ReactNode;\n}\n\nexport const Chip = (props: ChipProps) => {\n    const { children, trailingIcon, onRemove, ...rest } = props;\n\n    const onRemoveCb = useCallback(\n        (ev: React.MouseEvent<HTMLSpanElement>) => {\n            if (!onRemove) {\n                return;\n            }\n            onRemove(ev);\n        },\n        [onRemove]\n    );\n\n    let trailingIconElement = null;\n    if (trailingIcon) {\n        trailingIconElement = (\n            <span className={\"mdc-chip__icon mdc-chip__icon--trailing\"} onClick={onRemoveCb}>\n                {trailingIcon}\n            </span>\n        );\n    }\n\n    return (\n        <RmwcChip {...rest}>\n            {children} {trailingIconElement}\n        </RmwcChip>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA0E,IAAAE,SAAA;AAOnE,IAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,KAAgB,EAAK;EACtC,IAAQC,QAAQ,GAAsCD,KAAK,CAAnDC,QAAQ;IAAEC,YAAY,GAAwBF,KAAK,CAAzCE,YAAY;IAAEC,QAAQ,GAAcH,KAAK,CAA3BG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,KAAK,EAAAH,SAAA;EAE3D,IAAMU,UAAU,GAAG,IAAAC,kBAAW,EAC1B,UAACC,EAAqC,EAAK;IACvC,IAAI,CAACN,QAAQ,EAAE;MACX;IACJ;IACAA,QAAQ,CAACM,EAAE,CAAC;EAChB,CAAC,EACD,CAACN,QAAQ,CACb,CAAC;EAED,IAAIO,mBAAmB,GAAG,IAAI;EAC9B,IAAIR,YAAY,EAAE;IACdQ,mBAAmB,gBACfjB,MAAA,CAAAa,OAAA,CAAAK,aAAA;MAAMC,SAAS,EAAE,yCAA0C;MAACC,OAAO,EAAEN;IAAW,GAC3EL,YACC,CACT;EACL;EAEA,oBACIT,MAAA,CAAAa,OAAA,CAAAK,aAAA,CAACf,KAAA,CAAAE,IAAQ,EAAKM,IAAI,EACbH,QAAQ,EAAC,GAAC,EAACS,mBACN,CAAC;AAEnB,CAAC","ignoreList":[]}

package/Chips/Chips.d.ts

@@ -18,4 +18,4 @@ export interface ChipsProps {
      */
     style?: React.CSSProperties;
 }
-export declare const Chips: (props: ChipsProps) => JSX.Element;
+export declare const Chips: (props: ChipsProps) => React.JSX.Element;