@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/MultiButton/styles.js

@@ -0,0 +1,178 @@
+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); 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) { _defineProperty(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 styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      height: 32,
+      alignItems: "center",
+      transition: "none",
+      background: theme.hv.palette.atmosphere.atmo2,
+      position: "relative",
+      zIndex: 0,
+      // prevent the focus ring to be hidden by sibling hover background
+      "&>.HvIsFocusVisible": {
+        zIndex: 5
+      },
+      "& button$button": _objectSpread(_objectSpread({
+        height: 32,
+        width: "100%",
+        minWidth: 32,
+        maxWidth: 200,
+        padding: 0,
+        transition: "none",
+        flex: "1 0 0px",
+        borderTop: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+        borderBottom: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+        borderLeft: "solid 1px transparent",
+        borderRight: "solid 1px transparent",
+        borderRadius: 0
+      }, theme.hv.typography.normalText), {}, {
+        "&:active": {
+          backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo3)
+        },
+        "&:disabled": {
+          color: theme.hv.palette.atmosphere.atmo5,
+          borderTop: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+          borderBottom: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+          "&:hover": {
+            borderTop: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+            borderBottom: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+            borderLeft: "solid 1px transparent",
+            borderRight: "solid 1px transparent"
+          }
+        },
+        "&:first-child": {
+          borderLeft: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+          borderTopLeftRadius: "2px",
+          borderBottomLeftRadius: "2px"
+        },
+        "&:last-child": {
+          borderRight: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+          borderTopRightRadius: "2px",
+          borderBottomRightRadius: "2px",
+          "&:disabled:hover": {
+            borderRight: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4, " !important")
+          }
+        },
+        "&:not(:first-child)": {
+          marginLeft: "-1px"
+        },
+        "&$selected": {
+          "&:hover": {
+            "&:not(:disabled)": {
+              border: "solid 1px ".concat(theme.hv.palette.accent.acce1)
+            },
+            "&:disabled": {
+              border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4)
+            }
+          },
+          "&:disabled": {
+            zIndex: 1,
+            color: theme.hv.palette.atmosphere.atmo5,
+            background: theme.hv.palette.atmosphere.atmo1,
+            border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4)
+          }
+        }
+      }),
+      "& button$button$selected": _objectSpread(_objectSpread({
+        background: theme.hv.palette.atmosphere.atmo1,
+        height: 34
+      }, theme.hv.typography.highlightText), {}, {
+        borderRadius: "2px",
+        border: "solid 1px ".concat(theme.hv.palette.accent.acce1),
+        zIndex: 2,
+        "&:hover": {
+          background: theme.hv.palette.atmosphere.atmo3
+        },
+        "&:first-child, &:last-child": {
+          border: "solid 1px ".concat(theme.hv.palette.accent.acce1)
+        },
+        // prevent the focus ring to be hidden by sibling hover background
+        // even when selected
+        "&.HvIsFocusVisible": {
+          zIndex: 5
+        }
+      })
+    },
+    button: {},
+    selected: {},
+    // vertical button display Styling
+    vertical: {
+      flexDirection: "column",
+      height: "auto",
+      btnSecondary: {
+        flex: "1 1 20px"
+      },
+      "& button$button": {
+        width: "100%",
+        borderLeft: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+        borderRight: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+        borderTop: "solid 1px transparent",
+        borderBottom: "solid 1px transparent",
+        "&:disabled": {
+          color: theme.hv.palette.atmosphere.atmo5,
+          borderLeft: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+          borderRight: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+          borderTop: "solid 1px transparent",
+          borderBottom: "solid 1px transparent",
+          "&:hover": {
+            borderLeft: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+            borderRight: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+            borderTop: "solid 1px transparent",
+            borderBottom: "solid 1px transparent"
+          }
+        },
+        "&:first-child": {
+          borderTop: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+          borderTopLeftRadius: "2px",
+          borderTopRightRadius: "2px"
+        },
+        "&:last-child": {
+          borderBottom: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4),
+          borderBottomLeftRadius: "2px",
+          borderBottomRightRadius: "2px",
+          "&:disabled:hover": {
+            borderBottom: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4, " !important")
+          }
+        },
+        "&:not(:first-child)": {
+          marginLeft: 0,
+          marginTop: -1
+        },
+        "&$selected": _objectSpread(_objectSpread({
+          height: 32,
+          width: "calc(100% + 2px) !important",
+          background: theme.hv.palette.atmosphere.atmo1
+        }, theme.hv.typography.highlightText), {}, {
+          borderRadius: "2px",
+          border: "solid 1px ".concat(theme.hv.palette.accent.acce1),
+          zIndex: 2,
+          "&:hover, &:focus": {
+            background: theme.hv.palette.atmosphere.atmo3
+          },
+          "&:disabled": {
+            zIndex: 1,
+            color: theme.hv.palette.atmosphere.atmo5,
+            background: theme.hv.palette.atmosphere.atmo1,
+            border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4)
+          }
+        })
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/MultiButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/MultiButton/styles.js"],"names":["styles","theme","root","display","height","alignItems","transition","background","hv","palette","atmosphere","atmo2","position","zIndex","width","minWidth","maxWidth","padding","flex","borderTop","atmo4","borderBottom","borderLeft","borderRight","borderRadius","typography","normalText","backgroundColor","atmo3","color","atmo5","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","marginLeft","border","accent","acce1","atmo1","highlightText","button","selected","vertical","flexDirection","btnSecondary","marginTop"],"mappings":"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","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    height: 32,\n    alignItems: \"center\",\n    transition: \"none\",\n    background: theme.hv.palette.atmosphere.atmo2,\n    position: \"relative\",\n    zIndex: 0,\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>.HvIsFocusVisible\": {\n      zIndex: 5,\n    },\n\n    \"& button$button\": {\n      height: 32,\n      width: \"100%\",\n      minWidth: 32,\n      maxWidth: 200,\n      padding: 0,\n      transition: \"none\",\n      flex: \"1 0 0px\",\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: \"solid 1px transparent\",\n      borderRight: \"solid 1px transparent\",\n      borderRadius: 0,\n      ...theme.hv.typography.normalText,\n      \"&:active\": {\n        backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      },\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        \"&:hover\": {\n          borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderLeft: \"solid 1px transparent\",\n          borderRight: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderBottomLeftRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopRightRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: \"-1px\",\n      },\n      \"&$selected\": {\n        \"&:hover\": {\n          \"&:not(:disabled)\": {\n            border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n          },\n          \"&:disabled\": {\n            border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          },\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n    \"& button$button$selected\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      height: 34,\n      ...theme.hv.typography.highlightText,\n      borderRadius: \"2px\",\n      border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.hv.palette.atmosphere.atmo3,\n      },\n      \"&:first-child, &:last-child\": {\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      },\n\n      // prevent the focus ring to be hidden by sibling hover background\n      // even when selected\n      \"&.HvIsFocusVisible\": {\n        zIndex: 5,\n      },\n    },\n  },\n  button: {},\n  selected: {},\n  // vertical button display Styling\n  vertical: {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& button$button\": {\n      width: \"100%\",\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderTop: \"solid 1px transparent\",\n      borderBottom: \"solid 1px transparent\",\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTop: \"solid 1px transparent\",\n        borderBottom: \"solid 1px transparent\",\n        \"&:hover\": {\n          borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderTop: \"solid 1px transparent\",\n          borderBottom: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderTopRightRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottomLeftRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: 0,\n        marginTop: -1,\n      },\n      \"&$selected\": {\n        height: 32,\n        width: `calc(100% + 2px) !important`,\n        background: theme.hv.palette.atmosphere.atmo1,\n        ...theme.hv.typography.highlightText,\n        borderRadius: \"2px\",\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.hv.palette.atmosphere.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/Pagination/ButtonIconTooltip.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tooltip", "children"];
+import React from "react";
+import { HvButton, HvTooltip, HvTypography } from ".."; // eslint-disable-next-line react/prop-types
+
+var ButtonIconTooltip = function ButtonIconTooltip(_ref) {
+  var tooltip = _ref.tooltip,
+      children = _ref.children,
+      buttonProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(HvTooltip, {
+    title: /*#__PURE__*/React.createElement(HvTypography, null, tooltip)
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(HvButton, _extends({
+    icon: true
+  }, buttonProps), children)));
+};
+
+export default ButtonIconTooltip;
+//# sourceMappingURL=ButtonIconTooltip.js.map

package/dist/legacy/Pagination/ButtonIconTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Pagination/ButtonIconTooltip.js"],"names":["React","HvButton","HvTooltip","HvTypography","ButtonIconTooltip","tooltip","children","buttonProps"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,SAAnB,EAA8BC,YAA9B,QAAkD,IAAlD,C,CAEA;;AACA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,QAAZ,QAAYA,QAAZ;AAAA,MAAyBC,WAAzB;;AAAA,sBACxB,oBAAC,SAAD;AAAW,IAAA,KAAK,eAAE,oBAAC,YAAD,QAAeF,OAAf;AAAlB,kBACE,8CACE,oBAAC,QAAD;AAAU,IAAA,IAAI;AAAd,KAAmBE,WAAnB,GACGD,QADH,CADF,CADF,CADwB;AAAA,CAA1B;;AAUA,eAAeF,iBAAf","sourcesContent":["import React from \"react\";\nimport { HvButton, HvTooltip, HvTypography } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => (\n  <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n    <div>\n      <HvButton icon {...buttonProps}>\n        {children}\n      </HvButton>\n    </div>\n  </HvTooltip>\n);\n\nexport default ButtonIconTooltip;\n"],"file":"ButtonIconTooltip.js"}

package/dist/legacy/Pagination/Pagination.d.ts

@@ -0,0 +1,138 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvInputProps } from "../Input";
+
+export interface PaginationLabelsProp {
+  /**
+   * The show label.
+   */
+  pageSizePrev?: string;
+  /**
+   * Indicate the units of the page size selection.
+   */
+  pageSizeEntryName?: string;
+  /**
+   * Used for the aria-label of the selection of number of unit.s
+   */
+  pageSizeSelectorDescription?: string;
+  /**
+   * Separator of current page and total pages.
+   */
+  pagesSeparator?: string;
+  /**
+   * Title of button `firstPage`.
+   */
+  paginationFirstPageTitle?: string;
+  /**
+   * Title of button `previousPage`.
+   */
+  paginationPreviousPageTitle?: string;
+  /**
+   * Title of button `nextPage`.
+   */
+  paginationNextPageTitle?: string;
+  /**
+   * Title of button `lastPage`.
+   */
+  paginationLastPageTitle?: string;
+  /**
+   * Aria-label passed to the page input.
+   */
+  paginationInputLabel?: string;
+  /**
+   * Aria-label of the first page button
+   */
+  firstPage?: string;
+  /**
+   * Aria-label of the previous page button
+   */
+  previousPage?: string;
+  /**
+   * Aria-label of the next page button
+   */
+  nextPage?: string;
+  /**
+   * Aria-label of the last page button
+   */
+  lastPage?: string;
+}
+
+export interface HvPaginationCommonProps {
+  /**
+   * The number of pages the component has.
+   */
+  pages?: number;
+  /**
+   * The currently selected page (0-indexed).
+   */
+  page?: number;
+  /**
+   * Controls whether the left page size mechanism should be visible.
+   */
+  showPageSizeOptions?: boolean;
+  /**
+   * The array of possible page sizes for the dropdown.
+   */
+  pageSizeOptions?: number[];
+  /**
+   * The currently selected page size.
+   */
+  pageSize?: number;
+  /**
+   * Controls whether the previous/first page buttons are enabled.
+   */
+  canPrevious?: boolean;
+  /**
+   * Controls whether the next/last page buttons are enabled.
+   */
+  canNext?: boolean;
+  /**
+   * Function called when the page changes.
+   */
+  onPageChange?: (page: number) => void;
+  /**
+   * Function called when the page size changes.
+   */
+  onPageSizeChange?: (pageSize: number) => void;
+}
+
+export type HvPaginationClassKey =
+  | "root"
+  | "pageSizeOptions"
+  | "pageSizeOptionsSelect"
+  | "pageNavigator"
+  | "pageInfo"
+  | "pageJump"
+  | "pageSizeInput"
+  | "pageSizeInputRoot"
+  | "pageSizeInputContainer"
+  | "iconContainer"
+  | "icon"
+  | "selectDownIcon";
+
+export interface HvPaginationProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvPaginationClassKey>,
+    HvPaginationCommonProps {
+  /**
+   * Controls whether the central page changing mechanism should be visible.
+   */
+  showPageJump?: boolean;
+  /**
+   * An object containing all the labels for the component.
+   */
+  labels?: PaginationLabelsProp;
+  /**
+   * Other props to show page component.
+   */
+  showPageProps?: Record<string, any>;
+  /**
+   * Other props to pagination component.
+   */
+  navigationProps?: Record<string, any>;
+  /**
+   * Extra properties passed to the input component representing the current pages.
+   */
+  currentPageInputProps?: HvInputProps;
+}
+
+export default function HvPagination(props: HvPaginationProps): JSX.Element | null;