synapse-react-client 3.1.9 → 3.1.10

package/dist/utils/theme/DefaultTheme.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var Typography_1 = require("./typography/Typography");
+var Palette_1 = tslib_1.__importDefault(require("./palette/Palette"));
+var material_1 = require("@mui/material");
+var defaultMuiTheme = {
+    typography: Typography_1.typographyOptions,
+    palette: Palette_1.default,
+    components: {
+        MuiTooltip: {
+            defaultProps: {
+                arrow: true,
+                TransitionComponent: material_1.Fade,
+            },
+            styleOverrides: {
+                arrow: function (_a) {
+                    var ownerState = _a.ownerState, theme = _a.theme;
+                    return ({
+                        color: theme.palette.common.black,
+                    });
+                },
+                tooltip: function (_a) {
+                    var ownerState = _a.ownerState, theme = _a.theme;
+                    return ({
+                        fontSize: '14px',
+                        borderRadius: '2px',
+                        backgroundColor: theme.palette.common.black,
+                    });
+                },
+            },
+        },
+        MuiTypography: {
+            defaultProps: {
+                variantMapping: {
+                    // For now use p for headlines, since the bootstrap-4-backport class will override style
+                    headline1: 'p',
+                    headline2: 'p',
+                    headline3: 'p',
+                    body1: 'p',
+                    body1Italic: 'p',
+                    body2: 'p',
+                    breadcrumb1: 'span',
+                    breadcrumb2: 'span',
+                    smallText1: 'p',
+                    smallText2: 'p',
+                    smallLink: 'span',
+                    label: 'span',
+                    buttonLink: 'span',
+                    hintText: 'p',
+                    sectionTitle: 'p',
+                    subsectionHeader: 'p',
+                    dataFieldKey: 'p',
+                },
+            },
+        },
+    },
+};
+exports.default = defaultMuiTheme;
+//# sourceMappingURL=DefaultTheme.js.map

package/dist/utils/theme/DefaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTheme.js","sourceRoot":"","sources":["../../../src/lib/utils/theme/DefaultTheme.ts"],"names":[],"mappings":";;;AACA,sDAA2D;AAC3D,sEAAuC;AACvC,0CAAoC;AAEpC,IAAM,eAAe,GAAiB;IACpC,UAAU,EAAE,8BAAiB;IAC7B,OAAO,EAAE,iBAAO;IAChB,UAAU,EAAE;QACV,UAAU,EAAE;YACV,YAAY,EAAE;gBACZ,KAAK,EAAE,IAAI;gBACX,mBAAmB,EAAE,eAAI;aAC1B;YACD,cAAc,EAAE;gBACd,KAAK,EAAE,UAAC,EAAqB;wBAAnB,UAAU,gBAAA,EAAE,KAAK,WAAA;oBAAO,OAAA,CAAC;wBACjC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;qBAClC,CAAC;gBAFgC,CAEhC;gBACF,OAAO,EAAE,UAAC,EAAqB;wBAAnB,UAAU,gBAAA,EAAE,KAAK,WAAA;oBAAO,OAAA,CAAC;wBACnC,QAAQ,EAAE,MAAM;wBAChB,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;qBAC5C,CAAC;gBAJkC,CAIlC;aACH;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE;gBACZ,cAAc,EAAE;oBACd,wFAAwF;oBACxF,SAAS,EAAE,GAAG;oBACd,SAAS,EAAE,GAAG;oBACd,SAAS,EAAE,GAAG;oBACd,KAAK,EAAE,GAAG;oBACV,WAAW,EAAE,GAAG;oBAChB,KAAK,EAAE,GAAG;oBACV,WAAW,EAAE,MAAM;oBACnB,WAAW,EAAE,MAAM;oBACnB,UAAU,EAAE,GAAG;oBACf,UAAU,EAAE,GAAG;oBACf,SAAS,EAAE,MAAM;oBACjB,KAAK,EAAE,MAAM;oBACb,UAAU,EAAE,MAAM;oBAClB,QAAQ,EAAE,GAAG;oBACb,YAAY,EAAE,GAAG;oBACjB,gBAAgB,EAAE,GAAG;oBACrB,YAAY,EAAE,GAAG;iBAClB;aACF;SACF;KACF;CACF,CAAA;AAED,kBAAe,eAAe,CAAA"}

package/dist/utils/theme/ThemeTypes.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import '@mui/material/styles';
+declare type CustomTypographyVariants = 'headline1' | 'headline2' | 'headline3' | 'body1' | 'body1Italic' | 'body2' | 'breadcrumb1' | 'breadcrumb2' | 'smallText1' | 'smallText2' | 'smallLink' | 'label' | 'buttonLink' | 'hintText' | 'sectionTitle' | 'subsectionHeader' | 'dataFieldKey';
+declare type RecordWithCustomVariantKeys<Value> = {
+    [key in CustomTypographyVariants]: Value;
+};
+declare module '@mui/material/styles' {
+    interface TypographyVariants extends RecordWithCustomVariantKeys<React.CSSProperties> {
+    }
+    interface TypographyVariantsOptions extends RecordWithCustomVariantKeys<React.CSSProperties | undefined> {
+    }
+}
+declare module '@mui/material' {
+    interface Color {
+        [1000]: string;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides extends RecordWithCustomVariantKeys<true> {
+    }
+}
+export {};

package/dist/utils/theme/ThemeTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-empty-interface */
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@mui/material/styles");
+//# sourceMappingURL=ThemeTypes.js.map

package/dist/utils/theme/ThemeTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTypes.js","sourceRoot":"","sources":["../../../src/lib/utils/theme/ThemeTypes.ts"],"names":[],"mappings":";AAAA,0DAA0D;;AAE1D,gCAA6B"}

package/dist/utils/theme/palette/Palette.d.ts

@@ -0,0 +1,6 @@
+import { PaletteOptions } from '@mui/material';
+/**
+ * TODO: Ensure the default colors here match the default colors in _variables.scss, ideally having a single point of control
+ */
+declare const palette: PaletteOptions;
+export default palette;

package/dist/utils/theme/palette/Palette.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * TODO: Ensure the default colors here match the default colors in _variables.scss, ideally having a single point of control
+ */
+var palette = {
+    primary: {
+        main: '#407ba0',
+    },
+    secondary: {
+        main: '#469285',
+    },
+    grey: {
+        1000: '#22252a',
+        900: '#353a3f',
+        800: '#4a5056',
+        700: '#878e95',
+        600: '#aeb5bc',
+        500: '#d0d4d9',
+        400: '#dfe2e6',
+        300: '#eaecee',
+        200: '#f1f3f5',
+        100: '#fbfbfc',
+    },
+    success: { main: '#32a330' },
+    info: { main: '#017fa5' },
+    warning: { main: '#cc9f00' },
+    error: { main: '#c13415' },
+    text: {
+        primary: '#353a3f',
+        secondary: '#4a5056', // gray-800
+    },
+};
+exports.default = palette;
+//# sourceMappingURL=Palette.js.map

package/dist/utils/theme/palette/Palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.js","sourceRoot":"","sources":["../../../../src/lib/utils/theme/palette/Palette.ts"],"names":[],"mappings":";;AAEA;;GAEG;AACH,IAAM,OAAO,GAAmB;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;KAChB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,SAAS;KAChB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC5B,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IACzB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC5B,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC1B,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS,EAAE,WAAW;KAClC;CACF,CAAA;AAED,kBAAe,OAAO,CAAA"}

package/dist/utils/theme/typography/Typography.d.ts

@@ -0,0 +1,3 @@
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+import { Palette } from '@mui/material/styles/createPalette';
+export declare const typographyOptions: (palette: Palette) => TypographyOptions;

package/dist/utils/theme/typography/Typography.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyOptions = void 0;
+var tslib_1 = require("tslib");
+var defaultStyles = {
+    fontStyle: 'normal',
+    letterSpacing: '0px',
+};
+var typographyOptions = function (palette) { return ({
+    fontFamily: ['Lato', 'sans-serif'].join(','),
+    headline1: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '24px', fontWeight: 700, lineHeight: '28px', marginTop: '28px' }),
+    headline2: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '20px', fontWeight: 400, lineHeight: '24px', marginTop: '24px' }),
+    headline3: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '18px', fontWeight: 700, lineHeight: '20px', marginTop: '20px' }),
+    body1: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '16px', fontWeight: 400, lineHeight: '24px', marginTop: '24px' }),
+    body1Italic: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '16px', fontWeight: 400, lineHeight: '24px', marginTop: '24px', fontStyle: 'italic' }),
+    body2: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '12px', fontWeight: 400, lineHeight: '24px', marginTop: '24px' }),
+    breadcrumb1: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '14px', fontWeight: 400, lineHeight: '16px' }),
+    breadcrumb2: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '14px', fontWeight: 700, lineHeight: '16px' }),
+    smallText1: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '14px', fontWeight: 400, lineHeight: '16px', marginTop: '16px' }),
+    smallText2: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '14px', fontWeight: 700, lineHeight: '16px', marginTop: '16px' }),
+    smallLink: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '14px', fontWeight: 900, lineHeight: '16px' }),
+    label: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '14px', fontWeight: 700, lineHeight: '16px' }),
+    buttonLink: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '16px', fontWeight: 900, lineHeight: '20px' }),
+    hintText: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '16px', fontWeight: 400, lineHeight: '24px' }),
+    sectionTitle: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '21px', fontWeight: 700, lineHeight: '25px', textTransform: 'uppercase' }),
+    subsectionHeader: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '18px', fontWeight: 700, lineHeight: '21px' }),
+    dataFieldKey: tslib_1.__assign(tslib_1.__assign({}, defaultStyles), { fontSize: '14px', fontWeight: 400, lineHeight: '16px', marginTop: '16px', color: palette.grey[700], textTransform: 'uppercase' }),
+}); };
+exports.typographyOptions = typographyOptions;
+//# sourceMappingURL=Typography.js.map

package/dist/utils/theme/typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/lib/utils/theme/typography/Typography.ts"],"names":[],"mappings":"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"}

package/dist/utils/theme/useTheme.d.ts

@@ -0,0 +1,7 @@
+import { ThemeOptions } from '@mui/material';
+import React from 'react';
+export declare function mergeTheme(themeOverrides: ThemeOptions): ThemeOptions;
+export declare type ThemeProviderProps = React.PropsWithChildren<{
+    theme?: ThemeOptions;
+}>;
+export declare const ThemeProvider: ({ theme, children, }: ThemeProviderProps) => JSX.Element;

package/dist/utils/theme/useTheme.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = exports.mergeTheme = void 0;
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/material/styles");
+var lodash_es_1 = require("lodash-es");
+var react_1 = tslib_1.__importStar(require("react"));
+var DefaultTheme_1 = tslib_1.__importDefault(require("./DefaultTheme"));
+function mergeTheme(themeOverrides) {
+    // TODO: Handle merging color palettes where an entire palette can be generated from a single base color.
+    return (0, lodash_es_1.merge)({}, DefaultTheme_1.default, themeOverrides);
+}
+exports.mergeTheme = mergeTheme;
+var ThemeProvider = function (_a) {
+    var _b = _a.theme, theme = _b === void 0 ? DefaultTheme_1.default : _b, children = _a.children;
+    var mergedTheme = (0, react_1.useMemo)(function () { return mergeTheme(theme); }, [theme]);
+    var muiTheme = (0, material_1.createTheme)(mergedTheme);
+    return (react_1.default.createElement(material_1.StyledEngineProvider, { injectFirst: true },
+        react_1.default.createElement(styles_1.ThemeProvider, { theme: muiTheme }, children)));
+};
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=useTheme.js.map

package/dist/utils/theme/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../../src/lib/utils/theme/useTheme.tsx"],"names":[],"mappings":";;;;AAAA,0CAA+E;AAC/E,+CAAwE;AACxE,uCAAiC;AACjC,qDAAsC;AACtC,wEAA4C;AAE5C,SAAgB,UAAU,CAAC,cAA4B;IACrD,yGAAyG;IACzG,OAAO,IAAA,iBAAK,EAAC,EAAE,EAAE,sBAAe,EAAE,cAAc,CAAC,CAAA;AACnD,CAAC;AAHD,gCAGC;AAMM,IAAM,aAAa,GAAG,UAAC,EAGT;QAFnB,aAAuB,EAAvB,KAAK,mBAAG,sBAAe,KAAA,EACvB,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAC7D,IAAM,QAAQ,GAAG,IAAA,sBAAW,EAAC,WAAW,CAAC,CAAA;IACzC,OAAO,CACL,8BAAC,+BAAoB,IAAC,WAAW;QAC/B,8BAAC,sBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC3C,CACxB,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synapse-react-client",
-  "version": "3.1.9",
+  "version": "3.1.10",
   "private": false,
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
@@ -17,9 +17,10 @@
   "dependencies": {
     "@apidevtools/json-schema-ref-parser": "^9.0.9",
     "@brainhubeu/react-carousel": "1.19.26",
-    "@material-ui/core": "^4.12.3",
-    "@material-ui/icons": "^4.11.2",
-    "@material-ui/lab": "^4.0.0-alpha.57",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@mui/icons-material": "^5.10.9",
+    "@mui/material": "^5.10.12",
     "@popperjs/core": "^2.10.2",
     "@react-google-maps/api": "^2.13.1",
     "@react-hook/resize-observer": "^1.2.6",
@@ -115,13 +116,12 @@
     "@googlemaps/jest-mocks": "^2.7.5",
     "@juggle/resize-observer": "^3.3.1",
     "@rollup/plugin-inject": "^4.0.4",
-    "@sage-bionetworks/esbuild-plugin-svgr": "^0.0.4",
-    "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-interactions": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-interactions": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
     "@storybook/builder-vite": "0.2.2",
-    "@storybook/react": "^6.5.12",
+    "@storybook/react": "^6.5.13",
     "@storybook/testing-library": "^0.0.13",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
@@ -163,10 +163,11 @@
     "babel-loader": "^8.2.5",
     "buffer": "^6.0.3",
     "core-js": "^3.1.4",
-    "esbuild": "^0.14.2",
+    "esbuild": "^0.15.12",
     "esbuild-plugin-globals": "^0.1.1",
     "esbuild-plugin-node-polyfills": "^1.0.2",
-    "esbuild-sass-plugin": "^1.8.0",
+    "esbuild-plugin-svgr": "^1.0.1",
+    "esbuild-sass-plugin": "^2.4.0",
     "eslint": "^8.18.0",
     "eslint-plugin-jest": "^26.1.1",
     "eslint-plugin-jest-dom": "^4.0.1",
@@ -230,9 +231,9 @@
   },
   "resolutions": {
     "js-yaml": "3.13.1",
-    "minimatch": "3.0.4",
     "@types/react": "18.0.17",
-    "@types/webpack": "^5.28.0"
+    "@types/webpack": "^5.28.0",
+    "trim": "^0.0.3"
   },
   "browser": {
     "timers": "timers-browserify"

package/dist/utils/hooks/useTheme.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import DeepPartial from '../types/DeepPartial';
-/**
- * TODO: Ensure the default colors here match the default colors in _variables.scss, ideally having a single point of control
- */
-export declare const defaultSynapseTheme: SynapseTheme;
-export declare type SynapseTheme = {
-    colors: {
-        primary: {
-            main: string;
-        };
-        secondary: {
-            main: string;
-        };
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-};
-/**
- * This must be exported to use the context in class components.
- */
-export declare const ThemeContext: React.Context<SynapseTheme>;
-export declare type ThemeProviderProps = React.PropsWithChildren<{
-    theme?: DeepPartial<SynapseTheme>;
-}>;
-export declare function mergeTheme(theme: DeepPartial<SynapseTheme>): SynapseTheme;
-export declare const ThemeProvider: ({ theme, children, }: ThemeProviderProps) => JSX.Element;
-export declare function useTheme(): SynapseTheme;

package/dist/utils/hooks/useTheme.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = exports.ThemeProvider = exports.mergeTheme = exports.ThemeContext = exports.defaultSynapseTheme = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var lodash_es_1 = require("lodash-es");
-var react_1 = tslib_1.__importStar(require("react"));
-/**
- * TODO: Ensure the default colors here match the default colors in _variables.scss, ideally having a single point of control
- */
-exports.defaultSynapseTheme = {
-    colors: {
-        primary: {
-            main: '#407ba0',
-        },
-        secondary: {
-            main: '#469285',
-        },
-        success: '#32a330',
-        info: '#017fa5',
-        warning: '#cc9f00',
-        error: '#c13415',
-    },
-};
-/**
- * This must be exported to use the context in class components.
- */
-exports.ThemeContext = react_1.default.createContext(exports.defaultSynapseTheme);
-function mergeTheme(theme) {
-    // TODO: Handle merging color palettes where an entire palette can be generated from a single base color.
-    return (0, lodash_es_1.merge)({}, exports.defaultSynapseTheme, theme);
-}
-exports.mergeTheme = mergeTheme;
-var ThemeProvider = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? exports.defaultSynapseTheme : _b, children = _a.children;
-    var mergedTheme = (0, react_1.useMemo)(function () { return mergeTheme(theme); }, [theme]);
-    var muiTheme = (0, core_1.createTheme)({
-        palette: {
-            primary: {
-                main: mergedTheme.colors.primary.main,
-            },
-            secondary: {
-                main: mergedTheme.colors.secondary.main,
-            },
-        },
-        typography: {
-            fontFamily: ['Lato', 'sans-serif'].join(','),
-        },
-    });
-    return (react_1.default.createElement(exports.ThemeContext.Provider, { value: mergedTheme },
-        react_1.default.createElement(core_1.MuiThemeProvider, { theme: muiTheme }, children)));
-};
-exports.ThemeProvider = ThemeProvider;
-function useTheme() {
-    var context = (0, react_1.useContext)(exports.ThemeContext);
-    if (context === undefined) {
-        return exports.defaultSynapseTheme;
-    }
-    return context;
-}
-exports.useTheme = useTheme;
-//# sourceMappingURL=useTheme.js.map

package/dist/utils/hooks/useTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../../src/lib/utils/hooks/useTheme.tsx"],"names":[],"mappings":";;;;AAAA,0CAAiE;AACjE,uCAAiC;AACjC,qDAAkD;AAGlD;;GAEG;AAEU,QAAA,mBAAmB,GAAiB;IAC/C,MAAM,EAAE;QACN,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAiBD;;GAEG;AACU,QAAA,YAAY,GACvB,eAAK,CAAC,aAAa,CAAe,2BAAmB,CAAC,CAAA;AAMxD,SAAgB,UAAU,CAAC,KAAgC;IACzD,yGAAyG;IACzG,OAAO,IAAA,iBAAK,EAAC,EAAE,EAAE,2BAAmB,EAAE,KAAK,CAAC,CAAA;AAC9C,CAAC;AAHD,gCAGC;AAEM,IAAM,aAAa,GAAG,UAAC,EAGT;QAFnB,aAA2B,EAA3B,KAAK,mBAAG,2BAAmB,KAAA,EAC3B,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAC7D,IAAM,QAAQ,GAAG,IAAA,kBAAW,EAAC;QAC3B,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;aACtC;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI;aACxC;SACF;QACD,UAAU,EAAE;YACV,UAAU,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SAC7C;KACF,CAAC,CAAA;IACF,OAAO,CACL,8BAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW;QACvC,8BAAC,uBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC1C,CACzB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,aAAa,iBAuBzB;AAED,SAAgB,QAAQ;IACtB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAA;IACxC,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,OAAO,2BAAmB,CAAA;KAC3B;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAND,4BAMC"}

package/dist/utils/synapseTypes/AttachmentData.d.ts

@@ -1,9 +0,0 @@
-export declare type AttachmentData = {
-    name: string;
-    tokenId: string;
-    previewId: string;
-    url: string;
-    contentType: string;
-    md5: string;
-    previewState: 'FAILED' | 'PREVIEW_EXISTS' | 'NOT_COMPATIBLE';
-};

package/dist/utils/synapseTypes/AttachmentData.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=AttachmentData.js.map

package/dist/utils/synapseTypes/AttachmentData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentData.js","sourceRoot":"","sources":["../../../src/lib/utils/synapseTypes/AttachmentData.ts"],"names":[],"mappings":""}

package/dist/utils/tooltip/Tooltip.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TooltipProps as MuiTooltipProps } from '@material-ui/core';
-export declare type TooltipProps = MuiTooltipProps;
-export default function Tooltip(props: TooltipProps): JSX.Element;

package/dist/utils/tooltip/Tooltip.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var core_1 = require("@material-ui/core");
-var useTooltipStyle = (0, core_1.makeStyles)(function (theme) { return ({
-    arrow: {
-        color: theme.palette.common.black,
-    },
-    tooltip: {
-        backgroundColor: theme.palette.common.black,
-        fontSize: '14px',
-        borderRadius: '2px',
-    },
-}); });
-function Tooltip(props) {
-    var classes = useTooltipStyle();
-    return (react_1.default.createElement(core_1.Tooltip, tslib_1.__assign({ classes: classes, arrow: true, TransitionComponent: core_1.Fade }, props), props.children));
-}
-exports.default = Tooltip;
-//# sourceMappingURL=Tooltip.js.map

package/dist/utils/tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/lib/utils/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,0CAK0B;AAI1B,IAAM,eAAe,GAAG,IAAA,iBAAU,EAAC,UAAA,KAAK,IAAI,OAAA,CAAC;IAC3C,KAAK,EAAE;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KAClC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3C,QAAQ,EAAE,MAAM;QAChB,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,EAT0C,CAS1C,CAAC,CAAA;AAEH,SAAwB,OAAO,CAAC,KAAmB;IACjD,IAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,OAAO,CACL,8BAAC,cAAU,qBAAC,OAAO,EAAE,OAAO,EAAE,KAAK,QAAC,mBAAmB,EAAE,WAAI,IAAM,KAAK,GACrE,KAAK,CAAC,QAAQ,CACJ,CACd,CAAA;AACH,CAAC;AAPD,0BAOC"}

package/dist/utils/types/DeepPartial.d.ts

@@ -1,9 +0,0 @@
-/**
- * Type that recursively makes all properties in an object optional. Use sparingly, as this is computationally expensive.
- * Implementation: https://stackoverflow.com/questions/61132262/typescript-deep-partial
- * Performance issues: https://github.com/microsoft/TypeScript/issues/35729
- */
-export declare type DeepPartial<T> = T extends object ? {
-    [P in keyof T]?: DeepPartial<T[P]>;
-} : T;
-export default DeepPartial;

package/dist/utils/types/DeepPartial.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=DeepPartial.js.map

package/dist/utils/types/DeepPartial.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeepPartial.js","sourceRoot":"","sources":["../../../src/lib/utils/types/DeepPartial.ts"],"names":[],"mappings":""}

package/dist/utils/typography/Typography.d.ts

@@ -1,8 +0,0 @@
-import { TypographyProps } from '@material-ui/core';
-import { ElementType, FC } from 'react';
-interface ITypography extends Omit<TypographyProps, 'variant'> {
-    variant: 'headline1' | 'headline2' | 'headline3' | 'body1' | 'body2' | 'breadcrumb1' | 'breadcrumb2' | 'smallText1' | 'smallText2' | 'smallLink' | 'label' | 'buttonLink' | 'hintText' | 'sectionTitle' | 'subsectionHeader' | 'dataFieldKey';
-    component?: ElementType;
-}
-declare const Typography: FC<ITypography>;
-export default Typography;

package/dist/utils/typography/Typography.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var react_1 = tslib_1.__importDefault(require("react"));
-var Typography_styles_1 = tslib_1.__importDefault(require("./Typography.styles"));
-var Typography = function (props) {
-    var classes = (0, Typography_styles_1.default)();
-    var isCustom = Object.keys(classes).indexOf(props.variant) > -1;
-    return (react_1.default.createElement(core_1.Typography, tslib_1.__assign({}, props, { variant: isCustom ? undefined : props.variant, className: isCustom
-            ? (0, classnames_1.default)(classes[props.variant], props.className)
-            : props.className }), props.children));
-};
-exports.default = Typography;
-//# sourceMappingURL=Typography.js.map

package/dist/utils/typography/Typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/lib/utils/typography/Typography.tsx"],"names":[],"mappings":";;;AAAA,0CAAgF;AAChF,kEAAmC;AACnC,wDAA8C;AAC9C,kFAAoD;AAuBpD,IAAM,UAAU,GAAoB,UAAA,KAAK;IACvC,IAAM,OAAO,GAAG,IAAA,2BAAkB,GAAE,CAAA;IACpC,IAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;IACjE,OAAO,CACL,8BAAC,iBAAa,uBACR,KAAK,IACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,KAAK,CAAC,OAAe,EACtD,SAAS,EACP,QAAQ;YACN,CAAC,CAAC,IAAA,oBAAU,EAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;YACrD,CAAC,CAAC,KAAK,CAAC,SAAS,KAGpB,KAAK,CAAC,QAAQ,CACD,CACjB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}

package/dist/utils/typography/Typography.styles.d.ts

@@ -1,2 +0,0 @@
-declare const useTypographyStyle: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "body1" | "body2" | "headline1" | "headline2" | "headline3" | "breadcrumb1" | "breadcrumb2" | "smallText1" | "smallText2" | "smallLink" | "buttonLink" | "hintText" | "sectionTitle" | "subsectionHeader" | "dataFieldKey">;
-export default useTypographyStyle;

package/dist/utils/typography/Typography.styles.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var basicFontStyle = {
-    fontFamily: 'Lato',
-    fontStyle: 'normal',
-    letterSpacing: '0px',
-};
-var useTypographyStyle = (0, core_1.makeStyles)(function () { return ({
-    headline1: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '24px', fontWeight: 700, lineHeight: '28px', marginTop: '28px' }),
-    headline2: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '20px', fontWeight: 400, lineHeight: '24px', marginTop: '24px' }),
-    headline3: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '18px', fontWeight: 700, lineHeight: '20px', marginTop: '20px' }),
-    body1: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '16px', fontWeight: 400, lineHeight: '24px', marginTop: '24px' }),
-    body2: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '16px', fontWeight: 400, lineHeight: '24px', marginTop: '24px', fontStyle: 'italic' }),
-    breadcrumb1: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '14px', fontWeight: 400, lineHeight: '16px', textTransform: 'uppercase' }),
-    breadcrumb2: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '14px', fontWeight: 700, lineHeight: '16px', textTransform: 'uppercase' }),
-    smallText1: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '14px', fontWeight: 400, lineHeight: '16px', marginTop: '16px' }),
-    smallText2: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '14px', fontWeight: 700, lineHeight: '16px', marginTop: '16px' }),
-    smallLink: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '14px', fontWeight: 900, lineHeight: '16px', marginTop: '16px' }),
-    label: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '14px', fontWeight: 700, lineHeight: '16px' }),
-    buttonLink: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '16px', fontWeight: 900, lineHeight: '20px' }),
-    hintText: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '16px', fontWeight: 400, lineHeight: '24px' }),
-    sectionTitle: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '21px', fontWeight: 700, lineHeight: '25px', marginTop: '25px', textTransform: 'uppercase' }),
-    subsectionHeader: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '18px', fontWeight: 700, lineHeight: '21px', marginTop: '21px' }),
-    dataFieldKey: tslib_1.__assign(tslib_1.__assign({}, basicFontStyle), { fontSize: '14px', fontWeight: 400, lineHeight: '16px', marginTop: '16px', color: '#878e95', textTransform: 'uppercase' }),
-}); }, { name: 'SRC-Typography' });
-exports.default = useTypographyStyle;
-//# sourceMappingURL=Typography.styles.js.map

package/dist/utils/typography/Typography.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.styles.js","sourceRoot":"","sources":["../../../src/lib/utils/typography/Typography.styles.tsx"],"names":[],"mappings":"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"}