@webiny/ui 5.40.0-beta.2 → 5.40.0-beta.4

package/Mosaic/Mosaic.d.ts

@@ -6,15 +6,5 @@ export interface MosaicProps {
     className?: string;
     children: React.ReactNode;
 }
-declare const Mosaic: {
-    ({ children, columns, className }: MosaicProps): JSX.Element;
-    defaultProps: {
-        columns: {
-            320: number;
-            480: number;
-            800: number;
-            1366: number;
-        };
-    };
-};
+declare const Mosaic: (props: MosaicProps) => React.JSX.Element;
 export { Mosaic };

package/Mosaic/Mosaic.js

@@ -9,24 +9,23 @@ var _react = _interopRequireDefault(require("react"));
 var _reactColumned = _interopRequireDefault(require("react-columned"));
 /**
  * Package react-columned does not have types.
- */ // @ts-expect-error
-var Mosaic = function Mosaic(_ref) {
-  var children = _ref.children,
-    columns = _ref.columns,
-    className = _ref.className;
+ */
+// @ts-expect-error
+
+var Mosaic = exports.Mosaic = function Mosaic(props) {
+  var children = props.children,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? {
+      320: 1,
+      480: 2,
+      800: 3,
+      1366: 4
+    } : _props$columns,
+    className = props.className;
   return /*#__PURE__*/_react.default.createElement(_reactColumned.default, {
     columns: columns,
     className: className
   }, children);
 };
-exports.Mosaic = Mosaic;
-Mosaic.defaultProps = {
-  columns: {
-    320: 1,
-    480: 2,
-    800: 3,
-    1366: 4
-  }
-};
 
 //# sourceMappingURL=Mosaic.js.map

package/Mosaic/Mosaic.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactColumned","Mosaic","_ref","children","columns","className","default","createElement","exports","defaultProps"],"sources":["Mosaic.tsx"],"sourcesContent":["import React from \"react\";\n/**\n * Package react-columned does not have types.\n */\n// @ts-expect-error\nimport Columned from \"react-columned\";\n\nexport interface MosaicProps {\n    // Number of columns, per max screen size, eg. { \"320\": 1, \"480\": 2, \"800\": 3, \"1366\": 4 }.\n    columns?: {\n        [key: string]: number;\n    };\n\n    // Custom class for the mosaic container.\n    className?: string;\n\n    children: React.ReactNode;\n}\n\nconst Mosaic = ({ children, columns, className }: MosaicProps) => {\n    return (\n        <Columned columns={columns} className={className}>\n            {children}\n        </Columned>\n    );\n};\n\nMosaic.defaultProps = {\n    columns: { 320: 1, 480: 2, 800: 3, 1366: 4 }\n};\n\nexport { Mosaic };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA,GAFA,CAGA;AAeA,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAsD;EAAA,IAAhDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAC1C,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAM,OAAQ;IAACF,OAAO,EAAEA,OAAQ;IAACC,SAAS,EAAEA;EAAU,GAC5CF,QACK,CAAC;AAEnB,CAAC;AAACK,OAAA,CAAAP,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAACQ,YAAY,GAAG;EAClBL,OAAO,EAAE;IAAE,GAAG,EAAE,CAAC;IAAE,GAAG,EAAE,CAAC;IAAE,GAAG,EAAE,CAAC;IAAE,IAAI,EAAE;EAAE;AAC/C,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactColumned","Mosaic","exports","props","children","_props$columns","columns","className","default","createElement"],"sources":["Mosaic.tsx"],"sourcesContent":["import React from \"react\";\n/**\n * Package react-columned does not have types.\n */\n// @ts-expect-error\nimport Columned from \"react-columned\";\n\nexport interface MosaicProps {\n    // Number of columns, per max screen size, eg. { \"320\": 1, \"480\": 2, \"800\": 3, \"1366\": 4 }.\n    columns?: {\n        [key: string]: number;\n    };\n\n    // Custom class for the mosaic container.\n    className?: string;\n\n    children: React.ReactNode;\n}\n\nconst Mosaic = (props: MosaicProps) => {\n    const { children, columns = { 320: 1, 480: 2, 800: 3, 1366: 4 }, className } = props;\n    return (\n        <Columned columns={columns} className={className}>\n            {children}\n        </Columned>\n    );\n};\n\nexport { Mosaic };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;AACA;;AAeA,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,KAAkB,EAAK;EACnC,IAAQC,QAAQ,GAA+DD,KAAK,CAA5EC,QAAQ;IAAAC,cAAA,GAA+DF,KAAK,CAAlEG,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG;MAAE,GAAG,EAAE,CAAC;MAAE,GAAG,EAAE,CAAC;MAAE,GAAG,EAAE,CAAC;MAAE,IAAI,EAAE;IAAE,CAAC,GAAAA,cAAA;IAAEE,SAAS,GAAKJ,KAAK,CAAnBI,SAAS;EAC1E,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAQ,OAAQ;IAACF,OAAO,EAAEA,OAAQ;IAACC,SAAS,EAAEA;EAAU,GAC5CH,QACK,CAAC;AAEnB,CAAC","ignoreList":[]}

package/Mosaic/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Mosaic","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Mosaic\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Mosaic","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Mosaic\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/Progress/CircularProgress.d.ts

@@ -7,13 +7,5 @@ interface CircularProgressProps {
     visible?: boolean;
     style?: React.CSSProperties;
 }
-declare const CircularProgress: {
-    (props: CircularProgressProps): JSX.Element;
-    defaultProps: {
-        size: number;
-        spinnerColor: string;
-        spinnerWidth: number;
-        visible: boolean;
-    };
-};
+declare const CircularProgress: (props: CircularProgressProps) => React.JSX.Element;
 export default CircularProgress;

package/Progress/CircularProgress.js

@@ -5,47 +5,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _reactSpinnerMaterial = _interopRequireDefault(require("react-spinner-material"));
 var _Typography = require("../Typography");
-// This is just to center the spinner
-
-var SpinnerWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1s1fi5k0",
+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)."; } // This is just to center the spinner
+var SpinnerWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1s1fi5k1"
+} : {
+  target: "e1s1fi5k1",
   label: "SpinnerWrapper"
-})({
-  width: "100%",
-  height: "100%",
-  position: "absolute",
-  background: "var(--mdc-theme-surface)",
-  opacity: 0.92,
-  top: 0,
-  left: 0,
-  zIndex: 3,
-  "& .spinner__inner-wrapper": {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center"
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "1549w6o",
+  styles: "width:100%;height:100%;position:absolute;background:var(--mdc-theme-surface);opacity:0.92;top:0;left:0;z-index:3;& .spinner__inner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:center;align-items:center;}"
+} : {
+  name: "1549w6o",
+  styles: "width:100%;height:100%;position:absolute;background:var(--mdc-theme-surface);opacity:0.92;top:0;left:0;z-index:3;& .spinner__inner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:center;align-items:center;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNpcmN1bGFyUHJvZ3Jlc3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWV1QiIsImZpbGUiOiJDaXJjdWxhclByb2dyZXNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRoaXMgaXMganVzdCB0byBjZW50ZXIgdGhlIHNwaW5uZXJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNwaW5uZXIgZnJvbSBcInJlYWN0LXNwaW5uZXItbWF0ZXJpYWxcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVwiO1xuXG5pbnRlcmZhY2UgQ2lyY3VsYXJQcm9ncmVzc1Byb3BzIHtcbiAgICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBzaXplPzogbnVtYmVyO1xuICAgIHNwaW5uZXJDb2xvcj86IHN0cmluZztcbiAgICBzcGlubmVyV2lkdGg/OiBudW1iZXI7XG4gICAgdmlzaWJsZT86IGJvb2xlYW47XG4gICAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xufVxuXG5jb25zdCBTcGlubmVyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBiYWNrZ3JvdW5kOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIG9wYWNpdHk6IDAuOTIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgekluZGV4OiAzLFxuICAgIFwiJiAuc3Bpbm5lcl9faW5uZXItd3JhcHBlclwiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogXCI1MCVcIixcbiAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZSgtNTAlLCAtNTAlKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCJcbiAgICB9XG59KTtcblxuY29uc3QgTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogMTVcbn0pO1xuXG5jb25zdCBDaXJjdWxhclByb2dyZXNzID0gKHByb3BzOiBDaXJjdWxhclByb2dyZXNzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIGxhYmVsLFxuICAgICAgICBzaXplID0gNDUsXG4gICAgICAgIHNwaW5uZXJXaWR0aCA9IDQsXG4gICAgICAgIHNwaW5uZXJDb2xvciA9IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIHZpc2libGUgPSB0cnVlLFxuICAgICAgICBzdHlsZVxuICAgIH0gPSBwcm9wcztcbiAgICAvKipcbiAgICAgKiBXZSBjYW4gc2FmZWx5IGNhc3QgYmVjYXVzZSB3ZSBoYXZlIGRlZmF1bHQgcHJvcHNcbiAgICAgKi9cbiAgICByZXR1cm4gKFxuICAgICAgICA8U3Bpbm5lcldyYXBwZXIgc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcInNwaW5uZXJfX2lubmVyLXdyYXBwZXJcIn0+XG4gICAgICAgICAgICAgICAgPFNwaW5uZXJcbiAgICAgICAgICAgICAgICAgICAgc2l6ZT17c2l6ZSBhcyBudW1iZXJ9XG4gICAgICAgICAgICAgICAgICAgIHNwaW5uZXJDb2xvcj17c3Bpbm5lckNvbG9yIGFzIHN0cmluZ31cbiAgICAgICAgICAgICAgICAgICAgc3Bpbm5lcldpZHRoPXtzcGlubmVyV2lkdGggYXMgbnVtYmVyfVxuICAgICAgICAgICAgICAgICAgICB2aXNpYmxlPXt2aXNpYmxlIGFzIGJvb2xlYW59XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8TGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0+e2xhYmVsfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvU3Bpbm5lcldyYXBwZXI+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENpcmN1bGFyUHJvZ3Jlc3M7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Label = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1s1fi5k1",
+var Label = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1s1fi5k0"
+} : {
+  target: "e1s1fi5k0",
   label: "Label"
-})({
-  marginTop: 15
+})(process.env.NODE_ENV === "production" ? {
+  name: "5bno9i",
+  styles: "margin-top:15px"
+} : {
+  name: "5bno9i",
+  styles: "margin-top:15px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNpcmN1bGFyUHJvZ3Jlc3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DYyIsImZpbGUiOiJDaXJjdWxhclByb2dyZXNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRoaXMgaXMganVzdCB0byBjZW50ZXIgdGhlIHNwaW5uZXJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNwaW5uZXIgZnJvbSBcInJlYWN0LXNwaW5uZXItbWF0ZXJpYWxcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVwiO1xuXG5pbnRlcmZhY2UgQ2lyY3VsYXJQcm9ncmVzc1Byb3BzIHtcbiAgICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBzaXplPzogbnVtYmVyO1xuICAgIHNwaW5uZXJDb2xvcj86IHN0cmluZztcbiAgICBzcGlubmVyV2lkdGg/OiBudW1iZXI7XG4gICAgdmlzaWJsZT86IGJvb2xlYW47XG4gICAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xufVxuXG5jb25zdCBTcGlubmVyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBiYWNrZ3JvdW5kOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIG9wYWNpdHk6IDAuOTIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgekluZGV4OiAzLFxuICAgIFwiJiAuc3Bpbm5lcl9faW5uZXItd3JhcHBlclwiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogXCI1MCVcIixcbiAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZSgtNTAlLCAtNTAlKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCJcbiAgICB9XG59KTtcblxuY29uc3QgTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogMTVcbn0pO1xuXG5jb25zdCBDaXJjdWxhclByb2dyZXNzID0gKHByb3BzOiBDaXJjdWxhclByb2dyZXNzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIGxhYmVsLFxuICAgICAgICBzaXplID0gNDUsXG4gICAgICAgIHNwaW5uZXJXaWR0aCA9IDQsXG4gICAgICAgIHNwaW5uZXJDb2xvciA9IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIHZpc2libGUgPSB0cnVlLFxuICAgICAgICBzdHlsZVxuICAgIH0gPSBwcm9wcztcbiAgICAvKipcbiAgICAgKiBXZSBjYW4gc2FmZWx5IGNhc3QgYmVjYXVzZSB3ZSBoYXZlIGRlZmF1bHQgcHJvcHNcbiAgICAgKi9cbiAgICByZXR1cm4gKFxuICAgICAgICA8U3Bpbm5lcldyYXBwZXIgc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcInNwaW5uZXJfX2lubmVyLXdyYXBwZXJcIn0+XG4gICAgICAgICAgICAgICAgPFNwaW5uZXJcbiAgICAgICAgICAgICAgICAgICAgc2l6ZT17c2l6ZSBhcyBudW1iZXJ9XG4gICAgICAgICAgICAgICAgICAgIHNwaW5uZXJDb2xvcj17c3Bpbm5lckNvbG9yIGFzIHN0cmluZ31cbiAgICAgICAgICAgICAgICAgICAgc3Bpbm5lcldpZHRoPXtzcGlubmVyV2lkdGggYXMgbnVtYmVyfVxuICAgICAgICAgICAgICAgICAgICB2aXNpYmxlPXt2aXNpYmxlIGFzIGJvb2xlYW59XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8TGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0+e2xhYmVsfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvU3Bpbm5lcldyYXBwZXI+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENpcmN1bGFyUHJvZ3Jlc3M7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var CircularProgress = function CircularProgress(props) {
   var label = props.label,
-    size = props.size,
-    spinnerWidth = props.spinnerWidth,
-    spinnerColor = props.spinnerColor,
-    visible = props.visible,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 45 : _props$size,
+    _props$spinnerWidth = props.spinnerWidth,
+    spinnerWidth = _props$spinnerWidth === void 0 ? 4 : _props$spinnerWidth,
+    _props$spinnerColor = props.spinnerColor,
+    spinnerColor = _props$spinnerColor === void 0 ? "var(--mdc-theme-primary)" : _props$spinnerColor,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible,
     style = props.style;
   /**
    * We can safely cast because we have default props
@@ -63,13 +65,6 @@ var CircularProgress = function CircularProgress(props) {
     use: "overline"
   }, label))));
 };
-CircularProgress.defaultProps = {
-  size: 45,
-  spinnerColor: "var(--mdc-theme-primary)",
-  spinnerWidth: 4,
-  visible: true
-};
-var _default = CircularProgress;
-exports.default = _default;
+var _default = exports.default = CircularProgress;
 
 //# sourceMappingURL=CircularProgress.js.map

package/Progress/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_reactSpinnerMaterial","_Typography","SpinnerWrapper","styled","target","label","width","height","position","background","opacity","top","left","zIndex","transform","display","flexDirection","justifyContent","alignItems","Label","marginTop","CircularProgress","props","size","spinnerWidth","spinnerColor","visible","style","default","createElement","className","Typography","use","defaultProps","_default","exports"],"sources":["CircularProgress.tsx"],"sourcesContent":["// This is just to center the spinner\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport Spinner from \"react-spinner-material\";\nimport { Typography } from \"../Typography\";\n\ninterface CircularProgressProps {\n    label?: React.ReactNode;\n    size?: number;\n    spinnerColor?: string;\n    spinnerWidth?: number;\n    visible?: boolean;\n    style?: React.CSSProperties;\n}\n\nconst SpinnerWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    background: \"var(--mdc-theme-surface)\",\n    opacity: 0.92,\n    top: 0,\n    left: 0,\n    zIndex: 3,\n    \"& .spinner__inner-wrapper\": {\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\"\n    }\n});\n\nconst Label = styled(\"div\")({\n    marginTop: 15\n});\n\nconst CircularProgress = (props: CircularProgressProps) => {\n    const { label, size, spinnerWidth, spinnerColor, visible, style } = props;\n    /**\n     * We can safely cast because we have default props\n     */\n    return (\n        <SpinnerWrapper style={style}>\n            <div className={\"spinner__inner-wrapper\"}>\n                <Spinner\n                    size={size as number}\n                    spinnerColor={spinnerColor as string}\n                    spinnerWidth={spinnerWidth as number}\n                    visible={visible as boolean}\n                />\n                {label && (\n                    <Label>\n                        <Typography use={\"overline\"}>{label}</Typography>\n                    </Label>\n                )}\n            </div>\n        </SpinnerWrapper>\n    );\n};\n\nCircularProgress.defaultProps = {\n    size: 45,\n    spinnerColor: \"var(--mdc-theme-primary)\",\n    spinnerWidth: 4,\n    visible: true\n};\n\nexport default CircularProgress;\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAJA;;AAeA,IAAMI,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE,0BAA0B;EACtCC,OAAO,EAAE,IAAI;EACbC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACT,2BAA2B,EAAE;IACzBL,QAAQ,EAAE,UAAU;IACpBG,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXE,SAAS,EAAE,uBAAuB;IAClCC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,IAAMC,KAAK,oBAAGhB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACxBe,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAA4B,EAAK;EACvD,IAAQjB,KAAK,GAAuDiB,KAAK,CAAjEjB,KAAK;IAAEkB,IAAI,GAAiDD,KAAK,CAA1DC,IAAI;IAAEC,YAAY,GAAmCF,KAAK,CAApDE,YAAY;IAAEC,YAAY,GAAqBH,KAAK,CAAtCG,YAAY;IAAEC,OAAO,GAAYJ,KAAK,CAAxBI,OAAO;IAAEC,KAAK,GAAKL,KAAK,CAAfK,KAAK;EAC/D;AACJ;AACA;EACI,oBACI/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC3B,cAAc;IAACyB,KAAK,EAAEA;EAAM,gBACzB/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE;EAAyB,gBACrClC,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,qBAAA,CAAA4B,OAAO;IACJL,IAAI,EAAEA,IAAe;IACrBE,YAAY,EAAEA,YAAuB;IACrCD,YAAY,EAAEA,YAAuB;IACrCE,OAAO,EAAEA;EAAmB,CAC/B,CAAC,EACDrB,KAAK,iBACFT,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACV,KAAK,qBACFvB,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC5B,WAAA,CAAA8B,UAAU;IAACC,GAAG,EAAE;EAAW,GAAE3B,KAAkB,CAC7C,CAEV,CACO,CAAC;AAEzB,CAAC;AAEDgB,gBAAgB,CAACY,YAAY,GAAG;EAC5BV,IAAI,EAAE,EAAE;EACRE,YAAY,EAAE,0BAA0B;EACxCD,YAAY,EAAE,CAAC;EACfE,OAAO,EAAE;AACb,CAAC;AAAC,IAAAQ,QAAA,GAEab,gBAAgB;AAAAc,OAAA,CAAAP,OAAA,GAAAM,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactSpinnerMaterial","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","SpinnerWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Label","CircularProgress","props","_props$size","size","_props$spinnerWidth","spinnerWidth","_props$spinnerColor","spinnerColor","_props$visible","visible","style","createElement","className","Typography","use","_default","exports"],"sources":["CircularProgress.tsx"],"sourcesContent":["// This is just to center the spinner\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport Spinner from \"react-spinner-material\";\nimport { Typography } from \"../Typography\";\n\ninterface CircularProgressProps {\n    label?: React.ReactNode;\n    size?: number;\n    spinnerColor?: string;\n    spinnerWidth?: number;\n    visible?: boolean;\n    style?: React.CSSProperties;\n}\n\nconst SpinnerWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    background: \"var(--mdc-theme-surface)\",\n    opacity: 0.92,\n    top: 0,\n    left: 0,\n    zIndex: 3,\n    \"& .spinner__inner-wrapper\": {\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\"\n    }\n});\n\nconst Label = styled(\"div\")({\n    marginTop: 15\n});\n\nconst CircularProgress = (props: CircularProgressProps) => {\n    const {\n        label,\n        size = 45,\n        spinnerWidth = 4,\n        spinnerColor = \"var(--mdc-theme-primary)\",\n        visible = true,\n        style\n    } = props;\n    /**\n     * We can safely cast because we have default props\n     */\n    return (\n        <SpinnerWrapper style={style}>\n            <div className={\"spinner__inner-wrapper\"}>\n                <Spinner\n                    size={size as number}\n                    spinnerColor={spinnerColor as string}\n                    spinnerWidth={spinnerWidth as number}\n                    visible={visible as boolean}\n                />\n                {label && (\n                    <Label>\n                        <Typography use={\"overline\"}>{label}</Typography>\n                    </Label>\n                )}\n            </div>\n        </SpinnerWrapper>\n    );\n};\n\nexport default CircularProgress;\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,qBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA2C,SAAAG,iCAAA,gPAJ3C;AAeA,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,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,EAAAZ;AAAA,CAmBnC,CAAC;AAEF,IAAMa,KAAK,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,KAAK,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,EAAAZ;AAAA,CAE1B,CAAC;AAEF,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAA4B,EAAK;EACvD,IACIP,KAAK,GAMLO,KAAK,CANLP,KAAK;IAAAQ,WAAA,GAMLD,KAAK,CALLE,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IAAAE,mBAAA,GAKTH,KAAK,CAJLI,YAAY;IAAZA,YAAY,GAAAD,mBAAA,cAAG,CAAC,GAAAA,mBAAA;IAAAE,mBAAA,GAIhBL,KAAK,CAHLM,YAAY;IAAZA,YAAY,GAAAD,mBAAA,cAAG,0BAA0B,GAAAA,mBAAA;IAAAE,cAAA,GAGzCP,KAAK,CAFLQ,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IACdE,KAAK,GACLT,KAAK,CADLS,KAAK;EAET;AACJ;AACA;EACI,oBACI7B,MAAA,CAAAQ,OAAA,CAAAsB,aAAA,CAACxB,cAAc;IAACuB,KAAK,EAAEA;EAAM,gBACzB7B,MAAA,CAAAQ,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAyB,gBACrC/B,MAAA,CAAAQ,OAAA,CAAAsB,aAAA,CAAC3B,qBAAA,CAAAK,OAAO;IACJc,IAAI,EAAEA,IAAe;IACrBI,YAAY,EAAEA,YAAuB;IACrCF,YAAY,EAAEA,YAAuB;IACrCI,OAAO,EAAEA;EAAmB,CAC/B,CAAC,EACDf,KAAK,iBACFb,MAAA,CAAAQ,OAAA,CAAAsB,aAAA,CAACZ,KAAK,qBACFlB,MAAA,CAAAQ,OAAA,CAAAsB,aAAA,CAAC1B,WAAA,CAAA4B,UAAU;IAACC,GAAG,EAAE;EAAW,GAAEpB,KAAkB,CAC7C,CAEV,CACO,CAAC;AAEzB,CAAC;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaW,gBAAgB","ignoreList":[]}

package/Progress/index.js.map

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

package/README.md

@@ -11,8 +11,6 @@ A large amount of components are basically thin wrappers around the
 already well-known [RMWC](https://rmwc.io/) library. With that, 
 there are a few additional components that weren't included in it.
 
-Please visit the official [storybook](https://storybook.webiny.com/) page 
-for details and examples of each component.
   
 ## Install
 ```
@@ -25,4 +23,4 @@ yarn add @webiny/ui
 ```
 
 ### Note on @rmwc/textfield
-The package `@rmwc/textfield` is being pulled directly from our github due to its typings being broken on typescript versions that are greater than `3.7.4`. 
+The package `@rmwc/textfield` is being pulled directly from our github due to its typings being broken on typescript versions that are greater than `3.7.4`. 

package/Radio/Radio.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FormComponentProps } from "../types";
 declare type Props = FormComponentProps & {
-    label?: React.ReactNode;
+    label?: string;
     disabled?: boolean;
     description?: string;
 };
@@ -11,6 +11,6 @@ declare type Props = FormComponentProps & {
  */
 declare class Radio extends React.Component<Props> {
     onChange: (e: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Radio;

package/Radio/Radio.js

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _radio = require("@rmwc/radio");
@@ -19,21 +18,20 @@ var _FormElementMessage = require("../FormElementMessage");
  * Each Radio component must receive value and onChange callback via props.
  */
 var Radio = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Radio, _React$Component);
-  var _super = (0, _createSuper2.default)(Radio);
   function Radio() {
     var _this;
     (0, _classCallCheck2.default)(this, Radio);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (e) {
+    _this = (0, _callSuper2.default)(this, Radio, [].concat(args));
+    (0, _defineProperty2.default)(_this, "onChange", function (e) {
       _this.props.onChange && _this.props.onChange(e.target.checked);
     });
     return _this;
   }
-  (0, _createClass2.default)(Radio, [{
+  (0, _inherits2.default)(Radio, _React$Component);
+  return (0, _createClass2.default)(Radio, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -55,9 +53,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
       }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
     }
   }]);
-  return Radio;
 }(_react.default.Component);
-var _default = Radio;
-exports.default = _default;
+var _default = exports.default = Radio;
 
 //# sourceMappingURL=Radio.js.map

package/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_radio","_FormElementMessage","Radio","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","props","onChange","target","checked","_createClass2","key","value","render","_this$props","label","disabled","description","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Boolean","FormElementMessage","error","React","Component","_default","exports"],"sources":["Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport { Radio as RmwcRadio } from \"@rmwc/radio\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is radio disabled?\n    disabled?: boolean;\n\n    // Description beneath the radio.\n    description?: string;\n};\n\n/**\n * Wrap Radio components with RadioGroup to create a set of options.\n * Each Radio component must receive value and onChange callback via props.\n */\nclass Radio extends React.Component<Props> {\n    onChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        this.props.onChange && this.props.onChange((e.target as HTMLInputElement).checked);\n    };\n\n    public override render() {\n        const { value, label, disabled, description, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcRadio\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\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 Radio;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AAaA;AACA;AACA;AACA;AAHA,IAIMG,KAAK,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,KAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAM,KAAA;IAAA,IAAAC,gBAAA,CAAAJ,OAAA,QAAAH,KAAA;IAAA,SAAAQ,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,eACI,UAACa,CAAyC,EAAK;MACtDb,KAAA,CAAKc,KAAK,CAACC,QAAQ,IAAIf,KAAA,CAAKc,KAAK,CAACC,QAAQ,CAAEF,CAAC,CAACG,MAAM,CAAsBC,OAAO,CAAC;IACtF,CAAC;IAAA,OAAAjB,KAAA;EAAA;EAAA,IAAAkB,aAAA,CAAArB,OAAA,EAAAH,KAAA;IAAAyB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,IAAAC,WAAA,GAA4D,IAAI,CAACR,KAAK;QAA9DM,KAAK,GAAAE,WAAA,CAALF,KAAK;QAAEG,KAAK,GAAAD,WAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QAAEC,UAAU,GAAAJ,WAAA,CAAVI,UAAU;MAEvD,IAAAC,IAAA,GAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACI1C,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAAC3C,MAAA,CAAAQ,OAAK,CAACoC,QAAQ,qBACX5C,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACxC,MAAA,CAAAE,KAAS;QACN8B,QAAQ,EAAEA,QAAS;QACnBP,OAAO,EAAEiB,OAAO,CAACd,KAAK,CAAE;QACxBL,QAAQ,EAAE,IAAI,CAACA,QAAS;QACxBQ,KAAK,EAAEA;MAAM,CAChB,CAAC,EACDK,iBAAiB,KAAK,KAAK,iBACxBvC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACvC,mBAAA,CAAA0C,kBAAkB;QAACC,KAAK;MAAA,GAAEN,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIH,WAAW,iBACvCpC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACvC,mBAAA,CAAA0C,kBAAkB,QAAEV,WAAgC,CAE7C,CAAC;IAEzB;EAAC;EAAA,OAAA/B,KAAA;AAAA,EA3Be2C,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GA8BpB7C,KAAK;AAAA8C,OAAA,CAAA3C,OAAA,GAAA0C,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_radio","_FormElementMessage","Radio","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","e","props","onChange","target","checked","_inherits2","_createClass2","key","value","render","_this$props","label","disabled","description","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Boolean","FormElementMessage","error","React","Component","_default","exports"],"sources":["Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport { Radio as RmwcRadio } from \"@rmwc/radio\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: string;\n\n    // Is radio disabled?\n    disabled?: boolean;\n\n    // Description beneath the radio.\n    description?: string;\n};\n\n/**\n * Wrap Radio components with RadioGroup to create a set of options.\n * Each Radio component must receive value and onChange callback via props.\n */\nclass Radio extends React.Component<Props> {\n    onChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        this.props.onChange && this.props.onChange((e.target as HTMLInputElement).checked);\n    };\n\n    public override render() {\n        const { value, label, disabled, description, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcRadio\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\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 Radio;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AAaA;AACA;AACA;AACA;AAHA,IAIMG,KAAK,0BAAAC,gBAAA;EAAA,SAAAD,MAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,KAAA;IAAA,SAAAK,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAJ,KAAA,KAAAY,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,cACI,UAACY,CAAyC,EAAK;MACtDZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,IAAId,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAAEF,CAAC,CAACG,MAAM,CAAsBC,OAAO,CAAC;IACtF,CAAC;IAAA,OAAAhB,KAAA;EAAA;EAAA,IAAAiB,UAAA,CAAAf,OAAA,EAAAJ,KAAA,EAAAC,gBAAA;EAAA,WAAAmB,aAAA,CAAAhB,OAAA,EAAAJ,KAAA;IAAAqB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,IAAAC,WAAA,GAA4D,IAAI,CAACT,KAAK;QAA9DO,KAAK,GAAAE,WAAA,CAALF,KAAK;QAAEG,KAAK,GAAAD,WAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QAAEC,UAAU,GAAAJ,WAAA,CAAVI,UAAU;MAEvD,IAAAC,IAAA,GAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACItC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACvC,MAAA,CAAAS,OAAK,CAAC+B,QAAQ,qBACXxC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACpC,MAAA,CAAAE,KAAS;QACN0B,QAAQ,EAAEA,QAAS;QACnBR,OAAO,EAAEkB,OAAO,CAACd,KAAK,CAAE;QACxBN,QAAQ,EAAE,IAAI,CAACA,QAAS;QACxBS,KAAK,EAAEA;MAAM,CAChB,CAAC,EACDK,iBAAiB,KAAK,KAAK,iBACxBnC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACnC,mBAAA,CAAAsC,kBAAkB;QAACC,KAAK;MAAA,GAAEN,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIH,WAAW,iBACvChC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACnC,mBAAA,CAAAsC,kBAAkB,QAAEV,WAAgC,CAE7C,CAAC;IAEzB;EAAC;AAAA,EA3BeY,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GA8BpBJ,KAAK","ignoreList":[]}

package/Radio/Radio.styles.js

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

package/Radio/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_emotion","require","webinyRadioTitle","css","paddingLeft","marginBottom","exports"],"sources":["Radio.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyRadioTitle = 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 { webinyRadioTitle };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,IAAMC,gBAAgB,gBAAG,IAAAC,YAAG,EACxB,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5BC,WAAW,EAAE,EAAE;IACf;IACA;IACAC,YAAY,EAAE;EAClB;AACJ,CAAC,2BACL,CAAC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["_emotion","require","webinyRadioTitle","exports","css","paddingLeft","marginBottom"],"sources":["Radio.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyRadioTitle = 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 { webinyRadioTitle };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,YAAG,EACxB,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5BC,WAAW,EAAE,EAAE;IACf;IACA;IACAC,YAAY,EAAE;EAClB;AACJ,CACJ,CAAC","ignoreList":[]}

package/Radio/RadioGroup.d.ts

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

package/Radio/RadioGroup.js

@@ -7,19 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireDefault(require("react"));
 var _Radio = require("./Radio.styles");
 var _FormElementMessage = require("../FormElementMessage");
 var RadioGroup = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(RadioGroup, _React$Component);
-  var _super = (0, _createSuper2.default)(RadioGroup);
   function RadioGroup() {
     (0, _classCallCheck2.default)(this, RadioGroup);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, RadioGroup, arguments);
   }
-  (0, _createClass2.default)(RadioGroup, [{
+  (0, _inherits2.default)(RadioGroup, _React$Component);
+  return (0, _createClass2.default)(RadioGroup, [{
     key: "render",
     value: function render() {
       var _this = this;
@@ -46,9 +45,7 @@ var RadioGroup = /*#__PURE__*/function (_React$Component) {
       }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
     }
   }]);
-  return RadioGroup;
 }(_react.default.Component);
-var _default = RadioGroup;
-exports.default = _default;
+var _default = exports.default = RadioGroup;
 
 //# sourceMappingURL=RadioGroup.js.map

package/Radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Radio","_FormElementMessage","RadioGroup","_React$Component","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_this","_this$props","props","description","label","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","className","webinyRadioTitle","children","onChange","getValue","id","FormElementMessage","error","React","Component","_default","exports"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { webinyRadioTitle } from \"./Radio.styles\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface RadioGroupRenderParams {\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 Radio components.\n    children: (props: RadioGroupRenderParams) => React.ReactNode;\n};\n\nclass RadioGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\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                            webinyRadioTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => () => this.props.onChange && this.props.onChange(value),\n                    getValue: id => this.props.value === id\n                })}\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 RadioGroup;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0D,IAkBpDG,UAAU,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,UAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,UAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,UAAA;IAAAU,GAAA;IAAAC,KAAA,EACZ,SAAAC,OAAA,EAAyB;MAAA,IAAAC,KAAA;MACrB,IAAAC,WAAA,GAA2C,IAAI,CAACC,KAAK;QAA7CC,WAAW,GAAAF,WAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;QAAEC,UAAU,GAAAJ,WAAA,CAAVI,UAAU;MAEtC,IAAAC,IAAA,GAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACI5B,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC7B,MAAA,CAAAQ,OAAK,CAACsB,QAAQ,QACVR,KAAK,iBACFtB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA;QACIE,SAAS,EACL,oEAAoE,GACpEC;MACH,GAEAV,KACA,CACR,EAEA,IAAI,CAACF,KAAK,CAACa,QAAQ,CAAC;QACjBC,QAAQ,EAAE,SAAAA,SAAAlB,KAAK;UAAA,OAAI;YAAA,OAAME,KAAI,CAACE,KAAK,CAACc,QAAQ,IAAIhB,KAAI,CAACE,KAAK,CAACc,QAAQ,CAAClB,KAAK,CAAC;UAAA;QAAA;QAC1EmB,QAAQ,EAAE,SAAAA,SAAAC,EAAE;UAAA,OAAIlB,KAAI,CAACE,KAAK,CAACJ,KAAK,KAAKoB,EAAE;QAAA;MAC3C,CAAC,CAAC,EAEDX,iBAAiB,KAAK,KAAK,iBACxBzB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,mBAAA,CAAAiC,kBAAkB;QAACC,KAAK;MAAA,GAAEX,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIJ,WAAW,iBACvCrB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,mBAAA,CAAAiC,kBAAkB,QAAEhB,WAAgC,CAE7C,CAAC;IAEzB;EAAC;EAAA,OAAAhB,UAAA;AAAA,EAjCoBkC,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GAoCzBpC,UAAU;AAAAqC,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Radio","_FormElementMessage","RadioGroup","_React$Component","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_this","_this$props","props","description","label","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","className","webinyRadioTitle","children","onChange","getValue","id","FormElementMessage","error","React","Component","_default","exports"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { webinyRadioTitle } from \"./Radio.styles\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface RadioGroupRenderParams {\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 Radio components.\n    children: (props: RadioGroupRenderParams) => React.ReactNode;\n};\n\nclass RadioGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\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                            webinyRadioTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => () => this.props.onChange && this.props.onChange(value),\n                    getValue: id => this.props.value === id\n                })}\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 RadioGroup;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0D,IAkBpDG,UAAU,0BAAAC,gBAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,UAAA;IAAA,WAAAI,WAAA,CAAAD,OAAA,QAAAH,UAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAH,UAAA,EAAAC,gBAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAH,UAAA;IAAAQ,GAAA;IAAAC,KAAA,EACZ,SAAAC,OAAA,EAAyB;MAAA,IAAAC,KAAA;MACrB,IAAAC,WAAA,GAA2C,IAAI,CAACC,KAAK;QAA7CC,WAAW,GAAAF,WAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;QAAEC,UAAU,GAAAJ,WAAA,CAAVI,UAAU;MAEtC,IAAAC,IAAA,GAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACI1B,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAAC3B,MAAA,CAAAQ,OAAK,CAACoB,QAAQ,QACVR,KAAK,iBACFpB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;QACIE,SAAS,EACL,oEAAoE,GACpEC;MACH,GAEAV,KACA,CACR,EAEA,IAAI,CAACF,KAAK,CAACa,QAAQ,CAAC;QACjBC,QAAQ,EAAE,SAAAA,SAAAlB,KAAK;UAAA,OAAI;YAAA,OAAME,KAAI,CAACE,KAAK,CAACc,QAAQ,IAAIhB,KAAI,CAACE,KAAK,CAACc,QAAQ,CAAClB,KAAK,CAAC;UAAA;QAAA;QAC1EmB,QAAQ,EAAE,SAAAA,SAAAC,EAAE;UAAA,OAAIlB,KAAI,CAACE,KAAK,CAACJ,KAAK,KAAKoB,EAAE;QAAA;MAC3C,CAAC,CAAC,EAEDX,iBAAiB,KAAK,KAAK,iBACxBvB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,mBAAA,CAAA+B,kBAAkB;QAACC,KAAK;MAAA,GAAEX,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIJ,WAAW,iBACvCnB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,mBAAA,CAAA+B,kBAAkB,QAAEhB,WAAgC,CAE7C,CAAC;IAEzB;EAAC;AAAA,EAjCoBkB,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAoCzBH,UAAU","ignoreList":[]}

package/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Radio","_interopRequireDefault","require","_RadioGroup"],"sources":["index.ts"],"sourcesContent":["export { default as Radio } from \"./Radio\";\nexport { default as RadioGroup } from \"./RadioGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA"}
+{"version":3,"names":["_Radio","_interopRequireDefault","require","_RadioGroup"],"sources":["index.ts"],"sourcesContent":["export { default as Radio } from \"./Radio\";\nexport { default as RadioGroup } from \"./RadioGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs";
 import { FormComponentProps } from "@webiny/form";
 export interface OnReadyParams {
@@ -28,4 +28,4 @@ export interface RichTextEditorProps {
     validation?: FormComponentProps["validation"];
     value?: RichTextEditorValue;
 }
-export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
+export declare const RichTextEditor: (props: RichTextEditorProps) => React.JSX.Element;

package/RichTextEditor/RichTextEditor.js

@@ -17,17 +17,17 @@ var _emotion = require("emotion");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _excluded = ["value", "context", "onReady"];
 var classes = {
-  wrapper: /*#__PURE__*/(0, _emotion.css)({
+  wrapper: (0, _emotion.css)({
     backgroundColor: "var(--mdc-theme-background)",
     padding: "20px 16px 6px"
-  }, "label:wrapper;"),
-  label: /*#__PURE__*/(0, _emotion.css)({
+  }),
+  label: (0, _emotion.css)({
     marginBottom: "10px !important"
-  }, "label:label;"),
-  disable: /*#__PURE__*/(0, _emotion.css)({
+  }),
+  disable: (0, _emotion.css)({
     opacity: 0.7,
     pointerEvents: "none"
-  }, "label:disable;")
+  })
 };
 var waitForDom = function waitForDom(id, callback) {
   var timeSpent = 0;
@@ -48,7 +48,7 @@ var waitForDom = function waitForDom(id, callback) {
     clearInterval(interval);
   };
 };
-var RichTextEditor = function RichTextEditor(props) {
+var RichTextEditor = exports.RichTextEditor = function RichTextEditor(props) {
   var elementId = (0, _react.useRef)("rte-" + _shortid.default.generate());
   var editorRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -130,6 +130,5 @@ var RichTextEditor = function RichTextEditor(props) {
     error: true
   }, validation.message), validation && validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
-exports.RichTextEditor = RichTextEditor;
 
 //# sourceMappingURL=RichTextEditor.js.map

package/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_editorjs","_FormElementMessage","_emotion","_classnames","_excluded","classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","concat","RichTextEditor","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","_objectWithoutProperties2","default","initialData","blocks","clearWait","current","EditorJS","_objectSpread2","holder","logLevel","data","onChange","_await$editorRef$curr","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","createElement","Fragment","classNames","_defineProperty2","isValid","FormElementMessage","error","message","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS, {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n    wrapper: css({\n        backgroundColor: \"var(--mdc-theme-background)\",\n        padding: \"20px 16px 6px\"\n    }),\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n    autofocus?: boolean;\n    className?: string;\n    context?: { [key: string]: any };\n    description?: string;\n    disabled?: boolean;\n    label?: string;\n    logLevel?: string;\n    minHeight?: number;\n    onChange?: (data: RichTextEditorValue) => void;\n    onReady?: (params: OnReadyParams) => void;\n    placeholder?: string;\n    readOnly?: boolean;\n    sanitizer?: SanitizerConfig;\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    validation?: FormComponentProps[\"validation\"];\n    value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n    let timeSpent = 0;\n    const interval = setInterval(() => {\n        if (timeSpent > 1000) {\n            clearInterval(interval);\n            return;\n        }\n\n        const dom = document.querySelector(`#${id}`);\n        if (!dom) {\n            timeSpent += 10;\n            return;\n        }\n\n        clearInterval(interval);\n        callback();\n    }, 10);\n\n    return () => {\n        clearInterval(interval);\n    };\n};\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const elementId = useRef(\"rte-\" + shortid.generate());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        const clearWait = waitForDom(elementId.current, () => {\n            editorRef.current = new EditorJS({\n                ...nativeProps,\n                holder: elementId.current,\n                logLevel: \"ERROR\" as LogLevels.ERROR,\n                data: initialData,\n                onChange: async () => {\n                    if (!editorRef.current) {\n                        return;\n                    }\n                    const { blocks: data } = await editorRef.current.save();\n                    if (!props.onChange) {\n                        return;\n                    }\n                    props.onChange(data);\n                },\n                onReady() {\n                    if (typeof onReady !== \"function\") {\n                        return;\n                    }\n                    onReady({ editor: editorRef.current, initialData });\n                },\n                tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                    const tool = props.tools ? props.tools[name] : null;\n                    if (!tool) {\n                        return tools;\n                    }\n                    tools[name] = tool;\n                    if (!tool.config) {\n                        tool.config = { context };\n                    } else if (typeof tool.config === \"function\") {\n                        tool.config = tool.config();\n                    } else {\n                        tool.config = { ...tool.config, context };\n                    }\n                    return tools;\n                }, {} as Record<string, ToolSettings>)\n            });\n        });\n\n        return () => {\n            clearWait();\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    const { label, description, disabled, validation, className } = props;\n\n    return (\n        <Fragment>\n            <div\n                className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n            >\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n                <div id={elementId.current} />\n            </div>\n            {validation && validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation && validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_editorjs","_FormElementMessage","_emotion","_classnames","_excluded","classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","concat","RichTextEditor","exports","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","_objectWithoutProperties2","default","initialData","blocks","clearWait","current","EditorJS","_objectSpread2","holder","logLevel","data","onChange","_await$editorRef$curr","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","createElement","Fragment","classNames","_defineProperty2","isValid","FormElementMessage","error","message"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS, {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n    wrapper: css({\n        backgroundColor: \"var(--mdc-theme-background)\",\n        padding: \"20px 16px 6px\"\n    }),\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n    autofocus?: boolean;\n    className?: string;\n    context?: { [key: string]: any };\n    description?: string;\n    disabled?: boolean;\n    label?: string;\n    logLevel?: string;\n    minHeight?: number;\n    onChange?: (data: RichTextEditorValue) => void;\n    onReady?: (params: OnReadyParams) => void;\n    placeholder?: string;\n    readOnly?: boolean;\n    sanitizer?: SanitizerConfig;\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    validation?: FormComponentProps[\"validation\"];\n    value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n    let timeSpent = 0;\n    const interval = setInterval(() => {\n        if (timeSpent > 1000) {\n            clearInterval(interval);\n            return;\n        }\n\n        const dom = document.querySelector(`#${id}`);\n        if (!dom) {\n            timeSpent += 10;\n            return;\n        }\n\n        clearInterval(interval);\n        callback();\n    }, 10);\n\n    return () => {\n        clearInterval(interval);\n    };\n};\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const elementId = useRef(\"rte-\" + shortid.generate());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        const clearWait = waitForDom(elementId.current, () => {\n            editorRef.current = new EditorJS({\n                ...nativeProps,\n                holder: elementId.current,\n                logLevel: \"ERROR\" as LogLevels.ERROR,\n                data: initialData,\n                onChange: async () => {\n                    if (!editorRef.current) {\n                        return;\n                    }\n                    const { blocks: data } = await editorRef.current.save();\n                    if (!props.onChange) {\n                        return;\n                    }\n                    props.onChange(data);\n                },\n                onReady() {\n                    if (typeof onReady !== \"function\") {\n                        return;\n                    }\n                    onReady({ editor: editorRef.current, initialData });\n                },\n                tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                    const tool = props.tools ? props.tools[name] : null;\n                    if (!tool) {\n                        return tools;\n                    }\n                    tools[name] = tool;\n                    if (!tool.config) {\n                        tool.config = { context };\n                    } else if (typeof tool.config === \"function\") {\n                        tool.config = tool.config();\n                    } else {\n                        tool.config = { ...tool.config, context };\n                    }\n                    return tools;\n                }, {} as Record<string, ToolSettings>)\n            });\n        });\n\n        return () => {\n            clearWait();\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    const { label, description, disabled, validation, className } = props;\n\n    return (\n        <Fragment>\n            <div\n                className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n            >\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n                <div id={elementId.current} />\n            </div>\n            {validation && validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation && validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/RichTextEditor/createPropsFromConfig.js

@@ -11,7 +11,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
  *
  * TODO: figure out types for editor and return type of the function.
  */
-var createPropsFromConfig = function createPropsFromConfig(config) {
+var createPropsFromConfig = exports.createPropsFromConfig = function createPropsFromConfig(config) {
   var configs = Array.isArray(config) ? config : [config];
   return {
     onReady: function onReady(params) {
@@ -26,6 +26,5 @@ var createPropsFromConfig = function createPropsFromConfig(config) {
     }, {})
   };
 };
-exports.createPropsFromConfig = createPropsFromConfig;
 
 //# sourceMappingURL=createPropsFromConfig.js.map

package/RichTextEditor/createPropsFromConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","params","forEach","tools","reduce","_objectSpread2","default","exports"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import { RichTextEditorProps } from \"./RichTextEditor\";\nimport { ToolSettings } from \"@editorjs/editorjs\";\nimport { OutputData } from \"@editorjs/editorjs/types\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":";;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,MAA6B,EACC;EAC9B,IAAMC,OAAO,GAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAA2B;EAEpF,OAAO;IACHI,OAAO,WAAAA,QAACC,MAAqB,EAAE;MAC3BJ,OAAO,CAACK,OAAO,CAAC,UAAAN,MAAM,EAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAO,KAAK,UAAU,EAAE;UACtCJ,MAAM,CAACI,OAAO,CAACC,MAAM,CAAC;QAC1B;MACJ,CAAC,CAAC;IACN,CAAC;IACDE,KAAK,EAAEN,OAAO,CAACO,MAAM,CAAC,UAACD,KAAK,EAAEP,MAAM,EAAK;MACrC,WAAAS,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOH,KAAK,GACLP,MAAM,CAACO,KAAK;IAEvB,CAAC,EAAE,CAAC,CAAiC;EACzC,CAAC;AACL,CAAC;AAACI,OAAA,CAAAZ,qBAAA,GAAAA,qBAAA"}
+{"version":3,"names":["createPropsFromConfig","exports","config","configs","Array","isArray","onReady","params","forEach","tools","reduce","_objectSpread2","default"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import { RichTextEditorProps } from \"./RichTextEditor\";\nimport { ToolSettings } from \"@editorjs/editorjs\";\nimport { OutputData } from \"@editorjs/editorjs/types\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":";;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAC9BE,MAA6B,EACC;EAC9B,IAAMC,OAAO,GAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAA2B;EAEpF,OAAO;IACHI,OAAO,WAAAA,QAACC,MAAqB,EAAE;MAC3BJ,OAAO,CAACK,OAAO,CAAC,UAAAN,MAAM,EAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAO,KAAK,UAAU,EAAE;UACtCJ,MAAM,CAACI,OAAO,CAACC,MAAM,CAAC;QAC1B;MACJ,CAAC,CAAC;IACN,CAAC;IACDE,KAAK,EAAEN,OAAO,CAACO,MAAM,CAAC,UAACD,KAAK,EAAEP,MAAM,EAAK;MACrC,WAAAS,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOH,KAAK,GACLP,MAAM,CAACO,KAAK;IAEvB,CAAC,EAAE,CAAC,CAAiC;EACzC,CAAC;AACL,CAAC","ignoreList":[]}

package/RichTextEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_RichTextEditor","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_createPropsFromConfig"],"sources":["index.ts"],"sourcesContent":["export * from \"./RichTextEditor\";\nexport type { RichTextEditorProps, OnReadyParams, RichTextEditorValue } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"./createPropsFromConfig\";\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,sBAAA,GAAAb,OAAA"}
+{"version":3,"names":["_RichTextEditor","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_createPropsFromConfig"],"sources":["index.ts"],"sourcesContent":["export * from \"./RichTextEditor\";\nexport type { RichTextEditorProps, OnReadyParams, RichTextEditorValue } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"./createPropsFromConfig\";\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,sBAAA,GAAAb,OAAA","ignoreList":[]}

package/Ripple/Ripple.d.ts

@@ -7,5 +7,5 @@ interface Props {
 /**
  * Use Ripple component to display a list of choices, once the handler is triggered.
  */
-declare const Ripple: (props: Props) => JSX.Element;
+declare const Ripple: (props: Props) => React.JSX.Element;
 export { Ripple };