@sis-cc/dotstatsuite-components 22.0.1 → 22.0.2

package/dist/viewer/src/index.js

@@ -0,0 +1,160 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useEffect } from 'react';
+import * as R from 'ramda';
+import useSize from '@react-hook/size';
+import { Loading, NoData, TableHtml5 } from '@sis-cc/dotstatsuite-visions';
+import { useTheme, makeStyles } from '@mui/styles';
+import getChartOptions from './chartUtils/options.js';
+import Header from './header.js';
+import ChartWrapper from './chart.js';
+import Footer from './footer.js';
+import { isChartDataNotReady } from './utils.js';
+
+const useStyles = makeStyles(() => ({
+  container: {
+    borderColor: '#007bc7',
+    borderBottomWidth: 1,
+    borderLeftWidth: 0,
+    borderTopWidth: 1,
+    borderRightWidth: 0,
+    borderStyle: 'solid',
+    '& svg text::selection': {
+      background: 'none'
+    }
+  },
+  tableContainer: {
+    minWidth: '100%',
+    minHeight: '100%',
+    willChange: 'transform, opacity'
+  },
+  chartContainer: {
+    width: ({
+      fixedWidth
+    }) => fixedWidth || '100%',
+    height: ({
+      fixedHeight
+    }) => fixedHeight || '100%',
+    overflow: 'hidden',
+    position: 'relative'
+  }
+}));
+const ViewContent = ({
+  loading,
+  loadingProps = {},
+  type,
+  width,
+  errorMessage,
+  ...rest
+}) => {
+  if (loading) return /*#__PURE__*/React__default.createElement(Loading, _extends({
+    message: loading
+  }, loadingProps));
+  if (errorMessage) return /*#__PURE__*/React__default.createElement(NoData, {
+    message: errorMessage
+  });
+  if (type === 'table') {
+    const tableProps = R.propOr({}, 'tableProps', rest);
+    const hasNoObs = R.pipe(R.prop('cells'), R.anyPass([R.isNil, R.isEmpty]))(tableProps);
+    if (hasNoObs) return /*#__PURE__*/React__default.createElement(Loading, null);
+    return /*#__PURE__*/React__default.createElement(TableHtml5, _extends({
+      isRtl: R.prop('isRtl', rest)
+    }, tableProps));
+  }
+  if (isChartDataNotReady({
+    data: R.prop('chartData', rest)
+  }) || !width) {
+    return /*#__PURE__*/React__default.createElement(Loading, null);
+  }
+  return /*#__PURE__*/React__default.createElement(ChartWrapper, {
+    data: R.prop('chartData', rest),
+    getAxisOptions: R.prop('getAxisOptions', rest),
+    heightOffsets: R.prop('heightOffsets', rest),
+    options: R.prop('chartOptions', rest),
+    type: type,
+    width: width
+  });
+};
+const Viewer = ({
+  type,
+  targets = {},
+  width,
+  ...rest
+}) => {
+  const classes = useStyles({
+    fixedWidth: rest.fixedWidth,
+    fixedHeight: rest.fixedHeight
+  });
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, targets.viewer ? {
+    ref: targets.viewer
+  } : {}, {
+    className: R.join(' ')([classes.container, type === 'table' ? classes.tableContainer : classes.chartContainer])
+  }), /*#__PURE__*/React__default.createElement(Header, _extends({
+    target: targets.header
+  }, R.propOr({}, 'headerProps', rest))), /*#__PURE__*/React__default.createElement(ViewContent, _extends({
+    type: type,
+    width: width
+  }, rest)), /*#__PURE__*/React__default.createElement(Footer, _extends({
+    width: width,
+    target: targets.footer,
+    type: type,
+    chartData: R.prop('chartData', rest),
+    chartOptions: R.prop('chartOptions', rest)
+  }, R.prop('footerProps', rest))));
+};
+const defaultChartHeight = chartOptions => R.pipe(R.path(['base', 'height']), h => R.isNil(h) || isNaN(h) ? 0 : h)(chartOptions);
+const ViewerWrapper = ({
+  chartOptions,
+  type,
+  getResponsiveSize,
+  ...props
+}) => {
+  const theme = useTheme();
+  const viewerTarget = React__default.useRef(null);
+  const headerTarget = React__default.useRef(null);
+  const footerTarget = React__default.useRef(null);
+  const [viewerWidth, viewerHeight] = useSize(viewerTarget);
+  const [_, headerHeight] = useSize(headerTarget, {
+    initialHeight: -1
+  });
+  const [___, footerHeight] = useSize(footerTarget, {
+    initialHeight: -1
+  });
+  const [chartSvgHeight, setChartSvgHeight] = useState(0);
+  const defChartHeight = defaultChartHeight(chartOptions);
+  useEffect(() => {
+    if (R.is(Function, getResponsiveSize) && viewerWidth && headerHeight !== -1 && footerHeight !== -1) {
+      getResponsiveSize({
+        responsiveWidth: viewerWidth,
+        responsiveHeight: viewerHeight
+      });
+    }
+  }, [viewerWidth, viewerHeight]);
+  useEffect(() => {
+    if (headerHeight !== -1 && footerHeight !== -1 && !isNaN(headerHeight) && !isNaN(footerHeight)) {
+      const nextHeight = defChartHeight - headerHeight - footerHeight - 2;
+      setChartSvgHeight(nextHeight);
+    }
+  }, [headerHeight, footerHeight, defChartHeight]);
+  if (type === 'table') {
+    return /*#__PURE__*/React__default.createElement(Viewer, _extends({}, props, {
+      width: viewerWidth,
+      type: type
+    }));
+  }
+  const preparedChartOptions = R.pipe(R.over(R.lensPath(['base', 'width']), R.when(R.anyPass([R.isNil, isNaN]), R.always(viewerWidth || 0))), R.set(R.lensPath(['base', 'height']), chartSvgHeight), chartOptions => getChartOptions(chartOptions, props.chartData, type, theme, props.timeFormats, props.locale))(chartOptions);
+  return /*#__PURE__*/React__default.createElement(Viewer, _extends({}, props, {
+    type: type,
+    chartOptions: preparedChartOptions,
+    fixedWidth: R.path(['base', 'width'], chartOptions),
+    fixedHeight: defChartHeight,
+    targets: {
+      viewer: viewerTarget,
+      header: headerTarget,
+      footer: footerTarget
+    },
+    width: viewerWidth
+  }));
+};
+
+export { ViewerWrapper as default };
+//# sourceMappingURL=index.js.map

package/dist/viewer/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/viewer/src/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport * as R from 'ramda';\nimport useSize from '@react-hook/size';\nimport { Loading, NoData, TableHtml5 } from '@sis-cc/dotstatsuite-visions';\nimport { makeStyles, useTheme } from '@mui/styles';\nimport getChartOptions from './chartUtils/options.js';\nimport Header from './header.jsx';\nimport Chart from './chart.jsx';\nimport Footer from './footer.jsx';\nimport { isChartDataNotReady } from './utils.js';\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    borderColor: '#007bc7',\n    borderBottomWidth: 1,\n    borderLeftWidth: 0,\n    borderTopWidth: 1,\n    borderRightWidth: 0,\n    borderStyle: 'solid',\n    '& svg text::selection': {\n      background: 'none'\n    }\n  },\n  tableContainer: {\n    minWidth: '100%',\n    minHeight: '100%',\n    willChange: 'transform, opacity'\n  },\n  chartContainer: {\n    width: ({ fixedWidth }) => fixedWidth || '100%',\n    height: ({ fixedHeight }) => fixedHeight || '100%',\n    overflow: 'hidden',\n    position: 'relative'\n  }\n}));\n\nconst ViewContent = ({ loading, loadingProps = {}, type, width, errorMessage, ...rest }) => {\n  if (loading)\n    return <Loading message={loading} {...loadingProps} />;\n  if (errorMessage)\n    return <NoData message={errorMessage} />;\n\n  if (type === 'table') {\n    const tableProps = R.propOr({}, 'tableProps', rest);\n    const hasNoObs = R.pipe(R.prop('cells'), R.anyPass([R.isNil, R.isEmpty]))(tableProps);\n    if (hasNoObs) return <Loading />;\n\n    return <TableHtml5 isRtl={R.prop('isRtl', rest)} {...tableProps} />;\n  }\n  if (isChartDataNotReady({ data: R.prop('chartData', rest) }) || !width) {\n    return <Loading />;\n  }\n  return (\n    <Chart\n      data={R.prop('chartData', rest)}\n      getAxisOptions={R.prop('getAxisOptions', rest)}\n      heightOffsets={R.prop('heightOffsets', rest)}\n      options={R.prop('chartOptions', rest)}\n      type={type}\n      width={width}\n    />\n  );\n};\n\nconst Viewer = ({ type, targets = {}, width, ...rest }) => {\n  const classes = useStyles({\n    fixedWidth: rest.fixedWidth,\n    fixedHeight: rest.fixedHeight\n  });\n\n  return (\n    <div\n      {...(targets.viewer ? { ref: targets.viewer } : {})}\n      className={R.join(' ')(\n        [classes.container,\n        type === 'table' ? classes.tableContainer : classes.chartContainer]\n      )}\n    >\n      <Header\n        target={targets.header}\n        {...R.propOr({}, 'headerProps', rest)}\n      />\n      <ViewContent type={type} width={width} {...rest} />\n      <Footer\n        width={width}\n        target={targets.footer}\n        type={type}\n        chartData={R.prop('chartData', rest)}\n        chartOptions={R.prop('chartOptions', rest)}\n        {...R.prop('footerProps', rest)}\n      />\n    </div>\n  );\n};\n\nconst defaultChartHeight = chartOptions => R.pipe(\n  R.path(['base', 'height']),\n  h => (R.isNil(h) || isNaN(h)) ? 0 : h\n)(chartOptions);\n\nconst ViewerWrapper = ({ chartOptions, type, getResponsiveSize, ...props }) => {\n  const theme = useTheme();\n  const viewerTarget = React.useRef(null);\n  const headerTarget = React.useRef(null);\n  const footerTarget = React.useRef(null);\n  const [viewerWidth, viewerHeight] = useSize(viewerTarget);\n  const [_, headerHeight] = useSize(headerTarget, { initialHeight: -1 });\n  const [___, footerHeight] = useSize(footerTarget, { initialHeight: -1 });\n  const [chartSvgHeight, setChartSvgHeight] = useState(0);\n  const defChartHeight = defaultChartHeight(chartOptions);\n\n  useEffect(() => {\n    if (R.is(Function, getResponsiveSize) && viewerWidth && headerHeight !== -1 && footerHeight !== -1) {\n      getResponsiveSize({\n        responsiveWidth: viewerWidth,\n        responsiveHeight: viewerHeight\n      });\n    }\n  }, [viewerWidth, viewerHeight]);\n\n  useEffect(() => {\n    if (headerHeight !== -1 && footerHeight !== -1 && !isNaN(headerHeight) && !isNaN(footerHeight)) {\n      const nextHeight = defChartHeight - headerHeight - footerHeight - 2;\n      setChartSvgHeight(nextHeight);\n    }\n  }, [headerHeight, footerHeight, defChartHeight]);\n\n\n  if (type === 'table') {\n    return <Viewer\n      {...props}\n      width={viewerWidth}\n      type={type}\n    />;\n  }\n\n  const preparedChartOptions = R.pipe(\n    R.over(R.lensPath(['base', 'width']), R.when(R.anyPass([R.isNil, isNaN]), R.always(viewerWidth || 0))),\n    R.set(R.lensPath(['base', 'height']), chartSvgHeight),\n    chartOptions => getChartOptions(chartOptions, props.chartData, type, theme, props.timeFormats, props.locale),\n  )(chartOptions);\n\n  return <Viewer\n    {...props}\n    type={type}\n    chartOptions={preparedChartOptions}\n    fixedWidth={R.path(['base', 'width'], chartOptions)}\n    fixedHeight={defChartHeight}\n    targets={{\n      viewer: viewerTarget,\n      header: headerTarget,\n      footer: footerTarget\n    }}\n    width={viewerWidth}\n  />;\n};\n\nexport default ViewerWrapper;\n"],"names":["useStyles","makeStyles","container","borderColor","borderBottomWidth","borderLeftWidth","borderTopWidth","borderRightWidth","borderStyle","background","tableContainer","minWidth","minHeight","willChange","chartContainer","width","fixedWidth","height","fixedHeight","overflow","position","ViewContent","loading","loadingProps","type","errorMessage","rest","React","createElement","Loading","_extends","message","NoData","tableProps","R","propOr","hasNoObs","pipe","prop","anyPass","isNil","isEmpty","TableHtml5","isRtl","isChartDataNotReady","data","Chart","getAxisOptions","heightOffsets","options","Viewer","targets","classes","viewer","ref","className","join","Header","target","header","Footer","footer","chartData","chartOptions","defaultChartHeight","path","h","isNaN","ViewerWrapper","getResponsiveSize","props","theme","useTheme","viewerTarget","useRef","headerTarget","footerTarget","viewerWidth","viewerHeight","useSize","_","headerHeight","initialHeight","___","footerHeight","chartSvgHeight","setChartSvgHeight","useState","defChartHeight","useEffect","is","Function","responsiveWidth","responsiveHeight","nextHeight","preparedChartOptions","over","lensPath","when","always","set","getChartOptions","timeFormats","locale"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,SAAS,GAAGC,UAAU,CAAC,OAAO;AAClCC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE,SAAS;AACtBC,IAAAA,iBAAiB,EAAE,CAAC;AACpBC,IAAAA,eAAe,EAAE,CAAC;AAClBC,IAAAA,cAAc,EAAE,CAAC;AACjBC,IAAAA,gBAAgB,EAAE,CAAC;AACnBC,IAAAA,WAAW,EAAE,OAAO;AACpB,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,UAAU,EAAE;AACd;GACD;AACDC,EAAAA,cAAc,EAAE;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,SAAS,EAAE,MAAM;AACjBC,IAAAA,UAAU,EAAE;GACb;AACDC,EAAAA,cAAc,EAAE;AACdC,IAAAA,KAAK,EAAEA,CAAC;AAAEC,MAAAA;KAAY,KAAKA,UAAU,IAAI,MAAM;AAC/CC,IAAAA,MAAM,EAAEA,CAAC;AAAEC,MAAAA;KAAa,KAAKA,WAAW,IAAI,MAAM;AAClDC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,QAAQ,EAAE;AACZ;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAEC,YAAY,GAAG,EAAE;EAAEC,IAAI;EAAET,KAAK;EAAEU,YAAY;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC1F,IAAIJ,OAAO,EACT,oBAAOK,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,OAAO,EAAET;GAAQ,EAAKC,YAAY,CAAG,CAAC;AACxD,EAAA,IAAIE,YAAY,EACd,oBAAOE,cAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACD,IAAAA,OAAO,EAAEN;AAAa,GAAE,CAAC;EAE1C,IAAID,IAAI,KAAK,OAAO,EAAE;AACpB,IAAA,MAAMS,UAAU,GAAGC,CAAC,CAACC,MAAM,CAAC,EAAE,EAAE,YAAY,EAAET,IAAI,CAAC;AACnD,IAAA,MAAMU,QAAQ,GAAGF,CAAC,CAACG,IAAI,CAACH,CAAC,CAACI,IAAI,CAAC,OAAO,CAAC,EAAEJ,CAAC,CAACK,OAAO,CAAC,CAACL,CAAC,CAACM,KAAK,EAAEN,CAAC,CAACO,OAAO,CAAC,CAAC,CAAC,CAACR,UAAU,CAAC;IACrF,IAAIG,QAAQ,EAAE,oBAAOT,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAA,IAAE,CAAC;AAEhC,IAAA,oBAAOF,cAAA,CAAAC,aAAA,CAACc,UAAU,EAAAZ,QAAA,CAAA;AAACa,MAAAA,KAAK,EAAET,CAAC,CAACI,IAAI,CAAC,OAAO,EAAEZ,IAAI;KAAE,EAAKO,UAAU,CAAG,CAAC;AACrE,EAAA;AACA,EAAA,IAAIW,mBAAmB,CAAC;AAAEC,IAAAA,IAAI,EAAEX,CAAC,CAACI,IAAI,CAAC,WAAW,EAAEZ,IAAI;AAAE,GAAC,CAAC,IAAI,CAACX,KAAK,EAAE;AACtE,IAAA,oBAAOY,cAAA,CAAAC,aAAA,CAACC,OAAO,MAAE,CAAC;AACpB,EAAA;AACA,EAAA,oBACEF,cAAA,CAAAC,aAAA,CAACkB,YAAK,EAAA;IACJD,IAAI,EAAEX,CAAC,CAACI,IAAI,CAAC,WAAW,EAAEZ,IAAI,CAAE;IAChCqB,cAAc,EAAEb,CAAC,CAACI,IAAI,CAAC,gBAAgB,EAAEZ,IAAI,CAAE;IAC/CsB,aAAa,EAAEd,CAAC,CAACI,IAAI,CAAC,eAAe,EAAEZ,IAAI,CAAE;IAC7CuB,OAAO,EAAEf,CAAC,CAACI,IAAI,CAAC,cAAc,EAAEZ,IAAI,CAAE;AACtCF,IAAAA,IAAI,EAAEA,IAAK;AACXT,IAAAA,KAAK,EAAEA;AAAM,GACd,CAAC;AAEN,CAAC;AAED,MAAMmC,MAAM,GAAGA,CAAC;EAAE1B,IAAI;EAAE2B,OAAO,GAAG,EAAE;EAAEpC,KAAK;EAAE,GAAGW;AAAK,CAAC,KAAK;EACzD,MAAM0B,OAAO,GAAGpD,SAAS,CAAC;IACxBgB,UAAU,EAAEU,IAAI,CAACV,UAAU;IAC3BE,WAAW,EAAEQ,IAAI,CAACR;AACpB,GAAC,CAAC;EAEF,oBACES,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAE,QAAA,CAAA,EAAA,EACOqB,OAAO,CAACE,MAAM,GAAG;IAAEC,GAAG,EAAEH,OAAO,CAACE;GAAQ,GAAG,EAAE,EAAA;IAClDE,SAAS,EAAErB,CAAC,CAACsB,IAAI,CAAC,GAAG,CAAC,CACpB,CAACJ,OAAO,CAAClD,SAAS,EAClBsB,IAAI,KAAK,OAAO,GAAG4B,OAAO,CAAC1C,cAAc,GAAG0C,OAAO,CAACtC,cAAc,CACpE;AAAE,GAAA,CAAA,eAEFa,cAAA,CAAAC,aAAA,CAAC6B,MAAM,EAAA3B,QAAA,CAAA;IACL4B,MAAM,EAAEP,OAAO,CAACQ;GAAO,EACnBzB,CAAC,CAACC,MAAM,CAAC,EAAE,EAAE,aAAa,EAAET,IAAI,CAAC,CACtC,CAAC,eACFC,cAAA,CAAAC,aAAA,CAACP,WAAW,EAAAS,QAAA,CAAA;AAACN,IAAAA,IAAI,EAAEA,IAAK;AAACT,IAAAA,KAAK,EAAEA;GAAM,EAAKW,IAAI,CAAG,CAAC,eACnDC,cAAA,CAAAC,aAAA,CAACgC,MAAM,EAAA9B,QAAA,CAAA;AACLf,IAAAA,KAAK,EAAEA,KAAM;IACb2C,MAAM,EAAEP,OAAO,CAACU,MAAO;AACvBrC,IAAAA,IAAI,EAAEA,IAAK;IACXsC,SAAS,EAAE5B,CAAC,CAACI,IAAI,CAAC,WAAW,EAAEZ,IAAI,CAAE;AACrCqC,IAAAA,YAAY,EAAE7B,CAAC,CAACI,IAAI,CAAC,cAAc,EAAEZ,IAAI;GAAE,EACvCQ,CAAC,CAACI,IAAI,CAAC,aAAa,EAAEZ,IAAI,CAAC,CAChC,CACE,CAAC;AAEV,CAAC;AAED,MAAMsC,kBAAkB,GAAGD,YAAY,IAAI7B,CAAC,CAACG,IAAI,CAC/CH,CAAC,CAAC+B,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAC1BC,CAAC,IAAKhC,CAAC,CAACM,KAAK,CAAC0B,CAAC,CAAC,IAAIC,KAAK,CAACD,CAAC,CAAC,GAAI,CAAC,GAAGA,CACtC,CAAC,CAACH,YAAY,CAAC;AAEf,MAAMK,aAAa,GAAGA,CAAC;EAAEL,YAAY;EAAEvC,IAAI;EAAE6C,iBAAiB;EAAE,GAAGC;AAAM,CAAC,KAAK;AAC7E,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE;AACxB,EAAA,MAAMC,YAAY,GAAG9C,cAAK,CAAC+C,MAAM,CAAC,IAAI,CAAC;AACvC,EAAA,MAAMC,YAAY,GAAGhD,cAAK,CAAC+C,MAAM,CAAC,IAAI,CAAC;AACvC,EAAA,MAAME,YAAY,GAAGjD,cAAK,CAAC+C,MAAM,CAAC,IAAI,CAAC;EACvC,MAAM,CAACG,WAAW,EAAEC,YAAY,CAAC,GAAGC,OAAO,CAACN,YAAY,CAAC;EACzD,MAAM,CAACO,CAAC,EAAEC,YAAY,CAAC,GAAGF,OAAO,CAACJ,YAAY,EAAE;AAAEO,IAAAA,aAAa,EAAE;AAAG,GAAC,CAAC;EACtE,MAAM,CAACC,GAAG,EAAEC,YAAY,CAAC,GAAGL,OAAO,CAACH,YAAY,EAAE;AAAEM,IAAAA,aAAa,EAAE;AAAG,GAAC,CAAC;EACxE,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,CAAC,CAAC;AACvD,EAAA,MAAMC,cAAc,GAAGxB,kBAAkB,CAACD,YAAY,CAAC;AAEvD0B,EAAAA,SAAS,CAAC,MAAM;IACd,IAAIvD,CAAC,CAACwD,EAAE,CAACC,QAAQ,EAAEtB,iBAAiB,CAAC,IAAIQ,WAAW,IAAII,YAAY,KAAK,EAAE,IAAIG,YAAY,KAAK,EAAE,EAAE;AAClGf,MAAAA,iBAAiB,CAAC;AAChBuB,QAAAA,eAAe,EAAEf,WAAW;AAC5BgB,QAAAA,gBAAgB,EAAEf;AACpB,OAAC,CAAC;AACJ,IAAA;AACF,EAAA,CAAC,EAAE,CAACD,WAAW,EAAEC,YAAY,CAAC,CAAC;AAE/BW,EAAAA,SAAS,CAAC,MAAM;IACd,IAAIR,YAAY,KAAK,EAAE,IAAIG,YAAY,KAAK,EAAE,IAAI,CAACjB,KAAK,CAACc,YAAY,CAAC,IAAI,CAACd,KAAK,CAACiB,YAAY,CAAC,EAAE;MAC9F,MAAMU,UAAU,GAAGN,cAAc,GAAGP,YAAY,GAAGG,YAAY,GAAG,CAAC;MACnEE,iBAAiB,CAACQ,UAAU,CAAC;AAC/B,IAAA;EACF,CAAC,EAAE,CAACb,YAAY,EAAEG,YAAY,EAAEI,cAAc,CAAC,CAAC;EAGhD,IAAIhE,IAAI,KAAK,OAAO,EAAE;IACpB,oBAAOG,cAAA,CAAAC,aAAA,CAACsB,MAAM,EAAApB,QAAA,KACRwC,KAAK,EAAA;AACTvD,MAAAA,KAAK,EAAE8D,WAAY;AACnBrD,MAAAA,IAAI,EAAEA;AAAK,KAAA,CACZ,CAAC;AACJ,EAAA;EAEA,MAAMuE,oBAAoB,GAAG7D,CAAC,CAACG,IAAI,CACjCH,CAAC,CAAC8D,IAAI,CAAC9D,CAAC,CAAC+D,QAAQ,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE/D,CAAC,CAACgE,IAAI,CAAChE,CAAC,CAACK,OAAO,CAAC,CAACL,CAAC,CAACM,KAAK,EAAE2B,KAAK,CAAC,CAAC,EAAEjC,CAAC,CAACiE,MAAM,CAACtB,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,EACtG3C,CAAC,CAACkE,GAAG,CAAClE,CAAC,CAAC+D,QAAQ,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAAEZ,cAAc,CAAC,EACrDtB,YAAY,IAAIsC,eAAe,CAACtC,YAAY,EAAEO,KAAK,CAACR,SAAS,EAAEtC,IAAI,EAAE+C,KAAK,EAAED,KAAK,CAACgC,WAAW,EAAEhC,KAAK,CAACiC,MAAM,CAC7G,CAAC,CAACxC,YAAY,CAAC;EAEf,oBAAOpC,cAAA,CAAAC,aAAA,CAACsB,MAAM,EAAApB,QAAA,KACRwC,KAAK,EAAA;AACT9C,IAAAA,IAAI,EAAEA,IAAK;AACXuC,IAAAA,YAAY,EAAEgC,oBAAqB;AACnC/E,IAAAA,UAAU,EAAEkB,CAAC,CAAC+B,IAAI,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,EAAEF,YAAY,CAAE;AACpD7C,IAAAA,WAAW,EAAEsE,cAAe;AAC5BrC,IAAAA,OAAO,EAAE;AACPE,MAAAA,MAAM,EAAEoB,YAAY;AACpBd,MAAAA,MAAM,EAAEgB,YAAY;AACpBd,MAAAA,MAAM,EAAEe;KACR;AACF7D,IAAAA,KAAK,EAAE8D;AAAY,GAAA,CACpB,CAAC;AACJ;;;;"}

package/dist/viewer/src/legends/AxisLegend.js

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import * as R from 'ramda';
+import { SCATTER } from '../../../rules/src/constants.js';
+import { getFontFromTheme } from '../utils.js';
+import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
+
+const useStyles = makeStyles(theme => {
+  const legendFont = getFontFromTheme(['axisLegend'])(theme);
+  return {
+    xLegend: legendFont,
+    yLegend: {
+      ...legendFont,
+      left: 10,
+      position: 'absolute',
+      zIndex: 1
+    }
+  };
+});
+const getAxisLabel = axis => R.pipe(R.propOr([], 'series'), R.head, R.when(R.isNil, R.always({})), R.path(['dimensionValues', axis, 'name']));
+const AxisLegend = ({
+  axis,
+  data,
+  type
+}) => {
+  const classes = useStyles();
+  if (!R.equals(SCATTER, type)) return null;
+  switch (axis) {
+    case 'x':
+      return /*#__PURE__*/React__default.createElement("span", {
+        className: classes.xLegend
+      }, "\u2192 ", getAxisLabel('x')(data));
+    case 'y':
+      return /*#__PURE__*/React__default.createElement("span", {
+        className: classes.yLegend
+      }, "\u2191 ", getAxisLabel('y')(data));
+    default:
+      return null;
+  }
+};
+
+export { AxisLegend as default };
+//# sourceMappingURL=AxisLegend.js.map

package/dist/viewer/src/legends/AxisLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisLegend.js","sources":["../../../../src/viewer/src/legends/AxisLegend.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { SCATTER } from '../../../rules/src/constants';\nimport { getFontFromTheme } from '../utils';\n\nconst useStyles = makeStyles(theme => {\n  const legendFont = getFontFromTheme(['axisLegend'])(theme);\n  return ({\n    xLegend: legendFont,\n    yLegend: {\n      ...legendFont,\n      left: 10,\n      position: 'absolute',\n      zIndex: 1,\n    }\n  })\n});\n\nconst getAxisLabel = axis => R.pipe(\n  R.propOr([], 'series'),\n  R.head,\n  R.when(R.isNil, R.always({})),\n  R.path(['dimensionValues', axis, 'name'])\n);\n\nconst AxisLegend = ({ axis, data, type }) => {\n  const classes = useStyles();\n  if (!R.equals(SCATTER, type))\n    return null;\n  switch (axis) {\n    case 'x':\n      return <span className={classes.xLegend}>→ {getAxisLabel('x')(data)}</span>;\n    case 'y':\n      return <span className={classes.yLegend}>↑ {getAxisLabel('y')(data)}</span>;\n    default:\n      return null;\n  }\n};\n\nexport default AxisLegend;\n"],"names":["useStyles","makeStyles","theme","legendFont","getFontFromTheme","xLegend","yLegend","left","position","zIndex","getAxisLabel","axis","R","pipe","propOr","head","when","isNil","always","path","AxisLegend","data","type","classes","equals","SCATTER","React","createElement","className"],"mappings":";;;;;;AAMA,MAAMA,SAAS,GAAGC,UAAU,CAACC,KAAK,IAAI;EACpC,MAAMC,UAAU,GAAGC,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC,CAACF,KAAK,CAAC;EAC1D,OAAQ;AACNG,IAAAA,OAAO,EAAEF,UAAU;AACnBG,IAAAA,OAAO,EAAE;AACP,MAAA,GAAGH,UAAU;AACbI,MAAAA,IAAI,EAAE,EAAE;AACRC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,MAAM,EAAE;AACV;GACD;AACH,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGC,IAAI,IAAIC,CAAC,CAACC,IAAI,CACjCD,CAAC,CAACE,MAAM,CAAC,EAAE,EAAE,QAAQ,CAAC,EACtBF,CAAC,CAACG,IAAI,EACNH,CAAC,CAACI,IAAI,CAACJ,CAAC,CAACK,KAAK,EAAEL,CAAC,CAACM,MAAM,CAAC,EAAE,CAAC,CAAC,EAC7BN,CAAC,CAACO,IAAI,CAAC,CAAC,iBAAiB,EAAER,IAAI,EAAE,MAAM,CAAC,CAC1C,CAAC;AAED,MAAMS,UAAU,GAAGA,CAAC;EAAET,IAAI;EAAEU,IAAI;AAAEC,EAAAA;AAAK,CAAC,KAAK;AAC3C,EAAA,MAAMC,OAAO,GAAGvB,SAAS,EAAE;EAC3B,IAAI,CAACY,CAAC,CAACY,MAAM,CAACC,OAAO,EAAEH,IAAI,CAAC,EAC1B,OAAO,IAAI;AACb,EAAA,QAAQX,IAAI;AACV,IAAA,KAAK,GAAG;MACN,oBAAOe,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAMC,SAAS,EAAEL,OAAO,CAAClB;OAAQ,EAAC,SAAE,EAACK,YAAY,CAAC,GAAG,CAAC,CAACW,IAAI,CAAQ,CAAC;AAC7E,IAAA,KAAK,GAAG;MACN,oBAAOK,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAMC,SAAS,EAAEL,OAAO,CAACjB;OAAQ,EAAC,SAAE,EAACI,YAAY,CAAC,GAAG,CAAC,CAACW,IAAI,CAAQ,CAAC;AAC7E,IAAA;AACE,MAAA,OAAO,IAAI;AACf;AACF;;;;"}

package/dist/viewer/src/legends/ChartLegends.js

@@ -0,0 +1,80 @@
+import React__default from 'react';
+import * as R from 'ramda';
+import numeral from 'numeral';
+import { computeOptions } from '@sis-cc/dotstatsuite-d3-charts';
+import { ChoroplethLegend } from '../../../bridge-d3-react/src/index.js';
+import AxisLegend from './AxisLegend.js';
+import FocusLegend from './FocusLegend.js';
+import SeriesLegend from './SeriesLegend.js';
+import { CHORO } from '../../../rules/src/constants.js';
+import { getFontFromTheme, getOptionsFromFont } from '../utils.js';
+import useTheme from '../../../node_modules/@mui/material/styles/useTheme.js';
+
+const ChoroLegend = ({
+  type,
+  options,
+  data
+}) => {
+  if (type !== CHORO) {
+    return null;
+  }
+  const theme = useTheme();
+  const fontOptions = R.pipe(getFontFromTheme(['mapLegend']), getOptionsFromFont)(theme);
+  const legendOptions = R.mergeDeepLeft(options, {
+    legend: {
+      choropleth: {
+        width: 300,
+        height: 30,
+        margin: {
+          left: 15,
+          right: 15
+        },
+        axis: {
+          thickness: 0,
+          orient: 'bottom',
+          font: fontOptions,
+          tick: {
+            size: 5,
+            thickness: 0
+          },
+          format: {
+            proc: d => numeral(d).format('0,0.[00]')
+          }
+        }
+      }
+    }
+  });
+  return /*#__PURE__*/React__default.createElement(ChoroplethLegend, {
+    options: legendOptions,
+    data: data.series
+  });
+};
+const ChartLegends = ({
+  data,
+  options,
+  type,
+  width
+}) => {
+  const engineOptions = R.pipe(R.assocPath(['serie', 'stacked', 'layerSeries'], R.pathOr([], ['series', 0, 'layerSeries'], data)), computeOptions)(options);
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(AxisLegend, {
+    axis: "x",
+    data: data,
+    type: type
+  }), /*#__PURE__*/React__default.createElement(FocusLegend, {
+    data: data,
+    options: engineOptions,
+    type: type,
+    width: width
+  }), /*#__PURE__*/React__default.createElement(SeriesLegend, {
+    data: data,
+    options: engineOptions,
+    type: type
+  }), /*#__PURE__*/React__default.createElement(ChoroLegend, {
+    data: data,
+    options: options,
+    type: type
+  }));
+};
+
+export { ChartLegends as default };
+//# sourceMappingURL=ChartLegends.js.map

package/dist/viewer/src/legends/ChartLegends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegends.js","sources":["../../../../src/viewer/src/legends/ChartLegends.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport numeral from 'numeral';\nimport { computeOptions } from '@sis-cc/dotstatsuite-d3-charts';\nimport { ChoroplethLegend } from '../../../bridge-d3-react/src';\nimport { useTheme } from '@mui/material/styles';\nimport AxisLegend from './AxisLegend.jsx';\nimport FocusLegend from './FocusLegend.jsx';\nimport SeriesLegend from './SeriesLegend.jsx';\nimport { CHORO } from '../../../rules/src/constants';\nimport { getFontFromTheme, getOptionsFromFont } from '../utils';\n\n\nconst ChoroLegend = ({ type, options, data }) => {\n  if (type !== CHORO) {\n    return null;\n  }\n  const theme = useTheme();\n  const fontOptions = R.pipe(getFontFromTheme(['mapLegend']), getOptionsFromFont)(theme);\n  const legendOptions = R.mergeDeepLeft(\n    options,\n    {\n      legend: {\n        choropleth: {\n          width: 300,\n          height: 30,\n          margin: { left: 15, right: 15 },\n          axis: {\n            thickness: 0,\n            orient: 'bottom',\n            font: fontOptions,\n            tick: {\n              size: 5,\n              thickness: 0\n            },\n            format: {\n              proc: d => numeral(d).format('0,0.[00]')\n            }\n          }\n        }\n      }\n    }\n  );\n\n  return (\n    <ChoroplethLegend options={legendOptions} data={data.series} />\n  );\n}\n\nconst ChartLegends = ({ data, options, type, width }) => {\n  const engineOptions = R.pipe(\n    R.assocPath(['serie', 'stacked', 'layerSeries'], R.pathOr([], ['series', 0, 'layerSeries'], data)),\n    computeOptions\n  )(options);\n\n  return (\n    <div>\n      <AxisLegend axis=\"x\" data={data} type={type} />\n      <FocusLegend data={data} options ={engineOptions} type={type} width={width} />\n      <SeriesLegend data={data} options={engineOptions} type={type} />\n      <ChoroLegend data={data} options={options} type={type} />\n    </div>\n  );\n};\n\nexport default ChartLegends;\n"],"names":["ChoroLegend","type","options","data","CHORO","theme","useTheme","fontOptions","R","pipe","getFontFromTheme","getOptionsFromFont","legendOptions","mergeDeepLeft","legend","choropleth","width","height","margin","left","right","axis","thickness","orient","font","tick","size","format","proc","d","numeral","React","createElement","ChoroplethLegend","series","ChartLegends","engineOptions","assocPath","pathOr","computeOptions","AxisLegend","FocusLegend","SeriesLegend"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,WAAW,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO;AAAEC,EAAAA;AAAK,CAAC,KAAK;EAC/C,IAAIF,IAAI,KAAKG,KAAK,EAAE;AAClB,IAAA,OAAO,IAAI;AACb,EAAA;AACA,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE;AACxB,EAAA,MAAMC,WAAW,GAAGC,CAAC,CAACC,IAAI,CAACC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC,EAAEC,kBAAkB,CAAC,CAACN,KAAK,CAAC;AACtF,EAAA,MAAMO,aAAa,GAAGJ,CAAC,CAACK,aAAa,CACnCX,OAAO,EACP;AACEY,IAAAA,MAAM,EAAE;AACNC,MAAAA,UAAU,EAAE;AACVC,QAAAA,KAAK,EAAE,GAAG;AACVC,QAAAA,MAAM,EAAE,EAAE;AACVC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,IAAI,EAAE,EAAE;AAAEC,UAAAA,KAAK,EAAE;SAAI;AAC/BC,QAAAA,IAAI,EAAE;AACJC,UAAAA,SAAS,EAAE,CAAC;AACZC,UAAAA,MAAM,EAAE,QAAQ;AAChBC,UAAAA,IAAI,EAAEjB,WAAW;AACjBkB,UAAAA,IAAI,EAAE;AACJC,YAAAA,IAAI,EAAE,CAAC;AACPJ,YAAAA,SAAS,EAAE;WACZ;AACDK,UAAAA,MAAM,EAAE;YACNC,IAAI,EAAEC,CAAC,IAAIC,OAAO,CAACD,CAAC,CAAC,CAACF,MAAM,CAAC,UAAU;AACzC;AACF;AACF;AACF;AACF,GACF,CAAC;AAED,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACC,gBAAgB,EAAA;AAAC/B,IAAAA,OAAO,EAAEU,aAAc;IAACT,IAAI,EAAEA,IAAI,CAAC+B;AAAO,GAAE,CAAC;AAEnE,CAAC;AAED,MAAMC,YAAY,GAAGA,CAAC;EAAEhC,IAAI;EAAED,OAAO;EAAED,IAAI;AAAEe,EAAAA;AAAM,CAAC,KAAK;AACvD,EAAA,MAAMoB,aAAa,GAAG5B,CAAC,CAACC,IAAI,CAC1BD,CAAC,CAAC6B,SAAS,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE7B,CAAC,CAAC8B,MAAM,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,aAAa,CAAC,EAAEnC,IAAI,CAAC,CAAC,EAClGoC,cACF,CAAC,CAACrC,OAAO,CAAC;EAEV,oBACE6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,cAAA,CAAAC,aAAA,CAACQ,UAAU,EAAA;AAACnB,IAAAA,IAAI,EAAC,GAAG;AAAClB,IAAAA,IAAI,EAAEA,IAAK;AAACF,IAAAA,IAAI,EAAEA;AAAK,GAAE,CAAC,eAC/C8B,cAAA,CAAAC,aAAA,CAACS,WAAW,EAAA;AAACtC,IAAAA,IAAI,EAAEA,IAAK;AAACD,IAAAA,OAAO,EAAGkC,aAAc;AAACnC,IAAAA,IAAI,EAAEA,IAAK;AAACe,IAAAA,KAAK,EAAEA;AAAM,GAAE,CAAC,eAC9Ee,cAAA,CAAAC,aAAA,CAACU,YAAY,EAAA;AAACvC,IAAAA,IAAI,EAAEA,IAAK;AAACD,IAAAA,OAAO,EAAEkC,aAAc;AAACnC,IAAAA,IAAI,EAAEA;AAAK,GAAE,CAAC,eAChE8B,cAAA,CAAAC,aAAA,CAAChC,WAAW,EAAA;AAACG,IAAAA,IAAI,EAAEA,IAAK;AAACD,IAAAA,OAAO,EAAEA,OAAQ;AAACD,IAAAA,IAAI,EAAEA;AAAK,GAAE,CACrD,CAAC;AAEV;;;;"}

package/dist/viewer/src/legends/FocusLegend.js

@@ -0,0 +1,67 @@
+import React__default from 'react';
+import * as R from 'ramda';
+import Legend from './Legend.js';
+import { SCATTER, TIMELINE } from '../../../rules/src/constants.js';
+
+const REDUCED_THRESHOLD = 160;
+const scatterRenderer = ({
+  color
+}) => /*#__PURE__*/React__default.createElement("svg", {
+  width: "12",
+  height: "14"
+}, /*#__PURE__*/React__default.createElement("circle", {
+  cx: "7",
+  cy: "7",
+  r: "4",
+  stroke: color,
+  fill: color
+}));
+const lineRenderer = ({
+  color
+}) => /*#__PURE__*/React__default.createElement("svg", {
+  width: "12",
+  height: "14"
+}, /*#__PURE__*/React__default.createElement("line", {
+  x1: "0",
+  y1: "7",
+  x2: "11",
+  y2: "7",
+  stroke: color,
+  strokeWidth: "2"
+}));
+const FocusLegend = ({
+  data,
+  options,
+  type,
+  width
+}) => {
+  if (width < REDUCED_THRESHOLD) {
+    return null;
+  }
+  const itemRenderer = R.pipe(R.when(R.always(type === SCATTER), R.always(scatterRenderer)), R.when(R.always(type === TIMELINE), R.always(lineRenderer)))(null);
+  const getItemLabel = R.ifElse(R.equals(SCATTER), R.always(R.pipe(R.prop('label'), R.split(' - '), R.last)), R.always(R.prop('label')))(type);
+  const items = R.pipe(R.pathOr({}, ['share', 'focused']), R.mapObjIndexed((selection, key) => {
+    if (R.isNil(selection)) {
+      return null;
+    }
+    const colors = R.pathOr([], ['serie', `${key}Colors`], options);
+    const nColors = R.length(colors);
+    return R.pipe(R.addIndex(R.map)((entry, index) => {
+      if (entry.value === 'uniq-dp') {
+        return null;
+      }
+      const color = R.nth(index % nColors, colors);
+      return {
+        color,
+        label: getItemLabel(entry)
+      };
+    }), R.filter(R.identity))(selection);
+  }), R.props(['baseline', 'highlight']), R.filter(R.identity), R.unnest)(data);
+  return /*#__PURE__*/React__default.createElement(Legend, {
+    items: items,
+    itemRenderer: itemRenderer
+  });
+};
+
+export { REDUCED_THRESHOLD, FocusLegend as default };
+//# sourceMappingURL=FocusLegend.js.map

package/dist/viewer/src/legends/FocusLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusLegend.js","sources":["../../../../src/viewer/src/legends/FocusLegend.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport Legend from './Legend.jsx';\nimport { SCATTER, TIMELINE } from '../../../rules/src/constants';\n\nexport const REDUCED_THRESHOLD = 160;\n\nconst scatterRenderer = ({ color }) => (\n  <svg width='12' height='14'>\n    <circle cx='7' cy='7' r='4' stroke={color} fill={color} />\n  </svg>\n);\n\nconst lineRenderer = ({ color }) => (\n  <svg width='12' height='14'>\n    <line x1='0' y1='7' x2='11' y2='7' stroke={color} strokeWidth='2' />\n  </svg>\n);\n\nconst FocusLegend = ({ data, options, type, width }) => {\n  if (width < REDUCED_THRESHOLD) {\n    return null;\n  }\n\n  const itemRenderer = R.pipe(\n    R.when(R.always(type === SCATTER), R.always(scatterRenderer)),\n    R.when(R.always(type === TIMELINE), R.always(lineRenderer)),\n  )(null);\n\n  const getItemLabel = R.ifElse(\n    R.equals(SCATTER),\n    R.always(R.pipe(R.prop('label'), R.split(' - '), R.last)),\n    R.always(R.prop('label'))\n  )(type);\n\n  const items = R.pipe(\n    R.pathOr({}, ['share', 'focused']),\n    R.mapObjIndexed((selection, key) => {\n      if (R.isNil(selection)) {\n        return null;\n      }\n      const colors = R.pathOr([], ['serie', `${key}Colors`], options);\n      const nColors = R.length(colors);\n      return R.pipe(\n        R.addIndex(R.map)((entry, index) => {\n          if (entry.value === 'uniq-dp') {\n            return null;\n          }\n          const color = R.nth(index % nColors, colors);\n          return ({ color, label: getItemLabel(entry) });\n        }),\n        R.filter(R.identity)\n      )(selection);\n    }),\n    R.props(['baseline', 'highlight']),\n    R.filter(R.identity),\n    R.unnest\n  )(data)\n\n  return (<Legend items={items} itemRenderer={itemRenderer} />);\n}\n\nexport default FocusLegend;\n"],"names":["REDUCED_THRESHOLD","scatterRenderer","color","React","createElement","width","height","cx","cy","r","stroke","fill","lineRenderer","x1","y1","x2","y2","strokeWidth","FocusLegend","data","options","type","itemRenderer","R","pipe","when","always","SCATTER","TIMELINE","getItemLabel","ifElse","equals","prop","split","last","items","pathOr","mapObjIndexed","selection","key","isNil","colors","nColors","length","addIndex","map","entry","index","value","nth","label","filter","identity","props","unnest","Legend"],"mappings":"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"}

package/dist/viewer/src/legends/Legend.js

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import * as R from 'ramda';
+import { getFontFromTheme } from '../utils.js';
+import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
+
+const useStyles = makeStyles(theme => ({
+  legend: {
+    ...getFontFromTheme(['chartLegend'])(theme),
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'flex-start'
+  },
+  entry: {
+    alignItems: 'center',
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    marginLeft: 10
+  },
+  text: {
+    marginLeft: 5
+  }
+}));
+const Legend = ({
+  items,
+  itemRenderer
+}) => {
+  if (!R.is(Function, itemRenderer) || R.isNil(items) || R.isEmpty(items)) {
+    return null;
+  }
+  const classes = useStyles();
+  const legendEntries = R.addIndex(R.map)((entry, index) => {
+    const style = R.isNil(entry.color) ? {} : {
+      color: entry.color
+    };
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: classes.entry,
+      style: style,
+      key: index
+    }, itemRenderer(entry), /*#__PURE__*/React__default.createElement("div", {
+      className: classes.text
+    }, R.prop('label', entry)));
+  })(items);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classes.legend
+  }, legendEntries);
+};
+
+export { Legend as default };
+//# sourceMappingURL=Legend.js.map

package/dist/viewer/src/legends/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sources":["../../../../src/viewer/src/legends/Legend.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { getFontFromTheme } from '../utils';\n\nconst useStyles = makeStyles(theme => ({\n  legend: {\n    ...getFontFromTheme(['chartLegend'])(theme),\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-start',\n  },\n  entry: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    marginLeft: 10,\n  },\n  text: { marginLeft: 5 }\n}));\n\nconst Legend = ({ items, itemRenderer }) => {\n  if (!R.is(Function, (itemRenderer)) || R.isNil(items) || R.isEmpty(items)) {\n    return null;\n  }\n\n  const classes = useStyles();\n\n  const legendEntries = R.addIndex(R.map)(\n    (entry, index) => {\n      const style = R.isNil(entry.color) ? {} : { color: entry.color };\n      return (\n        <div className={classes.entry} style={style}  key={index}>\n          {itemRenderer(entry)}\n          <div className={classes.text} >{R.prop('label', entry)}</div>\n        </div>\n      );\n    }\n  )(items);\n\n return (<div className={classes.legend} >{legendEntries}</div>);\n};\n\nexport default Legend;\n"],"names":["useStyles","makeStyles","theme","legend","getFontFromTheme","display","flexDirection","flexWrap","justifyContent","entry","alignItems","marginLeft","text","Legend","items","itemRenderer","R","is","Function","isNil","isEmpty","classes","legendEntries","addIndex","map","index","style","color","React","createElement","className","key","prop"],"mappings":";;;;;AAKA,MAAMA,SAAS,GAAGC,UAAU,CAACC,KAAK,KAAK;AACrCC,EAAAA,MAAM,EAAE;IACN,GAAGC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC,CAACF,KAAK,CAAC;AAC3CG,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,cAAc,EAAE;GACjB;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,QAAQ;AACpBL,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,QAAQ,EAAE,MAAM;AAChBI,IAAAA,UAAU,EAAE;GACb;AACDC,EAAAA,IAAI,EAAE;AAAED,IAAAA,UAAU,EAAE;AAAE;AACxB,CAAC,CAAC,CAAC;AAEH,MAAME,MAAM,GAAGA,CAAC;EAAEC,KAAK;AAAEC,EAAAA;AAAa,CAAC,KAAK;EAC1C,IAAI,CAACC,CAAC,CAACC,EAAE,CAACC,QAAQ,EAAGH,YAAa,CAAC,IAAIC,CAAC,CAACG,KAAK,CAACL,KAAK,CAAC,IAAIE,CAAC,CAACI,OAAO,CAACN,KAAK,CAAC,EAAE;AACzE,IAAA,OAAO,IAAI;AACb,EAAA;AAEA,EAAA,MAAMO,OAAO,GAAGrB,SAAS,EAAE;AAE3B,EAAA,MAAMsB,aAAa,GAAGN,CAAC,CAACO,QAAQ,CAACP,CAAC,CAACQ,GAAG,CAAC,CACrC,CAACf,KAAK,EAAEgB,KAAK,KAAK;AAChB,IAAA,MAAMC,KAAK,GAAGV,CAAC,CAACG,KAAK,CAACV,KAAK,CAACkB,KAAK,CAAC,GAAG,EAAE,GAAG;MAAEA,KAAK,EAAElB,KAAK,CAACkB;KAAO;IAChE,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAET,OAAO,CAACZ,KAAM;AAACiB,MAAAA,KAAK,EAAEA,KAAM;AAAEK,MAAAA,GAAG,EAAEN;AAAM,KAAA,EACtDV,YAAY,CAACN,KAAK,CAAC,eACpBmB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAET,OAAO,CAACT;KAAK,EAAGI,CAAC,CAACgB,IAAI,CAAC,OAAO,EAAEvB,KAAK,CAAO,CACzD,CAAC;EAEV,CACF,CAAC,CAACK,KAAK,CAAC;EAET,oBAAQc,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAET,OAAO,CAAClB;AAAO,GAAA,EAAGmB,aAAmB,CAAC;AAC/D;;;;"}

package/dist/viewer/src/legends/SeriesLegend.js

@@ -0,0 +1,77 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import * as R from 'ramda';
+import Legend from './Legend.js';
+import { H_SYMBOL, V_SYMBOL, STACKED_BAR, STACKED_ROW } from '../../../rules/src/constants.js';
+
+const getSymbolSeriesItems = ({
+  data,
+  options
+}) => {
+  const symbolMarkers = R.path(['serie', 'symbol', 'markers'], options);
+  const nMarkers = R.length(symbolMarkers);
+  const markerSize = Number(R.path(['serie', 'symbol', 'markerDefaultSize'], options));
+  const strokeWidth = R.path(['serie', 'symbol', 'markerDefaultStrokeWidth'], options);
+  const size = Math.round(Math.sqrt(markerSize)) + 8;
+  return R.pipe(R.pathOr([], ['series', 0, 'symbolValues']), R.addIndex(R.map)((label, serieIndex) => {
+    const marker = R.nth(serieIndex % nMarkers, symbolMarkers);
+    return {
+      d: marker.path(markerSize),
+      transform: `translate(${size / 2}, ${size / 2}) rotate(${R.propOr(0, 'rotate', marker)})`,
+      style: R.pipe(R.mergeRight({
+        strokeWidth
+      }), R.when(s => s.fill !== s.stroke, R.assoc('fill', 'white')))(marker.style),
+      size,
+      label
+    };
+  }))(data);
+};
+const getStackedSeriesItems = R.pipe(R.pathOr([], ['options', 'serie', 'stacked', 'layerSeries']), R.when(s => R.length(s) === 1, R.always([])));
+const stackedLayerRenderer = ({
+  baseColor
+}) => /*#__PURE__*/React__default.createElement("svg", {
+  width: "21",
+  height: "14"
+}, /*#__PURE__*/React__default.createElement("rect", {
+  x: "0",
+  y: "0",
+  width: "21",
+  height: "14",
+  fill: baseColor
+}));
+const symbolRenderer = ({
+  d,
+  size,
+  style,
+  transform
+}) => /*#__PURE__*/React__default.createElement("svg", {
+  width: size,
+  height: size
+}, /*#__PURE__*/React__default.createElement("path", _extends({
+  d: d,
+  transform: transform
+}, style)));
+
+// stacked entries = [{ label, color }];
+
+const SeriesLegend = ({
+  data,
+  options,
+  type
+}) => {
+  const itemRenderer = R.pipe(R.when(R.always(type === H_SYMBOL || type === V_SYMBOL), R.always(symbolRenderer)), R.when(R.always(type === STACKED_BAR || type === STACKED_ROW), R.always(stackedLayerRenderer)))(null);
+  if (R.isNil(itemRenderer)) {
+    return null;
+  }
+  const seriesItems = R.pipe(R.when(R.always(type === H_SYMBOL || type === V_SYMBOL), getSymbolSeriesItems), R.when(R.always(type === STACKED_BAR || type === STACKED_ROW), getStackedSeriesItems))({
+    data,
+    options
+  });
+  return /*#__PURE__*/React__default.createElement(Legend, {
+    items: seriesItems,
+    itemRenderer: itemRenderer
+  });
+};
+
+export { SeriesLegend as default };
+//# sourceMappingURL=SeriesLegend.js.map

package/dist/viewer/src/legends/SeriesLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeriesLegend.js","sources":["../../../../src/viewer/src/legends/SeriesLegend.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport Legend from './Legend.jsx';\nimport { H_SYMBOL, STACKED_BAR, STACKED_ROW, V_SYMBOL } from '../../../rules/src/constants';\n\nconst getSymbolSeriesItems = ({ data, options }) => {\n  const symbolMarkers = R.path(['serie', 'symbol', 'markers'], options);\n  const nMarkers = R.length(symbolMarkers);\n  const markerSize = Number(R.path(['serie', 'symbol', 'markerDefaultSize'], options));\n  const strokeWidth = R.path(['serie', 'symbol', 'markerDefaultStrokeWidth'], options);\n  const size = Math.round(Math.sqrt(markerSize)) + 8;\n  return R.pipe(\n    R.pathOr([], ['series', 0, 'symbolValues']),\n    R.addIndex(R.map)(\n      (label, serieIndex) => {\n        const marker = R.nth(serieIndex % nMarkers, symbolMarkers);\n        return ({\n          d: marker.path(markerSize),\n          transform: `translate(${size / 2}, ${size / 2}) rotate(${R.propOr(0, 'rotate', marker)})`,\n          style: R.pipe(\n            R.mergeRight({ strokeWidth }),\n            R.when(\n              s => s.fill !== s.stroke,\n              R.assoc('fill', 'white')\n            )\n          )(marker.style),\n          size,\n          label\n        })\n      }\n    )\n  )(data);\n};\n\nconst getStackedSeriesItems = R.pipe(\n  R.pathOr([], ['options', 'serie', 'stacked', 'layerSeries']),\n  R.when(s => R.length(s) === 1, R.always([]))\n);\n\nconst stackedLayerRenderer = ({ baseColor }) => (\n  <svg width=\"21\" height=\"14\">\n    <rect x='0' y='0' width='21' height='14' fill={baseColor} />\n  </svg>\n);\n\nconst symbolRenderer = ({ d, size, style, transform }) => (\n  <svg width={size} height={size}>\n    <path\n      d={d}\n      transform={transform}\n      {...style}\n    />\n  </svg>\n);\n\n// stacked entries = [{ label, color }];\n\nconst SeriesLegend = ({ data, options, type }) => {\n  const itemRenderer = R.pipe(\n    R.when(R.always(type === H_SYMBOL || type === V_SYMBOL), R.always(symbolRenderer)),\n    R.when(R.always(type === STACKED_BAR || type === STACKED_ROW), R.always(stackedLayerRenderer))\n  )(null);\n\n  if (R.isNil(itemRenderer)) {\n    return null;\n  }\n\n  const seriesItems = R.pipe(\n    R.when(R.always(type === H_SYMBOL || type === V_SYMBOL), getSymbolSeriesItems),\n    R.when(R.always(type === STACKED_BAR || type === STACKED_ROW), getStackedSeriesItems)\n  )({ data, options });\n\n  return (\n    <Legend items={seriesItems} itemRenderer={itemRenderer} />\n  );\n};\n\nexport default SeriesLegend;\n"],"names":["getSymbolSeriesItems","data","options","symbolMarkers","R","path","nMarkers","length","markerSize","Number","strokeWidth","size","Math","round","sqrt","pipe","pathOr","addIndex","map","label","serieIndex","marker","nth","d","transform","propOr","style","mergeRight","when","s","fill","stroke","assoc","getStackedSeriesItems","always","stackedLayerRenderer","baseColor","React","createElement","width","height","x","y","symbolRenderer","_extends","SeriesLegend","type","itemRenderer","H_SYMBOL","V_SYMBOL","STACKED_BAR","STACKED_ROW","isNil","seriesItems","Legend","items"],"mappings":"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"}

package/dist/viewer/src/utils.js

@@ -0,0 +1,24 @@
+import * as R from 'ramda';
+
+const isChartNoData = R.anyPass([
+  R.pipe(R.path(['data', 'series']), R.isEmpty),
+  R.allPass([
+    R.pipe(R.prop('type'), R.equals('ChoroplethChart'), R.not),
+    R.pipe(R.path(['data', 'series', 0, 'datapoints']), R.anyPass([R.isNil, R.isEmpty]))
+  ])
+]);
+
+const isChartDataNotReady = R.pipe(R.path(['data', 'series']), R.isNil);
+
+const getFontFromTheme = customPath => R.converge(
+  R.mergeRight,
+  [R.pathOr({}, ['mixins', 'chart', 'main']), R.pathOr({}, R.concat(['mixins', 'chart'], customPath))]
+);
+
+const getOptionsFromFont = R.pipe(
+  R.props(['color', 'fontFamily', 'fontSize', 'fontWeight']),
+  ([color, family, size, weight]) => ({ color, size, family, weight })
+);
+
+export { getFontFromTheme, getOptionsFromFont, isChartDataNotReady, isChartNoData };
+//# sourceMappingURL=utils.js.map

package/dist/viewer/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/viewer/src/utils.js"],"sourcesContent":["import * as R from 'ramda';\n\nexport const isChartNoData = R.anyPass([\n  R.pipe(R.path(['data', 'series']), R.isEmpty),\n  R.allPass([\n    R.pipe(R.prop('type'), R.equals('ChoroplethChart'), R.not),\n    R.pipe(R.path(['data', 'series', 0, 'datapoints']), R.anyPass([R.isNil, R.isEmpty]))\n  ])\n]);\n\nexport const isChartDataNotReady = R.pipe(R.path(['data', 'series']), R.isNil);\n\nexport const getFontFromTheme = customPath => R.converge(\n  R.mergeRight,\n  [R.pathOr({}, ['mixins', 'chart', 'main']), R.pathOr({}, R.concat(['mixins', 'chart'], customPath))]\n);\n\nexport const getOptionsFromFont = R.pipe(\n  R.props(['color', 'fontFamily', 'fontSize', 'fontWeight']),\n  ([color, family, size, weight]) => ({ color, size, family, weight })\n);\n"],"names":[],"mappings":";;AAEY,MAAC,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC;AACvC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC;AAC/C,EAAE,CAAC,CAAC,OAAO,CAAC;AACZ,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;AAC9D,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;AACvF,GAAG;AACH,CAAC;;AAEW,MAAC,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK;;AAEjE,MAAC,gBAAgB,GAAG,UAAU,IAAI,CAAC,CAAC,QAAQ;AACxD,EAAE,CAAC,CAAC,UAAU;AACd,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AACrG;;AAEY,MAAC,kBAAkB,GAAG,CAAC,CAAC,IAAI;AACxC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;AAC5D,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;AACrE;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sis-cc/dotstatsuite-components",
   "description": "Set components based on React.",
-  "version": "22.0.1",
+  "version": "22.0.2",
   "type": "module",
   "module": "dist/index.js",
   "sideEffects": false,

package/src/app.js

@@ -0,0 +1,13 @@
+import React, { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+const container = document.getElementById('root');
+const root = createRoot(container);
+
+const App = () => (
+  <StrictMode>
+    I'm not groot, I'm component
+  </StrictMode>
+);
+
+root.render(<App />);