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

package/Carousel/Carousel.js

@@ -1,59 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _nukaCarousel = _interopRequireDefault(require("nuka-carousel"));
-
-var _pick = _interopRequireDefault(require("lodash/pick"));
-
-var Carousel = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Carousel, _React$Component);
-
-  var _super = (0, _createSuper2.default)(Carousel);
-
-  function Carousel() {
-    (0, _classCallCheck2.default)(this, Carousel);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(Carousel, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_nukaCarousel.default, Object.assign({}, (0, _pick.default)(this.props, Carousel.nukaProps), this.props.renderPreviousSlide ? {
-        renderCenterLeftControls: this.props.renderPreviousSlide
-      } : {}, this.props.renderNextSlide ? {
-        renderCenterRightControls: this.props.renderNextSlide
-      } : {}, this.props.renderBottomNav ? {
-        renderBottomCenterControls: this.props.renderBottomNav
-      } : {}), this.props.children);
-    }
-  }]);
-  return Carousel;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(Carousel, "defaultProps", {
-  swiping: true,
-  dragging: false,
-  heightMode: "first",
-  easing: "easeExpInOut"
-});
-(0, _defineProperty2.default)(Carousel, "nukaProps", ["children", "afterSlide", "autoplay", "autoplayInterval", "beforeSlide", "dragging", "easing", "heightMode", "pauseOnHover", "slideIndex", "speed", "swiping", "transitionMode"]);
-var _default = Carousel;
-exports.default = _default;
+import React from "react";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `Carousel` component or reach out on Slack.
+ */
+const Carousel = props => {
+  console.warn("The `Carousel` component is deprecated and will be removed in future releases.");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+};
+export default Carousel;
+
+//# sourceMappingURL=Carousel.js.map

package/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"names":["Carousel","pick","props","nukaProps","renderPreviousSlide","renderCenterLeftControls","renderNextSlide","renderCenterRightControls","renderBottomNav","renderBottomCenterControls","children","React","Component","swiping","dragging","heightMode","easing"],"sources":["Carousel.tsx"],"sourcesContent":["import React from \"react\";\nimport NukaCarousel, { CarouselProps, CarouselRenderControl } from \"nuka-carousel\";\nimport pick from \"lodash/pick\";\n\ninterface Props extends CarouselProps {\n    // slides as set of HTMLElements\n    children: React.ReactNode;\n\n    // render method for the next slide button\n    renderNextSlide?: CarouselRenderControl | null;\n\n    // render method for the previous slide button\n    renderPreviousSlide?: CarouselRenderControl | null;\n\n    // render method for the central navigation\n    renderBottomNav?: CarouselRenderControl | null;\n}\n\nclass Carousel extends React.Component<Props> {\n    static defaultProps = {\n        swiping: true,\n        dragging: false,\n        heightMode: \"first\",\n        easing: \"easeExpInOut\"\n    };\n\n    static nukaProps = [\n        \"children\",\n        \"afterSlide\",\n        \"autoplay\",\n        \"autoplayInterval\",\n        \"beforeSlide\",\n        \"dragging\",\n        \"easing\",\n        \"heightMode\",\n        \"pauseOnHover\",\n        \"slideIndex\",\n        \"speed\",\n        \"swiping\",\n        \"transitionMode\"\n    ];\n\n    public override render() {\n        return (\n            <NukaCarousel\n                {...pick(this.props, Carousel.nukaProps)}\n                {...(this.props.renderPreviousSlide\n                    ? { renderCenterLeftControls: this.props.renderPreviousSlide }\n                    : {})}\n                {...(this.props.renderNextSlide\n                    ? { renderCenterRightControls: this.props.renderNextSlide }\n                    : {})}\n                {...(this.props.renderBottomNav\n                    ? { renderBottomCenterControls: this.props.renderBottomNav }\n                    : {})}\n            >\n                {this.props.children}\n            </NukaCarousel>\n        );\n    }\n}\n\nexport default Carousel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;IAgBMA,Q;;;;;;;;;;;;WAwBF,kBAAyB;MACrB,oBACI,6BAAC,qBAAD,oBACQ,IAAAC,aAAA,EAAK,KAAKC,KAAV,EAAiBF,QAAQ,CAACG,SAA1B,CADR,EAES,KAAKD,KAAL,CAAWE,mBAAX,GACC;QAAEC,wBAAwB,EAAE,KAAKH,KAAL,CAAWE;MAAvC,CADD,GAEC,EAJV,EAKS,KAAKF,KAAL,CAAWI,eAAX,GACC;QAAEC,yBAAyB,EAAE,KAAKL,KAAL,CAAWI;MAAxC,CADD,GAEC,EAPV,EAQS,KAAKJ,KAAL,CAAWM,eAAX,GACC;QAAEC,0BAA0B,EAAE,KAAKP,KAAL,CAAWM;MAAzC,CADD,GAEC,EAVV,GAYK,KAAKN,KAAL,CAAWQ,QAZhB,CADJ;IAgBH;;;EAzCkBC,cAAA,CAAMC,S;;8BAAvBZ,Q,kBACoB;EAClBa,OAAO,EAAE,IADS;EAElBC,QAAQ,EAAE,KAFQ;EAGlBC,UAAU,EAAE,OAHM;EAIlBC,MAAM,EAAE;AAJU,C;8BADpBhB,Q,eAQiB,CACf,UADe,EAEf,YAFe,EAGf,UAHe,EAIf,kBAJe,EAKf,aALe,EAMf,UANe,EAOf,QAPe,EAQf,YARe,EASf,cATe,EAUf,YAVe,EAWf,OAXe,EAYf,SAZe,EAaf,gBAbe,C;eAoCRA,Q"}
+{"version":3,"names":["React","Carousel","props","console","warn","createElement","Fragment","children"],"sources":["Carousel.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface Props extends Record<string, any> {\n    children: React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please implement your own `Carousel` component or reach out on Slack.\n */\nconst Carousel = (props: Props) => {\n    console.warn(\"The `Carousel` component is deprecated and will be removed in future releases.\");\n    return <>{props.children}</>;\n};\n\nexport default Carousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB;AACA;AACA;AACA;AACA,MAAMC,QAAQ,GAAIC,KAAY,IAAK;EAC/BC,OAAO,CAACC,IAAI,CAAC,gFAAgF,CAAC;EAC9F,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGJ,KAAK,CAACK,QAAW,CAAC;AAChC,CAAC;AAED,eAAeN,QAAQ","ignoreList":[]}

package/Carousel/index.js

@@ -1,15 +1,3 @@
-"use strict";
+export { default as Carousel } from "./Carousel";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function get() {
-    return _Carousel.default;
-  }
-});
-
-var _Carousel = _interopRequireDefault(require("./Carousel"));
+//# sourceMappingURL=index.js.map

package/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as Carousel } from \"./Carousel\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["default","Carousel"],"sources":["index.ts"],"sourcesContent":["export { default as Carousel } from \"./Carousel\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ","ignoreList":[]}

package/Checkbox/Checkbox.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="web" />
 import React from "react";
-import { FormComponentProps } from "../types";
+import type { FormComponentProps } from "../types";
 interface Props extends FormComponentProps {
-    label?: React.ReactNode;
+    id?: string;
+    label?: string;
     disabled?: boolean;
     onClick?: (value: boolean) => void;
     indeterminate?: boolean;
     description?: string;
+    "data-testid"?: string;
+    children?: React.ReactNode;
 }
 /**
- * Single Checkbox component can be used to store simple boolean values.
- *
- * Grouping multiple Checkbox components with CheckboxGroup will allow to store an array of selected values.
- * In that case, each Checkbox component must receive value and onChange callback via props.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Checkbox` component from the `@webiny/admin-ui` package instead.
  */
 declare class Checkbox extends React.Component<Props> {
-    onChange: (e: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
+    onChange: (checked: boolean) => void;
+    render(): React.JSX.Element;
 }
 export default Checkbox;

package/Checkbox/Checkbox.js

@@ -1,90 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _checkbox = require("@rmwc/checkbox");
-
-var _FormElementMessage = require("../FormElementMessage");
-
+import React from "react";
+import { Checkbox as AdminCheckbox } from "@webiny/admin-ui";
 /**
- * Single Checkbox component can be used to store simple boolean values.
- *
- * Grouping multiple Checkbox components with CheckboxGroup will allow to store an array of selected values.
- * In that case, each Checkbox component must receive value and onChange callback via props.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Checkbox` component from the `@webiny/admin-ui` package instead.
  */
-var Checkbox = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Checkbox, _React$Component);
-
-  var _super = (0, _createSuper2.default)(Checkbox);
-
-  function Checkbox() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Checkbox);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (e) {
-      _this.props.onChange && _this.props.onChange(e.target.checked);
+class Checkbox extends React.Component {
+  onChange = checked => {
+    this.props.onChange && this.props.onChange(checked);
+  };
+  render() {
+    const {
+      id,
+      value,
+      label,
+      disabled,
+      indeterminate,
+      description,
+      validation,
+      onClick
+    } = this.props;
+    return /*#__PURE__*/React.createElement(AdminCheckbox, {
+      id: id,
+      indeterminate: indeterminate,
+      disabled: disabled,
+      checked: Boolean(value),
+      onChange: this.onChange,
+      onClick: () => typeof onClick === "function" && onClick(Boolean(value)),
+      label: label,
+      "data-testid": this.props["data-testid"],
+      description: description,
+      validation: validation
     });
-    return _this;
   }
+}
+export default Checkbox;
 
-  (0, _createClass2.default)(Checkbox, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          label = _this$props.label,
-          disabled = _this$props.disabled,
-          indeterminate = _this$props.indeterminate,
-          description = _this$props.description,
-          validation = _this$props.validation,
-          _onClick = _this$props.onClick;
-
-      var _ref = validation || {},
-          validationIsValid = _ref.isValid,
-          validationMessage = _ref.message;
-
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
-        indeterminate: indeterminate,
-        disabled: disabled,
-        checked: Boolean(value),
-        onChange: this.onChange,
-        onClick: function onClick() {
-          return typeof _onClick === "function" && _onClick(Boolean(value));
-        } // @ts-ignore Although the label is React.ReactNode internally, an error is still thrown.
-        ,
-        label: label
-      }), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        error: true
-      }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
-    }
-  }]);
-  return Checkbox;
-}(_react.default.Component);
-
-var _default = Checkbox;
-exports.default = _default;
+//# sourceMappingURL=Checkbox.js.map

package/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["Checkbox","e","props","onChange","target","checked","value","label","disabled","indeterminate","description","validation","onClick","validationIsValid","isValid","validationMessage","message","Boolean","React","Component"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Checkbox as RmwcCheckbox } from \"@rmwc/checkbox\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\n\ninterface Props extends FormComponentProps {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // onClick callback.\n    onClick?: (value: boolean) => void;\n\n    // Use when checkbox is not checked nor unchecked.\n    indeterminate?: boolean;\n\n    // Description beneath the checkbox.\n    description?: string;\n}\n\n/**\n * Single Checkbox component can be used to store simple boolean values.\n *\n * Grouping multiple Checkbox components with CheckboxGroup will allow to store an array of selected values.\n * In that case, each Checkbox component must receive value and onChange callback via props.\n */\nclass Checkbox extends React.Component<Props> {\n    onChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        this.props.onChange && this.props.onChange((e.target as any).checked);\n    };\n\n    public override render() {\n        const { value, label, disabled, indeterminate, description, validation, onClick } =\n            this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcCheckbox\n                    indeterminate={indeterminate}\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                    onClick={() => typeof onClick === \"function\" && onClick(Boolean(value))}\n                    // @ts-ignore Although the label is React.ReactNode internally, an error is still thrown.\n                    label={label}\n                />\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAoBA;AACA;AACA;AACA;AACA;AACA;IACMA,Q;;;;;;;;;;;;;;;2FACS,UAACC,CAAD,EAA+C;MACtD,MAAKC,KAAL,CAAWC,QAAX,IAAuB,MAAKD,KAAL,CAAWC,QAAX,CAAqBF,CAAC,CAACG,MAAH,CAAkBC,OAAtC,CAAvB;IACH,C;;;;;;WAED,kBAAyB;MACrB,kBACI,KAAKH,KADT;MAAA,IAAQI,KAAR,eAAQA,KAAR;MAAA,IAAeC,KAAf,eAAeA,KAAf;MAAA,IAAsBC,QAAtB,eAAsBA,QAAtB;MAAA,IAAgCC,aAAhC,eAAgCA,aAAhC;MAAA,IAA+CC,WAA/C,eAA+CA,WAA/C;MAAA,IAA4DC,UAA5D,eAA4DA,UAA5D;MAAA,IAAwEC,QAAxE,eAAwEA,OAAxE;;MAGA,WAAmED,UAAU,IAAI,EAAjF;MAAA,IAAiBE,iBAAjB,QAAQC,OAAR;MAAA,IAA6CC,iBAA7C,QAAoCC,OAApC;;MAEA,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,kBAAD;QACI,aAAa,EAAEP,aADnB;QAEI,QAAQ,EAAED,QAFd;QAGI,OAAO,EAAES,OAAO,CAACX,KAAD,CAHpB;QAII,QAAQ,EAAE,KAAKH,QAJnB;QAKI,OAAO,EAAE;UAAA,OAAM,OAAOS,QAAP,KAAmB,UAAnB,IAAiCA,QAAO,CAACK,OAAO,CAACX,KAAD,CAAR,CAA9C;QAAA,CALb,CAMI;QANJ;QAOI,KAAK,EAAEC;MAPX,EADJ,EAUKM,iBAAiB,KAAK,KAAtB,iBACG,6BAAC,sCAAD;QAAoB,KAAK;MAAzB,GAA2BE,iBAA3B,CAXR,EAcKF,iBAAiB,KAAK,KAAtB,IAA+BH,WAA/B,iBACG,6BAAC,sCAAD,QAAqBA,WAArB,CAfR,CADJ;IAoBH;;;EA/BkBQ,cAAA,CAAMC,S;;eAkCdnB,Q"}
+{"version":3,"names":["React","Checkbox","AdminCheckbox","Component","onChange","checked","props","render","id","value","label","disabled","indeterminate","description","validation","onClick","createElement","Boolean"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormComponentProps } from \"~/types\";\nimport { Checkbox as AdminCheckbox } from \"@webiny/admin-ui\";\n\ninterface Props extends FormComponentProps {\n    // Component id.\n    id?: string;\n\n    // Component label.\n    label?: string;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // onClick callback.\n    onClick?: (value: boolean) => void;\n\n    // Use when checkbox is not checked nor unchecked.\n    indeterminate?: boolean;\n\n    // Description beneath the checkbox.\n    description?: string;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n\n    children?: React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Checkbox` component from the `@webiny/admin-ui` package instead.\n */\nclass Checkbox extends React.Component<Props> {\n    onChange = (checked: boolean) => {\n        this.props.onChange && this.props.onChange(checked);\n    };\n\n    public override render() {\n        const { id, value, label, disabled, indeterminate, description, validation, onClick } =\n            this.props;\n\n        return (\n            <AdminCheckbox\n                id={id}\n                indeterminate={indeterminate}\n                disabled={disabled}\n                checked={Boolean(value)}\n                onChange={this.onChange}\n                onClick={() => typeof onClick === \"function\" && onClick(Boolean(value))}\n                label={label}\n                data-testid={this.props[\"data-testid\"]}\n                description={description}\n                validation={validation}\n            />\n        );\n    }\n}\n\nexport default Checkbox;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,IAAIC,aAAa,QAAQ,kBAAkB;AA2B5D;AACA;AACA;AACA;AACA,MAAMD,QAAQ,SAASD,KAAK,CAACG,SAAS,CAAQ;EAC1CC,QAAQ,GAAIC,OAAgB,IAAK;IAC7B,IAAI,CAACC,KAAK,CAACF,QAAQ,IAAI,IAAI,CAACE,KAAK,CAACF,QAAQ,CAACC,OAAO,CAAC;EACvD,CAAC;EAEeE,MAAMA,CAAA,EAAG;IACrB,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,KAAK;MAAEC,QAAQ;MAAEC,aAAa;MAAEC,WAAW;MAAEC,UAAU;MAAEC;IAAQ,CAAC,GACjF,IAAI,CAACT,KAAK;IAEd,oBACIN,KAAA,CAAAgB,aAAA,CAACd,aAAa;MACVM,EAAE,EAAEA,EAAG;MACPI,aAAa,EAAEA,aAAc;MAC7BD,QAAQ,EAAEA,QAAS;MACnBN,OAAO,EAAEY,OAAO,CAACR,KAAK,CAAE;MACxBL,QAAQ,EAAE,IAAI,CAACA,QAAS;MACxBW,OAAO,EAAEA,CAAA,KAAM,OAAOA,OAAO,KAAK,UAAU,IAAIA,OAAO,CAACE,OAAO,CAACR,KAAK,CAAC,CAAE;MACxEC,KAAK,EAAEA,KAAM;MACb,eAAa,IAAI,CAACJ,KAAK,CAAC,aAAa,CAAE;MACvCO,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA;IAAW,CAC1B,CAAC;EAEV;AACJ;AAEA,eAAeb,QAAQ","ignoreList":[]}

package/Checkbox/CheckboxGroup.d.ts

@@ -1,15 +1,19 @@
 import React from "react";
-import { FormComponentProps } from "../types";
+import type { FormComponentProps } from "../types";
 export interface ChildrenRenderProp {
     onChange: (id: string | number) => () => void;
     getValue: (id: string | number) => boolean;
 }
-declare type Props = FormComponentProps & {
+type Props = FormComponentProps & {
     label?: string;
     description?: string;
     children: (props: ChildrenRenderProp) => React.ReactNode;
 };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `CheckboxGroup` component from the `@webiny/admin-ui` package instead.
+ */
 declare class CheckboxGroup extends React.Component<Props> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default CheckboxGroup;

package/Checkbox/CheckboxGroup.js

@@ -1,79 +1,49 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Checkbox = require("./Checkbox.styles");
-
-var _FormElementMessage = require("../FormElementMessage");
-
-var CheckboxGroup = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(CheckboxGroup, _React$Component);
-
-  var _super = (0, _createSuper2.default)(CheckboxGroup);
-
-  function CheckboxGroup() {
-    (0, _classCallCheck2.default)(this, CheckboxGroup);
-    return _super.apply(this, arguments);
+import React from "react";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `CheckboxGroup` component from the `@webiny/admin-ui` package instead.
+ */
+class CheckboxGroup extends React.Component {
+  render() {
+    const {
+      description,
+      label,
+      validation
+    } = this.props;
+    const {
+      isValid: validationIsValid,
+      message: validationMessage
+    } = validation || {};
+    return /*#__PURE__*/React.createElement("div", {
+      className: "w-full"
+    }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+      text: label
+    }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+      text: description
+    }), this.props.children({
+      onChange: value => {
+        return () => {
+          const values = Array.isArray(this.props.value) ? [...this.props.value] : [];
+          const index = values.indexOf(value);
+          if (index > -1) {
+            values.splice(index, 1);
+          } else {
+            values.push(value);
+          }
+          this.props.onChange && this.props.onChange(values);
+        };
+      },
+      getValue: id => {
+        const values = Array.isArray(this.props.value) ? this.props.value : [];
+        return values.includes(id);
+      }
+    }), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+      invalid: Boolean(validationIsValid === false),
+      text: validationMessage
+    }));
   }
+}
+export default CheckboxGroup;
 
-  (0, _createClass2.default)(CheckboxGroup, [{
-    key: "render",
-    value: function render() {
-      var _this = this;
-
-      var _this$props = this.props,
-          description = _this$props.description,
-          label = _this$props.label,
-          _this$props$validatio = _this$props.validation,
-          validation = _this$props$validatio === void 0 ? {
-        isValid: null,
-        message: null
-      } : _this$props$validatio;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label && /*#__PURE__*/_react.default.createElement("div", {
-        className: "mdc-text-field-helper-text mdc-text-field-helper-text--persistent " + _Checkbox.webinyCheckboxTitle
-      }, label), this.props.children({
-        onChange: function onChange(value) {
-          return function () {
-            var values = Array.isArray(_this.props.value) ? (0, _toConsumableArray2.default)(_this.props.value) : [];
-            var index = values.indexOf(value);
-
-            if (index > -1) {
-              values.splice(index, 1);
-            } else {
-              values.push(value);
-            }
-
-            _this.props.onChange && _this.props.onChange(values);
-          };
-        },
-        getValue: function getValue(id) {
-          var values = Array.isArray(_this.props.value) ? _this.props.value : [];
-          return values.includes(id);
-        }
-      }), validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        error: true
-      }, validation.message), validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
-    }
-  }]);
-  return CheckboxGroup;
-}(_react.default.Component);
-
-var _default = CheckboxGroup;
-exports.default = _default;
+//# sourceMappingURL=CheckboxGroup.js.map

package/Checkbox/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["CheckboxGroup","props","description","label","validation","isValid","message","webinyCheckboxTitle","children","onChange","value","values","Array","isArray","index","indexOf","splice","push","getValue","id","includes","React","Component"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"./../types\";\nimport { webinyCheckboxTitle } from \"./Checkbox.styles\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\nexport interface ChildrenRenderProp {\n    onChange: (id: string | number) => () => void;\n    getValue: (id: string | number) => boolean;\n}\n\ntype Props = FormComponentProps & {\n    // Form element's label.\n    label?: string;\n\n    // Form element's description.\n    description?: string;\n\n    // An array of Checkbox components.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n};\n\nclass CheckboxGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation = { isValid: null, message: null } } = this.props;\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div\n                        className={\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent \" +\n                            webinyCheckboxTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => {\n                        return () => {\n                            const values = Array.isArray(this.props.value)\n                                ? [...this.props.value]\n                                : [];\n                            const index = values.indexOf(value);\n                            if (index > -1) {\n                                values.splice(index, 1);\n                            } else {\n                                values.push(value);\n                            }\n\n                            this.props.onChange && this.props.onChange(values);\n                        };\n                    },\n                    getValue: id => {\n                        const values = Array.isArray(this.props.value) ? this.props.value : [];\n                        return values.includes(id);\n                    }\n                })}\n\n                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;IAkBMA,a;;;;;;;;;;;;WACF,kBAAyB;MAAA;;MACrB,kBAA8E,KAAKC,KAAnF;MAAA,IAAQC,WAAR,eAAQA,WAAR;MAAA,IAAqBC,KAArB,eAAqBA,KAArB;MAAA,wCAA4BC,UAA5B;MAAA,IAA4BA,UAA5B,sCAAyC;QAAEC,OAAO,EAAE,IAAX;QAAiBC,OAAO,EAAE;MAA1B,CAAzC;MAEA,oBACI,6BAAC,cAAD,CAAO,QAAP,QACKH,KAAK,iBACF;QACI,SAAS,EACL,uEACAI;MAHR,GAMKJ,KANL,CAFR,EAYK,KAAKF,KAAL,CAAWO,QAAX,CAAoB;QACjBC,QAAQ,EAAE,kBAAAC,KAAK,EAAI;UACf,OAAO,YAAM;YACT,IAAMC,MAAM,GAAGC,KAAK,CAACC,OAAN,CAAc,KAAI,CAACZ,KAAL,CAAWS,KAAzB,qCACL,KAAI,CAACT,KAAL,CAAWS,KADN,IAET,EAFN;YAGA,IAAMI,KAAK,GAAGH,MAAM,CAACI,OAAP,CAAeL,KAAf,CAAd;;YACA,IAAII,KAAK,GAAG,CAAC,CAAb,EAAgB;cACZH,MAAM,CAACK,MAAP,CAAcF,KAAd,EAAqB,CAArB;YACH,CAFD,MAEO;cACHH,MAAM,CAACM,IAAP,CAAYP,KAAZ;YACH;;YAED,KAAI,CAACT,KAAL,CAAWQ,QAAX,IAAuB,KAAI,CAACR,KAAL,CAAWQ,QAAX,CAAoBE,MAApB,CAAvB;UACH,CAZD;QAaH,CAfgB;QAgBjBO,QAAQ,EAAE,kBAAAC,EAAE,EAAI;UACZ,IAAMR,MAAM,GAAGC,KAAK,CAACC,OAAN,CAAc,KAAI,CAACZ,KAAL,CAAWS,KAAzB,IAAkC,KAAI,CAACT,KAAL,CAAWS,KAA7C,GAAqD,EAApE;UACA,OAAOC,MAAM,CAACS,QAAP,CAAgBD,EAAhB,CAAP;QACH;MAnBgB,CAApB,CAZL,EAkCKf,UAAU,CAACC,OAAX,KAAuB,KAAvB,iBACG,6BAAC,sCAAD;QAAoB,KAAK;MAAzB,GAA2BD,UAAU,CAACE,OAAtC,CAnCR,EAsCKF,UAAU,CAACC,OAAX,KAAuB,KAAvB,IAAgCH,WAAhC,iBACG,6BAAC,sCAAD,QAAqBA,WAArB,CAvCR,CADJ;IA4CH;;;EAhDuBmB,cAAA,CAAMC,S;;eAmDnBtB,a"}
+{"version":3,"names":["React","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","CheckboxGroup","Component","render","description","label","validation","props","isValid","validationIsValid","message","validationMessage","createElement","className","text","children","onChange","value","values","Array","isArray","index","indexOf","splice","push","getValue","id","includes","invalid","Boolean"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormComponentProps } from \"~/types\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel\n} from \"@webiny/admin-ui\";\n\nexport interface ChildrenRenderProp {\n    onChange: (id: string | number) => () => void;\n    getValue: (id: string | number) => boolean;\n}\n\ntype Props = FormComponentProps & {\n    // Form element's label.\n    label?: string;\n\n    // Form element's description.\n    description?: string;\n\n    // An array of Checkbox components.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `CheckboxGroup` component from the `@webiny/admin-ui` package instead.\n */\nclass CheckboxGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation } = this.props;\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <div className={\"w-full\"}>\n                <FormComponentLabel text={label} />\n                <FormComponentDescription text={description} />\n                {this.props.children({\n                    onChange: value => {\n                        return () => {\n                            const values = Array.isArray(this.props.value)\n                                ? [...this.props.value]\n                                : [];\n                            const index = values.indexOf(value);\n                            if (index > -1) {\n                                values.splice(index, 1);\n                            } else {\n                                values.push(value);\n                            }\n\n                            this.props.onChange && this.props.onChange(values);\n                        };\n                    },\n                    getValue: id => {\n                        const values = Array.isArray(this.props.value) ? this.props.value : [];\n                        return values.includes(id);\n                    }\n                })}\n                <FormComponentErrorMessage\n                    invalid={Boolean(validationIsValid === false)}\n                    text={validationMessage}\n                />\n            </div>\n        );\n    }\n}\n\nexport default CheckboxGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,QACf,kBAAkB;AAkBzB;AACA;AACA;AACA;AACA,MAAMC,aAAa,SAASJ,KAAK,CAACK,SAAS,CAAQ;EAC/BC,MAAMA,CAAA,EAAG;IACrB,MAAM;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACC,KAAK;IACrD,MAAM;MAAEC,OAAO,EAAEC,iBAAiB;MAAEC,OAAO,EAAEC;IAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;IAEnF,oBACIT,KAAA,CAAAe,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBhB,KAAA,CAAAe,aAAA,CAACZ,kBAAkB;MAACc,IAAI,EAAET;IAAM,CAAE,CAAC,eACnCR,KAAA,CAAAe,aAAA,CAACd,wBAAwB;MAACgB,IAAI,EAAEV;IAAY,CAAE,CAAC,EAC9C,IAAI,CAACG,KAAK,CAACQ,QAAQ,CAAC;MACjBC,QAAQ,EAAEC,KAAK,IAAI;QACf,OAAO,MAAM;UACT,MAAMC,MAAM,GAAGC,KAAK,CAACC,OAAO,CAAC,IAAI,CAACb,KAAK,CAACU,KAAK,CAAC,GACxC,CAAC,GAAG,IAAI,CAACV,KAAK,CAACU,KAAK,CAAC,GACrB,EAAE;UACR,MAAMI,KAAK,GAAGH,MAAM,CAACI,OAAO,CAACL,KAAK,CAAC;UACnC,IAAII,KAAK,GAAG,CAAC,CAAC,EAAE;YACZH,MAAM,CAACK,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHH,MAAM,CAACM,IAAI,CAACP,KAAK,CAAC;UACtB;UAEA,IAAI,CAACV,KAAK,CAACS,QAAQ,IAAI,IAAI,CAACT,KAAK,CAACS,QAAQ,CAACE,MAAM,CAAC;QACtD,CAAC;MACL,CAAC;MACDO,QAAQ,EAAEC,EAAE,IAAI;QACZ,MAAMR,MAAM,GAAGC,KAAK,CAACC,OAAO,CAAC,IAAI,CAACb,KAAK,CAACU,KAAK,CAAC,GAAG,IAAI,CAACV,KAAK,CAACU,KAAK,GAAG,EAAE;QACtE,OAAOC,MAAM,CAACS,QAAQ,CAACD,EAAE,CAAC;MAC9B;IACJ,CAAC,CAAC,eACF7B,KAAA,CAAAe,aAAA,CAACb,yBAAyB;MACtB6B,OAAO,EAAEC,OAAO,CAACpB,iBAAiB,KAAK,KAAK,CAAE;MAC9CK,IAAI,EAAEH;IAAkB,CAC3B,CACA,CAAC;EAEd;AACJ;AAEA,eAAeV,aAAa","ignoreList":[]}

package/Checkbox/index.js

@@ -1,23 +1,4 @@
-"use strict";
+export { default as Checkbox } from "./Checkbox";
+export { default as CheckboxGroup } from "./CheckboxGroup";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox.default;
-  }
-});
-Object.defineProperty(exports, "CheckboxGroup", {
-  enumerable: true,
-  get: function get() {
-    return _CheckboxGroup.default;
-  }
-});
-
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-
-var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
+//# sourceMappingURL=index.js.map

package/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}
+{"version":3,"names":["default","Checkbox","CheckboxGroup"],"sources":["index.ts"],"sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ;AAC5B,SAASD,OAAO,IAAIE,aAAa","ignoreList":[]}

package/Chips/Chip.d.ts

@@ -1,4 +1,36 @@
 import React from "react";
-import { ChipProps as RmwcChipProps } from "@rmwc/chip";
-export declare type ChipProps = RmwcChipProps;
-export declare const Chip: React.FC<ChipProps>;
+export interface RmwcChipProps {
+    /** Text for your Chip. */
+    label?: React.ReactNode;
+    /** @deprecated makes the Chip appear selected. */
+    selected?: boolean;
+    /** @deprecated Instance of an Icon Component. */
+    icon?: any;
+    /** @deprecated Instance of an Icon Component. */
+    trailingIcon?: any;
+    /** @deprecated Defaults to true. Set this to false if your trailing icon is something other than a remove button. */
+    trailingIconRemovesChip?: boolean;
+    /** An optional chip ID that will be included in callback evt.detail. If this is not passed, RMWC will attempt to use the "key" prop if present.  */
+    id?: string;
+    /** @deprecated Includes an optional checkmark for the chips selected state. */
+    checkmark?: boolean;
+    /** @deprecated Additional children will be rendered in the text area. */
+    children?: React.ReactNode;
+    /** A callback for click or enter key. This should be used over onClick for accessibility reasons. evt.detail = { chipId: string }  */
+    onInteraction?: (evt: any) => void;
+    /** @deprecated A callback for click or enter key for the trailing icon. material-components-web always treats this as an intent to remove the chip. evt.detail = { chipId: string } */
+    onTrailingIconInteraction?: (evt: any) => void;
+    /** A callback that is fired once the chip is in an exited state from removing it. evt.detail = { chipId: string } */
+    onRemove?: (evt: any) => void;
+    /** @deprecated Advanced: A reference to the MDCFoundation. */
+    foundationRef?: any;
+}
+export interface ChipProps extends Omit<RmwcChipProps, "onRemove" | "trailingIcon"> {
+    onRemove?: (ev: React.MouseEvent<HTMLSpanElement> | React.SyntheticEvent<HTMLSpanElement>) => void;
+    trailingIcon?: React.ReactNode;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Tag` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const Chip: (props: ChipProps) => React.JSX.Element;

package/Chips/Chip.js

@@ -1,24 +1,51 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Chip = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _chip = require("@rmwc/chip");
-
-var _excluded = ["children"];
-
-var Chip = function Chip(props) {
-  var children = props.children,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_chip.Chip, rest, children);
+import React, { useCallback } from "react";
+import { Tag as AdminTag } from "@webiny/admin-ui";
+import omit from "lodash/omit";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Tag` component from the `@webiny/admin-ui` package instead.
+ */
+export const Chip = props => {
+  const {
+    children,
+    label,
+    trailingIcon,
+    onRemove,
+    onInteraction,
+    ...rest
+  } = props;
+  const getEventWithDetails = useCallback(ev => {
+    return {
+      ...ev,
+      detail: {
+        chipId: props.id
+      }
+    };
+  }, [props.id]);
+  const onRemoveCb = useCallback(ev => {
+    if (!onRemove) {
+      return;
+    }
+    onRemove(getEventWithDetails(ev));
+  }, [onRemove]);
+  const onClick = useCallback(ev => {
+    if (!onInteraction) {
+      return;
+    }
+    onInteraction(getEventWithDetails(ev));
+  }, [onInteraction]);
+  const createIconElement = useCallback(icon => {
+    if (/*#__PURE__*/React.isValidElement(icon)) {
+      return icon;
+    }
+    return undefined;
+  }, []);
+  return /*#__PURE__*/React.createElement(AdminTag, Object.assign({}, omit(rest, ["selected", "icon", "trailingIconRemovesChip", "onTrailingIconInteraction", "checkmark", "foundationRef"]), {
+    content: children || label,
+    dismissIconElement: createIconElement(trailingIcon),
+    onDismiss: onRemove ? onRemoveCb : undefined,
+    onClick: onClick
+  }));
 };
 
-exports.Chip = Chip;
+//# sourceMappingURL=Chip.js.map