@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

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

@@ -1,278 +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 * as stories from "./TableHooks.stories.js";
-
-<Meta title="Display/Table Hooks" />
-
-# Table hooks
-
-The UI Kit library provides a collection of **custom hooks** that ease the integration with the <LinkTo kind="Display/Table" story="Main" className="sbdocs sbdocs-a">HvTable elements</LinkTo> and allows more advanced use cases and better data handling.
-
-Our custom hooks are built on top of [React Table](https://react-table.tanstack.com) which is an "headless" UI utility library to build data tables while retaining control over markup and styles. It consists of a collection of, lightweight, composable and extensible custom React hooks.
-
-## `useHv*` hooks
-
-For further ease, you can use the provided `useHvData` hook that wraps the [React Table's `useTable` hook](https://react-table.tanstack.com/docs/api/useTable) and
-provides the following functionality:
-
-- Ensures the use of the needed core and layout plugins when using any of the UI Kit custom hooks (e.g. adding `useHvPagination` implies the instalation of React Table's `usePagination` hook).
-- Automatically installs the `useHvTableStyles` hook.
-- Generates default column metadata from the data fields, if the `columns` option is missing.
-- Defaults to an empty array if no `data` is provided.
-
-<Usage>{'import { useHvData } from "@hitachivantara/uikit-react-lab";'}</Usage>
-
-<Preview withToolbar>
-  <Story inline story={stories.UseHvData} />
-</Preview>
-
-The following plugin hooks are available:
-
-- `useHvTableStyles`: ensures the correct styling of the table by injecting the column's `variant` and `align` options into the `HvTableHeader` and `HvTableCell` components (via `getHeaderProps` and `getCellProps`, respectively).
-  Also adds support for injecting the `styles`, `className` and `classes` into the `HvTable`, `HvTableHeader` and `HvTableCell` components.
-- `useHvPagination`: eases the wiring of the `HvPagination` component when using pagination. See <a href="#pagination" className="sbdocs-a">Pagination</a>.
-- `useHvRowSelection`: creates and manages the UI for selecting rows. See <a href="#selection" className="sbdocs-a">Selection</a>.
-- `useHvBulkActions`: eases the wiring of the `HvBulkActions` component. See <a href="#bulk-selection-and-actions" className="sbdocs-a">Bulk selection and actions</a>.
-- `useHvSortBy`: manages the table's header sorting functionality. See <a href="#sorting" className="sbdocs-a">Sorting</a>.
-- `useHvRowExpand`: manages the row expanding functionality. See <a href="#row-expanding" className="sbdocs-a">Row expanding</a>.
-- `useHvTableSticky`: allows defining sticky headers and columns. See <a href="#sticky-headers-and-columns" className="sbdocs-a">Sticky Headers And Columns</a>.
-- `useHvHeaderGroups`: allows defining grouped headers. See <a href="#grouped-headers" className="sbdocs-a">Grouped Headers</a>.
-
-## KitchenSink
-
-Complete sample table that uses most of the features provided.
-
-<Preview withToolbar>
-  <Story inline story={stories.KitchenSink} />
-</Preview>
-
-# Hooks usage
-
-## useHvPagination
-
-Data can be paginated. Optionally, empty lines can be added to the last page to avoid changes in height.
-
-Check [React Table's `usePagination` documentation](https://react-table.tanstack.com/docs/api/usePagination) for configuration details.
-
-The `useHvPagination` hook makes the `getHvPaginationProps` function available on the table instance returned that can be used to setup a `HvPagination` component.
-
-_Note: This hook depends on the `usePagination` hook from `react-table`, but when using `useHvData` only `useHvPagination` needs to be installed._
-
-<Preview withToolbar>
-  <Story inline story={stories.Pagination} />
-</Preview>
-
-## useHvRowSelection
-
-Rows can be selected individually.
-
-Check [React Table's `useRowSelect` documentation](https://react-table.tanstack.com/docs/api/useRowSelect) for configuration details.
-
-The `useHvRowSelecion` hook injects a new column with a `HvCheckBox` to select each row. It also manages the `HvTableRow`'s `isSelected` property via the `getRowProps`.
-
-This hook is originally based on the code `useRowSelect` hook from `react-table` and implements its API, but extends it with support for locking the selection state of individual rows.
-
-<Preview withToolbar>
-  <Story inline story={stories.Selection} />
-</Preview>
-
-## useHvRowSelection controlled
-
-A selection state can also be included in the data and toggled externally.
-
-<Preview withToolbar>
-  <Story inline story={stories.ControlledSelection} />
-</Preview>
-
-## useHvBulkActions
-
-Rows can also be selected in bulk and actions can be performed on the current selection.
-
-The `useHvBulkActions` hook makes the `getHvBulkActionsProps` function available on the table instance returned that can be used to setup a `HvBulkActions` component.
-
-_Note: This hook depends on the `useRowSelect` hook from `react-table`, but when using `useHvData` only `useHvBulkActions` needs to be installed._
-
-<Preview withToolbar>
-  <Story inline story={stories.BulkActions} />
-</Preview>
-
-## useHvSortBy
-
-Tables can have the capability of sorting the data by column.
-Clicking a sortable column header toggles between ascending or descending. Multiple sorting criteria is enabled through holding shift while clicking.
-
-Check [React Table's `useSortBy` documentation](https://react-table.tanstack.com/docs/api/useSortBy) for configuration details.
-
-The `useHvSortBy` hook ensures that the proper properties are injected in the `HvTableHeader` (including the on click sorting trigger) and `HvTableCell` (for styling).
-
-_Note: This hook depends on the `useSortBy` hook from `react-table`, but when using `useHvData` only `useHvSortBy` needs to be installed._
-
-<Preview withToolbar>
-  <Story inline story={stories.Sortable} />
-</Preview>
-
-## useHvRowExpand
-
-Tables rows can have the capability of being expanded to show more details.
-
-Check [React Table's `useExpanded` documentation](https://react-table.tanstack.com/docs/api/useExpanded) for configuration details.
-
-The `useHvRowExpand` hook injects a `HvButton` into the first data column that toggles each row expansion. If the column has a custom renderer, an extra column is created instead.
-
-_Note: This hook depends on the `useExpanded` hook from `react-table`, but when using `useHvData` only `useHvRowExpand` needs to be installed._
-
-<Preview withToolbar>
-  <Story inline story={stories.Expandable} />
-</Preview>
-
-## useGroupBy
-
-Tables rows can have the capability of being expanded to show more details.
-
-Check [React Table's `useGroupBy` documentation](https://react-table.tanstack.com/docs/api/useGroupBy) for configuration details.
-
-This example requires useHvRowExpand to show the grouped rows.
-
-<Preview withToolbar>
-  <Story inline story={stories.GroupBy} />
-</Preview>
-
-## useHvTableSticky
-
-The table headers can be fixed at the top, allowing it to keep always visible when table has vertical scrolling enabled.
-
-It is also possible to stick columns, either on the left or on the right, making them always visible when scrolling horizontally.
-
-This is implemented using the `useHvTableSticky` custom React Table hook provided by the UI Kit library.
-
-When using sticky columns, all column widths will be fixed and a non-table-element layout is applied.
-
-### Configuration
-
-The following options are supported via the main options object passed to `useTable(options)`:
-
-- `stickyHeader: Bool`
-  - Enables the sticky header
-
-The following options are supported on any `Column` object passed to the `columns` options in `useTable()`:
-
-- `sticky: "left" | "right"`
-  - Sticks this column to the defined side. Columns will be re-orderer if needed.
-- `width: Int`
-  - Defaults to 150
-  - Specifies the width for the column
-- `minWidth: Int`
-  - Defaults to 0
-  - Specifies the minimum width for the column
-
-### Usage
-
-The `getTableProps`, `getTableHeadProps`, `getHeaderGroupProps`, `getHeaderProps`, `getTableBodyProps`, `getRowProps` and `getCellProps` prop getters must be called and the properties injected into the corresponding elements.
-
-<Preview withToolbar>
-  <Story inline story={stories.StickyHeadersAndColumns} />
-</Preview>
-
-## useHvHeaderGroups
-
-The table columns can be grouped, allowing it to have header groups.
-
-Check [React Table's `useTable#column-options` documentation](https://react-table.tanstack.com/docs/api/useTable#column-options) for configuration details.
-
-This is implemented using the `useHvHeaderGroups` custom React Table hook provided by the UI Kit library.
-
-When using grouped columns, all header group columns text will be centered.
-
-### Configuration
-
-The following options are supported on any `Column` object passed to the `columns` options in `useTable()`:
-
-- `columns: Array<Column>`
-  - A nested array of columns. If defined, the column will act as a header group. Columns can be recursively nested as much as needed.
-
-### Usage
-
-The `getTableProps`, `getHeaderGroupProps`, `getHeaderProps`, `getTableBodyProps`, `getRowProps` and `getCellProps` prop getters must be called and the properties injected into the corresponding elements.
-
-<Preview withToolbar>
-  <Story inline story={stories.GroupedHeaders} />
-</Preview>
-
-# Other use cases
-
-## Empty Cells
-
-The absence of data within an individual cell in the table should be displayed as a `—` (_em dash_), according to Design System guidelines.
-
-This must be handled by the developer in the respective cell renderer, as it is an guideline and not a strict rule.
-Different use cases may require different solutions, like `N/A` or `0`. Empty cells should be avoided.
-
-<Preview withToolbar>
-  <Story inline story={stories.EmptyCells} />
-</Preview>
-
-## Locked Selection
-
-Individual rows can have its selection state locked (becoming either not selectable or not unselectable), disabling the selection checkbox and also preventing the bulk actions to change the row state.
-
-<Preview withToolbar>
-  <Story inline story={stories.LockedSelection} />
-</Preview>
-
-## Alternative Layout
-
-react-table provides some layout plugin hooks useful for instance when needing to virtualize rows and cells for performance or enabling user resizable tables/columns.
-They rely on the core column options `width`, `minWidth` and `maxWidth`, that are used to calculate column and cell widths.
-
-- `useBlockLayout` renders headers and cells as inline-block elements with explicit width.
-- `useAbsoluteLayout` renders headers and cells as absolutely positioned elements with explicit width.
-- `useFlexLayout` renders headers and cells as inline-block elements, with the `width` being used as the `flex-basis` and `flex-grow`.
-
-Note that not all built-in styles will apply when using any of the alternative layouts, so aditional styling might be needed to acomplish the same look.
-Also, styles affecting element's widths (`width`, `min-width`, `max-width` and flex properties) must be avoided and the core column options used instead.
-
-Most layouts work well with the default html table elements, keeping the semantics while loosing the table layout rules.
-Elements can be changed (to `div` or any other apropriate html element) by using the `component` property.
-
-`useGridLayout` implies a totally diferent dom structure and is currently not supported by the HvTable components.
-
-<Preview withToolbar>
-  <Story inline story={stories.AlternativeLayout} />
-</Preview>
-
-## Server Side
-
-<Preview withToolbar>
-  <Story inline story={stories.ServerSide} />
-</Preview>
-
-## Drag and Drop
-
-react-table has an example which integrates the react-dnd / react-beautiful-dnd libraries to provide drag and drop capability on lines.
-Please check the documentation of [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) in case you want to extend this example.
-
-This sample is not a clean react-beautiful-dnd implementation because it is applied to a table and requires some custom work to maintain the
-layout of the table line (and its cell contents) while dragging. Please check https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/patterns/tables.md
-for more information.
-
-This behavior does not match 100% the Design System guidelines, although it offers a solution which implements the behavior and adds an accessible way for
-doing the drag/drop operation via `SPACE + ARROW` Keys.
-
-<Preview withToolbar>
-  <Story inline story={stories.DragAndDrop} />
-</Preview>
-
-## Column Resize
-
-Columns can be resized using the useHvResizeColumn hook, which leverages the react-table capabilities.
-Resize, although not an accessible functionality, it allows columns to be resizable via dragging column right border.
-
-<Preview withToolbar>
-  <Story inline story={stories.ColumnResize} />
-</Preview>

package/dist/legacy/Table/styles.js

@@ -1,38 +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; }
-var styles = function styles(theme) {
-  return {
-    root: _objectSpread(_objectSpread({
-      position: "relative",
-      width: "100%"
-    }, theme.hv.typography.normalText), {}, {
-      "table&": {
-        borderSpacing: 0
-      },
-      "& caption": _objectSpread(_objectSpread({}, theme.typography.normalText), {}, {
-        padding: theme.spacing("xs"),
-        textAlign: "left",
-        captionSide: "bottom"
-      })
-    }),
-    stickyHeader: {},
-    stickyColumns: {
-      backgroundColor: theme.hv.palette.atmosphere.atmo2
-    },
-    listRow: {
-      "table&": {
-        borderSpacing: theme.hvSpacing(0, "xs")
-      }
-    }
-  };
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","position","width","hv","typography","normalText","borderSpacing","padding","spacing","textAlign","captionSide","stickyHeader","stickyColumns","backgroundColor","palette","atmosphere","atmo2","listRow","hvSpacing"],"sources":["../../../src/Table/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    width: \"100%\",\n\n    ...theme.hv.typography.normalText,\n\n    \"table&\": {\n      borderSpacing: 0,\n    },\n\n    \"& caption\": {\n      ...theme.typography.normalText,\n      padding: theme.spacing(\"xs\"),\n      textAlign: \"left\",\n      captionSide: \"bottom\",\n    },\n  },\n  stickyHeader: {},\n  stickyColumns: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n  listRow: {\n    \"table&\": {\n      borderSpacing: theme.hvSpacing(0, \"xs\"),\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI;MACFC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE;IAAM,GAEVH,KAAK,CAACI,EAAE,CAACC,UAAU,CAACC,UAAU;MAEjC,QAAQ,EAAE;QACRC,aAAa,EAAE;MACjB,CAAC;MAED,WAAW,kCACNP,KAAK,CAACK,UAAU,CAACC,UAAU;QAC9BE,OAAO,EAAER,KAAK,CAACS,OAAO,CAAC,IAAI,CAAC;QAC5BC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE;MAAQ;IACtB,EACF;IACDC,YAAY,EAAE,CAAC,CAAC;IAChBC,aAAa,EAAE;MACbC,eAAe,EAAEd,KAAK,CAACI,EAAE,CAACW,OAAO,CAACC,UAAU,CAACC;IAC/C,CAAC;IACDC,OAAO,EAAE;MACP,QAAQ,EAAE;QACRX,aAAa,EAAEP,KAAK,CAACmB,SAAS,CAAC,CAAC,EAAE,IAAI;MACxC;IACF;EACF,CAAC;AAAA,CAAC;AAEF,eAAepB,MAAM"}

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

@@ -1,6 +0,0 @@
-
-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/legacy/Table/utils/fallbacks.js

@@ -1,14 +0,0 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.to-string.js";
-var LONG_DASH = "—";
-export var hvStringFallback = function hvStringFallback(value) {
-  return typeof value === "string" && value !== "" ? value : LONG_DASH;
-};
-export var hvNumberFallback = function hvNumberFallback(value) {
-  return typeof value === "number" ? value : LONG_DASH;
-};
-export 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;
-};
-//# sourceMappingURL=fallbacks.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fallbacks.js","names":["LONG_DASH","hvStringFallback","value","hvNumberFallback","hvNodeFallback","toString"],"sources":["../../../../src/Table/utils/fallbacks.js"],"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"],"mappings":";;AAAA,IAAMA,SAAS,GAAG,GAAG;AAErB,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAAK,EAAK;EACzC,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,EAAE,GAAGA,KAAK,GAAGF,SAAS;AACtE,CAAC;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAID,KAAK,EAAK;EACzC,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGF,SAAS;AACtD,CAAC;AAED,OAAO,IAAMI,cAAc,GAAG,SAAjBA,cAAc,CAAIF,KAAK,EAAK;EACvC,IAAI,CAACA,KAAK,EAAE,OAAOF,SAAS;EAC5B,OAAOC,gBAAgB,CAACC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,QAAQ,EAAE,CAAC,KAAKL,SAAS,GAAGA,SAAS,GAAGE,KAAK;AAC9E,CAAC"}

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

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

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

@@ -1,2 +0,0 @@
-export { hvStringFallback, hvNumberFallback, hvNodeFallback } from "./fallbacks";
-//# sourceMappingURL=index.js.map

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

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

package/dist/legacy/Tabs/Tabs.d.ts

@@ -1,13 +0,0 @@
-import { StandardProps, TabsProps } from "@mui/material";
-
-export type HvTabsClassKey = "root" | "flexContainer" | "indicator" | "scroller";
-
-export interface HvTabsProps extends StandardProps<TabsProps, HvTabsClassKey, "onChange"> {
-  /**
-   * Explicit re-declaration to workaround MUI typing issue
-   * https://github.com/mui-org/material-ui/issues/17454
-   */
-  onChange?: (event: React.SyntheticEvent, value: any) => void;
-}
-
-export default function HvTabs(props: HvTabsProps): JSX.Element | null;

package/dist/legacy/Tabs/Tabs.js

@@ -1,90 +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";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _div;
-var _excluded = ["classes"];
-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 PropTypes from "prop-types";
-import { Tabs } from "@mui/material";
-import { withStyles } from "@mui/styles";
-import styles from "./styles";
-
-/**
- * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
- * Tabs can be used as a navigational widget for switching between sets of documents.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-var HvTabs = function HvTabs(props) {
-  var classes = props.classes,
-    others = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsx(Tabs, _objectSpread({
-    classes: {
-      root: classes.root,
-      flexContainer: classes.flexContainer,
-      indicator: classes.indicator,
-      scroller: classes.scroller
-    },
-    TabIndicatorProps: {
-      children: _div || (_div = /*#__PURE__*/_jsx("div", {}))
-    }
-  }, others));
-};
-process.env.NODE_ENV !== "production" ? HvTabs.propTypes = {
-  /**
-   * Identifier.
-   */
-  id: PropTypes.string,
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * A Jss Object used to override or extend the component styles.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the root element.
-     */
-    root: PropTypes.string,
-    /**
-     * Styles applied to the flex container element.
-     */
-    flexContainer: PropTypes.string,
-    /**
-     * Styles applied to the `TabIndicator` component.
-     */
-    indicator: PropTypes.string,
-    /**
-     * Styles applied to the `TabIndicator` component.
-     */
-    scroller: PropTypes.string
-  }).isRequired,
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param {object} event The event source of the callback
-   * @param {number} value We default to the index of the child
-   */
-  onChange: PropTypes.func,
-  /**
-   * 	The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.
-   */
-  // eslint-disable-next-line react/forbid-prop-types
-  value: PropTypes.any
-} : void 0;
-export default withStyles(styles, {
-  name: "HvTabs"
-})(HvTabs);
-//# sourceMappingURL=Tabs.js.map

package/dist/legacy/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","names":["React","PropTypes","Tabs","withStyles","styles","HvTabs","props","classes","others","root","flexContainer","indicator","scroller","children","propTypes","id","string","className","node","shape","isRequired","onChange","func","value","any","name"],"sources":["../../../src/Tabs/Tabs.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Tabs } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nconst HvTabs = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n\nHvTabs.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the flex container element.\n     */\n    flexContainer: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    indicator: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    scroller: PropTypes.string,\n  }).isRequired,\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {object} event The event source of the callback\n   * @param {number} value We default to the index of the child\n   */\n  onChange: PropTypes.func,\n  /**\n   * \tThe value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n};\n\nexport default withStyles(styles, { name: \"HvTabs\" })(HvTabs);\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AACA;AAHA;AAIA,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK,EAAK;EACxB,IAAQC,OAAO,GAAgBD,KAAK,CAA5BC,OAAO;IAAKC,MAAM,4BAAKF,KAAK;EAEpC,oBACE,KAAC,IAAI;IACH,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IAAI;MAClBC,aAAa,EAAEH,OAAO,CAACG,aAAa;MACpCC,SAAS,EAAEJ,OAAO,CAACI,SAAS;MAC5BC,QAAQ,EAAEL,OAAO,CAACK;IACpB,CAAE;IACF,iBAAiB,EAAE;MAAEC,QAAQ,+BAAE,eAAO;IAAC;EAAE,GACrCL,MAAM,EACV;AAEN,CAAC;AAED,wCAAAH,MAAM,CAACS,SAAS,GAAG;EACjB;AACF;AACA;EACEC,EAAE,EAAEd,SAAS,CAACe,MAAM;EACpB;AACF;AACA;EACEC,SAAS,EAAEhB,SAAS,CAACe,MAAM;EAC3B;AACF;AACA;EACEH,QAAQ,EAAEZ,SAAS,CAACiB,IAAI;EACxB;AACF;AACA;EACEX,OAAO,EAAEN,SAAS,CAACkB,KAAK,CAAC;IACvB;AACJ;AACA;IACIV,IAAI,EAAER,SAAS,CAACe,MAAM;IACtB;AACJ;AACA;IACIN,aAAa,EAAET,SAAS,CAACe,MAAM;IAC/B;AACJ;AACA;IACIL,SAAS,EAAEV,SAAS,CAACe,MAAM;IAC3B;AACJ;AACA;IACIJ,QAAQ,EAAEX,SAAS,CAACe;EACtB,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;AACA;AACA;AACA;EACEC,QAAQ,EAAEpB,SAAS,CAACqB,IAAI;EACxB;AACF;AACA;EACE;EACAC,KAAK,EAAEtB,SAAS,CAACuB;AACnB,CAAC;AAED,eAAerB,UAAU,CAACC,MAAM,EAAE;EAAEqB,IAAI,EAAE;AAAS,CAAC,CAAC,CAACpB,MAAM,CAAC"}

package/dist/legacy/Tabs/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Tabs";
-export * from "./Tabs";

package/dist/legacy/Tabs/index.js

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

package/dist/legacy/Tabs/index.js.map

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

package/dist/legacy/Tabs/styles.js

@@ -1,32 +0,0 @@
-var styles = function styles(theme) {
-  return {
-    root: {
-      minHeight: 0,
-      overflow: "visible"
-    },
-    indicator: {
-      display: "flex",
-      justifyContent: "center",
-      backgroundColor: "transparent",
-      "& > div": {
-        width: "100%",
-        backgroundColor: "".concat(theme.hv.palette.accent.acce1)
-      },
-      height: 2
-    },
-    scroller: {
-      // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125
-      overflow: "visible !important",
-      "& $flexContainer": {
-        borderTop: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo6)
-      }
-    },
-    flexContainer: {
-      "& button:first-child": {
-        marginLeft: "3px"
-      }
-    }
-  };
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","minHeight","overflow","indicator","display","justifyContent","backgroundColor","width","hv","palette","accent","acce1","height","scroller","borderTop","atmosphere","atmo6","flexContainer","marginLeft"],"sources":["../../../src/Tabs/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    minHeight: 0,\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.hv.palette.accent.acce1}`,\n    },\n    height: 2,\n  },\n  scroller: {\n    // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125\n    overflow: \"visible !important\",\n    \"& $flexContainer\": {\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n  },\n  flexContainer: {\n    \"& button:first-child\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,SAAS,EAAE,CAAC;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE,aAAa;MAC9B,SAAS,EAAE;QACTC,KAAK,EAAE,MAAM;QACbD,eAAe,YAAKP,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,MAAM,CAACC,KAAK;MACnD,CAAC;MACDC,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAE;MACR;MACAX,QAAQ,EAAE,oBAAoB;MAC9B,kBAAkB,EAAE;QAClBY,SAAS,sBAAef,KAAK,CAACS,EAAE,CAACC,OAAO,CAACM,UAAU,CAACC,KAAK;MAC3D;IACF,CAAC;IACDC,aAAa,EAAE;MACb,sBAAsB,EAAE;QACtBC,UAAU,EAAE;MACd;IACF;EACF,CAAC;AAAA,CAAC;AAEF,eAAepB,MAAM"}

package/dist/legacy/Tag/Tag.d.ts

@@ -1,78 +0,0 @@
-import { StandardProps } from "@mui/material";
-import { HvButtonProps } from "../Button";
-
-export type HvTagButtonClassKey = "";
-
-export type HvTagButtonProps = StandardProps<HvButtonProps, HvTagButtonClassKey>;
-
-export type HvTagClassKey =
-  | "root"
-  | "chipRoot"
-  | "focusVisible"
-  | "primaryButton"
-  | "label"
-  | "tagButton"
-  | "deleteIcon"
-  | "disabledDeleteIcon"
-  | "titleOverflow"
-  | "categorical"
-  | "categoricalFocus"
-  | "disabled"
-  | "categoricalDisabled"
-  | "semanticTextColor"
-  | "categoricalTextColor"
-  | "focusVisible"
-  | "primaryButton"
-  | "categoricalFocus";
-
-export interface HvTagProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTagClassKey> {
-  /**
-   * The label of the tag element.
-   *
-   */
-  label?: React.ReactNode;
-  /**
-   * Indicates that the form element is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * The type of the tag element.
-   *
-   * A tag can be of semantic or categoric type
-   */
-  type: "semantic" | "categorical";
-
-  /**
-   * Background color to be applied to the tag
-   */
-  color?: string;
-  /**
-   * Icon used to customize the delete icon in the Chip element
-   */
-  deleteIcon?: React.ReactNode;
-  /**
-   * The callback fired when the delete icon is pressed.
-   * This function has to be provided to the component,
-   * in order to render the delete icon
-   */
-  onDelete?: (event: React.MouseEvent<HTMLElement>) => void;
-  /**
-   * Callback triggered when any item is clicked.
-   */
-  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-  /**
-   * Role to be applied to the clickable element
-   */
-  role?: string;
-  /**
-   * Aria properties to apply to delete button in tag
-   */
-  deleteButtonArialLabel?: string;
-  /**
-   * Props to apply to delete button
-   */
-  deleteButtonProps?: HvTagButtonProps;
-}
-
-export default function HvTag(props: HvTagProps): JSX.Element | null;