@dhis2-ui/table 10.16.3-alpha.1 → 10.16.4

package/build/cjs/data-table/data-table-cell.js

@@ -8,35 +8,33 @@ var _propTypes = require("@dhis2/prop-types");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("./table-elements/index.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const DataTableCell = exports.DataTableCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    active,
-    align = 'left',
-    backgroundColor,
-    bordered,
-    children,
-    className,
-    colSpan,
-    dataTest = 'dhis2-uicore-datatablecell',
-    error,
-    fixed,
-    large,
-    left = 'auto',
-    muted,
-    rowSpan,
-    role,
-    scope,
-    staticStyle,
-    tag,
-    valid,
-    width = 'auto',
-    onClick,
-    ...props
-  } = _ref;
+const DataTableCell = exports.DataTableCell = /*#__PURE__*/(0, _react.forwardRef)(({
+  active,
+  align = 'left',
+  backgroundColor,
+  bordered,
+  children,
+  className,
+  colSpan,
+  dataTest = 'dhis2-uicore-datatablecell',
+  error,
+  fixed,
+  large,
+  left = 'auto',
+  muted,
+  rowSpan,
+  role,
+  scope,
+  staticStyle,
+  tag,
+  valid,
+  width = 'auto',
+  onClick,
+  ...props
+}, ref) => {
   const TableCell = !tag && fixed || tag && tag === 'th' ? _index.TableHeaderCell : _index.TableDataCell;
   return /*#__PURE__*/_react.default.createElement(TableCell, _extends({}, props, {
     active: active,

package/build/cjs/data-table/data-table-column-header/data-table-column-header.js

@@ -13,74 +13,70 @@ var _index = require("../table-elements/index.js");
 var _dataTableColumnHeaderStyles = require("./data-table-column-header.styles.js");
 var _filterHandle = require("./filter-handle.js");
 var _sorter = require("./sorter.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const flexboxAlignLookup = {
   left: 'flex-start',
   center: 'center',
   right: 'flex-end'
 };
-const DataTableColumnHeader = exports.DataTableColumnHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    align,
-    children,
-    className,
-    colSpan,
-    dataTest = 'dhis2-uicore-datatablecellhead',
-    filter,
-    fixed,
-    large,
-    left,
-    name,
-    role,
-    rowSpan,
-    scope,
-    showFilter,
-    sortDirection,
-    sortIconTitle,
-    top,
-    width,
-    onFilterIconClick,
-    onSortIconClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_index.TableHeaderCell, {
-    align: align,
-    className: (0, _classnames.default)(className, 'DataTableColumnHeader', _dataTableColumnHeaderStyles.resolvedTableHeaderCss.className),
-    colSpan: colSpan,
-    dataTest: dataTest,
-    fixed: fixed,
-    large: large,
-    left: left,
-    ref: ref,
-    rowSpan: rowSpan,
-    role: role,
-    scope: scope,
-    top: top,
-    width: width
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + "container"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + ((0, _classnames.default)('top', {
-      large
-    }) || "")
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + "content"
-  }, children), sortDirection && /*#__PURE__*/_react.default.createElement(_sorter.Sorter, {
-    name: name,
-    sortDirection: sortDirection,
-    onClick: onSortIconClick,
-    title: sortIconTitle
-  }), filter && /*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, {
-    name: name,
-    active: showFilter,
-    onClick: onFilterIconClick
-  })), showFilter && filter), _dataTableColumnHeaderStyles.resolvedTableHeaderCss.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _dataTableColumnHeaderStyles.styles.__hash
-  }, _dataTableColumnHeaderStyles.styles), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3463223249"
-  }, [`.label.jsx-3463223249{-webkit-box-pack:${flexboxAlignLookup[align]};-webkit-justify-content:${flexboxAlignLookup[align]};-ms-flex-pack:${flexboxAlignLookup[align]};justify-content:${flexboxAlignLookup[align]};}`]));
-});
+const DataTableColumnHeader = exports.DataTableColumnHeader = /*#__PURE__*/(0, _react.forwardRef)(({
+  align,
+  children,
+  className,
+  colSpan,
+  dataTest = 'dhis2-uicore-datatablecellhead',
+  filter,
+  fixed,
+  large,
+  left,
+  name,
+  role,
+  rowSpan,
+  scope,
+  showFilter,
+  sortDirection,
+  sortIconTitle,
+  top,
+  width,
+  onFilterIconClick,
+  onSortIconClick
+}, ref) => /*#__PURE__*/_react.default.createElement(_index.TableHeaderCell, {
+  align: align,
+  className: (0, _classnames.default)(className, 'DataTableColumnHeader', _dataTableColumnHeaderStyles.resolvedTableHeaderCss.className),
+  colSpan: colSpan,
+  dataTest: dataTest,
+  fixed: fixed,
+  large: large,
+  left: left,
+  ref: ref,
+  rowSpan: rowSpan,
+  role: role,
+  scope: scope,
+  top: top,
+  width: width
+}, /*#__PURE__*/_react.default.createElement("span", {
+  className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + "container"
+}, /*#__PURE__*/_react.default.createElement("span", {
+  className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + ((0, _classnames.default)('top', {
+    large
+  }) || "")
+}, /*#__PURE__*/_react.default.createElement("span", {
+  className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + "content"
+}, children), sortDirection && /*#__PURE__*/_react.default.createElement(_sorter.Sorter, {
+  name: name,
+  sortDirection: sortDirection,
+  onClick: onSortIconClick,
+  title: sortIconTitle
+}), filter && /*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, {
+  name: name,
+  active: showFilter,
+  onClick: onFilterIconClick
+})), showFilter && filter), _dataTableColumnHeaderStyles.resolvedTableHeaderCss.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _dataTableColumnHeaderStyles.styles.__hash
+}, _dataTableColumnHeaderStyles.styles), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3463223249"
+}, [`.label.jsx-3463223249{-webkit-box-pack:${flexboxAlignLookup[align]};-webkit-justify-content:${flexboxAlignLookup[align]};-ms-flex-pack:${flexboxAlignLookup[align]};justify-content:${flexboxAlignLookup[align]};}`])));
 DataTableColumnHeader.displayName = 'DataTableColumnHeader';
 DataTableColumnHeader.propTypes = {
   align: _propTypes2.default.oneOf(['left', 'center', 'right']),

package/build/cjs/data-table/data-table-column-header/filter-handle.js

@@ -11,12 +11,11 @@ var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../../locales/index.js"));
 var _index2 = require("../table-elements/index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FilterHandle = _ref => {
-  let {
-    active,
-    name,
-    onClick
-  } = _ref;
+const FilterHandle = ({
+  active,
+  name,
+  onClick
+}) => {
   const filterIconColor = active ? _uiConstants.colors.blue700 : _uiConstants.colors.grey600;
   const clickHandler = onClick ? event => {
     onClick({

package/build/cjs/data-table/data-table-column-header/sorter.js

@@ -22,13 +22,12 @@ const getNextSortDirection = currentDirection => {
   return SORT_DIRECTIONS[nextIndex];
 };
 exports.getNextSortDirection = getNextSortDirection;
-const Sorter = _ref => {
-  let {
-    name,
-    sortDirection,
-    title,
-    onClick
-  } = _ref;
+const Sorter = ({
+  name,
+  sortDirection,
+  title,
+  onClick
+}) => {
   const nextSortDirection = getNextSortDirection(sortDirection);
   const clickHandler = onClick ? event => {
     onClick({

package/build/cjs/data-table/data-table-row/data-table-row.js

@@ -13,23 +13,21 @@ var _dataTableRowStyles = _interopRequireDefault(require("./data-table-row.style
 var _dragHandleCell = require("./drag-handle-cell.js");
 var _expandHandleCell = require("./expand-handle-cell.js");
 var _expandedRow = require("./expanded-row.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const DataTableRow = exports.DataTableRow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-datatablerow',
-    expandableContent,
-    expanded,
-    selected,
-    draggable,
-    role,
-    onExpandToggle,
-    ...rest
-  } = _ref;
+const DataTableRow = exports.DataTableRow = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-datatablerow',
+  expandableContent,
+  expanded,
+  selected,
+  draggable,
+  role,
+  onExpandToggle,
+  ...rest
+}, ref) => {
   const [isHoveringExpandedContent, setIsHoveringExpandedContent] = (0, _react.useState)(false);
   const classes = (0, _classnames.default)(className, _dataTableRowStyles.default.className, {
     expanded,

package/build/cjs/data-table/data-table-row/expand-handle-cell.js

@@ -17,21 +17,18 @@ const pointer = {
   }, ["td.jsx-927553068{cursor:pointer;}"]),
   className: "jsx-927553068"
 };
-const ExpandHandleCell = _ref => {
-  let {
-    expanded,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_index.TableDataCell, {
-    className: (0, _classnames.default)(pointer.className, {
-      expanded
-    }),
-    onClick: () => onClick({
-      expanded: !expanded
-    }),
-    width: "48px"
-  }, expanded ? /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronUp24, null) : /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronDown24, null), pointer.styles);
-};
+const ExpandHandleCell = ({
+  expanded,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement(_index.TableDataCell, {
+  className: (0, _classnames.default)(pointer.className, {
+    expanded
+  }),
+  onClick: () => onClick({
+    expanded: !expanded
+  }),
+  width: "48px"
+}, expanded ? /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronUp24, null) : /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronDown24, null), pointer.styles);
 exports.ExpandHandleCell = ExpandHandleCell;
 ExpandHandleCell.propTypes = {
   expanded: _propTypes.default.bool,

package/build/cjs/data-table/data-table-row/expanded-row.js

@@ -20,28 +20,25 @@ const {
   }, [`tr.expanded:hover+tr>td.jsx-626485122{background-color:${_uiConstants.colors.grey100};}`, `tr.expanded:active+tr>td.jsx-626485122{background-color:${_uiConstants.colors.grey200};}`, "tr.selected.expanded:hover+tr.jsx-626485122>td.jsx-626485122{background-color:#cdeae8;}"]),
   className: "jsx-626485122"
 };
-const ExpandedRow = _ref => {
-  let {
-    children,
-    className,
-    colSpan,
-    dataTest,
-    selected,
-    setIsHoveringExpandedContent
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_index.TableRow, {
-    onMouseOver: () => setIsHoveringExpandedContent(true),
-    onMouseOut: () => setIsHoveringExpandedContent(false),
-    className: (0, _classnames.default)({
-      [`${className}-expandedrow`]: !!className
-    }),
-    selected: selected,
-    dataTest: dataTest && `${dataTest}-expandedrow`
-  }, /*#__PURE__*/_react.default.createElement(_index.TableDataCell, {
-    className: cellClassName,
-    colSpan: colSpan
-  }, children, styles));
-};
+const ExpandedRow = ({
+  children,
+  className,
+  colSpan,
+  dataTest,
+  selected,
+  setIsHoveringExpandedContent
+}) => /*#__PURE__*/_react.default.createElement(_index.TableRow, {
+  onMouseOver: () => setIsHoveringExpandedContent(true),
+  onMouseOut: () => setIsHoveringExpandedContent(false),
+  className: (0, _classnames.default)({
+    [`${className}-expandedrow`]: !!className
+  }),
+  selected: selected,
+  dataTest: dataTest && `${dataTest}-expandedrow`
+}, /*#__PURE__*/_react.default.createElement(_index.TableDataCell, {
+  className: cellClassName,
+  colSpan: colSpan
+}, children, styles));
 exports.ExpandedRow = ExpandedRow;
 ExpandedRow.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/data-table/data-table.js

@@ -8,20 +8,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("./table-elements/index.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DataTable = exports.DataTable = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className,
-    dataTest = 'dhis2-uicore-datatable',
-    layout = 'auto',
-    role,
-    scrollHeight,
-    scrollWidth,
-    width = '100%'
-  } = _ref;
+const DataTable = exports.DataTable = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  dataTest = 'dhis2-uicore-datatable',
+  layout = 'auto',
+  role,
+  scrollHeight,
+  scrollWidth,
+  width = '100%'
+}, ref) => {
   const scrollable = !!(scrollHeight || scrollWidth);
   const table = /*#__PURE__*/_react.default.createElement(_index.Table, {
     borderless: scrollable,