@databiosphere/findable-ui 6.0.0 → 7.0.0

package/lib/components/common/StatusBadge/statusBadge.js

@@ -1,53 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusBadge = exports.STATUS_BADGE_COLOR = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-var STATUS_BADGE_COLOR;
+import { Chip as MChip } from "@mui/material";
+import React, { forwardRef } from "react";
+export var STATUS_BADGE_COLOR;
 (function (STATUS_BADGE_COLOR) {
     STATUS_BADGE_COLOR["DEFAULT"] = "default";
     STATUS_BADGE_COLOR["ERROR"] = "error";
     STATUS_BADGE_COLOR["INFO"] = "info";
     STATUS_BADGE_COLOR["SUCCESS"] = "success";
     STATUS_BADGE_COLOR["WARNING"] = "warning";
-})(STATUS_BADGE_COLOR = exports.STATUS_BADGE_COLOR || (exports.STATUS_BADGE_COLOR = {}));
-exports.StatusBadge = (0, react_1.forwardRef)(function StatusBadge(_a, ref) {
-    var { 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- children is null for Mui ChipProps.
-    children, className, color, label } = _a, props = __rest(_a, ["children", "className", "color", "label"]) /* Spread props to allow for Mui ChipProps specific prop overrides e.g. "onDelete". */;
-    return (react_1.default.createElement(material_1.Chip, Object.assign({ className: className, color: color, label: label, ref: ref, variant: "status" }, props)));
+})(STATUS_BADGE_COLOR || (STATUS_BADGE_COLOR = {}));
+export const StatusBadge = forwardRef(function StatusBadge({ 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- children is null for Mui ChipProps.
+children, className, color, label, ...props /* Spread props to allow for Mui ChipProps specific prop overrides e.g. "onDelete". */ }, ref) {
+    return (React.createElement(MChip, { className: className, color: color, label: label, ref: ref, variant: "status", ...props }));
 });

package/lib/components/common/StatusBadge/statusBadge.stories.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusStory = void 0;
-const statusBadge_1 = require("./statusBadge");
-exports.default = {
-    component: statusBadge_1.StatusBadge,
+import { StatusBadge } from "./statusBadge";
+export default {
+    component: StatusBadge,
     title: "Components/Common/StatusBadge",
 };
-exports.StatusStory = {
+export const StatusStory = {
     args: {
         clickable: false,
         color: "success",

package/lib/components/common/StatusIcon/statusIcon.js

@@ -1,23 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusIcon = exports.PRIORITY = void 0;
-const react_1 = __importDefault(require("react"));
-const statusIcon_styles_1 = require("./statusIcon.styles");
+import React from "react";
+import { StatusCircle } from "./statusIcon.styles";
 /**
  * Possible set of priority values.
  */
-var PRIORITY;
+export var PRIORITY;
 (function (PRIORITY) {
     PRIORITY["HIGH"] = "HIGH";
     PRIORITY["LOW"] = "LOW";
     PRIORITY["MEDIUM"] = "MEDIUM";
     PRIORITY["NORMAL"] = "NORMAL";
-})(PRIORITY = exports.PRIORITY || (exports.PRIORITY = {}));
-const StatusIcon = ({ priority, StatusIcon, }) => {
-    return (react_1.default.createElement(statusIcon_styles_1.StatusCircle, { priority: priority },
-        react_1.default.createElement(StatusIcon, { fontSize: "xxlarge" })));
+})(PRIORITY || (PRIORITY = {}));
+export const StatusIcon = ({ priority, StatusIcon, }) => {
+    return (React.createElement(StatusCircle, { priority: priority },
+        React.createElement(StatusIcon, { fontSize: "xxlarge" })));
 };
-exports.StatusIcon = StatusIcon;

package/lib/components/common/StatusIcon/statusIcon.stories.js

@@ -1,23 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusIconStory = void 0;
-const react_1 = __importDefault(require("react"));
-const searchOffIcon_1 = require("../CustomIcon/components/SearchOffIcon/searchOffIcon");
-const statusIcon_1 = require("./statusIcon");
-exports.default = {
+import React from "react";
+import { SearchOffIcon } from "../CustomIcon/components/SearchOffIcon/searchOffIcon";
+import { PRIORITY, StatusIcon } from "./statusIcon";
+export default {
     argTypes: {
         StatusIcon: { control: { disable: true } },
-        priority: { control: "select", options: Array.from(Object.keys(statusIcon_1.PRIORITY)) },
+        priority: { control: "select", options: Array.from(Object.keys(PRIORITY)) },
     },
-    component: statusIcon_1.StatusIcon,
+    component: StatusIcon,
     title: "Components/Common/Alert/StatusIcon",
 };
-const StatusIconTemplate = (args) => (react_1.default.createElement(statusIcon_1.StatusIcon, Object.assign({}, args)));
-exports.StatusIconStory = StatusIconTemplate.bind({});
-exports.StatusIconStory.args = {
-    StatusIcon: searchOffIcon_1.SearchOffIcon,
-    priority: statusIcon_1.PRIORITY.LOW,
+const StatusIconTemplate = (args) => (React.createElement(StatusIcon, { ...args }));
+export const StatusIconStory = StatusIconTemplate.bind({});
+StatusIconStory.args = {
+    StatusIcon: SearchOffIcon,
+    priority: PRIORITY.LOW,
 };

package/lib/components/common/StatusIcon/statusIcon.styles.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusCircle = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const statusIcon_1 = require("./statusIcon");
-exports.StatusCircle = styled_1.default.div `
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { PRIORITY } from "./statusIcon";
+export const StatusCircle = styled.div `
   border-radius: 50%;
   box-sizing: content-box;
   display: grid;
@@ -16,30 +10,30 @@ exports.StatusCircle = styled_1.default.div `
   width: 72px;
 
   // Normal priority.
-  ${({ priority, theme }) => priority === statusIcon_1.PRIORITY.NORMAL &&
-    (0, react_1.css) `
+  ${({ priority, theme }) => priority === PRIORITY.NORMAL &&
+    css `
       background-color: ${theme.palette.info.lightest};
       color: ${theme.palette.info.main};
     `};
 
   // Low priority.
-  ${({ priority, theme }) => priority === statusIcon_1.PRIORITY.LOW &&
-    (0, react_1.css) `
+  ${({ priority, theme }) => priority === PRIORITY.LOW &&
+    css `
       background-color: ${theme.palette.warning.lightest};
       color: ${theme.palette.warning.main};
     `};
 
   // Medium priority.
-  ${({ priority, theme }) => priority === statusIcon_1.PRIORITY.MEDIUM &&
-    (0, react_1.css) `
+  ${({ priority, theme }) => priority === PRIORITY.MEDIUM &&
+    css `
       background-color: ${theme.palette.warning.light};
       border: 3px solid white;
       color: ${theme.palette.warning.main};
     `};
 
   // High priority.
-  ${({ priority, theme }) => priority === statusIcon_1.PRIORITY.HIGH &&
-    (0, react_1.css) `
+  ${({ priority, theme }) => priority === PRIORITY.HIGH &&
+    css `
       background-color: ${theme.palette.alert.light};
       border: 3px solid white;
       color: ${theme.palette.alert.main};

package/lib/components/common/Tabs/tabs.js

@@ -1,13 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Tabs as MTabs, } from "@mui/material";
+import React from "react";
+import { Tab, TabScrollFuzz } from "./tabs.styles";
+export const Tabs = ({ className, onTabChange, tabs, value, }) => {
+    return (React.createElement(MTabs, { allowScrollButtonsMobile: true, className: className, onChange: (_, tabValue) => onTabChange(tabValue), ScrollButtonComponent: TabScrollFuzz, value: value }, tabs.map(({ count, icon, iconPosition = "start", label, value: tabValue }, t) => (React.createElement(Tab, { icon: icon, iconPosition: icon ? iconPosition : undefined, key: `${label}${t}`, label: count ? `${label} (${count})` : label, value: tabValue })))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const tabs_styles_1 = require("./tabs.styles");
-const Tabs = ({ className, onTabChange, tabs, value, }) => {
-    return (react_1.default.createElement(material_1.Tabs, { allowScrollButtonsMobile: true, className: className, onChange: (_, tabValue) => onTabChange(tabValue), ScrollButtonComponent: tabs_styles_1.TabScrollFuzz, value: value }, tabs.map(({ count, icon, iconPosition = "start", label, value: tabValue }, t) => (react_1.default.createElement(tabs_styles_1.Tab, { icon: icon, iconPosition: icon ? iconPosition : undefined, key: `${label}${t}`, label: count ? `${label} (${count})` : label, value: tabValue })))));
-};
-exports.Tabs = Tabs;

package/lib/components/common/Tabs/tabs.styles.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = exports.TabScrollFuzz = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const material_1 = require("@mui/material");
-exports.TabScrollFuzz = styled_1.default.span `
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { Tab as MTab } from "@mui/material";
+export const TabScrollFuzz = styled.span `
   height: 100%;
   opacity: 1;
   position: absolute;
@@ -19,11 +13,11 @@ exports.TabScrollFuzz = styled_1.default.span `
   // Scroll fuzz direction.
   ${({ direction }) => {
     return direction === "left"
-        ? (0, react_1.css) `
+        ? css `
           background: linear-gradient(90deg, #f6f6f7 5.88%, #f6f6f700 94.12%);
           left: 0;
         `
-        : (0, react_1.css) `
+        : css `
           background: linear-gradient(270deg, #f6f6f7 5.88%, #f6f6f700 94.12%);
           right: 0;
         `;
@@ -32,13 +26,13 @@ exports.TabScrollFuzz = styled_1.default.span `
   // Disabled scroll fuzz.
   ${({ disabled }) => {
     return (disabled &&
-        (0, react_1.css) `
+        css `
         opacity: 0;
         pointer-events: none;
       `);
 }};
 `;
-exports.Tab = (0, styled_1.default)(material_1.Tab) `
+export const Tab = styled(MTab) `
   .MuiSvgIcon-fontSizeXsmall {
     align-self: flex-start;
   }

package/lib/components/common/Tag/tag.js

@@ -1,12 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Typography } from "@mui/material";
+import React from "react";
+export const Tag = ({ children, className }) => {
+    return (React.createElement(Typography, { className: className, component: "span", variant: "text-body-500" }, children));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const Tag = ({ children, className }) => {
-    return (react_1.default.createElement(material_1.Typography, { className: className, component: "span", variant: "text-body-500" }, children));
-};
-exports.Tag = Tag;

package/lib/components/common/Tag/tag.stories.js

@@ -1,21 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WarningTagStory = void 0;
-const react_1 = __importDefault(require("react"));
-const tag_1 = require("./tag");
-const tag_styles_1 = require("./tag.styles");
-exports.default = {
+import React from "react";
+import { Tag } from "./tag";
+import { TagWarning } from "./tag.styles";
+export default {
     argTypes: {
         children: { control: { disabled: true } },
     },
-    component: tag_1.Tag,
+    component: Tag,
     title: "Components/Common/Alert/Tag",
 };
-const WarningTagTemplate = (args) => (react_1.default.createElement(tag_styles_1.TagWarning, Object.assign({}, args), args.children));
-exports.WarningTagStory = WarningTagTemplate.bind({});
-exports.WarningTagStory.args = {
+const WarningTagTemplate = (args) => (React.createElement(TagWarning, { ...args }, args.children));
+export const WarningTagStory = WarningTagTemplate.bind({});
+WarningTagStory.args = {
     children: "Please note",
 };

package/lib/components/common/Tag/tag.styles.js

@@ -1,17 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TagWarning = exports.TagDefault = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const tag_1 = require("./tag");
-exports.TagDefault = (0, styled_1.default)(tag_1.Tag) `
+import styled from "@emotion/styled";
+import { Tag } from "./tag";
+export const TagDefault = styled(Tag) `
   background-color: ${({ theme }) => theme.palette.smoke.main};
   border-radius: 4px;
   padding: 2px 6px;
 `;
-exports.TagWarning = (0, styled_1.default)(exports.TagDefault) `
+export const TagWarning = styled(TagDefault) `
   background-color: ${({ theme }) => theme.palette.warning.light};
   color: ${({ theme }) => theme.palette.warning.main};
 `;

package/lib/components/common/Title/title.js

@@ -1,25 +1,6 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+import React from "react";
+import { TEXT_HEADING_LARGE } from "../../../theme/common/typography";
+import { HeroTitle as Typography } from "./title.styles";
+export const Title = ({ className, title, ...props /* Spread props to allow for Typography specific props TypographyProps e.g. "gutterBottom" or "noWrap". */ }) => {
+    return (React.createElement(React.Fragment, null, typeof title === "string" ? (React.createElement(Typography, { className: className, color: "ink.main", component: "h1", variant: TEXT_HEADING_LARGE, ...props }, title)) : (title)));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = void 0;
-const react_1 = __importDefault(require("react"));
-const typography_1 = require("../../../theme/common/typography");
-const title_styles_1 = require("./title.styles");
-const Title = (_a) => {
-    var { className, title } = _a, props = __rest(_a, ["className", "title"]) /* Spread props to allow for Typography specific props TypographyProps e.g. "gutterBottom" or "noWrap". */;
-    return (react_1.default.createElement(react_1.default.Fragment, null, typeof title === "string" ? (react_1.default.createElement(title_styles_1.HeroTitle, Object.assign({ className: className, color: "ink.main", component: "h1", variant: typography_1.TEXT_HEADING_LARGE }, props), title)) : (title)));
-};
-exports.Title = Title;

package/lib/components/common/Title/title.styles.js

@@ -1,12 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeroTitle = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const material_1 = require("@mui/material");
-exports.HeroTitle = (0, styled_1.default)(material_1.Typography) `
+import styled from "@emotion/styled";
+import { Typography } from "@mui/material";
+export const HeroTitle = styled(Typography) `
   justify-self: flex-start;
   overflow-wrap: break-word;
 `;

package/lib/components/common/ToggleButtonGroup/toggleButtonGroup.js

@@ -1,42 +1,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleButtonGroup = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
+import { ToggleButton as MToggleButton, ToggleButtonGroup as MToggleButtonGroup, } from "@mui/material";
+import React, { useState } from "react";
 /**
  * Returns the selected toggle button action.
  * @param toggleButtons - Toggle buttons.
@@ -44,13 +7,10 @@ const react_1 = __importStar(require("react"));
  * @returns the selected toggle button action.
  */
 function getSelectedToggleButtonAction(toggleButtons, toggleValue) {
-    var _a;
-    return (_a = toggleButtons.find(({ value }) => value === toggleValue)) === null || _a === void 0 ? void 0 : _a.onToggle;
+    return toggleButtons.find(({ value }) => value === toggleValue)?.onToggle;
 }
-const ToggleButtonGroup = (_a) => {
-    var _b;
-    var { toggleButtons } = _a, props = __rest(_a, ["toggleButtons"]);
-    const [toggleValue, setToggleValue] = (0, react_1.useState)((_b = toggleButtons[0]) === null || _b === void 0 ? void 0 : _b.value);
+export const ToggleButtonGroup = ({ toggleButtons, ...props }) => {
+    const [toggleValue, setToggleValue] = useState(toggleButtons[0]?.value);
     /**
      * Callback fired when toggle button value changes.
      * - Sets state toggleValue to selected value.
@@ -65,6 +25,5 @@ const ToggleButtonGroup = (_a) => {
             onToggleFn && onToggleFn();
         }
     };
-    return (react_1.default.createElement(material_1.ToggleButtonGroup, Object.assign({ exclusive: true, onChange: (e, value) => onChangeToggleButton(e, value, getSelectedToggleButtonAction(toggleButtons, value)), value: toggleValue }, props), toggleButtons.map(({ label, value }) => (react_1.default.createElement(material_1.ToggleButton, { key: label, value: value }, label)))));
+    return (React.createElement(MToggleButtonGroup, { exclusive: true, onChange: (e, value) => onChangeToggleButton(e, value, getSelectedToggleButtonAction(toggleButtons, value)), value: toggleValue, ...props }, toggleButtons.map(({ label, value }) => (React.createElement(MToggleButton, { key: label, value: value }, label)))));
 };
-exports.ToggleButtonGroup = ToggleButtonGroup;

package/lib/components/common/ToggleButtonGroup/toggleButtonGroup.stories.js

@@ -1,24 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleButtonGroupStory = void 0;
-const react_1 = __importDefault(require("react"));
-const toggleButtonGroup_1 = require("./toggleButtonGroup");
-exports.default = {
+import React from "react";
+import { ToggleButtonGroup } from "./toggleButtonGroup";
+export default {
     argTypes: {
         toggleButtons: { table: { disable: true } },
     },
-    component: toggleButtonGroup_1.ToggleButtonGroup,
+    component: ToggleButtonGroup,
     parameters: {
         layout: "centered",
     },
     title: "Components/Common/ButtonGroup",
 };
-const ToggleButtonGroupTemplate = (args) => react_1.default.createElement(toggleButtonGroup_1.ToggleButtonGroup, Object.assign({}, args));
-exports.ToggleButtonGroupStory = ToggleButtonGroupTemplate.bind({});
-exports.ToggleButtonGroupStory.args = {
+const ToggleButtonGroupTemplate = (args) => React.createElement(ToggleButtonGroup, { ...args });
+export const ToggleButtonGroupStory = ToggleButtonGroupTemplate.bind({});
+ToggleButtonGroupStory.args = {
     toggleButtons: [
         {
             label: "Exact Match (243)",

package/lib/components/common/Typography/TypographyWordBreak/TypographyWordBreak.js

@@ -1,24 +1,5 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+import { Typography } from "@mui/material";
+import React from "react";
+export const TypographyWordBreak = ({ children, ...props /* Spread props to allow for Typography specific props e.g. "color". */ }) => {
+    return (React.createElement(Typography, { component: "span", sx: { wordBreak: "break-word" }, variant: "inherit", ...props }, children));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypographyWordBreak = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const TypographyWordBreak = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]) /* Spread props to allow for Typography specific props e.g. "color". */;
-    return (react_1.default.createElement(material_1.Typography, Object.assign({ component: "span", sx: { wordBreak: "break-word" }, variant: "inherit" }, props), children));
-};
-exports.TypographyWordBreak = TypographyWordBreak;

package/lib/components/common/Typography/common/entities.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/lib/config/config.js

@@ -1,20 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getConfig = exports.setConfig = void 0;
 let dxConfig;
 /**
  * Sets application config.
  * @param config - Application config.
  */
-function setConfig(config) {
+export function setConfig(config) {
     dxConfig = config;
 }
-exports.setConfig = setConfig;
 /**
  * Returns application config.
  * @returns application config.
  */
-function getConfig() {
+export function getConfig() {
     return dxConfig;
 }
-exports.getConfig = getConfig;

package/lib/config/entities.d.ts

@@ -1,5 +1,5 @@
 import { TabProps as MTabProps, Theme, ThemeOptions } from "@mui/material";
-import { CellContext, ColumnSort, RowData } from "@tanstack/react-table";
+import { CellContext, ColumnSort, RowData, Table } from "@tanstack/react-table";
 import { JSXElementConstructor, ReactNode } from "react";
 import { SelectCategoryValueView, SelectedFilter } from "../common/entities";
 import { HeroTitle } from "../components/common/Title/title";
@@ -361,5 +361,6 @@ export interface ViewContext<T extends RowData, TData = unknown> {
     exploreState: ExploreState;
     fileManifestState: FileManifestState;
     systemStatus: SystemStatus;
+    tableInstance?: Table<T>;
 }
 export {};

package/lib/config/entities.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SORT_DIRECTION = void 0;
 /**
  * Sort direction.
  */
-exports.SORT_DIRECTION = {
+export const SORT_DIRECTION = {
     ASCENDING: false,
     DESCENDING: true,
 };