@webiny/app-admin 5.36.2 → 5.37.0-beta.1

package/plugins/globalSearch/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["SearchShortcut","styled","border","color","borderRadius","width","height","marginTop","textAlign","fontSize","paddingTop","boxSizing","cursor","opacity","SearchBarWrapper","display","SearchBarInputWrapper","position","searchBarInput","css","lineHeight","outline","backgroundColor","paddingLeft","borderBottom","searchBarDropdown","background","left","top","zIndex","padding","fontWeight","icon","paddingRight","iconSearchType","searchWrapper","transition","boxShadow","input"],"sources":["styled.ts"],"sourcesContent":["// TODO remove\n// @ts-nocheck\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const SearchShortcut = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-surface)\",\n    color: \"var(--mdc-theme-surface)\",\n    borderRadius: 5,\n    width: 20,\n    height: 24,\n    marginTop: 1,\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    paddingTop: \"3px\",\n    boxSizing: \"border-box\",\n    cursor: \"default\",\n    opacity: \"0.8\"\n});\n\nexport const SearchBarWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\"\n});\n\nexport const SearchBarInputWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    position: \"relative\"\n});\n\nexport const searchBarInput = css({\n    width: \"100%\",\n    lineHeight: 1,\n    border: \"none\",\n    outline: \"none\",\n    backgroundColor: \"transparent\",\n    \"&.mdc-text-field__input\": {\n        paddingTop: \"5px !important\",\n        paddingLeft: \"10px !important\",\n        borderBottom: \"none !important\",\n        height: \"25px !important\",\n        color: \"var(--mdc-theme-surface)\",\n        \"&::placeholder\": {\n            color: \"var(--mdc-theme-surface) !important\",\n            opacity: \"1 !important\"\n        },\n        \"&:focus::placeholder\": {\n            color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n        }\n    }\n});\n\nexport const searchBarDropdown = css({\n    position: \"absolute\",\n    background: \"white\",\n    left: -1,\n    width: \"calc(100% + 2px)\",\n    top: 45,\n    zIndex: 2,\n    color: \"var(--mdc-theme-on-surface)\",\n    borderRadius: \"0 0 5px 5px\",\n    \".mdc-list\": {\n        padding: 0,\n        \".mdc-list-item\": {\n            \"&.selected\": {\n                fontWeight: \"bold\"\n            },\n            \"&.highlighted\": {\n                backgroundColor: \"var(--mdc-theme-on-background)\"\n            }\n        }\n    }\n});\n\nexport const icon = css({\n    \"&.mdc-button__icon\": {\n        width: \"auto !important\",\n        paddingRight: 5,\n        opacity: 0.75,\n        marginTop: 2\n    }\n});\n\nexport const iconSearchType = css({\n    cursor: \"pointer\",\n    paddingLeft: 5\n});\n\nexport const searchWrapper = css({\n    backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n    display: \"flex\",\n    padding: \"10px 20px\",\n    position: \"relative\",\n    borderRadius: 4,\n    transition: \"background 100ms ease-in,width 100ms ease-out\",\n    color: \"var(--mdc-theme-surface)\",\n    border: \"1px solid transparent\",\n    \"&.active\": {\n        color: \"var(--mdc-theme-on-surface)\",\n        border: \"1px solid var(--mdc-theme-text-hint-on-dark)\",\n        background: \"var(--mdc-theme-surface)\",\n        boxShadow: \"0 1px 1px var(--mdc-theme-text-hint-on-dark)\",\n        input: {\n            color: \"var(--mdc-theme-on-surface)\"\n        },\n        [SearchShortcut]: {\n            display: \"none\"\n        }\n    },\n    input: {\n        color: \"var(--mdc-theme-surface)\"\n    }\n});\n"],"mappings":";;;;;;;;AAEA;AACA;AAHA;AACA;;AAIO,IAAMA,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACxCC,MAAM,EAAE,oCAAoC;EAC5CC,KAAK,EAAE,0BAA0B;EACjCC,YAAY,EAAE,CAAC;EACfC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE,CAAC;EACZC,SAAS,EAAE,QAAQ;EACnBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,KAAK;EACjBC,SAAS,EAAE,YAAY;EACvBC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE;AACb,CAAC,CAAC;AAAC;AAEI,IAAMC,gBAAgB,oBAAGb,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1Cc,OAAO,EAAE,MAAM;EACfV,KAAK,EAAE;AACX,CAAC,CAAC;AAAC;AAEI,IAAMW,qBAAqB,oBAAGf,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC/Cc,OAAO,EAAE,MAAM;EACfV,KAAK,EAAE,MAAM;EACbY,QAAQ,EAAE;AACd,CAAC,CAAC;AAAC;AAEI,IAAMC,cAAc,gBAAG,IAAAC,YAAG,EAAC;EAC9Bd,KAAK,EAAE,MAAM;EACbe,UAAU,EAAE,CAAC;EACblB,MAAM,EAAE,MAAM;EACdmB,OAAO,EAAE,MAAM;EACfC,eAAe,EAAE,aAAa;EAC9B,yBAAyB,EAAE;IACvBZ,UAAU,EAAE,gBAAgB;IAC5Ba,WAAW,EAAE,iBAAiB;IAC9BC,YAAY,EAAE,iBAAiB;IAC/BlB,MAAM,EAAE,iBAAiB;IACzBH,KAAK,EAAE,0BAA0B;IACjC,gBAAgB,EAAE;MACdA,KAAK,EAAE,qCAAqC;MAC5CU,OAAO,EAAE;IACb,CAAC;IACD,sBAAsB,EAAE;MACpBV,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,0BAAC;AAAC;AAEI,IAAMsB,iBAAiB,gBAAG,IAAAN,YAAG,EAAC;EACjCF,QAAQ,EAAE,UAAU;EACpBS,UAAU,EAAE,OAAO;EACnBC,IAAI,EAAE,CAAC,CAAC;EACRtB,KAAK,EAAE,kBAAkB;EACzBuB,GAAG,EAAE,EAAE;EACPC,MAAM,EAAE,CAAC;EACT1B,KAAK,EAAE,6BAA6B;EACpCC,YAAY,EAAE,aAAa;EAC3B,WAAW,EAAE;IACT0B,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;MACd,YAAY,EAAE;QACVC,UAAU,EAAE;MAChB,CAAC;MACD,eAAe,EAAE;QACbT,eAAe,EAAE;MACrB;IACJ;EACJ;AACJ,CAAC,6BAAC;AAAC;AAEI,IAAMU,IAAI,gBAAG,IAAAb,YAAG,EAAC;EACpB,oBAAoB,EAAE;IAClBd,KAAK,EAAE,iBAAiB;IACxB4B,YAAY,EAAE,CAAC;IACfpB,OAAO,EAAE,IAAI;IACbN,SAAS,EAAE;EACf;AACJ,CAAC,gBAAC;AAAC;AAEI,IAAM2B,cAAc,gBAAG,IAAAf,YAAG,EAAC;EAC9BP,MAAM,EAAE,SAAS;EACjBW,WAAW,EAAE;AACjB,CAAC,0BAAC;AAAC;AAEI,IAAMY,aAAa,gBAAG,IAAAhB,YAAG,EAAC;EAC7BG,eAAe,EAAE,oBAAoB;EACrCP,OAAO,EAAE,MAAM;EACfe,OAAO,EAAE,WAAW;EACpBb,QAAQ,EAAE,UAAU;EACpBb,YAAY,EAAE,CAAC;EACfgC,UAAU,EAAE,+CAA+C;EAC3DjC,KAAK,EAAE,0BAA0B;EACjCD,MAAM,EAAE,uBAAuB;EAC/B,UAAU;IACNC,KAAK,EAAE,6BAA6B;IACpCD,MAAM,EAAE,8CAA8C;IACtDwB,UAAU,EAAE,0BAA0B;IACtCW,SAAS,EAAE,8CAA8C;IACzDC,KAAK,EAAE;MACHnC,KAAK,EAAE;IACX;EAAC,GACAH,cAAc,EAAG;IACde,OAAO,EAAE;EACb,CAAC,CACJ;EACDuB,KAAK,EAAE;IACHnC,KAAK,EAAE;EACX;AACJ,CAAC,yBAAC;AAAC"}
+{"version":3,"names":["_emotion","require","_styled","_interopRequireDefault","SearchShortcut","styled","target","label","border","color","borderRadius","width","height","marginTop","textAlign","fontSize","paddingTop","boxSizing","cursor","opacity","exports","SearchBarWrapper","display","SearchBarInputWrapper","position","searchBarInput","css","lineHeight","outline","backgroundColor","paddingLeft","borderBottom","searchBarDropdown","background","left","top","zIndex","padding","fontWeight","icon","paddingRight","iconSearchType","searchWrapper","transition","_defineProperty2","default","boxShadow","input"],"sources":["styled.ts"],"sourcesContent":["// TODO remove\n// @ts-nocheck\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const SearchShortcut = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-surface)\",\n    color: \"var(--mdc-theme-surface)\",\n    borderRadius: 5,\n    width: 20,\n    height: 24,\n    marginTop: 1,\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    paddingTop: \"3px\",\n    boxSizing: \"border-box\",\n    cursor: \"default\",\n    opacity: \"0.8\"\n});\n\nexport const SearchBarWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\"\n});\n\nexport const SearchBarInputWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    position: \"relative\"\n});\n\nexport const searchBarInput = css({\n    width: \"100%\",\n    lineHeight: 1,\n    border: \"none\",\n    outline: \"none\",\n    backgroundColor: \"transparent\",\n    \"&.mdc-text-field__input\": {\n        paddingTop: \"5px !important\",\n        paddingLeft: \"10px !important\",\n        borderBottom: \"none !important\",\n        height: \"25px !important\",\n        color: \"var(--mdc-theme-surface)\",\n        \"&::placeholder\": {\n            color: \"var(--mdc-theme-surface) !important\",\n            opacity: \"1 !important\"\n        },\n        \"&:focus::placeholder\": {\n            color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n        }\n    }\n});\n\nexport const searchBarDropdown = css({\n    position: \"absolute\",\n    background: \"white\",\n    left: -1,\n    width: \"calc(100% + 2px)\",\n    top: 45,\n    zIndex: 2,\n    color: \"var(--mdc-theme-on-surface)\",\n    borderRadius: \"0 0 5px 5px\",\n    \".mdc-list\": {\n        padding: 0,\n        \".mdc-list-item\": {\n            \"&.selected\": {\n                fontWeight: \"bold\"\n            },\n            \"&.highlighted\": {\n                backgroundColor: \"var(--mdc-theme-on-background)\"\n            }\n        }\n    }\n});\n\nexport const icon = css({\n    \"&.mdc-button__icon\": {\n        width: \"auto !important\",\n        paddingRight: 5,\n        opacity: 0.75,\n        marginTop: 2\n    }\n});\n\nexport const iconSearchType = css({\n    cursor: \"pointer\",\n    paddingLeft: 5\n});\n\nexport const searchWrapper = css({\n    backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n    display: \"flex\",\n    padding: \"10px 20px\",\n    position: \"relative\",\n    borderRadius: 4,\n    transition: \"background 100ms ease-in,width 100ms ease-out\",\n    color: \"var(--mdc-theme-surface)\",\n    border: \"1px solid transparent\",\n    \"&.active\": {\n        color: \"var(--mdc-theme-on-surface)\",\n        border: \"1px solid var(--mdc-theme-text-hint-on-dark)\",\n        background: \"var(--mdc-theme-surface)\",\n        boxShadow: \"0 1px 1px var(--mdc-theme-text-hint-on-dark)\",\n        input: {\n            color: \"var(--mdc-theme-on-surface)\"\n        },\n        [SearchShortcut]: {\n            display: \"none\"\n        }\n    },\n    input: {\n        color: \"var(--mdc-theme-surface)\"\n    }\n});\n"],"mappings":";;;;;;;;AAEA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAHA;AACA;;AAIO,IAAMG,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACxCC,MAAM,EAAE,oCAAoC;EAC5CC,KAAK,EAAE,0BAA0B;EACjCC,YAAY,EAAE,CAAC;EACfC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE,CAAC;EACZC,SAAS,EAAE,QAAQ;EACnBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,KAAK;EACjBC,SAAS,EAAE,YAAY;EACvBC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE;AACb,CAAC,CAAC;AAACC,OAAA,CAAAhB,cAAA,GAAAA,cAAA;AAEI,IAAMiB,gBAAgB,oBAAGhB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC1Ce,OAAO,EAAE,MAAM;EACfX,KAAK,EAAE;AACX,CAAC,CAAC;AAACS,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEI,IAAME,qBAAqB,oBAAGlB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC/Ce,OAAO,EAAE,MAAM;EACfX,KAAK,EAAE,MAAM;EACba,QAAQ,EAAE;AACd,CAAC,CAAC;AAACJ,OAAA,CAAAG,qBAAA,GAAAA,qBAAA;AAEI,IAAME,cAAc,gBAAG,IAAAC,YAAG,EAAC;EAC9Bf,KAAK,EAAE,MAAM;EACbgB,UAAU,EAAE,CAAC;EACbnB,MAAM,EAAE,MAAM;EACdoB,OAAO,EAAE,MAAM;EACfC,eAAe,EAAE,aAAa;EAC9B,yBAAyB,EAAE;IACvBb,UAAU,EAAE,gBAAgB;IAC5Bc,WAAW,EAAE,iBAAiB;IAC9BC,YAAY,EAAE,iBAAiB;IAC/BnB,MAAM,EAAE,iBAAiB;IACzBH,KAAK,EAAE,0BAA0B;IACjC,gBAAgB,EAAE;MACdA,KAAK,EAAE,qCAAqC;MAC5CU,OAAO,EAAE;IACb,CAAC;IACD,sBAAsB,EAAE;MACpBV,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,0BAAC;AAACW,OAAA,CAAAK,cAAA,GAAAA,cAAA;AAEI,IAAMO,iBAAiB,gBAAG,IAAAN,YAAG,EAAC;EACjCF,QAAQ,EAAE,UAAU;EACpBS,UAAU,EAAE,OAAO;EACnBC,IAAI,EAAE,CAAC,CAAC;EACRvB,KAAK,EAAE,kBAAkB;EACzBwB,GAAG,EAAE,EAAE;EACPC,MAAM,EAAE,CAAC;EACT3B,KAAK,EAAE,6BAA6B;EACpCC,YAAY,EAAE,aAAa;EAC3B,WAAW,EAAE;IACT2B,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;MACd,YAAY,EAAE;QACVC,UAAU,EAAE;MAChB,CAAC;MACD,eAAe,EAAE;QACbT,eAAe,EAAE;MACrB;IACJ;EACJ;AACJ,CAAC,6BAAC;AAACT,OAAA,CAAAY,iBAAA,GAAAA,iBAAA;AAEI,IAAMO,IAAI,gBAAG,IAAAb,YAAG,EAAC;EACpB,oBAAoB,EAAE;IAClBf,KAAK,EAAE,iBAAiB;IACxB6B,YAAY,EAAE,CAAC;IACfrB,OAAO,EAAE,IAAI;IACbN,SAAS,EAAE;EACf;AACJ,CAAC,gBAAC;AAACO,OAAA,CAAAmB,IAAA,GAAAA,IAAA;AAEI,IAAME,cAAc,gBAAG,IAAAf,YAAG,EAAC;EAC9BR,MAAM,EAAE,SAAS;EACjBY,WAAW,EAAE;AACjB,CAAC,0BAAC;AAACV,OAAA,CAAAqB,cAAA,GAAAA,cAAA;AAEI,IAAMC,aAAa,gBAAG,IAAAhB,YAAG,EAAC;EAC7BG,eAAe,EAAE,oBAAoB;EACrCP,OAAO,EAAE,MAAM;EACfe,OAAO,EAAE,WAAW;EACpBb,QAAQ,EAAE,UAAU;EACpBd,YAAY,EAAE,CAAC;EACfiC,UAAU,EAAE,+CAA+C;EAC3DlC,KAAK,EAAE,0BAA0B;EACjCD,MAAM,EAAE,uBAAuB;EAC/B,UAAU,MAAAoC,gBAAA,CAAAC,OAAA;IACNpC,KAAK,EAAE,6BAA6B;IACpCD,MAAM,EAAE,8CAA8C;IACtDyB,UAAU,EAAE,0BAA0B;IACtCa,SAAS,EAAE,8CAA8C;IACzDC,KAAK,EAAE;MACHtC,KAAK,EAAE;IACX;EAAC,GACAL,cAAc,EAAG;IACdkB,OAAO,EAAE;EACb,CAAC,CACJ;EACDyB,KAAK,EAAE;IACHtC,KAAK,EAAE;EACX;AACJ,CAAC,yBAAC;AAACW,OAAA,CAAAsB,aAAA,GAAAA,aAAA"}

package/plugins/uiLayoutRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["getElementKey","element","constructor","name","id","ElementID","children","uiLayoutPlugin","UILayoutPlugin","layout","setRenderer","props","hasParentGrid","getGrid","getLayout","map","row","index","item","getElement","console","warn","shouldRender","render","GridComponent","GridInner","Grid","width"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport { UIElement } from \"~/ui/UIElement\";\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID: React.FC = ({ children }) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport const uiLayoutPlugin = new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAGA,SAASA,aAAa,CAACC,OAAkB,EAAE;EACvC,iBAAUA,OAAO,CAACC,WAAW,CAACC,IAAI,cAAIF,OAAO,CAACG,EAAE;AACpD;AAEA,IAAMC,SAAmB,GAAG,SAAtBA,SAAmB,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACnC,OAAOA,QAAQ;AACnB,CAAC;AAEM,IAAMC,cAAc,GAAG,IAAIC,wBAAc,CAAC,UAAAC,MAAM,EAAI;EACvDA,MAAM,CAACC,WAAW,CAAC,iBAAsC;IAAA,IAAnCD,MAAM,SAANA,MAAM;MAAEE,KAAK,SAALA,KAAK;MAAEC,aAAa,SAAbA,aAAa;IAC9C,IAAI,CAACH,MAAM,CAACI,OAAO,EAAE,EAAE;MACnB,oBACI,6BAAC,eAAQ,QACJJ,MAAM,CAACK,SAAS,EAAE,CAACC,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;QAAA,oBAC/B,6BAAC,eAAQ;UAAC,GAAG,EAAEA;QAAM,GAChBD,GAAG,CAACD,GAAG,CAAC,UAAAG,IAAI,EAAI;UACb,IAAMjB,OAAO,GAAGQ,MAAM,CAACU,UAAU,CAACD,IAAI,CAACjB,OAAO,CAAC;UAE/C,IAAI,CAACA,OAAO,EAAE;YACVmB,OAAO,CAACC,IAAI,qBAAaH,IAAI,CAACjB,OAAO,uBAAmB;YACxD,OAAO,IAAI;UACf;UAEA,IAAI,CAACA,OAAO,CAACqB,YAAY,CAACX,KAAK,CAAC,EAAE;YAC9B,OAAO,IAAI;UACf;UAEA,oBACI,6BAAC,SAAS;YAAC,GAAG,EAAEX,aAAa,CAACC,OAAO;UAAE,GAClCA,OAAO,CAACsB,MAAM,CAACZ,KAAK,CAAC,CACd;QAEpB,CAAC,CAAC,CACK;MAAA,CACd,CAAC,CACK;IAEnB;IAEA,IAAMa,aAAa,GAAGZ,aAAa,GAAGa,eAAS,GAAGC,UAAI;IAEtD,oBACI,6BAAC,aAAa,QACTjB,MAAM,CAACK,SAAS,EAAE,CAACC,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;MAAA,oBAC/B,6BAAC,eAAQ;QAAC,GAAG,EAAEA;MAAM,GAChBD,GAAG,CAACD,GAAG,CAAC,UAAAG,IAAI,EAAI;QACb,IAAMjB,OAAO,GAAGQ,MAAM,CAACU,UAAU,CAACD,IAAI,CAACjB,OAAO,CAAC;QAC/C,IAAI,CAACA,OAAO,CAACqB,YAAY,CAACX,KAAK,CAAC,EAAE;UAC9B,OAAO,IAAI;QACf;QACA,oBACI,6BAAC,UAAI;UAAC,GAAG,EAAEO,IAAI,CAACjB,OAAQ;UAAC,IAAI,EAAEiB,IAAI,CAACS;QAAM,gBACtC,6BAAC,SAAS;UAAC,GAAG,EAAE3B,aAAa,CAACC,OAAO;QAAE,GAClCA,OAAO,CAACsB,MAAM,CAACZ,KAAK,CAAC,CACd,CACT;MAEf,CAAC,CAAC,CACK;IAAA,CACd,CAAC,CACU;EAExB,CAAC,CAAC;AACN,CAAC,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_UILayout","getElementKey","element","concat","constructor","name","id","ElementID","_ref","children","uiLayoutPlugin","UILayoutPlugin","layout","setRenderer","_ref2","props","hasParentGrid","getGrid","default","createElement","Fragment","getLayout","map","row","index","key","item","getElement","console","warn","shouldRender","render","GridComponent","GridInner","Grid","Cell","span","width","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport { UIElement } from \"~/ui/UIElement\";\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID: React.FC = ({ children }) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport const uiLayoutPlugin = new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":"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"}

package/types.d.ts

@@ -79,11 +79,20 @@ export interface FileItem {
     tags: string[];
     aliases: string[];
     createdOn: string;
+    savedOn: string;
     createdBy: {
         id: string;
         displayName: string;
     };
-    meta?: Record<string, any>;
+    location: {
+        folderId: string;
+    };
+    meta?: {
+        private?: boolean;
+        width?: number;
+        height?: number;
+    };
+    extensions?: Record<string, any>;
 }
 export interface FileManagerSecurityPermission extends SecurityPermission {
     rwd?: string;

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    aliases: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n        displayName: string;\n    };\n    meta?: Record<string, any>;\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    aliases: string[];\n    createdOn: string;\n    savedOn: string;\n    createdBy: {\n        id: string;\n        displayName: string;\n    };\n    location: {\n        folderId: string;\n    };\n    meta?: {\n        private?: boolean;\n        width?: number;\n        height?: number;\n    };\n    extensions?: Record<string, any>;\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}

package/ui/UIElement.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA"}
+{"version":3,"names":["_UIElement","require"],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAAA,UAAA,GAAAC,OAAA"}

package/ui/UILayout.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["_UILayout","require"],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA"}

package/ui/UIRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":";;;;;;;;;;;AAAA"}
+{"version":3,"names":["_UIRenderer","require"],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA"}

package/ui/UIView.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["UIView.tsx"],"sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA"}
+{"version":3,"names":["_UIView","require"],"sources":["UIView.tsx"],"sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA"}

package/ui/elements/AccordionElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["AccordionItemElement","id","config","title","description","props","open","rest","isOpened","UIElement","AccordionElement","useGrid","items","forEach","item","addElement","getElement"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-ignore\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AAAgE;AAAA,IAcnDA,oBAAoB;EAAA;EAAA;EAC7B,8BAAmBC,EAAU,EAAEC,MAAY,EAAE;IAAA;IAAA,yBACnCD,EAAE,EAAEC,MAAM;EACpB;EAAC;IAAA;IAAA,OAED,kBAAgBC,KAAa,EAAQ;MACjC,IAAI,CAACD,MAAM,CAACC,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,wBAAsBC,WAAmB,EAAQ;MAC7C,IAAI,CAACF,MAAM,CAACE,WAAW,GAAGA,WAAW;IACzC;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,mBAA0B,IAAI,CAACH,MAAM;QAA7BI,IAAI,gBAAJA,IAAI;QAAKC,IAAI;MACrB,IAAMC,QAAQ,GAAG,OAAOF,IAAI,KAAK,UAAU,GAAGA,IAAI,CAACD,KAAK,CAAC,GAAGC,IAAI;MAChE,oBACI,6BAAC,wBAAa;QAAC,IAAI,EAAEE;MAAS,GAAKD,IAAI,gHACrBF,KAAK,EACP;IAExB;EAAC;EAAA;AAAA,EArBqCI,qBAAS;AAAA;AAAA,IA4BtCC,gBAAgB;EAAA;EAAA;EACzB,0BAAmBT,EAAU,EAAEC,MAAc,EAAE;IAAA;IAAA;IAC3C,2BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKS,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAKT,MAAM,CAACU,KAAK,CAACC,OAAO,CAAC,UAAAC,IAAI,EAAI;MAC9B,MAAKC,UAAU,CAAC,IAAIf,oBAAoB,CAACc,IAAI,CAACb,EAAE,EAAEa,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC;IAAC;EACP;EAAC;IAAA;IAAA,OAED,iCAA+Bb,EAAU,EAAwB;MAC7D,OAAO,IAAI,CAACe,UAAU,CAACf,EAAE,CAAC;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAA2B,EAAmB;MACjE;AACR;AACA;AACA;MACQ;MACA,oBAAO,6BAAC,oBAAS;QAAC,SAAS,EAAE;MAAE,4GAAeA,KAAK,EAAc;IACrE;EAAC;EAAA;AAAA,EAtBiCI,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement3","_Accordion","_excluded","AccordionItemElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_classCallCheck2","call","_createClass2","key","value","setTitle","title","setDescription","description","render","props","_this$config","open","rest","_objectWithoutProperties2","isOpened","createElement","AccordionItem","Object","assign","_get2","_getPrototypeOf2","prototype","UIElement","exports","AccordionElement","_UIElement2","_super2","_this","useGrid","items","forEach","item","addElement","getAccordionItemElement","getElement","Accordion","elevation"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-ignore\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAgE,IAAAG,SAAA;AAAA,IAcnDC,oBAAoB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,oBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,oBAAA;EAC7B,SAAAA,qBAAmBM,EAAU,EAAEC,MAAY,EAAE;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,oBAAA;IAAA,OAAAI,MAAA,CAAAK,IAAA,OACnCH,EAAE,EAAEC,MAAM;EACpB;EAAC,IAAAG,aAAA,CAAAP,OAAA,EAAAH,oBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,SAAgBC,KAAa,EAAQ;MACjC,IAAI,CAACP,MAAM,CAACO,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,eAAsBC,WAAmB,EAAQ;MAC7C,IAAI,CAACT,MAAM,CAACS,WAAW,GAAGA,WAAW;IACzC;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAK,OAAuBC,KAA2B,EAAmB;MACjE,IAAAC,YAAA,GAA0B,IAAI,CAACZ,MAAM;QAA7Ba,IAAI,GAAAD,YAAA,CAAJC,IAAI;QAAKC,IAAI,OAAAC,yBAAA,CAAAnB,OAAA,EAAAgB,YAAA,EAAApB,SAAA;MACrB,IAAMwB,QAAQ,GAAG,OAAOH,IAAI,KAAK,UAAU,GAAGA,IAAI,CAACF,KAAK,CAAC,GAAGE,IAAI;MAChE,oBACI1B,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAC1B,UAAA,CAAA2B,aAAa,EAAAC,MAAA,CAAAC,MAAA;QAACP,IAAI,EAAEG;MAAS,GAAKF,IAAI,OAAAO,KAAA,CAAAzB,OAAA,MAAA0B,gBAAA,CAAA1B,OAAA,EAAAH,oBAAA,CAAA8B,SAAA,mBAAArB,IAAA,OACrBS,KAAK,CACR,CAAC;IAExB;EAAC;EAAA,OAAAlB,oBAAA;AAAA,EArBqC+B,qBAAS;AAAAC,OAAA,CAAAhC,oBAAA,GAAAA,oBAAA;AAAA,IA4BtCiC,gBAAgB,0BAAAC,WAAA;EAAA,IAAAhC,UAAA,CAAAC,OAAA,EAAA8B,gBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAA9B,aAAA,CAAAF,OAAA,EAAA8B,gBAAA;EACzB,SAAAA,iBAAmB3B,EAAU,EAAEC,MAAc,EAAE;IAAA,IAAA6B,KAAA;IAAA,IAAA5B,gBAAA,CAAAL,OAAA,QAAA8B,gBAAA;IAC3CG,KAAA,GAAAD,OAAA,CAAA1B,IAAA,OAAMH,EAAE,EAAEC,MAAM;IAEhB6B,KAAA,CAAKC,OAAO,CAAC,KAAK,CAAC;IAEnBD,KAAA,CAAK7B,MAAM,CAAC+B,KAAK,CAACC,OAAO,CAAC,UAAAC,IAAI,EAAI;MAC9BJ,KAAA,CAAKK,UAAU,CAAC,IAAIzC,oBAAoB,CAACwC,IAAI,CAAClC,EAAE,EAAEkC,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC;IAAC,OAAAJ,KAAA;EACP;EAAC,IAAA1B,aAAA,CAAAP,OAAA,EAAA8B,gBAAA;IAAAtB,GAAA;IAAAC,KAAA,EAED,SAAA8B,wBAA+BpC,EAAU,EAAwB;MAC7D,OAAO,IAAI,CAACqC,UAAU,CAACrC,EAAE,CAAC;IAC9B;EAAC;IAAAK,GAAA;IAAAC,KAAA,EAED,SAAAK,OAAuBC,KAA2B,EAAmB;MACjE;AACR;AACA;AACA;MACQ;MACA,oBAAOxB,MAAA,CAAAS,OAAA,CAAAqB,aAAA,CAAC1B,UAAA,CAAA8C,SAAS;QAACC,SAAS,EAAE;MAAE,OAAAjB,KAAA,CAAAzB,OAAA,MAAA0B,gBAAA,CAAA1B,OAAA,EAAA8B,gBAAA,CAAAH,SAAA,mBAAArB,IAAA,OAAeS,KAAK,CAAa,CAAC;IACrE;EAAC;EAAA,OAAAe,gBAAA;AAAA,EAtBiCF,qBAAS;AAAAC,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}

package/ui/elements/ButtonElement.js

@@ -9,10 +9,10 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _kebabCase2 = _interopRequireDefault(require("lodash/kebabCase"));
 var _react = _interopRequireDefault(require("react"));
 var _Button = require("@webiny/ui/Button");
 var _UIElement2 = require("../UIElement");
+var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var BUTTONS = {
   default: _Button.ButtonDefault,
   primary: _Button.ButtonPrimary,
@@ -77,7 +77,7 @@ var ButtonElement = /*#__PURE__*/function (_UIElement) {
         onClick: function onClick() {
           return _onClick(props);
         },
-        "data-testid": "button-element-".concat((0, _kebabCase2.default)(this.getLabel(props)))
+        "data-testid": "button-element-".concat((0, _kebabCase.default)(this.getLabel(props)))
       }, this.getLabel(props));
     }
   }]);

package/ui/elements/ButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","label","config","props","type","onClick","Component","getType","getOnClick","getLabel","UIElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { kebabCase } from \"lodash\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<TRenderProps = any> extends UIElement<\n    ButtonElementConfig<TRenderProps>\n> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-ignore\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component\n                onClick={() => onClick(props)}\n                data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n            >\n                {this.getLabel(props)}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAmBA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,aAAa;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAGtB,kBACIC,KAA+C,EAC3C;MACJ;AACR;AACA;AACA;MACQ;MACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,kBAAgBE,KAAoB,EAAU;MAC1C,IAAI,OAAO,IAAI,CAACD,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;QACzC;QACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACE,KAAK,CAAiB;MACnD;MACA,OAAO,IAAI,CAACD,MAAM,CAACD,KAAK;IAC5B;EAAC;IAAA;IAAA,OAED,iBAAeG,IAAuB,EAAQ;MAC1C,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,iBAAeD,KAAoB,EAAqB;MACpD,IAAI,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI,KAAK,UAAU,EAAE;QACxC;QACA,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI,CAACD,KAAK,CAAiB;MAClD;MACA,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,oBAAkBC,OAAoC,EAAQ;MAC1D,IAAI,CAACH,MAAM,CAACG,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,sBAAoB;MAChB,OAAO,IAAI,CAACH,MAAM,CAACG,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBF,KAAmB,EAAsB;MAC5D,IAAMG,SAAS,GAAGb,OAAO,CAAC,IAAI,CAACc,OAAO,CAACJ,KAAK,CAAC,CAAC;MAC9C,IAAME,QAAO,GAAG,IAAI,CAACG,UAAU,EAAE;MAEjC,oBACI,6BAAC,SAAS;QACN,OAAO,EAAE;UAAA,OAAMH,QAAO,CAACF,KAAK,CAAC;QAAA,CAAC;QAC9B,wCAA+B,yBAAU,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAC,CAAC;MAAG,GAEhE,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAC,CACb;IAEpB;EAAC;EAAA;AAAA,EAtDkDO,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_UIElement2","_kebabCase","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","_UIElement","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","setLabel","label","config","getLabel","props","setType","type","getType","setOnClick","onClick","getOnClick","render","Component","createElement","concat","kebabCase","UIElement","exports"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport kebabCase from \"lodash/kebabCase\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<TRenderProps = any> extends UIElement<\n    ButtonElementConfig<TRenderProps>\n> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-ignore\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component\n                onClick={() => onClick(props)}\n                data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n            >\n                {this.getLabel(props)}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAkBA,IAAMI,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,aAAa,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAR,OAAA,EAAAM,aAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,CAAAV,OAAA,EAAAM,aAAA;EAAA,SAAAA,cAAA;IAAA,IAAAK,gBAAA,CAAAX,OAAA,QAAAM,aAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAd,OAAA,EAAAM,aAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,SACIC,KAA+C,EAC3C;MACJ;AACR;AACA;AACA;MACQ;MACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,SAAgBC,KAAoB,EAAU;MAC1C,IAAI,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;QACzC;QACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACG,KAAqB,CAAC;MACnD;MACA,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK;IAC5B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAM,QAAeC,IAAuB,EAAQ;MAC1C,IAAI,CAACJ,MAAM,CAACI,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAQ,QAAeH,KAAoB,EAAqB;MACpD,IAAI,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI,KAAK,UAAU,EAAE;QACxC;QACA,OAAO,IAAI,CAACJ,MAAM,CAACI,IAAI,CAACF,KAAqB,CAAC;MAClD;MACA,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI;IAC3B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAS,WAAkBC,OAAoC,EAAQ;MAC1D,IAAI,CAACP,MAAM,CAACO,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAW,WAAA,EAAoB;MAChB,OAAO,IAAI,CAACR,MAAM,CAACO,OAAO;IAC9B;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAY,OAAuBP,KAAmB,EAAsB;MAC5D,IAAMQ,SAAS,GAAG9B,OAAO,CAAC,IAAI,CAACyB,OAAO,CAACH,KAAK,CAAC,CAAC;MAC9C,IAAMK,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACIlC,MAAA,CAAAO,OAAA,CAAA8B,aAAA,CAACD,SAAS;QACNH,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMA,QAAO,CAACL,KAAK,CAAC;QAAA,CAAC;QAC9B,iCAAAU,MAAA,CAA+B,IAAAC,kBAAS,EAAC,IAAI,CAACZ,QAAQ,CAACC,KAAK,CAAC,CAAC;MAAG,GAEhE,IAAI,CAACD,QAAQ,CAACC,KAAK,CACb,CAAC;IAEpB;EAAC;EAAA,OAAAf,aAAA;AAAA,EAtDkD2B,qBAAS;AAAAC,OAAA,CAAA5B,aAAA,GAAAA,aAAA"}

package/ui/elements/ButtonGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonGroup","styled","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","id","useGrid","props","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AAEA;AACA;AAEA,IAAMA,WAAW,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC9BC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxB,UAAU,EAAE;IACRC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAAC,IAEUC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA4B,EAAmB;MAClE,oBAAO,6BAAC,WAAW,mHAAeA,KAAK,EAAgB;IAC3D;EAAC;EAAA;AAAA,EATmCC,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_styled","ButtonGroup","styled","target","label","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,WAAW,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC9BC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxB,UAAU,EAAE;IACRC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAAC,IAEUC,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,kBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,kBAAA;EAC3B,SAAAA,mBAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,kBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,kBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA4B,EAAmB;MAClE,oBAAO9B,MAAA,CAAAkB,OAAA,CAAAa,aAAA,CAAC1B,WAAW,YAAA2B,KAAA,CAAAd,OAAA,MAAAe,gBAAA,CAAAf,OAAA,EAAAH,kBAAA,CAAAmB,SAAA,mBAAAV,IAAA,OAAeM,KAAK,CAAe,CAAC;IAC3D;EAAC;EAAA,OAAAf,kBAAA;AAAA,EATmCoB,qBAAS;AAAAC,OAAA,CAAArB,kBAAA,GAAAA,kBAAA"}

package/ui/elements/GenericElement.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["GenericElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/GenericElement\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_GenericElement","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["GenericElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/GenericElement\";\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/ui/elements/LabelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["LabelElement","id","config","applyPlugins","text","UIElement"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n    text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n    public constructor(id: string, config: LabelElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(LabelElement);\n    }\n\n    public getText(): string {\n        return this.config.text;\n    }\n\n    public setText(text: string): void {\n        this.config.text = text;\n    }\n\n    public override render(): React.ReactNode {\n        return this.config.text;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA;AAMA;AACA;AACA;AACA;AACA;AAJA,IAKaA,YAAY;EAAA;EAAA;EACrB,sBAAmBC,EAAU,EAAEC,MAA0B,EAAE;IAAA;IAAA;IACvD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,YAAY,CAAC;IAAC;EACpC;EAAC;IAAA;IAAA,OAED,mBAAyB;MACrB,OAAO,IAAI,CAACE,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,iBAAeA,IAAY,EAAQ;MAC/B,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,kBAA0C;MACtC,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI;IAC3B;EAAC;EAAA;AAAA,EAjB6BC,qBAAS;AAAA"}
+{"version":3,"names":["_UIElement2","require","LabelElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","applyPlugins","_createClass2","key","value","getText","text","setText","render","UIElement","exports"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n    text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n    public constructor(id: string, config: LabelElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(LabelElement);\n    }\n\n    public getText(): string {\n        return this.config.text;\n    }\n\n    public setText(text: string): void {\n        this.config.text = text;\n    }\n\n    public override render(): React.ReactNode {\n        return this.config.text;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA;AACA;AAJA,IAKaC,YAAY,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,YAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,YAAA;EACrB,SAAAA,aAAmBM,EAAU,EAAEC,MAA0B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,YAAA;IACvDQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACX,YAAY,CAAC;IAAC,OAAAQ,KAAA;EACpC;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,YAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAA,EAAyB;MACrB,OAAO,IAAI,CAACR,MAAM,CAACS,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,QAAeD,IAAY,EAAQ;MAC/B,IAAI,CAACT,MAAM,CAACS,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAA,EAA0C;MACtC,OAAO,IAAI,CAACX,MAAM,CAACS,IAAI;IAC3B;EAAC;EAAA,OAAAhB,YAAA;AAAA,EAjB6BmB,qBAAS;AAAAC,OAAA,CAAApB,YAAA,GAAAA,YAAA"}

package/ui/elements/NavigationMenuElement.js

@@ -17,12 +17,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _store = _interopRequireDefault(require("store"));
 var _UIElement2 = require("../UIElement");
 var LOCAL_STORAGE_KEY = "webiny_apps_menu_sections";
-var TAGS;
-exports.TAGS = TAGS;
-(function (TAGS) {
+var TAGS = /*#__PURE__*/function (TAGS) {
   TAGS["UTILS"] = "utils";
   TAGS["APP"] = "app";
-})(TAGS || (exports.TAGS = TAGS = {}));
+  return TAGS;
+}({});
+exports.TAGS = TAGS;
 var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(NavigationMenuElement, _UIElement);
   var _super = (0, _createSuper2.default)(NavigationMenuElement);

package/ui/elements/NavigationMenuElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["LOCAL_STORAGE_KEY","TAGS","NavigationMenuElement","id","config","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","element","runSorters","sorter","_sorters","push","icon","path","storeState","getView","refresh","splice","indexOf","collapseElement","expandElement","localStorage","get","split","filter","Boolean","set","join","getLayout","sort","UIElement"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n    label: React.ReactNode;\n    icon?: React.ReactElement;\n    path?: string;\n    onClick?: Function;\n    testId?: string;\n    rel?: string;\n    target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n    UTILS = \"utils\",\n    APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n    TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n    private _isExpanded = false;\n    private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        const state = this.loadState();\n        this._isExpanded = state.includes(this.id);\n\n        this.addSorter((a, b) => {\n            if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n                return -1;\n            }\n\n            if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n                return 1;\n            }\n\n            return (a.config.label as string).localeCompare(b.config.label as string);\n        });\n\n        // Apply plugins\n        this.applyPlugins(NavigationMenuElement);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        super.addElement(element);\n        this.runSorters();\n        return element;\n    }\n\n    public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n        this._sorters.push(sorter);\n    }\n\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n\n    public setIcon(icon: React.ReactElement): void {\n        this.config.icon = icon;\n    }\n\n    public setLabel(label: string): void {\n        this.config.label = label;\n    }\n\n    public setPath(path: string): void {\n        this.config.path = path;\n    }\n\n    public expandElement(): void {\n        this._isExpanded = true;\n        const state = this.loadState();\n        if (!state.includes(this.id)) {\n            state.push(this.id);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public collapseElement(): void {\n        this._isExpanded = false;\n        const state = this.loadState();\n        if (state.includes(this.id)) {\n            state.splice(state.indexOf(this.id), 1);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public toggleElement(): void {\n        if (this._isExpanded) {\n            this.collapseElement();\n            return;\n        }\n        this.expandElement();\n    }\n\n    private loadState(): string[] {\n        return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n    }\n\n    private storeState(state: string[]): void {\n        localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n    }\n\n    private runSorters(): void {\n        for (const sorter of this._sorters) {\n            this.getLayout().sort(sorter);\n        }\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["_store","_interopRequireDefault","require","_UIElement2","LOCAL_STORAGE_KEY","TAGS","exports","NavigationMenuElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","_createClass2","key","value","addElement","element","_get2","_getPrototypeOf2","prototype","runSorters","sorter","_sorters","push","get","setIcon","icon","setLabel","setPath","path","expandElement","storeState","getView","refresh","collapseElement","splice","indexOf","toggleElement","localStorage","split","filter","Boolean","set","join","_iterator","_createForOfIteratorHelper2","_step","s","n","done","getLayout","sort","err","e","f","UIElement"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n    label: React.ReactNode;\n    icon?: React.ReactElement;\n    path?: string;\n    onClick?: Function;\n    testId?: string;\n    rel?: string;\n    target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n    UTILS = \"utils\",\n    APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n    TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n    private _isExpanded = false;\n    private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        const state = this.loadState();\n        this._isExpanded = state.includes(this.id);\n\n        this.addSorter((a, b) => {\n            if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n                return -1;\n            }\n\n            if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n                return 1;\n            }\n\n            return (a.config.label as string).localeCompare(b.config.label as string);\n        });\n\n        // Apply plugins\n        this.applyPlugins(NavigationMenuElement);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        super.addElement(element);\n        this.runSorters();\n        return element;\n    }\n\n    public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n        this._sorters.push(sorter);\n    }\n\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n\n    public setIcon(icon: React.ReactElement): void {\n        this.config.icon = icon;\n    }\n\n    public setLabel(label: string): void {\n        this.config.label = label;\n    }\n\n    public setPath(path: string): void {\n        this.config.path = path;\n    }\n\n    public expandElement(): void {\n        this._isExpanded = true;\n        const state = this.loadState();\n        if (!state.includes(this.id)) {\n            state.push(this.id);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public collapseElement(): void {\n        this._isExpanded = false;\n        const state = this.loadState();\n        if (state.includes(this.id)) {\n            state.splice(state.indexOf(this.id), 1);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public toggleElement(): void {\n        if (this._isExpanded) {\n            this.collapseElement();\n            return;\n        }\n        this.expandElement();\n    }\n\n    private loadState(): string[] {\n        return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n    }\n\n    private storeState(state: string[]): void {\n        localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n    }\n\n    private runSorters(): void {\n        for (const sorter of this._sorters) {\n            this.getLayout().sort(sorter);\n        }\n    }\n}\n"],"mappings":"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"}

package/ui/elements/PanelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["PanelElement","UIElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;AAAA;AAA2C,IAE9BA,YAAY;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;AAAA,EAASC,qBAAS;AAAA"}
+{"version":3,"names":["_UIElement2","require","PanelElement","_UIElement","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","UIElement","exports"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAA2C,IAE9BC,YAAY,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,YAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,YAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,WAAAC,aAAA,CAAAN,OAAA,EAAAH,YAAA;AAAA,EAASU,qBAAS;AAAAC,OAAA,CAAAX,YAAA,GAAAA,YAAA"}

package/ui/elements/PlaceholderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["PlaceholderElement","UIElement"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n    public override render(): React.ReactNode {\n        return null;\n    }\n\n    public override remove(): void {\n        return;\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAyC,IAE5BA,kBAAkB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAC3B,kBAA0C;MACtC,OAAO,IAAI;IACf;EAAC;IAAA;IAAA,OAED,kBAA+B;MAC3B;IACJ;EAAC;EAAA;AAAA,EAPmCC,qBAAS;AAAA"}
+{"version":3,"names":["_UIElement2","require","PlaceholderElement","_UIElement","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","remove","UIElement","exports"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n    public override render(): React.ReactNode {\n        return null;\n    }\n\n    public override remove(): void {\n        return;\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAyC,IAE5BC,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,kBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,kBAAA;EAAA,SAAAA,mBAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,kBAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,kBAAA;IAAAU,GAAA;IAAAC,KAAA,EAC3B,SAAAC,OAAA,EAA0C;MACtC,OAAO,IAAI;IACf;EAAC;IAAAF,GAAA;IAAAC,KAAA,EAED,SAAAE,OAAA,EAA+B;MAC3B;IACJ;EAAC;EAAA,OAAAb,kBAAA;AAAA,EAPmCc,qBAAS;AAAAC,OAAA,CAAAf,kBAAA,GAAAA,kBAAA"}

package/ui/elements/SmallButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","id","config","applyPlugins","props","Component","getType","onClick","getOnClick","getLabel","ButtonElement"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {\n    public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n        super(id, config);\n\n        this.applyPlugins(SmallButtonElement);\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType()];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component small onClick={() => onClick(props)}>\n                {this.getLabel()}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAEC,MAAyC,EAAE;IAAA;IAAA;IACtE,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,kBAAkB,CAAC;IAAC;EAC1C;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGZ,OAAO,CAAC,IAAI,CAACa,OAAO,EAAE,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,EAAE;MAEjC,oBACI,6BAAC,SAAS;QAAC,KAAK;QAAC,OAAO,EAAE;UAAA,OAAMD,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACK,QAAQ,EAAE,CACR;IAEpB;EAAC;EAAA;AAAA,EAhBuDC,6BAAa;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_ButtonElement2","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","_ButtonElement","_inherits2","_super","_createSuper2","id","config","_this","_classCallCheck2","call","applyPlugins","_createClass2","key","value","render","props","Component","getType","onClick","getOnClick","createElement","small","getLabel","ButtonElement","exports"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {\n    public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n        super(id, config);\n\n        this.applyPlugins(SmallButtonElement);\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType()];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component small onClick={() => onClick(props)}>\n                {this.getLabel()}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAMG,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB,0BAAAC,cAAA;EAAA,IAAAC,UAAA,CAAAR,OAAA,EAAAM,kBAAA,EAAAC,cAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,CAAAV,OAAA,EAAAM,kBAAA;EAC3B,SAAAA,mBAAmBK,EAAU,EAAEC,MAAyC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAd,OAAA,QAAAM,kBAAA;IACtEO,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACV,kBAAkB,CAAC;IAAC,OAAAO,KAAA;EAC1C;EAAC,IAAAI,aAAA,CAAAjB,OAAA,EAAAM,kBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGvB,OAAO,CAAC,IAAI,CAACwB,OAAO,CAAC,CAAC,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACI/B,MAAA,CAAAM,OAAA,CAAA0B,aAAA,CAACJ,SAAS;QAACK,KAAK;QAACH,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMA,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACO,QAAQ,CAAC,CACR,CAAC;IAEpB;EAAC;EAAA,OAAAtB,kBAAA;AAAA,EAhBuDuB,6BAAa;AAAAC,OAAA,CAAAxB,kBAAA,GAAAA,kBAAA"}

package/ui/elements/TypographyElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["TypographyElement","id","config","useGrid","applyPlugins","typography","props","getTypography","UIElement"],"sources":["TypographyElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyElementConfig extends UIElementConfig {\n    typography: TypographyT;\n}\n\nexport class TypographyElement extends UIElement<TypographyElementConfig> {\n    constructor(id: string, config: TypographyElementConfig) {\n        super(id, config);\n        this.useGrid(false);\n\n        this.applyPlugins(TypographyElement);\n    }\n\n    public getTypography(): TypographyT {\n        return this.config.typography;\n    }\n\n    public setTypography(typography: TypographyT): void {\n        this.config.typography = typography;\n    }\n\n    public override render(props: any): React.ReactNode {\n        return <Typography use={this.getTypography()}>{super.render(props)}</Typography>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AAAmD,IAqBtCA,iBAAiB;EAAA;EAAA;EAC1B,2BAAYC,EAAU,EAAEC,MAA+B,EAAE;IAAA;IAAA;IACrD,0BAAMD,EAAE,EAAEC,MAAM;IAChB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAKC,YAAY,CAACJ,iBAAiB,CAAC;IAAC;EACzC;EAAC;IAAA;IAAA,OAED,yBAAoC;MAChC,OAAO,IAAI,CAACE,MAAM,CAACG,UAAU;IACjC;EAAC;IAAA;IAAA,OAED,uBAAqBA,UAAuB,EAAQ;MAChD,IAAI,CAACH,MAAM,CAACG,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAU,EAAmB;MAChD,oBAAO,6BAAC,sBAAU;QAAC,GAAG,EAAE,IAAI,CAACC,aAAa;MAAG,6GAAeD,KAAK,EAAe;IACpF;EAAC;EAAA;AAAA,EAlBkCE,qBAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_Typography","TypographyElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","useGrid","applyPlugins","_createClass2","key","value","getTypography","typography","setTypography","render","props","createElement","Typography","use","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["TypographyElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyElementConfig extends UIElementConfig {\n    typography: TypographyT;\n}\n\nexport class TypographyElement extends UIElement<TypographyElementConfig> {\n    constructor(id: string, config: TypographyElementConfig) {\n        super(id, config);\n        this.useGrid(false);\n\n        this.applyPlugins(TypographyElement);\n    }\n\n    public getTypography(): TypographyT {\n        return this.config.typography;\n    }\n\n    public setTypography(typography: TypographyT): void {\n        this.config.typography = typography;\n    }\n\n    public override render(props: any): React.ReactNode {\n        return <Typography use={this.getTypography()}>{super.render(props)}</Typography>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,IAqBtCG,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,iBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,iBAAA;EAC1B,SAAAA,kBAAYM,EAAU,EAAEC,MAA+B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,iBAAA;IACrDQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAEnBH,KAAA,CAAKI,YAAY,CAACZ,iBAAiB,CAAC;IAAC,OAAAQ,KAAA;EACzC;EAAC,IAAAK,aAAA,CAAAV,OAAA,EAAAH,iBAAA;IAAAc,GAAA;IAAAC,KAAA,EAED,SAAAC,cAAA,EAAoC;MAChC,OAAO,IAAI,CAACT,MAAM,CAACU,UAAU;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,cAAqBD,UAAuB,EAAQ;MAChD,IAAI,CAACV,MAAM,CAACU,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAuBC,KAAU,EAAmB;MAChD,oBAAOzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,WAAA,CAAAuB,UAAU;QAACC,GAAG,EAAE,IAAI,CAACP,aAAa,CAAC;MAAE,OAAAQ,KAAA,CAAArB,OAAA,MAAAsB,gBAAA,CAAAtB,OAAA,EAAAH,iBAAA,CAAA0B,SAAA,mBAAAhB,IAAA,OAAeU,KAAK,CAAc,CAAC;IACpF;EAAC;EAAA,OAAApB,iBAAA;AAAA,EAlBkC2B,qBAAS;AAAAC,OAAA,CAAA5B,iBAAA,GAAAA,iBAAA"}

package/ui/elements/ViewElement.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_ViewElement","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["DynamicFieldsetRowElement","id","applyPlugins","props","UIElement"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA,IAEaA,yBAAyB;EAAA;EAAA;EAClC,mCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,YAAY,CAACF,yBAAyB,CAAC;IAAC;EACjD;EAAC;IAAA;IAAA,OAED,gBAAuBG,KAA4B,EAAmB;MAClE,yHAAoBA,KAAK;MACzB;AACR;AACA;AACA;MACQ;IACJ;EAAC;EAAA;AAAA,EAd0CC,qBAAS;AAAA"}
+{"version":3,"names":["_UIElement2","require","DynamicFieldsetRowElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","applyPlugins","_createClass2","key","value","render","props","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA,IAEaC,yBAAyB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,yBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,yBAAA;EAClC,SAAAA,0BAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,yBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,YAAY,CAACV,yBAAyB,CAAC;IAAC,OAAAO,KAAA;EACjD;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,yBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA4B,EAAmB;MAClE,WAAAC,KAAA,CAAAb,OAAA,MAAAc,gBAAA,CAAAd,OAAA,EAAAH,yBAAA,CAAAkB,SAAA,mBAAAT,IAAA,OAAoBM,KAAK;MACzB;AACR;AACA;AACA;MACQ;IACJ;EAAC;EAAA,OAAAf,yBAAA;AAAA,EAd0CmB,qBAAS;AAAAC,OAAA,CAAApB,yBAAA,GAAAA,yBAAA"}

package/ui/elements/form/DynamicFieldsetElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["DynamicFieldsetElement","id","config","useGrid","applyPlugins","createHeader","element","cb","createRow","createEmpty","props","formProps","Error","Bind","getCreateHeaderElement","getCreateRowElement","getCreateEmptyElement","getName","getDefaultValue","actions","header","row","empty","headerElement","setParent","render","index","rowElement","DynamicFieldsetRowElement","emptyElement","FormFieldElement"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { DynamicFieldsetRowElement } from \"./DynamicFieldsetElement/DynamicFieldsetRowElement\";\n\ninterface DynamicFieldsetActions {\n    add: (index?: number) => () => void;\n    remove: (index: number) => () => void;\n}\n\ninterface CreateHeaderCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\ninterface CreateRowCallable {\n    (params: {\n        actions: DynamicFieldsetActions;\n        index: number;\n        row: DynamicFieldsetRowElement;\n    }): UIElement;\n}\n\ninterface CreateEmptyCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\nexport interface DynamicFieldsetElementConfig extends FormFieldElementConfig {\n    createHeader?: CreateHeaderCallable;\n    createRow?: CreateRowCallable;\n    createEmpty?: CreateEmptyCallable;\n}\n\nexport class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {\n    public constructor(id: string, config: DynamicFieldsetElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.applyPlugins(DynamicFieldsetElement);\n    }\n\n    public getCreateHeaderElement() {\n        return this.config.createHeader;\n    }\n\n    public setHeaderElement(element: UIElement): void {\n        this.config.createHeader = () => element;\n    }\n\n    public setCreateHeaderElement(cb: DynamicFieldsetElementConfig[\"createHeader\"]): void {\n        this.config.createHeader = cb;\n    }\n\n    public getCreateRowElement() {\n        return this.config.createRow;\n    }\n\n    public setCreateRowElement(cb: DynamicFieldsetElementConfig[\"createRow\"]): void {\n        this.config.createRow = cb;\n    }\n\n    public getCreateEmptyElement() {\n        return this.config.createEmpty;\n    }\n\n    public setEmptyElement(element: UIElement): void {\n        this.config.createEmpty = () => element;\n    }\n\n    public setCreateEmptyElement(cb: DynamicFieldsetElementConfig[\"createEmpty\"]): void {\n        this.config.createEmpty = cb;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n        const createHeader = this.getCreateHeaderElement();\n        const createRow = this.getCreateRowElement();\n        const createEmpty = this.getCreateEmptyElement();\n\n        return (\n            <Bind name={this.getName()} defaultValue={this.getDefaultValue(props)}>\n                <DynamicFieldset>\n                    {({ actions, header, row, empty }) => (\n                        <React.Fragment>\n                            {header(() => {\n                                if (!createHeader) {\n                                    return null;\n                                }\n                                const headerElement = createHeader({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                headerElement && headerElement.setParent(this);\n\n                                return headerElement ? headerElement.render(props) : null;\n                            })}\n                            {row(({ index }) => {\n                                if (!createRow) {\n                                    return null;\n                                }\n                                const rowElement = createRow({\n                                    actions: actions as DynamicFieldsetActions,\n                                    index,\n                                    row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                rowElement && rowElement.setParent(this);\n\n                                return rowElement ? <Grid>{rowElement.render(props)}</Grid> : null;\n                            })}\n                            {empty(() => {\n                                if (!createEmpty) {\n                                    return null;\n                                }\n                                const emptyElement = createEmpty({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                emptyElement && emptyElement.setParent(this);\n\n                                return emptyElement ? emptyElement.render(props) : null;\n                            })}\n                        </React.Fragment>\n                    )}\n                </DynamicFieldset>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FormFieldElement2","_DynamicFieldset","_Grid","_DynamicFieldsetRowElement","DynamicFieldsetElement","_FormFieldElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","useGrid","applyPlugins","_createClass2","key","value","getCreateHeaderElement","createHeader","setHeaderElement","element","setCreateHeaderElement","cb","getCreateRowElement","createRow","setCreateRowElement","getCreateEmptyElement","createEmpty","setEmptyElement","setCreateEmptyElement","render","props","_this2","formProps","Error","Bind","createElement","name","getName","defaultValue","getDefaultValue","DynamicFieldset","_ref","actions","header","row","empty","Fragment","headerElement","setParent","_ref2","index","rowElement","DynamicFieldsetRowElement","concat","Grid","emptyElement","FormFieldElement","exports"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { DynamicFieldsetRowElement } from \"./DynamicFieldsetElement/DynamicFieldsetRowElement\";\n\ninterface DynamicFieldsetActions {\n    add: (index?: number) => () => void;\n    remove: (index: number) => () => void;\n}\n\ninterface CreateHeaderCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\ninterface CreateRowCallable {\n    (params: {\n        actions: DynamicFieldsetActions;\n        index: number;\n        row: DynamicFieldsetRowElement;\n    }): UIElement;\n}\n\ninterface CreateEmptyCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\nexport interface DynamicFieldsetElementConfig extends FormFieldElementConfig {\n    createHeader?: CreateHeaderCallable;\n    createRow?: CreateRowCallable;\n    createEmpty?: CreateEmptyCallable;\n}\n\nexport class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {\n    public constructor(id: string, config: DynamicFieldsetElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.applyPlugins(DynamicFieldsetElement);\n    }\n\n    public getCreateHeaderElement() {\n        return this.config.createHeader;\n    }\n\n    public setHeaderElement(element: UIElement): void {\n        this.config.createHeader = () => element;\n    }\n\n    public setCreateHeaderElement(cb: DynamicFieldsetElementConfig[\"createHeader\"]): void {\n        this.config.createHeader = cb;\n    }\n\n    public getCreateRowElement() {\n        return this.config.createRow;\n    }\n\n    public setCreateRowElement(cb: DynamicFieldsetElementConfig[\"createRow\"]): void {\n        this.config.createRow = cb;\n    }\n\n    public getCreateEmptyElement() {\n        return this.config.createEmpty;\n    }\n\n    public setEmptyElement(element: UIElement): void {\n        this.config.createEmpty = () => element;\n    }\n\n    public setCreateEmptyElement(cb: DynamicFieldsetElementConfig[\"createEmpty\"]): void {\n        this.config.createEmpty = cb;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n        const createHeader = this.getCreateHeaderElement();\n        const createRow = this.getCreateRowElement();\n        const createEmpty = this.getCreateEmptyElement();\n\n        return (\n            <Bind name={this.getName()} defaultValue={this.getDefaultValue(props)}>\n                <DynamicFieldset>\n                    {({ actions, header, row, empty }) => (\n                        <React.Fragment>\n                            {header(() => {\n                                if (!createHeader) {\n                                    return null;\n                                }\n                                const headerElement = createHeader({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                headerElement && headerElement.setParent(this);\n\n                                return headerElement ? headerElement.render(props) : null;\n                            })}\n                            {row(({ index }) => {\n                                if (!createRow) {\n                                    return null;\n                                }\n                                const rowElement = createRow({\n                                    actions: actions as DynamicFieldsetActions,\n                                    index,\n                                    row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                rowElement && rowElement.setParent(this);\n\n                                return rowElement ? <Grid>{rowElement.render(props)}</Grid> : null;\n                            })}\n                            {empty(() => {\n                                if (!createEmpty) {\n                                    return null;\n                                }\n                                const emptyElement = createEmpty({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                emptyElement && emptyElement.setParent(this);\n\n                                return emptyElement ? emptyElement.render(props) : null;\n                            })}\n                        </React.Fragment>\n                    )}\n                </DynamicFieldset>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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"}

package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["EmptyStateElement","id","addRenderer","EmptyStateElementRenderer","UIElement"],"sources":["EmptyStateElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { EmptyStateElementRenderer } from \"./EmptyStateElementRenderer\";\n\nexport class EmptyStateElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.addRenderer(new EmptyStateElementRenderer());\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAAwE,IAE3DA,iBAAiB;EAAA;EAAA;EAC1B,2BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,WAAW,CAAC,IAAIC,oDAAyB,EAAE,CAAC;IAAC;EACtD;EAAC;AAAA,EALkCC,qBAAS;AAAA"}
+{"version":3,"names":["_UIElement2","require","_EmptyStateElementRenderer","EmptyStateElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","addRenderer","EmptyStateElementRenderer","_createClass2","UIElement","exports"],"sources":["EmptyStateElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { EmptyStateElementRenderer } from \"./EmptyStateElementRenderer\";\n\nexport class EmptyStateElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.addRenderer(new EmptyStateElementRenderer());\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAAwE,IAE3DE,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,iBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,iBAAA;EAC1B,SAAAA,kBAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,iBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,WAAW,CAAC,IAAIC,oDAAyB,CAAC,CAAC,CAAC;IAAC,OAAAJ,KAAA;EACtD;EAAC,WAAAK,aAAA,CAAAT,OAAA,EAAAH,iBAAA;AAAA,EALkCa,qBAAS;AAAAC,OAAA,CAAAd,iBAAA,GAAAA,iBAAA"}

package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["EmptyStateElementRenderer","props","accept","fileManagerElement","getAccept","acceptsOnlyImages","every","el","startsWith","renderImageProps","width","height","value","showFileManager","onChange","src","split","pop","UIRenderer"],"sources":["EmptyStateElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { EmptyStateElement } from \"./EmptyStateElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { Image } from \"@webiny/app/components\";\nimport { FileManagerElementRenderProps } from \"~/ui/elements/form/FileManagerElement/FileManagerElementRenderer\";\nimport { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from \"./styled\";\nimport { ReactComponent as AddFileIcon } from \"@material-design-icons/svg/outlined/attach_file.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as RemoveImageIcon } from \"@material-design-icons/svg/outlined/close.svg\";\n\nexport class EmptyStateElementRenderer extends UIRenderer<\n    EmptyStateElement,\n    FileManagerElementRenderProps\n> {\n    public override render({\n        props\n    }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode {\n        const accept = props.fileManagerElement.getAccept();\n        const acceptsOnlyImages = !accept || accept.every(el => el.startsWith(\"image/\"));\n\n        if (acceptsOnlyImages) {\n            return (\n                <Ui.Image\n                    placeholder={\"Select an image\"}\n                    renderImagePreview={renderImageProps => <Image {...renderImageProps} />}\n                    style={{ width: \"100%\", height: \"auto\" }}\n                    value={props.value}\n                    uploadImage={props.showFileManager}\n                    removeImage={props.onChange}\n                />\n            );\n        }\n\n        if (props.value) {\n            return (\n                <FilePreviewWrapper>\n                    <span>\n                        Attached file: <strong>{props.value.src.split(\"/\").pop()}</strong>\n                    </span>\n\n                    <RemoveImage onClick={() => props.onChange(null)}>\n                        <RemoveImageIcon />\n                    </RemoveImage>\n\n                    <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                        <AddImageIconWrapper>\n                            <AddFileIcon />\n                            <Typography use={\"caption\"}>Select a file</Typography>\n                        </AddImageIconWrapper>\n                    </AddImageWrapper>\n                </FilePreviewWrapper>\n            );\n        }\n\n        return (\n            <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                <AddImageIconWrapper>\n                    <AddFileIcon />\n                    <Typography use={\"caption\"}>Select a file</Typography>\n                </AddImageIconWrapper>\n            </AddImageWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAkG,IAErFA,yBAAyB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAIlC,sBAEsF;MAAA,IADlFC,KAAK,QAALA,KAAK;MAEL,IAAMC,MAAM,GAAGD,KAAK,CAACE,kBAAkB,CAACC,SAAS,EAAE;MACnD,IAAMC,iBAAiB,GAAG,CAACH,MAAM,IAAIA,MAAM,CAACI,KAAK,CAAC,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,UAAU,CAAC,QAAQ,CAAC;MAAA,EAAC;MAEhF,IAAIH,iBAAiB,EAAE;QACnB,oBACI,6BAAC,EAAE,CAAC,KAAK;UACL,WAAW,EAAE,iBAAkB;UAC/B,kBAAkB,EAAE,4BAAAI,gBAAgB;YAAA,oBAAI,6BAAC,iBAAK,EAAKA,gBAAgB,CAAI;UAAA,CAAC;UACxE,KAAK,EAAE;YAAEC,KAAK,EAAE,MAAM;YAAEC,MAAM,EAAE;UAAO,CAAE;UACzC,KAAK,EAAEV,KAAK,CAACW,KAAM;UACnB,WAAW,EAAEX,KAAK,CAACY,eAAgB;UACnC,WAAW,EAAEZ,KAAK,CAACa;QAAS,EAC9B;MAEV;MAEA,IAAIb,KAAK,CAACW,KAAK,EAAE;QACb,oBACI,6BAAC,0BAAkB,qBACf,2CAAM,iBACa,4DAASX,KAAK,CAACW,KAAK,CAACG,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,CAAU,CAC/D,eAEP,6BAAC,mBAAW;UAAC,OAAO,EAAE;YAAA,OAAMhB,KAAK,CAACa,QAAQ,CAAC,IAAI,CAAC;UAAA;QAAC,gBAC7C,6BAAC,qBAAe,OAAG,CACT,eAEd,6BAAC,uBAAe;UAAC,aAAW,aAAc;UAAC,OAAO,EAAEb,KAAK,CAACY;QAAgB,gBACtE,6BAAC,2BAAmB,qBAChB,6BAAC,2BAAW,OAAG,eACf,6BAAC,sBAAU;UAAC,GAAG,EAAE;QAAU,GAAC,eAAa,CAAa,CACpC,CACR,CACD;MAE7B;MAEA,oBACI,6BAAC,uBAAe;QAAC,aAAW,aAAc;QAAC,OAAO,EAAEZ,KAAK,CAACY;MAAgB,gBACtE,6BAAC,2BAAmB,qBAChB,6BAAC,2BAAW,OAAG,eACf,6BAAC,sBAAU;QAAC,GAAG,EAAE;MAAU,GAAC,eAAa,CAAa,CACpC,CACR;IAE1B;EAAC;EAAA;AAAA,EApD0CK,uBAAU;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIRenderer2","Ui","_interopRequireWildcard","_components","_styled","_attach_file","_Typography","_close","EmptyStateElementRenderer","_UIRenderer","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","props","accept","fileManagerElement","getAccept","acceptsOnlyImages","every","el","startsWith","createElement","Image","placeholder","renderImagePreview","renderImageProps","style","width","height","uploadImage","showFileManager","removeImage","onChange","FilePreviewWrapper","src","split","pop","RemoveImage","onClick","ReactComponent","AddImageWrapper","AddImageIconWrapper","Typography","use","UIRenderer","exports"],"sources":["EmptyStateElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { EmptyStateElement } from \"./EmptyStateElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { Image } from \"@webiny/app/components\";\nimport { FileManagerElementRenderProps } from \"~/ui/elements/form/FileManagerElement/FileManagerElementRenderer\";\nimport { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from \"./styled\";\nimport { ReactComponent as AddFileIcon } from \"@material-design-icons/svg/outlined/attach_file.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as RemoveImageIcon } from \"@material-design-icons/svg/outlined/close.svg\";\n\nexport class EmptyStateElementRenderer extends UIRenderer<\n    EmptyStateElement,\n    FileManagerElementRenderProps\n> {\n    public override render({\n        props\n    }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode {\n        const accept = props.fileManagerElement.getAccept();\n        const acceptsOnlyImages = !accept || accept.every(el => el.startsWith(\"image/\"));\n\n        if (acceptsOnlyImages) {\n            return (\n                <Ui.Image\n                    placeholder={\"Select an image\"}\n                    renderImagePreview={renderImageProps => <Image {...renderImageProps} />}\n                    style={{ width: \"100%\", height: \"auto\" }}\n                    value={props.value}\n                    uploadImage={props.showFileManager}\n                    removeImage={props.onChange}\n                />\n            );\n        }\n\n        if (props.value) {\n            return (\n                <FilePreviewWrapper>\n                    <span>\n                        Attached file: <strong>{props.value.src.split(\"/\").pop()}</strong>\n                    </span>\n\n                    <RemoveImage onClick={() => props.onChange(null)}>\n                        <RemoveImageIcon />\n                    </RemoveImage>\n\n                    <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                        <AddImageIconWrapper>\n                            <AddFileIcon />\n                            <Typography use={\"caption\"}>Select a file</Typography>\n                        </AddImageIconWrapper>\n                    </AddImageWrapper>\n                </FilePreviewWrapper>\n            );\n        }\n\n        return (\n            <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                <AddImageIconWrapper>\n                    <AddFileIcon />\n                    <Typography use={\"caption\"}>Select a file</Typography>\n                </AddImageIconWrapper>\n            </AddImageWrapper>\n        );\n    }\n}\n"],"mappings":"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"}

package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["ImageUploadWrapper","styled","position","opacity","pointerEvents","transform","top","left","color","FileManagerElementRenderer","element","props","formProps","Error","Bind","accept","getAccept","label","getLabel","description","getDescription","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","onChange","validation","id","src","getMaxSize","showFileManager","getEmptyStateElement","render","fileManagerElement","isValid","message","UIRenderer"],"sources":["FileManagerElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { FileManagerElement } from \"~/ui/elements/form/FileManagerElement\";\nimport { FileManager, FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\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 FileManagerElementRenderProps extends FormFieldElementRenderProps {\n    fileManagerElement: FileManagerElement;\n    value: any;\n    showFileManager: () => void;\n    onChange: (value: any) => void;\n}\n\nexport class FileManagerElementRenderer extends UIRenderer<\n    FileManagerElement,\n    FormFieldElementRenderProps\n> {\n    public override render({\n        element,\n        props\n    }: UIRenderParams<FileManagerElement, FormFieldElementRenderProps>): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`FileManagerElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        const accept = element.getAccept();\n        const label = element.getLabel(props);\n        const description = element.getDescription(props);\n\n        return (\n            <Bind\n                name={element.getName()}\n                validators={element.getValidators(props)}\n                defaultValue={element.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => element.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => element.onAfterChange(value, form)}\n            >\n                {({ value, onChange, validation }) => (\n                    <ImageUploadWrapper>\n                        {label && (\n                            <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                                {label}\n                            </div>\n                        )}\n\n                        <FileManager\n                            onChange={(value: FileManagerFileItem | null) =>\n                                onChange(value ? { id: value.id, src: value.src } : null)\n                            }\n                            accept={accept}\n                            images={!accept}\n                            maxSize={element.getMaxSize()}\n                            render={({ showFileManager }) =>\n                                element.getEmptyStateElement().render({\n                                    ...props,\n                                    fileManagerElement: element,\n                                    showFileManager,\n                                    value,\n                                    onChange: (value: FileManagerFileItem | null) =>\n                                        onChange(value ? { id: value.id, src: value.src } : null)\n                                })\n                            }\n                        />\n\n                        {validation.isValid === false && (\n                            <FormElementMessage error>{validation.message}</FormElementMessage>\n                        )}\n                        {validation.isValid !== false && description && (\n                            <FormElementMessage>{description}</FormElementMessage>\n                        )}\n                    </ImageUploadWrapper>\n                )}\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAGA,IAAMA,kBAAkB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACrCC,QAAQ,EAAE,UAAU;EACpB,WAAW,EAAE;IACTC,OAAO,EAAE,IAAI;IACbC,aAAa,EAAE;EACnB,CAAC;EACD,kCAAkC,EAAE;IAChCC,SAAS,EAAE,aAAa;IACxBC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE;EACX,CAAC;EACD,6BAA6B,EAAE;IAC3BA,KAAK,EAAE;EACX;AACJ,CAAC,CAAC;AAAC,IASUC,0BAA0B;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAInC,sBAGqF;MAAA,IAFjFC,OAAO,QAAPA,OAAO;QACPC,KAAK,QAALA,KAAK;MAEL,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,8DAA8D;MAC7E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,IAAMC,MAAM,GAAGL,OAAO,CAACM,SAAS,EAAE;MAClC,IAAMC,KAAK,GAAGP,OAAO,CAACQ,QAAQ,CAACP,KAAK,CAAC;MACrC,IAAMQ,WAAW,GAAGT,OAAO,CAACU,cAAc,CAACT,KAAK,CAAC;MAEjD,oBACI,6BAAC,IAAI;QACD,IAAI,EAAED,OAAO,CAACW,OAAO,EAAG;QACxB,UAAU,EAAEX,OAAO,CAACY,aAAa,CAACX,KAAK,CAAE;QACzC,YAAY,EAAED,OAAO,CAACa,eAAe,CAACZ,KAAK,CAAE;QAC7C,YAAY,EAAE,sBAACa,KAAa,EAAEC,EAAE;UAAA,OAAKf,OAAO,CAACgB,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACvE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAKjB,OAAO,CAACkB,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,GAExE;QAAA,IAAGH,KAAK,SAALA,KAAK;UAAEK,SAAQ,SAARA,QAAQ;UAAEC,UAAU,SAAVA,UAAU;QAAA,oBAC3B,6BAAC,kBAAkB,QACdb,KAAK,iBACF;UAAK,SAAS,EAAC;QAAoD,GAC9DA,KAAK,CAEb,eAED,6BAAC,wBAAW;UACR,QAAQ,EAAE,kBAACO,KAAiC;YAAA,OACxCK,SAAQ,CAACL,KAAK,GAAG;cAAEO,EAAE,EAAEP,KAAK,CAACO,EAAE;cAAEC,GAAG,EAAER,KAAK,CAACQ;YAAI,CAAC,GAAG,IAAI,CAAC;UAAA,CAC5D;UACD,MAAM,EAAEjB,MAAO;UACf,MAAM,EAAE,CAACA,MAAO;UAChB,OAAO,EAAEL,OAAO,CAACuB,UAAU,EAAG;UAC9B,MAAM,EAAE;YAAA,IAAGC,eAAe,SAAfA,eAAe;YAAA,OACtBxB,OAAO,CAACyB,oBAAoB,EAAE,CAACC,MAAM,6DAC9BzB,KAAK;cACR0B,kBAAkB,EAAE3B,OAAO;cAC3BwB,eAAe,EAAfA,eAAe;cACfV,KAAK,EAALA,KAAK;cACLK,QAAQ,EAAE,kBAACL,KAAiC;gBAAA,OACxCK,SAAQ,CAACL,KAAK,GAAG;kBAAEO,EAAE,EAAEP,KAAK,CAACO,EAAE;kBAAEC,GAAG,EAAER,KAAK,CAACQ;gBAAI,CAAC,GAAG,IAAI,CAAC;cAAA;YAAA,GAC/D;UAAA;QACL,EACH,EAEDF,UAAU,CAACQ,OAAO,KAAK,KAAK,iBACzB,6BAAC,sCAAkB;UAAC,KAAK;QAAA,GAAER,UAAU,CAACS,OAAO,CAChD,EACAT,UAAU,CAACQ,OAAO,KAAK,KAAK,IAAInB,WAAW,iBACxC,6BAAC,sCAAkB,QAAEA,WAAW,CACnC,CACgB;MAAA,CACxB,CACE;IAEf;EAAC;EAAA;AAAA,EA/D2CqB,uBAAU;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_UIRenderer2","_FormElementMessage","_FileManager","ImageUploadWrapper","styled","target","label","position","opacity","pointerEvents","transform","top","left","color","FileManagerElementRenderer","_UIRenderer","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","element","props","formProps","Error","Bind","accept","getAccept","getLabel","description","getDescription","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","_ref2","onChange","validation","className","FileManager","id","src","images","maxSize","getMaxSize","_ref3","showFileManager","getEmptyStateElement","_objectSpread2","fileManagerElement","isValid","FormElementMessage","error","message","UIRenderer","exports"],"sources":["FileManagerElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { FileManagerElement } from \"~/ui/elements/form/FileManagerElement\";\nimport { FileManager, FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\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 FileManagerElementRenderProps extends FormFieldElementRenderProps {\n    fileManagerElement: FileManagerElement;\n    value: any;\n    showFileManager: () => void;\n    onChange: (value: any) => void;\n}\n\nexport class FileManagerElementRenderer extends UIRenderer<\n    FileManagerElement,\n    FormFieldElementRenderProps\n> {\n    public override render({\n        element,\n        props\n    }: UIRenderParams<FileManagerElement, FormFieldElementRenderProps>): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`FileManagerElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        const accept = element.getAccept();\n        const label = element.getLabel(props);\n        const description = element.getDescription(props);\n\n        return (\n            <Bind\n                name={element.getName()}\n                validators={element.getValidators(props)}\n                defaultValue={element.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => element.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => element.onAfterChange(value, form)}\n            >\n                {({ value, onChange, validation }) => (\n                    <ImageUploadWrapper>\n                        {label && (\n                            <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                                {label}\n                            </div>\n                        )}\n\n                        <FileManager\n                            onChange={(value: FileManagerFileItem | null) =>\n                                onChange(value ? { id: value.id, src: value.src } : null)\n                            }\n                            accept={accept}\n                            images={!accept}\n                            maxSize={element.getMaxSize()}\n                            render={({ showFileManager }) =>\n                                element.getEmptyStateElement().render({\n                                    ...props,\n                                    fileManagerElement: element,\n                                    showFileManager,\n                                    value,\n                                    onChange: (value: FileManagerFileItem | null) =>\n                                        onChange(value ? { id: value.id, src: value.src } : null)\n                                })\n                            }\n                        />\n\n                        {validation.isValid === false && (\n                            <FormElementMessage error>{validation.message}</FormElementMessage>\n                        )}\n                        {validation.isValid !== false && description && (\n                            <FormElementMessage>{description}</FormElementMessage>\n                        )}\n                    </ImageUploadWrapper>\n                )}\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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"}

package/ui/elements/form/FileManagerElement/styled.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.RemoveImage = exports.FilePreviewWrapper = exports.AddImageWrapperRound = exports.AddImageWrapper = exports.AddImageIconWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _styled2 = _interopRequireDefault(require("@emotion/styled"));
-var _hover, _styled;
+var _hover, _styled; // @ts-nocheck
 var AddImageIconWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
   target: "e185ja7p0",
   label: "AddImageIconWrapper"