@redsift/dashboard 11.5.0 → 11.6.0-muiv5-alpha.1

package/components/PdfExportButton/PdfDocument.js

@@ -0,0 +1,173 @@
+import React from 'react';
+import { Document, Page, View, Image, Text } from '@react-pdf/renderer';
+import { getPdfStyles } from './styles.js';
+
+// istanbul ignore file
+const DEFAULT_COLUMN_WIDTH = 100;
+const getWidthColumn = (width, totalW, nrColumns) => {
+  // calculation width column where the 7px margin between the columns is included
+  return `${Math.round(width * 100 / (totalW - 7 * (nrColumns - 1)))}%`;
+};
+const PdfTableRow = _ref => {
+  let {
+    rowIndex,
+    rowData,
+    columns,
+    styles,
+    totalWidth
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.tableRowContainer,
+    key: `row-${rowIndex}`
+  }, columns.map((column, index) => {
+    const {
+      field,
+      width
+    } = column;
+    let totalW = totalWidth;
+    let nrColumns = columns.length;
+
+    // The checkbox in the table will not be printed
+    if (field === '__check__') {
+      totalW = totalW - (width || 50);
+      nrColumns = nrColumns - 1;
+      return;
+    }
+    const widthColumn = getWidthColumn(width || DEFAULT_COLUMN_WIDTH, totalW, nrColumns);
+
+    // Empty value will print '-'
+    if (!rowData[field]) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: widthColumn,
+          paddingVertical: 2,
+          marginRight: 7
+        },
+        key: `cell-${rowIndex}-${index}`
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.tableCellText
+      }, '-'));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: widthColumn,
+        paddingVertical: 2,
+        marginRight: 7
+      },
+      key: `cell-${rowIndex}-${index}`
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.tableCellText
+    }, Array.isArray(rowData[field]) ? rowData[field].join(', ') : rowData[field]));
+  }));
+};
+const PdfTable = _ref2 => {
+  let {
+    dataTable,
+    styles,
+    localeText
+  } = _ref2;
+  const {
+    data,
+    columns,
+    totalWidth
+  } = dataTable;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.tableHeaderContainer
+  }, columns.map(column => {
+    let totalW = totalWidth;
+    let nrColumns = columns.length;
+    const {
+      field,
+      headerName,
+      width
+    } = column;
+
+    // The checkbox in the table will not be printed
+    if (field === '__check__') {
+      totalW = totalW - (width || 50);
+      nrColumns = nrColumns - 1;
+      return;
+    }
+    const widthColumn = getWidthColumn(width || DEFAULT_COLUMN_WIDTH, totalW, nrColumns);
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: widthColumn,
+        paddingVertical: 2,
+        marginRight: 7
+      },
+      key: `heading-${field}`
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.tableCellHeaderText
+    }, headerName));
+  })), /*#__PURE__*/React.createElement(View, null, data.map((row, index) => {
+    if (index < 1000) {
+      return /*#__PURE__*/React.createElement(PdfTableRow, {
+        key: index,
+        rowIndex: index,
+        rowData: data[index],
+        columns: columns,
+        styles: styles,
+        totalWidth: totalWidth
+      });
+    }
+  })), data.length >= 1000 ? /*#__PURE__*/React.createElement(View, {
+    style: styles.constraintsContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.constraints
+  }, (localeText === null || localeText === void 0 ? void 0 : localeText.maxSizeDisclaimer) || 'Due to processing constraints this pdf is limited to the first 1000 rows of data.')) : null);
+};
+const Pagination = _ref3 => {
+  let {
+    styles
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(Text, {
+    style: styles.pageNumber,
+    render: _ref4 => {
+      let {
+        pageNumber,
+        totalPages
+      } = _ref4;
+      return `${pageNumber}/${totalPages}`;
+    },
+    fixed: true
+  });
+};
+const PdfDocument = _ref5 => {
+  let {
+    dashboardImage,
+    introduction,
+    localeText,
+    logo,
+    dataTable,
+    primaryColor
+  } = _ref5;
+  const styles = getPdfStyles(primaryColor);
+  return /*#__PURE__*/React.createElement(Document, null, /*#__PURE__*/React.createElement(Page, {
+    size: "A4",
+    style: styles.page
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, logo ? /*#__PURE__*/React.createElement(View, {
+    style: styles.logoContainer
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: logo,
+    style: styles.logo
+  })) : null, introduction ? /*#__PURE__*/React.createElement(View, {
+    style: styles.introductionContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.introductionText
+  }, introduction)) : null, dashboardImage ? /*#__PURE__*/React.createElement(View, {
+    style: styles.dashboardImageContainer
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: dashboardImage
+  })) : null, dataTable ? /*#__PURE__*/React.createElement(View, {
+    style: styles.tableContainer
+  }, /*#__PURE__*/React.createElement(PdfTable, {
+    dataTable: dataTable,
+    styles: styles,
+    localeText: localeText
+  })) : null, /*#__PURE__*/React.createElement(Pagination, {
+    styles: styles
+  }))));
+};
+
+export { PdfDocument };
+//# sourceMappingURL=PdfDocument.js.map

package/components/PdfExportButton/PdfDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfDocument.js","sources":["../../../src/components/PdfExportButton/PdfDocument.tsx"],"sourcesContent":["// istanbul ignore file\n\nimport React from 'react';\nimport { Document, Image, Page, Text, View } from '@react-pdf/renderer';\nimport { GridValidRowModel } from '@mui/x-data-grid-pro';\nimport { PdfTableColumn, PdfTableRowProps, PdfTableProps, PdfDocumentProps, PdfStyles } from './types';\nimport { getPdfStyles } from './styles';\n\nconst DEFAULT_COLUMN_WIDTH = 100;\n\nconst getWidthColumn = (width: number, totalW: number, nrColumns: number) => {\n  // calculation width column where the 7px margin between the columns is included\n  return `${Math.round((width * 100) / (totalW - 7 * (nrColumns - 1)))}%`;\n};\n\nconst PdfTableRow = ({ rowIndex, rowData, columns, styles, totalWidth }: PdfTableRowProps) => {\n  return (\n    <View style={styles.tableRowContainer} key={`row-${rowIndex}`}>\n      {columns.map((column: PdfTableColumn, index: number) => {\n        const { field, width } = column;\n        let totalW = totalWidth;\n        let nrColumns = columns.length;\n\n        // The checkbox in the table will not be printed\n        if (field === '__check__') {\n          totalW = totalW - (width || 50);\n          nrColumns = nrColumns - 1;\n          return;\n        }\n        const widthColumn = getWidthColumn(width || DEFAULT_COLUMN_WIDTH, totalW, nrColumns);\n\n        // Empty value will print '-'\n        if (!rowData[field]) {\n          return (\n            <View\n              style={{\n                width: widthColumn,\n                paddingVertical: 2,\n                marginRight: 7,\n              }}\n              key={`cell-${rowIndex}-${index}`}\n            >\n              <Text style={styles.tableCellText}>{'-'}</Text>\n            </View>\n          );\n        }\n        return (\n          <View\n            style={{\n              width: widthColumn,\n              paddingVertical: 2,\n              marginRight: 7,\n            }}\n            key={`cell-${rowIndex}-${index}`}\n          >\n            <Text style={styles.tableCellText}>\n              {Array.isArray(rowData[field]) ? rowData[field].join(', ') : rowData[field]}\n            </Text>\n          </View>\n        );\n      })}\n    </View>\n  );\n};\n\nconst PdfTable = ({ dataTable, styles, localeText }: PdfTableProps) => {\n  const { data, columns, totalWidth } = dataTable;\n\n  return (\n    <>\n      <View style={styles.tableHeaderContainer}>\n        {columns.map((column: PdfTableColumn) => {\n          let totalW = totalWidth;\n          let nrColumns = columns.length;\n          const { field, headerName, width } = column;\n\n          // The checkbox in the table will not be printed\n          if (field === '__check__') {\n            totalW = totalW - (width || 50);\n            nrColumns = nrColumns - 1;\n            return;\n          }\n          const widthColumn = getWidthColumn(width || DEFAULT_COLUMN_WIDTH, totalW, nrColumns);\n\n          return (\n            <View\n              style={{\n                width: widthColumn,\n                paddingVertical: 2,\n                marginRight: 7,\n              }}\n              key={`heading-${field}`}\n            >\n              <Text style={styles.tableCellHeaderText}>{headerName}</Text>\n            </View>\n          );\n        })}\n      </View>\n      <View>\n        {data.map((row: GridValidRowModel, index: number) => {\n          if (index < 1000) {\n            return (\n              <PdfTableRow\n                key={index}\n                rowIndex={index}\n                rowData={data[index]}\n                columns={columns}\n                styles={styles}\n                totalWidth={totalWidth}\n              />\n            );\n          }\n        })}\n      </View>\n      {data.length >= 1000 ? (\n        <View style={styles.constraintsContainer}>\n          <Text style={styles.constraints}>\n            {localeText?.maxSizeDisclaimer ||\n              'Due to processing constraints this pdf is limited to the first 1000 rows of data.'}\n          </Text>\n        </View>\n      ) : null}\n    </>\n  );\n};\n\nconst Pagination = ({ styles }: { styles: PdfStyles }) => {\n  return (\n    <Text style={styles.pageNumber} render={({ pageNumber, totalPages }) => `${pageNumber}/${totalPages}`} fixed />\n  );\n};\n\nexport const PdfDocument = ({\n  dashboardImage,\n  introduction,\n  localeText,\n  logo,\n  dataTable,\n  primaryColor,\n}: PdfDocumentProps) => {\n  const styles = getPdfStyles(primaryColor);\n\n  return (\n    <Document>\n      <Page size=\"A4\" style={styles.page}>\n        <>\n          {logo ? (\n            <View style={styles.logoContainer}>\n              <Image src={logo} style={styles.logo} />\n            </View>\n          ) : null}\n          {introduction ? (\n            <View style={styles.introductionContainer}>\n              <Text style={styles.introductionText}>{introduction}</Text>\n            </View>\n          ) : null}\n          {dashboardImage ? (\n            <View style={styles.dashboardImageContainer}>\n              <Image src={dashboardImage as unknown as string} />\n            </View>\n          ) : null}\n          {dataTable ? (\n            <View style={styles.tableContainer}>\n              <PdfTable dataTable={dataTable} styles={styles} localeText={localeText} />\n            </View>\n          ) : null}\n\n          <Pagination styles={styles} />\n        </>\n      </Page>\n    </Document>\n  );\n};\n"],"names":["DEFAULT_COLUMN_WIDTH","getWidthColumn","width","totalW","nrColumns","Math","round","PdfTableRow","_ref","rowIndex","rowData","columns","styles","totalWidth","React","createElement","View","style","tableRowContainer","key","map","column","index","field","length","widthColumn","paddingVertical","marginRight","Text","tableCellText","Array","isArray","join","PdfTable","_ref2","dataTable","localeText","data","Fragment","tableHeaderContainer","headerName","tableCellHeaderText","row","constraintsContainer","constraints","maxSizeDisclaimer","Pagination","_ref3","pageNumber","render","_ref4","totalPages","fixed","PdfDocument","_ref5","dashboardImage","introduction","logo","primaryColor","getPdfStyles","Document","Page","size","page","logoContainer","Image","src","introductionContainer","introductionText","dashboardImageContainer","tableContainer"],"mappings":"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"}

package/components/PdfExportButton/PdfExportButton.d.ts

@@ -0,0 +1,6 @@
+import { Comp } from '@redsift/design-system';
+import { PdfExportButtonProps } from './types.js';
+
+declare const PdfExportButton: Comp<PdfExportButtonProps, HTMLButtonElement>;
+
+export { PdfExportButton };

package/components/PdfExportButton/PdfExportButton.js

@@ -0,0 +1,110 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState, useContext, useEffect } from 'react';
+import { gridFilteredSortedRowEntriesSelector, gridVisibleColumnDefinitionsSelector, gridColumnsTotalWidthSelector } from '@mui/x-data-grid-pro';
+import classNames from 'classnames';
+import { saveAs } from 'file-saver';
+import { pdf } from '@react-pdf/renderer';
+import domToImage from 'dom-to-image';
+import { Button, Spinner, RedsiftColorBlueD1 } from '@redsift/design-system';
+import { PdfDocument } from './PdfDocument.js';
+import { DashboardContext } from '../Dashboard/context.js';
+
+const _excluded = ["children", "className", "componentRef", "fileName", "introduction", "localeText", "logo", "onClick", "primaryColor"];
+const COMPONENT_NAME = 'PdfExportButton';
+const CLASSNAME = 'redsift-pdf-export-button';
+const getDashboardImage = async componentRef => {
+  var _componentRef$current, _componentRef$current2, _componentRef$current3, _componentRef$current4;
+  const filter = el => {
+    const classList = el.classList;
+    return !(classList !== null && classList !== void 0 && classList.contains('redsift-datagrid') || classList !== null && classList !== void 0 && classList.contains('redsift-button'));
+  };
+  const dashboardHeight = componentRef.current.getBoundingClientRect().height;
+  const datagridHeight = ((_componentRef$current = componentRef.current) === null || _componentRef$current === void 0 ? void 0 : (_componentRef$current2 = _componentRef$current.getElementsByClassName('redsift-datagrid')) === null || _componentRef$current2 === void 0 ? void 0 : (_componentRef$current3 = _componentRef$current2[0]) === null || _componentRef$current3 === void 0 ? void 0 : (_componentRef$current4 = _componentRef$current3.getBoundingClientRect()) === null || _componentRef$current4 === void 0 ? void 0 : _componentRef$current4.height) || 0;
+  return new Promise(resolve => {
+    domToImage.toPng(componentRef.current, {
+      filter,
+      height: dashboardHeight - datagridHeight
+    }).then(function (dataUrl) {
+      resolve(dataUrl);
+    }).catch(() => {
+      resolve('');
+    });
+  });
+};
+const PdfExportButton = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      componentRef: propComponentRef,
+      fileName,
+      introduction,
+      localeText,
+      logo,
+      onClick,
+      primaryColor
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const [componentRef, setComponentRef] = useState(propComponentRef);
+  const [isLoading, setIsLoading] = useState(false);
+  const {
+    dashboardRef,
+    dataGridApiRef
+  } = useContext(DashboardContext);
+  useEffect(() => {
+    if (!componentRef || !componentRef.current) {
+      setComponentRef(dashboardRef);
+    }
+  }, [dashboardRef]);
+  const exportPdf = async () => {
+    if (onClick) {
+      onClick();
+    }
+    setIsLoading(true);
+    try {
+      const dashboardImage = await getDashboardImage(componentRef || dashboardRef);
+      let dataTable;
+      if (dataGridApiRef && dataGridApiRef.current && Object.keys(dataGridApiRef.current).length) {
+        dataTable = {
+          data: gridFilteredSortedRowEntriesSelector(dataGridApiRef.current.state, dataGridApiRef.current.instanceId).slice(0, 1000).map(_ref => {
+            let {
+              model
+            } = _ref;
+            return model;
+          }),
+          columns: gridVisibleColumnDefinitionsSelector(dataGridApiRef.current.state, dataGridApiRef.current.instanceId),
+          totalWidth: gridColumnsTotalWidthSelector(dataGridApiRef.current.state, dataGridApiRef.current.instanceId)
+        };
+      }
+      const doc = /*#__PURE__*/React.createElement(PdfDocument, {
+        localeText: localeText,
+        dashboardImage: dashboardImage,
+        introduction: introduction,
+        logo: logo,
+        primaryColor: primaryColor || RedsiftColorBlueD1,
+        dataTable: dataTable
+      });
+      const asPdf = pdf([]);
+      asPdf.updateContainer(doc);
+      const blob = await asPdf.toBlob();
+      saveAs(blob, fileName || 'redsift-dashboard.pdf');
+    } catch (e) {
+      console.log('error:', e);
+    }
+    setIsLoading(false);
+  };
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    className: classNames(PdfExportButton.className, className),
+    onClick: exportPdf,
+    isDisabled: isLoading
+  }, forwardedProps, {
+    ref: ref
+  }), isLoading ? /*#__PURE__*/React.createElement(Spinner, {
+    size: "xsmall",
+    isColored: false
+  }) : null, " ", children);
+});
+PdfExportButton.className = CLASSNAME;
+PdfExportButton.displayName = COMPONENT_NAME;
+
+export { PdfExportButton };
+//# sourceMappingURL=PdfExportButton.js.map

package/components/PdfExportButton/PdfExportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfExportButton.js","sources":["../../../src/components/PdfExportButton/PdfExportButton.tsx"],"sourcesContent":["// istanbul ignore file\n\nimport React, {\n  forwardRef,\n  JSXElementConstructor,\n  ReactElement,\n  RefObject,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  gridFilteredSortedRowEntriesSelector,\n  gridVisibleColumnDefinitionsSelector,\n  gridColumnsTotalWidthSelector,\n} from '@mui/x-data-grid-pro';\nimport classNames from 'classnames';\nimport { saveAs } from 'file-saver';\nimport { pdf } from '@react-pdf/renderer';\nimport domToImage from 'dom-to-image';\n\nimport { Comp, Button, Spinner, RedsiftColorBlueD1 } from '@redsift/design-system';\n\nimport { PdfExportButtonProps } from './types';\nimport { PdfDocument } from './PdfDocument';\nimport { DashboardContext } from '../Dashboard';\n\nconst COMPONENT_NAME = 'PdfExportButton';\nconst CLASSNAME = 'redsift-pdf-export-button';\n\nconst getDashboardImage = async (componentRef: RefObject<HTMLElement>): Promise<string> => {\n  const filter = (el: Node) => {\n    const classList = (el as HTMLElement).classList;\n    return !(classList?.contains('redsift-datagrid') || classList?.contains('redsift-button'));\n  };\n\n  const dashboardHeight = (componentRef.current as HTMLElement).getBoundingClientRect().height;\n  const datagridHeight =\n    (componentRef.current as HTMLElement)?.getElementsByClassName('redsift-datagrid')?.[0]?.getBoundingClientRect()\n      ?.height || 0;\n\n  return new Promise((resolve) => {\n    domToImage\n      .toPng(componentRef.current as HTMLElement, {\n        filter,\n        height: dashboardHeight - datagridHeight,\n      })\n      .then(function (dataUrl: string) {\n        resolve(dataUrl);\n      })\n      .catch(() => {\n        resolve('');\n      });\n  });\n};\n\nexport const PdfExportButton: Comp<PdfExportButtonProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    componentRef: propComponentRef,\n    fileName,\n    introduction,\n    localeText,\n    logo,\n    onClick,\n    primaryColor,\n    ...forwardedProps\n  } = props;\n  const [componentRef, setComponentRef] = useState(propComponentRef);\n  const [isLoading, setIsLoading] = useState(false);\n\n  const { dashboardRef, dataGridApiRef } = useContext(DashboardContext);\n\n  useEffect(() => {\n    if (!componentRef || !componentRef.current) {\n      setComponentRef(dashboardRef);\n    }\n  }, [dashboardRef]);\n\n  const exportPdf = async () => {\n    if (onClick) {\n      onClick();\n    }\n    setIsLoading(true);\n    try {\n      const dashboardImage = await getDashboardImage(componentRef || dashboardRef!);\n\n      let dataTable;\n      if (dataGridApiRef && dataGridApiRef.current && Object.keys(dataGridApiRef.current).length) {\n        dataTable = {\n          data: gridFilteredSortedRowEntriesSelector(dataGridApiRef.current.state, dataGridApiRef.current.instanceId)\n            .slice(0, 1000)\n            .map(({ model }) => model),\n          columns: gridVisibleColumnDefinitionsSelector(\n            dataGridApiRef.current.state,\n            dataGridApiRef.current.instanceId\n          ),\n          totalWidth: gridColumnsTotalWidthSelector(dataGridApiRef.current.state, dataGridApiRef.current.instanceId),\n        };\n      }\n\n      const doc = (\n        <PdfDocument\n          localeText={localeText}\n          dashboardImage={dashboardImage}\n          introduction={introduction}\n          logo={logo}\n          primaryColor={primaryColor || RedsiftColorBlueD1}\n          dataTable={dataTable}\n        />\n      );\n      const asPdf = pdf([] as unknown as ReactElement<any, string | JSXElementConstructor<any>>);\n      asPdf.updateContainer(doc);\n      const blob = await asPdf.toBlob();\n      saveAs(blob, fileName || 'redsift-dashboard.pdf');\n    } catch (e) {\n      console.log('error:', e);\n    }\n    setIsLoading(false);\n  };\n\n  return (\n    <Button\n      className={classNames(PdfExportButton.className, className)}\n      onClick={exportPdf}\n      isDisabled={isLoading}\n      {...forwardedProps}\n      ref={ref as RefObject<HTMLButtonElement>}\n    >\n      {isLoading ? <Spinner size=\"xsmall\" isColored={false} /> : null} {children}\n    </Button>\n  );\n});\nPdfExportButton.className = CLASSNAME;\nPdfExportButton.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getDashboardImage","componentRef","_componentRef$current","_componentRef$current2","_componentRef$current3","_componentRef$current4","filter","el","classList","contains","dashboardHeight","current","getBoundingClientRect","height","datagridHeight","getElementsByClassName","Promise","resolve","domToImage","toPng","then","dataUrl","catch","PdfExportButton","forwardRef","props","ref","children","className","propComponentRef","fileName","introduction","localeText","logo","onClick","primaryColor","forwardedProps","_objectWithoutProperties","_excluded","setComponentRef","useState","isLoading","setIsLoading","dashboardRef","dataGridApiRef","useContext","DashboardContext","useEffect","exportPdf","dashboardImage","dataTable","Object","keys","length","data","gridFilteredSortedRowEntriesSelector","state","instanceId","slice","map","_ref","model","columns","gridVisibleColumnDefinitionsSelector","totalWidth","gridColumnsTotalWidthSelector","doc","React","createElement","PdfDocument","RedsiftColorBlueD1","asPdf","pdf","updateContainer","blob","toBlob","saveAs","e","console","log","Button","_extends","classNames","isDisabled","Spinner","size","isColored","displayName"],"mappings":"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"}

package/components/PdfExportButton/styles.js

@@ -0,0 +1,146 @@
+import { Font, StyleSheet } from '@react-pdf/renderer';
+
+// istanbul ignore file
+const BACKGROUND_COLOR = '#F8F8F8';
+const GREY_1 = '#E2E6EA';
+const GREY_2 = '#bff0fd';
+const getPdfStyles = primaryColor => {
+  Font.register({
+    family: 'Source Code Pro',
+    fonts: [{
+      src: 'https://fonts.gstatic.com/s/sourcecodepro/v7/HI_SiYsKILxRpg3hIP6sJ7fM7PqlM-vT.ttf'
+    }]
+  });
+  Font.register({
+    family: 'Roboto',
+    fonts: [{
+      fontWeight: 700,
+      src: 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/fonts/roboto/Roboto-Regular.ttf'
+    }, {
+      fontWeight: 400,
+      src: 'https://cdnjs.cloudflare.com/ajax/libs/ink/3.1.10/fonts/Roboto/roboto-light-webfont.ttf'
+    }]
+  });
+  return StyleSheet.create({
+    page: {
+      borderTopStyle: 'solid',
+      borderTopWidth: 32,
+      borderTopColor: primaryColor,
+      borderBottomStyle: 'solid',
+      borderBottomWidth: 6,
+      borderBottomColor: primaryColor,
+      backgroundColor: BACKGROUND_COLOR,
+      paddingTop: 20,
+      paddingBottom: 40
+    },
+    logoContainer: {
+      margin: 0,
+      paddingBottom: 10,
+      alignItems: 'center',
+      width: '100%'
+    },
+    logo: {
+      width: 'auto',
+      height: 30
+    },
+    introductionContainer: {
+      lineHeight: 1.4,
+      textAlign: 'center',
+      marginHorizontal: 40,
+      marginVertical: 10
+    },
+    introductionText: {
+      fontSize: 8,
+      fontFamily: 'Roboto',
+      fontWeight: 400,
+      color: 'black'
+    },
+    pageNumber: {
+      fontFamily: 'Source Code Pro',
+      position: 'absolute',
+      fontSize: 6,
+      bottom: 5,
+      right: 20,
+      left: 0,
+      textAlign: 'right',
+      color: 'black'
+    },
+    pageContinue: {
+      fontSize: 8,
+      fontFamily: 'Roboto',
+      fontWeight: 400,
+      top: -10,
+      left: 20
+    },
+    tableContainer: {
+      backgroundColor: 'white',
+      marginHorizontal: 20,
+      marginVertical: 10,
+      paddingTop: 10,
+      paddingLeft: 10,
+      borderRightWidth: 1,
+      borderBottomWidth: 1,
+      borderRightColor: BACKGROUND_COLOR,
+      borderBottomColor: GREY_1,
+      width: 'auto'
+    },
+    tableRowContainer: {
+      flexDirection: 'row',
+      borderBottomColor: GREY_2,
+      alignItems: 'flex-start',
+      fontSize: 8,
+      marginLeft: 16,
+      marginRight: 24,
+      height: 'auto'
+    },
+    tableHeaderContainer: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      fontSize: 7,
+      fontFamily: 'Roboto',
+      fontWeight: 700,
+      marginLeft: 16,
+      marginRight: 24,
+      marginBottom: 12,
+      paddingTop: 12,
+      paddingBottom: 12,
+      borderBottomWidth: 2,
+      borderBottomColor: primaryColor
+    },
+    tableCellHeaderText: {
+      fontSize: 7,
+      fontFamily: 'Roboto',
+      fontWeight: 700,
+      color: 'black',
+      overflow: 'hidden'
+    },
+    tableCellText: {
+      fontSize: 6,
+      lineHeight: 1.5,
+      fontFamily: 'Roboto',
+      fontWeight: 400,
+      color: 'black',
+      overflow: 'hidden'
+    },
+    dashboardImageContainer: {
+      marginHorizontal: 20,
+      marginTop: 0,
+      marginBottom: 10
+    },
+    constraintsContainer: {
+      width: 'auto',
+      height: 'auto',
+      paddingVertical: 30,
+      textAlign: 'center'
+    },
+    constraints: {
+      fontSize: 6,
+      fontFamily: 'Roboto',
+      fontWeight: 700,
+      color: 'black'
+    }
+  });
+};
+
+export { getPdfStyles };
+//# sourceMappingURL=styles.js.map

package/components/PdfExportButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/PdfExportButton/styles.ts"],"sourcesContent":["// istanbul ignore file\n\nimport { Font, StyleSheet } from '@react-pdf/renderer';\nconst BACKGROUND_COLOR = '#F8F8F8';\nconst GREY_1 = '#E2E6EA';\nconst GREY_2 = '#bff0fd';\n\nexport const getPdfStyles = (primaryColor: string) => {\n  Font.register({\n    family: 'Source Code Pro',\n    fonts: [\n      {\n        src: 'https://fonts.gstatic.com/s/sourcecodepro/v7/HI_SiYsKILxRpg3hIP6sJ7fM7PqlM-vT.ttf',\n      },\n    ],\n  });\n\n  Font.register({\n    family: 'Roboto',\n    fonts: [\n      {\n        fontWeight: 700,\n        src: 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/fonts/roboto/Roboto-Regular.ttf',\n      },\n      {\n        fontWeight: 400,\n        src: 'https://cdnjs.cloudflare.com/ajax/libs/ink/3.1.10/fonts/Roboto/roboto-light-webfont.ttf',\n      },\n    ],\n  });\n\n  return StyleSheet.create({\n    page: {\n      borderTopStyle: 'solid',\n      borderTopWidth: 32,\n      borderTopColor: primaryColor,\n      borderBottomStyle: 'solid',\n      borderBottomWidth: 6,\n      borderBottomColor: primaryColor,\n      backgroundColor: BACKGROUND_COLOR,\n      paddingTop: 20,\n      paddingBottom: 40,\n    },\n    logoContainer: {\n      margin: 0,\n      paddingBottom: 10,\n      alignItems: 'center',\n      width: '100%',\n    },\n    logo: {\n      width: 'auto',\n      height: 30,\n    },\n    introductionContainer: {\n      lineHeight: 1.4,\n      textAlign: 'center',\n      marginHorizontal: 40,\n      marginVertical: 10,\n    },\n    introductionText: {\n      fontSize: 8,\n      fontFamily: 'Roboto',\n      fontWeight: 400,\n      color: 'black',\n    },\n    pageNumber: {\n      fontFamily: 'Source Code Pro',\n      position: 'absolute',\n      fontSize: 6,\n      bottom: 5,\n      right: 20,\n      left: 0,\n      textAlign: 'right',\n      color: 'black',\n    },\n    pageContinue: {\n      fontSize: 8,\n      fontFamily: 'Roboto',\n      fontWeight: 400,\n      top: -10,\n      left: 20,\n    },\n    tableContainer: {\n      backgroundColor: 'white',\n      marginHorizontal: 20,\n      marginVertical: 10,\n      paddingTop: 10,\n      paddingLeft: 10,\n      borderRightWidth: 1,\n      borderBottomWidth: 1,\n      borderRightColor: BACKGROUND_COLOR,\n      borderBottomColor: GREY_1,\n      width: 'auto',\n    },\n    tableRowContainer: {\n      flexDirection: 'row',\n      borderBottomColor: GREY_2,\n      alignItems: 'flex-start',\n      fontSize: 8,\n      marginLeft: 16,\n      marginRight: 24,\n      height: 'auto',\n    },\n    tableHeaderContainer: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      fontSize: 7,\n      fontFamily: 'Roboto',\n      fontWeight: 700,\n      marginLeft: 16,\n      marginRight: 24,\n      marginBottom: 12,\n      paddingTop: 12,\n      paddingBottom: 12,\n      borderBottomWidth: 2,\n      borderBottomColor: primaryColor,\n    },\n    tableCellHeaderText: {\n      fontSize: 7,\n      fontFamily: 'Roboto',\n      fontWeight: 700,\n      color: 'black',\n      overflow: 'hidden',\n    },\n    tableCellText: {\n      fontSize: 6,\n      lineHeight: 1.5,\n      fontFamily: 'Roboto',\n      fontWeight: 400,\n      color: 'black',\n      overflow: 'hidden',\n    },\n    dashboardImageContainer: {\n      marginHorizontal: 20,\n      marginTop: 0,\n      marginBottom: 10,\n    },\n    constraintsContainer: {\n      width: 'auto',\n      height: 'auto',\n      paddingVertical: 30,\n      textAlign: 'center',\n    },\n    constraints: {\n      fontSize: 6,\n      fontFamily: 'Roboto',\n      fontWeight: 700,\n      color: 'black',\n    },\n  });\n};\n"],"names":["BACKGROUND_COLOR","GREY_1","GREY_2","getPdfStyles","primaryColor","Font","register","family","fonts","src","fontWeight","StyleSheet","create","page","borderTopStyle","borderTopWidth","borderTopColor","borderBottomStyle","borderBottomWidth","borderBottomColor","backgroundColor","paddingTop","paddingBottom","logoContainer","margin","alignItems","width","logo","height","introductionContainer","lineHeight","textAlign","marginHorizontal","marginVertical","introductionText","fontSize","fontFamily","color","pageNumber","position","bottom","right","left","pageContinue","top","tableContainer","paddingLeft","borderRightWidth","borderRightColor","tableRowContainer","flexDirection","marginLeft","marginRight","tableHeaderContainer","marginBottom","tableCellHeaderText","overflow","tableCellText","dashboardImageContainer","marginTop","constraintsContainer","paddingVertical","constraints"],"mappings":"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"}

package/components/PdfExportButton/types.d.ts

@@ -0,0 +1,24 @@
+import { ButtonProps } from '@redsift/design-system';
+import { RefObject } from 'react';
+
+interface LocaleText {
+    maxSizeDisclaimer?: string;
+}
+interface PdfExportButtonProps extends ButtonProps {
+    /** Ref to the DOM component to export. By default, will be the ref to the parent Dashboard. */
+    componentRef?: RefObject<HTMLElement>;
+    /** Name of the exported PDF file. */
+    fileName?: string;
+    /** Text to display at the beginning of the PDF. */
+    introduction?: string;
+    /** Labels and texts. */
+    localeText?: LocaleText;
+    /** Image to put at the top of the PDF (SVG format not supported). */
+    logo?: string;
+    /** Function to be executed when button is clicked. */
+    onClick?: () => void;
+    /** Color used for the header and footer of the PDF. */
+    primaryColor?: string;
+}
+
+export { PdfExportButtonProps };

package/components/TimeSeriesBarChart/TimeSeriesBarChart.d.ts

@@ -0,0 +1,6 @@
+import { Comp } from '@redsift/design-system';
+import { TimeSeriesBarChartProps } from './types.js';
+
+declare const TimeSeriesBarChart: Comp<TimeSeriesBarChartProps, HTMLDivElement>;
+
+export { TimeSeriesBarChart };