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

package/Chips/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["Chip","props","children","rest"],"sources":["Chip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chip as RmwcChip, ChipProps as RmwcChipProps } from \"@rmwc/chip\";\n\nexport type ChipProps = RmwcChipProps;\n\nexport const Chip: React.FC<ChipProps> = props => {\n    const { children, ...rest } = props;\n    return <RmwcChip {...rest}>{children}</RmwcChip>;\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;AAIO,IAAMA,IAAyB,GAAG,SAA5BA,IAA4B,CAAAC,KAAK,EAAI;EAC9C,IAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;EAAA,IAAqBC,IAArB,0CAA8BF,KAA9B;EACA,oBAAO,6BAAC,UAAD,EAAcE,IAAd,EAAqBD,QAArB,CAAP;AACH,CAHM"}
+{"version":3,"names":["React","useCallback","Tag","AdminTag","omit","Chip","props","children","label","trailingIcon","onRemove","onInteraction","rest","getEventWithDetails","ev","detail","chipId","id","onRemoveCb","onClick","createIconElement","icon","isValidElement","undefined","createElement","Object","assign","content","dismissIconElement","onDismiss"],"sources":["Chip.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Tag as AdminTag } from \"@webiny/admin-ui\";\nimport omit from \"lodash/omit\";\n\nexport interface RmwcChipProps {\n    /** Text for your Chip. */\n    label?: React.ReactNode;\n    /** @deprecated makes the Chip appear selected. */\n    selected?: boolean;\n    /** @deprecated Instance of an Icon Component. */\n    icon?: any;\n    /** @deprecated Instance of an Icon Component. */\n    trailingIcon?: any;\n    /** @deprecated Defaults to true. Set this to false if your trailing icon is something other than a remove button. */\n    trailingIconRemovesChip?: boolean;\n    /** 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.  */\n    id?: string;\n    /** @deprecated Includes an optional checkmark for the chips selected state. */\n    checkmark?: boolean;\n    /** @deprecated Additional children will be rendered in the text area. */\n    children?: React.ReactNode;\n    /** A callback for click or enter key. This should be used over onClick for accessibility reasons. evt.detail = { chipId: string }  */\n    onInteraction?: (evt: any) => void;\n    /** @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 } */\n    onTrailingIconInteraction?: (evt: any) => void;\n    /** A callback that is fired once the chip is in an exited state from removing it. evt.detail = { chipId: string } */\n    onRemove?: (evt: any) => void;\n    /** @deprecated Advanced: A reference to the MDCFoundation. */\n    foundationRef?: any;\n}\n\nexport interface ChipProps extends Omit<RmwcChipProps, \"onRemove\" | \"trailingIcon\"> {\n    onRemove?: (\n        ev: React.MouseEvent<HTMLSpanElement> | React.SyntheticEvent<HTMLSpanElement>\n    ) => void;\n    trailingIcon?: React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Tag` component from the `@webiny/admin-ui` package instead.\n */\nexport const Chip = (props: ChipProps) => {\n    const { children, label, trailingIcon, onRemove, onInteraction, ...rest } = props;\n\n    const getEventWithDetails = useCallback(\n        (ev: React.SyntheticEvent<HTMLSpanElement>) => {\n            return {\n                ...ev,\n                detail: {\n                    chipId: props.id\n                }\n            };\n        },\n        [props.id]\n    );\n\n    const onRemoveCb = useCallback(\n        (ev: React.SyntheticEvent<HTMLSpanElement>) => {\n            if (!onRemove) {\n                return;\n            }\n\n            onRemove(getEventWithDetails(ev));\n        },\n        [onRemove]\n    );\n\n    const onClick = useCallback(\n        (ev: React.SyntheticEvent<HTMLSpanElement>) => {\n            if (!onInteraction) {\n                return;\n            }\n\n            onInteraction(getEventWithDetails(ev));\n        },\n        [onInteraction]\n    );\n\n    const createIconElement = useCallback((icon: React.ReactNode) => {\n        if (React.isValidElement(icon)) {\n            return icon;\n        }\n\n        return undefined;\n    }, []);\n\n    return (\n        <AdminTag\n            {...omit(rest, [\n                \"selected\",\n                \"icon\",\n                \"trailingIconRemovesChip\",\n                \"onTrailingIconInteraction\",\n                \"checkmark\",\n                \"foundationRef\"\n            ])}\n            content={children || label}\n            dismissIconElement={createIconElement(trailingIcon)}\n            onDismiss={onRemove ? onRemoveCb : undefined}\n            onClick={onClick}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,GAAG,IAAIC,QAAQ,QAAQ,kBAAkB;AAClD,OAAOC,IAAI,MAAM,aAAa;AAoC9B;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACtC,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,aAAa;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EAEjF,MAAMO,mBAAmB,GAAGZ,WAAW,CAClCa,EAAyC,IAAK;IAC3C,OAAO;MACH,GAAGA,EAAE;MACLC,MAAM,EAAE;QACJC,MAAM,EAAEV,KAAK,CAACW;MAClB;IACJ,CAAC;EACL,CAAC,EACD,CAACX,KAAK,CAACW,EAAE,CACb,CAAC;EAED,MAAMC,UAAU,GAAGjB,WAAW,CACzBa,EAAyC,IAAK;IAC3C,IAAI,CAACJ,QAAQ,EAAE;MACX;IACJ;IAEAA,QAAQ,CAACG,mBAAmB,CAACC,EAAE,CAAC,CAAC;EACrC,CAAC,EACD,CAACJ,QAAQ,CACb,CAAC;EAED,MAAMS,OAAO,GAAGlB,WAAW,CACtBa,EAAyC,IAAK;IAC3C,IAAI,CAACH,aAAa,EAAE;MAChB;IACJ;IAEAA,aAAa,CAACE,mBAAmB,CAACC,EAAE,CAAC,CAAC;EAC1C,CAAC,EACD,CAACH,aAAa,CAClB,CAAC;EAED,MAAMS,iBAAiB,GAAGnB,WAAW,CAAEoB,IAAqB,IAAK;IAC7D,iBAAIrB,KAAK,CAACsB,cAAc,CAACD,IAAI,CAAC,EAAE;MAC5B,OAAOA,IAAI;IACf;IAEA,OAAOE,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIvB,KAAA,CAAAwB,aAAA,CAACrB,QAAQ,EAAAsB,MAAA,CAAAC,MAAA,KACDtB,IAAI,CAACQ,IAAI,EAAE,CACX,UAAU,EACV,MAAM,EACN,yBAAyB,EACzB,2BAA2B,EAC3B,WAAW,EACX,eAAe,CAClB,CAAC;IACFe,OAAO,EAAEpB,QAAQ,IAAIC,KAAM;IAC3BoB,kBAAkB,EAAER,iBAAiB,CAACX,YAAY,CAAE;IACpDoB,SAAS,EAAEnB,QAAQ,GAAGQ,UAAU,GAAGK,SAAU;IAC7CJ,OAAO,EAAEA;EAAQ,EACpB,CAAC;AAEV,CAAC","ignoreList":[]}

package/Chips/Chips.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Chip } from "./Chip";
+import type { Chip } from "./Chip";
 export interface ChipsProps {
     /**
      * Chips to show
@@ -18,4 +18,8 @@ export interface ChipsProps {
      */
     style?: React.CSSProperties;
 }
-export declare const Chips: React.FC<ChipsProps>;
+/**
+ * @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 Chips: (props: ChipsProps) => React.JSX.Element;

package/Chips/Chips.js

@@ -1,34 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Chips = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _chip = require("@rmwc/chip");
-
-var _styles = require("./styles");
-
-var _excluded = ["children", "className", "disabled"];
-
-var Chips = function Chips(props) {
-  var children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_chip.ChipSet, Object.assign({}, rest, {
-    className: (0, _classnames.default)(className, _styles.chipIconWrapper, (0, _defineProperty2.default)({}, _styles.disabledChips, disabled))
-  }), children));
+import React from "react";
+import { cn } from "@webiny/admin-ui";
+/**
+ * @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 Chips = props => {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
+    className: cn("mdc-evolution-chip-set wby-flex wby-gap-sm wby-py-sm", className)
+  }), children);
 };
 
-exports.Chips = Chips;
+//# sourceMappingURL=Chips.js.map

package/Chips/Chips.js.map

@@ -1 +1 @@
-{"version":3,"names":["Chips","props","children","className","disabled","rest","classNames","chipIconWrapper","disabledChips"],"sources":["Chips.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { ChipSet } from \"@rmwc/chip\";\nimport { Chip } from \"./Chip\";\nimport { chipIconWrapper, disabledChips } from \"./styles\";\n\nexport interface ChipsProps {\n    /**\n     * Chips to show\n     */\n    children?: React.ReactElement<typeof Chip> | React.ReactElement<typeof Chip>[];\n\n    /**\n     * Is chip disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n}\n\nexport const Chips: React.FC<ChipsProps> = props => {\n    const { children, className, disabled, ...rest } = props;\n\n    return (\n        <React.Fragment>\n            <ChipSet\n                {...rest}\n                className={classNames(className, chipIconWrapper, {\n                    [disabledChips]: disabled\n                })}\n            >\n                {children}\n            </ChipSet>\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAwBO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,CAAAC,KAAK,EAAI;EAChD,IAAQC,QAAR,GAAmDD,KAAnD,CAAQC,QAAR;EAAA,IAAkBC,SAAlB,GAAmDF,KAAnD,CAAkBE,SAAlB;EAAA,IAA6BC,QAA7B,GAAmDH,KAAnD,CAA6BG,QAA7B;EAAA,IAA0CC,IAA1C,0CAAmDJ,KAAnD;EAEA,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,aAAD,oBACQI,IADR;IAEI,SAAS,EAAE,IAAAC,mBAAA,EAAWH,SAAX,EAAsBI,uBAAtB,oCACNC,qBADM,EACUJ,QADV;EAFf,IAMKF,QANL,CADJ,CADJ;AAYH,CAfM"}
+{"version":3,"names":["React","cn","Chips","props","children","className","rest","createElement","Object","assign"],"sources":["Chips.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\nimport type { Chip } from \"./Chip\";\n\nexport interface ChipsProps {\n    /**\n     * Chips to show\n     */\n    children?: React.ReactElement<typeof Chip> | React.ReactElement<typeof Chip>[];\n\n    /**\n     * Is chip disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Tag` component from the `@webiny/admin-ui` package instead.\n */\nexport const Chips = (props: ChipsProps) => {\n    const { children, className, ...rest } = props;\n\n    return (\n        <div\n            {...rest}\n            className={cn(\"mdc-evolution-chip-set wby-flex wby-gap-sm wby-py-sm\", className)}\n        >\n            {children}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAyBrC;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,GAAIC,KAAiB,IAAK;EACxC,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAE9C,oBACIH,KAAA,CAAAO,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,IAAI;IACRD,SAAS,EAAEJ,EAAE,CAAC,sDAAsD,EAAEI,SAAS;EAAE,IAEhFD,QACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/Chips/index.js

@@ -1,31 +1,4 @@
-"use strict";
+export * from "./Chips";
+export * from "./Chip";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _Chips = require("./Chips");
-
-Object.keys(_Chips).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Chips[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Chips[key];
-    }
-  });
-});
-
-var _Chip = require("./Chip");
-
-Object.keys(_Chip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Chip[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Chip[key];
-    }
-  });
-});
+//# sourceMappingURL=index.js.map

package/Chips/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Chips\";\nexport * from \"./Chip\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Chips\";\nexport * from \"./Chip\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/CodeEditor/CodeEditor.d.ts

@@ -1,17 +1,14 @@
 import React from "react";
-import { FormComponentProps } from "../types";
-import "brace/theme/github";
-import "brace/theme/twilight";
+import type { FormComponentProps } from "../types";
 interface Props extends FormComponentProps {
     mode: string;
     theme: string;
+    readOnly?: boolean;
     description?: React.ReactNode;
 }
 /**
- * CodeEditor component can be used to store simple boolean values.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `CodeEditor` component props from the `@webiny/admin-ui` package instead.
  */
-declare class CodeEditor extends React.Component<Props> {
-    onChange: (value: string) => void;
-    render(): JSX.Element;
-}
-export { CodeEditor };
+export declare const CodeEditor: ({ readOnly, ...props }: Props) => React.JSX.Element;
+export {};

package/CodeEditor/CodeEditor.js

@@ -1,105 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CodeEditor = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-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 _emotion = require("emotion");
-
-var _reactAce = _interopRequireDefault(require("react-ace"));
-
-require("brace/theme/github");
-
-require("brace/theme/twilight");
-
-var _FormElementMessage = require("../FormElementMessage");
-
-var _excluded = ["value", "description", "validation", "theme"];
-
+import React from "react";
+import { CodeEditor as AdminCodeEditor } from "@webiny/admin-ui";
 /**
- * Controls the helper text below the checkbox.
- * @type {string}
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `CodeEditor` component props from the `@webiny/admin-ui` package instead.
  */
-var webinyCheckboxHelperText = /*#__PURE__*/(0, _emotion.css)({}, {
-  "&.mdc-text-field-helper-text": {
-    paddingTop: 5
-  }
-}, "label:webinyCheckboxHelperText;");
-
-/**
- * CodeEditor component can be used to store simple boolean values.
- */
-var CodeEditor = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(CodeEditor, _React$Component);
-
-  var _super = (0, _createSuper2.default)(CodeEditor);
-
-  function CodeEditor() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, CodeEditor);
-
-    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 (value) {
-      _this.props.onChange && _this.props.onChange(value);
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(CodeEditor, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          description = _this$props.description,
-          validation = _this$props.validation,
-          _this$props$theme = _this$props.theme,
-          theme = _this$props$theme === void 0 ? "github" : _this$props$theme,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-
-      var _ref = validation || {},
-          validationIsValid = _ref.isValid,
-          validationMessage = _ref.message;
-
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactAce.default, Object.assign({
-        value: value ? String(value) : "",
-        theme: theme,
-        onChange: this.onChange
-      }, rest, {
-        width: "100%",
-        className: "mdc-text-field"
-      })), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        error: true,
-        className: webinyCheckboxHelperText
-      }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        className: webinyCheckboxHelperText
-      }, description));
-    }
-  }]);
-  return CodeEditor;
-}(_react.default.Component);
-
-exports.CodeEditor = CodeEditor;
+export const CodeEditor = ({
+  readOnly,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(AdminCodeEditor, Object.assign({
+    disabled: readOnly
+  }, props));
+};
+
+//# sourceMappingURL=CodeEditor.js.map

package/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["webinyCheckboxHelperText","css","paddingTop","CodeEditor","value","props","onChange","description","validation","theme","rest","validationIsValid","isValid","validationMessage","message","String","React","Component"],"sources":["CodeEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { css } from \"emotion\";\n\nimport AceEditor from \"react-ace\";\nimport \"brace/theme/github\";\nimport \"brace/theme/twilight\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxHelperText = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingTop: 5\n        }\n    }\n);\n\ninterface Props extends FormComponentProps {\n    mode: string;\n\n    theme: string;\n\n    // Description beneath the input.\n    description?: React.ReactNode;\n}\n\n/**\n * CodeEditor component can be used to store simple boolean values.\n */\nclass CodeEditor extends React.Component<Props> {\n    onChange = (value: string) => {\n        this.props.onChange && this.props.onChange(value);\n    };\n\n    public override render() {\n        const { value, description, validation, theme = \"github\", ...rest } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <AceEditor\n                    value={value ? String(value) : \"\"}\n                    theme={theme}\n                    onChange={this.onChange}\n                    {...rest}\n                    width=\"100%\"\n                    className={\"mdc-text-field\"}\n                />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error className={webinyCheckboxHelperText}>\n                        {validationMessage}\n                    </FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage className={webinyCheckboxHelperText}>\n                        {description}\n                    </FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { CodeEditor };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,wBAAwB,gBAAG,IAAAC,YAAA,EAC7B,EAD6B,EAE7B;EACI,gCAAgC;IAC5BC,UAAU,EAAE;EADgB;AADpC,CAF6B,oCAAjC;;AAkBA;AACA;AACA;IACMC,U;;;;;;;;;;;;;;;2FACS,UAACC,KAAD,EAAmB;MAC1B,MAAKC,KAAL,CAAWC,QAAX,IAAuB,MAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB,CAAvB;IACH,C;;;;;;WAED,kBAAyB;MACrB,kBAAsE,KAAKC,KAA3E;MAAA,IAAQD,KAAR,eAAQA,KAAR;MAAA,IAAeG,WAAf,eAAeA,WAAf;MAAA,IAA4BC,UAA5B,eAA4BA,UAA5B;MAAA,oCAAwCC,KAAxC;MAAA,IAAwCA,KAAxC,kCAAgD,QAAhD;MAAA,IAA6DC,IAA7D;;MAEA,WAAmEF,UAAU,IAAI,EAAjF;MAAA,IAAiBG,iBAAjB,QAAQC,OAAR;MAAA,IAA6CC,iBAA7C,QAAoCC,OAApC;;MAEA,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,iBAAD;QACI,KAAK,EAAEV,KAAK,GAAGW,MAAM,CAACX,KAAD,CAAT,GAAmB,EADnC;QAEI,KAAK,EAAEK,KAFX;QAGI,QAAQ,EAAE,KAAKH;MAHnB,GAIQI,IAJR;QAKI,KAAK,EAAC,MALV;QAMI,SAAS,EAAE;MANf,GADJ,EAUKC,iBAAiB,KAAK,KAAtB,iBACG,6BAAC,sCAAD;QAAoB,KAAK,MAAzB;QAA0B,SAAS,EAAEX;MAArC,GACKa,iBADL,CAXR,EAgBKF,iBAAiB,KAAK,KAAtB,IAA+BJ,WAA/B,iBACG,6BAAC,sCAAD;QAAoB,SAAS,EAAEP;MAA/B,GACKO,WADL,CAjBR,CADJ;IAwBH;;;EAlCoBS,cAAA,CAAMC,S"}
+{"version":3,"names":["React","CodeEditor","AdminCodeEditor","readOnly","props","createElement","Object","assign","disabled"],"sources":["CodeEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { CodeEditor as AdminCodeEditor } from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"~/types\";\n\ninterface Props extends FormComponentProps {\n    mode: string;\n\n    theme: string;\n\n    readOnly?: boolean;\n\n    // Description beneath the input.\n    description?: React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `CodeEditor` component props from the `@webiny/admin-ui` package instead.\n */\nexport const CodeEditor = ({ readOnly, ...props }: Props) => {\n    return <AdminCodeEditor disabled={readOnly} {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,IAAIC,eAAe,QAAQ,kBAAkB;AAchE;AACA;AACA;AACA;AACA,OAAO,MAAMD,UAAU,GAAGA,CAAC;EAAEE,QAAQ;EAAE,GAAGC;AAAa,CAAC,KAAK;EACzD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,eAAe,EAAAI,MAAA,CAAAC,MAAA;IAACC,QAAQ,EAAEL;EAAS,GAAKC,KAAK,CAAG,CAAC;AAC7D,CAAC","ignoreList":[]}

package/CodeEditor/index.js

@@ -1,18 +1,3 @@
-"use strict";
+export * from "./CodeEditor";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _CodeEditor = require("./CodeEditor");
-
-Object.keys(_CodeEditor).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CodeEditor[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CodeEditor[key];
-    }
-  });
-});
+//# sourceMappingURL=index.js.map

package/CodeEditor/index.js.map

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

package/ColorPicker/ColorPicker.d.ts

@@ -1,24 +1,14 @@
 import React from "react";
-import { ColorResult } from "react-color";
-import { FormComponentProps } from "../types";
-interface ColorPickerState {
-    showColorPicker: boolean;
-}
-interface ColorPickerProps extends FormComponentProps {
+import type { FormComponentProps } from "../types";
+interface ColorPickerProps extends FormComponentProps<string> {
     label?: string;
     disable?: boolean;
     description?: string;
+    align?: "left" | "right";
 }
 /**
- * Use ColorPicker component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `ColorPicker` component from the `@webiny/admin-ui` package instead.
  */
-declare class ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {
-    state: {
-        showColorPicker: boolean;
-    };
-    handleClick: () => void;
-    handleClose: () => void;
-    handleChange: (color: ColorResult) => void;
-    render(): JSX.Element;
-}
+declare const ColorPicker: ({ value, onChange, align: originalAlign, ...props }: ColorPickerProps) => React.JSX.Element;
 export { ColorPicker };

package/ColorPicker/ColorPicker.js

@@ -1,152 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColorPicker = 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 _reactColor = require("react-color");
-
-var _emotion = require("emotion");
-
-var _FormElementMessage = require("../FormElementMessage");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var classes = {
-  label: /*#__PURE__*/(0, _emotion.css)({
-    marginBottom: "10px !important"
-  }, "label:label;"),
-  color: /*#__PURE__*/(0, _emotion.css)({
-    width: "36px",
-    height: "14px",
-    borderRadius: "2px"
-  }, "label:color;"),
-  swatch: /*#__PURE__*/(0, _emotion.css)({
-    padding: "5px",
-    background: "#fff",
-    borderRadius: "1px",
-    boxShadow: "0 0 0 1px rgba(0,0,0,.1)",
-    display: "inline-block",
-    cursor: "pointer"
-  }, "label:swatch;"),
-  // @ts-ignore
-  popover: /*#__PURE__*/(0, _emotion.css)({
-    position: "absolute",
-    zIndex: "2"
-  }, "label:popover;"),
-  classNames: /*#__PURE__*/(0, _emotion.css)({
-    position: "fixed",
-    top: "0px",
-    right: "0px",
-    bottom: "0px",
-    left: "0px"
-  }, "label:classNames;"),
-  disable: /*#__PURE__*/(0, _emotion.css)({
-    opacity: 0.7,
-    pointerEvents: "none"
-  }, "label:disable;")
-};
-
+import React, { useCallback, useMemo } from "react";
+import { ColorPicker as AdminColorPicker } from "@webiny/admin-ui";
 /**
- * Use ColorPicker component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `ColorPicker` component from the `@webiny/admin-ui` package instead.
  */
-var ColorPicker = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ColorPicker, _React$Component);
-
-  var _super = (0, _createSuper2.default)(ColorPicker);
-
-  function ColorPicker() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ColorPicker);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+const ColorPicker = ({
+  value,
+  onChange,
+  align: originalAlign,
+  ...props
+}) => {
+  const onValueChange = useCallback(value => onChange && onChange(value), [onChange]);
+  const align = useMemo(() => {
+    if (!originalAlign) {
+      return undefined;
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      showColorPicker: false
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
-      _this.setState({
-        showColorPicker: !_this.state.showColorPicker
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
-      _this.setState({
-        showColorPicker: false
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (color) {
-      var onChange = _this.props.onChange;
-      onChange && onChange(color.hex);
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(ColorPicker, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          label = _this$props.label,
-          disable = _this$props.disable,
-          description = _this$props.description,
-          validation = _this$props.validation;
-      var backgroundColorStyle = {};
-
-      if (value) {
-        backgroundColorStyle = {
-          background: "".concat(value)
-        };
-      }
-
-      var _ref = validation || {},
-          validationIsValid = _ref.isValid,
-          validationMessage = _ref.message;
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.disable, disable))
-      }, label && /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", classes.label)
-      }, label), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.swatch,
-        onClick: this.handleClick
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.color,
-        style: backgroundColorStyle
-      })), this.state.showColorPicker ? /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.popover
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.classNames,
-        onClick: this.handleClose
-      }), /*#__PURE__*/_react.default.createElement(_reactColor.SketchPicker, {
-        color: value || "",
-        onChange: this.handleChange
-      })) : null), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        error: true
-      }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
+    if (originalAlign === "right") {
+      return "end";
     }
-  }]);
-  return ColorPicker;
-}(_react.default.Component);
+    return "start";
+  }, [originalAlign]);
+  return /*#__PURE__*/React.createElement(AdminColorPicker, Object.assign({}, props, {
+    value: value,
+    onChange: onValueChange,
+    align: align
+  }));
+};
+export { ColorPicker };
 
-exports.ColorPicker = ColorPicker;
+//# sourceMappingURL=ColorPicker.js.map

package/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["classes","label","css","marginBottom","color","width","height","borderRadius","swatch","padding","background","boxShadow","display","cursor","popover","position","zIndex","classNames","top","right","bottom","left","disable","opacity","pointerEvents","ColorPicker","showColorPicker","setState","state","onChange","props","hex","value","description","validation","backgroundColorStyle","validationIsValid","isValid","validationMessage","message","handleClick","handleClose","handleChange","React","Component"],"sources":["ColorPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { SketchPicker, ColorResult } from \"react-color\";\nimport { css } from \"emotion\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport classNames from \"classnames\";\n\nconst classes = {\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    color: css({\n        width: \"36px\",\n        height: \"14px\",\n        borderRadius: \"2px\"\n    }),\n    swatch: css({\n        padding: \"5px\",\n        background: \"#fff\",\n        borderRadius: \"1px\",\n        boxShadow: \"0 0 0 1px rgba(0,0,0,.1)\",\n        display: \"inline-block\",\n        cursor: \"pointer\"\n    }),\n    // @ts-ignore\n    popover: css({\n        position: \"absolute\",\n        zIndex: \"2\"\n    }),\n    classNames: css({\n        position: \"fixed\",\n        top: \"0px\",\n        right: \"0px\",\n        bottom: \"0px\",\n        left: \"0px\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface ColorPickerState {\n    showColorPicker: boolean;\n}\n\ninterface ColorPickerProps extends FormComponentProps {\n    // Component label.\n    label?: string;\n\n    // Is color picker disabled?\n    disable?: boolean;\n\n    // Description beneath the color picker.\n    description?: string;\n}\n\n/**\n * Use ColorPicker component to display a list of choices, once the handler is triggered.\n */\nclass ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {\n    public override state = {\n        showColorPicker: false\n    };\n\n    handleClick = () => {\n        this.setState({ showColorPicker: !this.state.showColorPicker });\n    };\n\n    handleClose = () => {\n        this.setState({ showColorPicker: false });\n    };\n\n    handleChange = (color: ColorResult) => {\n        const { onChange } = this.props;\n        onChange && onChange(color.hex);\n    };\n\n    public override render() {\n        const { value, label, disable, description, validation } = this.props;\n\n        let backgroundColorStyle = {};\n        if (value) {\n            backgroundColorStyle = {\n                background: `${value}`\n            };\n        }\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <div className={classNames({ [classes.disable]: disable })}>\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\n                <div>\n                    <div className={classes.swatch} onClick={this.handleClick}>\n                        <div className={classes.color} style={backgroundColorStyle} />\n                    </div>\n                    {this.state.showColorPicker ? (\n                        <div className={classes.popover}>\n                            <div className={classes.classNames} onClick={this.handleClose} />\n                            <SketchPicker color={value || \"\"} onChange={this.handleChange} />\n                        </div>\n                    ) : null}\n                </div>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </div>\n        );\n    }\n}\n\nexport { ColorPicker };\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","ColorPicker","AdminColorPicker","value","onChange","align","originalAlign","props","onValueChange","undefined","createElement","Object","assign"],"sources":["ColorPicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ColorPicker as AdminColorPicker } from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"~/types\";\n\ninterface ColorPickerProps extends FormComponentProps<string> {\n    // Component label.\n    label?: string;\n\n    // Is color picker disabled?\n    disable?: boolean;\n\n    // Description beneath the color picker.\n    description?: string;\n\n    // Popover alignment (default is `left`).\n    align?: \"left\" | \"right\";\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `ColorPicker` component from the `@webiny/admin-ui` package instead.\n */\nconst ColorPicker = ({ value, onChange, align: originalAlign, ...props }: ColorPickerProps) => {\n    const onValueChange = useCallback((value: string) => onChange && onChange(value), [onChange]);\n\n    const align = useMemo(() => {\n        if (!originalAlign) {\n            return undefined;\n        }\n\n        if (originalAlign === \"right\") {\n            return \"end\";\n        }\n\n        return \"start\";\n    }, [originalAlign]);\n\n    return <AdminColorPicker {...props} value={value} onChange={onValueChange} align={align} />;\n};\n\nexport { ColorPicker };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,WAAW,IAAIC,gBAAgB,QAAQ,kBAAkB;AAiBlE;AACA;AACA;AACA;AACA,MAAMD,WAAW,GAAGA,CAAC;EAAEE,KAAK;EAAEC,QAAQ;EAAEC,KAAK,EAAEC,aAAa;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAC3F,MAAMC,aAAa,GAAGT,WAAW,CAAEI,KAAa,IAAKC,QAAQ,IAAIA,QAAQ,CAACD,KAAK,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAE7F,MAAMC,KAAK,GAAGL,OAAO,CAAC,MAAM;IACxB,IAAI,CAACM,aAAa,EAAE;MAChB,OAAOG,SAAS;IACpB;IAEA,IAAIH,aAAa,KAAK,OAAO,EAAE;MAC3B,OAAO,KAAK;IAChB;IAEA,OAAO,OAAO;EAClB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,oBAAOR,KAAA,CAAAY,aAAA,CAACR,gBAAgB,EAAAS,MAAA,CAAAC,MAAA,KAAKL,KAAK;IAAEJ,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEI,aAAc;IAACH,KAAK,EAAEA;EAAM,EAAE,CAAC;AAC/F,CAAC;AAED,SAASJ,WAAW","ignoreList":[]}

package/ColorPicker/index.js

@@ -1,18 +1,3 @@
-"use strict";
+export * from "./ColorPicker";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _ColorPicker = require("./ColorPicker");
-
-Object.keys(_ColorPicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ColorPicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ColorPicker[key];
-    }
-  });
-});
+//# sourceMappingURL=index.js.map

package/ColorPicker/index.js.map

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

package/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -26,7 +26,7 @@ declare class ConfirmationDialog extends React.Component<Props, ConfirmationDial
     static defaultProps: {
         title: string;
         message: string;
-        loading: JSX.Element;
+        loading: React.JSX.Element;
     };
     __isMounted: boolean;
     callbacks: ConfirmationCallbacks;
@@ -40,6 +40,6 @@ declare class ConfirmationDialog extends React.Component<Props, ConfirmationDial
     private readonly hideConfirmation;
     private readonly onAccept;
     private readonly onCancel;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { ConfirmationDialog };