@webiny/app-admin 5.23.1 → 5.25.0-beta.0

package/components/Routes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Routes.tsx"],"names":["React","plugins","Switch","Routes","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,MAAT,QAAuB,sBAAvB;AAOA,OAAO,IAAMC,MAA6B,GAAG,SAAhCA,MAAgC,CAAAC,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,MAAD,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 { Switch } 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        <Switch>\n            {routes.map((route, index) =>\n                React.cloneElement(route, { key: `${route.props.path}:${index}` })\n            )}\n        </Switch>\n    );\n};\n"]}

package/components/SearchUI.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export declare type SearchProps = {
+import React from "react";
+export interface SearchProps {
     value: string;
     onChange: (value: string) => void;
     inputPlaceholder?: string;
-};
-declare const Search: ({ value, onChange, inputPlaceholder }: SearchProps) => JSX.Element;
+}
+declare const Search: React.FC<SearchProps>;
 export default Search;

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,21 +1,20 @@
 import * as React from "react";
-declare const title: string;
-declare const icon: string;
-export declare const SimpleForm: (props: {
+interface SimpleFormProps {
     children: React.ReactNode;
     "data-testid"?: string;
     noElevation?: boolean;
     className?: string;
-}) => JSX.Element;
-export declare const SimpleFormHeader: (props: {
+}
+export declare const SimpleForm: React.FC<SimpleFormProps>;
+interface SimpleFormHeaderProps {
     title: React.ReactNode;
     icon?: React.ReactElement<any>;
     children?: React.ReactNode;
-}) => JSX.Element;
-export declare const SimpleFormFooter: (props: {
+}
+export declare const SimpleFormHeader: React.FC<SimpleFormHeaderProps>;
+interface SimpleFormFooterProps {
     children: React.ReactNode;
-}) => JSX.Element;
-export declare const SimpleFormContent: (props: {
-    children: any;
-}) => any;
+}
+export declare const SimpleFormFooter: React.FC<SimpleFormFooterProps>;
+export declare const SimpleFormContent: React.FC;
 export {};

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

@@ -1,9 +1,10 @@
 import React from "react";
-declare type InputBoxProps = {
+interface InputBoxProps {
     value?: string | number;
     onChange?: (value: any) => void;
     defaultValue?: string | number;
+    type?: "string" | "number";
     [key: string]: any;
-};
-declare const _default: React.MemoExoticComponent<({ className, value, onChange, label, description, validation, defaultValue, ...props }: InputBoxProps) => JSX.Element>;
+}
+declare const _default: React.NamedExoticComponent<InputBoxProps>;
 export default _default;

package/components/SimpleUI/InputField.js

@@ -47,10 +47,10 @@ var labelStyle = /*#__PURE__*/css({
   }
 }, "label:labelStyle;");
 
-var getValue = function getValue(_ref) {
-  var value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      type = _ref.type;
+var getValue = function getValue(params) {
+  var value = params.value,
+      defaultValue = params.defaultValue,
+      type = params.type;
 
   if (type === "number") {
     return isNaN(value) ? defaultValue : value;
@@ -59,19 +59,19 @@ var getValue = function getValue(_ref) {
   return value || defaultValue;
 };
 
-var InputField = function InputField(_ref2) {
-  var className = _ref2.className,
-      value = _ref2.value,
-      _onChange = _ref2.onChange,
-      label = _ref2.label,
-      description = _ref2.description,
-      _ref2$validation = _ref2.validation,
-      validation = _ref2$validation === void 0 ? {
+var InputField = function InputField(_ref) {
+  var className = _ref.className,
+      value = _ref.value,
+      _onChange = _ref.onChange,
+      label = _ref.label,
+      description = _ref.description,
+      _ref$validation = _ref.validation,
+      validation = _ref$validation === void 0 ? {
     isValid: true
-  } : _ref2$validation,
-      _ref2$defaultValue = _ref2.defaultValue,
-      defaultValue = _ref2$defaultValue === void 0 ? "" : _ref2$defaultValue,
-      props = _objectWithoutProperties(_ref2, _excluded);
+  } : _ref$validation,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
     className: labelStyle
@@ -81,13 +81,15 @@ var InputField = function InputField(_ref2) {
     className: classNames(inputStyle, className),
     value: getValue({
       value: value,
-      type: props.type,
+      type: props.type || "string",
       defaultValue: defaultValue
     }),
-    onChange: function onChange(_ref3) {
-      var value = _ref3.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":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,kBAAT,QAAmC,+BAAnC;AAEA,IAAMC,UAAU,gBAAGL,GAAG,CAAC;AACnBM,EAAAA,SAAS,EAAE,YADQ;AAEnBC,EAAAA,MAAM,EAAE,0CAFW;AAGnBC,EAAAA,KAAK,EAAE,MAHY;AAInBC,EAAAA,MAAM,EAAE,MAJW;AAKnBC,EAAAA,OAAO,EAAE,SALU;AAMnBC,EAAAA,SAAS,EAAE,MANQ;AAOnBC,EAAAA,SAAS,EAAE,EAPQ;AAQnBC,EAAAA,eAAe,EAAE,0BARE;AASnBC,EAAAA,UAAU,EAAE,uBATO;AAUnB,4BAA0B;AACtBD,IAAAA,eAAe,EAAE;AADK,GAVP;AAanB,4BAA0B;AACtBA,IAAAA,eAAe,EAAE;AADK,GAbP;AAgBnB,gBAAc;AACVE,IAAAA,OAAO,EAAE,GADC;AAEVC,IAAAA,MAAM,EAAE;AAFE,GAhBK;AAqBnB,mBAAiB;AACbL,IAAAA,SAAS,EAAE,QADE;AAEbD,IAAAA,OAAO,EAAE;AAFI,GArBE;AA0BnB,kCAAgC;AAC5BO,IAAAA,gBAAgB,EAAE,MADU;AAE5BC,IAAAA,MAAM,EAAE;AAFoB,GA1Bb;AA8BnB,kCAAgC;AAC5BD,IAAAA,gBAAgB,EAAE,MADU;AAE5BC,IAAAA,MAAM,EAAE;AAFoB;AA9Bb,CAAD,sBAAtB;AAoCA,IAAMC,UAAU,gBAAGnB,GAAG,CAAC;AACnBoB,EAAAA,YAAY,EAAE,CADK;AAEnBV,EAAAA,OAAO,EAAE,SAFU;AAGnB,YAAU;AACNW,IAAAA,KAAK,EAAE;AADD;AAHS,CAAD,sBAAtB;;AAaA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAAoC;AACjD,MAAQC,KAAR,GAAsCD,MAAtC,CAAQC,KAAR;AAAA,MAAeC,YAAf,GAAsCF,MAAtC,CAAeE,YAAf;AAAA,MAA6BC,IAA7B,GAAsCH,MAAtC,CAA6BG,IAA7B;;AACA,MAAIA,IAAI,KAAK,QAAb,EAAuB;AACnB,WAAQC,KAAK,CAACH,KAAD,CAAL,GAAyBC,YAAzB,GAAwCD,KAAhD;AACH;;AACD,SAAQA,KAAK,IAAIC,YAAjB;AACH,CAND;;AAeA,IAAMG,UAAmC,GAAG,SAAtCA,UAAsC,OAStC;AAAA,MARFC,SAQE,QARFA,SAQE;AAAA,MAPFL,KAOE,QAPFA,KAOE;AAAA,MANFM,SAME,QANFA,QAME;AAAA,MALFC,KAKE,QALFA,KAKE;AAAA,MAJFC,WAIE,QAJFA,WAIE;AAAA,6BAHFC,UAGE;AAAA,MAHFA,UAGE,gCAHW;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAGX;AAAA,+BAFFT,YAEE;AAAA,MAFFA,YAEE,kCAFa,EAEb;AAAA,MADCU,KACD;;AACF,sBACI,oBAAC,KAAD,CAAO,QAAP,QACKJ,KAAK,iBACF;AAAK,IAAA,SAAS,EAAEZ;AAAhB,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA+BY,KAA/B,CADJ,CAFR,eAMI;AACI,IAAA,SAAS,EAAE9B,UAAU,CAACI,UAAD,EAAawB,SAAb,CADzB;AAEI,IAAA,KAAK,EAAEP,QAAQ,CAAC;AACZE,MAAAA,KAAK,EAALA,KADY;AAEZE,MAAAA,IAAI,EAAES,KAAK,CAACT,IAAN,IAAc,QAFR;AAGZD,MAAAA,YAAY,EAAZA;AAHY,KAAD,CAFnB;AAOI,IAAA,QAAQ,EAAE,kBAAAW,EAAE,EAAI;AACZ,UAAI,CAACN,SAAL,EAAe;AACX;AACH;;AACDA,MAAAA,SAAQ,CAAC,CAACM,EAAE,CAACC,MAAH,CAAUb,KAAV,IAAmB,EAApB,EAAwBc,WAAxB,EAAD,CAAR;AACH;AAZL,KAaQpC,IAAI,CAACiC,KAAD,EAAQ,UAAR,CAbZ,EANJ,EAqBKF,UAAU,CAACC,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,IAAA,KAAK;AAAzB,KAA2BD,UAAU,CAACM,OAAtC,CAtBR,EAwBKN,UAAU,CAACC,OAAX,KAAuB,KAAvB,IAAgCF,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAzBR,CADJ;AA8BH,CAxCD;;AA0CA,4BAAejC,KAAK,CAACyC,IAAN,CAAWZ,UAAX,CAAf","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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { FormComponentProps } from "@webiny/ui/types";
-declare type SingleImageUploadProps = FormComponentProps & {
+export interface SingleImageUploadProps extends FormComponentProps {
     accept?: string[];
     label?: string;
     disabled?: boolean;
@@ -9,17 +9,11 @@ declare type SingleImageUploadProps = FormComponentProps & {
     maxSize?: number | string;
     multipleMaxCount?: number;
     multipleMaxSize?: number | string;
-    onChange?: Function;
+    onChange?: (value: any) => void;
     imagePreviewProps?: any;
     round?: boolean;
     onChangePick?: string[];
-};
+}
 export default class SingleImageUpload extends React.Component<SingleImageUploadProps> {
-    static defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
     render(): JSX.Element;
 }
-export {};

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,19 +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
-  }
-});
-
 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.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { CellProps } from "@webiny/ui/Grid";
-declare type SplitViewProps = {
+interface SplitViewProps {
     children: React.ReactElement<any> | React.ReactElement<any>[];
     className?: string;
-};
-declare const SplitView: (props: SplitViewProps) => JSX.Element;
-declare const LeftPanel: (props: CellProps) => JSX.Element;
-declare const RightPanel: (props: CellProps) => JSX.Element;
+}
+declare const SplitView: React.FC<SplitViewProps>;
+declare const LeftPanel: React.FC<CellProps>;
+declare const RightPanel: React.FC<CellProps>;
 export { SplitView, LeftPanel, RightPanel };

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.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
-declare type Args = {
+interface Params {
     title?: React.ReactNode;
     message?: React.ReactNode;
     [key: string]: any;
-};
-declare const useConfirmationDialog: ({ title, message, ...options }?: Args) => {
-    showConfirmation: (onAccept: any, onCancel?: any) => void;
-};
+}
+interface UseConfirmationDialogResponse {
+    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;
+}
+declare const useConfirmationDialog: ({ title, message, ...options }?: Params) => UseConfirmationDialogResponse;
 export { useConfirmationDialog };

package/hooks/useConfirmationDialog.js

@@ -18,8 +18,7 @@ var useConfirmationDialog = function useConfirmationDialog() {
 
   var ui = useUi();
   return {
-    showConfirmation: function showConfirmation(onAccept) {
-      var onCancel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    showConfirmation: function showConfirmation(onAccept, onCancel) {
       ui.setState(function (ui) {
         return _objectSpread(_objectSpread({}, ui), {}, {
           dialog: {

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.d.ts

@@ -1,5 +1,10 @@
-declare const useDialog: () => {
-    showDialog: (message: any, options: any) => void;
+import React from "react";
+interface UseDialogResponseShowDialogOptions {
+    [key: string]: any;
+}
+interface UseDialogResponse {
+    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;
     hideDialog: () => void;
-};
+}
+declare const useDialog: () => UseDialogResponse;
 export { useDialog };

package/hooks/useDialog.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { useUi } from "@webiny/app/hooks/useUi";
+import { useUi } from "@webiny/app/hooks/useUi"; // TODO @ts-refactor
 
 var useDialog = function useDialog() {
   var ui = useUi();

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.d.ts

@@ -1,4 +1,7 @@
-export declare const useSnackbar: () => {
-    showSnackbar: (message: any, options?: {}) => void;
+import React from "react";
+interface UseSnackbarResponse {
+    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;
     hideSnackbar: () => void;
-};
+}
+export declare const useSnackbar: () => UseSnackbarResponse;
+export {};

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.23.1",
+	"version": "5.25.0-beta.0",
 	"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.2",
+		"@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.23.1",
-		"@webiny/app-admin-core": "5.23.1",
-		"@webiny/app-security": "5.23.1",
-		"@webiny/form": "5.23.1",
-		"@webiny/plugins": "5.23.1",
-		"@webiny/react-router": "5.23.1",
-		"@webiny/telemetry": "5.23.1",
-		"@webiny/ui": "5.23.1",
-		"@webiny/ui-composer": "5.23.1",
-		"@webiny/validation": "5.23.1",
+		"@webiny/app": "5.25.0-beta.0",
+		"@webiny/app-admin-core": "5.25.0-beta.0",
+		"@webiny/app-security": "5.25.0-beta.0",
+		"@webiny/form": "5.25.0-beta.0",
+		"@webiny/plugins": "5.25.0-beta.0",
+		"@webiny/react-router": "5.25.0-beta.0",
+		"@webiny/telemetry": "5.25.0-beta.0",
+		"@webiny/ui": "5.25.0-beta.0",
+		"@webiny/ui-composer": "5.25.0-beta.0",
+		"@webiny/validation": "5.25.0-beta.0",
 		"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.10.8",
 		"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",
@@ -65,13 +66,16 @@
 		"@babel/preset-env": "^7.16.4",
 		"@babel/preset-react": "^7.16.0",
 		"@babel/preset-typescript": "^7.16.0",
-		"@webiny/cli": "^5.23.1",
-		"@webiny/project-utils": "^5.23.1",
+		"@types/bytes": "^3.1.1",
+		"@types/graphlib": "^2.1.8",
+		"@types/store": "^2.0.2",
+		"@webiny/cli": "^5.25.0-beta.0",
+		"@webiny/project-utils": "^5.25.0-beta.0",
 		"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",
@@ -93,5 +97,5 @@
 			]
 		}
 	},
-	"gitHead": "a726d09d2647d13e5a4f376cef23463564ef7ca0"
+	"gitHead": "2d3e7833575e88fde77d84e5490e746933a5ec28"
 }

package/plugins/FileManagerFileTypePlugin.d.ts

@@ -23,11 +23,11 @@ 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<any>[];
+    get actions(): React.ComponentType[];
     render(params: RenderParams): React.ReactNode;
 }
 export {};

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

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { Plugin } from "@webiny/plugins";
-export declare type MenuProps = {
+export interface MenuProps {
     name: string;
     label: React.ReactNode;
     icon: React.ReactElement;
     children: React.ReactNode;
     onClick?: (toggleSection: () => void) => void;
-};
+}
 export interface SectionProps {
     label: React.ReactNode;
     children: React.ReactNode;
@@ -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;
-    render(props: any): React.ReactNode;
+    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"]}