@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/Table/checkBoxUtils.js

@@ -1,209 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toggleSelection = exports.isSelected = exports.isIndeterminateStatus = exports.getPageSelection = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-require("core-js/modules/es.array.includes.js");
-
-require("core-js/modules/es.string.includes.js");
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.number.max-safe-integer.js");
-
-require("core-js/modules/es.number.constructor.js");
-
-/* eslint-disable no-underscore-dangle */
-
-/**
- * Check if the row is selected based on it's key.
- *
- * @param {Number} key - the key that uniquely identifies the row.
- */
-var isSelected = function isSelected(key, selection) {
-  return selection.includes(key);
-};
-/**
- * Selects or unselect a row.
- *
- * @param {Number} key - the key that uniquely identifies the row.
- * @param {Array} selection - the array with the selected objects.
- */
-
-
-exports.isSelected = isSelected;
-
-var toggleSelection = function toggleSelection(key, selection) {
-  // start off with the existing state
-  var select = selection;
-  var keyIndex = select.indexOf(key); // check to see if the key exists
-
-  if (keyIndex >= 0) {
-    // it does exist so we will remove it using destructing
-    select = [].concat((0, _toConsumableArray2.default)(select.slice(0, keyIndex)), (0, _toConsumableArray2.default)(select.slice(keyIndex + 1)));
-  } else {
-    // it does not exist so add it
-    select.push(key);
-  }
-
-  return select;
-};
-/**
- *  Adds the indeterminate status to the checkbox when necessary.
- *
- * @param {Array} selection - the array with the selected objects.
- * @param {number} recordQuantity - the total records in the table.
- */
-
-
-exports.toggleSelection = toggleSelection;
-
-var isIndeterminateStatus = function isIndeterminateStatus(selection, recordQuantity) {
-  var selectionLength = selection.length;
-  return selectionLength !== recordQuantity && selectionLength > 0;
-};
-/**
- * Extract from the records the values that are both disabled and selected.
- *
- * @param {Array} records - a simplification of the table's current values.
- */
-
-
-exports.isIndeterminateStatus = isIndeterminateStatus;
-
-var getSelectedDisabledRecordIds = function getSelectedDisabledRecordIds(records) {
-  return records.filter(function (record) {
-    return record.disabled && record.selected;
-  }).map(function (record) {
-    return record.id;
-  });
-};
-/**
- * gets all the values in the table ignoring the rows that are disabled.
- *
- * @param {Array} records - a simplification of the table's current values.
- */
-
-
-var getEnabledRecordIds = function getEnabledRecordIds(records) {
-  return records.filter(function (record) {
-    return !(record !== null && record !== void 0 && record.disabled);
-  }).map(function (record) {
-    return record === null || record === void 0 ? void 0 : record.id;
-  });
-};
-/**
- * Cuts the records array to only present what is visible to the user.
- *
- * @param {Object} pageInfo - an object that represents the current configuration for the pagination.
- * @param {Array} records - a simplification of the table's current values.
- */
-
-
-var sliceRecordsToPage = function sliceRecordsToPage() {
-  var pageInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var records = arguments.length > 1 ? arguments[1] : undefined;
-  var _pageInfo$currentPage = pageInfo.currentPage,
-      page = _pageInfo$currentPage === void 0 ? 0 : _pageInfo$currentPage,
-      _pageInfo$currentPage2 = pageInfo.currentPageSize,
-      currentPageSize = _pageInfo$currentPage2 === void 0 ? Number.MAX_SAFE_INTEGER : _pageInfo$currentPage2,
-      paginationServerSide = pageInfo.paginationServerSide;
-  return paginationServerSide ? records : records.slice(page * currentPageSize, (page + 1) * currentPageSize);
-};
-/**
- * Selects the visible page and avoids the disabled values.
- *
- * @param {Array} records - a simplification of the table's current values.
- * @param {Object} pageInfo - an object that represents the current configuration for the pagination.
- */
-
-
-var getEnabledRecordIdsInPage = function getEnabledRecordIdsInPage(records, pageInfo) {
-  var slicedRecords = sliceRecordsToPage(pageInfo, records);
-  return getEnabledRecordIds(slicedRecords);
-};
-/**
- * Selects the visible page and appends the selected disabled values.
- *
- * @param {Array} records - a simplification of the table's current values.
- * @param {Object} pageInfo - an object that represents the current configuration for the pagination.
- */
-
-
-var getSelectedRecordIdsInPage = function getSelectedRecordIdsInPage(records, pageInfo) {
-  var selectedIds;
-  var disabledSelectedIds = getSelectedDisabledRecordIds(records);
-  selectedIds = getEnabledRecordIdsInPage(records, pageInfo);
-  selectedIds = selectedIds.concat(disabledSelectedIds);
-  return selectedIds;
-};
-/**
- * Parse table data and returns rows state.
- *
- * @param {Object} tableRef - The react reference for the table.
- * @param {String} idForCheckbox - property to be used as unique row identifier, One of the fields of the data.
- * @param {Array} currentSelection - The current selected ids.
- */
-
-
-var parseTableData = function parseTableData(tableRef, idForCheckbox, currentSelection) {
-  var tableData = tableRef.current.getWrappedInstance().getResolvedState().sortedData;
-  return tableData.map(function (row) {
-    var _row$_original, _row$_original$checkb;
-
-    var id = row._original[idForCheckbox];
-    return {
-      id: id,
-      disabled: row === null || row === void 0 ? void 0 : (_row$_original = row._original) === null || _row$_original === void 0 ? void 0 : (_row$_original$checkb = _row$_original.checkboxProps) === null || _row$_original$checkb === void 0 ? void 0 : _row$_original$checkb.disabled,
-      selected: currentSelection.includes(id)
-    };
-  });
-};
-/**
- * Returns the page selection according to the rows state.
- *
- * @param {String} idForCheckbox - property to be used as unique row identifier, One of the fields of the data.
- * @param {Boolean} tableRef - reference to the react table.
- * @param {Array} pageInfo - pagination info array with [ currentPage, currentPageSize ].
- * @param {Array} currentSelection - The current selected ids.
- * @param {Boolean} allSelected - If the current selected values represent the whole data.
- */
-
-
-var getPageSelection = function getPageSelection(idForCheckbox, tableRef, pageInfo) {
-  var currentSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  var allSelected = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var records = parseTableData(tableRef, idForCheckbox, currentSelection);
-  var noSelected = !records.some(function (record) {
-    return record.selected;
-  });
-  var allEnabled = !records.some(function (record) {
-    return record.disabled;
-  });
-  var allSelectedDisabled = records.filter(function (record) {
-    return record.selected;
-  }).every(function (record) {
-    return record.disabled;
-  });
-  if (!noSelected && allEnabled && pageInfo !== undefined || allSelected && allEnabled) return [];
-  if (allSelectedDisabled || pageInfo === undefined && !allSelected) return getSelectedRecordIdsInPage(records, pageInfo); // There is a mixture of selection in the page so the user wants to deselect everything except the disabled values
-
-  return getSelectedDisabledRecordIds(records);
-};
-
-exports.getPageSelection = getPageSelection;
-//# sourceMappingURL=checkBoxUtils.js.map

package/dist/Table/checkBoxUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkBoxUtils.js","names":["isSelected","key","selection","includes","toggleSelection","select","keyIndex","indexOf","slice","push","isIndeterminateStatus","recordQuantity","selectionLength","length","getSelectedDisabledRecordIds","records","filter","record","disabled","selected","map","id","getEnabledRecordIds","sliceRecordsToPage","pageInfo","currentPage","page","currentPageSize","Number","MAX_SAFE_INTEGER","paginationServerSide","getEnabledRecordIdsInPage","slicedRecords","getSelectedRecordIdsInPage","selectedIds","disabledSelectedIds","concat","parseTableData","tableRef","idForCheckbox","currentSelection","tableData","current","getWrappedInstance","getResolvedState","sortedData","row","_original","checkboxProps","getPageSelection","allSelected","noSelected","some","allEnabled","allSelectedDisabled","every","undefined"],"sources":["../../src/Table/checkBoxUtils.js"],"sourcesContent":["/* eslint-disable no-underscore-dangle */\n\n/**\n * Check if the row is selected based on it's key.\n *\n * @param {Number} key - the key that uniquely identifies the row.\n */\nexport const isSelected = (key, selection) => selection.includes(key);\n\n/**\n * Selects or unselect a row.\n *\n * @param {Number} key - the key that uniquely identifies the row.\n * @param {Array} selection - the array with the selected objects.\n */\nexport const toggleSelection = (key, selection) => {\n  // start off with the existing state\n  let select = selection;\n\n  const keyIndex = select.indexOf(key);\n  // check to see if the key exists\n  if (keyIndex >= 0) {\n    // it does exist so we will remove it using destructing\n    select = [...select.slice(0, keyIndex), ...select.slice(keyIndex + 1)];\n  } else {\n    // it does not exist so add it\n    select.push(key);\n  }\n  return select;\n};\n\n/**\n *  Adds the indeterminate status to the checkbox when necessary.\n *\n * @param {Array} selection - the array with the selected objects.\n * @param {number} recordQuantity - the total records in the table.\n */\nexport const isIndeterminateStatus = (selection, recordQuantity) => {\n  const selectionLength = selection.length;\n  return selectionLength !== recordQuantity && selectionLength > 0;\n};\n\n/**\n * Extract from the records the values that are both disabled and selected.\n *\n * @param {Array} records - a simplification of the table's current values.\n */\nconst getSelectedDisabledRecordIds = (records) =>\n  records.filter((record) => record.disabled && record.selected).map((record) => record.id);\n\n/**\n * gets all the values in the table ignoring the rows that are disabled.\n *\n * @param {Array} records - a simplification of the table's current values.\n */\nconst getEnabledRecordIds = (records) =>\n  records.filter((record) => !record?.disabled).map((record) => record?.id);\n\n/**\n * Cuts the records array to only present what is visible to the user.\n *\n * @param {Object} pageInfo - an object that represents the current configuration for the pagination.\n * @param {Array} records - a simplification of the table's current values.\n */\nconst sliceRecordsToPage = (pageInfo = {}, records) => {\n  const {\n    currentPage: page = 0,\n    currentPageSize = Number.MAX_SAFE_INTEGER,\n    paginationServerSide,\n  } = pageInfo;\n\n  return paginationServerSide\n    ? records\n    : records.slice(page * currentPageSize, (page + 1) * currentPageSize);\n};\n/**\n * Selects the visible page and avoids the disabled values.\n *\n * @param {Array} records - a simplification of the table's current values.\n * @param {Object} pageInfo - an object that represents the current configuration for the pagination.\n */\nconst getEnabledRecordIdsInPage = (records, pageInfo) => {\n  const slicedRecords = sliceRecordsToPage(pageInfo, records);\n  return getEnabledRecordIds(slicedRecords);\n};\n\n/**\n * Selects the visible page and appends the selected disabled values.\n *\n * @param {Array} records - a simplification of the table's current values.\n * @param {Object} pageInfo - an object that represents the current configuration for the pagination.\n */\nconst getSelectedRecordIdsInPage = (records, pageInfo) => {\n  let selectedIds;\n  const disabledSelectedIds = getSelectedDisabledRecordIds(records);\n  selectedIds = getEnabledRecordIdsInPage(records, pageInfo);\n  selectedIds = selectedIds.concat(disabledSelectedIds);\n  return selectedIds;\n};\n\n/**\n * Parse table data and returns rows state.\n *\n * @param {Object} tableRef - The react reference for the table.\n * @param {String} idForCheckbox - property to be used as unique row identifier, One of the fields of the data.\n * @param {Array} currentSelection - The current selected ids.\n */\nconst parseTableData = (tableRef, idForCheckbox, currentSelection) => {\n  const tableData = tableRef.current.getWrappedInstance().getResolvedState().sortedData;\n\n  return tableData.map((row) => {\n    const id = row._original[idForCheckbox];\n\n    return {\n      id,\n      disabled: row?._original?.checkboxProps?.disabled,\n      selected: currentSelection.includes(id),\n    };\n  });\n};\n\n/**\n * Returns the page selection according to the rows state.\n *\n * @param {String} idForCheckbox - property to be used as unique row identifier, One of the fields of the data.\n * @param {Boolean} tableRef - reference to the react table.\n * @param {Array} pageInfo - pagination info array with [ currentPage, currentPageSize ].\n * @param {Array} currentSelection - The current selected ids.\n * @param {Boolean} allSelected - If the current selected values represent the whole data.\n */\nexport const getPageSelection = (\n  idForCheckbox,\n  tableRef,\n  pageInfo,\n  currentSelection = [],\n  allSelected = false\n) => {\n  const records = parseTableData(tableRef, idForCheckbox, currentSelection);\n  const noSelected = !records.some((record) => record.selected);\n  const allEnabled = !records.some((record) => record.disabled);\n  const allSelectedDisabled = records\n    .filter((record) => record.selected)\n    .every((record) => record.disabled);\n\n  if ((!noSelected && allEnabled && pageInfo !== undefined) || (allSelected && allEnabled))\n    return [];\n\n  if (allSelectedDisabled || (pageInfo === undefined && !allSelected))\n    return getSelectedRecordIdsInPage(records, pageInfo);\n\n  // There is a mixture of selection in the page so the user wants to deselect everything except the disabled values\n  return getSelectedDisabledRecordIds(records);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD,EAAMC,SAAN;EAAA,OAAoBA,SAAS,CAACC,QAAV,CAAmBF,GAAnB,CAApB;AAAA,CAAnB;AAEP;AACA;AACA;AACA;AACA;AACA;;;;;AACO,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAACH,GAAD,EAAMC,SAAN,EAAoB;EACjD;EACA,IAAIG,MAAM,GAAGH,SAAb;EAEA,IAAMI,QAAQ,GAAGD,MAAM,CAACE,OAAP,CAAeN,GAAf,CAAjB,CAJiD,CAKjD;;EACA,IAAIK,QAAQ,IAAI,CAAhB,EAAmB;IACjB;IACAD,MAAM,8CAAOA,MAAM,CAACG,KAAP,CAAa,CAAb,EAAgBF,QAAhB,CAAP,oCAAqCD,MAAM,CAACG,KAAP,CAAaF,QAAQ,GAAG,CAAxB,CAArC,EAAN;EACD,CAHD,MAGO;IACL;IACAD,MAAM,CAACI,IAAP,CAAYR,GAAZ;EACD;;EACD,OAAOI,MAAP;AACD,CAdM;AAgBP;AACA;AACA;AACA;AACA;AACA;;;;;AACO,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACR,SAAD,EAAYS,cAAZ,EAA+B;EAClE,IAAMC,eAAe,GAAGV,SAAS,CAACW,MAAlC;EACA,OAAOD,eAAe,KAAKD,cAApB,IAAsCC,eAAe,GAAG,CAA/D;AACD,CAHM;AAKP;AACA;AACA;AACA;AACA;;;;;AACA,IAAME,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACC,OAAD;EAAA,OACnCA,OAAO,CAACC,MAAR,CAAe,UAACC,MAAD;IAAA,OAAYA,MAAM,CAACC,QAAP,IAAmBD,MAAM,CAACE,QAAtC;EAAA,CAAf,EAA+DC,GAA/D,CAAmE,UAACH,MAAD;IAAA,OAAYA,MAAM,CAACI,EAAnB;EAAA,CAAnE,CADmC;AAAA,CAArC;AAGA;AACA;AACA;AACA;AACA;;;AACA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACP,OAAD;EAAA,OAC1BA,OAAO,CAACC,MAAR,CAAe,UAACC,MAAD;IAAA,OAAY,EAACA,MAAD,aAACA,MAAD,eAACA,MAAM,CAAEC,QAAT,CAAZ;EAAA,CAAf,EAA8CE,GAA9C,CAAkD,UAACH,MAAD;IAAA,OAAYA,MAAZ,aAAYA,MAAZ,uBAAYA,MAAM,CAAEI,EAApB;EAAA,CAAlD,CAD0B;AAAA,CAA5B;AAGA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,GAA4B;EAAA,IAA3BC,QAA2B,uEAAhB,EAAgB;EAAA,IAAZT,OAAY;EACrD,4BAIIS,QAJJ,CACEC,WADF;EAAA,IACeC,IADf,sCACsB,CADtB;EAAA,6BAIIF,QAJJ,CAEEG,eAFF;EAAA,IAEEA,eAFF,uCAEoBC,MAAM,CAACC,gBAF3B;EAAA,IAGEC,oBAHF,GAIIN,QAJJ,CAGEM,oBAHF;EAMA,OAAOA,oBAAoB,GACvBf,OADuB,GAEvBA,OAAO,CAACP,KAAR,CAAckB,IAAI,GAAGC,eAArB,EAAsC,CAACD,IAAI,GAAG,CAAR,IAAaC,eAAnD,CAFJ;AAGD,CAVD;AAWA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMI,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAChB,OAAD,EAAUS,QAAV,EAAuB;EACvD,IAAMQ,aAAa,GAAGT,kBAAkB,CAACC,QAAD,EAAWT,OAAX,CAAxC;EACA,OAAOO,mBAAmB,CAACU,aAAD,CAA1B;AACD,CAHD;AAKA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CAAClB,OAAD,EAAUS,QAAV,EAAuB;EACxD,IAAIU,WAAJ;EACA,IAAMC,mBAAmB,GAAGrB,4BAA4B,CAACC,OAAD,CAAxD;EACAmB,WAAW,GAAGH,yBAAyB,CAAChB,OAAD,EAAUS,QAAV,CAAvC;EACAU,WAAW,GAAGA,WAAW,CAACE,MAAZ,CAAmBD,mBAAnB,CAAd;EACA,OAAOD,WAAP;AACD,CAND;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAACC,QAAD,EAAWC,aAAX,EAA0BC,gBAA1B,EAA+C;EACpE,IAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAT,CAAiBC,kBAAjB,GAAsCC,gBAAtC,GAAyDC,UAA3E;EAEA,OAAOJ,SAAS,CAACrB,GAAV,CAAc,UAAC0B,GAAD,EAAS;IAAA;;IAC5B,IAAMzB,EAAE,GAAGyB,GAAG,CAACC,SAAJ,CAAcR,aAAd,CAAX;IAEA,OAAO;MACLlB,EAAE,EAAFA,EADK;MAELH,QAAQ,EAAE4B,GAAF,aAAEA,GAAF,yCAAEA,GAAG,CAAEC,SAAP,4EAAE,eAAgBC,aAAlB,0DAAE,sBAA+B9B,QAFpC;MAGLC,QAAQ,EAAEqB,gBAAgB,CAACrC,QAAjB,CAA0BkB,EAA1B;IAHL,CAAP;EAKD,CARM,CAAP;AASD,CAZD;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,IAAM4B,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC9BV,aAD8B,EAE9BD,QAF8B,EAG9Bd,QAH8B,EAM3B;EAAA,IAFHgB,gBAEG,uEAFgB,EAEhB;EAAA,IADHU,WACG,uEADW,KACX;EACH,IAAMnC,OAAO,GAAGsB,cAAc,CAACC,QAAD,EAAWC,aAAX,EAA0BC,gBAA1B,CAA9B;EACA,IAAMW,UAAU,GAAG,CAACpC,OAAO,CAACqC,IAAR,CAAa,UAACnC,MAAD;IAAA,OAAYA,MAAM,CAACE,QAAnB;EAAA,CAAb,CAApB;EACA,IAAMkC,UAAU,GAAG,CAACtC,OAAO,CAACqC,IAAR,CAAa,UAACnC,MAAD;IAAA,OAAYA,MAAM,CAACC,QAAnB;EAAA,CAAb,CAApB;EACA,IAAMoC,mBAAmB,GAAGvC,OAAO,CAChCC,MADyB,CAClB,UAACC,MAAD;IAAA,OAAYA,MAAM,CAACE,QAAnB;EAAA,CADkB,EAEzBoC,KAFyB,CAEnB,UAACtC,MAAD;IAAA,OAAYA,MAAM,CAACC,QAAnB;EAAA,CAFmB,CAA5B;EAIA,IAAK,CAACiC,UAAD,IAAeE,UAAf,IAA6B7B,QAAQ,KAAKgC,SAA3C,IAA0DN,WAAW,IAAIG,UAA7E,EACE,OAAO,EAAP;EAEF,IAAIC,mBAAmB,IAAK9B,QAAQ,KAAKgC,SAAb,IAA0B,CAACN,WAAvD,EACE,OAAOjB,0BAA0B,CAAClB,OAAD,EAAUS,QAAV,CAAjC,CAZC,CAcH;;EACA,OAAOV,4BAA4B,CAACC,OAAD,CAAnC;AACD,CAtBM"}

package/dist/Table/columnUtils.js

@@ -1,183 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrapper = exports.setHeaderSortableClass = exports.setColumnAlignment = exports.createExpanderButton = exports.appendClassnames = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CellWithTooltip = _interopRequireDefault(require("./CellWithTooltip"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _addins = require("./addins");
-
-var _excluded = ["isExpanded"];
-
-/* eslint-disable no-underscore-dangle */
-
-/**
- * A function used to wrap the cell data into a div to contain it adding the ellipsis functionality.
- *
- * @param {Function} format - The formatting function to be executed to format the row value.
- * @param {Number} id - The index to find the required row on the data.
- * @param {Object} classes - The classes to be applied.
- * @returns {function(*): *} A container that has the row value formatted if required.
- */
-var wrapper = function wrapper(format, id) {
-  return function (data) {
-    return /*#__PURE__*/_react.default.createElement(_CellWithTooltip.default, {
-      data: format ? format(data) : data.row._original[id]
-    });
-  };
-};
-/**
- *  Set the class responsible for the alignment of the displayed text,
- *  depending of the property "cellType", set in the columns definition.
- *
- * @param {String} cellType - A string that identified the type of alingment required.
- * @param {Object} classes - An object containing he classes to applied depending on the alignment type.
- * @returns {String} - The class to apply.
- */
-
-
-exports.wrapper = wrapper;
-
-var setColumnAlignment = function setColumnAlignment(cellType, classes) {
-  switch (cellType) {
-    case "alpha-numeric":
-      return (0, _clsx.default)(classes.alphaNumeric, "alphaNumeric");
-
-    case "link":
-      return (0, _clsx.default)(classes.alphaNumeric, "link");
-
-    case "numeric":
-      return classes.numeric;
-
-    default:
-      return classes.centered;
-  }
-};
-/**
- * Adds to the className the sortable class if the header is marked as sortable.
- *
- * @param sortableProp
- * @param existingClassNames
- * @returns {*}
- */
-
-
-exports.setColumnAlignment = setColumnAlignment;
-
-var setHeaderSortableClass = function setHeaderSortableClass(sortableProp, existingClassNames) {
-  return (0, _clsx.default)(existingClassNames, sortableProp && "sortable");
-};
-/**
- * Creates an expander button inside the first column of the table.
- *
- * @param {Object} column - a reference to the React table column object.
- * @param {JSX} subElementTemplate - the expander content that the user wants to add to the table
- * @param {Object} classes - contains the classes to apply to the column.
- * @param {function} toggleExpand - contains the classes to apply to the column.
- * @returns {Object} a modified column.
- */
-
-
-exports.setHeaderSortableClass = setHeaderSortableClass;
-
-var createExpanderButton = function createExpanderButton(columns, subElementTemplate, classes, toggleExpand) {
-  var newColumns = columns;
-
-  if (subElementTemplate) {
-    newColumns[0].className = (0, _clsx.default)(newColumns[0].className, classes.expand); // eslint-disable-next-line react/prop-types
-
-    newColumns[0].Cell = function (_ref) {
-      var _rest$column;
-
-      var isExpanded = _ref.isExpanded,
-          rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        icon: true,
-        className: (0, _clsx.default)(classes.iconContainer),
-        "aria-label": "row expander button",
-        tabIndex: "0",
-        onClick: function onClick() {
-          return toggleExpand(rest.row._viewIndex);
-        },
-        "aria-expanded": isExpanded
-      }, isExpanded ? /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Up, {
-        className: classes.separatorContainer,
-        width: "10px",
-        height: "10px"
-      }) : /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Down, {
-        className: classes.separatorContainer,
-        width: "10px",
-        height: "10px"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _clsx.default)(classes.expand, {
-          "alpha-numeric": [classes.textContainer, classes.alphaNumeric],
-          "numeric": classes.firstWithNumeric
-        }[rest.column.cellType])
-      }, /*#__PURE__*/_react.default.createElement(_CellWithTooltip.default, {
-        data: rest !== null && rest !== void 0 && (_rest$column = rest.column) !== null && _rest$column !== void 0 && _rest$column.format ? rest.column.format(rest.row._original[rest.column.id]) : rest.row._original[rest.column.id]
-      })));
-    };
-  }
-
-  return newColumns;
-};
-/**
- * Appends classnames necessary classnames for the columns depending on the required functionality or state.
- *
- * @param {Object} column - a reference to the React table column object.
- * @param {Array} colSortedSelected - An array containing the columns to be sorted.
- * @param {Object} classes - contains the classes to apply to the column.
- */
-
-
-exports.createExpanderButton = createExpanderButton;
-
-var appendClassnames = function appendClassnames(column, colSortedSelected, classes, tableSortable) {
-  var col = column; // build the link component if the cell has cellType "link"
-
-  (0, _addins.buildLink)(col); // set the cell content alignment
-
-  var cellTypeClass = setColumnAlignment(col.cellType, classes);
-  col.className = (0, _clsx.default)(col.className, cellTypeClass); // setting the className for the column with the expander
-
-  if (col.expander) {
-    col.className = (0, _clsx.default)(col.className, "firstExpandable");
-  }
-
-  if ((0, _isNil.default)(column.sortable) && tableSortable || column.sortable) {
-    col.className = (0, _clsx.default)(col.className, "sortable");
-  } // checkbox column
-
-
-  if (col.id === "_selector") {
-    var headerClassNames = col.headerClassName;
-    col.headerClassName = (0, _clsx.default)("checkBox", headerClassNames);
-    col.className = (0, _clsx.default)(col.className, "checkBox");
-  } else if (col.id === "secondaryActions") {
-    var _headerClassNames = col.headerClassName;
-    col.headerClassName = (0, _clsx.default)("secondaryAction", _headerClassNames);
-    col.className = (0, _clsx.default)(col.className, "secondaryAction");
-  } // If the cell isn't checkbox and wasn't overwritten a text container should be introduced to the cell
-  else if (!col.Cell) {
-    col.Cell = wrapper(col.format, col.id, classes);
-  }
-};
-
-exports.appendClassnames = appendClassnames;
-//# sourceMappingURL=columnUtils.js.map

package/dist/Table/columnUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"columnUtils.js","names":["wrapper","format","id","data","row","_original","setColumnAlignment","cellType","classes","clsx","alphaNumeric","numeric","centered","setHeaderSortableClass","sortableProp","existingClassNames","createExpanderButton","columns","subElementTemplate","toggleExpand","newColumns","className","expand","Cell","isExpanded","rest","iconContainer","_viewIndex","separatorContainer","textContainer","firstWithNumeric","column","appendClassnames","colSortedSelected","tableSortable","col","buildLink","cellTypeClass","expander","isNil","sortable","headerClassNames","headerClassName"],"sources":["../../src/Table/columnUtils.js"],"sourcesContent":["import { Down, Up } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport React from \"react\";\n\nimport CellWithTooltip from \"./CellWithTooltip\";\n\nimport HvButton from \"../Button\";\n\nimport { buildLink } from \"./addins\";\n\n/* eslint-disable no-underscore-dangle */\n\n/**\n * A function used to wrap the cell data into a div to contain it adding the ellipsis functionality.\n *\n * @param {Function} format - The formatting function to be executed to format the row value.\n * @param {Number} id - The index to find the required row on the data.\n * @param {Object} classes - The classes to be applied.\n * @returns {function(*): *} A container that has the row value formatted if required.\n */\nconst wrapper = (format, id) => (data) =>\n  <CellWithTooltip data={format ? format(data) : data.row._original[id]} />;\n\n/**\n *  Set the class responsible for the alignment of the displayed text,\n *  depending of the property \"cellType\", set in the columns definition.\n *\n * @param {String} cellType - A string that identified the type of alingment required.\n * @param {Object} classes - An object containing he classes to applied depending on the alignment type.\n * @returns {String} - The class to apply.\n */\nconst setColumnAlignment = (cellType, classes) => {\n  switch (cellType) {\n    case \"alpha-numeric\":\n      return clsx(classes.alphaNumeric, \"alphaNumeric\");\n    case \"link\":\n      return clsx(classes.alphaNumeric, \"link\");\n    case \"numeric\":\n      return classes.numeric;\n    default:\n      return classes.centered;\n  }\n};\n\n/**\n * Adds to the className the sortable class if the header is marked as sortable.\n *\n * @param sortableProp\n * @param existingClassNames\n * @returns {*}\n */\nconst setHeaderSortableClass = (sortableProp, existingClassNames) =>\n  clsx(existingClassNames, sortableProp && \"sortable\");\n\n/**\n * Creates an expander button inside the first column of the table.\n *\n * @param {Object} column - a reference to the React table column object.\n * @param {JSX} subElementTemplate - the expander content that the user wants to add to the table\n * @param {Object} classes - contains the classes to apply to the column.\n * @param {function} toggleExpand - contains the classes to apply to the column.\n * @returns {Object} a modified column.\n */\nconst createExpanderButton = (columns, subElementTemplate, classes, toggleExpand) => {\n  const newColumns = columns;\n\n  if (subElementTemplate) {\n    newColumns[0].className = clsx(newColumns[0].className, classes.expand);\n    // eslint-disable-next-line react/prop-types\n    newColumns[0].Cell = ({ isExpanded, ...rest }) => (\n      <>\n        <HvButton\n          icon\n          className={clsx(classes.iconContainer)}\n          aria-label=\"row expander button\"\n          tabIndex=\"0\"\n          onClick={() => toggleExpand(rest.row._viewIndex)}\n          aria-expanded={isExpanded}\n        >\n          {isExpanded ? (\n            <Up className={classes.separatorContainer} width=\"10px\" height=\"10px\" />\n          ) : (\n            <Down className={classes.separatorContainer} width=\"10px\" height=\"10px\" />\n          )}\n        </HvButton>\n\n        <div\n          className={clsx(classes.expand, {\n            [classes.textContainer]: rest.column.cellType === \"alpha-numeric\",\n            [classes.alphaNumeric]: rest.column.cellType === \"alpha-numeric\",\n            [classes.firstWithNumeric]: rest.column.cellType === \"numeric\",\n          })}\n        >\n          <CellWithTooltip\n            data={\n              rest?.column?.format\n                ? rest.column.format(rest.row._original[rest.column.id])\n                : rest.row._original[rest.column.id]\n            }\n          />\n        </div>\n      </>\n    );\n  }\n  return newColumns;\n};\n\n/**\n * Appends classnames necessary classnames for the columns depending on the required functionality or state.\n *\n * @param {Object} column - a reference to the React table column object.\n * @param {Array} colSortedSelected - An array containing the columns to be sorted.\n * @param {Object} classes - contains the classes to apply to the column.\n */\nconst appendClassnames = (column, colSortedSelected, classes, tableSortable) => {\n  const col = column;\n  // build the link component if the cell has cellType \"link\"\n  buildLink(col);\n\n  // set the cell content alignment\n  const cellTypeClass = setColumnAlignment(col.cellType, classes);\n\n  col.className = clsx(col.className, cellTypeClass);\n\n  // setting the className for the column with the expander\n  if (col.expander) {\n    col.className = clsx(col.className, \"firstExpandable\");\n  }\n\n  if ((isNil(column.sortable) && tableSortable) || column.sortable) {\n    col.className = clsx(col.className, \"sortable\");\n  }\n\n  // checkbox column\n  if (col.id === \"_selector\") {\n    const headerClassNames = col.headerClassName;\n    col.headerClassName = clsx(\"checkBox\", headerClassNames);\n    col.className = clsx(col.className, \"checkBox\");\n  } else if (col.id === \"secondaryActions\") {\n    const headerClassNames = col.headerClassName;\n    col.headerClassName = clsx(\"secondaryAction\", headerClassNames);\n    col.className = clsx(col.className, \"secondaryAction\");\n  }\n  // If the cell isn't checkbox and wasn't overwritten a text container should be introduced to the cell\n  else if (!col.Cell) {\n    col.Cell = wrapper(col.format, col.id, classes);\n  }\n};\n\nexport {\n  wrapper,\n  setColumnAlignment,\n  setHeaderSortableClass,\n  appendClassnames,\n  createExpanderButton,\n};\n"],"mappings":"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"}

package/dist/Table/expander.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-/**
- * Add the expander element to the first column. This way the expander element doesn't create
- * a single column for itself but is introduced along side the data in the first column.
- *
- * @param {Array} columns - The array that contains the columns in the table.
- * @param {JSX} subElementTemplate - the expander template provided by the user.
- * @param {Object} classes - the classes to be applied to the expander container.
- * @returns {JSX|Array} - The expander
- */
-var expander = function expander(subElementTemplate, classes) {
-  return subElementTemplate ? function (row) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.subComponentContainer
-    }, subElementTemplate(row));
-  } : undefined;
-};
-
-var _default = expander;
-exports.default = _default;
-//# sourceMappingURL=expander.js.map

package/dist/Table/expander.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"expander.js","names":["expander","subElementTemplate","classes","row","subComponentContainer","undefined"],"sources":["../../src/Table/expander.js"],"sourcesContent":["import React from \"react\";\n\n/**\n * Add the expander element to the first column. This way the expander element doesn't create\n * a single column for itself but is introduced along side the data in the first column.\n *\n * @param {Array} columns - The array that contains the columns in the table.\n * @param {JSX} subElementTemplate - the expander template provided by the user.\n * @param {Object} classes - the classes to be applied to the expander container.\n * @returns {JSX|Array} - The expander\n */\nconst expander = (subElementTemplate, classes) => {\n  return subElementTemplate\n    ? (row) => <div className={classes.subComponentContainer}>{subElementTemplate(row)}</div>\n    : undefined;\n};\n\nexport default expander;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,kBAAD,EAAqBC,OAArB,EAAiC;EAChD,OAAOD,kBAAkB,GACrB,UAACE,GAAD;IAAA,oBAAS;MAAK,SAAS,EAAED,OAAO,CAACE;IAAxB,GAAgDH,kBAAkB,CAACE,GAAD,CAAlE,CAAT;EAAA,CADqB,GAErBE,SAFJ;AAGD,CAJD;;eAMeL,Q"}