xtreme-ui 0.0.71 → 0.0.73
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/README.md +21 -3
- package/dist/components/base/ActionCard/actionCard.module.scss.js +6 -7
- package/dist/components/base/ActionCard/types.js +0 -1
- package/dist/components/base/Avatar/avatar.module.scss.js +9 -10
- package/dist/components/base/Avatar/types.js +0 -1
- package/dist/components/base/Button/button.module.scss.js +16 -17
- package/dist/components/base/Button/types.js +0 -1
- package/dist/components/base/ColorPicker/colorPicker.module.scss.js +4 -5
- package/dist/components/base/ColorPopper/ColorPopper.d.ts.map +1 -0
- package/dist/components/{layout → base}/ColorPopper/ColorPopper.js +27 -27
- package/dist/components/base/ColorPopper/colorPopper.module.scss.js +11 -0
- package/dist/components/base/ColorPopper/types.d.ts.map +1 -0
- package/dist/components/base/DatePicker/DatePicker.d.ts +3 -0
- package/dist/components/base/DatePicker/DatePicker.d.ts.map +1 -0
- package/dist/components/base/DatePicker/DatePicker.js +58 -0
- package/dist/components/base/DatePicker/datePicker.scss.js +1 -0
- package/dist/components/base/DatePicker/types.d.ts +25 -0
- package/dist/components/base/DatePicker/types.d.ts.map +1 -0
- package/dist/components/base/DatePicker/types.js +4 -0
- package/dist/components/base/Icon/icon.module.scss.js +6 -7
- package/dist/components/base/Icon/types.js +0 -1
- package/dist/components/base/Lottie/lottie.module.scss.js +4 -5
- package/dist/components/base/Lottie/types.js +0 -1
- package/dist/components/base/ProgressBar/progressbar.module.scss.js +5 -6
- package/dist/components/base/Select/Select.d.ts +3 -0
- package/dist/components/base/Select/Select.d.ts.map +1 -0
- package/dist/components/base/Select/Select.js +43 -0
- package/dist/components/base/Select/select.scss.js +1 -0
- package/dist/components/base/Select/types.d.ts +22 -0
- package/dist/components/base/Select/types.d.ts.map +1 -0
- package/dist/components/base/Select/types.js +4 -0
- package/dist/components/base/Spinner/spinner.module.scss.js +0 -1
- package/dist/components/base/Spinner/types.js +0 -1
- package/dist/components/base/Textfield/Textfield.js +9 -9
- package/dist/components/base/Textfield/textfield.module.scss.js +17 -18
- package/dist/components/context/Theme/type.js +4 -5
- package/dist/components/context/useContext.js +3 -4
- package/dist/components/layout/Navigation/navigation.module.scss.js +0 -1
- package/dist/components/layout/Sider/sider.module.scss.js +0 -1
- package/dist/components/layout/Sider/types.js +0 -1
- package/dist/components/layout/SiderModal/siderModal.module.scss.js +6 -7
- package/dist/components/layout/ThemePicker/themePicker.module.scss.js +30 -31
- package/dist/components/layout/ThemePicker/type.js +0 -1
- package/dist/index.d.ts +6 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +40 -33
- package/dist/style.css +1 -1
- package/dist/styles/index.scss.js +1 -1
- package/dist/utils/constants/commons.js +0 -1
- package/dist/utils/function/localStorage.js +6 -7
- package/dist/utils/function/mergeRefs.js +4 -5
- package/dist/utils/function/string.js +2 -3
- package/dist/utils/helper/domHelper.js +0 -1
- package/dist/utils/helper/themeController.d.ts +1 -1
- package/dist/utils/helper/themeController.d.ts.map +1 -1
- package/dist/utils/helper/themeController.js +44 -45
- package/package.json +46 -41
- package/dist/components/layout/ColorPopper/ColorPopper.d.ts.map +0 -1
- package/dist/components/layout/ColorPopper/colorPopper.module.scss.js +0 -12
- package/dist/components/layout/ColorPopper/types.d.ts.map +0 -1
- /package/dist/components/{layout → base}/ColorPopper/ColorPopper.d.ts +0 -0
- /package/dist/components/{layout → base}/ColorPopper/types.d.ts +0 -0
|
@@ -1,53 +1,52 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
import { defaultScheme as m, defaultColor as h } from "../../components/context/Theme/type.js";
|
|
3
2
|
import { STORAGE as e } from "../constants/commons.js";
|
|
4
|
-
const c = (o, t) => `
|
|
5
|
-
(function () {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
3
|
+
const c = (o = m, t = h) => `
|
|
4
|
+
(function () {
|
|
5
|
+
function setThemeScheme(newThemeScheme) {
|
|
6
|
+
document.documentElement.setAttribute("data-theme-scheme", newThemeScheme);
|
|
7
|
+
window.__themeScheme = newThemeScheme;
|
|
8
|
+
window.__onThemeSchemeChange(newThemeScheme);
|
|
9
|
+
}
|
|
10
|
+
function setThemeColor(newThemeColor) {
|
|
11
|
+
document.documentElement.setAttribute("data-theme-color", newThemeColor);
|
|
12
|
+
window.__themeColor = newThemeColor;
|
|
13
|
+
window.__onThemeColorChange(newThemeColor);
|
|
14
|
+
}
|
|
15
|
+
function saveToStore() {
|
|
16
|
+
try {
|
|
17
|
+
localStorage.setItem("${e.themeScheme}", JSON.stringify(window.__themeScheme));
|
|
18
|
+
} catch (err) {}
|
|
19
|
+
try {
|
|
20
|
+
localStorage.setItem("${e.themeColor}", JSON.stringify(window.__themeColor));
|
|
21
|
+
} catch (err) {}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
window.__onThemeSchemeChange = function () {};
|
|
25
|
+
window.__onThemeColorChange = function () {};
|
|
26
|
+
|
|
27
|
+
window.__setPreferredThemeScheme = function (newThemeScheme) {
|
|
28
|
+
setThemeScheme(newThemeScheme);
|
|
29
|
+
saveToStore();
|
|
30
|
+
};
|
|
31
|
+
window.__setPreferredThemeColor = function (newThemeColor) {
|
|
32
|
+
setThemeColor(newThemeColor);
|
|
33
|
+
saveToStore();
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
let themeScheme;
|
|
37
|
+
let themeColor;
|
|
38
|
+
|
|
17
39
|
try {
|
|
18
|
-
localStorage.
|
|
40
|
+
themeScheme = JSON.parse(localStorage.getItem("${e.themeScheme}"));
|
|
19
41
|
} catch (err) {}
|
|
20
42
|
try {
|
|
21
|
-
localStorage.
|
|
22
|
-
} catch (err) {}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
window.__setPreferredThemeScheme = function (newThemeScheme) {
|
|
29
|
-
setThemeScheme(newThemeScheme);
|
|
30
|
-
saveToStore();
|
|
31
|
-
};
|
|
32
|
-
window.__setPreferredThemeColor = function (newThemeColor) {
|
|
33
|
-
setThemeColor(newThemeColor);
|
|
34
|
-
saveToStore();
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
let themeScheme;
|
|
38
|
-
let themeColor;
|
|
39
|
-
|
|
40
|
-
try {
|
|
41
|
-
themeScheme = JSON.parse(localStorage.getItem("${e.themeScheme}"));
|
|
42
|
-
} catch (err) {}
|
|
43
|
-
try {
|
|
44
|
-
themeColor = JSON.parse(localStorage.getItem("${e.themeColor}"));
|
|
45
|
-
} catch (err) {}
|
|
46
|
-
|
|
47
|
-
setThemeScheme(themeScheme || "${o ?? m}");
|
|
48
|
-
setThemeColor(themeColor || "${t ?? h}");
|
|
49
|
-
})();
|
|
50
|
-
`;
|
|
43
|
+
themeColor = JSON.parse(localStorage.getItem("${e.themeColor}"));
|
|
44
|
+
} catch (err) {}
|
|
45
|
+
|
|
46
|
+
setThemeScheme(themeScheme || "${o}");
|
|
47
|
+
setThemeColor(themeColor || "${t}");
|
|
48
|
+
})();
|
|
49
|
+
`;
|
|
51
50
|
export {
|
|
52
51
|
c as themeController
|
|
53
52
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "xtreme-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.73",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Collection of reusable components that can be used in web projects",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -8,60 +8,65 @@
|
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"dev": "storybook dev -p 3001",
|
|
11
|
-
"build": "
|
|
11
|
+
"build": "vite build",
|
|
12
|
+
"watch": "vite build -w",
|
|
12
13
|
"build-storybook": "storybook build -o dist/storybook",
|
|
13
14
|
"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
|
|
14
15
|
},
|
|
15
16
|
"dependencies": {
|
|
16
|
-
"@dotlottie/react-player": "^1.6.
|
|
17
|
-
"@floating-ui/react": "^0.26.
|
|
18
|
-
"@uiw/react-color-alpha": "^2.0.
|
|
19
|
-
"@uiw/react-color-shade-slider": "^2.0.
|
|
20
|
-
"@uiw/react-color-wheel": "^2.0.
|
|
21
|
-
"
|
|
22
|
-
"
|
|
17
|
+
"@dotlottie/react-player": "^1.6.15",
|
|
18
|
+
"@floating-ui/react": "^0.26.8",
|
|
19
|
+
"@uiw/react-color-alpha": "^2.0.6",
|
|
20
|
+
"@uiw/react-color-shade-slider": "^2.0.6",
|
|
21
|
+
"@uiw/react-color-wheel": "^2.0.6",
|
|
22
|
+
"@wojtekmaj/react-daterange-picker": "^5.5.0",
|
|
23
|
+
"@wojtekmaj/react-datetimerange-picker": "^5.5.0",
|
|
24
|
+
"clsx": "^2.1.0",
|
|
25
|
+
"colord": "^2.9.3",
|
|
26
|
+
"react-calendar": "^4.8.0",
|
|
27
|
+
"react-clock": "^4.6.0",
|
|
28
|
+
"react-date-picker": "^10.6.0",
|
|
29
|
+
"react-datetime-picker": "^5.6.0",
|
|
30
|
+
"react-select": "^5.8.0",
|
|
31
|
+
"react-time-picker": "^6.6.0"
|
|
23
32
|
},
|
|
24
33
|
"devDependencies": {
|
|
25
|
-
"@storybook/addon-essentials": "7.
|
|
26
|
-
"@storybook/addon-interactions": "7.
|
|
27
|
-
"@storybook/addon-links": "7.
|
|
28
|
-
"@storybook/addons": "^7.
|
|
29
|
-
"@storybook/blocks": "7.
|
|
30
|
-
"@storybook/react": "7.
|
|
31
|
-
"@storybook/react-vite": "7.
|
|
34
|
+
"@storybook/addon-essentials": "7.6.12",
|
|
35
|
+
"@storybook/addon-interactions": "7.6.12",
|
|
36
|
+
"@storybook/addon-links": "7.6.12",
|
|
37
|
+
"@storybook/addons": "^7.6.12",
|
|
38
|
+
"@storybook/blocks": "7.6.12",
|
|
39
|
+
"@storybook/react": "7.6.12",
|
|
40
|
+
"@storybook/react-vite": "7.6.12",
|
|
32
41
|
"@storybook/testing-library": "0.2.2",
|
|
33
42
|
"@types/lodash": "^4.14.202",
|
|
34
|
-
"@types/node": "^20.
|
|
35
|
-
"@types/react": "^18.2.
|
|
36
|
-
"@types/react-dom": "^18.2.
|
|
37
|
-
"@typescript-eslint/eslint-plugin": "^6.
|
|
38
|
-
"@typescript-eslint/parser": "^6.
|
|
39
|
-
"@vitejs/plugin-react": "^4.2.
|
|
40
|
-
"@vitejs/plugin-react-swc": "^3.
|
|
41
|
-
"eslint": "^8.
|
|
43
|
+
"@types/node": "^20.11.16",
|
|
44
|
+
"@types/react": "^18.2.51",
|
|
45
|
+
"@types/react-dom": "^18.2.18",
|
|
46
|
+
"@typescript-eslint/eslint-plugin": "^6.20.0",
|
|
47
|
+
"@typescript-eslint/parser": "^6.20.0",
|
|
48
|
+
"@vitejs/plugin-react": "^4.2.1",
|
|
49
|
+
"@vitejs/plugin-react-swc": "^3.6.0",
|
|
50
|
+
"eslint": "^8.56.0",
|
|
42
51
|
"eslint-import-resolver-typescript": "^3.6.1",
|
|
43
|
-
"eslint-plugin-import": "^2.29.
|
|
52
|
+
"eslint-plugin-import": "^2.29.1",
|
|
44
53
|
"eslint-plugin-react": "^7.33.2",
|
|
45
54
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
46
|
-
"eslint-plugin-react-refresh": "^0.4.
|
|
55
|
+
"eslint-plugin-react-refresh": "^0.4.5",
|
|
47
56
|
"eslint-plugin-storybook": "^0.6.15",
|
|
48
57
|
"react": "^18.2.0",
|
|
49
58
|
"react-dom": "^18.2.0",
|
|
50
|
-
"react-router-dom": "^6.
|
|
51
|
-
"sass": "^1.
|
|
52
|
-
"storybook": "7.
|
|
53
|
-
"stylelint": "^
|
|
54
|
-
"stylelint-config-standard-scss": "^
|
|
55
|
-
"stylelint-order": "^6.0.
|
|
56
|
-
"typescript": "^5.3.
|
|
57
|
-
"vite": "^5.0.
|
|
58
|
-
"vite-plugin-dts": "^3.
|
|
59
|
-
"vite-plugin-linter": "^2.
|
|
60
|
-
"vite-tsconfig-paths": "^4.
|
|
61
|
-
},
|
|
62
|
-
"peerDependencies": {
|
|
63
|
-
"react": "^18.2.0",
|
|
64
|
-
"react-dom": "^18.2.0"
|
|
59
|
+
"react-router-dom": "^6.22.0",
|
|
60
|
+
"sass": "^1.70.0",
|
|
61
|
+
"storybook": "7.6.12",
|
|
62
|
+
"stylelint": "^16.2.1",
|
|
63
|
+
"stylelint-config-standard-scss": "^13.0.0",
|
|
64
|
+
"stylelint-order": "^6.0.4",
|
|
65
|
+
"typescript": "^5.3.3",
|
|
66
|
+
"vite": "^5.0.12",
|
|
67
|
+
"vite-plugin-dts": "^3.7.2",
|
|
68
|
+
"vite-plugin-linter": "^2.1.1",
|
|
69
|
+
"vite-tsconfig-paths": "^4.3.1"
|
|
65
70
|
},
|
|
66
71
|
"publishConfig": {
|
|
67
72
|
"access": "public",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ColorPopper/ColorPopper.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,eAAO,MAAM,WAAW,8GAoGtB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ColorPopper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CAClC,CAAA"}
|
|
File without changes
|
|
File without changes
|