@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/TableLayout/TableLayout.js

@@ -1,5 +1,7 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 import React, { Fragment, useState } from 'react';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import * as R from 'ramda';
 import Grid from '@material-ui/core/Grid';
@@ -18,6 +20,7 @@ import Box from './Box';
 import { changeLayout, rejectHiddenElement, addHiddenElement } from './lib';
 import { BOX, wcagId } from './constants';
 import { Button } from '../';
+
 export var useStyles = makeStyles(function (theme) {
   return {
     dnd: {
@@ -34,6 +37,7 @@ export var useStyles = makeStyles(function (theme) {
     }
   };
 });
+
 var transform = {
   index: R.add(1)
 };
@@ -42,14 +46,15 @@ var TableLayout = function TableLayout(_ref) {
   var _boxLabel;
 
   var _ref$layout = _ref.layout,
-      layout = _ref$layout === void 0 ? [] : _ref$layout,
+      layout = _ref$layout === undefined ? [] : _ref$layout,
       _ref$itemRenderer = _ref.itemRenderer,
-      itemRenderer = _ref$itemRenderer === void 0 ? R.prop('name') : _ref$itemRenderer,
+      itemRenderer = _ref$itemRenderer === undefined ? R.prop('name') : _ref$itemRenderer,
       itemButtonProps = _ref.itemButtonProps,
       labels = _ref.labels,
       commit = _ref.commit,
       noPreview = _ref.noPreview,
       accessibility = _ref.accessibility;
+
   var classes = useStyles();
   var hiddenElement = R.map(R.filter(function (_ref2) {
     var isHidden = _ref2.isHidden;
@@ -105,7 +110,9 @@ var TableLayout = function TableLayout(_ref) {
     if (R.is(Function)(labels.wcagDragUpdate)) {
       var droppableId = destination.droppableId,
           index = destination.index;
+
       var length = R.ifElse(R.always(R.equals(droppableId, source.droppableId)), R.pipe(R.prop(droppableId), R.length), R.pipe(R.prop(droppableId), R.length, R.add(1)))(currentLayout);
+
       R.pipe(R.evolve(transform), R.prop('wcagDragUpdate', labels), provided.announce)({
         dropZone: R.prop(droppableId)(boxLabel),
         dragZone: R.prop(source.droppableId)(boxLabel),
@@ -130,11 +137,11 @@ var TableLayout = function TableLayout(_ref) {
       if (R.isNil(destination)) {
         return;
       }
-
       if (R.is(Function)(labels.wcagDragEnd)) {
         if (R.equals(reason, 'DROP')) {
           var droppableId = destination.droppableId,
               index = destination.index;
+
           R.pipe(R.evolve(transform), R.prop('wcagDragEnd', labels), provided.announce)({
             dropZone: R.prop(droppableId)(boxLabel),
             dragZone: R.prop(source.droppableId)(boxLabel),
@@ -153,7 +160,7 @@ var TableLayout = function TableLayout(_ref) {
     };
   };
 
-  var header = /*#__PURE__*/React.createElement(Box, {
+  var header = React.createElement(Box, {
     title: labels.column,
     Icon: ViewColumn,
     items: R.prop(BOX.header)(currentLayout),
@@ -164,110 +171,175 @@ var TableLayout = function TableLayout(_ref) {
     accessibility: accessibility,
     md: accessibility ? 4 : 6
   });
-  var sectionsAndRows = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
-    title: labels.section,
-    Icon: Reorder,
-    items: R.prop(BOX.sections)(currentLayout),
-    labels: labels,
-    dropZoneLabel: BOX.sections,
-    itemRenderer: itemRenderer,
-    itemButtonProps: itemButtonProps,
-    accessibility: accessibility,
-    md: accessibility ? 4 : 12
-  }), /*#__PURE__*/React.createElement(Box, {
-    title: labels.row,
-    Icon: ViewList,
-    items: R.prop(BOX.rows)(currentLayout),
-    labels: labels,
-    dropZoneLabel: BOX.rows,
-    itemRenderer: itemRenderer,
-    itemButtonProps: itemButtonProps,
-    accessibility: accessibility,
-    md: accessibility ? 4 : 12
-  }));
-  return /*#__PURE__*/React.createElement(Grid, {
-    "data-testid": "table-layout-test-id",
-    container: true
-  }, /*#__PURE__*/React.createElement("div", {
-    id: wcagId,
-    style: {
-      display: 'none'
-    }
-  }, labels.wcagDragExplanation), /*#__PURE__*/React.createElement(DragDropContext, {
-    onDragEnd: onDragEnd(currentLayout),
-    onDragStart: onDragStart,
-    onDragUpdate: onDragUpdate
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    direction: "row",
-    spacing: 1,
-    className: classes.dnd
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 1
-  }, /*#__PURE__*/React.createElement(Grid, {
-    tabIndex: 0,
-    item: true,
-    xs: 12,
-    md: accessibility ? 12 : 6
-  }, /*#__PURE__*/React.createElement("span", null, labels.help), /*#__PURE__*/React.createElement(Typography, {
-    variant: "srOnly"
-  }, labels.wcagDragExplanation)), R.not(accessibility) && header)), /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 1
-  }, accessibility && header, accessibility && sectionsAndRows, R.not(accessibility) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, sectionsAndRows), !noPreview && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    md: accessibility ? 12 : 6,
-    className: cx(classes.wrapper)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.iconTitle
-  }, /*#__PURE__*/React.createElement(ViewQuilt, null), /*#__PURE__*/React.createElement(Typography, {
-    tabIndex: 0,
-    variant: "subtitle1"
-  }, labels.table)), /*#__PURE__*/React.createElement(TablePreview, _extends({}, currentLayout, {
-    itemRenderer: itemRenderer
-  })))))), /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    justifyContent: 'flex-end',
-    className: classes.buttonContainer,
-    spacing: 1
-  }, R.map(function (button) {
-    return /*#__PURE__*/React.createElement(Grid, {
-      item: true,
-      key: button.id
-    }, /*#__PURE__*/React.createElement(Button, _extends({
-      "aria-label": button.label,
-      color: "primary"
-    }, button), /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2"
-    }, button.label)));
-  })([{
-    id: 2,
-    label: labels.cancel,
-    onClick: onCancel,
-    startIcon: /*#__PURE__*/React.createElement(Undo, null)
-  }, {
-    id: 1,
-    label: labels.commit,
-    onClick: onCommit,
-    startIcon: /*#__PURE__*/React.createElement(Done, null),
-    variant: 'contained',
-    alternative: 'siscc',
-    className: classes.applyButton
-  }])));
+
+  var sectionsAndRows = React.createElement(
+    Fragment,
+    null,
+    React.createElement(Box, {
+      title: labels.section,
+      Icon: Reorder,
+      items: R.prop(BOX.sections)(currentLayout),
+      labels: labels,
+      dropZoneLabel: BOX.sections,
+      itemRenderer: itemRenderer,
+      itemButtonProps: itemButtonProps,
+      accessibility: accessibility,
+      md: accessibility ? 4 : 12
+    }),
+    React.createElement(Box, {
+      title: labels.row,
+      Icon: ViewList,
+      items: R.prop(BOX.rows)(currentLayout),
+      labels: labels,
+      dropZoneLabel: BOX.rows,
+      itemRenderer: itemRenderer,
+      itemButtonProps: itemButtonProps,
+      accessibility: accessibility,
+      md: accessibility ? 4 : 12
+    })
+  );
+
+  return React.createElement(
+    Grid,
+    { 'data-testid': 'table-layout-test-id', container: true },
+    React.createElement(
+      'div',
+      { id: wcagId, style: { display: 'none' } },
+      labels.wcagDragExplanation
+    ),
+    React.createElement(
+      DragDropContext,
+      {
+        onDragEnd: onDragEnd(currentLayout),
+        onDragStart: onDragStart,
+        onDragUpdate: onDragUpdate
+      },
+      React.createElement(
+        Grid,
+        { container: true, direction: 'row', spacing: 1, className: classes.dnd },
+        React.createElement(
+          Grid,
+          { item: true, xs: 12 },
+          React.createElement(
+            Grid,
+            { container: true, spacing: 1 },
+            React.createElement(
+              Grid,
+              { tabIndex: 0, item: true, xs: 12, md: accessibility ? 12 : 6 },
+              React.createElement(
+                'span',
+                null,
+                labels.help
+              ),
+              React.createElement(
+                Typography,
+                { variant: 'srOnly' },
+                labels.wcagDragExplanation
+              )
+            ),
+            R.not(accessibility) && header
+          )
+        ),
+        React.createElement(
+          Grid,
+          { container: true, spacing: 1 },
+          accessibility && header,
+          accessibility && sectionsAndRows,
+          R.not(accessibility) && React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 6 },
+            sectionsAndRows
+          ),
+          !noPreview && React.createElement(
+            Grid,
+            { item: true, xs: 12, md: accessibility ? 12 : 6, className: cx(classes.wrapper) },
+            React.createElement(
+              'div',
+              { className: classes.iconTitle },
+              React.createElement(ViewQuilt, null),
+              React.createElement(
+                Typography,
+                { tabIndex: 0, variant: 'subtitle1' },
+                labels.table
+              )
+            ),
+            React.createElement(TablePreview, _extends({}, currentLayout, { itemRenderer: itemRenderer }))
+          )
+        )
+      )
+    ),
+    React.createElement(
+      Grid,
+      { container: true, justifyContent: 'flex-end', className: classes.buttonContainer, spacing: 1 },
+      R.map(function (button) {
+        return React.createElement(
+          Grid,
+          { item: true, key: button.id },
+          React.createElement(
+            Button,
+            _extends({ 'aria-label': button.label, color: 'primary' }, button),
+            React.createElement(
+              Typography,
+              { variant: 'body2' },
+              button.label
+            )
+          )
+        );
+      })([{ id: 2, label: labels.cancel, onClick: onCancel, startIcon: React.createElement(Undo, null) }, {
+        id: 1,
+        label: labels.commit,
+        onClick: onCommit,
+        startIcon: React.createElement(Done, null),
+        variant: 'contained',
+        alternative: 'siscc',
+        className: classes.applyButton
+      }])
+    )
+  );
 };
 
+var patern = {
+  id: PropTypes.string,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  values: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+  }))
+};
+
+TableLayout.propTypes = process.env.NODE_ENV !== "production" ? {
+  layout: PropTypes.shape({
+    header: PropTypes.arrayOf(PropTypes.shape(patern)),
+    sections: PropTypes.arrayOf(PropTypes.shape(patern)),
+    rows: PropTypes.arrayOf(PropTypes.shape(patern))
+  }),
+  itemRenderer: PropTypes.func,
+  commit: PropTypes.func,
+  noPreview: PropTypes.bool,
+  itemButtonProps: PropTypes.object,
+  labels: PropTypes.shape({
+    commit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    cancel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    row: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    column: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    section: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    table: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    asc: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    desc: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    help: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    one: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    wcagDragStart: PropTypes.func,
+    wcagDragUpdate: PropTypes.func,
+    wcagDragEnd: PropTypes.func,
+    wcagDragCancel: PropTypes.string,
+    wcagDragExplanation: PropTypes.string
+  }),
+  accessibility: PropTypes.bool
+} : {};
+
 export default withBlank(function (_ref6) {
   var _ref6$layout = _ref6.layout,
-      layout = _ref6$layout === void 0 ? [] : _ref6$layout,
+      layout = _ref6$layout === undefined ? [] : _ref6$layout,
       isBlank = _ref6.isBlank;
   return {
     isBlank: R.or(isBlank, R.pipe(R.values, R.all(R.isEmpty))(layout))

package/es/TableLayout/constants.js

@@ -1,9 +1,11 @@
 export var ITEMS_TYPES = {
   DND: 'DND'
 };
+
 export var BOX = {
   header: 'header',
   sections: 'sections',
   rows: 'rows'
 };
+
 export var wcagId = 'dnd-how-drag-item';

package/es/TableLayout/index.js

@@ -71,4 +71,5 @@
  *   }
  * }
  **/
+
 export { default } from './TableLayout';

package/es/TableLayout/lib.js

@@ -1,4 +1,5 @@
 import * as R from 'ramda';
+
 export var changeLayout = function changeLayout(_ref) {
   var dragIndex = _ref.dragIndex,
       hoverIndex = _ref.hoverIndex,
@@ -9,14 +10,15 @@ export var changeLayout = function changeLayout(_ref) {
   if (R.equals(dragZone, dropZone)) {
     return R.over(R.lensProp(dropZone), R.move(dragIndex, hoverIndex), currentLayout);
   }
-
   var item = R.pipe(R.prop(dragZone), R.nth(dragIndex))(currentLayout);
   return R.pipe(R.over(R.lensProp(dragZone), R.without([item])), R.over(R.lensProp(dropZone), R.insert(hoverIndex, item)))(currentLayout);
 };
+
 export var rejectHiddenElement = R.map(R.reject(function (_ref2) {
   var isHidden = _ref2.isHidden;
   return isHidden;
 }));
+
 export var addHiddenElement = function addHiddenElement(layout) {
   return R.mapObjIndexed(function (values, key) {
     return R.pipe(R.prop(key), R.concat(values))(layout);