@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/Table/renderers/SwitchColumnCell/SwitchColumnCell.js

@@ -0,0 +1,107 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ = require("../../..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var HvSwitchColumnCell = function HvSwitchColumnCell(_ref) {
+  var checked = _ref.checked,
+      value = _ref.value,
+      switchLabel = _ref.switchLabel,
+      falseLabel = _ref.falseLabel,
+      trueLabel = _ref.trueLabel,
+      switchProps = _ref.switchProps;
+  var classes = (0, _styles.default)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [falseLabel != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      "aria-hidden": "true",
+      variant: "normalText",
+      className: (0, _clsx.default)(classes.switchProperties, classes.switchNo),
+      children: falseLabel
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvBaseSwitch, _objectSpread({
+      "aria-label": switchLabel,
+      checked: checked,
+      value: value
+    }, switchProps)), trueLabel != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      "aria-hidden": "true",
+      variant: "normalText",
+      className: (0, _clsx.default)(classes.switchProperties, classes.switchYes),
+      children: trueLabel
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvSwitchColumnCell.propTypes = {
+  /**
+   * Whether the switch is checked or not.
+   */
+  checked: _propTypes.default.bool,
+
+  /**
+   * The value of the switch.
+   */
+  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
+  /**
+   * The switch label.
+   */
+  switchLabel: _propTypes.default.string,
+
+  /**
+   * The right switch label.
+   */
+  falseLabel: _propTypes.default.string,
+
+  /**
+   * The left switch label.
+   */
+  trueLabel: _propTypes.default.string,
+
+  /**
+   * Extra props to be passed to the switch.
+   */
+  switchProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * The timezone used to format the date.
+   */
+  color: _propTypes.default.oneOf(["primary", "secondary"])
+} : void 0;
+var _default = HvSwitchColumnCell;
+exports.default = _default;
+//# sourceMappingURL=SwitchColumnCell.js.map

package/dist/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchColumnCell.js","names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","classes","useStyles","clsx","switchProperties","switchNo","switchYes","propTypes","PropTypes","bool","oneOfType","number","string","instanceOf","Object","color","oneOf"],"sources":["../../../../src/Table/renderers/SwitchColumnCell/SwitchColumnCell.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\n\nimport { HvBaseSwitch, HvTypography } from \"../../..\";\n\nimport useStyles from \"./styles\";\n\nconst HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}) => {\n  const classes = useStyles();\n\n  return (\n    <>\n      {falseLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"normalText\"\n          className={clsx(classes.switchProperties, classes.switchNo)}\n        >\n          {falseLabel}\n        </HvTypography>\n      )}\n      <HvBaseSwitch aria-label={switchLabel} checked={checked} value={value} {...switchProps} />\n      {trueLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"normalText\"\n          className={clsx(classes.switchProperties, classes.switchYes)}\n        >\n          {trueLabel}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nHvSwitchColumnCell.propTypes = {\n  /**\n   * Whether the switch is checked or not.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The value of the switch.\n   */\n  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * The switch label.\n   */\n  switchLabel: PropTypes.string,\n  /**\n   * The right switch label.\n   */\n  falseLabel: PropTypes.string,\n  /**\n   * The left switch label.\n   */\n  trueLabel: PropTypes.string,\n  /**\n   * Extra props to be passed to the switch.\n   */\n  switchProps: PropTypes.instanceOf(Object),\n  /**\n   * The timezone used to format the date.\n   */\n  color: PropTypes.oneOf([\"primary\", \"secondary\"]),\n};\n\nexport default HvSwitchColumnCell;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAOrB;EAAA,IANJC,OAMI,QANJA,OAMI;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,WAII,QAJJA,WAII;EAAA,IAHJC,UAGI,QAHJA,UAGI;EAAA,IAFJC,SAEI,QAFJA,SAEI;EAAA,IADJC,WACI,QADJA,WACI;EACJ,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;EAEA,oBACE;IAAA,WACGJ,UAAU,IAAI,IAAd,iBACC,qBAAC,cAAD;MACE,eAAY,MADd;MAEE,OAAO,EAAC,YAFV;MAGE,SAAS,EAAE,IAAAK,aAAA,EAAKF,OAAO,CAACG,gBAAb,EAA+BH,OAAO,CAACI,QAAvC,CAHb;MAAA,UAKGP;IALH,EAFJ,eAUE,qBAAC,cAAD;MAAc,cAAYD,WAA1B;MAAuC,OAAO,EAAEF,OAAhD;MAAyD,KAAK,EAAEC;IAAhE,GAA2EI,WAA3E,EAVF,EAWGD,SAAS,IAAI,IAAb,iBACC,qBAAC,cAAD;MACE,eAAY,MADd;MAEE,OAAO,EAAC,YAFV;MAGE,SAAS,EAAE,IAAAI,aAAA,EAAKF,OAAO,CAACG,gBAAb,EAA+BH,OAAO,CAACK,SAAvC,CAHb;MAAA,UAKGP;IALH,EAZJ;EAAA,EADF;AAuBD,CAjCD;;AAmCA,wCAAAL,kBAAkB,CAACa,SAAnB,GAA+B;EAC7B;AACF;AACA;EACEZ,OAAO,EAAEa,kBAAA,CAAUC,IAJU;;EAK7B;AACF;AACA;EACEb,KAAK,EAAEY,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,MAAX,EAAmBH,kBAAA,CAAUI,MAA7B,CAApB,CARsB;;EAS7B;AACF;AACA;EACEf,WAAW,EAAEW,kBAAA,CAAUI,MAZM;;EAa7B;AACF;AACA;EACEd,UAAU,EAAEU,kBAAA,CAAUI,MAhBO;;EAiB7B;AACF;AACA;EACEb,SAAS,EAAES,kBAAA,CAAUI,MApBQ;;EAqB7B;AACF;AACA;EACEZ,WAAW,EAAEQ,kBAAA,CAAUK,UAAV,CAAqBC,MAArB,CAxBgB;;EAyB7B;AACF;AACA;EACEC,KAAK,EAAEP,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AA5BsB,CAA/B;eA+BetB,kB"}

package/dist/Table/renderers/SwitchColumnCell/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SwitchColumnCell";

package/dist/Table/renderers/SwitchColumnCell/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _SwitchColumnCell.default;
+  }
+});
+
+var _SwitchColumnCell = _interopRequireDefault(require("./SwitchColumnCell"));
+//# sourceMappingURL=index.js.map

package/dist/Table/renderers/SwitchColumnCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Table/renderers/SwitchColumnCell/index.js"],"sourcesContent":["export { default } from \"./SwitchColumnCell\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/dist/Table/renderers/SwitchColumnCell/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styles = require("@mui/styles");
+
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    switchProperties: {
+      cursor: "pointer",
+      display: "inline-flex"
+    },
+    switchYes: {
+      marginLeft: "10px"
+    },
+    switchNo: {
+      marginRight: "10px"
+    }
+  };
+});
+var _default = useStyles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Table/renderers/SwitchColumnCell/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["useStyles","makeStyles","switchProperties","cursor","display","switchYes","marginLeft","switchNo","marginRight"],"sources":["../../../../src/Table/renderers/SwitchColumnCell/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles(() => ({\n  switchProperties: {\n    cursor: \"pointer\",\n    display: \"inline-flex\",\n  },\n  switchYes: {\n    marginLeft: \"10px\",\n  },\n  switchNo: {\n    marginRight: \"10px\",\n  },\n}));\n\nexport default useStyles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,SAAS,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAClCC,gBAAgB,EAAE;MAChBC,MAAM,EAAE,SADQ;MAEhBC,OAAO,EAAE;IAFO,CADgB;IAKlCC,SAAS,EAAE;MACTC,UAAU,EAAE;IADH,CALuB;IAQlCC,QAAQ,EAAE;MACRC,WAAW,EAAE;IADL;EARwB,CAAP;AAAA,CAAX,CAAlB;eAaeR,S"}

package/dist/Table/renderers/index.d.ts

@@ -0,0 +1,14 @@
+export {
+  hvTextColumn,
+  hvNumberColumn,
+  hvDateColumn,
+  hvExpandColumn,
+  hvTagColumn,
+  hvSwitchColumn,
+  hvDropdownColumn,
+  hvProgressColumn,
+} from "./renderers";
+export { default as HvDateColumnCell } from "./DateColumnCell";
+export { default as HvDropdownColumnCell } from "./DropdownColumnCell";
+export { default as HvProgressColumnCell, normalizeProgressBar } from "./ProgressColumnCell";
+export { default as HvSwitchColumnCell } from "./SwitchColumnCell";

package/dist/Table/renderers/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvDateColumnCell", {
+  enumerable: true,
+  get: function get() {
+    return _DateColumnCell.default;
+  }
+});
+Object.defineProperty(exports, "HvDropdownColumnCell", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownColumnCell.default;
+  }
+});
+Object.defineProperty(exports, "HvProgressColumnCell", {
+  enumerable: true,
+  get: function get() {
+    return _ProgressColumnCell.default;
+  }
+});
+Object.defineProperty(exports, "HvSwitchColumnCell", {
+  enumerable: true,
+  get: function get() {
+    return _SwitchColumnCell.default;
+  }
+});
+Object.defineProperty(exports, "normalizeProgressBar", {
+  enumerable: true,
+  get: function get() {
+    return _ProgressColumnCell.normalizeProgressBar;
+  }
+});
+
+var _DateColumnCell = _interopRequireDefault(require("./DateColumnCell"));
+
+var _DropdownColumnCell = _interopRequireDefault(require("./DropdownColumnCell"));
+
+var _ProgressColumnCell = _interopRequireWildcard(require("./ProgressColumnCell"));
+
+var _SwitchColumnCell = _interopRequireDefault(require("./SwitchColumnCell"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/dist/Table/renderers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Table/renderers/index.js"],"sourcesContent":["export { default as HvDateColumnCell } from \"./DateColumnCell\";\nexport { default as HvDropdownColumnCell } from \"./DropdownColumnCell\";\nexport { default as HvProgressColumnCell, normalizeProgressBar } from \"./ProgressColumnCell\";\nexport { default as HvSwitchColumnCell } from \"./SwitchColumnCell\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}

package/dist/Table/renderers/renderers.d.ts

@@ -0,0 +1,60 @@
+import { HvBaseSwitchProps, ListValueProp, HvTagProps } from "../..";
+import { HvRowInstance, HvTableColumnConfig } from "..";
+
+export function hvTextColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
+  col: C
+): HvTableColumnConfig<D>;
+
+export function hvNumberColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
+  col: C
+): HvTableColumnConfig<D>;
+
+export function hvDateColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
+  col: C,
+  dateFormat?: string
+): HvTableColumnConfig<D>;
+
+export function hvExpandColumn<D extends Record<string, unknown>>(
+  col: HvTableColumnConfig<D>,
+  expandRowButtonAriaLabel: string,
+  collapseRowButtonAriaLabel: string,
+  getCanRowExpand?: (row: HvRowInstance<D>) => boolean
+): HvTableColumnConfig<D>;
+
+export function hvTagColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
+  col: C,
+  valueDataKey: keyof D,
+  colorDataKey: keyof D,
+  textColorDataKey: keyof D,
+  fromRowData: boolean,
+  tagProps?: HvTagProps
+): HvTableColumnConfig<D>;
+
+export function hvSwitchColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
+  col: C,
+  switchLabel: string,
+  falseLabel?: string,
+  trueLabel?: string,
+  switchProps?: HvBaseSwitchProps
+): HvTableColumnConfig<D>;
+
+export function hvDropdownColumn<
+  D extends Record<string, unknown>,
+  C extends HvTableColumnConfig<D>
+>(
+  col: C,
+  id: string,
+  placeholder: string,
+  disabledPlaceholder: string,
+  onChange?: (identifier: string, value: ListValueProp) => void
+): HvTableColumnConfig<D>;
+
+export function hvProgressColumn<
+  D extends Record<string, unknown>,
+  C extends HvTableColumnConfig<D>
+>(
+  col: C,
+  getPartial?: (row: HvRowInstance<D>) => number,
+  getTotal?: (row: HvRowInstance<D>) => number,
+  color?: "primary" | "secondary"
+): HvTableColumnConfig<D>;

package/dist/Table/renderers/renderers.js

@@ -0,0 +1,250 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hvDateColumn = void 0;
+exports.hvDropdownColumn = hvDropdownColumn;
+exports.hvExpandColumn = hvExpandColumn;
+exports.hvNumberColumn = void 0;
+exports.hvProgressColumn = hvProgressColumn;
+exports.hvSwitchColumn = hvSwitchColumn;
+exports.hvTagColumn = hvTagColumn;
+exports.hvTextColumn = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _Button = _interopRequireDefault(require("../../Button"));
+
+var _Tag = _interopRequireDefault(require("../../Tag"));
+
+var _Typography = _interopRequireDefault(require("../../Typography"));
+
+var _OverflowTooltip = _interopRequireDefault(require("../../OverflowTooltip"));
+
+var _utils = require("../../utils");
+
+var _DateColumnCell = _interopRequireDefault(require("./DateColumnCell"));
+
+var _SwitchColumnCell = _interopRequireDefault(require("./SwitchColumnCell"));
+
+var _ProgressColumnCell = _interopRequireDefault(require("./ProgressColumnCell"));
+
+var _DropdownColumnCell = _interopRequireDefault(require("./DropdownColumnCell"));
+
+var _utils2 = require("../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _DropDownXS, _DropRightXS;
+
+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) { (0, _defineProperty2.default)(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; }
+
+var hvTextColumn = function hvTextColumn(col) {
+  return _objectSpread({
+    Cell: function Cell(cellProps) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OverflowTooltip.default, {
+        data: (0, _utils2.hvStringFallback)(cellProps === null || cellProps === void 0 ? void 0 : cellProps.value)
+      });
+    },
+    sortType: "alphanumeric"
+  }, col);
+};
+
+exports.hvTextColumn = hvTextColumn;
+
+var hvNumberColumn = function hvNumberColumn(col) {
+  return _objectSpread({
+    Cell: function Cell(_ref) {
+      var value = _ref.value;
+      return (0, _utils2.hvNumberFallback)(value);
+    },
+    align: "right",
+    sortType: "number"
+  }, col);
+};
+
+exports.hvNumberColumn = hvNumberColumn;
+
+var hvDateColumn = function hvDateColumn(col, dateFormat) {
+  return _objectSpread({
+    Cell: function Cell(cellProps) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateColumnCell.default, {
+        date: cellProps === null || cellProps === void 0 ? void 0 : cellProps.value,
+        dateFormat: dateFormat
+      });
+    },
+    sortType: "alphanumeric",
+    sortDescFirst: true
+  }, col);
+};
+
+exports.hvDateColumn = hvDateColumn;
+
+function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand) {
+  return _objectSpread({
+    Cell: function Cell(cellProps) {
+      var _getCanRowExpand;
+
+      var value = cellProps.value,
+          row = cellProps.row;
+
+      var _row$getToggleRowExpa = row.getToggleRowExpandedProps(),
+          onClick = _row$getToggleRowExpa.onClick;
+
+      var hasContent = (_getCanRowExpand = getCanRowExpand === null || getCanRowExpand === void 0 ? void 0 : getCanRowExpand(row)) !== null && _getCanRowExpand !== void 0 ? _getCanRowExpand : true;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [hasContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          icon: true,
+          category: "ghost",
+          "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
+          "aria-expanded": row.isExpanded,
+          onClick: onClick,
+          style: {
+            position: "absolute",
+            left: 0,
+            top: 0
+          },
+          children: row.isExpanded ? _DropDownXS || (_DropDownXS = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropDownXS, {})) : _DropRightXS || (_DropRightXS = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropRightXS, {}))
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OverflowTooltip.default, {
+          data: (0, _utils2.hvStringFallback)(value)
+        })]
+      });
+    },
+    sortType: "alphanumeric",
+    cellStyle: {
+      position: "relative"
+    }
+  }, col);
+}
+
+function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey) {
+  var fromRowData = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var tagProps = arguments.length > 5 ? arguments[5] : undefined;
+  return _objectSpread({
+    Cell: function Cell(cellProps) {
+      var value = cellProps.value,
+          row = cellProps.row;
+
+      if (!value) {
+        return "—";
+      }
+
+      var _ref2 = fromRowData ? row.original : value,
+          name = _ref2[valueDataKey],
+          color = _ref2[colorDataKey],
+          textColor = _ref2[textColorDataKey];
+
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, _objectSpread({
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          variant: "normalText",
+          children: name
+        }),
+        type: "semantic",
+        color: color,
+        style: textColor != null ? {
+          color: textColor
+        } : {},
+        tabIndex: -1
+      }, tagProps));
+    },
+    cellStyle: {
+      paddingTop: 0,
+      paddingBottom: 0
+    }
+  }, col);
+}
+
+function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {
+  return _objectSpread({
+    Cell: function Cell(cellProps) {
+      var value = cellProps.value,
+          row = cellProps.row;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwitchColumnCell.default, {
+        checked: value,
+        value: row.id,
+        switchLabel: switchLabel,
+        falseLabel: falseLabel,
+        trueLabel: trueLabel,
+        switchProps: switchProps
+      });
+    },
+    cellStyle: {
+      paddingTop: 0,
+      paddingBottom: 0
+    }
+  }, col);
+}
+
+function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, _onChange) {
+  return _objectSpread({
+    Cell: function Cell(cellProps) {
+      var value = cellProps.value,
+          row = cellProps.row,
+          column = cellProps.column;
+      var dsbld = value.length < 1;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownColumnCell.default, {
+        values: value,
+        placeholder: dsbld ? disabledPlaceholder : placeholder,
+        onChange: function onChange(val) {
+          return _onChange === null || _onChange === void 0 ? void 0 : _onChange(row.id, val);
+        },
+        disabled: dsbld,
+        dropdownProps: {
+          "aria-labelledby": (0, _utils.setId)(id, column.id)
+        }
+      });
+    },
+    cellStyle: {
+      paddingTop: 0,
+      paddingBottom: 0
+    }
+  }, col);
+}
+
+function hvProgressColumn(col, getPartial, getTotal, color) {
+  return _objectSpread({
+    Cell: function Cell(cellProps) {
+      var row = cellProps.row;
+      var partial = getPartial === null || getPartial === void 0 ? void 0 : getPartial(row);
+      var total = getTotal === null || getTotal === void 0 ? void 0 : getTotal(row);
+
+      if (total) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressColumnCell.default, {
+          partial: partial,
+          total: total,
+          color: color
+        });
+      }
+
+      return "—";
+    },
+    cellStyle: {
+      paddingTop: 0,
+      paddingBottom: 0
+    }
+  }, col);
+}
+//# sourceMappingURL=renderers.js.map

package/dist/Table/renderers/renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers.js","names":["hvTextColumn","col","Cell","cellProps","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","getToggleRowExpandedProps","onClick","hasContent","isExpanded","position","left","top","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","original","name","color","textColor","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","setId","hvProgressColumn","getPartial","getTotal","partial","total"],"sources":["../../../src/Table/renderers/renderers.js"],"sourcesContent":["import React from \"react\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvButton from \"../../Button\";\nimport HvTag from \"../../Tag\";\nimport HvTypography from \"../../Typography\";\nimport HvOverflowTooltip from \"../../OverflowTooltip\";\nimport { setId } from \"../../utils\";\n\nimport DateColumnCell from \"./DateColumnCell\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport const hvTextColumn = (col) => {\n  return {\n    Cell: (cellProps) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n};\n\nexport const hvNumberColumn = (col) => {\n  return {\n    Cell: ({ value }) => hvNumberFallback(value),\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n};\n\nexport const hvDateColumn = (col, dateFormat) => {\n  return {\n    Cell: (cellProps) => <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />,\n    sortType: \"alphanumeric\",\n    sortDescFirst: true,\n    ...col,\n  };\n};\n\nexport function hvExpandColumn(\n  col,\n  expandRowButtonAriaLabel,\n  collapseRowButtonAriaLabel,\n  getCanRowExpand\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      const { onClick } = row.getToggleRowExpandedProps();\n\n      const hasContent = getCanRowExpand?.(row) ?? true;\n\n      return (\n        <>\n          {hasContent && (\n            <HvButton\n              icon\n              category=\"ghost\"\n              aria-label={row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel}\n              aria-expanded={row.isExpanded}\n              onClick={onClick}\n              style={{ position: \"absolute\", left: 0, top: 0 }}\n            >\n              {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n            </HvButton>\n          )}\n\n          <HvOverflowTooltip data={hvStringFallback(value)} />\n        </>\n      );\n    },\n    sortType: \"alphanumeric\",\n    cellStyle: {\n      position: \"relative\",\n    },\n    ...col,\n  };\n}\n\nexport function hvTagColumn(\n  col,\n  valueDataKey,\n  colorDataKey,\n  textColorDataKey,\n  fromRowData = false,\n  tagProps\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      if (!value) {\n        return \"—\";\n      }\n\n      const {\n        [valueDataKey]: name,\n        [colorDataKey]: color,\n        [textColorDataKey]: textColor,\n      } = fromRowData ? row.original : value;\n\n      return (\n        <HvTag\n          label={<HvTypography variant=\"normalText\">{name}</HvTypography>}\n          type=\"semantic\"\n          color={color}\n          style={textColor != null ? { color: textColor } : {}}\n          tabIndex={-1}\n          {...tagProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      return (\n        <SwitchColumnCell\n          checked={value}\n          value={row.id}\n          switchLabel={switchLabel}\n          falseLabel={falseLabel}\n          trueLabel={trueLabel}\n          switchProps={switchProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row, column } = cellProps;\n      const dsbld = value.length < 1;\n      return (\n        <DropdownColumnCell\n          values={value}\n          placeholder={dsbld ? disabledPlaceholder : placeholder}\n          onChange={(val) => onChange?.(row.id, val)}\n          disabled={dsbld}\n          dropdownProps={{\n            \"aria-labelledby\": setId(id, column.id),\n          }}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n  return {\n    Cell: (cellProps) => {\n      const { row } = cellProps;\n      const partial = getPartial?.(row);\n      const total = getTotal?.(row);\n\n      if (total) {\n        return <ProgressColumnCell partial={partial} total={total} color={color} />;\n      }\n\n      return \"—\";\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"mappings":"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"}