@redsift/dashboard 11.6.0-muiv5-alpha.11 → 11.6.0-muiv5-alpha.13

package/_internal/ChartEmptyState.js

@@ -0,0 +1,2 @@
+export { C as ChartEmptyState } from './ChartEmptyState2.js';
+//# sourceMappingURL=ChartEmptyState.js.map

package/{components/ChartEmptyState/_internal → _internal}/ChartEmptyState2.js

@@ -1,6 +1,37 @@
 import React, { forwardRef } from 'react';
 import { mdiRefresh } from '@redsift/icons';
-import { StyledChartEmptyState, StyledResetButton } from './styles.js';
+import styled from 'styled-components';
+import { Button } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+const StyledChartEmptyState = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-top: 16px;
+
+  .redsift-chart-empty-state__title {
+    font-family: var(--redsift-typography-h4-font-family);
+    font-size: var(--redsift-typography-h4-font-size);
+    font-weight: var(--redsift-typography-h4-font-weight);
+    line-height: var(--redsift-typography-h4-line-height);
+  }
+
+  .redsift-chart-empty-state__subtitle {
+    font-family: var(--redsift-typography-body-font-family);
+    font-size: var(--redsift-typography-body-font-size);
+    font-weight: var(--redsift-typography-body-font-weight);
+    line-height: var(--redsift-typography-body-line-height);
+    margin-top: 8px;
+    text-align: center;
+  }
+`;
+const StyledResetButton = styled(Button)`
+  margin-top: 8px;
+`;
 
 const COMPONENT_NAME = 'ChartEmptyState';
 const CLASSNAME = 'redsift-chart-empty-state';
@@ -119,5 +150,5 @@ const ChartEmptyState = /*#__PURE__*/forwardRef((props, ref) => {
 ChartEmptyState.className = CLASSNAME;
 ChartEmptyState.displayName = COMPONENT_NAME;
 
-export { ChartEmptyState };
+export { ChartEmptyState as C };
 //# sourceMappingURL=ChartEmptyState2.js.map

package/_internal/ChartEmptyState2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartEmptyState2.js","sources":["../../src/components/ChartEmptyState/styles.ts","../../src/components/ChartEmptyState/ChartEmptyState.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Button } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledChartEmptyState = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-top: 16px;\n\n  .redsift-chart-empty-state__title {\n    font-family: var(--redsift-typography-h4-font-family);\n    font-size: var(--redsift-typography-h4-font-size);\n    font-weight: var(--redsift-typography-h4-font-weight);\n    line-height: var(--redsift-typography-h4-line-height);\n  }\n\n  .redsift-chart-empty-state__subtitle {\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n    margin-top: 8px;\n    text-align: center;\n  }\n`;\n\nexport const StyledResetButton = styled(Button)`\n  margin-top: 8px;\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport { mdiRefresh } from '@redsift/icons';\nimport { Comp } from '@redsift/design-system';\n\nimport { ChartEmptyStateProps } from './types';\nimport { StyledChartEmptyState, StyledResetButton } from './styles';\n\nconst COMPONENT_NAME = 'ChartEmptyState';\nconst CLASSNAME = 'redsift-chart-empty-state';\n\nexport const ChartEmptyState: Comp<ChartEmptyStateProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    onReset,\n    title = 'No Data Available',\n    subtitle = 'Please check the applied filters',\n    resetLabel = 'Reset all filters',\n  } = props;\n\n  return (\n    <StyledChartEmptyState ref={ref as RefObject<HTMLDivElement>} className=\"redsift-chart-empty-state\">\n      <div className={`${ChartEmptyState.className}__img`}>\n        <svg width=\"86\" height=\"86\" viewBox=\"0 0 86 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            opacity=\"0.2\"\n            d=\"M43 86C66.7482 86 86 66.7482 86 43C86 19.2518 66.7482 0 43 0C19.2518 0 0 19.2518 0 43C0 66.7482 19.2518 86 43 86Z\"\n            fill=\"#4285F4\"\n          />\n          <path\n            opacity=\"0.4\"\n            d=\"M13.4479 45.9299C13.4479 44.8254 14.3434 43.9299 15.4479 43.9299H29.3785C30.4831 43.9299 31.3785 44.8254 31.3785 45.9299V60.0675H13.4479V45.9299Z\"\n            fill=\"#4285F4\"\n          />\n          <path\n            opacity=\"0.4\"\n            d=\"M34.0681 27.9993C34.0681 26.8948 34.9636 25.9993 36.0681 25.9993H49.9987C51.1033 25.9993 51.9987 26.8948 51.9987 27.9993V60.0675H34.0681V27.9993Z\"\n            fill=\"#4285F4\"\n          />\n          <path\n            opacity=\"0.4\"\n            d=\"M54.6883 53.1022C54.6883 51.9976 55.5837 51.1022 56.6883 51.1022H70.6189C71.7235 51.1022 72.6189 51.9976 72.6189 53.1022V60.0675H54.6883V53.1022Z\"\n            fill=\"#4285F4\"\n          />\n          <line x1=\"10.3618\" y1=\"60.464\" x2=\"75.705\" y2=\"60.464\" stroke=\"#305AA2\" strokeLinecap=\"round\" />\n          <path d=\"M48.7345 25.9993H46.9414L51.9987 28.9192V27.8839L48.7345 25.9993Z\" fill=\"#4285F4\" />\n          <path d=\"M41.5622 25.9993L51.9987 32.0249V30.9896L43.3553 25.9993H41.5622Z\" fill=\"#4285F4\" />\n          <path d=\"M36.183 25.9993L51.9987 35.1305V34.0953L37.9761 25.9993H36.183Z\" fill=\"#4285F4\" />\n          <path\n            d=\"M34.0771 27.622C34.0681 27.6758 34.0681 27.7296 34.0681 27.7924V27.8839L51.9987 38.2362V37.201L34.281 26.9716C34.1776 27.171 34.097 27.3834 34.0771 27.622Z\"\n            fill=\"#4285F4\"\n          />\n          <path d=\"M34.0681 30.9896L51.9987 41.3418V40.3066L34.0681 29.9544V30.9896Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 34.0953L51.9987 44.4475V43.4123L34.0681 33.06V34.0953Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 37.2009L51.9987 47.5531V46.518L34.0681 36.1657V37.2009Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 40.3066L51.9987 50.6588V49.6236L34.0681 39.2714V40.3066Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 43.4123L51.9987 53.7645V52.7293L34.0681 42.377V43.4123Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 46.518L51.9987 56.8702V55.835L34.0681 45.4827V46.518Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 49.6236L51.9987 59.9759V58.9407L34.0681 48.5884V49.6236Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 52.7293L46.7782 60.0675H48.5712L34.0681 51.6941V52.7293Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 55.835L41.399 60.0675H43.192L34.0681 54.7997V55.835Z\" fill=\"#4285F4\" />\n          <path d=\"M34.0681 58.9406L36.0198 60.0675H37.8129L34.0681 57.9054V58.9406Z\" fill=\"#4285F4\" />\n          <circle\n            opacity=\"0.6\"\n            cx=\"50.5506\"\n            cy=\"29.9304\"\n            r=\"10.1549\"\n            transform=\"rotate(-45 50.5506 29.9304)\"\n            fill=\"white\"\n            stroke=\"#305AA2\"\n            strokeWidth=\"3\"\n          />\n          <circle\n            cx=\"50.5506\"\n            cy=\"29.9304\"\n            r=\"10.1549\"\n            transform=\"rotate(-45 50.5506 29.9304)\"\n            stroke=\"#305AA2\"\n            strokeWidth=\"3\"\n          />\n          <path\n            d=\"M59.2186 36.4771L58.1579 35.4164L56.0366 37.5377L57.0973 38.5984L59.2186 36.4771ZM65.9725 47.4736C66.5582 48.0594 67.508 48.0594 68.0938 47.4736C68.6796 46.8878 68.6796 45.938 68.0938 45.3522L65.9725 47.4736ZM57.0973 38.5984L65.9725 47.4736L68.0938 45.3522L59.2186 36.4771L57.0973 38.5984Z\"\n            fill=\"#305AA2\"\n          />\n        </svg>\n      </div>\n      <div className={`${ChartEmptyState.className}__title`}>{title}</div>\n      <div className={`${ChartEmptyState.className}__subtitle`}>{subtitle}</div>\n      {onReset ? (\n        <StyledResetButton variant=\"unstyled\" leftIcon={mdiRefresh} onClick={onReset}>\n          {resetLabel}\n        </StyledResetButton>\n      ) : null}\n    </StyledChartEmptyState>\n  );\n});\n\nChartEmptyState.className = CLASSNAME;\nChartEmptyState.displayName = COMPONENT_NAME;\n"],"names":["StyledChartEmptyState","styled","div","StyledResetButton","Button","COMPONENT_NAME","CLASSNAME","ChartEmptyState","forwardRef","props","ref","onReset","title","subtitle","resetLabel","React","createElement","className","width","height","viewBox","fill","xmlns","opacity","d","x1","y1","x2","y2","stroke","strokeLinecap","cx","cy","r","transform","strokeWidth","variant","leftIcon","mdiRefresh","onClick","displayName"],"mappings":"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"}

package/_internal/CrossfilterRegistry.js

@@ -0,0 +1,2 @@
+export { C as CrossfilterRegistry } from './CrossfilterRegistry2.js';
+//# sourceMappingURL=CrossfilterRegistry.js.map

package/{components/CrossfilterRegistry/_internal → _internal}/CrossfilterRegistry2.js

@@ -19,5 +19,5 @@ const CrossfilterRegistry = (() => {
   };
 })();
 
-export { CrossfilterRegistry };
+export { CrossfilterRegistry as C };
 //# sourceMappingURL=CrossfilterRegistry2.js.map

package/_internal/CrossfilterRegistry2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossfilterRegistry2.js","sources":["../../src/components/CrossfilterRegistry/CrossfilterRegistry.ts"],"sourcesContent":["import { JSONArray, TNdx } from '../../types';\nimport crossfilter from 'crossfilter2';\n\nexport const CrossfilterRegistry = (() => {\n  const instances = new WeakMap<JSONArray, TNdx>();\n\n  const get = (data: JSONArray): TNdx => {\n    let instance = instances.get(data);\n\n    if (!instance) {\n      instance = crossfilter(data);\n      instances.set(data, instance);\n    }\n\n    return instance;\n  };\n\n  const remove = (data: JSONArray): void => {\n    instances.delete(data);\n  };\n\n  return {\n    get,\n    remove,\n  };\n})();\n"],"names":["CrossfilterRegistry","instances","WeakMap","get","data","instance","crossfilter","set","remove","delete"],"mappings":";;AAGaA,MAAAA,mBAAmB,GAAG,CAAC,MAAM;AACxC,EAAA,MAAMC,SAAS,GAAG,IAAIC,OAAO,EAAmB,CAAA;EAEhD,MAAMC,GAAG,GAAIC,IAAe,IAAW;AACrC,IAAA,IAAIC,QAAQ,GAAGJ,SAAS,CAACE,GAAG,CAACC,IAAI,CAAC,CAAA;IAElC,IAAI,CAACC,QAAQ,EAAE;AACbA,MAAAA,QAAQ,GAAGC,WAAW,CAACF,IAAI,CAAC,CAAA;AAC5BH,MAAAA,SAAS,CAACM,GAAG,CAACH,IAAI,EAAEC,QAAQ,CAAC,CAAA;AAC/B,KAAA;AAEA,IAAA,OAAOA,QAAQ,CAAA;GAChB,CAAA;EAED,MAAMG,MAAM,GAAIJ,IAAe,IAAW;AACxCH,IAAAA,SAAS,CAACQ,MAAM,CAACL,IAAI,CAAC,CAAA;GACvB,CAAA;EAED,OAAO;IACLD,GAAG;AACHK,IAAAA,MAAAA;GACD,CAAA;AACH,CAAC;;;;"}

package/_internal/Dashboard.js

@@ -0,0 +1,4 @@
+export { D as Dashboard, a as DashboardReducer } from './Dashboard2.js';
+export { D as DashboardContext, i as initialState } from './context.js';
+export { D as DashboardReducerActionType } from './types.js';
+//# sourceMappingURL=Dashboard.js.map

package/{components/Dashboard/_internal → _internal}/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Dashboard.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/{components/Dashboard/_internal/reducer.js → _internal/Dashboard2.js}

@@ -1,5 +1,9 @@
-import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import { DashboardReducerActionType } from './types.js';
+import { _ as _objectSpread2, a as _objectWithoutProperties, b as _extends, D as DashboardContext } from './context.js';
+import React, { forwardRef, useRef, useState, useReducer, useMemo } from 'react';
+import classNames from 'classnames';
+import { useGridApiRef } from '@mui/x-data-grid-pro';
+import { D as DashboardReducerActionType } from './types.js';
+import { C as CrossfilterRegistry } from './CrossfilterRegistry2.js';
 
 const areEquals = (tableFilter, actionFilter) => {
   return tableFilter.columnField === actionFilter.columnField && tableFilter.operatorValue === actionFilter.operatorValue;
@@ -57,5 +61,41 @@ const DashboardReducer = (state, action) => {
   }
 };
 
-export { DashboardReducer };
-//# sourceMappingURL=reducer.js.map
+const _excluded = ["children", "className", "data", "dataGridApiRef"];
+const COMPONENT_NAME = 'Dashboard';
+const CLASSNAME = 'redsift-dashboard-container';
+const Dashboard = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      data,
+      dataGridApiRef: propsDataGridApiRef
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const providerRef = ref || useRef();
+  const dataGridApiRef = propsDataGridApiRef || useGridApiRef();
+  const [updateContext, setUpdateContext] = useState(false);
+  const [state, dispatch] = useReducer(DashboardReducer, {
+    tableFilters: []
+  });
+  const value = useMemo(() => ({
+    dashboardRef: providerRef,
+    data,
+    dataGridApiRef,
+    dispatch,
+    ndx: CrossfilterRegistry.get(data),
+    state,
+    toggleUpdateContext: () => setUpdateContext(!updateContext)
+  }), [data, state, updateContext]);
+  return /*#__PURE__*/React.createElement("div", _extends({}, forwardedProps, {
+    className: classNames(Dashboard.className, className),
+    ref: providerRef
+  }), /*#__PURE__*/React.createElement(DashboardContext.Provider, {
+    value: value
+  }, children));
+});
+Dashboard.className = CLASSNAME;
+Dashboard.displayName = COMPONENT_NAME;
+
+export { Dashboard as D, DashboardReducer as a };
+//# sourceMappingURL=Dashboard2.js.map

package/_internal/Dashboard2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard2.js","sources":["../../src/components/Dashboard/reducer.ts","../../src/components/Dashboard/Dashboard.tsx"],"sourcesContent":["import { GridFilterItem } from '@redsift/table';\nimport {\n  DashboardReducerState,\n  DashboardReducerAction,\n  DashboardReducerActionType,\n} from './types';\n\nconst areEquals = (\n  tableFilter: GridFilterItem,\n  actionFilter: GridFilterItem\n) => {\n  return (\n    tableFilter.columnField === actionFilter.columnField &&\n    tableFilter.operatorValue === actionFilter.operatorValue\n  );\n};\n\nconst addOrUpdateFilter = (\n  oldFilters: GridFilterItem[],\n  newFilter: GridFilterItem\n) => {\n  if (oldFilters.find((f) => areEquals(f, newFilter))) {\n    return oldFilters.map((f) => {\n      if (areEquals(f, newFilter)) {\n        return newFilter;\n      }\n      return f;\n    });\n  } else {\n    return [...oldFilters, newFilter];\n  }\n};\n\nconst addOrUpdateFilters = (\n  oldFilters: GridFilterItem[],\n  newFilters: GridFilterItem[]\n) => {\n  let updatedFilters = oldFilters;\n  for (let i = 0; i < newFilters.length; i++) {\n    updatedFilters = addOrUpdateFilter(updatedFilters, newFilters[i]);\n  }\n  return updatedFilters;\n};\n\nconst replaceFilters = (newFilters: GridFilterItem | GridFilterItem[]) => {\n  return Array.isArray(newFilters) ? newFilters : [newFilters];\n};\n\nconst removeFilter = (\n  oldFilters: GridFilterItem[],\n  newFilter: GridFilterItem\n) => {\n  return oldFilters.filter((f) => !areEquals(f, newFilter));\n};\n\nconst removeAllFilters = () => {\n  return [] as GridFilterItem[];\n};\n\nexport const DashboardReducer = (\n  state: DashboardReducerState,\n  action: DashboardReducerAction\n): DashboardReducerState => {\n  switch (action.type) {\n    case DashboardReducerActionType.ResetFilter:\n      return {\n        ...state,\n        tableFilters: removeFilter(\n          state.tableFilters,\n          action.filter as GridFilterItem\n        ),\n      };\n    case DashboardReducerActionType.ResetFilters:\n      return { ...state, tableFilters: removeAllFilters() };\n    case DashboardReducerActionType.FilterTable:\n      return {\n        ...state,\n        tableFilters: addOrUpdateFilter(\n          state.tableFilters,\n          action.filter as GridFilterItem\n        ),\n      };\n\n    case DashboardReducerActionType.FilterTableBatch:\n      return {\n        ...state,\n        tableFilters: replaceFilters(action.filter!),\n      };\n\n    case DashboardReducerActionType.AppendFilterTableBatch:\n      return {\n        ...state,\n        tableFilters: addOrUpdateFilters(\n          state.tableFilters,\n          action.filter as GridFilterItem[]\n        ),\n      };\n  }\n};\n","import React, { forwardRef, RefObject, useMemo, useReducer, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useGridApiRef } from '@mui/x-data-grid-pro';\n\nimport { Comp } from '@redsift/design-system';\nimport { DashboardContext } from './context';\nimport { DashboardContextProps, DashboardProps } from './types';\nimport { DashboardReducer } from './reducer';\nimport { CrossfilterRegistry } from '../CrossfilterRegistry';\n\nconst COMPONENT_NAME = 'Dashboard';\nconst CLASSNAME = 'redsift-dashboard-container';\n\nexport const Dashboard: Comp<DashboardProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, data, dataGridApiRef: propsDataGridApiRef, ...forwardedProps } = props;\n\n  const providerRef = ref || useRef<HTMLDivElement>();\n  const dataGridApiRef = propsDataGridApiRef || useGridApiRef();\n  const [updateContext, setUpdateContext] = useState(false);\n\n  const [state, dispatch] = useReducer(DashboardReducer, {\n    tableFilters: [],\n  });\n\n  const value = useMemo<DashboardContextProps>(\n    () => ({\n      dashboardRef: providerRef as RefObject<HTMLDivElement>,\n      data,\n      dataGridApiRef,\n      dispatch,\n      ndx: CrossfilterRegistry.get(data),\n      state,\n      toggleUpdateContext: () => setUpdateContext(!updateContext),\n    }),\n    [data, state, updateContext]\n  );\n\n  return (\n    <div\n      {...forwardedProps}\n      className={classNames(Dashboard.className, className)}\n      ref={providerRef as RefObject<HTMLDivElement>}\n    >\n      <DashboardContext.Provider value={value as DashboardContextProps}>{children}</DashboardContext.Provider>\n    </div>\n  );\n});\nDashboard.className = CLASSNAME;\nDashboard.displayName = COMPONENT_NAME;\n"],"names":["areEquals","tableFilter","actionFilter","columnField","operatorValue","addOrUpdateFilter","oldFilters","newFilter","find","f","map","addOrUpdateFilters","newFilters","updatedFilters","i","length","replaceFilters","Array","isArray","removeFilter","filter","removeAllFilters","DashboardReducer","state","action","type","DashboardReducerActionType","ResetFilter","_objectSpread","tableFilters","ResetFilters","FilterTable","FilterTableBatch","AppendFilterTableBatch","COMPONENT_NAME","CLASSNAME","Dashboard","forwardRef","props","ref","children","className","data","dataGridApiRef","propsDataGridApiRef","forwardedProps","_objectWithoutProperties","_excluded","providerRef","useRef","useGridApiRef","updateContext","setUpdateContext","useState","dispatch","useReducer","value","useMemo","dashboardRef","ndx","CrossfilterRegistry","get","toggleUpdateContext","React","createElement","_extends","classNames","DashboardContext","Provider","displayName"],"mappings":"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"}

package/_internal/PdfExportButton.js

@@ -0,0 +1,2 @@
+export { P as PdfExportButton } from './PdfExportButton2.js';
+//# sourceMappingURL=PdfExportButton.js.map

package/_internal/PdfExportButton2.js

@@ -0,0 +1,417 @@
+import { a as _objectWithoutProperties, D as DashboardContext, b as _extends } from './context.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 { Font, StyleSheet, Document, Page, View, Image, Text, pdf } from '@react-pdf/renderer';
+import domToImage from 'dom-to-image';
+import { Button, Spinner, RedsiftColorBlueD1 } from '@redsift/design-system';
+
+// 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'
+    }
+  });
+};
+
+// 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
+  }))));
+};
+
+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 as P };
+//# sourceMappingURL=PdfExportButton2.js.map