cozy-ui 123.2.1 → 124.0.0

package/transpiled/react/Table/Virtualized/HeadCell.d.ts

@@ -0,0 +1,8 @@
+export default TableHeadCell;
+declare function TableHeadCell({ className, column, orderBy, order, onClick }: {
+    className: any;
+    column: any;
+    orderBy: any;
+    order: any;
+    onClick: any;
+}): JSX.Element;

package/transpiled/react/Table/Virtualized/HeadCell.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import TableCell from "cozy-ui/transpiled/react/TableCell";
+import TableSortLabel from "cozy-ui/transpiled/react/TableSortLabel";
+import { makeStyles } from "cozy-ui/transpiled/react/styles";
+var useStyles = makeStyles({
+  root: {
+    width: function width(_ref) {
+      var column = _ref.column;
+      return column.width;
+    },
+    maxWidth: function maxWidth(_ref2) {
+      var column = _ref2.column;
+      return column.maxWidth;
+    }
+  }
+});
+
+var TableHeadCell = function TableHeadCell(_ref3) {
+  var _column$textAlign;
+
+  var className = _ref3.className,
+      column = _ref3.column,
+      orderBy = _ref3.orderBy,
+      order = _ref3.order,
+      onClick = _ref3.onClick;
+  var classes = useStyles({
+    column: column
+  });
+  return /*#__PURE__*/React.createElement(TableCell, {
+    key: column.id,
+    classes: classes,
+    align: (_column$textAlign = column.textAlign) !== null && _column$textAlign !== void 0 ? _column$textAlign : 'left',
+    padding: column.disablePadding ? 'none' : 'normal',
+    sortDirection: orderBy === column.id ? order : false
+  }, column.sortable !== false ? /*#__PURE__*/React.createElement(TableSortLabel, {
+    active: orderBy === column.id,
+    direction: orderBy === column.id ? order : 'asc',
+    onClick: onClick
+  }, column.label, orderBy === column.id && /*#__PURE__*/React.createElement("span", {
+    className: className
+  }, order === 'desc' ? 'sorted descending' : 'sorted ascending')) : column.label);
+};
+
+export default TableHeadCell;

package/transpiled/react/Table/Virtualized/RowContent.d.ts

@@ -0,0 +1,10 @@
+declare var _default: React.MemoExoticComponent<({ index, row, columns, isSelectedItem, children, onSelectClick }: {
+    index: any;
+    row: any;
+    columns: any;
+    isSelectedItem: any;
+    children: any;
+    onSelectClick: any;
+}) => JSX.Element>;
+export default _default;
+import React from "react";

package/transpiled/react/Table/Virtualized/RowContent.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import Cell from "cozy-ui/transpiled/react/Table/Virtualized/Cell";
+import Checkbox from "cozy-ui/transpiled/react/Checkbox";
+import TableCell from "cozy-ui/transpiled/react/TableCell";
+
+var RowContent = function RowContent(_ref) {
+  var index = _ref.index,
+      row = _ref.row,
+      columns = _ref.columns,
+      isSelectedItem = _ref.isSelectedItem,
+      children = _ref.children,
+      onSelectClick = _ref.onSelectClick;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableCell, {
+    align: "center",
+    padding: "checkbox"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: isSelectedItem(row),
+    inputProps: {
+      'aria-labelledby': "enhanced-table-checkbox-".concat(index)
+    },
+    onChange: function onChange() {
+      return onSelectClick(row);
+    }
+  })), columns.map(function (column) {
+    return /*#__PURE__*/React.createElement(Cell, {
+      key: column.id,
+      row: row,
+      columns: columns,
+      column: column
+    }, children);
+  }));
+};
+
+export default /*#__PURE__*/React.memo(RowContent);

package/transpiled/react/Table/Virtualized/helpers.d.ts

@@ -0,0 +1,2 @@
+export function getComparator(order: any, orderBy: any, lang: any): (a: any, b: any) => number;
+export function stableSort(array: any, comparator: any): any;

package/transpiled/react/Table/Virtualized/helpers.js

@@ -0,0 +1,64 @@
+var descendingComparator = function descendingComparator(_ref) {
+  var a = _ref.a,
+      b = _ref.b,
+      order = _ref.order,
+      orderBy = _ref.orderBy,
+      lang = _ref.lang;
+  var aValue = a[orderBy];
+  var bValue = b[orderBy];
+
+  if (typeof aValue === 'string') {
+    var isDate = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}/.test(aValue);
+    var isNumber = !isNaN(parseInt(aValue));
+
+    if (isDate) {
+      return new Date(bValue) - new Date(aValue);
+    }
+
+    if (isNumber) {
+      return parseInt(bValue) - parseInt(aValue);
+    }
+
+    var _Intl$Collator = Intl.Collator(lang || 'en', {
+      caseFirst: order === 'asc' ? 'upper' : 'lower'
+    }),
+        compare = _Intl$Collator.compare;
+
+    return compare(bValue, aValue);
+  }
+
+  return bValue - aValue;
+};
+
+export var getComparator = function getComparator(order, orderBy, lang) {
+  return order === 'desc' ? function (a, b) {
+    return descendingComparator({
+      a: a,
+      b: b,
+      order: order,
+      orderBy: orderBy,
+      lang: lang
+    });
+  } : function (a, b) {
+    return -descendingComparator({
+      a: a,
+      b: b,
+      order: order,
+      orderBy: orderBy,
+      lang: lang
+    });
+  };
+};
+export var stableSort = function stableSort(array, comparator) {
+  var stabilizedThis = array.map(function (el, index) {
+    return [el, index];
+  });
+  stabilizedThis.sort(function (a, b) {
+    var order = comparator(a[0], b[0]);
+    if (order !== 0) return order;
+    return a[1] - b[1];
+  });
+  return stabilizedThis.map(function (el) {
+    return el[0];
+  });
+};

package/transpiled/react/Table/Virtualized/helpers.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/Table/Virtualized/index.d.ts

@@ -0,0 +1,2 @@
+export default VirtuosoTableWrapper;
+declare function VirtuosoTableWrapper(props: any): JSX.Element;

package/transpiled/react/Table/Virtualized/index.js

@@ -0,0 +1,115 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["rows", "columns", "defaultOrder", "secondarySort", "selectedItems", "onSelect", "onSelectAll", "isSelectedItem", "componentsProps", "dragProps"];
+import React, { useState, forwardRef } from 'react';
+import { TableVirtuoso } from 'react-virtuoso';
+import CustomDragLayer from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/CustomDrag/CustomDragLayer";
+import FixedHeaderContent from "cozy-ui/transpiled/react/Table/Virtualized/FixedHeaderContent";
+import RowContent from "cozy-ui/transpiled/react/Table/Virtualized/RowContent";
+import { stableSort, getComparator } from "cozy-ui/transpiled/react/Table/Virtualized/helpers";
+import virtuosoComponents from "cozy-ui/transpiled/react/Table/Virtualized/virtuosoComponents";
+var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var rows = _ref.rows,
+      columns = _ref.columns,
+      defaultOrder = _ref.defaultOrder,
+      secondarySort = _ref.secondarySort,
+      _ref$selectedItems = _ref.selectedItems,
+      selectedItems = _ref$selectedItems === void 0 ? [] : _ref$selectedItems,
+      _ref$onSelect = _ref.onSelect,
+      onSelect = _ref$onSelect === void 0 ? function () {} : _ref$onSelect,
+      _ref$onSelectAll = _ref.onSelectAll,
+      onSelectAll = _ref$onSelectAll === void 0 ? function () {} : _ref$onSelectAll,
+      _ref$isSelectedItem = _ref.isSelectedItem,
+      isSelectedItem = _ref$isSelectedItem === void 0 ? function () {} : _ref$isSelectedItem,
+      componentsProps = _ref.componentsProps,
+      dragProps = _ref.dragProps,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState('asc'),
+      _useState2 = _slicedToArray(_useState, 2),
+      order = _useState2[0],
+      setOrder = _useState2[1];
+
+  var _useState3 = useState(defaultOrder),
+      _useState4 = _slicedToArray(_useState3, 2),
+      orderBy = _useState4[0],
+      setOrderBy = _useState4[1];
+
+  var _useState5 = useState([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      itemsInDropProcess = _useState6[0],
+      setItemsInDropProcess = _useState6[1]; // array of Ids, for dragndrop feature
+
+
+  var sortedData = stableSort(rows, getComparator(order, orderBy));
+  var data = secondarySort ? secondarySort(sortedData) : sortedData;
+
+  var handleSort = function handleSort(property) {
+    var isAsc = orderBy === property && order === 'asc';
+    setOrder(isAsc ? 'desc' : 'asc');
+    setOrderBy(property);
+  };
+
+  var handleSelectAll = function handleSelectAll(event) {
+    var _event$target;
+
+    if (event !== null && event !== void 0 && (_event$target = event.target) !== null && _event$target !== void 0 && _event$target.checked) {
+      onSelectAll(rows);
+      return;
+    }
+
+    onSelectAll([]);
+  };
+
+  return /*#__PURE__*/React.createElement(TableVirtuoso, _extends({}, props, {
+    ref: ref,
+    data: data,
+    context: {
+      isSelectedItem: isSelectedItem,
+      selectedItems: selectedItems,
+      dragProps: dragProps,
+      itemsInDropProcess: itemsInDropProcess,
+      setItemsInDropProcess: setItemsInDropProcess
+    },
+    components: virtuosoComponents,
+    fixedHeaderContent: function fixedHeaderContent() {
+      return /*#__PURE__*/React.createElement(FixedHeaderContent, {
+        columns: columns,
+        rowCount: rows.length,
+        selectedCount: selectedItems.length,
+        order: order,
+        orderBy: orderBy,
+        onClick: handleSort,
+        onSelectAllClick: handleSelectAll
+      });
+    },
+    itemContent: function itemContent(_index, row) {
+      var _componentsProps$rowC;
+
+      return /*#__PURE__*/React.createElement(RowContent, {
+        index: _index,
+        row: row,
+        columns: columns,
+        isSelectedItem: isSelectedItem,
+        onSelectClick: onSelect
+      }, componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$rowC = componentsProps.rowContent) === null || _componentsProps$rowC === void 0 ? void 0 : _componentsProps$rowC.children);
+    },
+    rowSpan: 2
+  }));
+});
+VirtualizedTable.displayName = 'VirtualizedTable';
+
+var VirtuosoTableWrapper = function VirtuosoTableWrapper(props) {
+  var _props$dragProps;
+
+  if (!((_props$dragProps = props.dragProps) !== null && _props$dragProps !== void 0 && _props$dragProps.enabled)) {
+    return /*#__PURE__*/React.createElement(VirtualizedTable, props);
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomDragLayer, {
+    dragId: props.dragProps.dragId
+  }), /*#__PURE__*/React.createElement(VirtualizedTable, props));
+};
+
+export default VirtuosoTableWrapper;

package/transpiled/react/Table/Virtualized/virtuosoComponents.d.ts

@@ -0,0 +1,10 @@
+export default virtuosoComponents;
+declare namespace virtuosoComponents {
+    const Scroller: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    const Table: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    const TableHead: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    const TableBody: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    const TableFooter: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    const TableRow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+}
+import React from "react";

package/transpiled/react/Table/Virtualized/virtuosoComponents.js

@@ -0,0 +1,100 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["context"],
+    _excluded2 = ["item", "context"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React, { forwardRef } from 'react';
+import DnDConfigWrapper from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/DnDConfigWrapper";
+import TableRowDnD from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/TableRow";
+import Table from "cozy-ui/transpiled/react/Table";
+import Paper from "cozy-ui/transpiled/react/Paper";
+import TableBody from "cozy-ui/transpiled/react/TableBody";
+import TableContainer from "cozy-ui/transpiled/react/TableContainer";
+import TableFooter from "cozy-ui/transpiled/react/TableFooter";
+import TableHead from "cozy-ui/transpiled/react/TableHead";
+import TableRow from "cozy-ui/transpiled/react/TableRow";
+
+var _TableContainer = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(TableContainer, _extends({}, props, {
+    ref: ref,
+    component: Paper,
+    style: _objectSpread({
+      zIndex: 'var(--zIndex-app)'
+    }, props.style),
+    elevation: 0
+  }));
+});
+
+_TableContainer.displayName = '_TableContainer';
+var virtuosoComponents = {
+  Scroller: /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var _context$dragProps;
+
+    var context = _ref.context,
+        props = _objectWithoutProperties(_ref, _excluded);
+
+    if (!((_context$dragProps = context.dragProps) !== null && _context$dragProps !== void 0 && _context$dragProps.enabled)) {
+      return /*#__PURE__*/React.createElement(_TableContainer, _extends({}, props, {
+        ref: ref
+      }));
+    }
+
+    return /*#__PURE__*/React.createElement(DnDConfigWrapper, {
+      ref: ref
+    }, /*#__PURE__*/React.createElement(_TableContainer, _extends({}, props, {
+      ref: ref
+    })));
+  }),
+  Table: /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(Table, _extends({}, props, {
+      ref: ref
+    }));
+  }),
+  TableHead: /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(TableHead, _extends({}, props, {
+      ref: ref
+    }));
+  }),
+  TableBody: /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(TableBody, _extends({}, props, {
+      ref: ref
+    }));
+  }),
+  TableFooter: /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(TableFooter, _extends({}, props, {
+      ref: ref
+    }));
+  }),
+  TableRow: /*#__PURE__*/forwardRef(function (_ref2, ref) {
+    var _context$dragProps2;
+
+    var item = _ref2.item,
+        context = _ref2.context,
+        props = _objectWithoutProperties(_ref2, _excluded2);
+
+    var isSelected = context === null || context === void 0 ? void 0 : context.isSelectedItem(item);
+    var isDisabled = context === null || context === void 0 ? void 0 : context.itemsInDropProcess.includes(item._id);
+
+    if (!((_context$dragProps2 = context.dragProps) !== null && _context$dragProps2 !== void 0 && _context$dragProps2.enabled)) {
+      return /*#__PURE__*/React.createElement(TableRow, _extends({}, props, {
+        ref: ref,
+        selected: isSelected,
+        hover: true
+      }));
+    }
+
+    return /*#__PURE__*/React.createElement(TableRowDnD, _extends({}, props, {
+      item: item,
+      context: context,
+      selected: isSelected,
+      disabled: isDisabled,
+      hover: true
+    }));
+  })
+};
+export default virtuosoComponents;

package/transpiled/react/TableRow/index.d.ts

@@ -1,2 +1,3 @@
 export default TableRow;
-import TableRow from "@material-ui/core/TableRow";
+declare const TableRow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/transpiled/react/TableRow/index.js

@@ -1,2 +1,21 @@
-import TableRow from '@material-ui/core/TableRow';
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["disabled", "className"];
+import MuiTableRow from '@material-ui/core/TableRow';
+import cx from 'classnames';
+import React, { forwardRef } from 'react';
+var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var disabled = _ref.disabled,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(MuiTableRow, _extends({}, props, {
+    className: cx(className, {
+      disabled: disabled
+    }),
+    disabled: disabled,
+    ref: ref
+  }));
+});
+TableRow.displayName = 'TableRow';
 export default TableRow;