@webiny/app-admin 5.24.0 → 5.25.0-beta.2

package/components/RichTextEditor/tools/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["TextAlign","ALIGNMENT_ICONS","start","end","center","justify","ALIGNMENTS","name","START","svg","CENTER","END"],"mappings":"AAAA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,KAAAA,S;;AAWZ,OAAO,IAAMC,eAAe,GAAG;AAC3BC,EAAAA,KAAK,EACD,sEACA,6CADA,GAEA,SAFA,GAGA,gXAHA,GAIA,UAJA,GAKA,QAPuB;AAQ3BC,EAAAA,GAAG,EACC,sEACA,6CADA,GAEA,SAFA,GAGA,iXAHA,GAIA,UAJA,GAKA,QAduB;AAe3BC,EAAAA,MAAM,EACF,sEACA,6CADA,GAEA,SAFA,GAGA,uXAHA,GAIA,UAJA,GAKA,QArBuB;AAsB3BC,EAAAA,OAAO,EACH,sEACA,6CADA,GAEA,SAFA,GAGA,8WAHA,GAIA,UAJA,GAKA;AA5BuB,CAAxB;AA+BP,OAAO,IAAMC,UAAU,GAAG,CACtB;AACIC,EAAAA,IAAI,EAAEP,SAAS,CAACQ,KADpB;AAEIC,EAAAA,GAAG,EAAER,eAAe,CAACC;AAFzB,CADsB,EAKtB;AACIK,EAAAA,IAAI,EAAEP,SAAS,CAACU,MADpB;AAEID,EAAAA,GAAG,EAAER,eAAe,CAACG;AAFzB,CALsB,EAStB;AACIG,EAAAA,IAAI,EAAEP,SAAS,CAACW,GADpB;AAEIF,EAAAA,GAAG,EAAER,eAAe,CAACE;AAFzB,CATsB,CAAnB","sourcesContent":["export enum TextAlign {\n    START = \"start\",\n    END = \"end\",\n    CENTER = \"center\"\n}\n\nexport type Alignment = {\n    name: TextAlign;\n    svg: string;\n};\n\nexport const ALIGNMENT_ICONS = {\n    start:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M14 15H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm0-8H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zM4 13h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    end:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm-6-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    center:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm3-5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    justify:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\"\n};\n\nexport const ALIGNMENTS = [\n    {\n        name: TextAlign.START,\n        svg: ALIGNMENT_ICONS.start\n    },\n    {\n        name: TextAlign.CENTER,\n        svg: ALIGNMENT_ICONS.center\n    },\n    {\n        name: TextAlign.END,\n        svg: ALIGNMENT_ICONS.end\n    }\n];\n"]}

package/components/Routes.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from "react";
 import { plugins } from "@webiny/plugins";
-import { Switch } from "@webiny/react-router";
+import { Routes as ReactRouterRoutes } from "@webiny/react-router";
 export var Routes = function Routes(props) {
   var routes = [].concat(_toConsumableArray(props.routes), _toConsumableArray(plugins.byType("route").map(function (_ref) {
     var route = _ref.route;
@@ -26,7 +26,7 @@ export var Routes = function Routes(props) {
 
     return 0;
   });
-  return /*#__PURE__*/React.createElement(Switch, null, routes.map(function (route, index) {
+  return /*#__PURE__*/React.createElement(ReactRouterRoutes, null, routes.map(function (route, index) {
     return /*#__PURE__*/React.cloneElement(route, {
       key: "".concat(route.props.path, ":").concat(index)
     });

package/components/Routes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Routes.tsx"],"names":["React","plugins","Routes","ReactRouterRoutes","props","routes","byType","map","route","sort","a","b","pathA","path","pathB","includes","index","cloneElement","key"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,QAAwB,iBAAxB;AACA,SAASC,MAAM,IAAIC,iBAAnB,QAA4C,sBAA5C;AAOA,OAAO,IAAMD,MAA6B,GAAG,SAAhCA,MAAgC,CAAAE,KAAK,EAAI;AAClD,MAAMC,MAAM,GAAG,6BACRD,KAAK,CAACC,MADE,sBAGRJ,OAAO,CAACK,MAAR,CAA4B,OAA5B,EAAqCC,GAArC,CAAyC;AAAA,QAAGC,KAAH,QAAGA,KAAH;AAAA,WAAeA,KAAf;AAAA,GAAzC,CAHQ,GAIbC,IAJa,CAIR,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACb,QAAMC,KAAK,GAAGF,CAAC,CAACN,KAAF,CAAQS,IAAR,IAAgB,GAA9B;AACA,QAAMC,KAAK,GAAGH,CAAC,CAACP,KAAF,CAAQS,IAAR,IAAgB,GAA9B,CAFa,CAIb;;AACA,QAAID,KAAK,KAAK,GAAV,IAAiBE,KAAK,KAAK,GAA/B,EAAoC;AAChC,aAAO,CAAC,CAAR;AACH,KAPY,CASb;;;AACA,QAAIF,KAAK,KAAK,GAAV,IAAiBA,KAAK,KAAK,GAA/B,EAAoC;AAChC,aAAO,CAAP;AACH,KAZY,CAcb;;;AACA,QAAI,CAAC,GAAD,EAAM,GAAN,EAAWG,QAAX,CAAoBD,KAApB,CAAJ,EAAgC;AAC5B,aAAO,CAAC,CAAR;AACH;;AAED,WAAO,CAAP;AACH,GAxBc,CAAf;AA0BA,sBACI,oBAAC,iBAAD,QACKT,MAAM,CAACE,GAAP,CAAW,UAACC,KAAD,EAAQQ,KAAR;AAAA,wBACRhB,KAAK,CAACiB,YAAN,CAAmBT,KAAnB,EAA0B;AAAEU,MAAAA,GAAG,YAAKV,KAAK,CAACJ,KAAN,CAAYS,IAAjB,cAAyBG,KAAzB;AAAL,KAA1B,CADQ;AAAA,GAAX,CADL,CADJ;AAOH,CAlCM","sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport { RoutePlugin } from \"@webiny/app/types\";\n\ninterface RoutesProps {\n    routes: JSX.Element[];\n}\n\nexport const Routes: React.FC<RoutesProps> = props => {\n    const routes = [\n        ...props.routes,\n        // For backwards compatibility, we need to support the RoutePlugin routes as well.\n        ...plugins.byType<RoutePlugin>(\"route\").map(({ route }) => route)\n    ].sort((a, b) => {\n        const pathA = a.props.path || \"*\";\n        const pathB = b.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map((route, index) =>\n                React.cloneElement(route, { key: `${route.props.path}:${index}` })\n            )}\n        </ReactRouterRoutes>\n    );\n};\n"]}

package/components/SearchUI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SearchUI.tsx"],"names":["React","styled","InputField","ReactComponent","SearchIcon","SearchWrapper","width","height","display","position","top","left","bottom","pointerEvents","alignItems","paddingLeft","color","padding","outline","border","textTransform","letterSpacing","Search","value","onChange","inputPlaceholder"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,UAAP;AACA,SAASC,cAAc,IAAIC,UAA3B;AAEA,IAAMC,aAAa,gBAAGJ,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAChCK,EAAAA,KAAK,EAAE,MADyB;AAEhCC,EAAAA,MAAM,EAAE,MAFwB;AAGhCC,EAAAA,OAAO,EAAE,MAHuB;AAIhCC,EAAAA,QAAQ,EAAE,UAJsB;AAMhC,qBAAmB;AACfA,IAAAA,QAAQ,EAAE,UADK;AAEfC,IAAAA,GAAG,EAAE,CAFU;AAGfC,IAAAA,IAAI,EAAE,CAHS;AAIfC,IAAAA,MAAM,EAAE,CAJO;AAKfC,IAAAA,aAAa,EAAE,MALA;AAMfL,IAAAA,OAAO,EAAE,MANM;AAOfM,IAAAA,UAAU,EAAE,QAPG;AAQfC,IAAAA,WAAW,EAAE,SARE;AASfC,IAAAA,KAAK,EAAE;AATQ,GANa;AAkBhC,sBAAoB;AAChBV,IAAAA,KAAK,EAAE,MADS;AAEhBW,IAAAA,OAAO,EAAE,8BAFO;AAGhBC,IAAAA,OAAO,EAAE,MAHO;AAIhBC,IAAAA,MAAM,EAAE,MAJQ;AAKhBH,IAAAA,KAAK,EAAE,6CALS;AAMhB,eAAW;AACPE,MAAAA,OAAO,EAAE;AADF,KANK;AAShB,sBAAkB;AACdE,MAAAA,aAAa,EAAE,WADD;AAEdC,MAAAA,aAAa,EAAE,QAFD;AAGdL,MAAAA,KAAK,EAAE;AAHO;AATF;AAlBY,CAAjB,CAAnB;;AAwCA,IAAMM,MAA6B,GAAG,SAAhCA,MAAgC,OAAyD;AAAA,MAAtDC,KAAsD,QAAtDA,KAAsD;AAAA,MAA/CC,QAA+C,QAA/CA,QAA+C;AAAA,mCAArCC,gBAAqC;AAAA,MAArCA,gBAAqC,sCAAlB,WAAkB;AAC3F,sBACI,oBAAC,aAAD;AAAe,mBAAa;AAA5B,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD,OADJ,CADJ,eAII,oBAAC,UAAD;AACI,IAAA,SAAS,EAAC,eADd;AAEI,IAAA,WAAW,EAAEA,gBAFjB;AAGI,IAAA,KAAK,EAAEF,KAHX;AAII,IAAA,QAAQ,EAAEC,QAJd;AAKI,IAAA,YAAY,EAAC;AALjB,IAJJ,CADJ;AAcH,CAfD;;AAiBA,eAAeF,MAAf","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport InputField from \"./SimpleUI/InputField\";\nimport { ReactComponent as SearchIcon } from \"../assets/icons/search-24px.svg\";\n\nconst SearchWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n\n    \"& .search__icon\": {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        bottom: 0,\n        pointerEvents: \"none\",\n        display: \"flex\",\n        alignItems: \"center\",\n        paddingLeft: \"0.25rem\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n\n    \"& .search__input\": {\n        width: \"100%\",\n        padding: \"0.5rem 0.5rem 0.5rem 2.25rem\",\n        outline: \"none\",\n        border: \"none\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&:focus\": {\n            outline: \"none\"\n        },\n        \"&::placeholder\": {\n            textTransform: \"uppercase\",\n            letterSpacing: \"0.05em\",\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    }\n});\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    inputPlaceholder?: string;\n}\nconst Search: React.FC<SearchProps> = ({ value, onChange, inputPlaceholder = \"Search...\" }) => {\n    return (\n        <SearchWrapper data-testid={\"default-data-list.search\"}>\n            <div className=\"search__icon\">\n                <SearchIcon />\n            </div>\n            <InputField\n                className=\"search__input\"\n                placeholder={inputPlaceholder}\n                value={value}\n                onChange={onChange}\n                autoComplete=\"off\"\n            />\n        </SearchWrapper>\n    );\n};\n\nexport default Search;\n"]}

package/components/SimpleForm/SimpleForm.d.ts

@@ -1,10 +1,11 @@
 import * as React from "react";
-export declare const SimpleForm: (props: {
+interface SimpleFormProps {
     children: React.ReactNode;
     "data-testid"?: string;
     noElevation?: boolean;
     className?: string;
-}) => JSX.Element;
+}
+export declare const SimpleForm: React.FC<SimpleFormProps>;
 interface SimpleFormHeaderProps {
     title: React.ReactNode;
     icon?: React.ReactElement<any>;

package/components/SimpleForm/SimpleForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SimpleForm.tsx"],"names":["React","styled","css","classNames","Cell","Grid","Typography","Elevation","Icon","SimpleFormContainer","position","margin","header","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","borderTop","textAlign","padding","SimpleForm","props","className","noElevation","children","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nconst SimpleFormContainer = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\nconst header = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst title = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actions = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\nconst icon = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst footer = css({\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    \"&.mdc-layout-grid\": {\n        padding: 25 // \"25px 50px\"\n    }\n});\n\ninterface SimpleFormProps {\n    children: React.ReactNode;\n    \"data-testid\"?: string;\n    noElevation?: boolean;\n    className?: string;\n}\nexport const SimpleForm: React.FC<SimpleFormProps> = props => {\n    return (\n        <SimpleFormContainer\n            className={classNames(\"webiny-data-list\", props.className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {props.noElevation ? props.children : <Elevation z={1}>{props.children}</Elevation>}\n        </SimpleFormContainer>\n    );\n};\n\ninterface SimpleFormHeaderProps {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n}\nexport const SimpleFormHeader: React.FC<SimpleFormHeaderProps> = props => {\n    return (\n        <Grid className={header}>\n            <Cell span={props.children ? 6 : 12} className={title}>\n                <React.Fragment>\n                    {props.icon && <Icon className={icon} icon={props.icon} />}\n                    <Typography use=\"headline5\">{props.title}</Typography>\n                </React.Fragment>\n            </Cell>\n            {props.children && (\n                <Cell span={6} className={actions}>\n                    {props.children}\n                </Cell>\n            )}\n        </Grid>\n    );\n};\n\ninterface SimpleFormFooterProps {\n    children: React.ReactNode;\n}\nexport const SimpleFormFooter: React.FC<SimpleFormFooterProps> = props => {\n    return (\n        <Grid className={footer}>\n            <Cell span={12}>{props.children}</Cell>\n        </Grid>\n    );\n};\n\nexport const SimpleFormContent: React.FC = props => {\n    return props.children as unknown as React.ReactElement;\n};\n"]}

package/components/SimpleForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["SimpleForm","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,gBAArB,EAAuCC,gBAAvC,EAAyDC,iBAAzD","sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"]}

package/components/SimpleUI/InputField.d.ts

@@ -3,6 +3,7 @@ interface InputBoxProps {
     value?: string | number;
     onChange?: (value: any) => void;
     defaultValue?: string | number;
+    type?: "string" | "number";
     [key: string]: any;
 }
 declare const _default: React.NamedExoticComponent<InputBoxProps>;

package/components/SimpleUI/InputField.js

@@ -81,13 +81,15 @@ var InputField = function InputField(_ref) {
     className: classNames(inputStyle, className),
     value: getValue({
       value: value,
-      type: props.type,
+      type: props.type || "string",
       defaultValue: defaultValue
     }),
-    onChange: function onChange(_ref2) {
-      var value = _ref2.target.value;
+    onChange: function onChange(ev) {
+      if (!_onChange) {
+        return;
+      }
 
-      _onChange(value.toLowerCase());
+      _onChange((ev.target.value || "").toLowerCase());
     }
   }, omit(props, "validate"))), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
     error: true

package/components/SimpleUI/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InputField.tsx"],"names":["React","css","classNames","omit","Typography","FormElementMessage","inputStyle","boxSizing","border","width","height","padding","textAlign","minHeight","backgroundColor","transition","opacity","cursor","WebkitAppearance","margin","labelStyle","marginBottom","color","getValue","params","value","defaultValue","type","isNaN","InputField","className","onChange","label","description","validation","isValid","props","ev","target","toLowerCase","message","memo"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst inputStyle = css({\n    boxSizing: \"border-box\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"4px 8px\",\n    textAlign: \"left\",\n    minHeight: 32,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"150ms all ease-in-out\",\n    \"&:focus:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:hover:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:disabled\": {\n        opacity: 0.5,\n        cursor: \"not-allowed\"\n    },\n\n    \"&.text-center\": {\n        textAlign: \"center\",\n        padding: 4\n    },\n\n    \"&::-webkit-inner-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    },\n    \"&::-webkit-outer-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    }\n});\n\nconst labelStyle = css({\n    marginBottom: 8,\n    padding: \"0px 8px\",\n    \"& span\": {\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\ninterface GetValueParams {\n    value: string | number | undefined;\n    defaultValue: string | number;\n    type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n    const { value, defaultValue, type } = params;\n    if (type === \"number\") {\n        return (isNaN(value as number) ? defaultValue : value) as string;\n    }\n    return (value || defaultValue) as string;\n};\n\ninterface InputBoxProps {\n    value?: string | number;\n    onChange?: (value: any) => void;\n    defaultValue?: string | number;\n    type?: \"string\" | \"number\";\n    [key: string]: any;\n}\nconst InputField: React.FC<InputBoxProps> = ({\n    className,\n    value,\n    onChange,\n    label,\n    description,\n    validation = { isValid: true },\n    defaultValue = \"\",\n    ...props\n}) => {\n    return (\n        <React.Fragment>\n            {label && (\n                <div className={labelStyle}>\n                    <Typography use={\"subtitle2\"}>{label}</Typography>\n                </div>\n            )}\n            <input\n                className={classNames(inputStyle, className)}\n                value={getValue({\n                    value,\n                    type: props.type || \"string\",\n                    defaultValue\n                })}\n                onChange={ev => {\n                    if (!onChange) {\n                        return;\n                    }\n                    onChange((ev.target.value || \"\").toLowerCase());\n                }}\n                {...omit(props, \"validate\")}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default React.memo(InputField);\n"]}

package/components/SingleImageUpload.d.ts

@@ -15,6 +15,5 @@ export interface SingleImageUploadProps extends FormComponentProps {
     onChangePick?: string[];
 }
 export default class SingleImageUpload extends React.Component<SingleImageUploadProps> {
-    static defaultProps: Partial<SingleImageUploadProps>;
     render(): JSX.Element;
 }

package/components/SingleImageUpload.js

@@ -2,7 +2,6 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import * as React from "react";
 import { Image } from "@webiny/app/components/Image";
 import * as Ui from "@webiny/ui/ImageUpload";
@@ -57,6 +56,11 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
           multipleMaxSize = _this$props.multipleMaxSize,
           imagePreviewProps = _this$props.imagePreviewProps,
           round = _this$props.round;
+
+      var _ref = validation || {},
+          validationIsValid = _ref.isValid,
+          validationMessage = _ref.message;
+
       return /*#__PURE__*/React.createElement(ImageUploadWrapper, {
         className: className
       }, label && /*#__PURE__*/React.createElement("div", {
@@ -69,8 +73,8 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
         maxSize: maxSize,
         multipleMaxCount: multipleMaxCount,
         multipleMaxSize: multipleMaxSize
-      }, function (_ref) {
-        var showFileManager = _ref.showFileManager;
+      }, function (_ref2) {
+        var showFileManager = _ref2.showFileManager;
         return /*#__PURE__*/React.createElement(Ui.Image, {
           renderImagePreview: function renderImagePreview(renderImageProps) {
             return /*#__PURE__*/React.createElement(Image, Object.assign({}, renderImageProps, imagePreviewProps));
@@ -84,20 +88,13 @@ var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
           removeImage: onChange,
           round: round
         });
-      }), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
+      }), validationIsValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
         error: true
-      }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+      }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
     }
   }]);
 
   return SingleImageUpload;
 }(React.Component);
 
-_defineProperty(SingleImageUpload, "defaultProps", {
-  validation: {
-    isValid: null,
-    message: null
-  }
-});
-
 export { SingleImageUpload as default };

package/components/SingleImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SingleImageUpload.tsx"],"names":["React","Image","Ui","FileManager","FormElementMessage","styled","ImageUploadWrapper","position","opacity","pointerEvents","transform","top","left","color","SingleImageUpload","props","className","onChange","value","validation","label","description","accept","onChangePick","maxSize","multipleMaxCount","multipleMaxSize","imagePreviewProps","round","validationIsValid","isValid","validationMessage","message","showFileManager","renderImageProps","width","height","Component"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AACA,OAAO,KAAKC,EAAZ,MAAoB,wBAApB;AACA,SAASC,WAAT;AAEA,SAASC,kBAAT,QAAmC,+BAAnC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,IAAMC,kBAAkB,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACrCE,EAAAA,QAAQ,EAAE,UAD2B;AAErC,eAAa;AACTC,IAAAA,OAAO,EAAE,IADA;AAETC,IAAAA,aAAa,EAAE;AAFN,GAFwB;AAMrC,sCAAoC;AAChCC,IAAAA,SAAS,EAAE,aADqB;AAEhCC,IAAAA,GAAG,EAAE,EAF2B;AAGhCC,IAAAA,IAAI,EAAE,EAH0B;AAIhCC,IAAAA,KAAK,EAAE;AAJyB,GANC;AAYrC,iCAA+B;AAC3BA,IAAAA,KAAK,EAAE;AADoB;AAZM,CAAjB,CAAxB;;IAwDqBC,iB;;;;;;;;;;;;;WACjB,kBAAyB;AACrB,wBAcI,KAAKC,KAdT;AAAA,UACIC,SADJ,eACIA,SADJ;AAAA,UAEIC,QAFJ,eAEIA,QAFJ;AAAA,UAGIC,KAHJ,eAGIA,KAHJ;AAAA,UAIIC,UAJJ,eAIIA,UAJJ;AAAA,UAKIC,KALJ,eAKIA,KALJ;AAAA,UAMIC,WANJ,eAMIA,WANJ;AAAA,UAOIC,MAPJ,eAOIA,MAPJ;AAAA,UAQIC,YARJ,eAQIA,YARJ;AAAA,UASIC,OATJ,eASIA,OATJ;AAAA,UAUIC,gBAVJ,eAUIA,gBAVJ;AAAA,UAWIC,eAXJ,eAWIA,eAXJ;AAAA,UAYIC,iBAZJ,eAYIA,iBAZJ;AAAA,UAaIC,KAbJ,eAaIA,KAbJ;;AAgBA,iBAAmET,UAAU,IAAI,EAAjF;AAAA,UAAiBU,iBAAjB,QAAQC,OAAR;AAAA,UAA6CC,iBAA7C,QAAoCC,OAApC;;AAEA,0BACI,oBAAC,kBAAD;AAAoB,QAAA,SAAS,EAAEhB;AAA/B,SACKI,KAAK,iBACF;AAAK,QAAA,SAAS,EAAC;AAAf,SACKA,KADL,CAFR,eAOI,oBAAC,WAAD;AACI,QAAA,QAAQ,EAAEH,QADd;AAEI,QAAA,YAAY,EAAEM,YAFlB;AAGI,QAAA,MAAM,EAAED,MAHZ;AAII,QAAA,MAAM,EAAE,CAACA,MAJb;AAKI,QAAA,OAAO,EAAEE,OALb;AAMI,QAAA,gBAAgB,EAAEC,gBANtB;AAOI,QAAA,eAAe,EAAEC;AAPrB,SASK;AAAA,YAAGO,eAAH,SAAGA,eAAH;AAAA,4BACG,oBAAC,EAAD,CAAI,KAAJ;AACI,UAAA,kBAAkB,EAAE,4BAAAC,gBAAgB;AAAA,gCAChC,oBAAC,KAAD,oBAAWA,gBAAX,EAAiCP,iBAAjC,EADgC;AAAA,WADxC;AAII,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,MAAT;AAAiBC,YAAAA,MAAM,EAAE;AAAzB,WAJX;AAKI,UAAA,KAAK,EAAElB,KALX;AAMI,UAAA,WAAW,EAAEe,eANjB;AAOI,UAAA,WAAW,EAAEhB,QAPjB;AAQI,UAAA,KAAK,EAAEW;AARX,UADH;AAAA,OATL,CAPJ,EA8BKC,iBAAiB,KAAK,KAAtB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BE,iBAA3B,CA/BR,EAiCKF,iBAAiB,KAAK,KAAtB,IAA+BR,WAA/B,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAlCR,CADJ;AAuCH;;;;EA3D0CrB,KAAK,CAACqC,S;;SAAhCvB,iB","sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { FileManager } from \"./FileManager\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport styled from \"@emotion/styled\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    // Accept types\n    accept?: string[];\n\n    // Component label.\n    label?: string;\n\n    // Is component disabled?\n    disabled?: boolean;\n\n    // Description beneath the image.\n    description?: React.ReactNode;\n\n    // A className for the root element.\n    className?: string;\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // onChange callback.\n    onChange?: (value: any) => void;\n\n    // Optional custom props, passed to the preview image.\n    imagePreviewProps?: any;\n\n    // Is the wrapper round?\n    round?: boolean;\n\n    // Define the needed properties that are returned on file(s) selection.\n    onChangePick?: string[];\n}\n\nexport default class SingleImageUpload extends React.Component<SingleImageUploadProps> {\n    public override render() {\n        const {\n            className,\n            onChange,\n            value,\n            validation,\n            label,\n            description,\n            accept,\n            onChangePick,\n            maxSize,\n            multipleMaxCount,\n            multipleMaxSize,\n            imagePreviewProps,\n            round\n        } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <ImageUploadWrapper className={className}>\n                {label && (\n                    <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                        {label}\n                    </div>\n                )}\n\n                <FileManager\n                    onChange={onChange}\n                    onChangePick={onChangePick}\n                    accept={accept}\n                    images={!accept}\n                    maxSize={maxSize}\n                    multipleMaxCount={multipleMaxCount}\n                    multipleMaxSize={multipleMaxSize}\n                >\n                    {({ showFileManager }) => (\n                        <Ui.Image\n                            renderImagePreview={renderImageProps => (\n                                <Image {...renderImageProps} {...imagePreviewProps} />\n                            )}\n                            style={{ width: \"100%\", height: \"auto\" }}\n                            value={value}\n                            uploadImage={showFileManager}\n                            removeImage={onChange}\n                            round={round}\n                        />\n                    )}\n                </FileManager>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </ImageUploadWrapper>\n        );\n    }\n}\n"]}

package/components/SplitView/SplitView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SplitView.tsx"],"names":["React","classSet","Cell","Grid","GridInner","css","styled","getClasses","grid","padding","backgroundColor","gridInner","gridGap","RightPanelWrapper","overflow","height","leftPanel","display","flexDirection","maxHeight","SplitView","props","className","children","LeftPanel","propList","hasOwnProperty","span","RightPanel"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,SAArB,QAAiD,iBAAjD;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,SAASC,UAAT,QAA2B,oBAA3B;AAEA,IAAMC,IAAI,gBAAGH,GAAG,CAAC;AACb,uBAAqB;AACjBI,IAAAA,OAAO,EAAE,CADQ;AAEjBC,IAAAA,eAAe,EAAE;AAFA;AADR,CAAD,gBAAhB;AAOA,IAAMC,SAAS,gBAAGN,GAAG,CAAC;AAClB,8BAA4B;AACxBO,IAAAA,OAAO,EAAE;AADe;AADV,CAAD,qBAArB;AAMA,IAAMC,iBAAiB,gBAAGP,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACpCI,EAAAA,eAAe,EAAE,6BADmB;AAEpCI,EAAAA,QAAQ,EAAE,MAF0B;AAGpCC,EAAAA,MAAM,EAAE;AAH4B,CAAjB,CAAvB;AAMA,IAAMC,SAAS,gBAAGX,GAAG,CAAC;AAClBK,EAAAA,eAAe,EAAE,0BADC;AAElB,wBAAsB;AAClBO,IAAAA,OAAO,EAAE,MADS;AAElBC,IAAAA,aAAa,EAAE,QAFG;AAGlBH,IAAAA,MAAM,EAAE,oBAHU;AAIlB,iBAAa;AACTD,MAAAA,QAAQ,EAAE;AADD;AAJK,GAFJ;AAUlB,gBAAc;AACVG,IAAAA,OAAO,EAAE,MADC;AAEVC,IAAAA,aAAa,EAAE,QAFL;AAGVC,IAAAA,SAAS,EAAE,oBAHD;AAIVL,IAAAA,QAAQ,EAAE;AAJA;AAVI,CAAD,qBAArB;;AAuBA,IAAMM,SAAmC,GAAG,SAAtCA,SAAsC,CAAAC,KAAK,EAAI;AACjD,sBACI,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEpB,QAAQ,CAACO,IAAD,EAAOa,KAAK,CAACC,SAAb,EAAwB,mBAAxB;AAAzB,kBACI,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEX,SAAS,GAAG;AAAlC,KACKU,KAAK,CAACE,QADX,CADJ,CADJ;AAOH,CARD;;AAUA,IAAMC,SAA8B,GAAG,SAAjCA,SAAiC,CAAAH,KAAK,EAAI;AAC5C,MAAMI,QAAQ,GAAG,OAAMJ,KAAN,CAAjB;;AACA,MAAI,CAACI,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CAAL,EAAsC;AAClCD,IAAAA,QAAQ,CAACE,IAAT,GAAgB,CAAhB;AACH;;AAED,sBACI,oBAAC,IAAD,EACQpB,UAAU,CACVkB,QADU,EAEVxB,QAAQ,CAACe,SAAD,EAAYK,KAAK,CAACC,SAAlB,EAA6B,+BAA7B,CAFE,CADlB,EAMKG,QAAQ,CAACF,QANd,CADJ;AAUH,CAhBD;;AAkBA,IAAMK,UAA+B,GAAG,SAAlCA,UAAkC,CAAAP,KAAK,EAAI;AAC7C,MAAMI,QAAQ,GAAG,OAAMJ,KAAN,CAAjB;;AACA,MAAI,CAACI,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CAAL,EAAsC;AAClCD,IAAAA,QAAQ,CAACE,IAAT,GAAgB,CAAhB;AACH;;AAED,sBACI,oBAAC,IAAD,EAAUpB,UAAU,CAACkB,QAAD,EAAW,gCAAX,CAApB,eACI,oBAAC,iBAAD;AACI,IAAA,SAAS,EAAE,wCADf;AAEI,IAAA,EAAE,EAAE;AAFR,KAIKA,QAAQ,CAACF,QAJd,CADJ,CADJ;AAUH,CAhBD;;AAkBA,SAASH,SAAT,EAAoBI,SAApB,EAA+BI,UAA/B","sourcesContent":["import * as React from \"react\";\nimport classSet from \"classnames\";\nimport { Cell, Grid, GridInner, CellProps } from \"@webiny/ui/Grid\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { clone } from \"lodash\";\nimport { getClasses } from \"@webiny/ui/Helpers\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\"\n    }\n});\n\nconst gridInner = css({\n    \"&.mdc-layout-grid__inner\": {\n        gridGap: 0\n    }\n});\n\nconst RightPanelWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\nconst leftPanel = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\ninterface SplitViewProps {\n    children: React.ReactElement<any> | React.ReactElement<any>[];\n    className?: string;\n}\n\nconst SplitView: React.FC<SplitViewProps> = props => {\n    return (\n        <Grid className={classSet(grid, props.className, \"webiny-split-view\")}>\n            <GridInner className={gridInner + \" webiny-split-view__inner\"}>\n                {props.children}\n            </GridInner>\n        </Grid>\n    );\n};\n\nconst LeftPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 5;\n    }\n\n    return (\n        <Cell\n            {...getClasses(\n                propList,\n                classSet(leftPanel, props.className, \"webiny-split-view__left-panel\")\n            )}\n        >\n            {propList.children}\n        </Cell>\n    );\n};\n\nconst RightPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 7;\n    }\n\n    return (\n        <Cell {...getClasses(propList, \"webiny-split-view__right-panel\")}>\n            <RightPanelWrapper\n                className={\"webiny-split-view__right-panel-wrapper\"}\n                id={\"webiny-split-view-right-panel\"}\n            >\n                {propList.children}\n            </RightPanelWrapper>\n        </Cell>\n    );\n};\n\nexport { SplitView, LeftPanel, RightPanel };\n"]}

package/components/SplitView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["SplitView","LeftPanel","RightPanel"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,SAApB,EAA+BC,UAA/B","sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView\";\n"]}

package/components/index.js.map

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

package/hooks/useConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useConfirmationDialog.ts"],"names":["useUi","i18n","t","ns","useConfirmationDialog","title","message","options","ui","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"mappings":";;;;;;;AACA,SAASA,KAAT,QAAsB,yBAAtB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,yCAAR,CAAV;;AAYA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAIoB;AAAA,iFAAtC,EAAsC;;AAAA,MAH9CC,KAG8C,QAH9CA,KAG8C;AAAA,MAF9CC,OAE8C,QAF9CA,OAE8C;AAAA,MAD3CC,OAC2C;;AAC9C,MAAMC,EAAE,GAAGR,KAAK,EAAhB;AAEA,SAAO;AACHS,IAAAA,gBAAgB,EAAE,0BAACC,QAAD,EAAWC,QAAX,EAAwB;AACtCH,MAAAA,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE,EAAI;AACd,+CACOA,EADP;AAEIK,UAAAA,MAAM,EAAE;AACJP,YAAAA,OAAO,EAAEA,OAAO,IAAIJ,CAAJ,uGADZ;AAEJK,YAAAA,OAAO,kCACAA,OADA;AAEHF,cAAAA,KAAK,EAAEA,KAAK,IAAIH,CAAJ,mFAFT;AAGHY,cAAAA,OAAO,EAAE;AACLC,gBAAAA,MAAM,EAAE;AACJC,kBAAAA,KAAK,EAAEd,CAAF,8EADD;AAEJe,kBAAAA,OAAO,EAAEP;AAFL,iBADH;AAKLQ,gBAAAA,MAAM,EAAE;AACJF,kBAAAA,KAAK,EAAEd,CAAF,6EADD;AAEJe,kBAAAA,OAAO,EAAEN;AAFL;AALH;AAHN;AAFH;AAFZ;AAoBH,OArBD;AAsBH;AAxBE,GAAP;AA0BH,CAjCD;;AAmCA,SAASP,qBAAT","sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    [key: string]: any;\n}\n\ninterface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title,\n    message,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title: title || t`Confirmation`,\n                            actions: {\n                                accept: {\n                                    label: t`Confirm`,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: t`Cancel`,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"]}

package/hooks/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDialog.ts"],"names":["useUi","useDialog","ui","showDialog","message","options","setState","dialog","hideDialog"],"mappings":";AACA,SAASA,KAAT,QAAsB,yBAAtB,C,CAEA;;AAQA,IAAMC,SAAS,GAAG,SAAZA,SAAY,GAAyB;AACvC,MAAMC,EAAE,GAAGF,KAAK,EAAhB;AACA,SAAO;AACHG,IAAAA,UAAU,EAAE,oBAACC,OAAD,EAAUC,OAAV,EAAsB;AAC9BH,MAAAA,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE,EAAI;AACd,+CAAYA,EAAZ;AAAgBK,UAAAA,MAAM,EAAE;AAAEH,YAAAA,OAAO,EAAPA,OAAF;AAAWC,YAAAA,OAAO,EAAPA;AAAX;AAAxB;AACH,OAFD;AAGH,KALE;AAMHG,IAAAA,UAAU,EAAE,sBAAM;AACdN,MAAAA,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE,EAAI;AACd,+CAAYA,EAAZ;AAAgBK,UAAAA,MAAM,EAAE;AAAxB;AACH,OAFD;AAGH;AAVE,GAAP;AAYH,CAdD;;AAgBA,SAASN,SAAT","sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\n// TODO @ts-refactor\ninterface UseDialogResponseShowDialogOptions {\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"]}

package/hooks/useSnackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSnackbar.ts"],"names":["useUi","useSnackbar","ui","showSnackbar","message","options","setState","snackbar","hideSnackbar"],"mappings":";AACA,SAASA,KAAT,QAAsB,yBAAtB;AAMA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAA2B;AAClD,MAAMC,EAAE,GAAGF,KAAK,EAAhB;AAEA,SAAO;AACHG,IAAAA,YAAY,EAAE,sBAACC,OAAD,EAA2B;AAAA,UAAjBC,OAAiB,uEAAP,EAAO;AACrCH,MAAAA,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE,EAAI;AACd,+CAAYA,EAAZ;AAAgBK,UAAAA,QAAQ,EAAE;AAAEH,YAAAA,OAAO,EAAPA,OAAF;AAAWC,YAAAA,OAAO,EAAPA;AAAX;AAA1B;AACH,OAFD;AAGH,KALE;AAMHG,IAAAA,YAAY,EAAE,wBAAM;AAChBN,MAAAA,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE,EAAI;AACd,+CAAYA,EAAZ;AAAgBK,UAAAA,QAAQ,EAAE;AAA1B;AACH,OAFD;AAGH;AAVE,GAAP;AAYH,CAfM","sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    hideSnackbar: () => void;\n}\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const ui = useUi();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: { message, options } };\n            });\n        },\n        hideSnackbar: () => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: null };\n            });\n        }\n    };\n};\n"]}

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["Admin","useViewComposition","AppInstaller"],"mappings":"AAAA,cAAc,wBAAd;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA,mC,CAEA;;AACA,SAASA,KAAT;AAEA,SAASC,kBAAT;AAGA;AACA,wD,CAEA;;AACA,SAASC,YAAT,oC,CAEA;;AACA;AACA;AACA","sourcesContent":["export * from \"@webiny/app-admin-core\";\nexport type { HigherOrderComponent, ProviderProps, ComposeProps } from \"@webiny/app-admin-core\";\n// UI components\nexport * from \"./base/ui/Tags\";\nexport * from \"./base/ui/Menu\";\nexport * from \"./base/ui/Layout\";\nexport * from \"./base/ui/LocaleSelector\";\nexport type { LayoutProps } from \"./base/ui/Layout\";\nexport * from \"./base/ui/Navigation\";\nexport type { MenuItemsProps } from \"./base/ui/Navigation\";\nexport * from \"./base/ui/Brand\";\nexport * from \"./base/ui/Logo\";\nexport * from \"./base/ui/Search\";\nexport type { SearchOptionData, SearchOptionProps } from \"./base/ui/Search\";\nexport * from \"./base/ui/UserMenu\";\nexport type { UserMenuItemProps } from \"./base/ui/UserMenu\";\nexport * from \"./base/ui/LoginScreen\";\nexport * from \"./base/ui/CenteredView\";\nexport * from \"./base/ui/Dashboard\";\nexport * from \"./base/ui/NotFound\";\n\n// Base admin app\nexport { Admin } from \"./base/Admin\";\nexport type { AdminProps } from \"./base/Admin\";\nexport { useViewComposition } from \"./base/providers/ViewCompositionProvider\";\nexport type { ViewCompositionContext, ViewElement } from \"./base/providers/ViewCompositionProvider\";\n\n// Plugins\nexport * from \"./base/plugins/AddGraphQLQuerySelection\";\n\n// Components\nexport { AppInstaller } from \"./components/AppInstaller\";\n\n// Hooks\nexport * from \"./hooks/useSnackbar\";\nexport * from \"./hooks/useConfirmationDialog\";\nexport * from \"./hooks/useDialog\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "5.24.0",
+	"version": "5.25.0-beta.2",
 	"main": "index.js",
 	"description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
 	"repository": {
@@ -10,25 +10,26 @@
 	"author": "Pavel Denisjuk",
 	"license": "MIT",
 	"dependencies": {
+		"@apollo/react-common": "3.1.4",
 		"@apollo/react-components": "3.1.5",
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.16.7",
-		"@editorjs/editorjs": "2.22.3",
+		"@babel/runtime": "7.17.7",
+		"@editorjs/editorjs": "2.23.2",
 		"@emotion/core": "10.3.1",
 		"@emotion/styled": "10.3.0",
 		"@svgr/webpack": "6.2.1",
 		"@types/mime": "2.0.3",
 		"@types/react": "16.14.2",
-		"@webiny/app": "5.24.0",
-		"@webiny/app-admin-core": "5.24.0",
-		"@webiny/app-security": "5.24.0",
-		"@webiny/form": "5.24.0",
-		"@webiny/plugins": "5.24.0",
-		"@webiny/react-router": "5.24.0",
-		"@webiny/telemetry": "5.24.0",
-		"@webiny/ui": "5.24.0",
-		"@webiny/ui-composer": "5.24.0",
-		"@webiny/validation": "5.24.0",
+		"@webiny/app": "5.25.0-beta.2",
+		"@webiny/app-admin-core": "5.25.0-beta.2",
+		"@webiny/app-security": "5.25.0-beta.2",
+		"@webiny/form": "5.25.0-beta.2",
+		"@webiny/plugins": "5.25.0-beta.2",
+		"@webiny/react-router": "5.25.0-beta.2",
+		"@webiny/telemetry": "5.25.0-beta.2",
+		"@webiny/ui": "5.25.0-beta.2",
+		"@webiny/ui-composer": "5.25.0-beta.2",
+		"@webiny/validation": "5.25.0-beta.2",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -36,7 +37,7 @@
 		"bytes": "3.1.2",
 		"classnames": "2.3.1",
 		"dataurl-to-blob": "0.0.1",
-		"dayjs": "1.10.7",
+		"dayjs": "1.11.0",
 		"dot-prop-immutable": "2.1.1",
 		"downshift": "3.4.8",
 		"emotion": "10.0.27",
@@ -46,8 +47,8 @@
 		"invariant": "2.2.4",
 		"lodash": "4.17.21",
 		"mime": "2.6.0",
-		"minimatch": "3.0.4",
-		"nanoid": "3.2.0",
+		"minimatch": "3.1.2",
+		"nanoid": "3.3.1",
 		"prop-types": "15.8.1",
 		"react": "16.14.0",
 		"react-butterfiles": "1.3.3",
@@ -68,13 +69,13 @@
 		"@types/bytes": "^3.1.1",
 		"@types/graphlib": "^2.1.8",
 		"@types/store": "^2.0.2",
-		"@webiny/cli": "^5.24.0",
-		"@webiny/project-utils": "^5.24.0",
+		"@webiny/cli": "^5.25.0-beta.2",
+		"@webiny/project-utils": "^5.25.0-beta.2",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"rimraf": "^3.0.2",
 		"ttypescript": "^1.5.12",
-		"typescript": "^4.1.3"
+		"typescript": "4.5.5"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -96,5 +97,5 @@
 			]
 		}
 	},
-	"gitHead": "be0cbfcaa9247c658c44179af7943cc5d6d71bc7"
+	"gitHead": "ed2f22976af47aea0b6b5d638f8afdc39951b014"
 }

package/plugins/FileManagerFileTypePlugin.d.ts

@@ -23,8 +23,8 @@ interface Config {
     render(params: RenderParams): React.ReactNode;
 }
 export declare class FileManagerFileTypePlugin extends Plugin {
-    static readonly type = "admin-file-manager-file-type";
-    private config;
+    static readonly type: string;
+    private readonly config;
     constructor(config?: Config);
     get types(): string[];
     get actions(): React.ComponentType[];

package/plugins/FileManagerFileTypePlugin.js

@@ -36,6 +36,10 @@ export var FileManagerFileTypePlugin = /*#__PURE__*/function (_Plugin) {
   }, {
     key: "render",
     value: function render(params) {
+      if (!this.config.render) {
+        return null;
+      }
+
       return this.config.render(params);
     }
   }]);

package/plugins/FileManagerFileTypePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FileManagerFileTypePlugin.tsx"],"names":["Plugin","FileManagerFileTypePlugin","config","types","actions","params","render"],"mappings":";;;;;;AACA,SAASA,MAAT,QAAuB,iBAAvB;AA2BA,WAAaC,yBAAb;AAAA;;AAAA;;AAII,qCAAmBC,MAAnB,EAAoC;AAAA;;AAAA;;AAChC;;AADgC;;AAEhC,UAAKA,MAAL,GAAcA,MAAM,IAAI,EAAxB;AAFgC;AAGnC;;AAPL;AAAA;AAAA,SASI,eAAsB;AAClB,aAAO,KAAKA,MAAL,CAAYC,KAAZ,IAAqB,EAA5B;AACH;AAXL;AAAA;AAAA,SAaI,eAAqC;AACjC,aAAO,KAAKD,MAAL,CAAYE,OAAZ,IAAuB,EAA9B;AACH;AAfL;AAAA;AAAA,WAiBI,gBAAcC,MAAd,EAAqD;AACjD,UAAI,CAAC,KAAKH,MAAL,CAAYI,MAAjB,EAAyB;AACrB,eAAO,IAAP;AACH;;AACD,aAAO,KAAKJ,MAAL,CAAYI,MAAZ,CAAmBD,MAAnB,CAAP;AACH;AAtBL;;AAAA;AAAA,EAA+CL,MAA/C;;gBAAaC,yB,UACsC,8B","sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface File {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n    };\n    [key: string]: any;\n}\n\nexport interface RenderParams {\n    file: File;\n}\n\ninterface Config {\n    types: string[];\n    actions?: React.ComponentType<any>[];\n    render(params: RenderParams): React.ReactNode;\n}\n\nexport class FileManagerFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"admin-file-manager-file-type\";\n    private readonly config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this.config = config || {};\n    }\n\n    get types(): string[] {\n        return this.config.types || [];\n    }\n\n    get actions(): React.ComponentType[] {\n        return this.config.actions || [];\n    }\n\n    public render(params: RenderParams): React.ReactNode {\n        if (!this.config.render) {\n            return null;\n        }\n        return this.config.render(params);\n    }\n}\n"]}

package/plugins/MenuPlugin.d.ts

@@ -28,10 +28,10 @@ interface Config {
     order?: number;
 }
 export declare class MenuPlugin extends Plugin {
-    static readonly type = "admin-menu";
-    private _config;
+    static readonly type: string;
+    private readonly _config;
     constructor(config?: Config);
-    get order(): number;
+    get order(): number | undefined;
     render(props: Props): React.ReactNode;
 }
 export {};

package/plugins/MenuPlugin.js

@@ -31,6 +31,10 @@ export var MenuPlugin = /*#__PURE__*/function (_Plugin) {
   }, {
     key: "render",
     value: function render(props) {
+      if (!this._config.render) {
+        return null;
+      }
+
       return this._config.render(props);
     }
   }]);

package/plugins/MenuPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuPlugin.ts"],"names":["Plugin","MenuPlugin","config","_config","order","props","render"],"mappings":";;;;;;AACA,SAASA,MAAT,QAAuB,iBAAvB;AAkCA,WAAaC,UAAb;AAAA;;AAAA;;AAII,sBAAmBC,MAAnB,EAAoC;AAAA;;AAAA;;AAChC;;AADgC;;AAEhC,UAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;AAFgC;AAGnC;;AAPL;AAAA;AAAA,SASI,eAAY;AACR,aAAO,KAAKC,OAAL,CAAaC,KAApB;AACH;AAXL;AAAA;AAAA,WAaI,gBAAcC,KAAd,EAA6C;AACzC,UAAI,CAAC,KAAKF,OAAL,CAAaG,MAAlB,EAA0B;AACtB,eAAO,IAAP;AACH;;AACD,aAAO,KAAKH,OAAL,CAAaG,MAAb,CAAoBD,KAApB,CAAP;AACH;AAlBL;;AAAA;AAAA,EAAgCL,MAAhC;;gBAAaC,U,UACsC,Y","sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"]}

package/plugins/PermissionRendererPlugin.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Plugin } from "@webiny/plugins";
 interface Permission {
     name: string;
@@ -13,10 +13,10 @@ interface Config {
     system?: boolean;
 }
 export declare class PermissionRendererPlugin extends Plugin {
-    static readonly type = "admin-app-permissions-renderer";
-    private _config;
+    static readonly type: string;
+    private readonly _config;
     constructor(config?: Config);
     get system(): boolean;
-    render(props: RenderParams): React.ReactElement;
+    render(props: RenderParams): React.ReactElement | null;
 }
 export {};

package/plugins/PermissionRendererPlugin.js

@@ -31,6 +31,10 @@ export var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
   }, {
     key: "render",
     value: function render(props) {
+      if (!this._config.render) {
+        return null;
+      }
+
       return this._config.render(props);
     }
   }]);

package/plugins/PermissionRendererPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PermissionRendererPlugin.ts"],"names":["Plugin","PermissionRendererPlugin","config","_config","Boolean","system","props","render"],"mappings":";;;;;;AACA,SAASA,MAAT,QAAuB,iBAAvB;AAiBA,WAAaC,wBAAb;AAAA;;AAAA;;AAII,oCAAmBC,MAAnB,EAAoC;AAAA;;AAAA;;AAChC;;AADgC;;AAEhC,UAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;AAFgC;AAGnC;;AAPL;AAAA;AAAA,SASI,eAAsB;AAClB,aAAOE,OAAO,CAAC,KAAKD,OAAL,CAAaE,MAAd,CAAd;AACH;AAXL;AAAA;AAAA,WAaI,gBAAcC,KAAd,EAA8D;AAC1D,UAAI,CAAC,KAAKH,OAAL,CAAaI,MAAlB,EAA0B;AACtB,eAAO,IAAP;AACH;;AACD,aAAO,KAAKJ,OAAL,CAAaI,MAAb,CAAoBD,KAApB,CAAP;AACH;AAlBL;;AAAA;AAAA,EAA8CN,MAA9C;;gBAAaC,wB,UACsC,gC","sourcesContent":["import React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"]}

package/plugins/fileManager/fileDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["fileDefault.tsx"],"names":["React","ReactComponent","FileIcon","css","FileManagerFileTypePlugin","style","centering","display","justifyContent","alignItems","height","types","render"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,cAAc,IAAIC,QAA3B;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,yBAAT;AAEA,IAAMC,KAAK,GAAG;AACVC,EAAAA,SAAS,eAAEH,GAAG,CAAC;AACXI,IAAAA,OAAO,EAAE,MADE;AAEXC,IAAAA,cAAc,EAAE,QAFL;AAGXC,IAAAA,UAAU,EAAE,QAHD;AAIXC,IAAAA,MAAM,EAAE;AAJG,GAAD;AADJ,CAAd;AASA,eAAe,IAAIN,yBAAJ,CAA8B;AACzCO,EAAAA,KAAK,EAAE,CAAC,KAAD,CADkC;AAEzCC,EAAAA,MAFyC,oBAEf;AACtB,wBACI;AAAK,MAAA,SAAS,EAAEP,KAAK,CAACC;AAAtB,oBACI,oBAAC,QAAD,OADJ,CADJ;AAKH;AARwC,CAA9B,CAAf","sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as FileIcon } from \"./icons/round-description-24px.svg\";\nimport { css } from \"emotion\";\nimport { FileManagerFileTypePlugin } from \"~/plugins/FileManagerFileTypePlugin\";\n\nconst style = {\n    centering: css({\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        height: 200\n    })\n};\n\nexport default new FileManagerFileTypePlugin({\n    types: [\"*/*\"],\n    render(): React.ReactNode {\n        return (\n            <div className={style.centering}>\n                <FileIcon />\n            </div>\n        );\n    }\n});\n"]}

package/plugins/fileManager/fileImage/DeleteAction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DeleteAction.tsx"],"names":["React","Tooltip","IconButton","useSnackbar","useMutation","i18n","t","ns","ReactComponent","DeleteIcon","DELETE_FILE","DeleteAction","props","file","showSnackbar","variables","id","deleteFile","margin"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,WAAT;AACA,SAASC,WAAT,QAA4B,qBAA5B;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,4CAAR,CAAV;AAEA,SAASC,cAAc,IAAIC,UAA3B;AACA,SAASC,WAAT;;AAKA,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,CAAAC,KAAK,EAAI;AACvD,MAAQC,IAAR,GAAiBD,KAAjB,CAAQC,IAAR;;AACA,qBAAyBV,WAAW,EAApC;AAAA,MAAQW,YAAR,gBAAQA,YAAR;;AACA,qBAAqBV,WAAW,CAACM,WAAD,EAAc;AAC1CK,IAAAA,SAAS,EAAE;AACPC,MAAAA,EAAE,EAAEH,IAAI,CAACG;AADF;AAD+B,GAAd,CAAhC;AAAA;AAAA,MAAOC,UAAP;;AAMA,sBACI,uDACI,oBAAC,OAAD;AAAS,IAAA,OAAO,eAAE,+CAAlB;AAA2C,IAAA,SAAS,EAAE;AAAtD,kBACI,oBAAC,UAAD;AACI,IAAA,IAAI,eAAE,oBAAC,UAAD;AAAY,MAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE;AAAV;AAAnB,MADV;AAEI,IAAA,OAAO,wEAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBACCD,UAAU,EADX;;AAAA;AAELH,cAAAA,YAAY,CAACR,CAAD,mFAAZ;;AAFK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAF;AAFX,IADJ,CADJ,CADJ;AAaH,CAtBD;;AAwBA,eAAeK,YAAf","sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FileItem } from \"~/components/FileManager/types\";\nconst t = i18n.ns(\"app-admin/file-manager/files/delete-action\");\n\nimport { ReactComponent as DeleteIcon } from \"../../../components/FileManager/icons/delete.svg\";\nimport { DELETE_FILE } from \"~/components/FileManager/graphql\";\n\ninterface DeleteActionProps {\n    file: FileItem;\n}\nconst DeleteAction: React.FC<DeleteActionProps> = props => {\n    const { file } = props;\n    const { showSnackbar } = useSnackbar();\n    const [deleteFile] = useMutation(DELETE_FILE, {\n        variables: {\n            id: file.id\n        }\n    });\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    icon={<DeleteIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        await deleteFile();\n                        showSnackbar(t`File deleted.`);\n                    }}\n                />\n            </Tooltip>\n        </>\n    );\n};\n\nexport default DeleteAction;\n"]}

package/plugins/fileManager/fileImage/EditAction.js

@@ -63,8 +63,7 @@ var reducer = function reducer(state, action) {
   }
 
   return next;
-}; // TODO: @adrian
-
+};
 
 var EditAction = function EditAction(props) {
   var file = props.file,
@@ -136,6 +135,11 @@ var EditAction = function EditAction(props) {
       var errors = validateFiles([blob]);
 
       if (errors.length) {
+        /**
+         * TODO @ts-refactor
+         * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError
+         */
+        // @ts-ignore
         showSnackbar(outputFileSelectionError(errors));
       } else {
         blob.name = file.name;

package/plugins/fileManager/fileImage/EditAction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EditAction.tsx"],"names":["React","Hotkeys","dataURLtoBlob","ImageEditorDialog","Tooltip","IconButton","outputFileSelectionError","useSnackbar","ReactComponent","EditIcon","toDataUrl","url","Promise","resolve","xhr","window","XMLHttpRequest","onload","reader","FileReader","onloadend","result","readAsDataURL","response","open","responseType","send","initialState","showImageEditor","dataUrl","reducer","state","action","next","type","EditAction","props","file","uploadFile","validateFiles","canEdit","useReducer","dispatch","showSnackbar","margin","src","blob","errors","length","name"],"mappings":"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","sourcesContent":["import * as React from \"react\";\n/**\n * Package react-hotkeyz has no types.\n */\n// @ts-ignore\nimport { Hotkeys } from \"react-hotkeyz\";\n/**\n * Package dataurl-to-blob has no types.\n */\n// @ts-ignore\nimport dataURLtoBlob from \"dataurl-to-blob\";\nimport { ImageEditorDialog } from \"@webiny/ui/ImageUpload\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport outputFileSelectionError from \"../../../components/FileManager/outputFileSelectionError\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { ReactComponent as EditIcon } from \"../icons/edit.svg\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nfunction toDataUrl(url: string): Promise<string> {\n    return new Promise((resolve: (value: string) => void) => {\n        const xhr = new window.XMLHttpRequest();\n        xhr.onload = function () {\n            const reader = new window.FileReader();\n            reader.onloadend = function () {\n                resolve(reader.result as string);\n            };\n            reader.readAsDataURL(xhr.response);\n        };\n        xhr.open(\"GET\", url);\n        xhr.responseType = \"blob\";\n        xhr.send();\n    });\n}\ninterface State {\n    showImageEditor: boolean;\n    dataUrl: string | null;\n}\ninterface Action {\n    type: \"setDataUrl\" | \"hideImageEditor\";\n    dataUrl?: string | null;\n}\nconst initialState: State = {\n    showImageEditor: false,\n    dataUrl: null\n};\nconst reducer = (state: State, action: Action): State => {\n    const next: State = { ...state };\n\n    switch (action.type) {\n        case \"setDataUrl\":\n            next.dataUrl = action.dataUrl as string;\n            next.showImageEditor = true;\n            break;\n        case \"hideImageEditor\":\n            next.dataUrl = null;\n            next.showImageEditor = false;\n            break;\n    }\n\n    return next;\n};\n\ninterface EditActionProps {\n    file: FileItem;\n    uploadFile: (file: FileItem) => void;\n    validateFiles: (blobs: any[]) => Error[];\n    canEdit: (file: FileItem) => boolean;\n}\n\nconst EditAction: React.FC<EditActionProps> = props => {\n    const { file, uploadFile, validateFiles, canEdit } = props;\n    const [state, dispatch] = React.useReducer(reducer, initialState);\n    const { showSnackbar } = useSnackbar();\n    // Render nothing if the user don't have required permission for \"edit\".\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    data-testid={\"fm-edit-image-button\"}\n                    icon={<EditIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        const dataUrl = await toDataUrl(file.src);\n                        dispatch({ type: \"setDataUrl\", dataUrl });\n                    }}\n                />\n            </Tooltip>\n            <Hotkeys zIndex={60} disabled={!state.dataUrl}>\n                <ImageEditorDialog\n                    data-testid={\"fm-image-editor-dialog\"}\n                    dialogZIndex={100}\n                    open={state.showImageEditor}\n                    src={state.dataUrl as string}\n                    onClose={() => dispatch({ type: \"hideImageEditor\" })}\n                    onAccept={src => {\n                        const blob = dataURLtoBlob(src);\n                        const errors = validateFiles([blob]);\n\n                        if (errors.length) {\n                            /**\n                             * TODO @ts-refactor\n                             * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError\n                             */\n                            // @ts-ignore\n                            showSnackbar(outputFileSelectionError(errors));\n                        } else {\n                            blob.name = file.name;\n                            uploadFile(blob);\n                        }\n\n                        dispatch({ type: \"hideImageEditor\" });\n                    }}\n                />\n            </Hotkeys>\n        </>\n    );\n};\n\nexport default EditAction;\n"]}

package/plugins/fileManager/fileImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","css","Image","EditAction","FileManagerFileTypePlugin","styles","maxHeight","maxWidth","width","position","top","left","transform","types","actions","render","file","src","name"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,KAAT,QAAsB,wBAAtB;AAEA,OAAOC,UAAP;AACA,SAASC,yBAAT;AAEA,IAAMC,MAAM,gBAAGJ,GAAG,CAAC;AACfK,EAAAA,SAAS,EAAE,GADI;AAEfC,EAAAA,QAAQ,EAAE,GAFK;AAGfC,EAAAA,KAAK,EAAE,MAHQ;AAIfC,EAAAA,QAAQ,EAAE,UAJK;AAKfC,EAAAA,GAAG,EAAE,KALU;AAMfC,EAAAA,IAAI,EAAE,KANS;AAOfC,EAAAA,SAAS,EAAE;AAPI,CAAD,kBAAlB;AAUA,eAAe,IAAIR,yBAAJ,CAA8B;AACzCS,EAAAA,KAAK,EAAE,CAAC,SAAD,CADkC;AAEzCC,EAAAA,OAAO,EAAE,CAACX,UAAD,CAFgC;AAGzCY,EAAAA,MAHyC,wBAGxB;AAAA,QAARC,IAAQ,QAARA,IAAQ;AACb,wBACI,oBAAC,KAAD;AAAO,MAAA,SAAS,EAAEX,MAAlB;AAA0B,MAAA,GAAG,EAAEW,IAAI,CAACC,GAApC;AAAyC,MAAA,GAAG,EAAED,IAAI,CAACE,IAAnD;AAAyD,MAAA,SAAS,EAAE;AAAEV,QAAAA,KAAK,EAAE;AAAT;AAApE,MADJ;AAGH;AAPwC,CAA9B,CAAf","sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { Image } from \"@webiny/app/components\";\n\nimport EditAction from \"./EditAction\";\nimport { FileManagerFileTypePlugin } from \"~/plugins/FileManagerFileTypePlugin\";\n\nconst styles = css({\n    maxHeight: 200,\n    maxWidth: 200,\n    width: \"auto\",\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translateX(-50%) translateY(-50%)\"\n});\n\nexport default new FileManagerFileTypePlugin({\n    types: [\"image/*\"],\n    actions: [EditAction],\n    render({ file }) {\n        return (\n            <Image className={styles} src={file.src} alt={file.name} transform={{ width: 300 }} />\n        );\n    }\n});\n"]}

package/plugins/fileManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["fileDefault","fileImage"],"mappings":"AAAA,OAAOA,WAAP;AACA,OAAOC,SAAP;AAEA,eAAe,CAACD,WAAD,EAAcC,SAAd,CAAf","sourcesContent":["import fileDefault from \"./fileDefault\";\nimport fileImage from \"./fileImage\";\n\nexport default [fileDefault, fileImage];\n"]}

package/plugins/globalSearch/SearchBar.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { AdminGlobalSearchPlugin, AdminGlobalSearchPreventHotkeyPlugin } from "../../types";
 export interface SearchBarState {
     active: boolean;
@@ -12,8 +11,5 @@ export interface SearchBarState {
         current?: AdminGlobalSearchPlugin;
     };
 }
-declare const _default: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
+declare const _default: import("../../index").ComposableFC<{}>;
 export default _default;

package/plugins/globalSearch/SearchBar.js

@@ -85,6 +85,10 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
 
       e.preventDefault();
 
+      if (!_this.input.current) {
+        return;
+      }
+
       _this.input.current.focus();
     });