@hitachivantara/uikit-react-lab 3.38.0 → 3.39.0

package/dist/Table/renderers/renderers.js

@@ -0,0 +1,238 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _DateColumnCell = _interopRequireDefault(require("./DateColumnCell"));
+
+var _SwitchColumnCell = _interopRequireDefault(require("./SwitchColumnCell"));
+
+var _ProgressColumnCell = _interopRequireDefault(require("./ProgressColumnCell"));
+
+var _DropdownColumnCell = _interopRequireDefault(require("./DropdownColumnCell"));
+
+var _utils = require("../utils");
+
+var _DropDownXS, _DropRightXS;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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__*/_react.default.createElement(_uikitReactCore.HvOverflowTooltip, {
+        data: (0, _utils.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, _utils.hvNumberFallback)(value);
+    },
+    align: "right",
+    sortType: "number"
+  }, col);
+};
+
+exports.hvNumberColumn = hvNumberColumn;
+
+var hvDateColumn = function hvDateColumn(col, dateFormat) {
+  return _objectSpread({
+    Cell: function Cell(cellProps) {
+      return /*#__PURE__*/_react.default.createElement(_DateColumnCell.default, {
+        date: cellProps === null || cellProps === void 0 ? void 0 : cellProps.value,
+        dateFormat: dateFormat
+      });
+    },
+    sortType: "string",
+    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__*/_react.default.createElement(_react.default.Fragment, null, hasContent && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
+        icon: true,
+        category: "ghost",
+        "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
+        "aria-expanded": row.isExpanded,
+        onClick: onClick,
+        style: {
+          position: "absolute",
+          left: 0,
+          top: 0
+        }
+      }, row.isExpanded ? _DropDownXS || (_DropDownXS = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropDownXS, null)) : _DropRightXS || (_DropRightXS = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropRightXS, null))), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvOverflowTooltip, {
+        data: (0, _utils.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__*/_react.default.createElement(_uikitReactCore.HvTag, (0, _extends2.default)({
+        label: /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
+          variant: "normalText"
+        }, 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__*/_react.default.createElement(_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__*/_react.default.createElement(_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, _uikitReactCore.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__*/_react.default.createElement(_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,"sources":["../../../src/Table/renderers/renderers.js"],"names":["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"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport {\n  HvButton,\n  HvTag,\n  HvTypography,\n  HvOverflowTooltip,\n  setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\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: \"string\",\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"],"file":"renderers.js"}

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

@@ -0,0 +1,193 @@
+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="Lab/Table Column Renderers" />
+
+# Table column renderers
+The UI Kit library provides a collection of utility functions that, together with the <LinkTo kind="Lab/Table Hooks" story="Main" className="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>

package/dist/Table/utils/fallbacks.d.ts

@@ -0,0 +1,6 @@
+
+export function hvStringFallback(value: string | undefined | null): string;
+export function hvNumberFallback(value: number | undefined | null): number | "—";
+export function hvNodeFallback(
+  value: React.ReactNode | undefined | null | "—"
+): NonNullable<React.ReactNode>;

package/dist/Table/utils/fallbacks.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hvStringFallback = exports.hvNumberFallback = exports.hvNodeFallback = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+var LONG_DASH = "—";
+
+var hvStringFallback = function hvStringFallback(value) {
+  return typeof value === "string" && value !== "" ? value : LONG_DASH;
+};
+
+exports.hvStringFallback = hvStringFallback;
+
+var hvNumberFallback = function hvNumberFallback(value) {
+  return typeof value === "number" ? value : LONG_DASH;
+};
+
+exports.hvNumberFallback = hvNumberFallback;
+
+var hvNodeFallback = function hvNodeFallback(value) {
+  if (!value) return LONG_DASH;
+  return hvStringFallback(value === null || value === void 0 ? void 0 : value.toString()) === LONG_DASH ? LONG_DASH : value;
+};
+
+exports.hvNodeFallback = hvNodeFallback;
+//# sourceMappingURL=fallbacks.js.map

package/dist/Table/utils/fallbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/utils/fallbacks.js"],"names":["LONG_DASH","hvStringFallback","value","hvNumberFallback","hvNodeFallback","toString"],"mappings":";;;;;;;;;;;AAAA,IAAMA,SAAS,GAAG,GAAlB;;AAEO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AACzC,SAAO,OAAOA,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,KAAK,EAAvC,GAA4CA,KAA5C,GAAoDF,SAA3D;AACD,CAFM;;;;AAIA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACD,KAAD,EAAW;AACzC,SAAO,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCF,SAA3C;AACD,CAFM;;;;AAIA,IAAMI,cAAc,GAAG,SAAjBA,cAAiB,CAACF,KAAD,EAAW;AACvC,MAAI,CAACA,KAAL,EAAY,OAAOF,SAAP;AACZ,SAAOC,gBAAgB,CAACC,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEG,QAAP,EAAD,CAAhB,KAAwCL,SAAxC,GAAoDA,SAApD,GAAgEE,KAAvE;AACD,CAHM","sourcesContent":["const LONG_DASH = \"—\";\n\nexport const hvStringFallback = (value) => {\n  return typeof value === \"string\" && value !== \"\" ? value : LONG_DASH;\n};\n\nexport const hvNumberFallback = (value) => {\n  return typeof value === \"number\" ? value : LONG_DASH;\n};\n\nexport const hvNodeFallback = (value) => {\n  if (!value) return LONG_DASH;\n  return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;\n};\n"],"file":"fallbacks.js"}

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

@@ -0,0 +1,3 @@
+export { hvStringFallback, hvNumberFallback, hvNodeFallback } from "./fallbacks";
+
+

package/dist/Table/utils/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "hvNodeFallback", {
+  enumerable: true,
+  get: function get() {
+    return _fallbacks.hvNodeFallback;
+  }
+});
+Object.defineProperty(exports, "hvNumberFallback", {
+  enumerable: true,
+  get: function get() {
+    return _fallbacks.hvNumberFallback;
+  }
+});
+Object.defineProperty(exports, "hvStringFallback", {
+  enumerable: true,
+  get: function get() {
+    return _fallbacks.hvStringFallback;
+  }
+});
+
+var _fallbacks = require("./fallbacks");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/utils/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export { hvStringFallback, hvNumberFallback, hvNodeFallback } from \"./fallbacks\";\n"],"file":"index.js"}

package/dist/Tag/Tag.js

@@ -81,7 +81,7 @@ var HvTag = function HvTag(props) {
 };
 
 exports.HvTag = HvTag;
-HvTag.propTypes = {
+process.env.NODE_ENV !== "production" ? HvTag.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -165,7 +165,7 @@ HvTag.propTypes = {
    * The cancel icon is shown based on this property
    */
   showcancelicon: _propTypes.default.bool
-};
+} : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
   name: "HvTag"

package/dist/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tag/Tag.js"],"names":["useStyles","styles","name","getColor","theme","color","defaultColor","palette","HvTag","props","id","semantic","children","disabled","variant","shape","showcancelicon","others","classes","isDisabled","Tagshape","square","inlineStyle","backgroundColor","hv","accent","acce1","root","label","deleteIcon","propTypes","PropTypes","string","round","focusVisible","oneOf","oneOfType","arrayOf","node","isRequired","bool"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport clsx from \"clsx\";\nimport { withStyles, makeStyles, useTheme } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The tag is a component used to notify the user about the labelled ,categorised, or organised item , in the app context.\n */\nconst useStyles = makeStyles(styles, { name: \"HvTag\" });\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\nexport const HvTag = (props) => {\n  const {\n    id,\n    semantic,\n    children,\n    disabled,\n    variant,\n    color,\n    shape,\n    showcancelicon = false,\n    ...others\n  } = props;\n\n  useDeprecated(\"Tag\", \"Please use the Tag component in Core\");\n  const classes = useStyles();\n  const isDisabled = disabled || false;\n  const Tagshape = shape || classes.square;\n  const theme = useTheme();\n  const inlineStyle = {};\n\n  if (semantic) {\n    inlineStyle.backgroundColor = getColor(\n      theme,\n      theme.palette?.[semantic],\n      theme.hv.palette.accent.acce1\n    );\n  }\n\n  /**\n   * Renders the content for the tag elements.\n   */\n  return (\n    <div\n      id={id}\n      role=\"button\"\n      className={clsx(\n        classes.root,\n        classes[variant],\n        { ...others },\n        {\n          [classes.disabled]: isDisabled,\n          [classes[`${shape}`]]: Tagshape,\n        }\n      )}\n      style={inlineStyle}\n      disabled={isDisabled}\n      {...others}\n    >\n      <span className={classes.label}>{children}</span>\n      {showcancelicon && (\n        <Close\n          className={clsx(classes.deleteIcon, {\n            [classes.disabled]: isDisabled,\n          })}\n          color=\"atmo5\"\n        />\n      )}\n    </div>\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   *   A Jss Object used to override or extend the styles applied to the tag.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component when it is tag.\n     */\n    square: PropTypes.string,\n    /**\n     * Styles applied to the component when it is chip.\n     */\n    round: PropTypes.string,\n\n    /**\n     * Styles applied to the component when shows label.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component when disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the button if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }),\n  /**\n   * A String representing the background color of the tag.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * Category of tag to use\n   */\n  variant: PropTypes.oneOf([\"informational\", \"success\", \"warning\", \"error\", \"categorical\"]),\n  /**\n   * A String or Array of strings representing the colors to override in the icon.\n   * Each element inside the array will override a diferent color.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  /**\n   * Sets one of the standard semantic palette colors of the icon\n   */\n  semantic: PropTypes.oneOf([\n    \"sema1\",\n    \"sema2\",\n    \"sema3\",\n    \"sema4\",\n    \"sema5\",\n    \"sema6\",\n    \"sema7\",\n    \"sema8\",\n    \"sema9\",\n    \"sema10\",\n    \"sema11\",\n    \"sema12\",\n    \"sema13\",\n    \"sema14\",\n    \"sema15\",\n    \"sema16\",\n    \"sema17\",\n    \"sema18\",\n    \"sema19\",\n    \"sema20\",\n  ]),\n  shape: PropTypes.string,\n  /**\n   * The content of the Tag.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The disabled property of the Tag.\n   */\n  disabled: PropTypes.string,\n  /**\n   * The cancel icon is shown based on this property\n   */\n  showcancelicon: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"file":"Tag.js"}
+{"version":3,"sources":["../../src/Tag/Tag.js"],"names":["useStyles","styles","name","getColor","theme","color","defaultColor","palette","HvTag","props","id","semantic","children","disabled","variant","shape","showcancelicon","others","classes","isDisabled","Tagshape","square","inlineStyle","backgroundColor","hv","accent","acce1","root","label","deleteIcon","propTypes","PropTypes","string","round","focusVisible","oneOf","oneOfType","arrayOf","node","isRequired","bool"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDeprecated } from \"@hitachivantara/uikit-react-core\";\n\nimport clsx from \"clsx\";\nimport { withStyles, makeStyles, useTheme } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The tag is a component used to notify the user about the labelled ,categorised, or organised item , in the app context.\n */\nconst useStyles = makeStyles(styles, { name: \"HvTag\" });\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\nexport const HvTag = (props) => {\n  const {\n    id,\n    semantic,\n    children,\n    disabled,\n    variant,\n    color,\n    shape,\n    showcancelicon = false,\n    ...others\n  } = props;\n\n  useDeprecated(\"Tag\", \"Please use the Tag component in Core\");\n  const classes = useStyles();\n  const isDisabled = disabled || false;\n  const Tagshape = shape || classes.square;\n  const theme = useTheme();\n  const inlineStyle = {};\n\n  if (semantic) {\n    inlineStyle.backgroundColor = getColor(\n      theme,\n      theme.palette?.[semantic],\n      theme.hv.palette.accent.acce1\n    );\n  }\n\n  /**\n   * Renders the content for the tag elements.\n   */\n  return (\n    <div\n      id={id}\n      role=\"button\"\n      className={clsx(\n        classes.root,\n        classes[variant],\n        { ...others },\n        {\n          [classes.disabled]: isDisabled,\n          [classes[`${shape}`]]: Tagshape,\n        }\n      )}\n      style={inlineStyle}\n      disabled={isDisabled}\n      {...others}\n    >\n      <span className={classes.label}>{children}</span>\n      {showcancelicon && (\n        <Close\n          className={clsx(classes.deleteIcon, {\n            [classes.disabled]: isDisabled,\n          })}\n          color=\"atmo5\"\n        />\n      )}\n    </div>\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   *   A Jss Object used to override or extend the styles applied to the tag.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component when it is tag.\n     */\n    square: PropTypes.string,\n    /**\n     * Styles applied to the component when it is chip.\n     */\n    round: PropTypes.string,\n\n    /**\n     * Styles applied to the component when shows label.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component when disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the button if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }),\n  /**\n   * A String representing the background color of the tag.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * Category of tag to use\n   */\n  variant: PropTypes.oneOf([\"informational\", \"success\", \"warning\", \"error\", \"categorical\"]),\n  /**\n   * A String or Array of strings representing the colors to override in the icon.\n   * Each element inside the array will override a diferent color.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  /**\n   * Sets one of the standard semantic palette colors of the icon\n   */\n  semantic: PropTypes.oneOf([\n    \"sema1\",\n    \"sema2\",\n    \"sema3\",\n    \"sema4\",\n    \"sema5\",\n    \"sema6\",\n    \"sema7\",\n    \"sema8\",\n    \"sema9\",\n    \"sema10\",\n    \"sema11\",\n    \"sema12\",\n    \"sema13\",\n    \"sema14\",\n    \"sema15\",\n    \"sema16\",\n    \"sema17\",\n    \"sema18\",\n    \"sema19\",\n    \"sema20\",\n  ]),\n  shape: PropTypes.string,\n  /**\n   * The content of the Tag.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The disabled property of the Tag.\n   */\n  disabled: PropTypes.string,\n  /**\n   * The cancel icon is shown based on this property\n   */\n  showcancelicon: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"file":"Tag.js"}

package/dist/TimeAgo/TimeAgo.js

@@ -56,7 +56,7 @@ var HvTimeAgo = function HvTimeAgo(_ref) {
   }, others), !timestamp ? emptyElement : timeAgo);
 };
 
-HvTimeAgo.propTypes = {
+process.env.NODE_ENV !== "production" ? HvTimeAgo.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -105,7 +105,7 @@ HvTimeAgo.propTypes = {
    * Consider using `useTimeAgo` instead
    */
   justText: _propTypes.default.bool
-};
+} : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
   name: "HvTimeAgo"

package/dist/TimeAgo/TimeAgo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeAgo/TimeAgo.js"],"names":["HvTimeAgo","classes","timestamp","localeProp","locale","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","contextLocale","timeAgo","root","propTypes","PropTypes","shape","string","number","elementType","node","bool","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAUZ;AAAA,MATJC,OASI,QATJA,OASI;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPIC,UAOJ,QAPJC,MAOI;AAAA,4BANJC,SAMI;AAAA,MANOC,SAMP,+BANmBC,4BAMnB;AAAA,+BALJC,YAKI;AAAA,MALJA,YAKI,kCALW,GAKX;AAAA,iCAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,KAIb;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,KAGV;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,KAEP;AAAA,MADDC,MACC;AACJ,MAAMC,aAAa,GAAG,gCAAtB;AACA,MAAMT,MAAM,GAAGD,UAAU,IAAIU,aAA7B;AACA,MAAMC,OAAO,GAAG,yBAAWZ,SAAX,EAAsB;AAAEE,IAAAA,MAAM,EAANA,MAAF;AAAUK,IAAAA,cAAc,EAAdA,cAAV;AAA0BC,IAAAA,WAAW,EAAXA;AAA1B,GAAtB,CAAhB;AAEA,MAAIC,QAAQ,IAAIT,SAAhB,EAA2B,OAAOY,OAAP;AAE3B,sBACE,6BAAC,SAAD;AAAW,IAAA,SAAS,EAAEb,OAAO,CAACc;AAA9B,KAAwCH,MAAxC,GACG,CAACV,SAAD,GAAaM,YAAb,GAA4BM,OAD/B,CADF;AAKD,CAtBD;;AAwBAd,SAAS,CAACgB,SAAV,GAAsB;AACpB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEgB,mBAAUC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEE,mBAAUE;AAJO,GAAhB,CAJW;;AAUpB;AACF;AACA;AACEjB,EAAAA,SAAS,EAAEe,mBAAUG,MAbD;;AAcpB;AACF;AACA;AACA;AACEhB,EAAAA,MAAM,EAAEa,mBAAUE,MAlBE;;AAmBpB;AACF;AACA;AACA;AACEd,EAAAA,SAAS,EAAEY,mBAAUI,WAvBD;;AAwBpB;AACF;AACA;AACA;AACEb,EAAAA,YAAY,EAAES,mBAAUK,IA5BJ;;AA6BpB;AACF;AACA;AACEb,EAAAA,cAAc,EAAEQ,mBAAUM,IAhCN;;AAiCpB;AACF;AACA;AACEb,EAAAA,WAAW,EAAEO,mBAAUM,IApCH;;AAqCpB;AACF;AACA;AACA;AACEZ,EAAAA,QAAQ,EAAEM,mBAAUM;AAzCA,CAAtB;;eA4Ce,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA0CzB,SAA1C,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, useLocale } from \"@hitachivantara/uikit-react-core\";\nimport useTimeAgo from \"./useTimeAgo\";\nimport styles from \"./styles\";\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nconst HvTimeAgo = ({\n  classes,\n  timestamp,\n  locale: localeProp,\n  component: Component = HvTypography,\n  emptyElement = \"—\",\n  disableRefresh = false,\n  showSeconds = false,\n  justText = false,\n  ...others\n}) => {\n  const contextLocale = useLocale();\n  const locale = localeProp || contextLocale;\n  const timeAgo = useTimeAgo(timestamp, { locale, disableRefresh, showSeconds });\n\n  if (justText && timestamp) return timeAgo;\n\n  return (\n    <Component className={classes.root} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n\nHvTimeAgo.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }),\n  /**\n   * The timestamp to format, in seconds\n   */\n  timestamp: PropTypes.number,\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale: PropTypes.string,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement: PropTypes.node,\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh: PropTypes.bool,\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds: PropTypes.bool,\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTimeAgo\" })(HvTimeAgo);\n"],"file":"TimeAgo.js"}
+{"version":3,"sources":["../../src/TimeAgo/TimeAgo.js"],"names":["HvTimeAgo","classes","timestamp","localeProp","locale","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","contextLocale","timeAgo","root","propTypes","PropTypes","shape","string","number","elementType","node","bool","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAUZ;AAAA,MATJC,OASI,QATJA,OASI;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPIC,UAOJ,QAPJC,MAOI;AAAA,4BANJC,SAMI;AAAA,MANOC,SAMP,+BANmBC,4BAMnB;AAAA,+BALJC,YAKI;AAAA,MALJA,YAKI,kCALW,GAKX;AAAA,iCAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,KAIb;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,KAGV;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,KAEP;AAAA,MADDC,MACC;AACJ,MAAMC,aAAa,GAAG,gCAAtB;AACA,MAAMT,MAAM,GAAGD,UAAU,IAAIU,aAA7B;AACA,MAAMC,OAAO,GAAG,yBAAWZ,SAAX,EAAsB;AAAEE,IAAAA,MAAM,EAANA,MAAF;AAAUK,IAAAA,cAAc,EAAdA,cAAV;AAA0BC,IAAAA,WAAW,EAAXA;AAA1B,GAAtB,CAAhB;AAEA,MAAIC,QAAQ,IAAIT,SAAhB,EAA2B,OAAOY,OAAP;AAE3B,sBACE,6BAAC,SAAD;AAAW,IAAA,SAAS,EAAEb,OAAO,CAACc;AAA9B,KAAwCH,MAAxC,GACG,CAACV,SAAD,GAAaM,YAAb,GAA4BM,OAD/B,CADF;AAKD,CAtBD;;AAwBA,wCAAAd,SAAS,CAACgB,SAAV,GAAsB;AACpB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEgB,mBAAUC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEE,mBAAUE;AAJO,GAAhB,CAJW;;AAUpB;AACF;AACA;AACEjB,EAAAA,SAAS,EAAEe,mBAAUG,MAbD;;AAcpB;AACF;AACA;AACA;AACEhB,EAAAA,MAAM,EAAEa,mBAAUE,MAlBE;;AAmBpB;AACF;AACA;AACA;AACEd,EAAAA,SAAS,EAAEY,mBAAUI,WAvBD;;AAwBpB;AACF;AACA;AACA;AACEb,EAAAA,YAAY,EAAES,mBAAUK,IA5BJ;;AA6BpB;AACF;AACA;AACEb,EAAAA,cAAc,EAAEQ,mBAAUM,IAhCN;;AAiCpB;AACF;AACA;AACEb,EAAAA,WAAW,EAAEO,mBAAUM,IApCH;;AAqCpB;AACF;AACA;AACA;AACEZ,EAAAA,QAAQ,EAAEM,mBAAUM;AAzCA,CAAtB;;eA4Ce,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA0CzB,SAA1C,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, useLocale } from \"@hitachivantara/uikit-react-core\";\nimport useTimeAgo from \"./useTimeAgo\";\nimport styles from \"./styles\";\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nconst HvTimeAgo = ({\n  classes,\n  timestamp,\n  locale: localeProp,\n  component: Component = HvTypography,\n  emptyElement = \"—\",\n  disableRefresh = false,\n  showSeconds = false,\n  justText = false,\n  ...others\n}) => {\n  const contextLocale = useLocale();\n  const locale = localeProp || contextLocale;\n  const timeAgo = useTimeAgo(timestamp, { locale, disableRefresh, showSeconds });\n\n  if (justText && timestamp) return timeAgo;\n\n  return (\n    <Component className={classes.root} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n\nHvTimeAgo.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }),\n  /**\n   * The timestamp to format, in seconds\n   */\n  timestamp: PropTypes.number,\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale: PropTypes.string,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement: PropTypes.node,\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh: PropTypes.bool,\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds: PropTypes.bool,\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTimeAgo\" })(HvTimeAgo);\n"],"file":"TimeAgo.js"}

package/dist/TimePicker/PeriodPicker/PeriodPicker.js

@@ -107,7 +107,7 @@ var PeriodPicker = /*#__PURE__*/function (_React$Component) {
   return PeriodPicker;
 }(_react.default.Component);
 
-PeriodPicker.propTypes = {
+process.env.NODE_ENV !== "production" ? PeriodPicker.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied to the input/popper
    */
@@ -122,7 +122,7 @@ PeriodPicker.propTypes = {
    * Default period value
    */
   period: _propTypes.default.oneOf([_enums.PeriodPickerOptions.AM, _enums.PeriodPickerOptions.PM])
-};
+} : void 0;
 var _default = PeriodPicker;
 exports.default = _default;
 //# sourceMappingURL=PeriodPicker.js.map