@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/AutoComplete/types.d.ts

@@ -1,5 +1,6 @@
-import { FormComponentProps } from "../types";
-export declare type AutoCompleteBaseProps = FormComponentProps & {
+import type React from "react";
+import type { FormComponentProps } from "../types";
+export interface AutoCompleteBaseProps extends FormComponentProps {
     /**
      * Component label.
      */
@@ -19,7 +20,7 @@ export declare type AutoCompleteBaseProps = FormComponentProps & {
     /**
      * Description beneath the autoComplete.
      */
-    description?: string;
+    description?: React.ReactNode;
     /**
      * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.
      */
@@ -34,23 +35,23 @@ export declare type AutoCompleteBaseProps = FormComponentProps & {
     value?: {
         id: string;
         name: string;
-    };
+    } | string;
     /**
      * Key in a single option object that will be used as option's value (by default, "id" key will be used).
      */
-    valueProp: string;
+    valueProp?: string;
     /**
      * Key in a single option object that will be used as option's text (by default, "name" key will be used).
      */
-    textProp: string;
+    textProp?: string;
     /**
      * Callback that gets executed on change of input value.
      */
-    onInput?: Function;
+    onInput?: (value: any) => void;
     /**
      * Callback that gets executed when the input is focused.
      */
-    onFocus?: Function;
+    onFocus?: (ev: React.FocusEvent<any>) => void;
     /**
      * Set if you are saving plain strings as values.
      */
@@ -58,5 +59,5 @@ export declare type AutoCompleteBaseProps = FormComponentProps & {
     /**
      * Renders a single suggestion item.
      */
-    renderItem: Function;
-};
+    renderItem?: (item: any, index?: number) => React.ReactNode;
+}

package/AutoComplete/types.js

@@ -1 +1,3 @@
-export {};
+export {};
+
+//# sourceMappingURL=types.js.map

package/AutoComplete/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from \"react\";\nimport type { FormComponentProps } from \"~/types\";\n\nexport interface AutoCompleteBaseProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Is component read-only?\n     */\n    readOnly?: boolean;\n\n    /**\n     * Options that will be shown.\n     */\n    options: Array<any>;\n\n    /**\n     * Description beneath the autoComplete.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Default structure of value, an object consisting of \"id\" and \"name\" keys. Different keys can be set using \"valueProp\" and \"textProp\" props.\n     */\n    value?: { id: string; name: string } | string;\n\n    /**\n     * Key in a single option object that will be used as option's value (by default, \"id\" key will be used).\n     */\n    valueProp?: string;\n\n    /**\n     * Key in a single option object that will be used as option's text (by default, \"name\" key will be used).\n     */\n    textProp?: string;\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: (value: any) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: (ev: React.FocusEvent<any>) => void;\n\n    /**\n     * Set if you are saving plain strings as values.\n     */\n    useSimpleValues?: boolean;\n\n    /**\n     * Renders a single suggestion item.\n     */\n    renderItem?: (item: any, index?: number) => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/AutoComplete/utils.d.ts

@@ -1,9 +1,15 @@
-declare type Props = {
+interface Option {
+    aliases?: string[];
+    index?: number;
+    name?: string;
+    [key: string]: any;
+}
+interface Props {
     useSimpleValues?: boolean;
     valueProp?: string;
     textProp?: string;
-};
-export declare const getOptionValue: (option: any, props: Props) => any;
-export declare const getOptionText: (option: any, props: Props) => any;
-export declare const findInAliases: (option: any, search?: string) => any;
+}
+export declare const getOptionValue: (option: any, props: Props) => string;
+export declare const getOptionText: (option: Option | string, props: Props) => string;
+export declare const findInAliases: (option: Option, search?: string) => boolean;
 export {};

package/AutoComplete/utils.js

@@ -1,19 +1,19 @@
-export var getOptionValue = function getOptionValue(option, props) {
+export const getOptionValue = (option, props) => {
   if (option) {
     return props.useSimpleValues ? option : option[props.valueProp];
   }
-
   return option;
 };
-export var getOptionText = function getOptionText(option, props) {
+export const getOptionText = (option, props) => {
   if (option) {
     return props.useSimpleValues ? option : option[props.textProp];
   }
-
   return option;
 };
-export var findInAliases = function findInAliases(option, search) {
-  return option.aliases.some(function (alias) {
-    return alias.toLowerCase().includes(search.toLowerCase());
+export const findInAliases = (option, search) => {
+  return (option.aliases || []).some(alias => {
+    return alias.toLowerCase().includes((search || "").toLowerCase());
   });
-};
+};
+
+//# sourceMappingURL=utils.js.map

package/AutoComplete/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getOptionValue","option","props","useSimpleValues","valueProp","getOptionText","textProp","findInAliases","search","aliases","some","alias","toLowerCase","includes"],"sources":["utils.ts"],"sourcesContent":["interface Option {\n    aliases?: string[];\n    index?: number;\n    name?: string;\n    [key: string]: any;\n}\ninterface Props {\n    useSimpleValues?: boolean;\n    valueProp?: string;\n    textProp?: string;\n}\n\nexport const getOptionValue = (option: any, props: Props): string => {\n    if (option) {\n        return props.useSimpleValues\n            ? (option as string)\n            : (option as Option)[props.valueProp as string];\n    }\n\n    return option as string;\n};\n\nexport const getOptionText = (option: Option | string, props: Props): string => {\n    if (option) {\n        return props.useSimpleValues\n            ? (option as string)\n            : (option as Option)[props.textProp as string];\n    }\n\n    return option as string;\n};\n\nexport const findInAliases = (option: Option, search?: string): boolean => {\n    return (option.aliases || []).some((alias: string): boolean => {\n        return alias.toLowerCase().includes((search || \"\").toLowerCase());\n    });\n};\n"],"mappings":"AAYA,OAAO,MAAMA,cAAc,GAAGA,CAACC,MAAW,EAAEC,KAAY,KAAa;EACjE,IAAID,MAAM,EAAE;IACR,OAAOC,KAAK,CAACC,eAAe,GACrBF,MAAM,GACNA,MAAM,CAAYC,KAAK,CAACE,SAAS,CAAW;EACvD;EAEA,OAAOH,MAAM;AACjB,CAAC;AAED,OAAO,MAAMI,aAAa,GAAGA,CAACJ,MAAuB,EAAEC,KAAY,KAAa;EAC5E,IAAID,MAAM,EAAE;IACR,OAAOC,KAAK,CAACC,eAAe,GACrBF,MAAM,GACNA,MAAM,CAAYC,KAAK,CAACI,QAAQ,CAAW;EACtD;EAEA,OAAOL,MAAM;AACjB,CAAC;AAED,OAAO,MAAMM,aAAa,GAAGA,CAACN,MAAc,EAAEO,MAAe,KAAc;EACvE,OAAO,CAACP,MAAM,CAACQ,OAAO,IAAI,EAAE,EAAEC,IAAI,CAAEC,KAAa,IAAc;IAC3D,OAAOA,KAAK,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,CAACL,MAAM,IAAI,EAAE,EAAEI,WAAW,CAAC,CAAC,CAAC;EACrE,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-export declare type AvatarProps = {
+import React from "react";
+export interface AvatarProps {
     /**
      * CSS class name.
      */
@@ -11,7 +11,7 @@ export declare type AvatarProps = {
     /**
      * Avatar image source.
      */
-    src: string;
+    src?: string | null;
     /**
      * "alt" text.
      */
@@ -36,14 +36,9 @@ export declare type AvatarProps = {
      * Text that will be shown when there is no image (usually user's initials).
      */
     fallbackText: string;
-};
+}
 /**
- * Use Avatar component to display user's avatar.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Avatar` component from the `@webiny/admin-ui` package instead.
  */
-export declare const Avatar: {
-    (props: AvatarProps): JSX.Element;
-    defaultProps: {
-        width: number;
-        height: number;
-    };
-};
+export declare const Avatar: (props: AvatarProps) => React.JSX.Element;

package/Avatar/Avatar.js

@@ -1,80 +1,37 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "width", "height", "src", "alt", "fallbackText", "renderImage"];
-import * as React from "react";
-import { css } from "emotion";
-import classNames from "classnames";
-var avatar = /*#__PURE__*/css({
-  borderRadius: "50%",
-  display: "block",
-  //alignItems: "center",
-  //justifyContent: "center",
-  width: 38,
-  height: 38,
-  position: "relative",
-  top: -7,
-  right: 7,
-  overflow: "hidden",
-  background: "var(--mdc-theme-background)",
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  div: {
-    textAlign: "center",
-    display: "flex",
-    alignContent: "center",
-    justifyContent: "center",
-    flexDirection: "column",
-    width: 38,
-    height: 38,
-    fontSize: "1rem",
-    span: {
-      paddingBottom: 2
-    }
-  },
-  img: {
-    width: "100% !important",
-    height: "100% !important",
-    objectFit: "cover"
-  }
-}, "label:avatar;");
-
+import React from "react";
+import { Avatar as AdminUiAvatar } from "@webiny/admin-ui";
 /**
- * Use Avatar component to display user's avatar.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Avatar` component from the `@webiny/admin-ui` package instead.
  */
-export var Avatar = function Avatar(props) {
-  var className = props.className,
-      width = props.width,
-      height = props.height,
-      src = props.src,
-      alt = props.alt,
-      fallbackText = props.fallbackText,
-      renderImage = props.renderImage,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var renderedImage;
-  var imageProps = {
-    src: src,
-    alt: alt
-  };
-
-  if (typeof renderImage === "function") {
-    renderedImage = renderImage(imageProps);
-  } else {
-    renderedImage = /*#__PURE__*/React.createElement("img", Object.assign({}, imageProps, {
-      alt: alt
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
-    className: classNames(avatar, className),
-    style: _objectSpread(_objectSpread({}, props.style), {}, {
+export const Avatar = props => {
+  // Note that we're ignoring `renderImage` prop, as it's not supported in the new `Avatar` component.
+  const {
+    className,
+    style,
+    src,
+    alt,
+    width,
+    height,
+    fallbackText
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiAvatar, {
+    className: className,
+    style: {
+      width,
+      height,
+      ...style
+    },
+    image: /*#__PURE__*/React.createElement(AdminUiAvatar.Image, {
+      src: src || "",
+      alt: alt,
       width: width,
       height: height
-    })
-  }), props.src ? renderedImage : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, fallbackText.split(" ").map(function (word) {
-    return word.charAt(0);
-  }).join("").toUpperCase())));
+    }),
+    fallback: /*#__PURE__*/React.createElement(AdminUiAvatar.Fallback, {
+      delayMs: 0
+    }, fallbackText)
+  });
 };
-Avatar.defaultProps = {
-  width: 38,
-  height: 38
-};
+
+//# sourceMappingURL=Avatar.js.map

package/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Avatar","AdminUiAvatar","props","className","style","src","alt","width","height","fallbackText","createElement","image","Image","fallback","Fallback","delayMs"],"sources":["Avatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar as AdminUiAvatar } from \"@webiny/admin-ui\";\n\nexport interface AvatarProps {\n    /**\n     * CSS class name.\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * Avatar image source.\n     */\n    src?: string | null;\n\n    /**\n     * \"alt\" text.\n     */\n    alt?: string;\n\n    /**\n     * Width.\n     */\n    width?: number;\n\n    /**\n     * Height.\n     */\n    height?: number;\n\n    /**\n     * Pass a custom image component to be rendered instead of a simple <img> element.\n     * @param props\n     */\n    renderImage?: (props: { src: string; alt?: string }) => React.ReactElement;\n\n    /**\n     * Text that will be shown when there is no image (usually user's initials).\n     */\n    fallbackText: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Avatar` component from the `@webiny/admin-ui` package instead.\n */\nexport const Avatar = (props: AvatarProps) => {\n    // Note that we're ignoring `renderImage` prop, as it's not supported in the new `Avatar` component.\n    const { className, style, src, alt, width, height, fallbackText } = props;\n\n    return (\n        <AdminUiAvatar\n            className={className}\n            style={{ width, height, ...style }}\n            image={<AdminUiAvatar.Image src={src || \"\"} alt={alt} width={width} height={height} />}\n            fallback={<AdminUiAvatar.Fallback delayMs={0}>{fallbackText}</AdminUiAvatar.Fallback>}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;AA6C1D;AACA;AACA;AACA;AACA,OAAO,MAAMD,MAAM,GAAIE,KAAkB,IAAK;EAC1C;EACA,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,GAAG;IAAEC,GAAG;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAa,CAAC,GAAGP,KAAK;EAEzE,oBACIH,KAAA,CAAAW,aAAA,CAACT,aAAa;IACVE,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAE;MAAEG,KAAK;MAAEC,MAAM;MAAE,GAAGJ;IAAM,CAAE;IACnCO,KAAK,eAAEZ,KAAA,CAAAW,aAAA,CAACT,aAAa,CAACW,KAAK;MAACP,GAAG,EAAEA,GAAG,IAAI,EAAG;MAACC,GAAG,EAAEA,GAAI;MAACC,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA;IAAO,CAAE,CAAE;IACvFK,QAAQ,eAAEd,KAAA,CAAAW,aAAA,CAACT,aAAa,CAACa,QAAQ;MAACC,OAAO,EAAE;IAAE,GAAEN,YAAqC;EAAE,CACzF,CAAC;AAEV,CAAC","ignoreList":[]}

package/Avatar/index.js

@@ -1 +1,3 @@
-export * from "./Avatar";
+export * from "./Avatar";
+
+//# sourceMappingURL=index.js.map

package/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Avatar\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Button/Button.d.ts

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

package/Button/Button.js

@@ -1,139 +1,18 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["disabled", "icon", "onClick", "small", "label", "ripple", "className"];
-import * as React from "react";
-import * as R from "@rmwc/button";
-import { Fab } from "@rmwc/fab";
-import { Icon } from "../Icon/Icon";
-import classNames from "classnames";
-
-/**
- * Shows a default button, used typically when action is not of high priority.
- * @param props
- * @returns {*}
- * @constructor
- */
-export 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.createElement(R.Button, {
-    style: style,
-    disabled: disabled,
-    dense: small,
-    onClick: onClick,
-    ripple: ripple,
-    className: classNames("webiny-ui-button", 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 primary button, eg. for submitting forms.
- * @param props
- * @returns {*}
- * @constructor
+ * @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 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 ? null : _props$style,
-      _props$className2 = props.className,
-      className = _props$className2 === void 0 ? null : _props$className2;
-  return /*#__PURE__*/React.createElement(R.Button, {
-    raised: !flat,
-    dense: small,
-    disabled: disabled,
-    unelevated: flat,
-    ripple: ripple,
-    onClick: onClick,
-    style: style,
-    className: classNames("webiny-ui-button webiny-ui-button--primary", className),
-    "data-testid": props["data-testid"]
-  }, children);
+const Button = props => {
+  const mappedProps = useMappedButtonProps(props);
+  return /*#__PURE__*/React.createElement(AdminUiButton, mappedProps);
 };
-/**
- * Shows a secondary button - eg. for doing a reset on a form.
- * @param props
- * @returns {*}
- * @constructor
- */
+Button.displayName = "Button";
+export { Button };
 
-export 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 ? null : _props$style2;
-  return /*#__PURE__*/React.createElement(R.Button, {
-    disabled: disabled,
-    outlined: true,
-    dense: small,
-    ripple: ripple,
-    onClick: onClick,
-    style: style,
-    className: classNames("webiny-ui-button webiny-ui-button--secondary", className),
-    "data-testid": props["data-testid"]
-  }, children);
-};
-
-/**
- * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.
- * @param props
- * @returns {*}
- * @constructor
- */
-export var ButtonFloating = function ButtonFloating(props) {
-  var disabled = props.disabled,
-      icon = props.icon,
-      onClick = props.onClick,
-      _props$small3 = props.small,
-      small = _props$small3 === void 0 ? false : _props$small3,
-      _props$label = props.label,
-      label = _props$label === void 0 ? false : _props$label,
-      _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 = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(Fab, Object.assign({
-    "data-testid": props["data-testid"],
-    disabled: disabled,
-    mini: small,
-    onClick: onClick,
-    label: label,
-    ripple: ripple,
-    icon: icon,
-    className: classNames("webiny-ui-button--floating", className)
-  }, rest));
-};
-/**
- * Shows an icon, suitable to be shown inside of a button.
- * @param props
- * @returns {*}
- * @constructor
- */
+// Needed for backward compatibility.
+export default Button;
 
-export var ButtonIcon = function ButtonIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, props);
-};
+//# sourceMappingURL=Button.js.map

package/Button/Button.js.map

@@ -0,0 +1 @@
+{"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;