@monolith-forensics/monolith-ui 1.1.16 → 1.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MonolithUIProvider/MonolithUIProvider.d.ts +9 -0
- package/dist/{MuiProvider/MuiProvider.js → MonolithUIProvider/MonolithUIProvider.js} +5 -6
- package/dist/MonolithUIProvider/index.d.ts +2 -0
- package/dist/MonolithUIProvider/index.js +10 -0
- package/dist/MonolithUIProvider/useMonolithUITheme.d.ts +2 -0
- package/dist/MonolithUIProvider/useMonolithUITheme.js +12 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +5 -5
- package/package.json +1 -1
- package/dist/MuiProvider/MuiProvider.d.ts +0 -9
- package/dist/MuiProvider/index.d.ts +0 -2
- package/dist/MuiProvider/index.js +0 -10
- package/dist/MuiProvider/useMuiTheme.d.ts +0 -2
- package/dist/MuiProvider/useMuiTheme.js +0 -12
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { DefaultTheme } from "styled-components";
|
|
2
|
+
export declare const MonolithUIContext: import("react").Context<DefaultTheme | undefined>;
|
|
3
|
+
interface MonolithUIProviderProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
theme?: DefaultTheme;
|
|
6
|
+
defaultColorScheme?: "light" | "dark";
|
|
7
|
+
}
|
|
8
|
+
declare const MonolithUIProvider: ({ children, theme, defaultColorScheme, }: MonolithUIProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default MonolithUIProvider;
|
|
@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
6
|
+
exports.MonolithUIContext = void 0;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const deepmerge_1 = __importDefault(require("deepmerge"));
|
|
9
9
|
const styled_components_1 = require("styled-components");
|
|
10
10
|
const theme_1 = __importDefault(require("../theme"));
|
|
11
11
|
const react_1 = require("react");
|
|
12
|
-
exports.
|
|
13
|
-
const
|
|
12
|
+
exports.MonolithUIContext = (0, react_1.createContext)(undefined);
|
|
13
|
+
const MonolithUIProvider = ({ children, theme = {}, defaultColorScheme = "dark", }) => {
|
|
14
14
|
const [colorScheme, setColorScheme] = (0, react_1.useState)(defaultColorScheme);
|
|
15
15
|
const toggleColorScheme = () => {
|
|
16
16
|
setColorScheme(colorScheme === "light" ? "dark" : "light");
|
|
@@ -18,12 +18,11 @@ const MuiProvider = ({ children, theme = {}, defaultColorScheme = "dark", }) =>
|
|
|
18
18
|
const defaultTheme = (0, theme_1.default)(colorScheme);
|
|
19
19
|
// override default theme with the provided theme
|
|
20
20
|
const _theme = (0, deepmerge_1.default)(defaultTheme, theme);
|
|
21
|
-
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)(exports.MuiContext.Provider, { value: {
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(exports.MonolithUIContext.Provider, { value: {
|
|
23
22
|
theme: _theme,
|
|
24
23
|
colorScheme,
|
|
25
24
|
toggleColorScheme,
|
|
26
25
|
setColorScheme,
|
|
27
26
|
}, children: (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: _theme, children: children }) }));
|
|
28
27
|
};
|
|
29
|
-
exports.default =
|
|
28
|
+
exports.default = MonolithUIProvider;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useMonolithUITheme = exports.default = void 0;
|
|
7
|
+
var MonolithUIProvider_1 = require("./MonolithUIProvider");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MonolithUIProvider_1).default; } });
|
|
9
|
+
var useMonolithUITheme_1 = require("./useMonolithUITheme");
|
|
10
|
+
Object.defineProperty(exports, "useMonolithUITheme", { enumerable: true, get: function () { return __importDefault(useMonolithUITheme_1).default; } });
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const MonolithUIProvider_1 = require("./MonolithUIProvider");
|
|
5
|
+
const useMonolithUITheme = () => {
|
|
6
|
+
const context = (0, react_1.useContext)(MonolithUIProvider_1.MonolithUIContext);
|
|
7
|
+
if (context === undefined) {
|
|
8
|
+
throw new Error("hook must be used within a MonolithUIProvider");
|
|
9
|
+
}
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
exports.default = useMonolithUITheme;
|
package/dist/index.d.ts
CHANGED
|
@@ -20,5 +20,5 @@ export { default as Input } from "./Input";
|
|
|
20
20
|
export { default as Tooltip } from "./Tooltip";
|
|
21
21
|
export { default as Pill } from "./Pill";
|
|
22
22
|
export { default as Calendar } from "./Calendar";
|
|
23
|
-
export { default as
|
|
24
|
-
export {
|
|
23
|
+
export { default as MonolithUIProvider } from "./MonolithUIProvider";
|
|
24
|
+
export { useMonolithUITheme } from "./MonolithUIProvider";
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
6
|
+
exports.useMonolithUITheme = exports.MonolithUIProvider = exports.Calendar = exports.Pill = exports.Tooltip = exports.Input = exports.CheckBox = exports.Switch = exports.FileInputField = exports.FlyoutTitle = exports.FlyoutHeader = exports.Flyout = exports.Modal = exports.FieldLabel = exports.TagBox = exports.TextAreaInput = exports.TextArea = exports.DateInput = exports.DropDownMenu = exports.IconButton = exports.Button = exports.SelectBox = exports.TextInput = exports.Grid = exports.FormSection = void 0;
|
|
7
7
|
var FormSection_1 = require("./FormSection");
|
|
8
8
|
Object.defineProperty(exports, "FormSection", { enumerable: true, get: function () { return __importDefault(FormSection_1).default; } });
|
|
9
9
|
var Grid_1 = require("./Grid");
|
|
@@ -49,7 +49,7 @@ var Pill_1 = require("./Pill");
|
|
|
49
49
|
Object.defineProperty(exports, "Pill", { enumerable: true, get: function () { return __importDefault(Pill_1).default; } });
|
|
50
50
|
var Calendar_1 = require("./Calendar");
|
|
51
51
|
Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
|
|
52
|
-
var
|
|
53
|
-
Object.defineProperty(exports, "
|
|
54
|
-
var
|
|
55
|
-
Object.defineProperty(exports, "
|
|
52
|
+
var MonolithUIProvider_1 = require("./MonolithUIProvider");
|
|
53
|
+
Object.defineProperty(exports, "MonolithUIProvider", { enumerable: true, get: function () { return __importDefault(MonolithUIProvider_1).default; } });
|
|
54
|
+
var MonolithUIProvider_2 = require("./MonolithUIProvider");
|
|
55
|
+
Object.defineProperty(exports, "useMonolithUITheme", { enumerable: true, get: function () { return MonolithUIProvider_2.useMonolithUITheme; } });
|
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { DefaultTheme } from "styled-components";
|
|
2
|
-
export declare const MuiContext: import("react").Context<DefaultTheme | undefined>;
|
|
3
|
-
interface MuiProviderProps {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
theme: DefaultTheme;
|
|
6
|
-
defaultColorScheme?: "light" | "dark";
|
|
7
|
-
}
|
|
8
|
-
declare const MuiProvider: ({ children, theme, defaultColorScheme, }: MuiProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export default MuiProvider;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.useMuiTheme = exports.default = void 0;
|
|
7
|
-
var MuiProvider_1 = require("./MuiProvider");
|
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MuiProvider_1).default; } });
|
|
9
|
-
var useMuiTheme_1 = require("./useMuiTheme");
|
|
10
|
-
Object.defineProperty(exports, "useMuiTheme", { enumerable: true, get: function () { return __importDefault(useMuiTheme_1).default; } });
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const react_1 = require("react");
|
|
4
|
-
const MuiProvider_1 = require("./MuiProvider");
|
|
5
|
-
const useMuiTheme = () => {
|
|
6
|
-
const context = (0, react_1.useContext)(MuiProvider_1.MuiContext);
|
|
7
|
-
if (context === undefined) {
|
|
8
|
-
throw new Error("hook must be used within a MuiProvider");
|
|
9
|
-
}
|
|
10
|
-
return context;
|
|
11
|
-
};
|
|
12
|
-
exports.default = useMuiTheme;
|