@koine/next 1.0.21 → 1.0.24

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.
Files changed (5) hide show
  1. package/Theme/Theme.d.ts +6 -0
  2. package/Theme/Theme.js +11 -5
  3. package/i18n/useT/index.d.ts +1 -1
  4. package/node/Theme/Theme.js +11 -5
  5. package/package.json +11 -11
package/Theme/Theme.d.ts CHANGED
@@ -2,6 +2,12 @@
2
2
  * @file
3
3
  *
4
4
  * Adapted from [next-themes](https://github.com/pacocoursey/next-themes)
5
+ *
6
+ * Differences:
7
+ *
8
+ * - enableColorScheme: `false` by default (instead of `true`), this plays more
9
+ * nicely with tailwind `dark` class mode as dark theme is supposed to be only
10
+ * controlled by tailwind modifiers
5
11
  */
6
12
  import React from "react";
7
13
  declare type ValueObject = {
package/Theme/Theme.js CHANGED
@@ -4,6 +4,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
4
  * @file
5
5
  *
6
6
  * Adapted from [next-themes](https://github.com/pacocoursey/next-themes)
7
+ *
8
+ * Differences:
9
+ *
10
+ * - enableColorScheme: `false` by default (instead of `true`), this plays more
11
+ * nicely with tailwind `dark` class mode as dark theme is supposed to be only
12
+ * controlled by tailwind modifiers
7
13
  */
8
14
  import { createContext, useCallback, useContext, useEffect, useState, memo, } from "react";
9
15
  import NextScript from "next/script";
@@ -18,13 +24,13 @@ var ThemeContext = createContext({
18
24
  });
19
25
  export var useTheme = function () { return useContext(ThemeContext); };
20
26
  export var ThemeProvider = function (_a) {
21
- var forcedTheme = _a.forcedTheme, _b = _a.disableTransitionOnChange, disableTransitionOnChange = _b === void 0 ? false : _b, _c = _a.enableSystem, enableSystem = _c === void 0 ? true : _c, _d = _a.enableColorScheme, enableColorScheme = _d === void 0 ? true : _d, _e = _a.themes, themes = _e === void 0 ? ["light", "dark"] : _e, _f = _a.defaultTheme, defaultTheme = _f === void 0 ? enableSystem ? "system" : "light" : _f, _g = _a.attribute, attribute = _g === void 0 ? "data-theme" : _g, value = _a.value, children = _a.children, nonce = _a.nonce;
22
- var _h = useState(function () {
27
+ var forcedTheme = _a.forcedTheme, _b = _a.disableTransitionOnChange, disableTransitionOnChange = _b === void 0 ? false : _b, _c = _a.enableSystem, enableSystem = _c === void 0 ? true : _c, enableColorScheme = _a.enableColorScheme, _d = _a.themes, themes = _d === void 0 ? ["light", "dark"] : _d, _e = _a.defaultTheme, defaultTheme = _e === void 0 ? enableSystem ? "system" : "light" : _e, _f = _a.attribute, attribute = _f === void 0 ? "data-theme" : _f, value = _a.value, children = _a.children, nonce = _a.nonce;
28
+ var _g = useState(function () {
23
29
  return getTheme(THEME_STORAGE_KEY, defaultTheme);
24
- }), theme = _h[0], setThemeState = _h[1];
25
- var _j = useState(function () {
30
+ }), theme = _g[0], setThemeState = _g[1];
31
+ var _h = useState(function () {
26
32
  return getTheme(THEME_STORAGE_KEY);
27
- }), resolvedTheme = _j[0], setResolvedTheme = _j[1];
33
+ }), resolvedTheme = _h[0], setResolvedTheme = _h[1];
28
34
  var attrs = !value ? themes : Object.values(value);
29
35
  var applyTheme = useCallback(function (theme) {
30
36
  var _a;
package/i18n/useT/index.d.ts CHANGED
@@ -27,7 +27,7 @@ q?: any, // q?: TranslationQuery,
27
27
  o?: any) => string;
28
28
  export declare type Translate<TNamespace extends keyof Koine.NextTranslations | undefined> = TNamespace extends keyof Koine.NextTranslations ? TranslateNamespaced<TNamespace> : TranslateDefault;
29
29
  export declare type TranslateDefault = <TReturn extends unknown = string>(s: TranslationsAllPaths, q?: TranslationQuery, o?: TranslationOptions) => TReturn;
30
- export declare type TranslateNamespaced<TNamespace extends keyof Koine.NextTranslations> = <TReturn extends unknown = string>(s: TranslationsPaths<Koine.NextTranslations[TNamespace]>, q?: TranslationQuery, o?: TranslationOptions) => TReturn;
30
+ export declare type TranslateNamespaced<TNamespace extends keyof Koine.NextTranslations> = <TReturn extends unknown = string>(s: TranslationsPaths<Koine.NextTranslations[TNamespace], true>, q?: TranslationQuery, o?: TranslationOptions) => TReturn;
31
31
  /**
32
32
  * Wrap `next-translate` useTranslations adding the `obj` second argument shortcut
33
33
  * and type safety
package/node/Theme/Theme.js CHANGED
@@ -7,6 +7,12 @@ var jsx_runtime_1 = require("react/jsx-runtime");
7
7
  * @file
8
8
  *
9
9
  * Adapted from [next-themes](https://github.com/pacocoursey/next-themes)
10
+ *
11
+ * Differences:
12
+ *
13
+ * - enableColorScheme: `false` by default (instead of `true`), this plays more
14
+ * nicely with tailwind `dark` class mode as dark theme is supposed to be only
15
+ * controlled by tailwind modifiers
10
16
  */
11
17
  var react_1 = require("react");
12
18
  var script_1 = tslib_1.__importDefault(require("next/script"));
@@ -22,13 +28,13 @@ var ThemeContext = (0, react_1.createContext)({
22
28
  var useTheme = function () { return (0, react_1.useContext)(ThemeContext); };
23
29
  exports.useTheme = useTheme;
24
30
  var ThemeProvider = function (_a) {
25
- var forcedTheme = _a.forcedTheme, _b = _a.disableTransitionOnChange, disableTransitionOnChange = _b === void 0 ? false : _b, _c = _a.enableSystem, enableSystem = _c === void 0 ? true : _c, _d = _a.enableColorScheme, enableColorScheme = _d === void 0 ? true : _d, _e = _a.themes, themes = _e === void 0 ? ["light", "dark"] : _e, _f = _a.defaultTheme, defaultTheme = _f === void 0 ? enableSystem ? "system" : "light" : _f, _g = _a.attribute, attribute = _g === void 0 ? "data-theme" : _g, value = _a.value, children = _a.children, nonce = _a.nonce;
26
- var _h = (0, react_1.useState)(function () {
31
+ var forcedTheme = _a.forcedTheme, _b = _a.disableTransitionOnChange, disableTransitionOnChange = _b === void 0 ? false : _b, _c = _a.enableSystem, enableSystem = _c === void 0 ? true : _c, enableColorScheme = _a.enableColorScheme, _d = _a.themes, themes = _d === void 0 ? ["light", "dark"] : _d, _e = _a.defaultTheme, defaultTheme = _e === void 0 ? enableSystem ? "system" : "light" : _e, _f = _a.attribute, attribute = _f === void 0 ? "data-theme" : _f, value = _a.value, children = _a.children, nonce = _a.nonce;
32
+ var _g = (0, react_1.useState)(function () {
27
33
  return getTheme(THEME_STORAGE_KEY, defaultTheme);
28
- }), theme = _h[0], setThemeState = _h[1];
29
- var _j = (0, react_1.useState)(function () {
34
+ }), theme = _g[0], setThemeState = _g[1];
35
+ var _h = (0, react_1.useState)(function () {
30
36
  return getTheme(THEME_STORAGE_KEY);
31
- }), resolvedTheme = _j[0], setResolvedTheme = _j[1];
37
+ }), resolvedTheme = _h[0], setResolvedTheme = _h[1];
32
38
  var attrs = !value ? themes : Object.values(value);
33
39
  var applyTheme = (0, react_1.useCallback)(function (theme) {
34
40
  var _a;
package/package.json CHANGED
@@ -3,33 +3,33 @@
3
3
  "sideEffects": false,
4
4
  "main": "./node/index.js",
5
5
  "typings": "./index.d.ts",
6
- "dependencies": {
6
+ "dependencies": {},
7
+ "peerDependencies": {
7
8
  "react": "^16.8 || ^17 || ^18",
8
9
  "next": "^12.1.6",
9
- "@koine/utils": "1.0.21",
10
- "framer-motion": "^6.3.4",
11
- "@koine/react": "1.0.21",
10
+ "@koine/utils": "1.0.24",
11
+ "framer-motion": "^6.3.10",
12
+ "@koine/react": "1.0.24",
12
13
  "styled-components": "^5.3.5",
13
- "@mui/base": "^5.0.0-alpha.82",
14
- "react-icons": "^4.3.1",
14
+ "@mui/base": "^5.0.0-alpha.83",
15
+ "react-icons": "^4.4.0",
15
16
  "date-fns": "^2.28.0",
16
17
  "react-swipeable": "^7.0.0",
17
18
  "@tiptap/react": "^2.0.0-beta.109",
18
19
  "@tiptap/starter-kit": "^2.0.0-beta.185",
19
20
  "yup": "^0.32.11",
20
- "react-hook-form": "^7.31.2",
21
+ "react-hook-form": "^7.31.3",
21
22
  "type-fest": "^2.13.0",
22
23
  "tslib": "^2.4.0",
23
24
  "next-auth": "^4.3.4",
24
- "@mui/material": "^5.8.1",
25
+ "@mui/material": "^5.8.2",
25
26
  "@emotion/react": "^11.9.0",
26
27
  "@emotion/server": "^11.4.0",
27
- "@hookform/resolvers": "^2.8.10",
28
+ "@hookform/resolvers": "^2.9.0",
28
29
  "next-translate": "^1.4.0",
29
30
  "next-seo": "^5.4.0"
30
31
  },
31
- "peerDependencies": {},
32
- "version": "1.0.21",
32
+ "version": "1.0.24",
33
33
  "module": "./index.js",
34
34
  "types": "./index.d.ts"
35
35
  }