@ndla/ui 10.1.0 → 10.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Notion/ConceptNotion.js +3 -5
- package/es/Notion/NotionImage.js +18 -30
- package/lib/Notion/ConceptNotion.js +3 -5
- package/lib/Notion/NotionImage.d.ts +1 -3
- package/lib/Notion/NotionImage.js +17 -30
- package/package.json +2 -2
- package/src/Notion/ConceptNotion.tsx +0 -2
- package/src/Notion/NotionImage.tsx +19 -32
|
@@ -17,7 +17,7 @@ var ImageWrapper = _styled("div", {
|
|
|
17
17
|
label: "ImageWrapper"
|
|
18
18
|
})("float:right;padding-left:", spacing.normal, ";position:relative;", mq.range({
|
|
19
19
|
until: breakpoints.tabletWide
|
|
20
|
-
}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHROb3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCK0IiLCJmaWxlIjoiQ29uY2VwdE5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuLy9AdHMtaWdub3JlXG5pbXBvcnQgeyBpbml0QXJ0aWNsZVNjcmlwdHMgfSBmcm9tICdAbmRsYS9hcnRpY2xlLXNjcmlwdHMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IE5vdGlvbiwgeyBOb3Rpb25EaWFsb2dDb250ZW50LCBOb3Rpb25EaWFsb2dUZXh0LCBOb3Rpb25EaWFsb2dMaWNlbnNlcyB9IGZyb20gJ0BuZGxhL25vdGlvbic7XG5pbXBvcnQgeyBOb3Rpb24gYXMgVUlOb3Rpb24gfSBmcm9tICcuJztcbmltcG9ydCB7IE5vdGlvbkltYWdlIH0gZnJvbSAnLi9Ob3Rpb25JbWFnZSc7XG5pbXBvcnQgTm90aW9uVmlzdWFsRWxlbWVudCwgeyBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSB9IGZyb20gJy4vTm90aW9uVmlzdWFsRWxlbWVudCc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbmNlcHROb3Rpb25UeXBlIHtcbiAgaWQ6IG51bWJlcjtcbiAgY29weXJpZ2h0PzogUGFydGlhbDxDb3B5cmlnaHQ+O1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ/OiBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZTtcbiAgc291cmNlPzogc3RyaW5nO1xuICBpbWFnZT86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbn1cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU/OiAnaW1hZ2UnIHwgJ3ZpZGVvJyB8ICdoNXAnIHwgJ2lmcmFtZScgfCAnZXh0ZXJuYWwnO1xuICBjb25jZXB0OiBDb25jZXB0Tm90aW9uVHlwZTtcbiAgZGlzYWJsZVNjcmlwdHM/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgQ29uY2VwdE5vdGlvbiA9ICh7IGNvbmNlcHQsIGRpc2FibGVTY3JpcHRzLCB0eXBlLCBoaWRlSWNvbnNBbmRBdXRob3JzIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG5vdGlvbklkID0gYG5vdGlvbi0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgZmlndXJlSWQgPSBgbm90aW9uLWZpZ3VyZS0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgdmlzdWFsRWxlbWVudElkID0gYHZpc3VhbC1lbGVtZW50LSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVTY3JpcHRzKSB7XG4gICAgICBpbml0QXJ0aWNsZVNjcmlwdHMoKTtcbiAgICB9XG4gIH0sIFtkaXNhYmxlU2NyaXB0c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17ZmlndXJlSWR9XG4gICAgICBmaWd1cmVJZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgY29weXJpZ2h0PXtjb25jZXB0LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgdHlwZT1cImNvbmNlcHRcIlxuICAgICAgaGlkZUljb25zQW5kQXV0aG9ycz17aGlkZUljb25zQW5kQXV0aG9yc30+XG4gICAgICA8VUlOb3Rpb25cbiAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICB0aXRsZT17Y29uY2VwdC50aXRsZX1cbiAgICAgICAgdGV4dD17Y29uY2VwdC50ZXh0fVxuICAgICAgICBpbWFnZUVsZW1lbnQ9e1xuICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudD8ucmVzb3VyY2UgPT09ICdpbWFnZScgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlID8gKFxuICAgICAgICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5vdGlvblxuICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9e3QoJ2ZhY3Rib3gub3BlbicpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgICAgICAgIHN1YlRpdGxlPXt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uc0hlYWRpbmcnKX1cbiAgICAgICAgICAgICAgICBoaWRlQmFzZWxpbmVJY29uXG4gICAgICAgICAgICAgICAgY29udGVudD17XG4gICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSA9PT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uVmlzdWFsRWxlbWVudCB2aXN1YWxFbGVtZW50PXtjb25jZXB0LnZpc3VhbEVsZW1lbnR9IGlkPXtub3Rpb25JZH0gZmlndXJlSWQ9e2ZpZ3VyZUlkfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ1RleHQ+e3BhcnNlTWFya2Rvd24oY29uY2VwdC50ZXh0LCAnYm9keScpfTwvTm90aW9uRGlhbG9nVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9Ob3Rpb25EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nTGljZW5zZXMgbGljZW5zZT17Y29uY2VwdC5jb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9IHNvdXJjZT17Y29uY2VwdC5zb3VyY2V9IC8+XG4gICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICB9PlxuICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgPE5vdGlvbkltYWdlXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgIHNyYz17Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlLnNyY31cbiAgICAgICAgICAgICAgICAgICAgYWx0PXtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UuYWx0ID8/
|
|
20
|
+
}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHROb3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCK0IiLCJmaWxlIjoiQ29uY2VwdE5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuLy9AdHMtaWdub3JlXG5pbXBvcnQgeyBpbml0QXJ0aWNsZVNjcmlwdHMgfSBmcm9tICdAbmRsYS9hcnRpY2xlLXNjcmlwdHMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IE5vdGlvbiwgeyBOb3Rpb25EaWFsb2dDb250ZW50LCBOb3Rpb25EaWFsb2dUZXh0LCBOb3Rpb25EaWFsb2dMaWNlbnNlcyB9IGZyb20gJ0BuZGxhL25vdGlvbic7XG5pbXBvcnQgeyBOb3Rpb24gYXMgVUlOb3Rpb24gfSBmcm9tICcuJztcbmltcG9ydCB7IE5vdGlvbkltYWdlIH0gZnJvbSAnLi9Ob3Rpb25JbWFnZSc7XG5pbXBvcnQgTm90aW9uVmlzdWFsRWxlbWVudCwgeyBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSB9IGZyb20gJy4vTm90aW9uVmlzdWFsRWxlbWVudCc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbmNlcHROb3Rpb25UeXBlIHtcbiAgaWQ6IG51bWJlcjtcbiAgY29weXJpZ2h0PzogUGFydGlhbDxDb3B5cmlnaHQ+O1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ/OiBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZTtcbiAgc291cmNlPzogc3RyaW5nO1xuICBpbWFnZT86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbn1cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU/OiAnaW1hZ2UnIHwgJ3ZpZGVvJyB8ICdoNXAnIHwgJ2lmcmFtZScgfCAnZXh0ZXJuYWwnO1xuICBjb25jZXB0OiBDb25jZXB0Tm90aW9uVHlwZTtcbiAgZGlzYWJsZVNjcmlwdHM/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgQ29uY2VwdE5vdGlvbiA9ICh7IGNvbmNlcHQsIGRpc2FibGVTY3JpcHRzLCB0eXBlLCBoaWRlSWNvbnNBbmRBdXRob3JzIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG5vdGlvbklkID0gYG5vdGlvbi0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgZmlndXJlSWQgPSBgbm90aW9uLWZpZ3VyZS0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgdmlzdWFsRWxlbWVudElkID0gYHZpc3VhbC1lbGVtZW50LSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVTY3JpcHRzKSB7XG4gICAgICBpbml0QXJ0aWNsZVNjcmlwdHMoKTtcbiAgICB9XG4gIH0sIFtkaXNhYmxlU2NyaXB0c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17ZmlndXJlSWR9XG4gICAgICBmaWd1cmVJZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgY29weXJpZ2h0PXtjb25jZXB0LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgdHlwZT1cImNvbmNlcHRcIlxuICAgICAgaGlkZUljb25zQW5kQXV0aG9ycz17aGlkZUljb25zQW5kQXV0aG9yc30+XG4gICAgICA8VUlOb3Rpb25cbiAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICB0aXRsZT17Y29uY2VwdC50aXRsZX1cbiAgICAgICAgdGV4dD17Y29uY2VwdC50ZXh0fVxuICAgICAgICBpbWFnZUVsZW1lbnQ9e1xuICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudD8ucmVzb3VyY2UgPT09ICdpbWFnZScgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlID8gKFxuICAgICAgICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5vdGlvblxuICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9e3QoJ2ZhY3Rib3gub3BlbicpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgICAgICAgIHN1YlRpdGxlPXt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uc0hlYWRpbmcnKX1cbiAgICAgICAgICAgICAgICBoaWRlQmFzZWxpbmVJY29uXG4gICAgICAgICAgICAgICAgY29udGVudD17XG4gICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSA9PT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uVmlzdWFsRWxlbWVudCB2aXN1YWxFbGVtZW50PXtjb25jZXB0LnZpc3VhbEVsZW1lbnR9IGlkPXtub3Rpb25JZH0gZmlndXJlSWQ9e2ZpZ3VyZUlkfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ1RleHQ+e3BhcnNlTWFya2Rvd24oY29uY2VwdC50ZXh0LCAnYm9keScpfTwvTm90aW9uRGlhbG9nVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9Ob3Rpb25EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nTGljZW5zZXMgbGljZW5zZT17Y29uY2VwdC5jb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9IHNvdXJjZT17Y29uY2VwdC5zb3VyY2V9IC8+XG4gICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICB9PlxuICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgPE5vdGlvbkltYWdlXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgIHNyYz17Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlLnNyY31cbiAgICAgICAgICAgICAgICAgICAgYWx0PXtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UuYWx0ID8/ICcnfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L05vdGlvbj5cbiAgICAgICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICAgICkgOiB1bmRlZmluZWRcbiAgICAgICAgfVxuICAgICAgICB2aXN1YWxFbGVtZW50PXtcbiAgICAgICAgICBjb25jZXB0LnZpc3VhbEVsZW1lbnQgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LnJlc291cmNlICE9PSAnaW1hZ2UnICYmIGNvbmNlcHQudmlzdWFsRWxlbWVudC51cmwgPyAoXG4gICAgICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgICAgICA8Tm90aW9uXG4gICAgICAgICAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD17dCgnZmFjdGJveC5vcGVuJyl9XG4gICAgICAgICAgICAgICAgdGl0bGU9e2NvbmNlcHQudGl0bGV9XG4gICAgICAgICAgICAgICAgaGlkZUJhc2VsaW5lSWNvblxuICAgICAgICAgICAgICAgIHN1YlRpdGxlPXt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uc0hlYWRpbmcnKX1cbiAgICAgICAgICAgICAgICBjb250ZW50PXtcbiAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQgJiZcbiAgICAgICAgICAgICAgICAgICAgICBjb25jZXB0LnZpc3VhbEVsZW1lbnQ/LnJlc291cmNlICE9PSAnaW1hZ2UnICYmXG4gICAgICAgICAgICAgICAgICAgICAgY29uY2VwdC52aXN1YWxFbGVtZW50LnVybCA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25WaXN1YWxFbGVtZW50IHZpc3VhbEVsZW1lbnQ9e2NvbmNlcHQudmlzdWFsRWxlbWVudH0gaWQ9e25vdGlvbklkfSBmaWd1cmVJZD17ZmlndXJlSWR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IHVuZGVmaW5lZH1cblxuICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dUZXh0PntwYXJzZU1hcmtkb3duKGNvbmNlcHQudGV4dCwgJ2JvZHknKX08L05vdGlvbkRpYWxvZ1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvTm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0xpY2Vuc2VzIGxpY2Vuc2U9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfSBzb3VyY2U9e2NvbmNlcHQuc291cmNlfSAvPlxuICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgfT5cbiAgICAgICAgICAgICAgICB7Y29uY2VwdC5pbWFnZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Tm90aW9uSW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgICAgICAgaWQ9e3Zpc3VhbEVsZW1lbnRJZH1cbiAgICAgICAgICAgICAgICAgICAgc3JjPXtjb25jZXB0LmltYWdlPy5zcmN9XG4gICAgICAgICAgICAgICAgICAgIGFsdD17Y29uY2VwdC5pbWFnZT8uYWx0ID8/ICcnfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L05vdGlvbj5cbiAgICAgICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICAgICkgOiB1bmRlZmluZWRcbiAgICAgICAgfT48L1VJTm90aW9uPlxuICAgIDwvRmlndXJlTm90aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29uY2VwdE5vdGlvbjtcbiJdfQ== */"));
|
|
21
21
|
|
|
22
22
|
var ConceptNotion = function ConceptNotion(_ref) {
|
|
23
23
|
var _concept$copyright$li, _concept$copyright, _concept$copyright$li2, _concept$visualElemen, _concept$visualElemen2, _concept$copyright$li3, _concept$copyright2, _concept$copyright2$l, _concept$visualElemen3, _concept$visualElemen4, _concept$copyright$li4, _concept$copyright3, _concept$copyright3$l, _concept$image, _concept$image$alt, _concept$image2;
|
|
@@ -68,8 +68,7 @@ var ConceptNotion = function ConceptNotion(_ref) {
|
|
|
68
68
|
type: type,
|
|
69
69
|
id: visualElementId,
|
|
70
70
|
src: concept.visualElement.image.src,
|
|
71
|
-
alt: (_concept$visualElemen3 = concept.visualElement.image.alt) !== null && _concept$visualElemen3 !== void 0 ? _concept$visualElemen3 : ''
|
|
72
|
-
imageCopyright: concept.visualElement.copyright
|
|
71
|
+
alt: (_concept$visualElemen3 = concept.visualElement.image.alt) !== null && _concept$visualElemen3 !== void 0 ? _concept$visualElemen3 : ''
|
|
73
72
|
}))) : undefined,
|
|
74
73
|
visualElement: concept.visualElement && concept.visualElement.resource !== 'image' && concept.visualElement.url ? ___EmotionJSX(ImageWrapper, null, ___EmotionJSX(Notion, {
|
|
75
74
|
id: notionId,
|
|
@@ -89,8 +88,7 @@ var ConceptNotion = function ConceptNotion(_ref) {
|
|
|
89
88
|
type: type,
|
|
90
89
|
id: visualElementId,
|
|
91
90
|
src: (_concept$image = concept.image) === null || _concept$image === void 0 ? void 0 : _concept$image.src,
|
|
92
|
-
alt: (_concept$image$alt = (_concept$image2 = concept.image) === null || _concept$image2 === void 0 ? void 0 : _concept$image2.alt) !== null && _concept$image$alt !== void 0 ? _concept$image$alt : ''
|
|
93
|
-
imageCopyright: concept.visualElement.copyright
|
|
91
|
+
alt: (_concept$image$alt = (_concept$image2 = concept.image) === null || _concept$image2 === void 0 ? void 0 : _concept$image2.alt) !== null && _concept$image$alt !== void 0 ? _concept$image$alt : ''
|
|
94
92
|
}))) : undefined
|
|
95
93
|
}));
|
|
96
94
|
};
|
package/es/Notion/NotionImage.js
CHANGED
|
@@ -10,8 +10,7 @@ import React from 'react';
|
|
|
10
10
|
import { animations, breakpoints, mq, spacing } from '@ndla/core';
|
|
11
11
|
import { useTranslation } from 'react-i18next';
|
|
12
12
|
import Image from '../Image';
|
|
13
|
-
import { FigureOpenDialogButton } from '../Figure';
|
|
14
|
-
import FigureNotion from './FigureNotion';
|
|
13
|
+
import { Figure, FigureOpenDialogButton } from '../Figure';
|
|
15
14
|
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
16
15
|
|
|
17
16
|
var StyledImageWrapper = _styled("div", {
|
|
@@ -19,49 +18,38 @@ var StyledImageWrapper = _styled("div", {
|
|
|
19
18
|
label: "StyledImageWrapper"
|
|
20
19
|
})("overflow:hidden;width:260px;padding-top:", spacing.small, ";", mq.range({
|
|
21
20
|
until: breakpoints.tabletWide
|
|
22
|
-
}), "{margin:0 auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
}), "{margin:0 auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiTm90aW9uSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGFuaW1hdGlvbnMsIGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZU9wZW5EaWFsb2dCdXR0b24gfSBmcm9tICcuLi9GaWd1cmUnO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAmOmhvdmVyIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgb3BhY2l0eTogMS4xO1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZTogJ2ltYWdlJyB8ICd2aWRlbycgfCAnaDVwJyB8ICdpZnJhbWUnIHwgJ2V4dGVybmFsJyB8IHVuZGVmaW5lZDtcbiAgaWQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IE5vdGlvbkltYWdlID0gKHsgaWQsIHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBpbWFnZUZpZ3VyZUlkID0gYGltYWdlLWZpZ3VyZS0ke2lkfWA7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlIHJlc2l6ZUlmcmFtZSBpZD17aW1hZ2VGaWd1cmVJZH0gdHlwZT17J2Z1bGwtY29sdW1uJ30+XG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICBleHBhbmRCdXR0b249e1xuICAgICAgICAgICAgPEZpZ3VyZU9wZW5EaWFsb2dCdXR0b25cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgICAgICAgICB6b29tSW1hZ2VCdXR0b25MYWJlbDogdCgnbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgICAgem9vbU91dEltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2UuaXRlbUltYWdlLnpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
|
|
23
22
|
|
|
24
23
|
var StyledImage = /*#__PURE__*/_styled(Image, {
|
|
25
24
|
target: "e1beccco1",
|
|
26
25
|
label: "StyledImage"
|
|
27
26
|
})("object-fit:cover;max-height:162px;transition:transform ", animations.durations.fast, ";&:hover{transform:scale(1.1);opacity:1.1;transition-duration:0.5s;}", mq.range({
|
|
28
27
|
until: breakpoints.tabletWide
|
|
29
|
-
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmlDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IHsgRmlndXJlLCBGaWd1cmVPcGVuRGlhbG9nQnV0dG9uIH0gZnJvbSAnLi4vRmlndXJlJztcblxuY29uc3QgU3R5bGVkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDI2MHB4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJjpob3ZlciB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgIG9wYWNpdHk6IDEuMTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1pbi13aWR0aDogMjYwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU6ICdpbWFnZScgfCAndmlkZW8nIHwgJ2g1cCcgfCAnaWZyYW1lJyB8ICdleHRlcm5hbCcgfCB1bmRlZmluZWQ7XG4gIGlkOiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IGlkLCBzcmMsIGFsdCwgdHlwZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgaW1hZ2VGaWd1cmVJZCA9IGBpbWFnZS1maWd1cmUtJHtpZH1gO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWUgaWQ9e2ltYWdlRmlndXJlSWR9IHR5cGU9eydmdWxsLWNvbHVtbid9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgZXhwYW5kQnV0dG9uPXtcbiAgICAgICAgICAgIDxGaWd1cmVPcGVuRGlhbG9nQnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIG1lc3NhZ2VzPXt7XG4gICAgICAgICAgICAgICAgem9vbUltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICAgIHpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsOiB0KCdsaWNlbnNlLmltYWdlLml0ZW1JbWFnZS56b29tT3V0SW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG4iXX0= */"));
|
|
30
29
|
|
|
31
30
|
export var NotionImage = function NotionImage(_ref) {
|
|
32
|
-
var _imageCopyright$licen, _imageCopyright$licen2;
|
|
33
|
-
|
|
34
31
|
var id = _ref.id,
|
|
35
32
|
src = _ref.src,
|
|
36
33
|
alt = _ref.alt,
|
|
37
|
-
imageCopyright = _ref.imageCopyright,
|
|
38
34
|
type = _ref.type;
|
|
39
35
|
|
|
40
36
|
var _useTranslation = useTranslation(),
|
|
41
37
|
t = _useTranslation.t;
|
|
42
38
|
|
|
43
|
-
var imageId = "image-".concat(id);
|
|
44
39
|
var imageFigureId = "image-figure-".concat(id);
|
|
45
|
-
return ___EmotionJSX(
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
messages: {
|
|
61
|
-
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
62
|
-
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel')
|
|
63
|
-
}
|
|
64
|
-
})
|
|
65
|
-
}));
|
|
66
|
-
});
|
|
40
|
+
return ___EmotionJSX(Figure, {
|
|
41
|
+
resizeIframe: true,
|
|
42
|
+
id: imageFigureId,
|
|
43
|
+
type: 'full-column'
|
|
44
|
+
}, ___EmotionJSX(StyledImageWrapper, null, ___EmotionJSX(StyledImage, {
|
|
45
|
+
alt: alt,
|
|
46
|
+
src: src,
|
|
47
|
+
expandButton: ___EmotionJSX(FigureOpenDialogButton, {
|
|
48
|
+
type: type,
|
|
49
|
+
messages: {
|
|
50
|
+
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
51
|
+
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel')
|
|
52
|
+
}
|
|
53
|
+
})
|
|
54
|
+
})));
|
|
67
55
|
};
|
|
@@ -43,7 +43,7 @@ var ImageWrapper = (0, _styledBase["default"])("div", {
|
|
|
43
43
|
label: "ImageWrapper"
|
|
44
44
|
})("float:right;padding-left:", _core.spacing.normal, ";position:relative;", _core.mq.range({
|
|
45
45
|
until: _core.breakpoints.tabletWide
|
|
46
|
-
}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHROb3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCK0IiLCJmaWxlIjoiQ29uY2VwdE5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuLy9AdHMtaWdub3JlXG5pbXBvcnQgeyBpbml0QXJ0aWNsZVNjcmlwdHMgfSBmcm9tICdAbmRsYS9hcnRpY2xlLXNjcmlwdHMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IE5vdGlvbiwgeyBOb3Rpb25EaWFsb2dDb250ZW50LCBOb3Rpb25EaWFsb2dUZXh0LCBOb3Rpb25EaWFsb2dMaWNlbnNlcyB9IGZyb20gJ0BuZGxhL25vdGlvbic7XG5pbXBvcnQgeyBOb3Rpb24gYXMgVUlOb3Rpb24gfSBmcm9tICcuJztcbmltcG9ydCB7IE5vdGlvbkltYWdlIH0gZnJvbSAnLi9Ob3Rpb25JbWFnZSc7XG5pbXBvcnQgTm90aW9uVmlzdWFsRWxlbWVudCwgeyBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSB9IGZyb20gJy4vTm90aW9uVmlzdWFsRWxlbWVudCc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbmNlcHROb3Rpb25UeXBlIHtcbiAgaWQ6IG51bWJlcjtcbiAgY29weXJpZ2h0PzogUGFydGlhbDxDb3B5cmlnaHQ+O1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ/OiBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZTtcbiAgc291cmNlPzogc3RyaW5nO1xuICBpbWFnZT86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbn1cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU/OiAnaW1hZ2UnIHwgJ3ZpZGVvJyB8ICdoNXAnIHwgJ2lmcmFtZScgfCAnZXh0ZXJuYWwnO1xuICBjb25jZXB0OiBDb25jZXB0Tm90aW9uVHlwZTtcbiAgZGlzYWJsZVNjcmlwdHM/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgQ29uY2VwdE5vdGlvbiA9ICh7IGNvbmNlcHQsIGRpc2FibGVTY3JpcHRzLCB0eXBlLCBoaWRlSWNvbnNBbmRBdXRob3JzIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG5vdGlvbklkID0gYG5vdGlvbi0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgZmlndXJlSWQgPSBgbm90aW9uLWZpZ3VyZS0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgdmlzdWFsRWxlbWVudElkID0gYHZpc3VhbC1lbGVtZW50LSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVTY3JpcHRzKSB7XG4gICAgICBpbml0QXJ0aWNsZVNjcmlwdHMoKTtcbiAgICB9XG4gIH0sIFtkaXNhYmxlU2NyaXB0c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17ZmlndXJlSWR9XG4gICAgICBmaWd1cmVJZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgY29weXJpZ2h0PXtjb25jZXB0LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgdHlwZT1cImNvbmNlcHRcIlxuICAgICAgaGlkZUljb25zQW5kQXV0aG9ycz17aGlkZUljb25zQW5kQXV0aG9yc30+XG4gICAgICA8VUlOb3Rpb25cbiAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICB0aXRsZT17Y29uY2VwdC50aXRsZX1cbiAgICAgICAgdGV4dD17Y29uY2VwdC50ZXh0fVxuICAgICAgICBpbWFnZUVsZW1lbnQ9e1xuICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudD8ucmVzb3VyY2UgPT09ICdpbWFnZScgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlID8gKFxuICAgICAgICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5vdGlvblxuICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9e3QoJ2ZhY3Rib3gub3BlbicpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgICAgICAgIHN1YlRpdGxlPXt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uc0hlYWRpbmcnKX1cbiAgICAgICAgICAgICAgICBoaWRlQmFzZWxpbmVJY29uXG4gICAgICAgICAgICAgICAgY29udGVudD17XG4gICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSA9PT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uVmlzdWFsRWxlbWVudCB2aXN1YWxFbGVtZW50PXtjb25jZXB0LnZpc3VhbEVsZW1lbnR9IGlkPXtub3Rpb25JZH0gZmlndXJlSWQ9e2ZpZ3VyZUlkfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ1RleHQ+e3BhcnNlTWFya2Rvd24oY29uY2VwdC50ZXh0LCAnYm9keScpfTwvTm90aW9uRGlhbG9nVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9Ob3Rpb25EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nTGljZW5zZXMgbGljZW5zZT17Y29uY2VwdC5jb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9IHNvdXJjZT17Y29uY2VwdC5zb3VyY2V9IC8+XG4gICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICB9PlxuICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgPE5vdGlvbkltYWdlXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgIHNyYz17Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlLnNyY31cbiAgICAgICAgICAgICAgICAgICAgYWx0PXtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UuYWx0ID8/
|
|
46
|
+
}), "{width:100%;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHROb3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCK0IiLCJmaWxlIjoiQ29uY2VwdE5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuLy9AdHMtaWdub3JlXG5pbXBvcnQgeyBpbml0QXJ0aWNsZVNjcmlwdHMgfSBmcm9tICdAbmRsYS9hcnRpY2xlLXNjcmlwdHMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IE5vdGlvbiwgeyBOb3Rpb25EaWFsb2dDb250ZW50LCBOb3Rpb25EaWFsb2dUZXh0LCBOb3Rpb25EaWFsb2dMaWNlbnNlcyB9IGZyb20gJ0BuZGxhL25vdGlvbic7XG5pbXBvcnQgeyBOb3Rpb24gYXMgVUlOb3Rpb24gfSBmcm9tICcuJztcbmltcG9ydCB7IE5vdGlvbkltYWdlIH0gZnJvbSAnLi9Ob3Rpb25JbWFnZSc7XG5pbXBvcnQgTm90aW9uVmlzdWFsRWxlbWVudCwgeyBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSB9IGZyb20gJy4vTm90aW9uVmlzdWFsRWxlbWVudCc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbmNlcHROb3Rpb25UeXBlIHtcbiAgaWQ6IG51bWJlcjtcbiAgY29weXJpZ2h0PzogUGFydGlhbDxDb3B5cmlnaHQ+O1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ/OiBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZTtcbiAgc291cmNlPzogc3RyaW5nO1xuICBpbWFnZT86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbn1cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU/OiAnaW1hZ2UnIHwgJ3ZpZGVvJyB8ICdoNXAnIHwgJ2lmcmFtZScgfCAnZXh0ZXJuYWwnO1xuICBjb25jZXB0OiBDb25jZXB0Tm90aW9uVHlwZTtcbiAgZGlzYWJsZVNjcmlwdHM/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgQ29uY2VwdE5vdGlvbiA9ICh7IGNvbmNlcHQsIGRpc2FibGVTY3JpcHRzLCB0eXBlLCBoaWRlSWNvbnNBbmRBdXRob3JzIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG5vdGlvbklkID0gYG5vdGlvbi0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgZmlndXJlSWQgPSBgbm90aW9uLWZpZ3VyZS0ke2NvbmNlcHQuaWR9YDtcbiAgY29uc3QgdmlzdWFsRWxlbWVudElkID0gYHZpc3VhbC1lbGVtZW50LSR7Y29uY2VwdC5pZH1gO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWRpc2FibGVTY3JpcHRzKSB7XG4gICAgICBpbml0QXJ0aWNsZVNjcmlwdHMoKTtcbiAgICB9XG4gIH0sIFtkaXNhYmxlU2NyaXB0c10pO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17ZmlndXJlSWR9XG4gICAgICBmaWd1cmVJZD17dmlzdWFsRWxlbWVudElkfVxuICAgICAgY29weXJpZ2h0PXtjb25jZXB0LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgdHlwZT1cImNvbmNlcHRcIlxuICAgICAgaGlkZUljb25zQW5kQXV0aG9ycz17aGlkZUljb25zQW5kQXV0aG9yc30+XG4gICAgICA8VUlOb3Rpb25cbiAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICB0aXRsZT17Y29uY2VwdC50aXRsZX1cbiAgICAgICAgdGV4dD17Y29uY2VwdC50ZXh0fVxuICAgICAgICBpbWFnZUVsZW1lbnQ9e1xuICAgICAgICAgIGNvbmNlcHQudmlzdWFsRWxlbWVudD8ucmVzb3VyY2UgPT09ICdpbWFnZScgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlID8gKFxuICAgICAgICAgICAgPEltYWdlV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5vdGlvblxuICAgICAgICAgICAgICAgIGlkPXtub3Rpb25JZH1cbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9e3QoJ2ZhY3Rib3gub3BlbicpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtjb25jZXB0LnRpdGxlfVxuICAgICAgICAgICAgICAgIHN1YlRpdGxlPXt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uc0hlYWRpbmcnKX1cbiAgICAgICAgICAgICAgICBoaWRlQmFzZWxpbmVJY29uXG4gICAgICAgICAgICAgICAgY29udGVudD17XG4gICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICB7Y29uY2VwdC52aXN1YWxFbGVtZW50Py5yZXNvdXJjZSA9PT0gJ2ltYWdlJyAmJiBjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8Tm90aW9uVmlzdWFsRWxlbWVudCB2aXN1YWxFbGVtZW50PXtjb25jZXB0LnZpc3VhbEVsZW1lbnR9IGlkPXtub3Rpb25JZH0gZmlndXJlSWQ9e2ZpZ3VyZUlkfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ1RleHQ+e3BhcnNlTWFya2Rvd24oY29uY2VwdC50ZXh0LCAnYm9keScpfTwvTm90aW9uRGlhbG9nVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9Ob3Rpb25EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICA8Tm90aW9uRGlhbG9nTGljZW5zZXMgbGljZW5zZT17Y29uY2VwdC5jb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9IHNvdXJjZT17Y29uY2VwdC5zb3VyY2V9IC8+XG4gICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICB9PlxuICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgPE5vdGlvbkltYWdlXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXt2aXN1YWxFbGVtZW50SWR9XG4gICAgICAgICAgICAgICAgICAgIHNyYz17Y29uY2VwdC52aXN1YWxFbGVtZW50LmltYWdlLnNyY31cbiAgICAgICAgICAgICAgICAgICAgYWx0PXtjb25jZXB0LnZpc3VhbEVsZW1lbnQuaW1hZ2UuYWx0ID8/ICcnfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L05vdGlvbj5cbiAgICAgICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICAgICkgOiB1bmRlZmluZWRcbiAgICAgICAgfVxuICAgICAgICB2aXN1YWxFbGVtZW50PXtcbiAgICAgICAgICBjb25jZXB0LnZpc3VhbEVsZW1lbnQgJiYgY29uY2VwdC52aXN1YWxFbGVtZW50LnJlc291cmNlICE9PSAnaW1hZ2UnICYmIGNvbmNlcHQudmlzdWFsRWxlbWVudC51cmwgPyAoXG4gICAgICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgICAgICA8Tm90aW9uXG4gICAgICAgICAgICAgICAgaWQ9e25vdGlvbklkfVxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD17dCgnZmFjdGJveC5vcGVuJyl9XG4gICAgICAgICAgICAgICAgdGl0bGU9e2NvbmNlcHQudGl0bGV9XG4gICAgICAgICAgICAgICAgaGlkZUJhc2VsaW5lSWNvblxuICAgICAgICAgICAgICAgIHN1YlRpdGxlPXt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uc0hlYWRpbmcnKX1cbiAgICAgICAgICAgICAgICBjb250ZW50PXtcbiAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dDb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgIHtjb25jZXB0LnZpc3VhbEVsZW1lbnQgJiZcbiAgICAgICAgICAgICAgICAgICAgICBjb25jZXB0LnZpc3VhbEVsZW1lbnQ/LnJlc291cmNlICE9PSAnaW1hZ2UnICYmXG4gICAgICAgICAgICAgICAgICAgICAgY29uY2VwdC52aXN1YWxFbGVtZW50LnVybCA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25WaXN1YWxFbGVtZW50IHZpc3VhbEVsZW1lbnQ9e2NvbmNlcHQudmlzdWFsRWxlbWVudH0gaWQ9e25vdGlvbklkfSBmaWd1cmVJZD17ZmlndXJlSWR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IHVuZGVmaW5lZH1cblxuICAgICAgICAgICAgICAgICAgICAgIDxOb3Rpb25EaWFsb2dUZXh0PntwYXJzZU1hcmtkb3duKGNvbmNlcHQudGV4dCwgJ2JvZHknKX08L05vdGlvbkRpYWxvZ1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvTm90aW9uRGlhbG9nQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPE5vdGlvbkRpYWxvZ0xpY2Vuc2VzIGxpY2Vuc2U9e2NvbmNlcHQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfSBzb3VyY2U9e2NvbmNlcHQuc291cmNlfSAvPlxuICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgfT5cbiAgICAgICAgICAgICAgICB7Y29uY2VwdC5pbWFnZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Tm90aW9uSW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgICAgICAgaWQ9e3Zpc3VhbEVsZW1lbnRJZH1cbiAgICAgICAgICAgICAgICAgICAgc3JjPXtjb25jZXB0LmltYWdlPy5zcmN9XG4gICAgICAgICAgICAgICAgICAgIGFsdD17Y29uY2VwdC5pbWFnZT8uYWx0ID8/ICcnfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L05vdGlvbj5cbiAgICAgICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICAgICkgOiB1bmRlZmluZWRcbiAgICAgICAgfT48L1VJTm90aW9uPlxuICAgIDwvRmlndXJlTm90aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29uY2VwdE5vdGlvbjtcbiJdfQ== */"));
|
|
47
47
|
|
|
48
48
|
var ConceptNotion = function ConceptNotion(_ref) {
|
|
49
49
|
var _concept$copyright$li, _concept$copyright, _concept$copyright$li2, _concept$visualElemen, _concept$visualElemen2, _concept$copyright$li3, _concept$copyright2, _concept$copyright2$l, _concept$visualElemen3, _concept$visualElemen4, _concept$copyright$li4, _concept$copyright3, _concept$copyright3$l, _concept$image, _concept$image$alt, _concept$image2;
|
|
@@ -94,8 +94,7 @@ var ConceptNotion = function ConceptNotion(_ref) {
|
|
|
94
94
|
type: type,
|
|
95
95
|
id: visualElementId,
|
|
96
96
|
src: concept.visualElement.image.src,
|
|
97
|
-
alt: (_concept$visualElemen3 = concept.visualElement.image.alt) !== null && _concept$visualElemen3 !== void 0 ? _concept$visualElemen3 : ''
|
|
98
|
-
imageCopyright: concept.visualElement.copyright
|
|
97
|
+
alt: (_concept$visualElemen3 = concept.visualElement.image.alt) !== null && _concept$visualElemen3 !== void 0 ? _concept$visualElemen3 : ''
|
|
99
98
|
}))) : undefined,
|
|
100
99
|
visualElement: concept.visualElement && concept.visualElement.resource !== 'image' && concept.visualElement.url ? (0, _core2.jsx)(ImageWrapper, null, (0, _core2.jsx)(_notion["default"], {
|
|
101
100
|
id: notionId,
|
|
@@ -115,8 +114,7 @@ var ConceptNotion = function ConceptNotion(_ref) {
|
|
|
115
114
|
type: type,
|
|
116
115
|
id: visualElementId,
|
|
117
116
|
src: (_concept$image = concept.image) === null || _concept$image === void 0 ? void 0 : _concept$image.src,
|
|
118
|
-
alt: (_concept$image$alt = (_concept$image2 = concept.image) === null || _concept$image2 === void 0 ? void 0 : _concept$image2.alt) !== null && _concept$image$alt !== void 0 ? _concept$image$alt : ''
|
|
119
|
-
imageCopyright: concept.visualElement.copyright
|
|
117
|
+
alt: (_concept$image$alt = (_concept$image2 = concept.image) === null || _concept$image2 === void 0 ? void 0 : _concept$image2.alt) !== null && _concept$image$alt !== void 0 ? _concept$image$alt : ''
|
|
120
118
|
}))) : undefined
|
|
121
119
|
}));
|
|
122
120
|
};
|
|
@@ -4,13 +4,11 @@
|
|
|
4
4
|
* This source code is licensed under the GPLv3 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree. *
|
|
6
6
|
*/
|
|
7
|
-
import { Copyright } from '../types';
|
|
8
7
|
interface Props {
|
|
9
8
|
type: 'image' | 'video' | 'h5p' | 'iframe' | 'external' | undefined;
|
|
10
9
|
id: string;
|
|
11
10
|
src: string;
|
|
12
11
|
alt: string;
|
|
13
|
-
imageCopyright?: Partial<Copyright>;
|
|
14
12
|
}
|
|
15
|
-
export declare const NotionImage: ({ id, src, alt,
|
|
13
|
+
export declare const NotionImage: ({ id, src, alt, type }: Props) => JSX.Element;
|
|
16
14
|
export {};
|
|
@@ -17,8 +17,6 @@ var _Image = _interopRequireDefault(require("../Image"));
|
|
|
17
17
|
|
|
18
18
|
var _Figure = require("../Figure");
|
|
19
19
|
|
|
20
|
-
var _FigureNotion = _interopRequireDefault(require("./FigureNotion"));
|
|
21
|
-
|
|
22
20
|
var _core2 = require("@emotion/core");
|
|
23
21
|
|
|
24
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -34,50 +32,39 @@ var StyledImageWrapper = (0, _styledBase["default"])("div", {
|
|
|
34
32
|
label: "StyledImageWrapper"
|
|
35
33
|
})("overflow:hidden;width:260px;padding-top:", _core.spacing.small, ";", _core.mq.range({
|
|
36
34
|
until: _core.breakpoints.tabletWide
|
|
37
|
-
}), "{margin:0 auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
}), "{margin:0 auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiTm90aW9uSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGFuaW1hdGlvbnMsIGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZU9wZW5EaWFsb2dCdXR0b24gfSBmcm9tICcuLi9GaWd1cmUnO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAmOmhvdmVyIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgb3BhY2l0eTogMS4xO1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZTogJ2ltYWdlJyB8ICd2aWRlbycgfCAnaDVwJyB8ICdpZnJhbWUnIHwgJ2V4dGVybmFsJyB8IHVuZGVmaW5lZDtcbiAgaWQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IE5vdGlvbkltYWdlID0gKHsgaWQsIHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBpbWFnZUZpZ3VyZUlkID0gYGltYWdlLWZpZ3VyZS0ke2lkfWA7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlIHJlc2l6ZUlmcmFtZSBpZD17aW1hZ2VGaWd1cmVJZH0gdHlwZT17J2Z1bGwtY29sdW1uJ30+XG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICBleHBhbmRCdXR0b249e1xuICAgICAgICAgICAgPEZpZ3VyZU9wZW5EaWFsb2dCdXR0b25cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgICAgICAgICB6b29tSW1hZ2VCdXR0b25MYWJlbDogdCgnbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgICAgem9vbU91dEltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2UuaXRlbUltYWdlLnpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
|
|
38
36
|
var StyledImage = ( /*#__PURE__*/0, _styledBase["default"])(_Image["default"], {
|
|
39
37
|
target: "e1beccco1",
|
|
40
38
|
label: "StyledImage"
|
|
41
39
|
})("object-fit:cover;max-height:162px;transition:transform ", _core.animations.durations.fast, ";&:hover{transform:scale(1.1);opacity:1.1;transition-duration:0.5s;}", _core.mq.range({
|
|
42
40
|
until: _core.breakpoints.tabletWide
|
|
43
|
-
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmlDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IHsgRmlndXJlLCBGaWd1cmVPcGVuRGlhbG9nQnV0dG9uIH0gZnJvbSAnLi4vRmlndXJlJztcblxuY29uc3QgU3R5bGVkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDI2MHB4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJjpob3ZlciB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgIG9wYWNpdHk6IDEuMTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1pbi13aWR0aDogMjYwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU6ICdpbWFnZScgfCAndmlkZW8nIHwgJ2g1cCcgfCAnaWZyYW1lJyB8ICdleHRlcm5hbCcgfCB1bmRlZmluZWQ7XG4gIGlkOiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IGlkLCBzcmMsIGFsdCwgdHlwZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgaW1hZ2VGaWd1cmVJZCA9IGBpbWFnZS1maWd1cmUtJHtpZH1gO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWUgaWQ9e2ltYWdlRmlndXJlSWR9IHR5cGU9eydmdWxsLWNvbHVtbid9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgZXhwYW5kQnV0dG9uPXtcbiAgICAgICAgICAgIDxGaWd1cmVPcGVuRGlhbG9nQnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIG1lc3NhZ2VzPXt7XG4gICAgICAgICAgICAgICAgem9vbUltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICAgIHpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsOiB0KCdsaWNlbnNlLmltYWdlLml0ZW1JbWFnZS56b29tT3V0SW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG4iXX0= */"));
|
|
44
42
|
|
|
45
43
|
var NotionImage = function NotionImage(_ref) {
|
|
46
|
-
var _imageCopyright$licen, _imageCopyright$licen2;
|
|
47
|
-
|
|
48
44
|
var id = _ref.id,
|
|
49
45
|
src = _ref.src,
|
|
50
46
|
alt = _ref.alt,
|
|
51
|
-
imageCopyright = _ref.imageCopyright,
|
|
52
47
|
type = _ref.type;
|
|
53
48
|
|
|
54
49
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
55
50
|
t = _useTranslation.t;
|
|
56
51
|
|
|
57
|
-
var imageId = "image-".concat(id);
|
|
58
52
|
var imageFigureId = "image-figure-".concat(id);
|
|
59
|
-
return (0, _core2.jsx)(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
messages: {
|
|
75
|
-
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
76
|
-
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel')
|
|
77
|
-
}
|
|
78
|
-
})
|
|
79
|
-
}));
|
|
80
|
-
});
|
|
53
|
+
return (0, _core2.jsx)(_Figure.Figure, {
|
|
54
|
+
resizeIframe: true,
|
|
55
|
+
id: imageFigureId,
|
|
56
|
+
type: 'full-column'
|
|
57
|
+
}, (0, _core2.jsx)(StyledImageWrapper, null, (0, _core2.jsx)(StyledImage, {
|
|
58
|
+
alt: alt,
|
|
59
|
+
src: src,
|
|
60
|
+
expandButton: (0, _core2.jsx)(_Figure.FigureOpenDialogButton, {
|
|
61
|
+
type: type,
|
|
62
|
+
messages: {
|
|
63
|
+
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
64
|
+
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel')
|
|
65
|
+
}
|
|
66
|
+
})
|
|
67
|
+
})));
|
|
81
68
|
};
|
|
82
69
|
|
|
83
70
|
exports.NotionImage = NotionImage;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "10.1.
|
|
3
|
+
"version": "10.1.1",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "6c43d6775f6e357cc738d2fac813e6841fe84f10"
|
|
85
85
|
}
|
|
@@ -100,7 +100,6 @@ const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: P
|
|
|
100
100
|
id={visualElementId}
|
|
101
101
|
src={concept.visualElement.image.src}
|
|
102
102
|
alt={concept.visualElement.image.alt ?? ''}
|
|
103
|
-
imageCopyright={concept.visualElement.copyright}
|
|
104
103
|
/>
|
|
105
104
|
)}
|
|
106
105
|
</Notion>
|
|
@@ -136,7 +135,6 @@ const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: P
|
|
|
136
135
|
id={visualElementId}
|
|
137
136
|
src={concept.image?.src}
|
|
138
137
|
alt={concept.image?.alt ?? ''}
|
|
139
|
-
imageCopyright={concept.visualElement.copyright}
|
|
140
138
|
/>
|
|
141
139
|
)}
|
|
142
140
|
</Notion>
|
|
@@ -10,9 +10,7 @@ import styled from '@emotion/styled';
|
|
|
10
10
|
import { animations, breakpoints, mq, spacing } from '@ndla/core';
|
|
11
11
|
import { useTranslation } from 'react-i18next';
|
|
12
12
|
import Image from '../Image';
|
|
13
|
-
import { FigureOpenDialogButton } from '../Figure';
|
|
14
|
-
import { Copyright } from '../types';
|
|
15
|
-
import FigureNotion from './FigureNotion';
|
|
13
|
+
import { Figure, FigureOpenDialogButton } from '../Figure';
|
|
16
14
|
|
|
17
15
|
const StyledImageWrapper = styled.div`
|
|
18
16
|
overflow: hidden;
|
|
@@ -42,40 +40,29 @@ interface Props {
|
|
|
42
40
|
id: string;
|
|
43
41
|
src: string;
|
|
44
42
|
alt: string;
|
|
45
|
-
imageCopyright?: Partial<Copyright>;
|
|
46
43
|
}
|
|
47
|
-
export const NotionImage = ({ id, src, alt,
|
|
44
|
+
export const NotionImage = ({ id, src, alt, type }: Props) => {
|
|
48
45
|
const { t } = useTranslation();
|
|
49
46
|
|
|
50
|
-
const imageId = `image-${id}`;
|
|
51
47
|
const imageFigureId = `image-figure-${id}`;
|
|
52
48
|
|
|
53
49
|
return (
|
|
54
|
-
<
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
72
|
-
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel'),
|
|
73
|
-
}}
|
|
74
|
-
/>
|
|
75
|
-
}
|
|
76
|
-
/>
|
|
77
|
-
</StyledImageWrapper>
|
|
78
|
-
)}
|
|
79
|
-
</FigureNotion>
|
|
50
|
+
<Figure resizeIframe id={imageFigureId} type={'full-column'}>
|
|
51
|
+
<StyledImageWrapper>
|
|
52
|
+
<StyledImage
|
|
53
|
+
alt={alt}
|
|
54
|
+
src={src}
|
|
55
|
+
expandButton={
|
|
56
|
+
<FigureOpenDialogButton
|
|
57
|
+
type={type}
|
|
58
|
+
messages={{
|
|
59
|
+
zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
|
|
60
|
+
zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel'),
|
|
61
|
+
}}
|
|
62
|
+
/>
|
|
63
|
+
}
|
|
64
|
+
/>
|
|
65
|
+
</StyledImageWrapper>
|
|
66
|
+
</Figure>
|
|
80
67
|
);
|
|
81
68
|
};
|