@webiny/app-admin 0.0.0-unstable.99666aeb00 → 0.0.0-unstable.a9593f74dd

package/components/SearchUI.js.map

@@ -1 +1 @@
-{"version":3,"names":["SearchWrapper","styled","width","height","display","position","top","left","bottom","pointerEvents","alignItems","paddingLeft","color","padding","outline","border","textTransform","letterSpacing","Search","value","onChange","onEnter","inputPlaceholder","inputOnKeyDown","useCallback","e","key"],"sources":["SearchUI.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport InputField from \"./SimpleUI/InputField\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.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    onEnter?: () => any;\n    inputPlaceholder?: string;\n}\nconst Search: React.FC<SearchProps> = ({\n    value,\n    onChange,\n    onEnter,\n    inputPlaceholder = \"Search...\"\n}) => {\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n        },\n        [onEnter]\n    );\n\n    return (\n        <SearchWrapper data-testid={\"default-data-list.search\"}>\n            <div className=\"search__icon\">\n                <SearchIcon />\n            </div>\n            <InputField\n                onKeyDown={inputOnKeyDown}\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"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,UAAU;EAEpB,iBAAiB,EAAE;IACfA,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,MAAM;IACrBL,OAAO,EAAE,MAAM;IACfM,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;EACX,CAAC;EAED,kBAAkB,EAAE;IAChBV,KAAK,EAAE,MAAM;IACbW,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,MAAM;IACdH,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE;MACPE,OAAO,EAAE;IACb,CAAC;IACD,gBAAgB,EAAE;MACdE,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,QAAQ;MACvBL,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,CAAC;AAQF,IAAMM,MAA6B,GAAG,SAAhCA,MAA6B,OAK7B;EAAA,IAJFC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,6BACPC,gBAAgB;IAAhBA,gBAAgB,sCAAG,WAAW;EAE9B,IAAMC,cAAc,GAAG,IAAAC,kBAAW,EAC9B,UAAAC,CAAC,EAAI;IACD,IAAI,OAAOJ,OAAO,KAAK,UAAU,IAAII,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACpDL,OAAO,EAAE;IACb;EACJ,CAAC,EACD,CAACA,OAAO,CAAC,CACZ;EAED,oBACI,6BAAC,aAAa;IAAC,eAAa;EAA2B,gBACnD;IAAK,SAAS,EAAC;EAAc,gBACzB,6BAAC,sBAAU,OAAG,CACZ,eACN,6BAAC,mBAAU;IACP,SAAS,EAAEE,cAAe;IAC1B,SAAS,EAAC,eAAe;IACzB,WAAW,EAAED,gBAAiB;IAC9B,KAAK,EAAEH,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,YAAY,EAAC;EAAK,EACpB,CACU;AAExB,CAAC;AAAC,eAEaF,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_InputField","_search","SearchWrapper","styled","target","label","width","height","display","position","top","left","bottom","pointerEvents","alignItems","paddingLeft","color","padding","outline","border","textTransform","letterSpacing","Search","_ref","value","onChange","onEnter","_ref$inputPlaceholder","inputPlaceholder","inputOnKeyDown","useCallback","e","key","default","createElement","className","ReactComponent","onKeyDown","placeholder","autoComplete","_default","exports"],"sources":["SearchUI.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport InputField from \"./SimpleUI/InputField\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.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    onEnter?: () => any;\n    inputPlaceholder?: string;\n}\nconst Search = ({ value, onChange, onEnter, inputPlaceholder = \"Search...\" }: SearchProps) => {\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n        },\n        [onEnter]\n    );\n\n    return (\n        <SearchWrapper data-testid={\"default-data-list.search\"}>\n            <div className=\"search__icon\">\n                <SearchIcon />\n            </div>\n            <InputField\n                onKeyDown={inputOnKeyDown}\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"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAMK,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,UAAU;EAEpB,iBAAiB,EAAE;IACfA,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,MAAM;IACrBL,OAAO,EAAE,MAAM;IACfM,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;EACX,CAAC;EAED,kBAAkB,EAAE;IAChBV,KAAK,EAAE,MAAM;IACbW,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,MAAM;IACdH,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE;MACPE,OAAO,EAAE;IACb,CAAC;IACD,gBAAgB,EAAE;MACdE,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,QAAQ;MACvBL,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,CAAC;AAQF,IAAMM,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAkF;EAAA,IAA5EC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,qBAAA,GAAAJ,IAAA,CAAEK,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,WAAW,GAAAA,qBAAA;EACtE,IAAME,cAAc,GAAG,IAAAC,kBAAW,EAC9B,UAAAC,CAAC,EAAI;IACD,IAAI,OAAOL,OAAO,KAAK,UAAU,IAAIK,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACpDN,OAAO,CAAC,CAAC;IACb;EACJ,CAAC,EACD,CAACA,OAAO,CACZ,CAAC;EAED,oBACI/B,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAAChC,aAAa;IAAC,eAAa;EAA2B,gBACnDP,MAAA,CAAAsC,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAc,gBACzBxC,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAACjC,OAAA,CAAAmC,cAAU,MAAE,CACZ,CAAC,eACNzC,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAAClC,WAAA,CAAAiC,OAAU;IACPI,SAAS,EAAER,cAAe;IAC1BM,SAAS,EAAC,eAAe;IACzBG,WAAW,EAAEV,gBAAiB;IAC9BJ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBc,YAAY,EAAC;EAAK,CACrB,CACU,CAAC;AAExB,CAAC;AAAC,IAAAC,QAAA,GAEalB,MAAM;AAAAmB,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

package/components/SimpleForm/SimpleForm.d.ts

@@ -5,17 +5,21 @@ interface SimpleFormProps {
     noElevation?: boolean;
     className?: string;
 }
-export declare const SimpleForm: React.FC<SimpleFormProps>;
+export declare const SimpleForm: (props: SimpleFormProps) => JSX.Element;
 interface SimpleFormHeaderProps {
     title: React.ReactNode;
     icon?: React.ReactElement<any>;
     children?: React.ReactNode;
+    ["data-testid"]?: string;
 }
-export declare const SimpleFormHeader: React.FC<SimpleFormHeaderProps>;
-interface SimpleFormFooterProps {
+export declare const SimpleFormHeader: (props: SimpleFormHeaderProps) => JSX.Element;
+export interface SimpleFormFooterProps {
     children: React.ReactNode;
     className?: string;
 }
-export declare const SimpleFormFooter: React.FC<SimpleFormFooterProps>;
-export declare const SimpleFormContent: React.FC;
+export declare const SimpleFormFooter: (props: SimpleFormFooterProps) => JSX.Element;
+interface SimpleFormContentProps {
+    children: React.ReactNode;
+}
+export declare const SimpleFormContent: (props: SimpleFormContentProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};

package/components/SimpleForm/SimpleForm.js

@@ -50,7 +50,8 @@ var SimpleForm = function SimpleForm(props) {
 exports.SimpleForm = SimpleForm;
 var SimpleFormHeader = function SimpleFormHeader(props) {
   return /*#__PURE__*/React.createElement(_Grid.Grid, {
-    className: header
+    className: header,
+    "data-testid": props["data-testid"]
   }, /*#__PURE__*/React.createElement(_Grid.Cell, {
     span: props.children ? 6 : 12,
     className: title
@@ -74,4 +75,6 @@ exports.SimpleFormFooter = SimpleFormFooter;
 var SimpleFormContent = function SimpleFormContent(props) {
   return props.children;
 };
-exports.SimpleFormContent = SimpleFormContent;
+exports.SimpleFormContent = SimpleFormContent;
+
+//# sourceMappingURL=SimpleForm.js.map

package/components/SimpleForm/SimpleForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["SimpleFormContainer","styled","position","margin","header","css","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","SimpleForm","props","classNames","className","noElevation","children","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"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    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    border-top: 1px solid var(--mdc-theme-on-background);\n    padding: 24px;\n    box-sizing: border-box;\n    min-height: 52px;\n    button:last-of-type {\n        margin-left: 8px;\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    className?: string;\n}\nexport const SimpleFormFooter: React.FC<SimpleFormFooterProps> = props => {\n    return <div className={classNames(footer, props.className)}>{props.children}</div>;\n};\n\nexport const SimpleFormContent: React.FC = props => {\n    return props.children as unknown as React.ReactElement;\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,mBAAmB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACtCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMC,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,YAAY,EAAE,0CAA0C;EACxDC,KAAK,EAAE;AACX,CAAC,kBAAC;AAEF,IAAMC,KAAK,gBAAG,IAAAH,YAAG,EAAC;EACdI,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AAChB,CAAC,iBAAC;AAEF,IAAMC,OAAO,gBAAG,IAAAN,YAAG,EAAC;EAChBI,OAAO,EAAE,MAAM;EACfG,cAAc,EAAE,UAAU;EAC1BF,UAAU,EAAE;AAChB,CAAC,mBAAC;AAEF,IAAMG,IAAI,gBAAG,IAAAR,YAAG,EAAC;EACbS,WAAW,EAAE,EAAE;EACfP,KAAK,EAAE;AACX,CAAC,gBAAC;AAEF,IAAMQ,MAAM,oBAAGV,YAAG,mNAWjB;AAQM,IAAMW,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EAC1D,oBACI,oBAAC,mBAAmB;IAChB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAED,KAAK,CAACE,SAAS,CAAE;IAC3D,eAAaF,KAAK,CAAC,aAAa;EAAE,GAEjCA,KAAK,CAACG,WAAW,GAAGH,KAAK,CAACI,QAAQ,gBAAG,oBAAC,oBAAS;IAAC,CAAC,EAAE;EAAE,GAAEJ,KAAK,CAACI,QAAQ,CAAa,CACjE;AAE9B,CAAC;AAAC;AAOK,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiD,CAAGL,KAAK,EAAI;EACtE,oBACI,oBAAC,UAAI;IAAC,SAAS,EAAEb;EAAO,gBACpB,oBAAC,UAAI;IAAC,IAAI,EAAEa,KAAK,CAACI,QAAQ,GAAG,CAAC,GAAG,EAAG;IAAC,SAAS,EAAEb;EAAM,gBAClD,oBAAC,KAAK,CAAC,QAAQ,QACVS,KAAK,CAACJ,IAAI,iBAAI,oBAAC,UAAI;IAAC,SAAS,EAAEA,IAAK;IAAC,IAAI,EAAEI,KAAK,CAACJ;EAAK,EAAG,eAC1D,oBAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAEI,KAAK,CAACT,KAAK,CAAc,CACzC,CACd,EACNS,KAAK,CAACI,QAAQ,iBACX,oBAAC,UAAI;IAAC,IAAI,EAAE,CAAE;IAAC,SAAS,EAAEV;EAAQ,GAC7BM,KAAK,CAACI,QAAQ,CAEtB,CACE;AAEf,CAAC;AAAC;AAMK,IAAME,gBAAiD,GAAG,SAApDA,gBAAiD,CAAGN,KAAK,EAAI;EACtE,oBAAO;IAAK,SAAS,EAAE,IAAAC,mBAAU,EAACH,MAAM,EAAEE,KAAK,CAACE,SAAS;EAAE,GAAEF,KAAK,CAACI,QAAQ,CAAO;AACtF,CAAC;AAAC;AAEK,IAAMG,iBAA2B,GAAG,SAA9BA,iBAA2B,CAAGP,KAAK,EAAI;EAChD,OAAOA,KAAK,CAACI,QAAQ;AACzB,CAAC;AAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_styled","_interopRequireDefault","_emotion","_classnames","_Grid","_Typography","_Elevation","_Icon","SimpleFormContainer","styled","target","label","position","margin","header","css","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","SimpleForm","props","createElement","className","classNames","noElevation","children","Elevation","z","exports","SimpleFormHeader","Grid","Cell","span","Fragment","Icon","Typography","use","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"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    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    border-top: 1px solid var(--mdc-theme-on-background);\n    padding: 24px;\n    box-sizing: border-box;\n    min-height: 52px;\n    button:last-of-type {\n        margin-left: 8px;\n    }\n`;\n\ninterface SimpleFormProps {\n    children: React.ReactNode;\n    \"data-testid\"?: string;\n    noElevation?: boolean;\n    className?: string;\n}\nexport const SimpleForm = (props: SimpleFormProps) => {\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    [\"data-testid\"]?: string;\n}\nexport const SimpleFormHeader = (props: SimpleFormHeaderProps) => {\n    return (\n        <Grid className={header} data-testid={props[\"data-testid\"]}>\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\nexport interface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\nexport const SimpleFormFooter = (props: SimpleFormFooterProps) => {\n    return <div className={classNames(footer, props.className)}>{props.children}</div>;\n};\n\ninterface SimpleFormContentProps {\n    children: React.ReactNode;\n}\n\nexport const SimpleFormContent = (props: SimpleFormContentProps) => {\n    return props.children as unknown as React.ReactElement;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAEA,IAAMS,mBAAmB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACtCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMC,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,YAAY,EAAE,0CAA0C;EACxDC,KAAK,EAAE;AACX,CAAC,kBAAC;AAEF,IAAMC,KAAK,gBAAG,IAAAH,YAAG,EAAC;EACdI,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AAChB,CAAC,iBAAC;AAEF,IAAMC,OAAO,gBAAG,IAAAN,YAAG,EAAC;EAChBI,OAAO,EAAE,MAAM;EACfG,cAAc,EAAE,UAAU;EAC1BF,UAAU,EAAE;AAChB,CAAC,mBAAC;AAEF,IAAMG,IAAI,gBAAG,IAAAR,YAAG,EAAC;EACbS,WAAW,EAAE,EAAE;EACfP,KAAK,EAAE;AACX,CAAC,gBAAC;AAEF,IAAMQ,MAAM,oBAAGV,YAAG,mNAWjB;AAQM,IAAMW,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAsB,EAAK;EAClD,oBACI9B,KAAA,CAAA+B,aAAA,CAACpB,mBAAmB;IAChBqB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEH,KAAK,CAACE,SAAS,CAAE;IAC3D,eAAaF,KAAK,CAAC,aAAa;EAAE,GAEjCA,KAAK,CAACI,WAAW,GAAGJ,KAAK,CAACK,QAAQ,gBAAGnC,KAAA,CAAA+B,aAAA,CAACtB,UAAA,CAAA2B,SAAS;IAACC,CAAC,EAAE;EAAE,GAAEP,KAAK,CAACK,QAAoB,CACjE,CAAC;AAE9B,CAAC;AAACG,OAAA,CAAAT,UAAA,GAAAA,UAAA;AAQK,IAAMU,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIT,KAA4B,EAAK;EAC9D,oBACI9B,KAAA,CAAA+B,aAAA,CAACxB,KAAA,CAAAiC,IAAI;IAACR,SAAS,EAAEf,MAAO;IAAC,eAAaa,KAAK,CAAC,aAAa;EAAE,gBACvD9B,KAAA,CAAA+B,aAAA,CAACxB,KAAA,CAAAkC,IAAI;IAACC,IAAI,EAAEZ,KAAK,CAACK,QAAQ,GAAG,CAAC,GAAG,EAAG;IAACH,SAAS,EAAEX;EAAM,gBAClDrB,KAAA,CAAA+B,aAAA,CAAC/B,KAAK,CAAC2C,QAAQ,QACVb,KAAK,CAACJ,IAAI,iBAAI1B,KAAA,CAAA+B,aAAA,CAACrB,KAAA,CAAAkC,IAAI;IAACZ,SAAS,EAAEN,IAAK;IAACA,IAAI,EAAEI,KAAK,CAACJ;EAAK,CAAE,CAAC,eAC1D1B,KAAA,CAAA+B,aAAA,CAACvB,WAAA,CAAAqC,UAAU;IAACC,GAAG,EAAC;EAAW,GAAEhB,KAAK,CAACT,KAAkB,CACzC,CACd,CAAC,EACNS,KAAK,CAACK,QAAQ,iBACXnC,KAAA,CAAA+B,aAAA,CAACxB,KAAA,CAAAkC,IAAI;IAACC,IAAI,EAAE,CAAE;IAACV,SAAS,EAAER;EAAQ,GAC7BM,KAAK,CAACK,QACL,CAER,CAAC;AAEf,CAAC;AAACG,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAMK,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIjB,KAA4B,EAAK;EAC9D,oBAAO9B,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAACL,MAAM,EAAEE,KAAK,CAACE,SAAS;EAAE,GAAEF,KAAK,CAACK,QAAc,CAAC;AACtF,CAAC;AAACG,OAAA,CAAAS,gBAAA,GAAAA,gBAAA;AAMK,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIlB,KAA6B,EAAK;EAChE,OAAOA,KAAK,CAACK,QAAQ;AACzB,CAAC;AAACG,OAAA,CAAAU,iBAAA,GAAAA,iBAAA"}

package/components/SimpleForm/index.js

@@ -27,4 +27,6 @@ Object.defineProperty(exports, "SimpleFormHeader", {
     return _SimpleForm.SimpleFormHeader;
   }
 });
-var _SimpleForm = require("./SimpleForm");
+var _SimpleForm = require("./SimpleForm");
+
+//# sourceMappingURL=index.js.map

package/components/SimpleForm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["_SimpleForm","require"],"sources":["index.ts"],"sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA"}

package/components/SimpleUI/InputField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 interface InputBoxProps {
     value?: string | number;
@@ -8,5 +7,5 @@ interface InputBoxProps {
     type?: "string" | "number";
     [key: string]: any;
 }
-declare const _default: React.NamedExoticComponent<InputBoxProps>;
+declare const _default: React.MemoExoticComponent<({ className, value, onChange, onKeyDown, label, description, validation, defaultValue, ...props }: InputBoxProps) => JSX.Element>;
 export default _default;

package/components/SimpleUI/InputField.js

@@ -99,4 +99,6 @@ var InputField = function InputField(_ref) {
   }, validation.message), validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
 var _default = /*#__PURE__*/_react.default.memo(InputField);
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=InputField.js.map

package/components/SimpleUI/InputField.js.map

@@ -1 +1 @@
-{"version":3,"names":["inputStyle","css","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","onKeyDown","label","description","validation","isValid","props","classNames","ev","target","toLowerCase","omit","message","React","memo"],"sources":["InputField.tsx"],"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    onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\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    onKeyDown,\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={\"body2\"}>{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                onKeyDown={onKeyDown}\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"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_classnames","_omit","_Typography","_FormElementMessage","_excluded","inputStyle","css","boxSizing","border","width","height","padding","textAlign","minHeight","backgroundColor","transition","opacity","cursor","WebkitAppearance","margin","labelStyle","marginBottom","color","getValue","params","value","defaultValue","type","isNaN","InputField","_ref","className","onChange","onKeyDown","label","description","_ref$validation","validation","isValid","_ref$defaultValue","props","_objectWithoutProperties2","default","createElement","Fragment","Typography","use","Object","assign","classNames","ev","target","toLowerCase","omit","FormElementMessage","error","message","_default","React","memo","exports"],"sources":["InputField.tsx"],"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    onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n    defaultValue?: string | number;\n    type?: \"string\" | \"number\";\n    [key: string]: any;\n}\nconst InputField = ({\n    className,\n    value,\n    onChange,\n    onKeyDown,\n    label,\n    description,\n    validation = { isValid: true },\n    defaultValue = \"\",\n    ...props\n}: InputBoxProps) => {\n    return (\n        <React.Fragment>\n            {label && (\n                <div className={labelStyle}>\n                    <Typography use={\"body2\"}>{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                onKeyDown={onKeyDown}\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"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAAmE,IAAAM,SAAA;AAEnE,IAAMC,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,SAAS,EAAE,YAAY;EACvBC,MAAM,EAAE,0CAA0C;EAClDC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,MAAM;EACjBC,SAAS,EAAE,EAAE;EACbC,eAAe,EAAE,0BAA0B;EAC3CC,UAAU,EAAE,uBAAuB;EACnC,wBAAwB,EAAE;IACtBD,eAAe,EAAE;EACrB,CAAC;EACD,wBAAwB,EAAE;IACtBA,eAAe,EAAE;EACrB,CAAC;EACD,YAAY,EAAE;IACVE,OAAO,EAAE,GAAG;IACZC,MAAM,EAAE;EACZ,CAAC;EAED,eAAe,EAAE;IACbL,SAAS,EAAE,QAAQ;IACnBD,OAAO,EAAE;EACb,CAAC;EAED,8BAA8B,EAAE;IAC5BO,gBAAgB,EAAE,MAAM;IACxBC,MAAM,EAAE;EACZ,CAAC;EACD,8BAA8B,EAAE;IAC5BD,gBAAgB,EAAE,MAAM;IACxBC,MAAM,EAAE;EACZ;AACJ,CAAC,sBAAC;AAEF,IAAMC,UAAU,gBAAG,IAAAd,YAAG,EAAC;EACnBe,YAAY,EAAE,CAAC;EACfV,OAAO,EAAE,SAAS;EAClB,QAAQ,EAAE;IACNW,KAAK,EAAE;EACX;AACJ,CAAC,sBAAC;AAOF,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,MAAsB,EAAa;EACjD,IAAQC,KAAK,GAAyBD,MAAM,CAApCC,KAAK;IAAEC,YAAY,GAAWF,MAAM,CAA7BE,YAAY;IAAEC,IAAI,GAAKH,MAAM,CAAfG,IAAI;EACjC,IAAIA,IAAI,KAAK,QAAQ,EAAE;IACnB,OAAQC,KAAK,CAACH,KAAe,CAAC,GAAGC,YAAY,GAAGD,KAAK;EACzD;EACA,OAAQA,KAAK,IAAIC,YAAY;AACjC,CAAC;AAUD,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAUK;EAAA,IATjBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTN,KAAK,GAAAK,IAAA,CAALL,KAAK;IACLO,SAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAAC,eAAA,GAAAN,IAAA,CACXO,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG;MAAEE,OAAO,EAAE;IAAK,CAAC,GAAAF,eAAA;IAAAG,iBAAA,GAAAT,IAAA,CAC9BJ,YAAY;IAAZA,YAAY,GAAAa,iBAAA,cAAG,EAAE,GAAAA,iBAAA;IACdC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAZ,IAAA,EAAA1B,SAAA;EAER,oBACIR,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC/C,MAAA,CAAA8C,OAAK,CAACE,QAAQ,QACVV,KAAK,iBACFtC,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IAAKZ,SAAS,EAAEX;EAAW,gBACvBxB,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACzC,WAAA,CAAA2C,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEZ,KAAkB,CAC5C,CACR,eACDtC,MAAA,CAAA8C,OAAA,CAAAC,aAAA,UAAAI,MAAA,CAAAC,MAAA;IACIjB,SAAS,EAAE,IAAAkB,mBAAU,EAAC5C,UAAU,EAAE0B,SAAS,CAAE;IAC7CN,KAAK,EAAEF,QAAQ,CAAC;MACZE,KAAK,EAALA,KAAK;MACLE,IAAI,EAAEa,KAAK,CAACb,IAAI,IAAI,QAAQ;MAC5BD,YAAY,EAAZA;IACJ,CAAC,CAAE;IACHO,SAAS,EAAEA,SAAU;IACrBD,QAAQ,EAAE,SAAAA,SAAAkB,EAAE,EAAI;MACZ,IAAI,CAAClB,SAAQ,EAAE;QACX;MACJ;MACAA,SAAQ,CAAC,CAACkB,EAAE,CAACC,MAAM,CAAC1B,KAAK,IAAI,EAAE,EAAE2B,WAAW,CAAC,CAAC,CAAC;IACnD;EAAE,GACE,IAAAC,aAAI,EAACb,KAAK,EAAE,UAAU,CAAC,CAC9B,CAAC,EACDH,UAAU,CAACC,OAAO,KAAK,KAAK,iBACzB1C,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACxC,mBAAA,CAAAmD,kBAAkB;IAACC,KAAK;EAAA,GAAElB,UAAU,CAACmB,OAA4B,CACrE,EACAnB,UAAU,CAACC,OAAO,KAAK,KAAK,IAAIH,WAAW,iBACxCvC,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACxC,mBAAA,CAAAmD,kBAAkB,QAAEnB,WAAgC,CAE7C,CAAC;AAEzB,CAAC;AAAC,IAAAsB,QAAA,gBAEaC,cAAK,CAACC,IAAI,CAAC9B,UAAU,CAAC;AAAA+B,OAAA,CAAAlB,OAAA,GAAAe,QAAA"}

package/components/SingleImageUpload.d.ts

@@ -51,5 +51,5 @@ export interface SingleImageUploadProps extends FormComponentProps {
      */
     onChangePick?: string[];
 }
-declare const SingleImageUpload: React.FC<SingleImageUploadProps>;
+declare const SingleImageUpload: (props: SingleImageUploadProps) => JSX.Element;
 export default SingleImageUpload;

package/components/SingleImageUpload.js

@@ -95,4 +95,6 @@ var SingleImageUpload = function SingleImageUpload(props) {
   }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
 var _default = SingleImageUpload;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=SingleImageUpload.js.map

package/components/SingleImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"names":["ImageUploadWrapper","styled","position","opacity","pointerEvents","transform","top","left","color","SingleImageUpload","props","className","value","validation","label","description","accept","includeFileMeta","maxSize","imagePreviewProps","round","validationIsValid","isValid","validationMessage","message","onChange","useCallback","id","src","showFileManager","renderImageProps","width","height"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { FileManager, FileManagerFileItem } from \"~/index\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport styled from \"@emotion/styled\";\nimport { useCallback } from \"react\";\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    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\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     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: FileManagerFileItem | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     */\n    round?: boolean;\n\n    /**\n     * Define the properties that are returned on file(s) selection.\n     * @deprecated Pick the desired file attributes in the `onChange` callback, or `beforeChange` on the `<Bind>` element.\n     */\n    onChangePick?: string[];\n}\n\nconst SingleImageUpload: React.FC<SingleImageUploadProps> = props => {\n    const {\n        className,\n        value,\n        validation,\n        label,\n        description,\n        accept,\n        includeFileMeta = false,\n        maxSize,\n        imagePreviewProps,\n        round\n    } = props;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <ImageUploadWrapper className={className}>\n            {label && (\n                <div className=\"mdc-floating-label mdc-floating-label--float-above\">{label}</div>\n            )}\n\n            <FileManager\n                onChange={onChange}\n                accept={accept}\n                images={!accept}\n                maxSize={maxSize}\n                render={({ 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(null)}\n                        round={round}\n                    />\n                )}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </ImageUploadWrapper>\n    );\n};\n\nexport default SingleImageUpload;\n"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_Image","Ui","_","_FormElementMessage","_styled","_interopRequireDefault","ImageUploadWrapper","styled","target","label","position","opacity","pointerEvents","transform","top","left","color","SingleImageUpload","props","className","value","validation","description","accept","_props$includeFileMet","includeFileMeta","maxSize","imagePreviewProps","round","_ref","validationIsValid","isValid","validationMessage","message","onChange","useCallback","id","src","createElement","FileManager","images","render","_ref2","showFileManager","Image","renderImagePreview","renderImageProps","Object","assign","style","width","height","uploadImage","removeImage","FormElementMessage","error","_default","exports","default"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { FileManager, FileManagerFileItem } from \"~/index\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport styled from \"@emotion/styled\";\nimport { useCallback } from \"react\";\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    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\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     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: FileManagerFileItem | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     */\n    round?: boolean;\n\n    /**\n     * Define the properties that are returned on file(s) selection.\n     * @deprecated Pick the desired file attributes in the `onChange` callback, or `beforeChange` on the `<Bind>` element.\n     */\n    onChangePick?: string[];\n}\n\nconst SingleImageUpload = (props: SingleImageUploadProps) => {\n    const {\n        className,\n        value,\n        validation,\n        label,\n        description,\n        accept,\n        includeFileMeta = false,\n        maxSize,\n        imagePreviewProps,\n        round\n    } = props;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <ImageUploadWrapper className={className}>\n            {label && (\n                <div className=\"mdc-floating-label mdc-floating-label--float-above\">{label}</div>\n            )}\n\n            <FileManager\n                onChange={onChange}\n                accept={accept}\n                images={!accept}\n                maxSize={maxSize}\n                render={({ 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(null)}\n                        round={round}\n                    />\n                )}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </ImageUploadWrapper>\n    );\n};\n\nexport default SingleImageUpload;\n"],"mappings":"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"}

package/components/SplitView/SplitView.d.ts

@@ -5,7 +5,7 @@ interface SplitViewProps {
     children: React.ReactElement<any> | React.ReactElement<any>[];
     className?: string;
 }
-declare const SplitView: React.FC<SplitViewProps>;
-declare const LeftPanel: React.FC<CellProps>;
-declare const RightPanel: React.FC<CellProps>;
+declare const SplitView: (props: SplitViewProps) => JSX.Element;
+declare const LeftPanel: (props: CellProps) => JSX.Element;
+declare const RightPanel: (props: CellProps) => JSX.Element;
 export { SplitView, LeftPanel, RightPanel };

package/components/SplitView/SplitView.js

@@ -1,17 +1,17 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.leftPanel = exports.SplitView = exports.RightPanel = exports.LeftPanel = void 0;
-var _clone2 = _interopRequireDefault(require("lodash/clone"));
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Grid = require("@webiny/ui/Grid");
 var _emotion = require("emotion");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _clone = _interopRequireDefault(require("lodash/clone"));
 var _Helpers = require("@webiny/ui/Helpers");
 var grid = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-layout-grid": {
@@ -56,7 +56,7 @@ var SplitView = function SplitView(props) {
 };
 exports.SplitView = SplitView;
 var LeftPanel = function LeftPanel(props) {
-  var propList = (0, _clone2.default)(props);
+  var propList = (0, _clone.default)(props);
   if (!propList.hasOwnProperty("span")) {
     propList.span = 5;
   }
@@ -64,7 +64,7 @@ var LeftPanel = function LeftPanel(props) {
 };
 exports.LeftPanel = LeftPanel;
 var RightPanel = function RightPanel(props) {
-  var propList = (0, _clone2.default)(props);
+  var propList = (0, _clone.default)(props);
   if (!propList.hasOwnProperty("span")) {
     propList.span = 7;
   }
@@ -73,4 +73,6 @@ var RightPanel = function RightPanel(props) {
     id: "webiny-split-view-right-panel"
   }, propList.children));
 };
-exports.RightPanel = RightPanel;
+exports.RightPanel = RightPanel;
+
+//# sourceMappingURL=SplitView.js.map

package/components/SplitView/SplitView.js.map

@@ -1 +1 @@
-{"version":3,"names":["grid","css","padding","margin","backgroundColor","gridGap","RightPanelWrapper","styled","overflow","height","leftPanel","display","flexDirection","maxHeight","SplitView","props","classSet","className","children","LeftPanel","propList","hasOwnProperty","span","getClasses","RightPanel"],"sources":["SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport classSet from \"classnames\";\nimport { Cell, Grid, 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        margin: \"-3px auto 0 auto\",\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst RightPanelWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\nexport const 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            {props.children}\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"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,IAAI,gBAAG,IAAAC,YAAG,EAAC;EACb,mBAAmB,EAAE;IACjBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,kBAAkB;IAC1BC,eAAe,EAAE,6BAA6B;IAC9C,0BAA0B,EAAE;MACxBC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC,gBAAC;AAEF,IAAMC,iBAAiB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACpCH,eAAe,EAAE,6BAA6B;EAC9CI,QAAQ,EAAE,MAAM;EAChBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEK,IAAMC,SAAS,gBAAG,IAAAT,YAAG,EAAC;EACzBG,eAAe,EAAE,0BAA0B;EAC3C,oBAAoB,EAAE;IAClBO,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBH,MAAM,EAAE,oBAAoB;IAC5B,WAAW,EAAE;MACTD,QAAQ,EAAE;IACd;EACJ,CAAC;EACD,YAAY,EAAE;IACVG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE,oBAAoB;IAC/BL,QAAQ,EAAE;EACd;AACJ,CAAC,qBAAC;AAAC;AAOH,IAAMM,SAAmC,GAAG,SAAtCA,SAAmC,CAAGC,KAAK,EAAI;EACjD,oBACI,oBAAC,UAAI;IAAC,SAAS,EAAE,IAAAC,mBAAQ,EAAChB,IAAI,EAAEe,KAAK,CAACE,SAAS,EAAE,mBAAmB;EAAE,GACjEF,KAAK,CAACG,QAAQ,CACZ;AAEf,CAAC;AAAC;AAEF,IAAMC,SAA8B,GAAG,SAAjCA,SAA8B,CAAGJ,KAAK,EAAI;EAC5C,IAAMK,QAAQ,GAAG,qBAAML,KAAK,CAAC;EAC7B,IAAI,CAACK,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC,EAAE;IAClCD,QAAQ,CAACE,IAAI,GAAG,CAAC;EACrB;EAEA,oBACI,oBAAC,UAAI,EACG,IAAAC,mBAAU,EACVH,QAAQ,EACR,IAAAJ,mBAAQ,EAACN,SAAS,EAAEK,KAAK,CAACE,SAAS,EAAE,+BAA+B,CAAC,CACxE,EAEAG,QAAQ,CAACF,QAAQ,CACf;AAEf,CAAC;AAAC;AAEF,IAAMM,UAA+B,GAAG,SAAlCA,UAA+B,CAAGT,KAAK,EAAI;EAC7C,IAAMK,QAAQ,GAAG,qBAAML,KAAK,CAAC;EAC7B,IAAI,CAACK,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC,EAAE;IAClCD,QAAQ,CAACE,IAAI,GAAG,CAAC;EACrB;EAEA,oBACI,oBAAC,UAAI,EAAK,IAAAC,mBAAU,EAACH,QAAQ,EAAE,gCAAgC,CAAC,eAC5D,oBAAC,iBAAiB;IACd,SAAS,EAAE,wCAAyC;IACpD,EAAE,EAAE;EAAgC,GAEnCA,QAAQ,CAACF,QAAQ,CACF,CACjB;AAEf,CAAC;AAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Grid","_emotion","_styled","_clone","_Helpers","grid","css","padding","margin","backgroundColor","gridGap","RightPanelWrapper","styled","target","label","overflow","height","leftPanel","display","flexDirection","maxHeight","exports","SplitView","props","createElement","Grid","className","classSet","children","LeftPanel","propList","clone","hasOwnProperty","span","Cell","getClasses","RightPanel","id"],"sources":["SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport classSet from \"classnames\";\nimport { Cell, Grid, CellProps } from \"@webiny/ui/Grid\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport clone from \"lodash/clone\";\nimport { getClasses } from \"@webiny/ui/Helpers\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        margin: \"-3px auto 0 auto\",\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst RightPanelWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\nexport const 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 = (props: SplitViewProps) => {\n    return (\n        <Grid className={classSet(grid, props.className, \"webiny-split-view\")}>\n            {props.children}\n        </Grid>\n    );\n};\n\nconst LeftPanel = (props: CellProps) => {\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 = (props: CellProps) => {\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"],"mappings":"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"}

package/components/SplitView/index.js

@@ -21,4 +21,6 @@ Object.defineProperty(exports, "SplitView", {
     return _SplitView.SplitView;
   }
 });
-var _SplitView = require("./SplitView");
+var _SplitView = require("./SplitView");
+
+//# sourceMappingURL=index.js.map

package/components/SplitView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["_SplitView","require"],"sources":["index.ts"],"sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA"}

package/components/Wcp.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface CanUsePrivateFilesProps {
+    children: React.ReactNode;
+}
+declare function CanUsePrivateFiles({ children }: CanUsePrivateFilesProps): JSX.Element | null;
+export declare const Wcp: {
+    CanUsePrivateFiles: typeof CanUsePrivateFiles;
+};
+export {};

package/components/Wcp.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wcp = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appWcp = require("@webiny/app-wcp");
+function CanUsePrivateFiles(_ref) {
+  var children = _ref.children;
+  var wcp = (0, _appWcp.useWcp)();
+  return wcp.canUsePrivateFiles() ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children) : null;
+}
+var Wcp = {
+  CanUsePrivateFiles: CanUsePrivateFiles
+};
+exports.Wcp = Wcp;
+
+//# sourceMappingURL=Wcp.js.map

package/components/Wcp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appWcp","CanUsePrivateFiles","_ref","children","wcp","useWcp","canUsePrivateFiles","default","createElement","Fragment","Wcp","exports"],"sources":["Wcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { useWcp } from \"@webiny/app-wcp\";\n\ninterface CanUsePrivateFilesProps {\n    children: React.ReactNode;\n}\n\nfunction CanUsePrivateFiles({ children }: CanUsePrivateFilesProps) {\n    const wcp = useWcp();\n\n    return wcp.canUsePrivateFiles() ? <>{children}</> : null;\n}\n\nexport const Wcp = {\n    CanUsePrivateFiles\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAMA,SAASE,kBAAkBA,CAAAC,IAAA,EAAwC;EAAA,IAArCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAClC,IAAMC,GAAG,GAAG,IAAAC,cAAM,EAAC,CAAC;EAEpB,OAAOD,GAAG,CAACE,kBAAkB,CAAC,CAAC,gBAAGT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAAAX,MAAA,CAAAU,OAAA,CAAAE,QAAA,QAAGN,QAAW,CAAC,GAAG,IAAI;AAC5D;AAEO,IAAMO,GAAG,GAAG;EACfT,kBAAkB,EAAlBA;AACJ,CAAC;AAACU,OAAA,CAAAD,GAAA,GAAAA,GAAA"}

package/components/index.js

@@ -9,4 +9,6 @@ Object.defineProperty(exports, "FileManager", {
     return _FileManager.FileManager;
   }
 });
-var _FileManager = require("../base/ui/FileManager");
+var _FileManager = require("../base/ui/FileManager");
+
+//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"~/base/ui/FileManager\";\n"],"mappings":";;;;;;;;;;;AAAA"}
+{"version":3,"names":["_FileManager","require"],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"~/base/ui/FileManager\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA"}

package/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./useConfirmationDialog";
+export * from "./useDialog";
+export * from "./useSnackbar";
+export * from "./useKeyHandler";
+export * from "./useShiftKey";
+export * from "./useModKey";
+export * from "./useIsMounted";

package/hooks/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useConfirmationDialog = require("./useConfirmationDialog");
+Object.keys(_useConfirmationDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useConfirmationDialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useConfirmationDialog[key];
+    }
+  });
+});
+var _useDialog = require("./useDialog");
+Object.keys(_useDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDialog[key];
+    }
+  });
+});
+var _useSnackbar = require("./useSnackbar");
+Object.keys(_useSnackbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useSnackbar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useSnackbar[key];
+    }
+  });
+});
+var _useKeyHandler = require("./useKeyHandler");
+Object.keys(_useKeyHandler).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useKeyHandler[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useKeyHandler[key];
+    }
+  });
+});
+var _useShiftKey = require("./useShiftKey");
+Object.keys(_useShiftKey).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useShiftKey[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useShiftKey[key];
+    }
+  });
+});
+var _useModKey = require("./useModKey");
+Object.keys(_useModKey).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useModKey[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useModKey[key];
+    }
+  });
+});
+var _useIsMounted = require("./useIsMounted");
+Object.keys(_useIsMounted).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useIsMounted[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useIsMounted[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useConfirmationDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useDialog","_useSnackbar","_useKeyHandler","_useShiftKey","_useModKey","_useIsMounted"],"sources":["index.ts"],"sourcesContent":["export * from \"./useConfirmationDialog\";\nexport * from \"./useDialog\";\nexport * from \"./useSnackbar\";\nexport * from \"./useKeyHandler\";\nexport * from \"./useShiftKey\";\nexport * from \"./useModKey\";\nexport * from \"./useIsMounted\";\n"],"mappings":"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"}

package/hooks/useConfirmationDialog.js

@@ -54,4 +54,6 @@ var useConfirmationDialog = function useConfirmationDialog() {
     }
   };
 };
-exports.useConfirmationDialog = useConfirmationDialog;
+exports.useConfirmationDialog = useConfirmationDialog;
+
+//# sourceMappingURL=useConfirmationDialog.js.map

package/hooks/useConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","loading","options","ui","useUi","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: React.ReactNode;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = <CircularProgress />,\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,\n                            loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAAuD;AAAA;AAEvD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAOuB;EAAA,+EAAtC,CAAC,CAAC;EAAA,sBANVC,KAAK;IAALA,KAAK,2BAAGJ,CAAC;IACTK,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAGN,CAAC;IAAA,wBACfO,WAAW;IAAXA,WAAW,iCAAGP,CAAC;IAAA,oBACfQ,OAAO;IAAPA,OAAO,0CAAG,6BAAC,0BAAgB,OAAG;IAC3BC,OAAO;EAEV,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,OAAO;IACHC,gBAAgB,EAAE,0BAACC,QAAQ,EAAEC,QAAQ,EAAK;MACtCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEACOA,EAAE;UACLM,MAAM,EAAE;YACJX,OAAO,EAAEA,OAAO,IAAIL,CAAC,uHAAoC;YACzDS,OAAO,8DACAA,OAAO;cACVL,KAAK,EAALA,KAAK;cACLI,OAAO,EAAPA,OAAO;cACPS,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEb,WAAW;kBAClBc,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEN;gBACb;cACJ;YAAC;UAET;QAAC;MAET,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_useUi","_i18n","_Progress","_templateObject","_templateObject2","_templateObject3","_templateObject4","_excluded","t","i18n","ns","useConfirmationDialog","_ref","arguments","length","undefined","_ref$title","title","_taggedTemplateLiteral2","default","message","_ref$acceptLabel","acceptLabel","_ref$cancelLabel","cancelLabel","_ref$loading","loading","createElement","CircularProgress","options","_objectWithoutProperties2","ui","useUi","showConfirmation","onAccept","onCancel","setState","_objectSpread2","dialog","actions","accept","label","onClick","cancel","exports"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: React.ReactNode;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = <CircularProgress />,\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,\n                            loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAuD,IAAAI,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,IAAAC,SAAA;AAEvD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAOuB;EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAtC,CAAC,CAAC;EAAA,IAAAG,UAAA,GAAAJ,IAAA,CANVK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGR,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAe,uBAAA,CAAAC,OAAA,wBAAAH,UAAA;IACTI,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IAAAC,gBAAA,GAAAT,IAAA,CACPU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAGb,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAc,uBAAA,CAAAC,OAAA,mBAAAE,gBAAA;IAAAE,gBAAA,GAAAX,IAAA,CACfY,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAGf,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,kBAAAI,gBAAA;IAAAE,YAAA,GAAAb,IAAA,CACfc,OAAO;IAAPA,OAAO,GAAAD,YAAA,2BAAG5B,MAAA,CAAAsB,OAAA,CAAAQ,aAAA,CAACzB,SAAA,CAAA0B,gBAAgB,MAAE,CAAC,GAAAH,YAAA;IAC3BI,OAAO,OAAAC,yBAAA,CAAAX,OAAA,EAAAP,IAAA,EAAAL,SAAA;EAEV,IAAMwB,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,OAAO;IACHC,gBAAgB,EAAE,SAAAA,iBAACC,QAAQ,EAAEC,QAAQ,EAAK;MACtCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,WAAAM,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MACOY,EAAE;UACLO,MAAM,EAAE;YACJlB,OAAO,EAAEA,OAAO,IAAIZ,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,2CAAoC;YACzDU,OAAO,MAAAQ,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MACAU,OAAO;cACVZ,KAAK,EAALA,KAAK;cACLS,OAAO,EAAPA,OAAO;cACPa,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEnB,WAAW;kBAClBoB,OAAO,EAAER;gBACb,CAAC;gBACDS,MAAM,EAAE;kBACJF,KAAK,EAAEjB,WAAW;kBAClBkB,OAAO,EAAEP;gBACb;cACJ;YAAC;UAET;QAAC;MAET,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAACS,OAAA,CAAAjC,qBAAA,GAAAA,qBAAA"}

package/hooks/useDialog.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDialog = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _useUi = require("@webiny/app/hooks/useUi");
+// TODO @ts-refactor
+
 var useDialog = function useDialog() {
   var ui = (0, _useUi.useUi)();
   return {
@@ -29,4 +31,6 @@ var useDialog = function useDialog() {
     }
   };
 };
-exports.useDialog = useDialog;
+exports.useDialog = useDialog;
+
+//# sourceMappingURL=useDialog.js.map

package/hooks/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDialog","ui","useUi","showDialog","message","options","setState","dialog","hideDialog"],"sources":["useDialog.ts"],"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"],"mappings":";;;;;;;;AACA;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAA4B;EACvC,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,OAAO;IACHC,UAAU,EAAE,oBAACC,OAAO,EAAEC,OAAO,EAAK;MAC9BJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,MAAM,EAAE;YAAEH,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAChD,CAAC,CAAC;IACN,CAAC;IACDG,UAAU,EAAE,sBAAM;MACdP,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,MAAM,EAAE;QAAI;MAChC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_useUi","require","useDialog","ui","useUi","showDialog","message","options","setState","_objectSpread2","default","dialog","hideDialog","exports"],"sources":["useDialog.ts"],"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"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA;;AAQA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAA4B;EACvC,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,OAAO;IACHC,UAAU,EAAE,SAAAA,WAACC,OAAO,EAAEC,OAAO,EAAK;MAC9BJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,WAAAM,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYP,EAAE;UAAEQ,MAAM,EAAE;YAAEL,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAChD,CAAC,CAAC;IACN,CAAC;IACDK,UAAU,EAAE,SAAAA,WAAA,EAAM;MACdT,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,WAAAM,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYP,EAAE;UAAEQ,MAAM,EAAE;QAAI;MAChC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAACE,OAAA,CAAAX,SAAA,GAAAA,SAAA"}

package/hooks/useIsMounted.d.ts

@@ -0,0 +1,3 @@
+export declare const useIsMounted: () => {
+    isMounted: () => boolean;
+};

package/hooks/useIsMounted.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsMounted = void 0;
+var _react = require("react");
+var useIsMounted = function useIsMounted() {
+  var isMountedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    isMountedRef.current = true;
+    return function () {
+      isMountedRef.current = false;
+    };
+  }, []);
+  return {
+    isMounted: function isMounted() {
+      return isMountedRef.current;
+    }
+  };
+};
+exports.useIsMounted = useIsMounted;
+
+//# sourceMappingURL=useIsMounted.js.map