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.
Files changed (62) hide show
  1. package/README.md +21 -3
  2. package/dist/components/base/ActionCard/actionCard.module.scss.js +6 -7
  3. package/dist/components/base/ActionCard/types.js +0 -1
  4. package/dist/components/base/Avatar/avatar.module.scss.js +9 -10
  5. package/dist/components/base/Avatar/types.js +0 -1
  6. package/dist/components/base/Button/button.module.scss.js +16 -17
  7. package/dist/components/base/Button/types.js +0 -1
  8. package/dist/components/base/ColorPicker/colorPicker.module.scss.js +4 -5
  9. package/dist/components/base/ColorPopper/ColorPopper.d.ts.map +1 -0
  10. package/dist/components/{layout → base}/ColorPopper/ColorPopper.js +27 -27
  11. package/dist/components/base/ColorPopper/colorPopper.module.scss.js +11 -0
  12. package/dist/components/base/ColorPopper/types.d.ts.map +1 -0
  13. package/dist/components/base/DatePicker/DatePicker.d.ts +3 -0
  14. package/dist/components/base/DatePicker/DatePicker.d.ts.map +1 -0
  15. package/dist/components/base/DatePicker/DatePicker.js +58 -0
  16. package/dist/components/base/DatePicker/datePicker.scss.js +1 -0
  17. package/dist/components/base/DatePicker/types.d.ts +25 -0
  18. package/dist/components/base/DatePicker/types.d.ts.map +1 -0
  19. package/dist/components/base/DatePicker/types.js +4 -0
  20. package/dist/components/base/Icon/icon.module.scss.js +6 -7
  21. package/dist/components/base/Icon/types.js +0 -1
  22. package/dist/components/base/Lottie/lottie.module.scss.js +4 -5
  23. package/dist/components/base/Lottie/types.js +0 -1
  24. package/dist/components/base/ProgressBar/progressbar.module.scss.js +5 -6
  25. package/dist/components/base/Select/Select.d.ts +3 -0
  26. package/dist/components/base/Select/Select.d.ts.map +1 -0
  27. package/dist/components/base/Select/Select.js +43 -0
  28. package/dist/components/base/Select/select.scss.js +1 -0
  29. package/dist/components/base/Select/types.d.ts +22 -0
  30. package/dist/components/base/Select/types.d.ts.map +1 -0
  31. package/dist/components/base/Select/types.js +4 -0
  32. package/dist/components/base/Spinner/spinner.module.scss.js +0 -1
  33. package/dist/components/base/Spinner/types.js +0 -1
  34. package/dist/components/base/Textfield/Textfield.js +9 -9
  35. package/dist/components/base/Textfield/textfield.module.scss.js +17 -18
  36. package/dist/components/context/Theme/type.js +4 -5
  37. package/dist/components/context/useContext.js +3 -4
  38. package/dist/components/layout/Navigation/navigation.module.scss.js +0 -1
  39. package/dist/components/layout/Sider/sider.module.scss.js +0 -1
  40. package/dist/components/layout/Sider/types.js +0 -1
  41. package/dist/components/layout/SiderModal/siderModal.module.scss.js +6 -7
  42. package/dist/components/layout/ThemePicker/themePicker.module.scss.js +30 -31
  43. package/dist/components/layout/ThemePicker/type.js +0 -1
  44. package/dist/index.d.ts +6 -2
  45. package/dist/index.d.ts.map +1 -1
  46. package/dist/index.js +40 -33
  47. package/dist/style.css +1 -1
  48. package/dist/styles/index.scss.js +1 -1
  49. package/dist/utils/constants/commons.js +0 -1
  50. package/dist/utils/function/localStorage.js +6 -7
  51. package/dist/utils/function/mergeRefs.js +4 -5
  52. package/dist/utils/function/string.js +2 -3
  53. package/dist/utils/helper/domHelper.js +0 -1
  54. package/dist/utils/helper/themeController.d.ts +1 -1
  55. package/dist/utils/helper/themeController.d.ts.map +1 -1
  56. package/dist/utils/helper/themeController.js +44 -45
  57. package/package.json +46 -41
  58. package/dist/components/layout/ColorPopper/ColorPopper.d.ts.map +0 -1
  59. package/dist/components/layout/ColorPopper/colorPopper.module.scss.js +0 -12
  60. package/dist/components/layout/ColorPopper/types.d.ts.map +0 -1
  61. /package/dist/components/{layout → base}/ColorPopper/ColorPopper.d.ts +0 -0
  62. /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
- function setThemeScheme(newThemeScheme) {
7
- document.documentElement.setAttribute("data-theme-scheme", newThemeScheme);
8
- window.__themeScheme = newThemeScheme;
9
- window.__onThemeSchemeChange(newThemeScheme);
10
- }
11
- function setThemeColor(newThemeColor) {
12
- document.documentElement.setAttribute("data-theme-color", newThemeColor);
13
- window.__themeColor = newThemeColor;
14
- window.__onThemeColorChange(newThemeColor);
15
- }
16
- function saveToStore() {
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.setItem("${e.themeScheme}", JSON.stringify(window.__themeScheme));
40
+ themeScheme = JSON.parse(localStorage.getItem("${e.themeScheme}"));
19
41
  } catch (err) {}
20
42
  try {
21
- localStorage.setItem("${e.themeColor}", JSON.stringify(window.__themeColor));
22
- } catch (err) {}
23
- }
24
-
25
- window.__onThemeSchemeChange = function () {};
26
- window.__onThemeColorChange = function () {};
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.71",
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": "tsc && vite 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.5",
17
- "@floating-ui/react": "^0.26.2",
18
- "@uiw/react-color-alpha": "^2.0.2",
19
- "@uiw/react-color-shade-slider": "^2.0.2",
20
- "@uiw/react-color-wheel": "^2.0.2",
21
- "clsx": "^2.0.0",
22
- "colord": "^2.9.3"
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.5.3",
26
- "@storybook/addon-interactions": "7.5.3",
27
- "@storybook/addon-links": "7.5.3",
28
- "@storybook/addons": "^7.5.3",
29
- "@storybook/blocks": "7.5.3",
30
- "@storybook/react": "7.5.3",
31
- "@storybook/react-vite": "7.5.3",
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.9.4",
35
- "@types/react": "^18.2.38",
36
- "@types/react-dom": "^18.2.17",
37
- "@typescript-eslint/eslint-plugin": "^6.12.0",
38
- "@typescript-eslint/parser": "^6.12.0",
39
- "@vitejs/plugin-react": "^4.2.0",
40
- "@vitejs/plugin-react-swc": "^3.5.0",
41
- "eslint": "^8.54.0",
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.0",
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.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.20.0",
51
- "sass": "^1.69.5",
52
- "storybook": "7.5.3",
53
- "stylelint": "^15.11.0",
54
- "stylelint-config-standard-scss": "^11.1.0",
55
- "stylelint-order": "^6.0.3",
56
- "typescript": "^5.3.2",
57
- "vite": "^5.0.2",
58
- "vite-plugin-dts": "^3.6.3",
59
- "vite-plugin-linter": "^2.0.7",
60
- "vite-tsconfig-paths": "^4.2.1"
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,12 +0,0 @@
1
- "use client";
2
- const o = "_colorInput_1pojq_1", e = "_colorPopper_1pojq_10", p = "_header_1pojq_22", r = {
3
- colorInput: o,
4
- colorPopper: e,
5
- header: p
6
- };
7
- export {
8
- o as colorInput,
9
- e as colorPopper,
10
- r as default,
11
- p as header
12
- };
@@ -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"}