@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/Button/Button.styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Controls the button styles
- * @type {string}
- */
-declare const webinyButtonStyles: string;
-export { webinyButtonStyles };

package/Button/Button.styles.js

@@ -1,17 +0,0 @@
-"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 = 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 +0,0 @@
-{"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,11 +0,0 @@
-import React from "react";
-import { FormComponentProps } from "../../types";
-export interface CopyButtonProps extends FormComponentProps {
-    value: string;
-    onCopy?: () => void;
-}
-/**
- * Shows the icon button.
- */
-declare const CopyButton: (props: CopyButtonProps) => React.JSX.Element;
-export { CopyButton };

package/Button/CopyButton/CopyButton.js

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

package/Button/CopyButton/CopyButton.js.map

@@ -1 +0,0 @@
-{"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/CopyButton/README.md

@@ -1,11 +0,0 @@
-# Copy Button
-
-### Description
-
-Provides a button that allows you to copy its passed `value` to the clipboard.
-
-### Import
-
-```js
-import { CopyButton } from "@webiny/ui/Button";
-```

package/Button/IconButton/IconButton.d.ts

@@ -1,37 +0,0 @@
-import React from "react";
-import { IconButtonProps as RmwcIconButtonProps } from "@rmwc/icon-button";
-import { FormComponentProps } from "../../types";
-export interface IconButtonProps extends Omit<FormComponentProps, "onChange">, RmwcIconButtonProps {
-    id?: string;
-    /**
-     * Icon should be provided as an SvgComponent.
-     */
-    icon: React.ReactNode;
-    /**
-     * Button label
-     */
-    label?: string;
-    /**
-     * onClick handler
-     * @param event
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Custom CSS class
-     */
-    className?: string;
-    /**
-     * For testing purposes.
-     */
-    "data-testid"?: string;
-    /**
-     * Should icon be disabled?
-     */
-    disabled?: boolean;
-    children?: React.ReactNode;
-}
-/**
- * Shows the icon button.
- */
-declare const IconButton: (props: IconButtonProps) => React.JSX.Element;
-export { IconButton };

package/Button/IconButton/IconButton.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-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 = exports.IconButton = function IconButton(props) {
-  var id = props.id,
-    icon = props.icon,
-    label = props.label,
-    onClick = props.onClick,
-    className = props.className,
-    disabled = props.disabled,
-    ripple = props.ripple;
-  return /*#__PURE__*/_react.default.createElement(StyledRIconButton, {
-    id: id,
-    "data-testid": props["data-testid"],
-    onClick: onClick,
-    disabled: disabled,
-    className: className,
-    label: label,
-    icon: icon,
-    ripple: ripple
-  });
-};
-
-//# sourceMappingURL=IconButton.js.map

package/Button/IconButton/IconButton.js.map

@@ -1 +0,0 @@
-{"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/IconButton/README.md

@@ -1,15 +0,0 @@
-# Icon Button
-
-### Design
-
-<a href="https://material.io/design/components/buttons.html" target="_blank">https://material.io/design/components/buttons.html</a>
-
-### Description
-
-`IconButton` component provides a simple icon button component with ripple effect.
-
-### Import
-
-```js
-import { IconButton } from "@webiny/ui/Button";
-```

package/Button/README.md

@@ -1,28 +0,0 @@
-# Button
-
-### Design
-
-<a href="https://material.io/design/components/buttons.html" target="_blank">https://material.io/design/components/buttons.html</a>
-
-### Description
-
-`Button` component provides 4 commonly used button types:
-
-- `Default`
-- `Primary`
-- `Secondary`
-- `Floating`
-
-To create buttons with icon, use a `<Button.Icon/>` component.
-
-### Import
-
-```js
-import {
-  ButtonPrimary,
-  ButtonSecondary,
-  ButtonDefault,
-  ButtonFloating,
-  ButtonIcon
-} from "@webiny/ui/Button";
-```

package/Button/assets/baseline-cloud_done-24px.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM10 17l-3.5-3.5 1.41-1.41L10 14.17 15.18 9l1.41 1.41L10 17z"/>
-</svg>

package/Button/assets/file_copy-24px.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"/></svg>

package/Button/assets/round-more_vert-24px.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Bounding_Boxes">
-	<path fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<path d="M12,8c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2S10.9,8,12,8z M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,10,12,10z
-		 M12,16c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,16,12,16z"/>
-</g>
-</svg>

package/Carousel/README.md

@@ -1,15 +0,0 @@
-# Carousel
-
-### Additional information
-
-<a href="https://www.npmjs.com/package/nuka-carousel" target="_blank">https://www.npmjs.com/package/nuka-carousel</a>
-
-### Description
-
-Use `Carousel` component to display two or more items, in a carousel.
-
-### Import
-
-```js
-import { Carousel } from "@webiny/ui/Carousel";
-```

package/Checkbox/Checkbox.styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-declare const webinyCheckboxTitle: string;
-export { webinyCheckboxTitle };

package/Checkbox/Checkbox.styles.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webinyCheckboxTitle = void 0;
-var _emotion = require("emotion");
-/**
- * Controls the helper text below the checkbox.
- * @type {string}
- */
-var webinyCheckboxTitle = exports.webinyCheckboxTitle = (0, _emotion.css)({}, {
-  "&.mdc-text-field-helper-text": {
-    //paddingLeft: 10,
-    textTransform: "uppercase",
-    fontWeight: "bold",
-    marginBottom: "5px"
-  }
-});
-
-//# sourceMappingURL=Checkbox.styles.js.map

package/Checkbox/Checkbox.styles.js.map

@@ -1 +0,0 @@
-{"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/README_Checkbox.md

@@ -1,15 +0,0 @@
-# Checkbox
-
-### Design
-
-<a href="https://material.io/design/components/selection-controls.html#checkboxes" target="_blank">https://material.io/design/components/selection-controls.html#checkboxes</a>
-
-### Description
-
-Single `Checkbox` component can be used to store simple boolean values.
-
-### Import
-
-```js
-import { Checkbox } from "@webiny/ui/Checkbox";
-```

package/Checkbox/README_CheckboxGroup.md

@@ -1,19 +0,0 @@
-# Group
-
-### Design
-
-<a href="https://material.io/design/components/selection-controls.html#checkboxes" target="_blank">https://material.io/design/components/selection-controls.html#checkboxes</a>
-
-### Description
-
-Unlike single `Checkbox` which is used to store simple boolean values, grouping multiple `Checkbox` components
-with `CheckboxGroup` will allow you to store an array of selected values.
-
-Each `Checkbox` component must receive `value` and `onChange` callback via props.
-
-### Import
-To use, import base `Checkbox` component.
-
-```js
-import { CheckboxGroup, Checkbox } from "@webiny/ui/Checkbox";
-```

package/Chips/README.md

@@ -1,15 +0,0 @@
-# Chips
-
-### Design
-
-<a href="https://material.io/design/components/chips.html" target="_blank">https://material.io/design/components/chips.html</a>
-
-### Description
-
-`Chips` allow users to enter information, make selections, filter content, or trigger actions.
-
-### Import
-
-```js
-import { Chips, Chip, ChipText, ChipIcon } from "@webiny/ui/Chips";
-```

package/Chips/icons/baseline-done-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0z"/>
-    <path fill="currentColor" d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
-</svg>

package/Chips/icons/baseline-email-24px.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
-</svg>

package/Chips/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const chipIconWrapper: string;
-export declare const disabledChips: string;

package/Chips/styles.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.disabledChips = exports.chipIconWrapper = void 0;
-var _emotion = require("emotion");
-var chipIconWrapper = exports.chipIconWrapper = (0, _emotion.css)({
-  ".mdc-evolution-chip__text-label": {
-    display: "flex",
-    alignItems: "center",
-    ".mdc-chip__icon": {
-      svg: {
-        width: 18,
-        height: 18
-      }
-    }
-  }
-});
-var disabledChips = exports.disabledChips = (0, _emotion.css)({
-  opacity: 0.75,
-  pointerEvents: "none"
-});
-
-//# sourceMappingURL=styles.js.map

package/Chips/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_emotion","require","chipIconWrapper","exports","css","display","alignItems","svg","width","height","disabledChips","opacity","pointerEvents"],"sources":["styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const chipIconWrapper = css({\n    \".mdc-evolution-chip__text-label\": {\n        display: \"flex\",\n        alignItems: \"center\",\n        \".mdc-chip__icon\": {\n            svg: {\n                width: 18,\n                height: 18\n            }\n        }\n    }\n});\n\nexport const disabledChips = css({\n    opacity: 0.75,\n    pointerEvents: \"none\"\n});\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,YAAG,EAAC;EAC/B,iCAAiC,EAAE;IAC/BC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpB,iBAAiB,EAAE;MACfC,GAAG,EAAE;QACDC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACZ;IACJ;EACJ;AACJ,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAAP,OAAA,CAAAO,aAAA,GAAG,IAAAN,YAAG,EAAC;EAC7BO,OAAO,EAAE,IAAI;EACbC,aAAa,EAAE;AACnB,CAAC,CAAC","ignoreList":[]}

package/CodeEditor/README.md

@@ -1,21 +0,0 @@
-# CodeEditor
-
-### Additional information
-
-<a href="https://github.com/securingsincity/react-ace" target="_blank">https://github.com/securingsincity/react-ace</a>
-
-### Description
-
-`CodeEditor` is a wrapper around one of the most popular code editors called `Ace` editor. Have in mind that you still
-have to import `brace` as a dependency (after importing `CodeEditor`) for different code formats and editor types.
-
-### Import
-
-```js
-import brace from "brace";
-import { CodeEditor } from "@webiny/ui/CodeEditor";
-
-// Make sure to import this after CodeEditor. Check official docs for available modes and themes.
-import "brace/mode/json";
-import "brace/theme/github";
-```

package/ColorPicker/README.md

@@ -1,11 +0,0 @@
-# ColorPicker
-
-### Description
-
-`ColorPicker` component is used to pick a color, eg. for font or background color.
-
-### Import
-
-```js
-import { ColorPicker } from "@webiny/ui/ColorPicker";
-```

package/ConfirmationDialog/README.md

@@ -1,11 +0,0 @@
-# ConfirmationDialog
-
-### Description
-
-`ConfirmationDialog` component is used to represent interactive surfaces.
-
-### Import
-
-```js
-import { ConfirmationDialog } from "@webiny/ui/ConfirmationDialog";
-```

package/DataTable/ColumnDirection.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export interface ColumnDirectionProps {
-    direction?: "asc" | "desc";
-}
-export declare const ColumnDirection: (props: ColumnDirectionProps) => React.JSX.Element | null;

package/DataTable/ColumnDirection.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnDirection = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styled = require("./styled");
-var ColumnDirection = exports.ColumnDirection = function ColumnDirection(props) {
-  if (props.direction) {
-    return /*#__PURE__*/_react.default.createElement(_styled.ColumnDirectionWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.ColumnDirectionIcon, {
-      direction: props.direction
-    }));
-  }
-  return null;
-};
-
-//# sourceMappingURL=ColumnDirection.js.map

package/DataTable/ColumnDirection.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","ColumnDirection","exports","props","direction","default","createElement","ColumnDirectionWrapper","ColumnDirectionIcon"],"sources":["ColumnDirection.tsx"],"sourcesContent":["import React from \"react\";\nimport { ColumnDirectionIcon, ColumnDirectionWrapper } from \"~/DataTable/styled\";\n\nexport interface ColumnDirectionProps {\n    direction?: \"asc\" | \"desc\";\n}\n\nexport const ColumnDirection = (props: ColumnDirectionProps) => {\n    if (props.direction) {\n        return (\n            <ColumnDirectionWrapper>\n                <ColumnDirectionIcon direction={props.direction} />\n            </ColumnDirectionWrapper>\n        );\n    }\n\n    return null;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAMO,IAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAAK;EAC5D,IAAIA,KAAK,CAACC,SAAS,EAAE;IACjB,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,sBAAsB,qBACnBV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAQ,mBAAmB;MAACJ,SAAS,EAAED,KAAK,CAACC;IAAU,CAAE,CAC9B,CAAC;EAEjC;EAEA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/DataTable/ColumnsVisibility.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { Column } from "@tanstack/react-table";
-interface ColumnsVisibilityProps<T> {
-    columns: Column<T>[];
-}
-export declare const ColumnsVisibility: <T>(props: ColumnsVisibilityProps<T>) => React.JSX.Element | null;
-export {};

package/DataTable/ColumnsVisibility.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnsVisibility = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _settings = require("@material-design-icons/svg/outlined/settings.svg");
-var _Button = require("../Button");
-var _Checkbox = require("../Checkbox");
-var _Menu = require("../Menu");
-var _styled = require("./styled");
-var ColumnsVisibility = exports.ColumnsVisibility = function ColumnsVisibility(props) {
-  /**
-   * `@tanstack/react-table` does not have a simple method to return the header component.
-   * The only possible way is to use `flexRenderer`, but this is not working with the current implementation
-   * since we don't have access to the header context.
-   */
-  var getHeaderName = (0, _react.useCallback)(function (column) {
-    var header = column.columnDef.header;
-    if (typeof header === "string") {
-      return header;
-    }
-    if (typeof header === "function") {
-      // @ts-expect-error
-      return header();
-    }
-    return column.id;
-  }, []);
-  var options = (0, _react.useMemo)(function () {
-    return props.columns.filter(function (column) {
-      return column.getCanHide();
-    }).map(function (column) {
-      return {
-        id: column.id,
-        header: getHeaderName(column),
-        onChange: column.toggleVisibility,
-        getValue: column.getIsVisible
-      };
-    });
-  }, [props.columns]);
-  if (options.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-    handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-      icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null)
-    })
-  }, /*#__PURE__*/_react.default.createElement(_styled.ColumnsVisibilityMenuHeader, {
-    use: "subtitle2",
-    tag: "h6"
-  }, "Toggle column visibility"), /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, null), options.map(function (option) {
-    return /*#__PURE__*/_react.default.createElement(_styled.ColumnsVisibilityMenuItem, {
-      key: option.id
-    }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-      label: option.header,
-      onChange: option.onChange,
-      value: option.getValue()
-    }));
-  }));
-};
-
-//# sourceMappingURL=ColumnsVisibility.js.map

package/DataTable/ColumnsVisibility.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_settings","_Button","_Checkbox","_Menu","_styled","ColumnsVisibility","exports","props","getHeaderName","useCallback","column","header","columnDef","id","options","useMemo","columns","filter","getCanHide","map","onChange","toggleVisibility","getValue","getIsVisible","length","default","createElement","Menu","handle","IconButton","icon","ReactComponent","ColumnsVisibilityMenuHeader","use","tag","MenuDivider","option","ColumnsVisibilityMenuItem","key","Checkbox","label","value"],"sources":["ColumnsVisibility.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/outlined/settings.svg\";\nimport { Column } from \"@tanstack/react-table\";\nimport { IconButton } from \"~/Button\";\nimport { Checkbox } from \"~/Checkbox\";\nimport { Menu, MenuDivider } from \"~/Menu\";\nimport { ColumnsVisibilityMenuHeader, ColumnsVisibilityMenuItem } from \"~/DataTable/styled\";\n\ninterface ColumnsVisibilityProps<T> {\n    columns: Column<T>[];\n}\n\ninterface Option {\n    id: string;\n    header: string;\n    onChange: (value?: boolean | undefined) => void;\n    getValue: () => boolean;\n}\n\nexport const ColumnsVisibility = <T,>(props: ColumnsVisibilityProps<T>) => {\n    /**\n     * `@tanstack/react-table` does not have a simple method to return the header component.\n     * The only possible way is to use `flexRenderer`, but this is not working with the current implementation\n     * since we don't have access to the header context.\n     */\n    const getHeaderName = useCallback((column: Column<T>) => {\n        const { header } = column.columnDef;\n\n        if (typeof header === \"string\") {\n            return header;\n        }\n\n        if (typeof header === \"function\") {\n            // @ts-expect-error\n            return header();\n        }\n\n        return column.id;\n    }, []);\n\n    const options: Option[] = useMemo(() => {\n        return props.columns\n            .filter(column => column.getCanHide())\n            .map(column => {\n                return {\n                    id: column.id,\n                    header: getHeaderName(column),\n                    onChange: column.toggleVisibility,\n                    getValue: column.getIsVisible\n                };\n            });\n    }, [props.columns]);\n\n    if (options.length === 0) {\n        return null;\n    }\n\n    return (\n        <Menu handle={<IconButton icon={<SettingsIcon />} />}>\n            <ColumnsVisibilityMenuHeader use={\"subtitle2\"} tag={\"h6\"}>\n                {\"Toggle column visibility\"}\n            </ColumnsVisibilityMenuHeader>\n            <MenuDivider />\n            {options.map(option => {\n                return (\n                    <ColumnsVisibilityMenuItem key={option.id}>\n                        <Checkbox\n                            label={option.header}\n                            onChange={option.onChange}\n                            value={option.getValue()}\n                        />\n                    </ColumnsVisibilityMenuItem>\n                );\n            })}\n        </Menu>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAaO,IAAMM,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAQE,KAAgC,EAAK;EACvE;AACJ;AACA;AACA;AACA;EACI,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,UAACC,MAAiB,EAAK;IACrD,IAAQC,MAAM,GAAKD,MAAM,CAACE,SAAS,CAA3BD,MAAM;IAEd,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;MAC5B,OAAOA,MAAM;IACjB;IAEA,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;MAC9B;MACA,OAAOA,MAAM,CAAC,CAAC;IACnB;IAEA,OAAOD,MAAM,CAACG,EAAE;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,OAAiB,GAAG,IAAAC,cAAO,EAAC,YAAM;IACpC,OAAOR,KAAK,CAACS,OAAO,CACfC,MAAM,CAAC,UAAAP,MAAM;MAAA,OAAIA,MAAM,CAACQ,UAAU,CAAC,CAAC;IAAA,EAAC,CACrCC,GAAG,CAAC,UAAAT,MAAM,EAAI;MACX,OAAO;QACHG,EAAE,EAAEH,MAAM,CAACG,EAAE;QACbF,MAAM,EAAEH,aAAa,CAACE,MAAM,CAAC;QAC7BU,QAAQ,EAAEV,MAAM,CAACW,gBAAgB;QACjCC,QAAQ,EAAEZ,MAAM,CAACa;MACrB,CAAC;IACL,CAAC,CAAC;EACV,CAAC,EAAE,CAAChB,KAAK,CAACS,OAAO,CAAC,CAAC;EAEnB,IAAIF,OAAO,CAACU,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACI3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,KAAA,CAAAwB,IAAI;IAACC,MAAM,eAAE/B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACzB,OAAA,CAAA4B,UAAU;MAACC,IAAI,eAAEjC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,SAAA,CAAA+B,cAAY,MAAE;IAAE,CAAE;EAAE,gBACjDlC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACtB,OAAA,CAAA4B,2BAA2B;IAACC,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GACpD,0BACwB,CAAC,eAC9BrC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,KAAA,CAAAgC,WAAW,MAAE,CAAC,EACdrB,OAAO,CAACK,GAAG,CAAC,UAAAiB,MAAM,EAAI;IACnB,oBACIvC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACtB,OAAA,CAAAiC,yBAAyB;MAACC,GAAG,EAAEF,MAAM,CAACvB;IAAG,gBACtChB,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,SAAA,CAAAqC,QAAQ;MACLC,KAAK,EAAEJ,MAAM,CAACzB,MAAO;MACrBS,QAAQ,EAAEgB,MAAM,CAAChB,QAAS;MAC1BqB,KAAK,EAAEL,MAAM,CAACd,QAAQ,CAAC;IAAE,CAC5B,CACsB,CAAC;EAEpC,CAAC,CACC,CAAC;AAEf,CAAC","ignoreList":[]}