@monolith-forensics/monolith-ui 1.2.7 → 1.2.8-experimental

package/dist/Table/TableProvider.js

@@ -468,18 +468,6 @@ const TableProvider = (_a) => {
             }
         }
     }, [filterState]);
-    // Update State
-    useEffect(() => {
-        if (savedTableState) {
-            setColumnState(syncColumnState(_columns, savedColumnState));
-            setSortState(savedSortState);
-            setSearch(savedSearchState || "");
-            setFilterState(savedFilterState);
-            setSelectedRowKeys((savedSelectionState === null || savedSelectionState === void 0 ? void 0 : savedSelectionState.selectedRowKeys) || []);
-            setExcludedRowKeys((savedSelectionState === null || savedSelectionState === void 0 ? void 0 : savedSelectionState.excludedRowKeys) || []);
-            setSelectionStatus((savedSelectionState === null || savedSelectionState === void 0 ? void 0 : savedSelectionState.selectionStatus) || SelectionStatus.None);
-        }
-    }, [stateStorage === null || stateStorage === void 0 ? void 0 : stateStorage.key]);
     const _data = useMemo(() => {
         let processedData = props.data;
         if (props.manualSorting !== true) {

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "button" | "caption" | "overline";
+type TypographyAlign = "inherit" | "left" | "center" | "right" | "justify";
+type TypographyDisplay = "initial" | "block" | "inline" | "inline-block" | "none";
+interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    component?: React.ElementType;
+    align?: TypographyAlign;
+    color?: string;
+    display?: TypographyDisplay;
+    noWrap?: boolean;
+    gutterBottom?: boolean;
+    paragraph?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+export default Typography;
+export type { TypographyProps, TypographyVariant, TypographyAlign, TypographyDisplay, };

package/dist/Typography/Typography.js

@@ -0,0 +1,122 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import React from "react";
+const variantStyles = {
+    h1: css `
+    font-size: 2.5rem;
+    font-weight: 700;
+    line-height: 1.2;
+    margin-bottom: 0.25em;
+  `,
+    h2: css `
+    font-size: 2rem;
+    font-weight: 700;
+    line-height: 1.3;
+    margin-bottom: 0.25em;
+
+  `,
+    h3: css `
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1.25;
+    margin-bottom: 0.25em;
+  `,
+    h4: css `
+    font-size: 1.35rem;
+    font-weight: 600;
+    line-height: 1.4;
+    margin-bottom: 0.25em;
+  `,
+    h5: css `
+    font-size: 1.25rem;
+    font-weight: 600;
+    line-height: 1.4;
+    margin-bottom: 0.25em;
+  `,
+    h6: css `
+    font-size: 1.1rem;
+    font-weight: 600;
+    line-height: 1.4;
+    margin-bottom: 0.25em;
+  `,
+    subtitle1: css `
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    letter-spacing: 0.00938em;
+  `,
+    subtitle2: css `
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.57;
+    letter-spacing: 0.00714em;
+  `,
+    body1: css `
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    letter-spacing: 0.00938em;
+  `,
+    body2: css `
+    font-size: 0.875rem;
+    font-weight: 400;
+    line-height: 1.43;
+    letter-spacing: 0.01071em;
+  `,
+    button: css `
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.75;
+    letter-spacing: 0.02857em;
+    text-transform: uppercase;
+  `,
+    caption: css `
+    font-size: 0.75rem;
+    font-weight: 400;
+    line-height: 1.66;
+    letter-spacing: 0.03333em;
+  `,
+    overline: css `
+    font-size: 0.75rem;
+    font-weight: 400;
+    line-height: 2.66;
+    letter-spacing: 0.08333em;
+    text-transform: uppercase;
+  `,
+};
+const baseStyles = css `
+  margin: 0;
+  ${({ variant = "body1" }) => variantStyles[variant]}
+  ${({ color }) => color && `color: ${color};`}
+  ${({ align }) => align && `text-align: ${align};`}
+  ${({ display }) => display && `display: ${display};`}
+  ${({ noWrap }) => noWrap &&
+    css `
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `}
+  ${({ gutterBottom }) => gutterBottom && "margin-bottom: 0.35em;"}
+  ${({ paragraph }) => paragraph && "margin-bottom: 16px;"}
+`;
+const StyledTypography = styled.div `
+  ${baseStyles}
+`;
+const Typography = React.forwardRef((_a, ref) => {
+    var { variant = "body1", component, children, style } = _a, props = __rest(_a, ["variant", "component", "children", "style"]);
+    const Component = component || (variant.startsWith("h") ? variant : "p");
+    return (_jsx(StyledTypography, Object.assign({ as: Component, ref: ref, variant: variant, style: style }, props, { children: children })));
+});
+Typography.displayName = "Typography";
+export default Typography;

package/dist/Typography/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Typography";

package/dist/Typography/index.js

@@ -0,0 +1 @@
+export { default } from "./Typography";

package/dist/index.d.ts

@@ -24,6 +24,7 @@ export { default as Input } from "./Input";
 export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
+export { default as Typography } from "./Typography";
 export { default as MonolithUIProvider } from "./MonolithUIProvider";
 export { useMonolithUITheme } from "./MonolithUIProvider";
 export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";

package/dist/index.js

@@ -20,6 +20,7 @@ export { default as Input } from "./Input";
 export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
+export { default as Typography } from "./Typography";
 export { default as MonolithUIProvider } from "./MonolithUIProvider";
 export { useMonolithUITheme } from "./MonolithUIProvider";
 export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.2.7",
+  "version": "1.2.8-experimental",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -71,5 +71,6 @@
     "@types/react-window": "^1.8.8",
     "@types/spark-md5": "^3.0.4",
     "typescript": "^5.5.4"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }