@webiny/ui 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/Button/Button.js

@@ -1,154 +1,18 @@
-"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,
-      _props$ripple = props.ripple,
-      ripple = _props$ripple === void 0 ? true : _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,
-    dense: small,
-    onClick: onClick,
-    ripple: ripple,
-    className: (0, _classnames.default)("webiny-ui-button", className),
-    "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,
-      _props$ripple2 = props.ripple,
-      ripple = _props$ripple2 === void 0 ? true : _props$ripple2,
-      _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,
-    disabled: disabled,
-    unelevated: flat,
-    ripple: ripple,
-    onClick: onClick,
-    style: style,
-    className: (0, _classnames.default)("webiny-ui-button webiny-ui-button--primary", className),
-    "data-testid": props["data-testid"]
-  }, children);
-};
+import React from "react";
+import { Button as AdminUiButton } from "@webiny/admin-ui/Button";
+import { useMappedButtonProps } from "./useMappedButtonProps";
 /**
- * Shows a secondary button - eg. for doing a reset on a form.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
  */
-
-
-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,
-      _props$ripple3 = props.ripple,
-      ripple = _props$ripple3 === void 0 ? true : _props$ripple3,
-      _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,
-    dense: small,
-    ripple: ripple,
-    onClick: onClick,
-    style: style,
-    className: (0, _classnames.default)("webiny-ui-button webiny-ui-button--secondary", _Button.webinyButtonStyles, className),
-    "data-testid": props["data-testid"]
-  }, children);
+const Button = props => {
+  const mappedProps = useMappedButtonProps(props);
+  return /*#__PURE__*/React.createElement(AdminUiButton, mappedProps);
 };
+Button.displayName = "Button";
+export { Button };
 
-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,
-      _props$ripple4 = props.ripple,
-      ripple = _props$ripple4 === void 0 ? true : _props$ripple4,
-      _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,
-    mini: small,
-    onClick: onClick,
-    label: label,
-    ripple: ripple,
-    icon: icon,
-    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);
-};
+// Needed for backward compatibility.
+export default Button;
 
-exports.ButtonIcon = ButtonIcon;
+//# sourceMappingURL=Button.js.map

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\";\nexport interface ButtonProps {\n    // Make button flat (only applicable to Primary button).\n    flat?: boolean;\n\n    // Make button smaller.\n    small?: boolean;\n\n    // onClick handler.\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => void | null;\n\n    // Label and optionally an icon (using Button.Icon component).\n    children?: React.ReactNode;\n\n    // Show ripple effect on button click. Default: true\n    ripple?: boolean;\n\n    className?: string;\n\n    disabled?: boolean;\n\n    style?: { [key: string]: any };\n\n    // For testing purposes.\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 = true, 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 = true,\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 = true,\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 = true,\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":["React","Button","AdminUiButton","useMappedButtonProps","props","mappedProps","createElement","displayName"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui/Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\n\ninterface 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 * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nconst Button = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} />;\n};\n\nButton.displayName = \"Button\";\n\nexport { Button, ButtonProps };\n\n// Needed for backward compatibility.\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,aAAa,QAAQ,yBAAyB;AACjE,SAASC,oBAAoB;AAmD7B;AACA;AACA;AACA;AACA,MAAMF,MAAM,GAAIG,KAAkB,IAAK;EACnC,MAAMC,WAAW,GAAGF,oBAAoB,CAACC,KAAK,CAAC;EAC/C,oBAAOJ,KAAA,CAAAM,aAAA,CAACJ,aAAa,EAAKG,WAAc,CAAC;AAC7C,CAAC;AAEDJ,MAAM,CAACM,WAAW,GAAG,QAAQ;AAE7B,SAASN,MAAM;;AAEf;AACA,eAAeA,MAAM","ignoreList":[]}

package/Button/ButtonDefault.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ButtonProps } from "./Button";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const ButtonDefault: (props: ButtonProps) => React.JSX.Element;

package/Button/ButtonDefault.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { useMappedButtonProps } from "./useMappedButtonProps";
+import { Button as AdminUiButton } from "@webiny/admin-ui";
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export const ButtonDefault = props => {
+  const mappedProps = useMappedButtonProps(props);
+  return /*#__PURE__*/React.createElement(AdminUiButton, Object.assign({}, mappedProps, {
+    variant: "secondary"
+  }));
+};
+
+//# sourceMappingURL=ButtonDefault.js.map

package/Button/ButtonDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonDefault","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonDefault = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"secondary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAIC,KAAkB,IAAK;EACjD,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAY,EAAE,CAAC;AACnE,CAAC","ignoreList":[]}

package/Button/ButtonFloating.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IconButtonProps } from "./IconButton";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const ButtonFloating: (props: IconButtonProps) => React.JSX.Element;

package/Button/ButtonFloating.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { IconButton } from "./IconButton";
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export const ButtonFloating = props => {
+  return /*#__PURE__*/React.createElement(IconButton, props);
+};
+
+//# sourceMappingURL=ButtonFloating.js.map

package/Button/ButtonFloating.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","ButtonFloating","props","createElement"],"sources":["ButtonFloating.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IconButtonProps } from \"./IconButton\";\nimport { IconButton } from \"./IconButton\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonFloating = (props: IconButtonProps) => {\n    return <IconButton {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU;;AAEnB;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAIC,KAAsB,IAAK;EACtD,oBAAOH,KAAA,CAAAI,aAAA,CAACH,UAAU,EAAKE,KAAQ,CAAC;AACpC,CAAC","ignoreList":[]}

package/Button/ButtonIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ButtonIconProps {
+    icon: React.ReactElement;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Icon` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const ButtonIcon: (props: ButtonIconProps) => React.JSX.Element;

package/Button/ButtonIcon.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { Icon } from "../Icon";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Icon` component from the `@webiny/admin-ui` package instead.
+ */
+export const ButtonIcon = props => {
+  return /*#__PURE__*/React.createElement(Icon, props);
+};
+
+//# sourceMappingURL=ButtonIcon.js.map

package/Button/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","ButtonIcon","props","createElement"],"sources":["ButtonIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"~/Icon\";\n\nexport interface ButtonIconProps {\n    icon: React.ReactElement;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Icon` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonIcon = (props: ButtonIconProps) => {\n    return <Icon {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAMb;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAClD,oBAAOH,KAAA,CAAAI,aAAA,CAACH,IAAI,EAAKE,KAAQ,CAAC;AAC9B,CAAC","ignoreList":[]}

package/Button/ButtonPrimary.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ButtonProps } from "./Button";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const ButtonPrimary: (props: ButtonProps) => React.JSX.Element;

package/Button/ButtonPrimary.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { useMappedButtonProps } from "./useMappedButtonProps";
+import { Button as AdminUiButton } from "@webiny/admin-ui";
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export const ButtonPrimary = function ButtonPrimary(props) {
+  const mappedProps = useMappedButtonProps(props);
+  return /*#__PURE__*/React.createElement(AdminUiButton, Object.assign({}, mappedProps, {
+    variant: "primary"
+  }));
+};
+
+//# sourceMappingURL=ButtonPrimary.js.map

package/Button/ButtonPrimary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonPrimary","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonPrimary = function ButtonPrimary(props: ButtonProps) {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"primary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG,SAASA,aAAaA,CAACC,KAAkB,EAAE;EACpE,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAU,EAAE,CAAC;AACjE,CAAC","ignoreList":[]}

package/Button/ButtonSecondary.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ButtonProps } from "./Button";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const ButtonSecondary: (props: ButtonProps) => React.JSX.Element;

package/Button/ButtonSecondary.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { useMappedButtonProps } from "./useMappedButtonProps";
+import { Button as AdminUiButton } from "@webiny/admin-ui";
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export const ButtonSecondary = props => {
+  const mappedProps = useMappedButtonProps(props);
+  return /*#__PURE__*/React.createElement(AdminUiButton, Object.assign({}, mappedProps, {
+    variant: "secondary"
+  }));
+};
+
+//# sourceMappingURL=ButtonSecondary.js.map

package/Button/ButtonSecondary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonSecondary","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonSecondary = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"secondary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIC,KAAkB,IAAK;EACnD,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAY,EAAE,CAAC;AACnE,CAAC","ignoreList":[]}

package/Button/CopyButton.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface CopyButtonProps {
+    /**
+     * Value to copy to clipboard.
+     */
+    value: string;
+    /**
+     * Callback function that is executed after the value is copied to the clipboard.
+     */
+    onCopy?: () => void;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `CopyButton` component from the `@webiny/admin-ui` package instead.
+ */
+declare const CopyButton: (props: CopyButtonProps) => React.JSX.Element;
+export { CopyButton, CopyButtonProps };

package/Button/CopyButton.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { CopyButton as AdminUiCopyButton } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `CopyButton` component from the `@webiny/admin-ui` package instead.
+ */
+const CopyButton = props => {
+  return /*#__PURE__*/React.createElement(AdminUiCopyButton, props);
+};
+export { CopyButton };
+
+//# sourceMappingURL=CopyButton.js.map

package/Button/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CopyButton","AdminUiCopyButton","props","createElement"],"sources":["CopyButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { CopyButton as AdminUiCopyButton } from \"@webiny/admin-ui\";\n\ninterface CopyButtonProps {\n    /**\n     * Value to copy to clipboard.\n     */\n    value: string;\n\n    /**\n     * Callback function that is executed after the value is copied to the clipboard.\n     */\n    onCopy?: () => void;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `CopyButton` component from the `@webiny/admin-ui` package instead.\n */\nconst CopyButton = (props: CopyButtonProps) => {\n    return <AdminUiCopyButton {...props} />;\n};\n\nexport { CopyButton, CopyButtonProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,IAAIC,iBAAiB,QAAQ,kBAAkB;AAclE;AACA;AACA;AACA;AACA,MAAMD,UAAU,GAAIE,KAAsB,IAAK;EAC3C,oBAAOH,KAAA,CAAAI,aAAA,CAACF,iBAAiB,EAAKC,KAAQ,CAAC;AAC3C,CAAC;AAED,SAASF,UAAU","ignoreList":[]}

package/Button/IconButton.d.ts

@@ -0,0 +1,17 @@
+import type { SyntheticEvent } from "react";
+import React from "react";
+import type { ButtonProps } from "./Button";
+export interface IconButtonProps extends ButtonProps {
+    /**
+     * Icon should be provided as an SvgComponent.
+     */
+    icon: React.ReactNode;
+    label?: string;
+    onMouseDown?: (e: SyntheticEvent) => void;
+    onMouseUp?: (e: SyntheticEvent) => void;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const IconButton: (props: IconButtonProps) => React.JSX.Element;

package/Button/IconButton.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { useMappedButtonProps } from "./useMappedButtonProps";
+import { IconButton as AdminUiBIconButton } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+export const IconButton = props => {
+  const mappedProps = useMappedButtonProps(props);
+  return /*#__PURE__*/React.createElement(AdminUiBIconButton, Object.assign({}, mappedProps, {
+    variant: "ghost"
+  }));
+};
+
+//# sourceMappingURL=IconButton.js.map

package/Button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMappedButtonProps","IconButton","AdminUiBIconButton","props","mappedProps","createElement","Object","assign","variant"],"sources":["IconButton.tsx"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport type { ButtonProps } from \"./Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\nimport { IconButton as AdminUiBIconButton } from \"@webiny/admin-ui\";\n\nexport interface IconButtonProps extends ButtonProps {\n    /**\n     * Icon should be provided as an SvgComponent.\n     */\n    icon: React.ReactNode;\n\n    label?: string;\n\n    onMouseDown?: (e: SyntheticEvent) => void;\n\n    onMouseUp?: (e: SyntheticEvent) => void;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const IconButton = (props: IconButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiBIconButton {...mappedProps} variant={\"ghost\"} />;\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,UAAU,IAAIC,kBAAkB,QAAQ,kBAAkB;AAenE;AACA;AACA;AACA;AACA,OAAO,MAAMD,UAAU,GAAIE,KAAsB,IAAK;EAClD,MAAMC,WAAW,GAAGJ,oBAAoB,CAACG,KAAK,CAAC;EAC/C,oBAAOJ,KAAA,CAAAM,aAAA,CAACH,kBAAkB,EAAAI,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAQ,EAAE,CAAC;AACpE,CAAC","ignoreList":[]}

package/Button/index.d.ts

@@ -1,3 +1,8 @@
 export * from "./Button";
-export * from "./IconButton/IconButton";
-export * from "./CopyButton/CopyButton";
+export * from "./ButtonPrimary";
+export * from "./ButtonSecondary";
+export * from "./ButtonDefault";
+export * from "./ButtonFloating";
+export * from "./ButtonIcon";
+export * from "./CopyButton";
+export * from "./IconButton";

package/Button/index.js

@@ -1,44 +1,10 @@
-"use strict";
-
-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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Button[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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _IconButton[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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CopyButton[key];
-    }
-  });
-});
+export * from "./Button";
+export * from "./ButtonPrimary";
+export * from "./ButtonSecondary";
+export * from "./ButtonDefault";
+export * from "./ButtonFloating";
+export * from "./ButtonIcon";
+export * from "./CopyButton";
+export * from "./IconButton";
+
+//# sourceMappingURL=index.js.map

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 \"./ButtonPrimary\";\nexport * from \"./ButtonSecondary\";\nexport * from \"./ButtonDefault\";\nexport * from \"./ButtonFloating\";\nexport * from \"./ButtonIcon\";\nexport * from \"./CopyButton\";\nexport * from \"./IconButton\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Button/useMappedButtonProps.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { ButtonProps } from "./Button";
+export declare const useMappedButtonProps: (props: ButtonProps) => {
+    text?: import("react").ReactNode;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    style?: {
+        [key: string]: any;
+    } | undefined;
+    className?: string | undefined;
+    children?: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    onClick?: ((event: import("react").MouseEvent<any, MouseEvent>) => any) | undefined;
+    "data-testid"?: string | undefined;
+};

package/Button/useMappedButtonProps.js

@@ -0,0 +1,21 @@
+import { useMemo } from "react";
+import omit from "lodash/omit";
+export const useMappedButtonProps = props => {
+  return useMemo(() => {
+    const mappedButtonProps = {};
+    if (props.small === true) {
+      mappedButtonProps.size = "sm";
+    }
+    if (props.children) {
+      mappedButtonProps.text = props.children;
+    }
+
+    // Return all remaining props omitting unused ones.
+    return {
+      ...omit(props, ["flat", "ripple", "small"]),
+      ...mappedButtonProps
+    };
+  }, [props]);
+};
+
+//# sourceMappingURL=useMappedButtonProps.js.map

package/Button/useMappedButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","omit","useMappedButtonProps","props","mappedButtonProps","small","size","children","text"],"sources":["useMappedButtonProps.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport omit from \"lodash/omit\";\nimport type { ButtonProps as AdminUiButtonProps } from \"@webiny/admin-ui\";\nimport type { ButtonProps } from \"~/Button/Button\";\n\nexport const useMappedButtonProps = (props: ButtonProps) => {\n    return useMemo(() => {\n        const mappedButtonProps: Pick<AdminUiButtonProps, \"size\" | \"text\"> = {};\n\n        if (props.small === true) {\n            mappedButtonProps.size = \"sm\";\n        }\n\n        if (props.children) {\n            mappedButtonProps.text = props.children;\n        }\n\n        // Return all remaining props omitting unused ones.\n        return {\n            ...omit(props, [\"flat\", \"ripple\", \"small\"]),\n            ...mappedButtonProps\n        };\n    }, [props]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,IAAI,MAAM,aAAa;AAI9B,OAAO,MAAMC,oBAAoB,GAAIC,KAAkB,IAAK;EACxD,OAAOH,OAAO,CAAC,MAAM;IACjB,MAAMI,iBAA4D,GAAG,CAAC,CAAC;IAEvE,IAAID,KAAK,CAACE,KAAK,KAAK,IAAI,EAAE;MACtBD,iBAAiB,CAACE,IAAI,GAAG,IAAI;IACjC;IAEA,IAAIH,KAAK,CAACI,QAAQ,EAAE;MAChBH,iBAAiB,CAACI,IAAI,GAAGL,KAAK,CAACI,QAAQ;IAC3C;;IAEA;IACA,OAAO;MACH,GAAGN,IAAI,CAACE,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;MAC3C,GAAGC;IACP,CAAC;EACL,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;AACf,CAAC","ignoreList":[]}

package/Carousel/Carousel.d.ts

@@ -1,19 +1,10 @@
 import React from "react";
-import { CarouselProps, CarouselRenderControl } from "nuka-carousel";
-interface Props extends CarouselProps {
+interface Props extends Record<string, any> {
     children: React.ReactNode;
-    renderNextSlide?: CarouselRenderControl | null;
-    renderPreviousSlide?: CarouselRenderControl | null;
-    renderBottomNav?: CarouselRenderControl | null;
-}
-declare class Carousel extends React.Component<Props> {
-    static defaultProps: {
-        swiping: boolean;
-        dragging: boolean;
-        heightMode: string;
-        easing: string;
-    };
-    static nukaProps: string[];
-    render(): JSX.Element;
 }
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `Carousel` component or reach out on Slack.
+ */
+declare const Carousel: (props: Props) => React.JSX.Element;
 export default Carousel;