npm - @webiny/app-headless-cms - Versions diffs - 5.23.1 → 5.25.0-beta.0 - Mend

@webiny/app-headless-cms 5.23.1 → 5.25.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (572) hide show

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const FormSettingsButton: () => JSX.Element;
+import React from "react";
+declare const FormSettingsButton: React.FC;
 export default FormSettingsButton;

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["FormSettingsButton.tsx"],"names":["React","useState","useCallback","IconButton","FormSettings","ReactComponent","SettingsIcon","FormSettingsButton","opened","setOpened","open","close"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,WAA1B,QAA6C,OAA7C;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP;AAEA,SAASC,cAAc,IAAIC,YAA3B;;AAEA,IAAMC,kBAA4B,GAAG,SAA/BA,kBAA+B,GAAM;AACvC,kBAA4BN,QAAQ,CAAC,KAAD,CAApC;AAAA;AAAA,MAAOO,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,IAAI,GAAGR,WAAW,CAAC;AAAA,WAAMO,SAAS,CAAC,IAAD,CAAf;AAAA,GAAD,EAAwB,EAAxB,CAAxB;AACA,MAAME,KAAK,GAAGT,WAAW,CAAC;AAAA,WAAMO,SAAS,CAAC,KAAD,CAAf;AAAA,GAAD,EAAyB,EAAzB,CAAzB;AAEA,sBACI,uDACI,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAEC,IAArB;AAA2B,IAAA,IAAI,eAAE,oBAAC,YAAD;AAAjC,IADJ,EAEKF,MAAM,iBAAI,oBAAC,YAAD;AAAc,IAAA,QAAQ,EAAEG;AAAxB,IAFf,CADJ;AAMH,CAXD;;AAaA,eAAeJ,kBAAf","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"]}

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

@@ -1,6 +1,6 @@
 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.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+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.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+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.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["FormSettingsStyled.tsx"],"names":["React","css","styled","Typography","listStyle","padding","backgroundColor","listItem","cursor","borderBottom","marginRight","ListItemTitle","fontWeight","marginBottom","Title","margin","color","TitleContent","display","flexDirection"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AAEA,OAAO,IAAMC,SAAS,gBAAGH,GAAG,CAAC;AACzB,gBAAc;AACVI,IAAAA,OAAO,EAAE,CADC;AAEVC,IAAAA,eAAe,EAAE;AAFP;AADW,CAAD,qBAArB;AAOP,OAAO,IAAMC,QAAQ,gBAAGN,GAAG,CAAC;AACxBI,EAAAA,OAAO,EAAE,WADe;AAExBG,EAAAA,MAAM,EAAE,SAFgB;AAGxBC,EAAAA,YAAY,EAAE,uCAHU;AAIxB,kBAAgB;AACZA,IAAAA,YAAY,EAAE;AADF,GAJQ;AAOxB,6BAA2B;AACvBC,IAAAA,WAAW,EAAE;AADU;AAPH,CAAD,oBAApB;AAYP,OAAO,IAAMC,aAAa,gBAAGT,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACvCU,EAAAA,UAAU,EAAE,GAD2B;AAEvCC,EAAAA,YAAY,EAAE;AAFyB,CAAjB,CAAnB;AAKP,OAAO,IAAMC,KAAK,gBACd,oBAAC,UAAD;AACI,EAAA,KAAK,EAAE;AAAEC,IAAAA,MAAM,EAAE,QAAV;AAAoBC,IAAAA,KAAK,EAAE;AAA3B,GADX;AAEI,EAAA,GAAG,EAAE;AAFT,4BADG;AASP,OAAO,IAAMC,YAAY,gBAAGf,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACtCgB,EAAAA,OAAO,EAAE,MAD6B;AAEtCC,EAAAA,aAAa,EAAE;AAFuB,CAAjB,CAAlB","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"]}

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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 declare global {
     interface Window {
         Cypress: any;
     }
 }
-export declare const Name: () => JSX.Element;
+export declare const Name: React.FC;

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

@@ -6,6 +6,11 @@ var _templateObject;
 import React, { useCallback, useState } from "react";
 import { Input } from "@webiny/ui/Input";
 import { Tooltip } from "@webiny/ui/Tooltip";
+/**
+ * Package react-hotkeyz does not have types.
+ */
+// @ts-ignore
 import { useHotkeys } from "react-hotkeyz";
 import { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from "./NameStyled";
 import { i18n } from "@webiny/app/i18n";
@@ -16,7 +21,7 @@ export var Name = function Name() {
       data = _useContentModelEdito.data,
       setData = _useContentModelEdito.setData;
-  var _useState = useState(null),
+  var _useState = useState(""),
       _useState2 = _slicedToArray(_useState, 2),
       localName = _useState2[0],
       setLocalName = _useState2[1];
@@ -35,8 +40,8 @@ export var Name = function Name() {
     setEditing(true);
   };
-  var saveName = useCallback(function (e) {
-    e.preventDefault();
+  var saveName = useCallback(function (event) {
+    event.preventDefault();
     setData(function (data) {
       data.name = localName;
       return data;
@@ -53,8 +58,8 @@ export var Name = function Name() {
     zIndex: 101,
     disabled: !editingEnabled,
     keys: {
-      esc: function esc(e) {
-        e.preventDefault();
+      esc: function esc(event) {
+        event.preventDefault();
         cancelChanges();
       },
       enter: saveName

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["Name.tsx"],"names":["React","useCallback","useState","Input","Tooltip","useHotkeys","FormName","formNameWrapper","NameInputWrapper","NameWrapper","i18n","useContentModelEditor","t","namespace","Name","data","setData","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","event","preventDefault","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA;AACA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,SAASC,QAAT,EAAmBC,eAAnB,EAAoCC,gBAApC,EAAsDC,WAAtD;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,qBAAT;AAEA,IAAMC,CAAC,GAAGF,IAAI,CAACG,SAAL,CAAe,yBAAf,CAAV;AAQA,OAAO,IAAMC,IAAc,GAAG,SAAjBA,IAAiB,GAAM;AAChC,8BAA0BH,qBAAqB,EAA/C;AAAA,MAAQI,IAAR,yBAAQA,IAAR;AAAA,MAAcC,OAAd,yBAAcA,OAAd;;AACA,kBAAkCd,QAAQ,CAAS,EAAT,CAA1C;AAAA;AAAA,MAAOe,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAqChB,QAAQ,CAAU,KAAV,CAA7C;AAAA;AAAA,MAAOiB,cAAP;AAAA,MAAuBC,UAAvB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AACxBD,IAAAA,UAAU,CAAC,KAAD,CAAV;AACH,GAFD;;AAIA,MAAME,YAAY,GAAG,SAAfA,YAAe,GAAY;AAC7BJ,IAAAA,YAAY,CAACH,IAAI,CAACQ,IAAN,CAAZ;AACAH,IAAAA,UAAU,CAAC,IAAD,CAAV;AACH,GAHD;;AAKA,MAAMI,QAAQ,GAAGvB,WAAW,CACxB,UAACwB,KAAD,EAAiC;AAC7BA,IAAAA,KAAK,CAACC,cAAN;AACAV,IAAAA,OAAO,CAAC,UAAAD,IAAI,EAAI;AACZA,MAAAA,IAAI,CAACQ,IAAL,GAAYN,SAAZ;AACA,aAAOF,IAAP;AACH,KAHM,CAAP;AAIAK,IAAAA,UAAU,CAAC,KAAD,CAAV;AACH,GARuB,EASxB,CAACH,SAAD,CATwB,CAA5B;AAYAZ,EAAAA,UAAU,CAAC;AACPsB,IAAAA,MAAM,EAAE,GADD;AAEPC,IAAAA,IAAI,EAAE;AACF,uBAAiBN;AADf;AAFC,GAAD,CAAV;AAOAjB,EAAAA,UAAU,CAAC;AACPsB,IAAAA,MAAM,EAAE,GADD;AAEPE,IAAAA,QAAQ,EAAE,CAACV,cAFJ;AAGPS,IAAAA,IAAI,EAAE;AACFE,MAAAA,GAAG,EAAE,aAACL,KAAD,EAAiC;AAClCA,QAAAA,KAAK,CAACC,cAAN;AACAL,QAAAA,aAAa;AAChB,OAJC;AAKFU,MAAAA,KAAK,EAAEP;AALL;AAHC,GAAD,CAAV,CAjCgC,CA6ChC;AACA;;AACA,MAAMQ,SAAS,GAAG,CAACC,MAAM,CAACC,OAA1B;AAEA,SAAOf,cAAc,gBACjB,oBAAC,gBAAD,qBACI,oBAAC,KAAD;AACI,IAAA,SAAS,EAAEa,SADf;AAEI,IAAA,SAAS,MAFb;AAGI,IAAA,KAAK,EAAEf,SAHX;AAII,IAAA,QAAQ,EAAEC,YAJd;AAKI,IAAA,MAAM,EAAEM;AALZ,IADJ,CADiB,gBAWjB,oBAAC,WAAD,qBACI,oBAAC,OAAD;AACI,IAAA,SAAS,EAAEjB,eADf;AAEI,IAAA,SAAS,EAAE,QAFf;AAGI,IAAA,OAAO,eAAE,kCAAOK,CAAP;AAHb,kBAKI,oBAAC,QAAD;AAAU,mBAAY,wBAAtB;AAA+C,IAAA,OAAO,EAAEU;AAAxD,KACKP,IAAI,CAACQ,IADV,CALJ,CADJ,CAXJ;AAuBH,CAxEM","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 { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\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 } = useContentModelEditor();\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"]}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const NameInputWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
-export declare const NameWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
-export declare const FormName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+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.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["NameStyled.tsx"],"names":["styled","css","NameInputWrapper","width","display","alignItems","position","height","marginTop","paddingLeft","paddingRight","NameWrapper","justifyContent","flexDirection","color","marginLeft","FormName","border","fontSize","lineHeight","whiteSpace","overflow","textOverflow","formNameWrapper","maxWidth"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,SAApB;AAEA,OAAO,IAAMC,gBAAgB,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAC1CG,EAAAA,KAAK,EAAE,MADmC;AAE1CC,EAAAA,OAAO,EAAE,MAFiC;AAG1CC,EAAAA,UAAU,EAAE,QAH8B;AAI1CC,EAAAA,QAAQ,EAAE,UAJgC;AAK1C,iCAA+B;AAC3BC,IAAAA,MAAM,EAAE,EADmB;AAE3BC,IAAAA,SAAS,EAAE,cAFgB;AAG3BC,IAAAA,WAAW,EAAE,EAHc;AAI3BC,IAAAA,YAAY,EAAE;AAJa;AALW,CAAjB,CAAtB;AAaP,OAAO,IAAMC,WAAW,gBAAGX,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACrCI,EAAAA,OAAO,EAAE,MAD4B;AAErCC,EAAAA,UAAU,EAAE,UAFyB;AAGrCO,EAAAA,cAAc,EAAE,aAHqB;AAIrCC,EAAAA,aAAa,EAAE,QAJsB;AAKrCC,EAAAA,KAAK,EAAE,6CAL8B;AAMrCR,EAAAA,QAAQ,EAAE,UAN2B;AAOrCH,EAAAA,KAAK,EAAE,MAP8B;AAQrCY,EAAAA,UAAU,EAAE;AARyB,CAAjB,CAAjB;AAWP,OAAO,IAAMC,QAAQ,gBAAGhB,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAClCiB,EAAAA,MAAM,EAAE,uBAD0B;AAElCC,EAAAA,QAAQ,EAAE,EAFwB;AAGlCC,EAAAA,UAAU,EAAE,IAHsB;AAIlCC,EAAAA,UAAU,EAAE,QAJsB;AAKlCC,EAAAA,QAAQ,EAAE,QALwB;AAMlCC,EAAAA,YAAY,EAAE,UANoB;AAOlCnB,EAAAA,KAAK,EAAE,MAP2B;AAQlC,aAAW;AACPc,IAAAA,MAAM,EAAE;AADD;AARuB,CAAjB,CAAd;AAaP,OAAO,IAAMM,eAAe,gBAAGtB,GAAG,CAAC;AAC/BuB,EAAAA,QAAQ,EAAE;AADqB,CAAD,2BAA3B","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"]}

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SaveContentModelButton: () => JSX.Element;
+import React from "react";
+declare const SaveContentModelButton: React.FC;
 export default SaveContentModelButton;

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

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState } from "react";
+import React, { useCallback, useState } from "react";
 import { ButtonPrimary } from "@webiny/ui/Button";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
 import { i18n } from "@webiny/app/i18n";
@@ -24,39 +24,44 @@ var SaveContentModelButton = function SaveContentModelButton() {
   var _useSnackbar = useSnackbar(),
       showSnackbar = _useSnackbar.showSnackbar;
+  var _onClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var response;
+    return _regeneratorRuntime.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 = _taggedTemplateLiteral(["Your content model was saved successfully!"]))));
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [saveContentModel]);
   return /*#__PURE__*/React.createElement(ButtonPrimary, {
     disabled: loading,
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var response;
-      return _regeneratorRuntime.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 = 7;
-                break;
-              }
-              return _context.abrupt("return", showSnackbar(response.error.message));
-            case 7:
-              showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Your content model was saved successfully!"]))));
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }))
+    onClick: function onClick() {
+      _onClick();
+    }
   }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Save"]))));
 };

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["SaveContentModelButton.tsx"],"names":["React","useCallback","useState","ButtonPrimary","useSnackbar","i18n","useContentModelEditor","t","namespace","SaveContentModelButton","saveContentModel","loading","setLoading","showSnackbar","onClick","response","error","message"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,SAASC,aAAT,QAA8B,mBAA9B;AACA,SAASC,WAAT,QAA4B,qCAA5B;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,qBAAT;AAEA,IAAMC,CAAC,GAAGF,IAAI,CAACG,SAAL,CAAe,mDAAf,CAAV;;AAEA,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;AAC3C,8BAA6BH,qBAAqB,EAAlD;AAAA,MAAQI,gBAAR,yBAAQA,gBAAR;;AACA,kBAA8BR,QAAQ,CAAU,KAAV,CAAtC;AAAA;AAAA,MAAOS,OAAP;AAAA,MAAgBC,UAAhB;;AACA,qBAAyBR,WAAW,EAApC;AAAA,MAAQS,YAAR,gBAAQA,YAAR;;AAEA,MAAMC,QAAO,GAAGb,WAAW,wEAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AACxBW,YAAAA,UAAU,CAAC,IAAD,CAAV;AADwB;AAAA,mBAEDF,gBAAgB,EAFf;;AAAA;AAElBK,YAAAA,QAFkB;AAGxBH,YAAAA,UAAU,CAAC,KAAD,CAAV;;AAHwB,iBAKpBG,QAAQ,CAACC,KALW;AAAA;AAAA;AAAA;;AAMpBH,YAAAA,YAAY,CAACE,QAAQ,CAACC,KAAT,CAAeC,OAAhB,CAAZ;AANoB;;AAAA;AAUxBJ,YAAAA,YAAY,CAACN,CAAD,gHAAZ;;AAVwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAD,IAWxB,CAACG,gBAAD,CAXwB,CAA3B;;AAaA,sBACI,oBAAC,aAAD;AACI,IAAA,QAAQ,EAAEC,OADd;AAEI,IAAA,OAAO,EAAE,mBAAM;AACXG,MAAAA,QAAO;AACV;AAJL,KAMKP,CANL,4EADJ;AAUH,CA5BD;;AA8BA,eAAeE,sBAAf","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 { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton: React.FC = () => {\n const { saveContentModel } = useContentModelEditor();\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 disabled={loading}\n onClick={() => {\n onClick();\n }}\n >\n {t`Save`}\n </ButtonPrimary>\n );\n};\n\nexport default SaveContentModelButton;\n"]}

package/admin/plugins/editor/defaultBar/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["index.tsx"],"names":["React","BackButton","Divider","SaveContentModelButton","CreateContentButton","Name","FormSettingsButton","name","type","render"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP;AACA,OAAOC,OAAP;AACA,OAAOC,sBAAP;AACA,OAAOC,mBAAP;AACA,SAASC,IAAT;AACA,SAASC,kBAAT;AAEA,eAAe,CACX;AACIC,EAAAA,IAAI,EAAE,8DADV;AAEIC,EAAAA,IAAI,EAAE,wCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,mBAAD,OAAP;AACH;AALL,CADW,EAQX;AACIF,EAAAA,IAAI,EAAE,+CADV;AAEIC,EAAAA,IAAI,EAAE,wCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,OAAD,OAAP;AACH;AALL,CARW,EAeX;AACIF,EAAAA,IAAI,EAAE,6DADV;AAEIC,EAAAA,IAAI,EAAE,wCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,kBAAD,OAAP;AACH;AALL,CAfW,EAsBX;AACIF,EAAAA,IAAI,EAAE,oDADV;AAEIC,EAAAA,IAAI,EAAE,wCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,sBAAD,OAAP;AACH;AALL,CAtBW,EA8BX;AACIF,EAAAA,IAAI,EAAE,mDADV;AAEIC,EAAAA,IAAI,EAAE,uCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,UAAD,OAAP;AACH;AALL,CA9BW,EAsCX;AACIF,EAAAA,IAAI,EAAE,4CADV;AAEIC,EAAAA,IAAI,EAAE,uCAFV;AAGIC,EAAAA,MAHJ,oBAGa;AACL,wBAAO,oBAAC,IAAD,OAAP;AACH;AALL,CAtCW,CAAf","sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\nimport SaveContentModelButton from \"./SaveContentModelButton\";\nimport CreateContentButton from \"./CreateContentButton\";\nimport { Name } from \"./Name\";\nimport { FormSettingsButton } from \"./FormSettings\";\n\nexport default [\n {\n name: \"content-model-editor-default-bar-right-create-content-button\",\n type: \"content-model-editor-default-bar-right\",\n render() {\n return <CreateContentButton />;\n }\n },\n {\n name: \"content-model-editor-default-bar-left-divider\",\n type: \"content-model-editor-default-bar-right\",\n render() {\n return <Divider />;\n }\n },\n {\n name: \"content-model-editor-default-bar-right-form-settings-button\",\n type: \"content-model-editor-default-bar-right\",\n render() {\n return <FormSettingsButton />;\n }\n },\n {\n name: \"content-model-editor-default-bar-right-save-button\",\n type: \"content-model-editor-default-bar-right\",\n render() {\n return <SaveContentModelButton />;\n }\n },\n\n {\n name: \"content-model-editor-default-bar-left-back-button\",\n type: \"content-model-editor-default-bar-left\",\n render() {\n return <BackButton />;\n }\n },\n\n {\n name: \"content-model-editor-default-bar-left-name\",\n type: \"content-model-editor-default-bar-left\",\n render() {\n return <Name />;\n }\n }\n];\n"]}

package/admin/plugins/editor/formSettings/components/GeneralSettings.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["GeneralSettings.tsx"],"names":["React","Grid","Cell","Input","validation","GroupSelect","GeneralSettings","Bind","create"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA,OAAOC,WAAP;;AAMA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAoC;AAAA,MAAjCC,IAAiC,QAAjCA,IAAiC;AACxD,sBACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE;AAAd,IADJ,CADJ,CADJ,eAMI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,KAAD;AAAO,IAAA,QAAQ,EAAE,IAAjB;AAAuB,IAAA,KAAK,EAAE;AAA9B,IADJ,CADJ,CANJ,eAWI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAE,CAAb;AAAgB,IAAA,KAAK,EAAE;AAAvB,IADJ,CADJ,CAXJ,eAgBI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,OAAZ;AAAqB,IAAA,UAAU,EAAEH,UAAU,CAACI,MAAX,CAAkB,UAAlB;AAAjC,kBACI,oBAAC,WAAD,OADJ,CADJ,CAhBJ,CADJ,CADJ;AA0BH,CA3BD;;AA6BA,eAAeF,eAAf","sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect\";\n\ninterface GeneralSettingsProps {\n Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n return (\n <React.Fragment>\n <Grid>\n <Cell span={12}>\n <Bind name={\"name\"}>\n <Input label={\"Content model name\"} />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind name={\"modelId\"}>\n <Input disabled={true} label={\"Content model ID\"} />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind name={\"description\"}>\n <Input rows={5} label={\"Content model description\"} />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind name={\"group\"} validators={validation.create(\"required\")}>\n <GroupSelect />\n </Bind>\n </Cell>\n </Grid>\n </React.Fragment>\n );\n};\n\nexport default GeneralSettings;\n"]}

package/admin/plugins/editor/formSettings/components/GroupSelect.js CHANGED Viewed

@@ -12,7 +12,7 @@ export default function GroupSelect(_ref) {
       data = _useQuery.data,
       loading = _useQuery.loading;
-  var groups = loading && !data ? [] : data.listContentModelGroups.data;
+  var groups = loading || !data ? [] : data.listContentModelGroups.data;
   var options = useMemo(function () {
     return groups.map(function (item) {
       return {

package/admin/plugins/editor/formSettings/components/GroupSelect.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["GroupSelect.tsx"],"names":["React","useMemo","Select","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","GroupSelect","value","props","data","loading","groups","listContentModelGroups","options","map","item","id","label","name","selectValue"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,SACIC,+BADJ;AAIA,SAASC,QAAT;AAEA,eAAe,SAASC,WAAT,OAA8D;AAAA,MAAvCC,KAAuC,QAAvCA,KAAuC;AAAA,MAA7BC,KAA6B;;AACzE,kBAA0BH,QAAQ,CAC9BD,+BAD8B,CAAlC;AAAA,MAAQK,IAAR,aAAQA,IAAR;AAAA,MAAcC,OAAd,aAAcA,OAAd;;AAIA,MAAMC,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAZ,GAAmB,EAAnB,GAAwBA,IAAI,CAACG,sBAAL,CAA4BH,IAAnE;AACA,MAAMI,OAAO,GAAGX,OAAO,CAAC,YAAM;AAC1B,WAAOS,MAAM,CAACG,GAAP,CAAW,UAAAC,IAAI;AAAA,aAAK;AAAER,QAAAA,KAAK,EAAEQ,IAAI,CAACC,EAAd;AAAkBC,QAAAA,KAAK,EAAEF,IAAI,CAACG;AAA9B,OAAL;AAAA,KAAf,CAAP;AACH,GAFsB,EAEpB,CAACP,MAAD,CAFoB,CAAvB;AAIA,MAAMQ,WAAW,GAAG,OAAOZ,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCA,KAAK,CAACS,EAA9D;AAEA,sBACI,oBAAC,MAAD,oBACQR,KADR;AAEI,IAAA,KAAK,EAAEE,OAAO,GAAG,EAAH,GAAQS,WAF1B;AAGI,IAAA,KAAK,EAAE,qBAHX;AAII,IAAA,OAAO,EAAEN;AAJb,KADJ;AAQH","sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport {\n LIST_MENU_CONTENT_GROUPS_MODELS,\n ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport { useQuery } from \"~/admin/hooks\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n LIST_MENU_CONTENT_GROUPS_MODELS\n );\n\n const groups = loading || !data ? [] : data.listContentModelGroups.data;\n const options = useMemo(() => {\n return groups.map(item => ({ value: item.id, label: item.name }));\n }, [groups]);\n\n const selectValue = typeof value === \"string\" ? value : value.id;\n\n return (\n <Select\n {...props}\n value={loading ? \"\" : selectValue}\n label={\"Content model group\"}\n options={options}\n />\n );\n}\n"]}

package/admin/plugins/editor/formSettings/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["index.tsx"],"names":["React","GeneralSettings","ReactComponent","SettingsIcon","plugin","name","type","title","description","icon","render","props"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,eAAP;AACA,SAASC,cAAc,IAAIC,YAA3B;AAEA,IAAMC,MAAmC,GAAG;AACxCC,EAAAA,IAAI,EAAE,kCADkC;AAExCC,EAAAA,IAAI,EAAE,0BAFkC;AAGxCC,EAAAA,KAAK,EAAE,kBAHiC;AAIxCC,EAAAA,WAAW,EAAE,8CAJ2B;AAKxCC,EAAAA,IAAI,eAAE,oBAAC,YAAD,OALkC;AAMxCC,EAAAA,MANwC,kBAMjCC,KANiC,EAM1B;AACV,wBAAO,oBAAC,eAAD,EAAqBA,KAArB,CAAP;AACH;AARuC,CAA5C;AAWA,eAAeP,MAAf","sourcesContent":["import * as React from \"react\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport GeneralSettings from \"./components/GeneralSettings\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst plugin: CmsEditorFormSettingsPlugin = {\n name: \"cms-editor-form-settings-general\",\n type: \"cms-editor-form-settings\",\n title: \"General settings\",\n description: \"Manage content model's name and description.\",\n icon: <SettingsIcon />,\n render(props) {\n return <GeneralSettings {...props} />;\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/Accordion.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
 import React, { ReactElement } from "react";
-declare type AccordionProps = {
+interface AccordionProps {
     title: string;
-    children: ReactElement;
-    action?: ReactElement;
+    action?: ReactElement | null;
     icon?: ReactElement;
     defaultValue?: boolean;
-};
-declare const _default: React.MemoExoticComponent<({ title, children, action, icon, defaultValue }: AccordionProps) => JSX.Element>;
-export default _default;
+}
+declare const MemoizedAccordion: React.FC<AccordionProps>;
+export default MemoizedAccordion;

package/admin/plugins/fieldRenderers/Accordion.js CHANGED Viewed

@@ -109,7 +109,7 @@ var Accordion = function Accordion(_ref) {
     use: "subtitle1"
   }, title))), /*#__PURE__*/React.createElement("div", {
     className: "accordion-header--right"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, action && /*#__PURE__*/React.createElement("div", {
     className: "action-container"
   }, action), /*#__PURE__*/React.createElement("div", {
     className: "icon-container"
@@ -122,4 +122,5 @@ var Accordion = function Accordion(_ref) {
   }, children)));
 };
-export default /*#__PURE__*/React.memo(Accordion);
+var MemoizedAccordion = /*#__PURE__*/React.memo(Accordion);
+export default MemoizedAccordion;

package/admin/plugins/fieldRenderers/Accordion.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["Accordion.tsx"],"names":["React","useCallback","useState","css","classNames","Typography","classes","accordionWrapper","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","accordionItem","overflow","transition","maxHeight","Accordion","title","children","action","icon","defaultValue","isOpen","setOpen","toggleOpen","open","collapsed","MemoizedAccordion","memo"],"mappings":"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","sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n accordionWrapper: css({\n /**\n * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n */\n position: \"relative\",\n width: \"100%\",\n borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n }),\n accordionHeader: css({\n position: \"relative\",\n color: \"var(--mdc-theme-text-secondary-on-background)\",\n cursor: \"pointer\",\n padding: \"0px\",\n minHeight: 48, // To have same height as the remove value action button.\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n\n \"& .accordion-header--left\": {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n \"& .accordion-title\": {\n span: {\n marginLeft: 16\n }\n }\n },\n \"& .accordion-header--right\": {\n display: \"flex\",\n \"& .icon-container\": {\n display: \"flex\",\n alignItems: \"center\",\n\n \"& span\": {\n display: \"flex\"\n },\n \"& svg\": {\n fill: \"currentColor\",\n width: 14,\n height: 14\n }\n }\n },\n\n \"&::before\": {\n position: \"absolute\",\n top: \"calc(50% - 5px)\",\n left: 0,\n content: '\"\"',\n width: 0,\n height: 0,\n\n // Arrow right.\n borderTop: \"5px solid transparent\",\n borderBottom: \"5px solid transparent\",\n borderLeft: \"5px solid currentColor\"\n },\n\n \"&.open\": {\n \"&::before\": {\n transform: \"translateY(3px) rotate(90deg)\"\n }\n }\n }),\n accordionItem: css({\n overflow: \"hidden\",\n transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n height: \"auto\",\n maxHeight: \"9999px\",\n\n \"&.collapsed\": {\n maxHeight: 0,\n transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n }\n })\n};\n\ninterface AccordionProps {\n title: string;\n action?: ReactElement | null;\n icon?: ReactElement;\n defaultValue?: boolean;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n title,\n children,\n action,\n icon,\n defaultValue = false\n}) => {\n const [isOpen, setOpen] = useState(defaultValue);\n const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n return (\n <div className={classes.accordionWrapper}>\n <div\n className={classNames(classes.accordionHeader, { open: isOpen })}\n onClick={toggleOpen}\n >\n <div className=\"accordion-header--left\">\n <div className={\"accordion-title\"}>\n <Typography use={\"subtitle1\"}>{title}</Typography>\n </div>\n </div>\n <div className=\"accordion-header--right\">\n {action && <div className={\"action-container\"}>{action}</div>}\n <div className={\"icon-container\"}>{icon}</div>\n </div>\n </div>\n <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n <div className=\"accordion-content\">{children}</div>\n </div>\n </div>\n );\n};\nconst MemoizedAccordion: React.FC<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"]}

package/admin/plugins/fieldRenderers/DynamicSection.d.ts CHANGED Viewed

@@ -1,14 +1,21 @@
 import React from "react";
 import { CmsEditorField } from "../../../types";
-declare type Props = {
+import { GetBindCallable } from "../../components/ContentEntryForm/useBind";
+/**
+ * TODO @ts-refactor figure out correct types
+ */
+interface DynamicSectionPropsChildrenParams {
+    [key: string]: any;
+}
+interface DynamicSectionProps {
     field: CmsEditorField;
-    getBind(index?: number): React.ComponentType<any>;
+    getBind: GetBindCallable;
     showLabel?: boolean;
     Label: React.ComponentType<any>;
-    children: (params: any) => React.ReactNode;
+    children: (params: DynamicSectionPropsChildrenParams) => React.ReactElement;
     emptyValue?: any;
     renderTitle?: (value: any[]) => React.ReactElement;
     gridClassName?: string;
-};
-declare const DynamicSection: ({ field, getBind, Label, children, showLabel, emptyValue, renderTitle, gridClassName }: Props) => JSX.Element;
+}
+declare const DynamicSection: React.FC<DynamicSectionProps>;
 export default DynamicSection;

package/admin/plugins/fieldRenderers/DynamicSection.js CHANGED Viewed

@@ -17,6 +17,9 @@ var style = {
     paddingTop: 8
   }, "label:addButton;")
 };
+/**
+ * TODO @ts-refactor figure out correct types
+ */
 var DynamicSection = function DynamicSection(_ref) {
   var field = _ref.field,
@@ -47,7 +50,7 @@ var DynamicSection = function DynamicSection(_ref) {
         className: gridClassName
       }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/React.createElement(Cell, {
         span: 12
-      }, showLabel && field.label && /*#__PURE__*/React.createElement(Label, null, field.label), /*#__PURE__*/React.createElement(FirstFieldBind, null, function (bindIndex) {
+      }, showLabel && field.label && /*#__PURE__*/React.createElement(Label, null, field.label), /*#__PURE__*/React.createElement(FirstFieldBind, null, function (bindProps) {
         return (
           /* We bind it to index "0", so when you start typing, that index in parent array will be populated */
           children({
@@ -56,7 +59,7 @@ var DynamicSection = function DynamicSection(_ref) {
             // "index" contains Bind props for this particular item in the array
             // "field" contains Bind props for the main (parent) field.
             bind: {
-              index: bindIndex,
+              index: bindProps,
               field: bindField
             },
             index: 0 // Binds to "items.0" in the <Form>.
@@ -70,12 +73,12 @@ var DynamicSection = function DynamicSection(_ref) {
         return /*#__PURE__*/React.createElement(Cell, {
           span: 12,
           key: realIndex
-        }, /*#__PURE__*/React.createElement(BindField, null, function (bindIndex) {
+        }, /*#__PURE__*/React.createElement(BindField, null, function (bindProps) {
           return children({
             Bind: BindField,
             field: field,
             bind: {
-              index: bindIndex,
+              index: bindProps,
               field: bindField
             },
             index: realIndex

package/admin/plugins/fieldRenderers/DynamicSection.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["DynamicSection.tsx"],"names":["React","css","i18n","Cell","Grid","ButtonDefault","ButtonIcon","FormElementMessage","ReactComponent","AddIcon","t","ns","style","addButton","width","borderTop","paddingTop","DynamicSection","field","getBind","Label","children","showLabel","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","bindField","value","appendValue","bindFieldValue","label","bindProps","bind","index","slice","map","_","realIndex","BindField","validation","isValid","message","undefined"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { CmsEditorField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n addButton: css({\n width: \"100%\",\n borderTop: \"1px solid var(--mdc-theme-background)\",\n paddingTop: 8\n })\n};\n\n/**\n * TODO @ts-refactor figure out correct types\n */\ninterface DynamicSectionPropsChildrenParams {\n // bind: BindComponentRenderProp;\n // index: number;\n [key: string]: any;\n}\ninterface DynamicSectionProps {\n field: CmsEditorField;\n getBind: GetBindCallable;\n showLabel?: boolean;\n Label: React.ComponentType<any>;\n children: (params: DynamicSectionPropsChildrenParams) => React.ReactElement;\n emptyValue?: any;\n renderTitle?: (value: any[]) => React.ReactElement;\n gridClassName?: string;\n}\n\nconst DynamicSection: React.FC<DynamicSectionProps> = ({\n field,\n getBind,\n Label,\n children,\n showLabel = true,\n emptyValue = \"\",\n renderTitle,\n gridClassName\n}) => {\n const Bind = getBind();\n const FirstFieldBind = getBind(0);\n\n return (\n /* First we mount the top level field, for example: \"items\" */\n <Bind>\n {bindField => {\n /**\n * \"value\" -> an array of items\n * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n */\n const { value, appendValue } = bindField;\n\n const bindFieldValue: string[] = value || [];\n return (\n <Grid className={gridClassName}>\n {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n <Cell span={12}>\n {/* We always render the first item, for better UX */}\n {showLabel && field.label && <Label>{field.label}</Label>}\n <FirstFieldBind>\n {bindProps =>\n /* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */\n children({\n Bind: FirstFieldBind,\n field,\n // \"index\" contains Bind props for this particular item in the array\n // \"field\" contains Bind props for the main (parent) field.\n bind: {\n index: bindProps,\n field: bindField\n },\n index: 0 // Binds to \"items.0\" in the <Form>.\n })\n }\n </FirstFieldBind>\n </Cell>\n\n {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n {bindFieldValue.slice(1).map((_, index) => {\n /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n const realIndex = index + 1;\n const BindField = getBind(realIndex);\n return (\n <Cell span={12} key={realIndex}>\n <BindField>\n {bindProps =>\n children({\n Bind: BindField,\n field,\n bind: {\n index: bindProps,\n field: bindField\n },\n index: realIndex\n })\n }\n </BindField>\n </Cell>\n );\n })}\n\n {bindField.validation.isValid === false && (\n <Cell span={12}>\n <FormElementMessage error>\n {bindField.validation.message}\n </FormElementMessage>\n </Cell>\n )}\n <Cell span={12} className={style.addButton}>\n <ButtonDefault\n disabled={bindFieldValue[0] === undefined}\n onClick={() => appendValue(emptyValue)}\n >\n <ButtonIcon icon={<AddIcon />} />\n {t`Add value`}\n </ButtonDefault>\n </Cell>\n </Grid>\n );\n }}\n </Bind>\n );\n};\n\nexport default DynamicSection;\n"]}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["booleanSwitch.tsx"],"names":["React","get","Switch","i18n","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","bindProps","label","helpText"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,uCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,mCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,eADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,kFAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,sGAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,SAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAACb,GAAG,CAACY,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,yBAWqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;AAEA,0BACI,oBAAC,IAAD,QACK,UAACE,SAAD;AAAA,4BACG,oBAAC,MAAD,oBAAYA,SAAZ;AAAuB,UAAA,KAAK,EAAEL,KAAK,CAACM,KAApC;AAA2C,UAAA,WAAW,EAAEN,KAAK,CAACO;AAA9D,WADH;AAAA,OADL,CADJ;AAOH;AArBK;AAH+B,CAA7C;AA4BA,eAAed,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-boolean\",\n renderer: {\n rendererName: \"boolean-input\",\n name: t`Boolean Input`,\n description: t`Renders a simple switch button.`,\n canUse({ field }) {\n return (\n field.type === \"boolean\" &&\n !field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n return (\n <Bind>\n {(bindProps: any) => (\n <Switch {...bindProps} label={field.label} description={field.helpText} />\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/boolean/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["index.ts"],"names":["booleanSwitch"],"mappings":"AAAA,OAAOA,aAAP;AAEA,eAAe,CAACA,aAAD,CAAf","sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"]}

package/admin/plugins/fieldRenderers/checkboxes.js CHANGED Viewed

@@ -16,20 +16,26 @@ var plugin = {
     description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders checkboxes, allowing selection of multiple values."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.multipleValues && get(field, "predefinedValues.enabled");
+      return !!field.multipleValues && !!get(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
           getBind = _ref2.getBind;
       var Bind = getBind();
-      var options = field.predefinedValues.values;
+      var _ref3 = field.predefinedValues || {
+        values: []
+      },
+          _ref3$values = _ref3.values,
+          options = _ref3$values === void 0 ? [] : _ref3$values;
       return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
         return /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
           label: field.label,
           description: field.helpText
-        }), function (_ref3) {
-          var onChange = _ref3.onChange,
-              getValue = _ref3.getValue;
+        }), function (_ref4) {
+          var onChange = _ref4.onChange,
+              getValue = _ref4.getValue;
           return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
             var value = field.type === "number" ? Number(option.value) : option.value;
             return /*#__PURE__*/React.createElement("div", {

package/admin/plugins/fieldRenderers/checkboxes.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["checkboxes.tsx"],"names":["React","get","i18n","Checkbox","CheckboxGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","predefinedValues","values","options","bind","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,QAAT,EAAmBC,aAAnB,QAAwC,qBAAxC;AAEA,IAAMC,CAAC,GAAGH,IAAI,CAACI,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,8CAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,YADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,+EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,iIAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aAAO,CAAC,CAACA,KAAK,CAACC,cAAR,IAA0B,CAAC,CAACd,GAAG,CAACa,KAAD,EAAQ,0BAAR,CAAtC;AACH,KANK;AAONE,IAAAA,MAPM,yBAOqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;;AAEA,kBAAiCH,KAAK,CAACK,gBAAN,IAA0B;AACvDC,QAAAA,MAAM,EAAE;AAD+C,OAA3D;AAAA,+BAAQA,MAAR;AAAA,UAAgBC,OAAhB,6BAA0B,EAA1B;;AAIA,0BACI,oBAAC,IAAD,QACK,UAAAC,IAAI,EAAI;AACL,4BACI,oBAAC,aAAD,oBACQA,IADR;AAEI,UAAA,KAAK,EAAER,KAAK,CAACS,KAFjB;AAGI,UAAA,WAAW,EAAET,KAAK,CAACU;AAHvB,YAKK;AAAA,cAAGC,QAAH,SAAGA,QAAH;AAAA,cAAaC,QAAb,SAAaA,QAAb;AAAA,8BACG,oBAAC,KAAD,CAAO,QAAP,QACKL,OAAO,CAACM,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT,EAAmB;AAC5B,gBAAMC,KAAK,GACPhB,KAAK,CAACN,IAAN,KAAe,QAAf,GACMuB,MAAM,CAACH,MAAM,CAACE,KAAR,CADZ,GAEMF,MAAM,CAACE,KAHjB;AAIA,gCACI;AAAK,cAAA,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAR,CAAN,GAAuBD;AAAjC,4BACI,oBAAC,QAAD;AACI,cAAA,KAAK,EAAED,MAAM,CAACL,KADlB;AAEI,cAAA,KAAK,EAAEG,QAAQ,CAACI,KAAD,CAFnB;AAGI,cAAA,QAAQ,EAAEL,QAAQ,CAACK,KAAD;AAHtB,cADJ,CADJ;AASH,WAdA,CADL,CADH;AAAA,SALL,CADJ;AA2BH,OA7BL,CADJ;AAiCH;AA/CK;AAH+B,CAA7C;AAsDA,eAAevB,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-checkboxes-buttons\",\n renderer: {\n rendererName: \"checkboxes\",\n name: t`Checkboxes`,\n description: t`Renders checkboxes, allowing selection of multiple values.`,\n canUse({ field }) {\n return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n const { values: options = [] } = field.predefinedValues || {\n values: []\n };\n\n return (\n <Bind>\n {bind => {\n return (\n <CheckboxGroup\n {...bind}\n label={field.label}\n description={field.helpText}\n >\n {({ onChange, getValue }) => (\n <React.Fragment>\n {options.map((option, index) => {\n const value =\n field.type === \"number\"\n ? Number(option.value)\n : option.value;\n return (\n <div key={String(option.value) + index}>\n <Checkbox\n label={option.label}\n value={getValue(value)}\n onChange={onChange(value)}\n />\n </div>\n );\n })}\n </React.Fragment>\n )}\n </CheckboxGroup>\n );\n }}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"]}

package/admin/plugins/fieldRenderers/dateTime/DateOnly.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import React from "react";
 import { TrailingIcon } from "./Input";
 import { CmsEditorField } from "../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
 export interface Props {
     field: CmsEditorField;
-    bind: any;
+    bind: BindComponentRenderProp;
     trailingIcon?: TrailingIcon;
 }
 export declare const DateOnly: React.FC<Props>;