@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.1

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SwitchColumnCell.js","names":["React","clsx","PropTypes","HvBaseSwitch","HvTypography","useStyles","HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","classes","switchProperties","switchNo","switchYes","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,EAAEC,YAAY,QAAQ,UAAU;AAErD,OAAOC,SAAS,MAAM,UAAU;AAAC;AAAA;AAAA;AAEjC,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAOlB;EAAA,IANJC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,WAAW,QAAXA,WAAW;EAEX,IAAMC,OAAO,GAAGR,SAAS,EAAE;EAE3B,oBACE;IAAA,WACGK,UAAU,IAAI,IAAI,iBACjB,KAAC,YAAY;MACX,eAAY,MAAM;MAClB,OAAO,EAAC,YAAY;MACpB,SAAS,EAAET,IAAI,CAACY,OAAO,CAACC,gBAAgB,EAAED,OAAO,CAACE,QAAQ,CAAE;MAAA,UAE3DL;IAAU,EAEd,eACD,KAAC,YAAY;MAAC,cAAYD,WAAY;MAAC,OAAO,EAAEF,OAAQ;MAAC,KAAK,EAAEC;IAAM,GAAKI,WAAW,EAAI,EACzFD,SAAS,IAAI,IAAI,iBAChB,KAAC,YAAY;MACX,eAAY,MAAM;MAClB,OAAO,EAAC,YAAY;MACpB,SAAS,EAAEV,IAAI,CAACY,OAAO,CAACC,gBAAgB,EAAED,OAAO,CAACG,SAAS,CAAE;MAAA,UAE5DL;IAAS,EAEb;EAAA,EACA;AAEP,CAAC;AAED,wCAAAL,kBAAkB,CAACW,SAAS,GAAG;EAC7B;AACF;AACA;EACEV,OAAO,EAAEL,SAAS,CAACgB,IAAI;EACvB;AACF;AACA;EACEV,KAAK,EAAEN,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACkB,MAAM,EAAElB,SAAS,CAACmB,MAAM,CAAC,CAAC;EAChE;AACF;AACA;EACEZ,WAAW,EAAEP,SAAS,CAACmB,MAAM;EAC7B;AACF;AACA;EACEX,UAAU,EAAER,SAAS,CAACmB,MAAM;EAC5B;AACF;AACA;EACEV,SAAS,EAAET,SAAS,CAACmB,MAAM;EAC3B;AACF;AACA;EACET,WAAW,EAAEV,SAAS,CAACoB,UAAU,CAACC,MAAM,CAAC;EACzC;AACF;AACA;EACEC,KAAK,EAAEtB,SAAS,CAACuB,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC;AACjD,CAAC;AAED,eAAenB,kBAAkB"}

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

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

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

@@ -1,2 +0,0 @@
-export { default } from "./SwitchColumnCell";
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,17 +0,0 @@
-import { makeStyles } from "@mui/styles";
-var useStyles = makeStyles(function () {
-  return {
-    switchProperties: {
-      cursor: "pointer",
-      display: "inline-flex"
-    },
-    switchYes: {
-      marginLeft: "10px"
-    },
-    switchNo: {
-      marginRight: "10px"
-    }
-  };
-});
-export default useStyles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["makeStyles","useStyles","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,SAASA,UAAU,QAAQ,aAAa;AAExC,IAAMC,SAAS,GAAGD,UAAU,CAAC;EAAA,OAAO;IAClCE,gBAAgB,EAAE;MAChBC,MAAM,EAAE,SAAS;MACjBC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACTC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRC,WAAW,EAAE;IACf;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeP,SAAS"}

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

@@ -1,14 +0,0 @@
-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/legacy/Table/renderers/index.js

@@ -1,6 +0,0 @@
-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";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["hvTextColumn","hvNumberColumn","hvDateColumn","hvExpandColumn","hvTagColumn","hvSwitchColumn","hvDropdownColumn","hvProgressColumn","default","HvDateColumnCell","HvDropdownColumnCell","HvProgressColumnCell","normalizeProgressBar","HvSwitchColumnCell"],"sources":["../../../../src/Table/renderers/index.js"],"sourcesContent":["export {\n  hvTextColumn,\n  hvNumberColumn,\n  hvDateColumn,\n  hvExpandColumn,\n  hvTagColumn,\n  hvSwitchColumn,\n  hvDropdownColumn,\n  hvProgressColumn,\n} from \"./renderers\";\nexport { 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,SACEA,YAAY,EACZC,cAAc,EACdC,YAAY,EACZC,cAAc,EACdC,WAAW,EACXC,cAAc,EACdC,gBAAgB,EAChBC,gBAAgB,QACX,aAAa;AACpB,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,kBAAkB;AAC9D,SAASD,OAAO,IAAIE,oBAAoB,QAAQ,sBAAsB;AACtE,SAASF,OAAO,IAAIG,oBAAoB,EAAEC,oBAAoB,QAAQ,sBAAsB;AAC5F,SAASJ,OAAO,IAAIK,kBAAkB,QAAQ,oBAAoB"}

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

@@ -1,60 +0,0 @@
-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/legacy/Table/renderers/renderers.js

@@ -1,191 +0,0 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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) { _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 from "react";
-import { DropDownXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
-import HvButton from "../../Button";
-import HvTag from "../../Tag";
-import HvTypography from "../../Typography";
-import HvOverflowTooltip from "../../OverflowTooltip";
-import { setId } from "../../utils";
-import DateColumnCell from "./DateColumnCell";
-import SwitchColumnCell from "./SwitchColumnCell";
-import ProgressColumnCell from "./ProgressColumnCell";
-import DropdownColumnCell from "./DropdownColumnCell";
-import { hvStringFallback, hvNumberFallback } from "../utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function hvTextColumn(col) {
-  return _objectSpread({
-    Cell: function Cell(cellProps) {
-      return /*#__PURE__*/_jsx(HvOverflowTooltip, {
-        data: hvStringFallback(cellProps === null || cellProps === void 0 ? void 0 : cellProps.value)
-      });
-    },
-    sortType: "alphanumeric"
-  }, col);
-}
-export function hvNumberColumn(col) {
-  return _objectSpread({
-    Cell: function Cell(_ref) {
-      var value = _ref.value;
-      return hvNumberFallback(value);
-    },
-    align: "right",
-    sortType: "number"
-  }, col);
-}
-export function hvDateColumn(col, dateFormat) {
-  return _objectSpread({
-    Cell: function Cell(cellProps) {
-      return /*#__PURE__*/_jsx(DateColumnCell, {
-        date: cellProps === null || cellProps === void 0 ? void 0 : cellProps.value,
-        dateFormat: dateFormat
-      });
-    },
-    sortType: "alphanumeric",
-    sortDescFirst: true
-  }, col);
-}
-export 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__*/_jsxs(_Fragment, {
-        children: [hasContent && /*#__PURE__*/_jsx(HvButton, {
-          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__*/_jsx(DropDownXS, {})) : _DropRightXS || (_DropRightXS = /*#__PURE__*/_jsx(DropRightXS, {}))
-        }), /*#__PURE__*/_jsx(HvOverflowTooltip, {
-          data: hvStringFallback(value)
-        })]
-      });
-    },
-    sortType: "alphanumeric",
-    cellStyle: {
-      position: "relative"
-    }
-  }, col);
-}
-export 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__*/_jsx(HvTag, _objectSpread({
-        label: /*#__PURE__*/_jsx(HvTypography, {
-          variant: "normalText",
-          children: name
-        }),
-        type: "semantic",
-        color: color,
-        style: textColor != null ? {
-          color: textColor
-        } : {},
-        tabIndex: -1
-      }, tagProps));
-    },
-    cellStyle: {
-      paddingTop: 0,
-      paddingBottom: 0
-    }
-  }, col);
-}
-export function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {
-  return _objectSpread({
-    Cell: function Cell(cellProps) {
-      var value = cellProps.value,
-        row = cellProps.row;
-      return /*#__PURE__*/_jsx(SwitchColumnCell, {
-        checked: value,
-        value: row.id,
-        switchLabel: switchLabel,
-        falseLabel: falseLabel,
-        trueLabel: trueLabel,
-        switchProps: switchProps
-      });
-    },
-    cellStyle: {
-      paddingTop: 0,
-      paddingBottom: 0
-    }
-  }, col);
-}
-export 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__*/_jsx(DropdownColumnCell, {
-        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": setId(id, column.id)
-        }
-      });
-    },
-    cellStyle: {
-      paddingTop: 0,
-      paddingBottom: 0
-    }
-  }, col);
-}
-export 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__*/_jsx(ProgressColumnCell, {
-          partial: partial,
-          total: total,
-          color: color
-        });
-      }
-      return "—";
-    },
-    cellStyle: {
-      paddingTop: 0,
-      paddingBottom: 0
-    }
-  }, col);
-}
-//# sourceMappingURL=renderers.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderers.js","names":["React","DropDownXS","DropRightXS","HvButton","HvTag","HvTypography","HvOverflowTooltip","setId","DateColumnCell","SwitchColumnCell","ProgressColumnCell","DropdownColumnCell","hvStringFallback","hvNumberFallback","hvTextColumn","col","Cell","cellProps","value","sortType","hvNumberColumn","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","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 function hvTextColumn(col) {\n  return {\n    Cell: (cellProps) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n}\n\nexport function hvNumberColumn(col) {\n  return {\n    Cell: ({ value }) => hvNumberFallback(value),\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n}\n\nexport function 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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"}

package/dist/legacy/Table/stories/TableColumnRenderers.stories.mdx

@@ -1,194 +0,0 @@
-import { Meta, Story, Preview } from "@storybook/addon-docs";
-
-import LinkTo from "@storybook/addon-links/react";
-
-import { Usage } from "storybook-root/blocks/Usage";
-
-import { HvTable } from "../..";
-
-import { 
-  AllColumnRenderers, 
-  TextColumnRenderer, 
-  NumberColumnRenderer, 
-  DateColumnRenderer,
-  ExpandColumnRenderer,
-  SwitchColumnRenderer,
-  TagColumnRenderer,
-  ProgressColumnRenderer,
-  DropdownColumnRenderer,
-} from "./TableColumnRenderers.stories.js";
-
-<Meta title="Display/Table Column Renderers" />
-
-# Table column renderers
-
-The UI Kit library provides a collection of utility functions that, together with the <LinkTo kind="Display/Table Hooks" story="Main" className="sbdocs sbdocs-a">Table Hooks</LinkTo>,
-ease the setup of common column configurations, including the render function, alignment, missing data fallbacks and cell overflow.
-
-They add a set of out of the box features, not meant to be 100% feature complete, but instead, ease the majority of use-cases we have been encountering. If you need any customization or extension to these renderers, please feel free to copy and customize them.
-
-They can be imported like this:
-
-<Usage>{'import { hvTextColumn } from "@hitachivantara/uikit-react-lab";'}</Usage>
-
-The following renderers are available:
-
-- `hvTextColumn`: Renders a string and includes an overflow tooltip.
-- `hvNumberColumn`: Renders a number aligning it correctly and includes an overflow tooltip.
-- `hvDateColumn`: Renders a date and formats it.
-- `hvExpandColumn`: Renders a column that includes an expand button.
-- `hvTagColumn`: Renders a column with a tag component inside the cell.
-- `hvSwitchColumn`: Renders a column that includes a switch to toggle between two values.
-- `hvDropdownColumn`: Renders a column that include a dropdown select between various values.
-- `hvProgressColumn`: Renders a progress bar to compare between a current value and max value.
-
-## All renderers table
-
-Complete sample table that uses most of the provided renderers.
-
-<Preview withToolbar>
-  <Story inline story={AllColumnRenderers} />
-</Preview>
-
-## Text column renderer
-
-This functions renders text in the table.
-The column generated will have the text truncated with a tooltip if too long or if missing it will be replaced with a long dash.
-
-parameters:
-- `col: HvTableColumnConfig`: The column configuration to modify.
-
-output:
-- `col: HvTableColumnConfig`: The modified column configuration with the parameters required to render the text.
-
-<Preview withToolbar>
-  <Story inline story={TextColumnRenderer} />
-</Preview>
-
-## Number column renderer
-
-This functions renders numeric values in the table.
-The column generated will be *right* aligned and in case the value is missing it will be substituted by a long dash.
-
-parameters:
-- `col: HvTableColumnConfig`: The column configuration to modify.
-
-output:
-- `col: HvTableColumnConfig`: The modified column configuration with the parameters required to render the text.
-
-<Preview withToolbar>
-  <Story inline story={NumberColumnRenderer} />
-</Preview>
-
-## Date column renderer
-
-This functions renders a string formatted as a date.
-in case the value is missing it will be substituted by a long dash.
-
-parameters:
-- `col: HvTableColumnConfig`: The column configuration to modify.
-- `format: String`: the parameter used as a reference to format the value, the default value is `ISO8601`.
-
-output:
-- `col: HvTableColumnConfig`: The modified column configuration with the parameters required to render the text.
-
-<Preview withToolbar>
-  <Story inline story={DateColumnRenderer} />
-</Preview>
-
-## Expand column renderer
-
-This functions in conjunction with the `useHvRowExpand` hook renders a column with a button to open additional content in the table.
-Using the renderer allows the `useHvRowExpand` to render an expander in any column, instead of only in the first one.
-But the property `disableCreateExpandButton` must be true.
-The text rendered next to the expander button will have the same properties as the `hvTextColumn` column.
-
-parameters:
-- `col: HvTableColumnConfig`: The column configuration to modify.
-- `expandRowButtonAriaLabel: String`: The aria label for the button when the expander is closed.
-- `collapseRowButtonAriaLabel: String`: The aria label for the button when the expander is open.
-- `getCanRowExpand: (row: HvRowInstance) => boolean`: The function executed to determine whether the expander button is able to be opened.
-
-output:
-- `col: HvTableColumnConfig`: The modified column configuration with the parameters required to render the text.
-
-<Preview withToolbar>
-  <Story inline story={ExpandColumnRenderer} />
-</Preview>
-
-## Switch column renderer
-
-This functions renders a column with a switch component embedded that follows the state of a `boolean` value.
-To change the value of the switch, the data in the table must be changed.
-
-parameters:
-- `col: HvTableColumnConfig`: The column configuration to modify.
-- `switchLabel: String`: The aria label for the switch.
-- `falseLabel: String`: The label for the left side of the switch.
-- `trueLabel: String`: The label for the right side of the switch.
-- `switchProps: HvBaseSwitchProps`: extra props passed to the switch, these values correspond to the `HvBaseSwitch` props.
-
-output:
-- `col: HvTableColumnConfig`: The modified column configuration with the parameters required to render the text.
-
-<Preview withToolbar>
-  <Story inline story={SwitchColumnRenderer} />
-</Preview>
-
-## Tag column renderer
-
-This functions renders a column with a tag component embedded that follows the state of a `json` value.
-To change the value color and styles of the tag the data in the table must be changed.
-The function receives 3 key values that correspond to properties present in the table cell value or in the whole row.
-
-parameters:
-- `col: HvTableColumnConfig`: The column configuration to modify.
-- `valueDataKey: String`: The property to use as text for the tag.
-- `colorDataKey: String`: The property to use as color for the tag this property.
-- `textColorDataKey: String`: The property to use as color for the text of the tag.
-- `fromRowData: Boolean`: if `true` it will extract the `valueDataKey` `colorDataKey` `textColorDataKey` from the row data, if `false` it will extract the aforementioned properties from the cell value.
-- `tagProps: HvTagProps`: extra props passed to the tag, these values correspond to the `HvTagProps` props.
-
-output:
-- `col: HvTableColumnConfig`: The modified column configuration with the parameters required to render the text.
-
-<Preview withToolbar>
-  <Story inline story={TagColumnRenderer} />
-</Preview>
-
-## Progress column renderer
-
-This functions renders a column with a progress bar embedded.
-The function receives a pair of callbacks to specify the status of the bar.
-
-parameters:
-- `col: HvTableColumnConfig`: The column configuration to modify.
-- `getPartial: (row: HvRowInstance) => number`: a function that returns the current value of the bar.
-- `getTotal: (row: HvRowInstance) => number`: a function that returns the current max value of the bar.
-- `color: "primary" | "secondary"`: which color to use for the bar.
-
-output:
-- `col: HvTableColumnConfig`: The modified column configuration with the parameters required to render the text.
-
-<Preview withToolbar>
-  <Story inline story={ProgressColumnRenderer} />
-</Preview>
-
-## Dropdown column renderer
-
-This functions renders a dropdown component embedded into a column.
-The function receives an onChange callback to communicate the selected value of the dropdown.
-
-parameters:
-- `col: HvTableColumnConfig`: The column configuration to modify.
-- `id: string`: The dropdown id.
-- `placeholder: string`: The dropdown placeholder when nothing is selected.
-- `disabledPlaceholder: string`: The dropdown placeholder when is disabled.
-- `onChange: (identifier: string, value: ListValueProp) => void`: The function called when the dropdown value is changed.
-
-output:
-- `col: HvTableColumnConfig`: The modified column configuration with the parameters required to render the text.
-
-<Preview withToolbar>
-  <Story inline story={DropdownColumnRenderer} />
-</Preview>