@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _plugins = require("@webiny/plugins");
+
+var _OverlayLayout = require("@webiny/app-admin/components/OverlayLayout");
+
+var _SplitView = require("@webiny/app-admin/components/SplitView");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _form = require("@webiny/form");
+
+var _Icon = require("@webiny/ui/Icon");
+
+var _Button = require("@webiny/ui/Button");
+
+var _List = require("@webiny/ui/List");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _i18n = require("@webiny/app/i18n");
+
+var SF = _interopRequireWildcard(require("@webiny/app-admin/components/SimpleForm"));
+
+var _FormSettingsStyled = require("./FormSettingsStyled");
+
+var _hooks = require("../../../../hooks");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.namespace("FormsApp.Editor.FormSettings");
+
+var FormSettings = function FormSettings(_ref) {
+  var onExited = _ref.onExited;
+
+  var cmsEditorFormSettingsPlugins = _plugins.plugins.byType("cms-editor-form-settings");
+
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+      data = _useModelEditor.data,
+      setData = _useModelEditor.setData;
+
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var _useState = (0, _react.useState)(cmsEditorFormSettingsPlugins[0]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      activePlugin = _useState2[0],
+      setActivePlugin = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_OverlayLayout.OverlayLayout, {
+    barMiddle: _FormSettingsStyled.Title,
+    onExited: onExited
+  }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
+    span: 5
+  }, /*#__PURE__*/_react.default.createElement(_List.List, {
+    twoLine: true,
+    className: _FormSettingsStyled.listStyle
+  }, cmsEditorFormSettingsPlugins.map(function (pl) {
+    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+      key: pl.name,
+      className: _FormSettingsStyled.listItem,
+      onClick: function onClick() {
+        return setActivePlugin(pl);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: pl.icon
+    })), /*#__PURE__*/_react.default.createElement(_FormSettingsStyled.TitleContent, null, /*#__PURE__*/_react.default.createElement(_FormSettingsStyled.ListItemTitle, null, pl.title), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+      use: "body2"
+    }, pl.description)));
+  }))), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
+    span: 7
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
+    data: data,
+    onSubmit: function onSubmit(data) {
+      setData(function () {
+        return data;
+      });
+      onExited();
+      showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model settings updated successfully."]))));
+    }
+  }, function (_ref2) {
+    var Bind = _ref2.Bind,
+        submit = _ref2.submit,
+        form = _ref2.form,
+        formData = _ref2.data;
+    return /*#__PURE__*/_react.default.createElement(SF.SimpleForm, null, /*#__PURE__*/_react.default.createElement(SF.SimpleFormHeader, {
+      title: activePlugin.title
+    }, typeof activePlugin.renderHeaderActions === "function" && activePlugin.renderHeaderActions({
+      /**
+       * TODO @ts-refactor
+       * Figure out type for Bind
+       */
+      Bind: Bind,
+      form: form,
+      formData: formData
+    })), /*#__PURE__*/_react.default.createElement(SF.SimpleFormContent, null, activePlugin ? activePlugin.render({
+      /**
+       * TODO @ts-refactor
+       * Figure out type for Bind
+       */
+      Bind: Bind,
+      form: form,
+      formData: formData
+    }) : null), /*#__PURE__*/_react.default.createElement(SF.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
+    }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save settings"]))))));
+  }))));
+};
+
+var _default = FormSettings;
+exports.default = _default;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","FormSettings","onExited","cmsEditorFormSettingsPlugins","plugins","byType","useModelEditor","data","setData","useSnackbar","showSnackbar","useState","activePlugin","setActivePlugin","Title","listStyle","map","pl","name","listItem","icon","title","description","Bind","submit","form","formData","renderHeaderActions","render","ev"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { OverlayLayout } from \"@webiny/app-admin/components/OverlayLayout\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Form } from \"@webiny/form\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { List, ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport * as SF from \"@webiny/app-admin/components/SimpleForm\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport { Title, listItem, ListItemTitle, listStyle, TitleContent } from \"./FormSettingsStyled\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings: React.FC<FormSettingsProps> = ({ onExited }) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={Title} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List twoLine className={listStyle}>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <ListItem\n                                key={pl.name}\n                                className={listItem}\n                                onClick={() => setActivePlugin(pl)}\n                            >\n                                <ListItemGraphic>\n                                    <Icon icon={pl.icon} />\n                                </ListItemGraphic>\n                                <TitleContent>\n                                    <ListItemTitle>{pl.title}</ListItemTitle>\n                                    <Typography use={\"body2\"}>{pl.description}</Typography>\n                                </TitleContent>\n                            </ListItem>\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SF.SimpleForm>\n                                <SF.SimpleFormHeader title={activePlugin.title}>\n                                    {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                        activePlugin.renderHeaderActions({\n                                            /**\n                                             * TODO @ts-refactor\n                                             * Figure out type for Bind\n                                             */\n                                            Bind: Bind as any,\n                                            form,\n                                            formData\n                                        })}\n                                </SF.SimpleFormHeader>\n                                <SF.SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              /**\n                                               * TODO @ts-refactor\n                                               * Figure out type for Bind\n                                               */\n                                              Bind: Bind as any,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SF.SimpleFormContent>\n                                <SF.SimpleFormFooter>\n                                    <ButtonPrimary\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    >{t`Save settings`}</ButtonPrimary>\n                                </SF.SimpleFormFooter>\n                            </SF.SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":"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"}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const FormSettingsButton: React.FC;
+export default FormSettingsButton;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _FormSettings = _interopRequireDefault(require("./FormSettings"));
+
+var _settings = require("./../icons/settings.svg");
+
+var FormSettingsButton = function FormSettingsButton() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      opened = _useState2[0],
+      setOpened = _useState2[1];
+
+  var open = (0, _react.useCallback)(function () {
+    return setOpened(true);
+  }, []);
+  var close = (0, _react.useCallback)(function () {
+    return setOpened(false);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    onClick: open,
+    icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null)
+  }), opened && /*#__PURE__*/_react.default.createElement(_FormSettings.default, {
+    onExited: close
+  }));
+};
+
+var _default = FormSettingsButton;
+exports.default = _default;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormSettingsButton","useState","opened","setOpened","open","useCallback","close"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport FormSettings from \"./FormSettings\";\n\nimport { ReactComponent as SettingsIcon } from \"./../icons/settings.svg\";\n\nconst FormSettingsButton: React.FC = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <IconButton onClick={open} icon={<SettingsIcon />} />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA+B,GAAM;EACvC,gBAA4B,IAAAC,eAAA,EAAS,KAAT,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY;IAAA,OAAMF,SAAS,CAAC,IAAD,CAAf;EAAA,CAAZ,EAAmC,EAAnC,CAAb;EACA,IAAMG,KAAK,GAAG,IAAAD,kBAAA,EAAY;IAAA,OAAMF,SAAS,CAAC,KAAD,CAAf;EAAA,CAAZ,EAAoC,EAApC,CAAd;EAEA,oBACI,yEACI,6BAAC,kBAAD;IAAY,OAAO,EAAEC,IAArB;IAA2B,IAAI,eAAE,6BAAC,wBAAD;EAAjC,EADJ,EAEKF,MAAM,iBAAI,6BAAC,qBAAD;IAAc,QAAQ,EAAEI;EAAxB,EAFf,CADJ;AAMH,CAXD;;eAaeN,kB"}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="web" />
+import * as React from "react";
+export declare const listStyle: string;
+export declare const listItem: string;
+export declare const ListItemTitle: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Title: JSX.Element;
+export declare const TitleContent: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.listStyle = exports.listItem = exports.TitleContent = exports.Title = exports.ListItemTitle = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Typography = require("@webiny/ui/Typography");
+
+var listStyle = /*#__PURE__*/(0, _emotion.css)({
+  "&.mdc-list": {
+    padding: 0,
+    backgroundColor: "var(--mdc-theme-surface)"
+  }
+}, "label:listStyle;");
+exports.listStyle = listStyle;
+var listItem = /*#__PURE__*/(0, _emotion.css)({
+  padding: "15px 20px",
+  cursor: "pointer",
+  borderBottom: "1px solid var(--mdc-theme-background)",
+  "&:last-child": {
+    borderBottom: "none"
+  },
+  ".mdc-list-item__graphic": {
+    marginRight: 20
+  }
+}, "label:listItem;");
+exports.listItem = listItem;
+var ListItemTitle = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "enz7avh0",
+  label: "ListItemTitle"
+})({
+  fontWeight: 600,
+  marginBottom: 5
+});
+exports.ListItemTitle = ListItemTitle;
+var Title = /*#__PURE__*/React.createElement(_Typography.Typography, {
+  style: {
+    margin: "0 auto",
+    color: "var(--mdc-theme-on-surface)"
+  },
+  use: "headline6"
+}, "Content model settings");
+exports.Title = Title;
+var TitleContent = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "enz7avh1",
+  label: "TitleContent"
+})({
+  display: "flex",
+  flexDirection: "column"
+});
+exports.TitleContent = TitleContent;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["listStyle","css","padding","backgroundColor","listItem","cursor","borderBottom","marginRight","ListItemTitle","styled","fontWeight","marginBottom","Title","margin","color","TitleContent","display","flexDirection"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const listStyle = css({\n    \"&.mdc-list\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nexport const listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nexport const ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nexport const Title = (\n    <Typography\n        style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n        use={\"headline6\"}\n    >\n        Content model settings\n    </Typography>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzB,cAAc;IACVC,OAAO,EAAE,CADC;IAEVC,eAAe,EAAE;EAFP;AADW,CAAJ,qBAAlB;;AAOA,IAAMC,QAAQ,gBAAG,IAAAH,YAAA,EAAI;EACxBC,OAAO,EAAE,WADe;EAExBG,MAAM,EAAE,SAFgB;EAGxBC,YAAY,EAAE,uCAHU;EAIxB,gBAAgB;IACZA,YAAY,EAAE;EADF,CAJQ;EAOxB,2BAA2B;IACvBC,WAAW,EAAE;EADU;AAPH,CAAJ,oBAAjB;;AAYA,IAAMC,aAAa,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACvCC,UAAU,EAAE,GAD2B;EAEvCC,YAAY,EAAE;AAFyB,CAAjB,CAAnB;;AAKA,IAAMC,KAAK,gBACd,oBAAC,sBAAD;EACI,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAV;IAAoBC,KAAK,EAAE;EAA3B,CADX;EAEI,GAAG,EAAE;AAFT,4BADG;;AASA,IAAMC,YAAY,oBAAGN,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACtCO,OAAO,EAAE,MAD6B;EAEtCC,aAAa,EAAE;AAFuB,CAAjB,CAAlB"}

package/admin/plugins/editor/defaultBar/FormSettings/index.d.ts

@@ -0,0 +1 @@
+export { default as FormSettingsButton } from "./FormSettingsButton";

package/admin/plugins/editor/defaultBar/FormSettings/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FormSettingsButton", {
+  enumerable: true,
+  get: function get() {
+    return _FormSettingsButton.default;
+  }
+});
+
+var _FormSettingsButton = _interopRequireDefault(require("./FormSettingsButton"));

package/admin/plugins/editor/defaultBar/FormSettings/index.js.map

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

package/admin/plugins/editor/defaultBar/Name/Name.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare global {
+    interface Window {
+        Cypress: any;
+    }
+}
+export declare const Name: React.FC;

package/admin/plugins/editor/defaultBar/Name/Name.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Name = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Input = require("@webiny/ui/Input");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _reactHotkeyz = require("react-hotkeyz");
+
+var _NameStyled = require("./NameStyled");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _hooks = require("../../../../hooks");
+
+var _templateObject;
+
+var t = _i18n.i18n.namespace("ContentModelEditor.Name");
+
+var Name = function Name() {
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+      data = _useModelEditor.data,
+      setData = _useModelEditor.setData;
+
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      localName = _useState2[0],
+      setLocalName = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      editingEnabled = _useState4[0],
+      setEditing = _useState4[1];
+
+  var cancelChanges = function cancelChanges() {
+    setEditing(false);
+  };
+
+  var startEditing = function startEditing() {
+    setLocalName(data.name);
+    setEditing(true);
+  };
+
+  var saveName = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    setData(function (data) {
+      data.name = localName;
+      return data;
+    });
+    setEditing(false);
+  }, [localName]);
+  (0, _reactHotkeyz.useHotkeys)({
+    zIndex: 100,
+    keys: {
+      "alt+cmd+enter": startEditing
+    }
+  });
+  (0, _reactHotkeyz.useHotkeys)({
+    zIndex: 101,
+    disabled: !editingEnabled,
+    keys: {
+      esc: function esc(event) {
+        event.preventDefault();
+        cancelChanges();
+      },
+      enter: saveName
+    }
+  }); // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking
+  // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.
+
+  var autoFocus = !window.Cypress;
+  return editingEnabled ? /*#__PURE__*/_react.default.createElement(_NameStyled.NameInputWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    autoFocus: autoFocus,
+    fullwidth: true,
+    value: localName,
+    onChange: setLocalName,
+    onBlur: saveName
+  })) : /*#__PURE__*/_react.default.createElement(_NameStyled.NameWrapper, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    className: _NameStyled.formNameWrapper,
+    placement: "bottom",
+    content: /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["rename"]))))
+  }, /*#__PURE__*/_react.default.createElement(_NameStyled.FormName, {
+    "data-testid": "cms-editor-model-title",
+    onClick: startEditing
+  }, data.name)));
+};
+
+exports.Name = Name;

package/admin/plugins/editor/defaultBar/Name/Name.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","Name","useModelEditor","data","setData","useState","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","useCallback","event","preventDefault","useHotkeys","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","formNameWrapper"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from \"./NameStyled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name: React.FC = () => {\n    const { data, setData } = useModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <NameInputWrapper>\n            <Input\n                autoFocus={autoFocus}\n                fullwidth\n                value={localName}\n                onChange={setLocalName}\n                onBlur={saveName}\n            />\n        </NameInputWrapper>\n    ) : (\n        <NameWrapper>\n            <Tooltip\n                className={formNameWrapper}\n                placement={\"bottom\"}\n                content={<span>{t`rename`}</span>}\n            >\n                <FormName data-testid=\"cms-editor-model-title\" onClick={startEditing}>\n                    {data.name}\n                </FormName>\n            </Tooltip>\n        </NameWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,yBAAf,CAAV;;AAQO,IAAMC,IAAc,GAAG,SAAjBA,IAAiB,GAAM;EAChC,sBAA0B,IAAAC,qBAAA,GAA1B;EAAA,IAAQC,IAAR,mBAAQA,IAAR;EAAA,IAAcC,OAAd,mBAAcA,OAAd;;EACA,gBAAkC,IAAAC,eAAA,EAAiB,EAAjB,CAAlC;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EACA,iBAAqC,IAAAF,eAAA,EAAkB,KAAlB,CAArC;EAAA;EAAA,IAAOG,cAAP;EAAA,IAAuBC,UAAvB;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IACxBD,UAAU,CAAC,KAAD,CAAV;EACH,CAFD;;EAIA,IAAME,YAAY,GAAG,SAAfA,YAAe,GAAY;IAC7BJ,YAAY,CAACJ,IAAI,CAACS,IAAN,CAAZ;IACAH,UAAU,CAAC,IAAD,CAAV;EACH,CAHD;;EAKA,IAAMI,QAAQ,GAAG,IAAAC,kBAAA,EACb,UAACC,KAAD,EAAiC;IAC7BA,KAAK,CAACC,cAAN;IACAZ,OAAO,CAAC,UAAAD,IAAI,EAAI;MACZA,IAAI,CAACS,IAAL,GAAYN,SAAZ;MACA,OAAOH,IAAP;IACH,CAHM,CAAP;IAIAM,UAAU,CAAC,KAAD,CAAV;EACH,CARY,EASb,CAACH,SAAD,CATa,CAAjB;EAYA,IAAAW,wBAAA,EAAW;IACPC,MAAM,EAAE,GADD;IAEPC,IAAI,EAAE;MACF,iBAAiBR;IADf;EAFC,CAAX;EAOA,IAAAM,wBAAA,EAAW;IACPC,MAAM,EAAE,GADD;IAEPE,QAAQ,EAAE,CAACZ,cAFJ;IAGPW,IAAI,EAAE;MACFE,GAAG,EAAE,aAACN,KAAD,EAAiC;QAClCA,KAAK,CAACC,cAAN;QACAN,aAAa;MAChB,CAJC;MAKFY,KAAK,EAAET;IALL;EAHC,CAAX,EAjCgC,CA6ChC;EACA;;EACA,IAAMU,SAAS,GAAG,CAACC,MAAM,CAACC,OAA1B;EAEA,OAAOjB,cAAc,gBACjB,6BAAC,4BAAD,qBACI,6BAAC,YAAD;IACI,SAAS,EAAEe,SADf;IAEI,SAAS,MAFb;IAGI,KAAK,EAAEjB,SAHX;IAII,QAAQ,EAAEC,YAJd;IAKI,MAAM,EAAEM;EALZ,EADJ,CADiB,gBAWjB,6BAAC,uBAAD,qBACI,6BAAC,gBAAD;IACI,SAAS,EAAEa,2BADf;IAEI,SAAS,EAAE,QAFf;IAGI,OAAO,eAAE,2CAAO5B,CAAP;EAHb,gBAKI,6BAAC,oBAAD;IAAU,eAAY,wBAAtB;IAA+C,OAAO,EAAEa;EAAxD,GACKR,IAAI,CAACS,IADV,CALJ,CADJ,CAXJ;AAuBH,CAxEM"}

package/admin/plugins/editor/defaultBar/Name/NameStyled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+export declare const NameInputWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const NameWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const FormName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const formNameWrapper: string;

package/admin/plugins/editor/defaultBar/Name/NameStyled.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formNameWrapper = exports.NameWrapper = exports.NameInputWrapper = exports.FormName = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _emotion = require("emotion");
+
+var NameInputWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1go0so10",
+  label: "NameInputWrapper"
+})({
+  width: "100%",
+  display: "flex",
+  alignItems: "center",
+  position: "relative",
+  "> .mdc-text-field--upgraded": {
+    height: 35,
+    marginTop: "0 !important",
+    paddingLeft: 10,
+    paddingRight: 40
+  }
+});
+exports.NameInputWrapper = NameInputWrapper;
+var NameWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1go0so11",
+  label: "NameWrapper"
+})({
+  display: "flex",
+  alignItems: "baseline",
+  justifyContent: "flex-center",
+  flexDirection: "column",
+  color: "var(--mdc-theme-text-primary-on-background)",
+  position: "relative",
+  width: "100%",
+  marginLeft: 10
+});
+exports.NameWrapper = NameWrapper;
+var FormName = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1go0so12",
+  label: "FormName"
+})({
+  border: "1px solid transparent",
+  fontSize: 20,
+  lineHeight: 1.25,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  width: "100%",
+  "&:hover": {
+    border: "1px solid var(--mdc-theme-on-background)"
+  }
+});
+exports.FormName = FormName;
+var formNameWrapper = /*#__PURE__*/(0, _emotion.css)({
+  maxWidth: "calc(100% - 50px)"
+}, "label:formNameWrapper;");
+exports.formNameWrapper = formNameWrapper;

package/admin/plugins/editor/defaultBar/Name/NameStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NameInputWrapper","styled","width","display","alignItems","position","height","marginTop","paddingLeft","paddingRight","NameWrapper","justifyContent","flexDirection","color","marginLeft","FormName","border","fontSize","lineHeight","whiteSpace","overflow","textOverflow","formNameWrapper","css","maxWidth"],"sources":["NameStyled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const NameInputWrapper = styled(\"div\")({\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    \"> .mdc-text-field--upgraded\": {\n        height: 35,\n        marginTop: \"0 !important\",\n        paddingLeft: 10,\n        paddingRight: 40\n    }\n});\n\nexport const NameWrapper = styled(\"div\")({\n    display: \"flex\",\n    alignItems: \"baseline\",\n    justifyContent: \"flex-center\",\n    flexDirection: \"column\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    position: \"relative\",\n    width: \"100%\",\n    marginLeft: 10\n});\n\nexport const FormName = styled(\"div\")({\n    border: \"1px solid transparent\",\n    fontSize: 20,\n    lineHeight: 1.25,\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    width: \"100%\",\n    \"&:hover\": {\n        border: \"1px solid var(--mdc-theme-on-background)\"\n    }\n});\n\nexport const formNameWrapper = css({\n    maxWidth: \"calc(100% - 50px)\"\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,gBAAgB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC1CC,KAAK,EAAE,MADmC;EAE1CC,OAAO,EAAE,MAFiC;EAG1CC,UAAU,EAAE,QAH8B;EAI1CC,QAAQ,EAAE,UAJgC;EAK1C,+BAA+B;IAC3BC,MAAM,EAAE,EADmB;IAE3BC,SAAS,EAAE,cAFgB;IAG3BC,WAAW,EAAE,EAHc;IAI3BC,YAAY,EAAE;EAJa;AALW,CAAjB,CAAtB;;AAaA,IAAMC,WAAW,oBAAGT,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCE,OAAO,EAAE,MAD4B;EAErCC,UAAU,EAAE,UAFyB;EAGrCO,cAAc,EAAE,aAHqB;EAIrCC,aAAa,EAAE,QAJsB;EAKrCC,KAAK,EAAE,6CAL8B;EAMrCR,QAAQ,EAAE,UAN2B;EAOrCH,KAAK,EAAE,MAP8B;EAQrCY,UAAU,EAAE;AARyB,CAAjB,CAAjB;;AAWA,IAAMC,QAAQ,oBAAGd,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAClCe,MAAM,EAAE,uBAD0B;EAElCC,QAAQ,EAAE,EAFwB;EAGlCC,UAAU,EAAE,IAHsB;EAIlCC,UAAU,EAAE,QAJsB;EAKlCC,QAAQ,EAAE,QALwB;EAMlCC,YAAY,EAAE,UANoB;EAOlCnB,KAAK,EAAE,MAP2B;EAQlC,WAAW;IACPc,MAAM,EAAE;EADD;AARuB,CAAjB,CAAd;;AAaA,IAAMM,eAAe,gBAAG,IAAAC,YAAA,EAAI;EAC/BC,QAAQ,EAAE;AADqB,CAAJ,2BAAxB"}

package/admin/plugins/editor/defaultBar/Name/index.d.ts

@@ -0,0 +1 @@
+export { Name } from "./Name";

package/admin/plugins/editor/defaultBar/Name/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Name", {
+  enumerable: true,
+  get: function get() {
+    return _Name.Name;
+  }
+});
+
+var _Name = require("./Name");

package/admin/plugins/editor/defaultBar/Name/index.js.map

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

package/admin/plugins/editor/defaultBar/SaveContentModelButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SaveContentModelButton: React.FC;
+export default SaveContentModelButton;

package/admin/plugins/editor/defaultBar/SaveContentModelButton.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _hooks = require("../../../hooks");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
+
+var SaveContentModelButton = function SaveContentModelButton() {
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+      saveContentModel = _useModelEditor.saveContentModel;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var _onClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var response;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.next = 3;
+            return saveContentModel();
+
+          case 3:
+            response = _context.sent;
+            setLoading(false);
+
+            if (!response.error) {
+              _context.next = 8;
+              break;
+            }
+
+            showSnackbar(response.error.message);
+            return _context.abrupt("return");
+
+          case 8:
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Your content model was saved successfully!"]))));
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [saveContentModel]);
+
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    "data-testid": "cms.editor.defaultbar.save",
+    disabled: loading,
+    onClick: function onClick() {
+      _onClick();
+    }
+  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save"]))));
+};
+
+var _default = SaveContentModelButton;
+exports.default = _default;

package/admin/plugins/editor/defaultBar/SaveContentModelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","SaveContentModelButton","useModelEditor","saveContentModel","useState","loading","setLoading","useSnackbar","showSnackbar","onClick","useCallback","response","error","message"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton: React.FC = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,mDAAf,CAAV;;AAEA,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;EAC3C,sBAA6B,IAAAC,qBAAA,GAA7B;EAAA,IAAQC,gBAAR,mBAAQA,gBAAR;;EACA,gBAA8B,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EAEA,IAAMC,QAAO,GAAG,IAAAC,kBAAA,uGAAY;IAAA;IAAA;MAAA;QAAA;UAAA;YACxBJ,UAAU,CAAC,IAAD,CAAV;YADwB;YAAA,OAEDH,gBAAgB,EAFf;;UAAA;YAElBQ,QAFkB;YAGxBL,UAAU,CAAC,KAAD,CAAV;;YAHwB,KAKpBK,QAAQ,CAACC,KALW;cAAA;cAAA;YAAA;;YAMpBJ,YAAY,CAACG,QAAQ,CAACC,KAAT,CAAeC,OAAhB,CAAZ;YANoB;;UAAA;YAUxBL,YAAY,CAACV,CAAD,8HAAZ;;UAVwB;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CAAZ,IAWb,CAACK,gBAAD,CAXa,CAAhB;;EAaA,oBACI,6BAAC,qBAAD;IACI,eAAY,4BADhB;IAEI,QAAQ,EAAEE,OAFd;IAGI,OAAO,EAAE,mBAAM;MACXI,QAAO;IACV;EALL,GAOKX,CAPL,0FADJ;AAWH,CA7BD;;eA+BeG,sB"}

package/admin/plugins/editor/defaultBar/icons/more_vert.svg

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